Author: Jianxin Lin
This diagram demonstrates the high level overview of Ice Queb’s front end. After the user clicks the app icon to open the app, he will be greeted with the log in page. If the user has a log-in token reserved, he will be directed to the home page instead.
From the log in page, the user can choose to log in with an existing account or go to the sign up page.
From the sign up page, the user can register a new account.
After logging in, the user will land on the default main view page - home page. Also, it is worth to mention that from the main view; the user can navigate between home, manage office hour, profile pages.
The home page consists a calendar. With in the calendar, there are small blocks of office hour slots. After clicking on one slot, the user will be greeted with a pop-up window with a large button. The user can interact with the window by clicking on the button to join the queue. The button’s label will display the current queueing number of user for that particular office hour.
The default view of the manage office hour page consists the user’s list of currently enrolled office hours. From there, the user can also choose to add a new office hour. To add an office hour, the user needs to know the professor’s name / course department
The default view of the profile page displays the user’s email. From there, the user can also choose to change email / password and log out.
This diagram demonstrates the implementation for the front end.