Design

This is the screen that will initially appear when the app is open. It will display the name and logo of the app (currently a lamp as the placeholder).

Once users select "begin" on the entry screen, they will be brought to the login screen. This screen allows users to log in with their account as well as recover forgotten passwords and create new accounts.

After users log in, they will be brought to the home screen. This is where they can randomly select students in their classes by pressing "SPOT!". They can also access other application features from this screen: the people icon in the bottom left corner displays their class roster, the statistics icon next to it displays overall class statistics, and the pencil icon in the bottom right enables users to edit their class. The hamburger button allows users to switch between classes and the cog icon brings users to settings.

When the spot button is selected, a randomly selected name will appear on the screen. This is the student elected to participate. From this screen, the instructor can rank the student's performance as well as mark them absent or unprepared. They can then generate another name by selecting the ">" button, or return to the Home Screen by selecting the check button.

The settings screen is accessed by selecting the cog symbol in the top right of the home screen. This is where users can toggle specific options as well as sign out of the app.

The class menu is accessed by selecting the hamburger menu in the top left of the home screen. Here, instructors can select which class they want to view. This allows instructors to seamlessly switch in between their classes throughout the day. Instructors can also create new classes by selecting the plus button.

After pressing the plus button to create a new class, users will be taken to the initial class creation screen. Here, they can enter the name of their class and select which type of class they want to create. Currently, the options are "grid" for users who want to assign their students to seats in a grid structure, and "no structure" for users who do not need any seat arrangement.

If users select "grid" in the previous screen, they are brought to the next screen of creating their class. In this screen, instructors can enter student names and select their assigned seat. They can also adjust the number of rows and columns in the grid. Finally, instructors can import rosters into the app so that they do not have manually type all names.

If users select "no structure", they are brought to this screen. Here, instructors simple type in and add student names to a running list. Like in the previous screen, they can also import a class roster from a file.

This is the class statistics screen. Users of the app can access this screen by selecting the statistics icon in the bottom left of the home screen. Here, instructors can view overall statistics for the currently selected class.

The class roster screen can be accessed by selected the people icon at the bottom left of the home screen. This screen allows users to view the roster for the currently selected class. From this screen, users can also select a specific name to view detailed information about that student.

This screen is the result of selecting a student's name from the class roster. Instructors can view personalized statistics for each student in their classes.

The class edit screen is accessed by selecting the pencil icon in the bottom right of the screen. Here, instructors can add new students and assign them to seats by entering their name in the text box and selecting the appropriate seat.

The class edit screen also allows instructors to re-arrange the seat assignments of their existing student body. By selecting a seat in the previous screen, the instructors can then select a student's name to assign to that seat.