Below are some basic sketches of what the different screens will look like on the students version of our application.
This image is how the home page of the app will look like. There will be buttons at the top like on every web page and also our brand. On the left hand side on the home screen there is the navigation that will have all the buttons going down where the users can go to every page. There will be text on the right side of the page that shows the time and date. Finally at the bottom of the page there will be the users profile image that will be different for each user and they can click it and be taken too the profile page.
Next we have our call page that will have the same layout as the last page. We decided to keep every page with the same layout as it keeps it consistent for our users. For the students they will not be able to call anyone they will only be able to join scheduled calls.
This is our active call page that the students will see when they are in a call with their teacher, they will be able too see their teacher and there will be buttons on the bottom where they can turn their cameras and mics on and off and also on the left side they will be able to access the pop up chat button.
As mentioned above when the student clicks the chat pop up on the left they will see the chat bar appear where they can talk to their teacher and the rest of the class.
Next we have our chat page that users can talk to their teacher, classmates or be in different groups. It has a simple layout where you still have the nav on the left then beside it you have a search bar where you can search for different people to talk too and also see all of your ongoing conversations with people and groups, then you have the message screen itself where you see the title and then the messages between the student and whoever they are talking too.
This is our marks page where students can see their marks on different tests and it is the same layout as the previous page where they can search different marks and then see the marks that they got they can also see marks for the whole class.
