Introduction

Following are the high level architectural descriptions including the Logical view, Development view, Process view, Physical View, and Use case diagrams for the user authentication system within the Wits Academy application, developed by team CtrlAltElite.

Logical View

As a user opens the application the user will be taken to the login page. If the user has not previously created an account then he/she may proceed to submit valid registration credentials in order to create a new account and sign in. If the user already has an existing account, they may sign in by entering authenticated login credentials for an existing account. Invalid or unauthenticated credentials will not permit access to any user’s account details until the user has been authenticated.

Development View

The following component diagram is used to show the relationships between the different components within the system. The User application provides an interface for the client browser, the user application receives user data from the user database.

Process View

Once a user opens the web applications he/she will be moved to the login page, if the user enters valid existing user credentials he/she will enter the home page. Otherwise, if the user would like to register to the application, he/she can enter valid registration credentials to create a new account and once the user is created in the database, he/she will be signed in and moved to the home page.

Physical View

The Wits Academy App is deployed on an android device where the android versions are from Android 6.0 and up.

Use Case Diagrams

Login Page

Registration Page

Homepage