Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision
Previous revision
courses:cs335:spring2019:chemtutor:workplan [2019/04/30 20:56] wilsonjcourses:cs335:spring2019:chemtutor:workplan [2019/05/01 03:26] (current) cantrella
Line 3: Line 3:
 ==== Set Up and Registration ==== ==== Set Up and Registration ====
 === Team === === Team ===
-The set up and registration page, in it's first iteration, will not be too complex. The front end web page will be built by team members Alex and Mitch and Carter will handle the back end database integration.+The creation of the set up and registration page will proceed in two phases. The first phase will be completed by MitchCarter, and Alex. The second phase may not encompass the entire team, depending whether some team members have changed responsibilities.
  
 === Design Outline === === Design Outline ===
  
-The set up and registration page will be initially created and potentially improved upon down the road if time and bandwidth allow. The first iteration will be an HTML form that collects user data. This page will be linked to from the user login page by a link to set up an accountThis HTML form will include checkbox indicating that the user accepts the site'terms of service. Once the user submits the form with the checkbox checked, the data from the form will be transferred to the back end database and an entry for a new user will be createdThis entry will contain all the information they entered, including; a student's name, email address, student number, the school they attend, phone number, and their expected graduation year. This HTML form will be created as static mockup before being integrated with the back-end server.+The first phase will be the creation of the HTML page that will capture the users data. The user data taken by the form will be their full name, class year, student ID, school they attend, and their email addressBefore submitting the form, the user will have to check box indicating that they agree to the terms and conditions of the site. The data entered by the user will be transferred and stored on a back-end database
 + 
 +Once the first phase is complete, team members may change responsibilities to take on higher priority tasks. If no tasks are available, one or more of them will start of phase twoPhase two will utilize the W&L and Rollins student ID database to ensure that student ID'entered onto the registration page match the full name, class year, and email of the user. This task will involve establishing links to both W&L and Rollins' internal databases--difficult logistical problem--as it will involve contacting the schools IT administrators, explaining the situation, gaining approval from the schools, and working with each schools database manager to set up a link between their databases and the ChemTutor servers.
  
-The second phase of the design process is a lower priority but will make the site more usable. Javascript features can be added such as live error checking for password and student ID dissimilarities. Additionally, we will want to check the student ID the user inputs against the W&L or Rollins database, depending on the school, to verify that the user is actually a student. 
 ==== Student User Login ==== ==== Student User Login ====
 === Team === === Team ===
Line 22: Line 23:
   - **Phase 1: Research** During the first phase, Pan and Tina will discuss with the "set up" group about how to fetch and compare the password from an ID entered. Tina will also discuss with them how to hash and store a new set of ID+password. Then, she will research ways to send out email from the ChemTutor website. Ruinan will research ways to create pie charts (javaScript pi charts, maybe?). How to connect to the database, and communicating with the registration team to make sure all the information needed is in the database.    - **Phase 1: Research** During the first phase, Pan and Tina will discuss with the "set up" group about how to fetch and compare the password from an ID entered. Tina will also discuss with them how to hash and store a new set of ID+password. Then, she will research ways to send out email from the ChemTutor website. Ruinan will research ways to create pie charts (javaScript pi charts, maybe?). How to connect to the database, and communicating with the registration team to make sure all the information needed is in the database. 
   - **Phase 2: Mock up** In the second phase, Pan will make a good-looking login page using servelet. There will be a link to the forgot password page. Tina will make a "enter your email" page, which will send the user's ID and link to reset password page to this email address. Next, Tina will create a reset password page and record the ID with this new password. Ruinan will create the static mock up for his my progress page. This process includes a static web page that have the various clickable modules. And within each modules, there will be problem set questions. The problem sets are also clickable, but they will only show how a static webpage since it is not connected to the database yet. Ruinan will also create a static pie chart or other displaying tools in this phase.    - **Phase 2: Mock up** In the second phase, Pan will make a good-looking login page using servelet. There will be a link to the forgot password page. Tina will make a "enter your email" page, which will send the user's ID and link to reset password page to this email address. Next, Tina will create a reset password page and record the ID with this new password. Ruinan will create the static mock up for his my progress page. This process includes a static web page that have the various clickable modules. And within each modules, there will be problem set questions. The problem sets are also clickable, but they will only show how a static webpage since it is not connected to the database yet. Ruinan will also create a static pie chart or other displaying tools in this phase. 
