4.1. User Interface
For the aesthetics of the page we have opted for a retro look that is reminiscent of old NES games. We felt like this style would be easy to work with, and also create a unique and iconic look for our web application. The aesthetic is also referential of old role-playing games (RPGs), where a lot of the battles are held through back-and-forth turn-based interactions between the player's party and a boss character. We adopted this approach in our gamification attempts, which emulate such text-based RPG battles.
| Screenshot | Description |
|---|---|
| Both students and tutors log in with their existing IVLE accounts to get the relevant data out. | |
| On log-in failure there is a notification to prompt the user to try again. |
| The layout and functionalities are similar to the tutor's dashboard, except the student is only able to join a lobby when the lobby open notification is shown. Clicking on the subgroup when the open lobby notification is up will bring the student to the lobby page. |
| The lobby is initially locked, preventing students from joining and allowing the tutor to set up the lobby. The tutor is able to zoom, upload documents and images to the interactive whiteboard, draw, and insert text before students join to prepare for the discussion. The tutor may choose to mute/unmute, show or hide their webcam feed and may also adjust the volume of their feed. The tutor can also return to the dashboard, which will close the lobby. |