Architecture

Architecture

• Languages: TypeScript, JavaScript, C#, HTML, CSS
• Frameworks: Angular (Web app) and .NET (Desktop app)
• Libraries:
• Services: FireBase (FireStore, Hosting Authentication)
• APIs: Angular Material, Notifications API, Angular Common
• Package/Build Manager: npm
• (link to UML goes here)
• Workload assignments:

• Store user data with FireStore: desmartw
• User login: zhiquan
• User add process through reactive form: kelli-alan
• Implement timer, determinate progress spinner: pattersonhowell
• Implement notification API: BranavanKalapathy
• Deploy Web app: desmartw

Web App Architecture

• Deployment: Firebase Hosting
• Single Page Application
• Urls
• • app/homepage: Sign In, Sign Up
• • app/user/specificID: Add Process, View Analytics, Pause Process, etc
• Image views:

---

• UML diagram:

• Database1: Firebase Authentication contains:
• • User email
• • User password
• • Table A
• • User uid
• • List of processes user selected
• Database2: ProcessDatabase contains:
• • All processes known to system
• user query: this query will search whether the email and password user inputted matches any users in the database. This query will be used both in sign in and register page process database query: this query will retrieve all process that the processDatabase have.

Desktop App Architecture

• There will be an installer that users and tester can install
• no virtual machines or containers for development
• 
• both, the Windows service will get the mac address and stored it in memory. Other data will from and send to firebase.
• Same as the web app
• The windows service does not query the database but listen to the database, receiving commands and execute them.
• Windows serive works behind the scene so that there will be no user-interaction and no views