Grade.IO
Grade.IO
Embedded Files
Grade.IO is an education centered iPad app created by Peri Cabrales, Justin Campbell, Matt Gibbs, and Margaret Walters to help foster better communication and transparency between young children, their teachers, and their parents during a time of virtual learning.
Grade.IO is an education centered iPad app created by Peri Cabrales, Justin Campbell, Matt Gibbs, and Margaret Walters to help foster better communication and transparency between young children, their teachers, and their parents during a time of virtual learning.
This app was coding in Xcode, and used Swift as the primary coding language. All data on users and homework assignments was stored in Firebase's Firestore database.
This app was coding in Xcode, and used Swift as the primary coding language. All data on users and homework assignments was stored in Firebase's Firestore database.
Overview of all pages created for the app
Firebase's Firestore Database where app information is stored
As a member of the front-end team, I coded the UI and user interactions with the app:
As a member of the front-end team, I coded the UI and user interactions with the app:
Helped create and implement page designs
Created parts of the homepage for Student, Parent, and Teacher users
Student: Calendar, Page navigation buttons, layout
Parents: Add student, dynamic population of students, layout
Teachers: Calendar, sidebar menu, layout
Student, Parent and Teacher account pages
Name, phone number, email (parents and teachers), secondary contact (students)
Ability to change bio and account photo
Teacher's assignment creation page
Takes in assignment name, due date, instructions, and a csv file of homework problems
Student and Teacher's assignments and assignment information pages
Teachers: also the ability to choose any student and see assignment information page showing a student's answers and time metrics
Student: when assignment is clicked shows assignment's info and their answers and metrics
Parent's student account and assignment information pages
Account page shows the student's information and assignments list
Assignment information page is similar to the Student's and Teacher's
Teacher student list
Lists student names and can click on them to see their account page
Account page similar to Parent's student account page
Student's account page in Parent View, showing the student's information and their assignments. Green means the assignment was completed.
There are three user types, which dictate what information, actions, and layout is available:
There are three user types, which dictate what information, actions, and layout is available:
Student View's homepage
Student users will be within the elementary and middle school age range. They are given more visually stimulating items instead of just words, to help younger children navigate the app.
Student users will be within the elementary and middle school age range. They are given more visually stimulating items instead of just words, to help younger children navigate the app.
Students will be able to view and do assignments assigned to them by their teachers.
Students will be able to view and do assignments assigned to them by their teachers.
They can view their account and update their bio and picture.
They can view their account and update their bio and picture.
Parent View's assignment overview page for a student's chosen assignment. Shows assignment information, and the student's results.
Parent users will be able to add students to their account by entering a code emailed to them by the teachers, and will then be able to see their children displayed on the homepage.
Parent users will be able to add students to their account by entering a code emailed to them by the teachers, and will then be able to see their children displayed on the homepage.
Parents can click on a student to see their account information, and all of their assignments. They can see if an assignment is late, submitted, or hasn't been started due to color coding.
Parents can click on a student to see their account information, and all of their assignments. They can see if an assignment is late, submitted, or hasn't been started due to color coding.
By selecting a specific assignment, parents can see an assignment's information, as well as the child's grade, overall time taken on the assignment, the questions (including the child's answers and the correct answers), and how long it took the child to complete each question.
By selecting a specific assignment, parents can see an assignment's information, as well as the child's grade, overall time taken on the assignment, the questions (including the child's answers and the correct answers), and how long it took the child to complete each question.
Teacher View's create an assignment page where they can enter the information for their assignment, and upload the problem/answer file.
Teacher users have the most actions out of all user types, and most center around assignments.
Teacher users have the most actions out of all user types, and most center around assignments.
Teachers can create an assignment by uploading a csv file and entering all other assignment information. They can then check student results, including the answers of selected students, and their time metrics.
Teachers can create an assignment by uploading a csv file and entering all other assignment information. They can then check student results, including the answers of selected students, and their time metrics.
Teachers will also be able to utilize the Student List page to find a specific student and see the completion status of all assignments, as well as their assignment results.
Teachers will also be able to utilize the Student List page to find a specific student and see the completion status of all assignments, as well as their assignment results.
Extra Photos
Extra Photos
The layout that will appear when an assignment is started, with the assignment's problems dynamically populated.
Dynamically populating assignments page, which is the same for both Students and Teachers.
Student's account page, with changeable account photo and bio.
Page updated
Google Sites
Report abuse