-  - **Phase 3: Implementation** In the last phase, Ruinan will implement the static mock up pages he has created. Ruinan will connect the static webpage with the database and display the correct information that is needed. Ruinan will also test the webpage to see whether the information displayed is accurate and correct. +  - **Phase 3: Implementation** In the last phase, Ruinan will implement the static mock up pages he has created. And Pan will join to help after she finished her parts. Ruinan will connect the static webpage with the database and display the correct information that is needed. Ruinan will also test the webpage to see whether the information displayed is accurate and correct. 
  
 ==== Math Formula Presentation ==== ==== Math Formula Presentation ====
Line 42: Line 43:
 === Team === === Team ===
  
-We divided the work amongst ourselves in terms of the user end of the periodic table and the back end of the various operations/mechanisms/views +Since our project heavily relies on the appearance of the webpage and the periodic table, we just divided the many features listed in the box-notes evenly amongst ourselvesOther than that, all three of us are going to meet up to work on the project and handle our corresponding responsibilities
-  * Connor: He will be working on the appearance of the table which is mostly going to be HTML and CSS +
-  * Abhi and Utkrist: Since the back end of the project will be harder and have a larger workload, we decided to have two people work on JavaScript +
 Lastly, all three of us are going to work on improving the final appearance of the periodic table. We will review and analyze everything at the end together as a team.  Lastly, all three of us are going to work on improving the final appearance of the periodic table. We will review and analyze everything at the end together as a team. 
  
Line 51: Line 49:
 === Design Outline === === Design Outline ===
 Our design involves the appearance of the periodic table in the webpage and the integration of the periodic table with various different exercises along with other minor adjustments. We will also be adding the options of user color selection, partial view of the periodic table (individual elements, a single category of elements, or the entire periodic table). Furthermore, exercises and users themselves will be able to restrict view in terms of the chemical name of the elements (the chemical symbols will always be displayed).  Our design involves the appearance of the periodic table in the webpage and the integration of the periodic table with various different exercises along with other minor adjustments. We will also be adding the options of user color selection, partial view of the periodic table (individual elements, a single category of elements, or the entire periodic table). Furthermore, exercises and users themselves will be able to restrict view in terms of the chemical name of the elements (the chemical symbols will always be displayed). 
-Our project does not have an exploratory phase since we already have a base to work on. Therefore, for the most part, we will be adding, updating and adjusting the HTML and CSS codes for adding/updating features relating to the appearance of the table. For integration, we will be making changes to the JavaScript code. For features like changing colors of categories, partial views of the table, font colors, font sizes etc., we will have to adjust the HTML and CSS along with the JavaScript code. +Our project does not have an exploratory phase since we already have a base to work on. Therefore, for the most part, we will be adding, updating and adjusting the HTML and CSS codes for adding/updating features relating to the appearance of the table. For features like changing colors of categories, partial views of the table, font colors, font sizes etc., we will have to adjust the HTML and CSS along with the JavaScript code. 
  
  
Line 76: Line 74:
     * JD - Work on creating forms to track progress.     * JD - Work on creating forms to track progress.
  
-The graph exercises are integral to the functionality of ChemTutor, as they provide the exercises that will help users learn. The graph exercises, along with the practice modules, are the hands-on learning experiences that many users will desire. We can begin to work on the graph exercises immediately, as we have the Python scripts that can generate the graphs correct graphs and do not really rely on any other group to complete another part first. Our graph exercises can be incorporated into the overall application at almost any point.+The graph exercises are integral to the functionality of ChemTutor, as they provide the exercises that will help users learn. The graph exercises, along with the practice modules, are the hands-on learning experiences that many users will ultimately visit the page for. We can begin to work on the graph exercises immediately, as we have the Python scripts that can generate the graphs correct graphs and do not really rely on any other group to complete another part first. Our graph exercises can be incorporated into the overall application at almost any point, but must work with the data tracking group to ensure their tracker understands how to follow a user's progress on the graph exercises.
  
 === Design Outline === === Design Outline ===
courses/cs335/spring2019/chemtutor/workplan.1556657763.txt.gz · Last modified: 2019/04/30 20:56 by wilsonj
CC Attribution-Noncommercial-Share Alike 4.0 International
Driven by DokuWiki Recent changes RSS feed Valid CSS Valid XHTML 1.0