Project: Gradetime
Authors: Oliver Kelton, Jinwei Ren, Jialiang Zhou
Date: Nov. 4, 2017
Description:
Gradetime is a mobile app that intends to improve communication between parents and educators, for the benefit of their children’s education. The app allows parents to monitor their children’s grades on assignments and tests, ask questions to their teachers, discuss school issues with other parents, and find tutors for their children.
The first page of the app, after login, is index.html. This page contains a list of students the parent has enrolled on the app, as well as an “add student” link that redirects them to a page to add another student to their account. Clicking on any of the students’ names will lead to another page, “features/<student’s name>.html”, which contains information for that individual student.
From the student’s page, the parent has four options: see the student’s grades in “Grades”, engage with teachers and advisors in a virtual “conference center,” discuss school issues with other parents in the “Parent Forum,” or find a tutor using “Find Tutor.” The urls for these features are: “/grades.html”, “/conference.html”, “/forum.html”, and “/tutor.html”.
The file “template.html” contains the standard navbar for the app, which appears (with some modifications) on every page. The navbar contains a link to “features/” called “Home,” a central dropdown menu that provides access the each page’s sibling pages, and a righthand dropdown menu, signified by three dots, which provides access to the settings menu and index.html, and allows the user to log out. The navbar functions using the script “navbar.js” (url: “./js/navbar.js”).
Javascript Files **Note: all files require the jQuery library. All html files link to the Google jQuery API.
- advisingScript.js: Handles features of conference.html's ui. It expands and contracts the list of teachers' feedback, makes the list of teachers a dropdown menu, handles the type of notification the user chooses, and redirects the user to the next page when they click the "#submit" div.
- handlebars-v4.0.11.js: Contains the handlebars library, which allows the developer to simulate a server by storing data in the cache.
- link.js: Redirects the user to another page when they click an element with class ".link". Every ".link" element must also contain an "href" attribute, which the script will redirect the page to.
- loginScript.js: Script for login.html and account.html. Ensures that user fills out all valid fields (though any data will allow login).
- navbar.js: Handles the dropdown menus on the navbar, which appears in some form on all pages of the app after login.
- studentScript.js: Simulates server-side script for the app using handlebars library. Stores the index of the current student in local storage as 'curr-student'. Contains three functions to execute on three different pages.