---
# System prepended metadata

title: Untitled

---

Supplemental Document for Final Project

- Lesson topic: The 3 highest mountains in the world
    - This is part of a geography course
    - Students are expected to learn about the highest mountains by watching videos and reading external materials
    - After the course, students are expected to answer a few quiz questions which may involve knowledge in the external materials
    - This course is designed to be interactive. After a student answers a quiz question, he/she can click the "check answer" button to check if his/her solution is correct
    - This course is also designed to be customizable. To achieve this, students need to log in before using the learning tools so that the website can identify the users. Ideally we want to provide different learning contents and goals for different students, beased on their interest, academic background, past quiz performance, etc. But the personialized contents is difficult and is out of the scope of this project. Therefore, we only present the idea here and only implemented the log in function
        - user1: username: Alice, password: 123456
        - user2: username: Bob, password: abc123
        Note: the username and password are case-sensitive
- Webpage outline
    - A video introduction
    - Three paragraphs of text introduction to the 3 highest mountains
    - A table of the comparisons of the main features
    - Links to the extra reading material
    - Course evaluation form
- Technical highlights
    - With bootstrap, the layout can adjust itself according to the screen size
    - All quiz questions and choices are generated in javascript so that we can easily add/modify the quiz contents
    - Check answer button updates its color based on the correctness of the answer, which is a simple and intuitive design
    - Evaluation form has data validation
        - The email is validated using regular expression
        - The first item in the dropdown box is not valid
        - If the last item in the dropdown box (other reason) is selected, the user must provide a reason in the next text box, which is only enabled when "other reason" is selected
        - if both email and reason are correctly entered, the submit button will be enabled
    - When submitting evaluation form, we can see the website knows the username of the user