Sprint 2: Project Design and HTML

Due: October 5, 2021 at 11pm

Purpose: This assignment will help you practice the following skills, reinforce knowledge, and experience HTML/CSS development.


In this assignment, you will work in your project groups to build a mockup of the project you proposed in Sprint 1 using HTML and CSS. In addition to your own CSS, you may also make use of Bootstrap. It is important to note that your own CSS is mandatory, utilizing Bootstrap’s CSS is optional.

The goal of this sprint is for you to create a basic design that you will use and embellish over the course of the semester. For the purposes of this sprint, you will be making at least three different screens (UIs from previous assignment or newly designed UIs) that will be part of your project. As an example, you may choose to create the landing page, login page, and some data entry page.

Outside-in, not inside-out! You should start by creating static HTML / CSS layouts and not be concerned with how the pages will handle information (e.g., how to store and process it). For HTML that will eventually be created dynamically based on data or user actions, you should build a mockup and display a version of the page with dummy data.

You will also ensure that your code is valid HTML5 (to ensure optimal compatibility) and that it meets Section 508 standards (to ensure accessibility of your site).

Sprint Requirements

Please consider the following as minimum requirements only. You are strongly encouraged to get creative and do more than this, but this is what will be required to receive full credit.

Minimum Requirements

Suggested Features

You may wish to include additional aspects to improve the usability of your project, such as:

Grading Rubric

Total: 100 points + 10 extra points

Note: All partners must be present at the demo. Otherwise, 10 points will be deducted and you are required to reschedule the demo.


Upload all of your .html, .css, and any image files to the Sprint 2 assignment on Gradescope. Gradescope will accept a zip file, individual uploads, or a GitHub repository for your submission. You must include your partner in the group submission on Gradescope for both partners to get credit for the assignment.

Your program will be graded during an interactive session in which you demonstrate it to the course staff (instructor and/or TA). You will have to sign up for a demonstration slot in order to do this. A sign up page will be available for you to use as the deadline approaches. Sign up early so that you get a time slot you want.

If you do not do a demonstration, you will receive no credit for the sprint.

Part of your grade will be based on explaining code segments and/or design to the instructor or TA. Come to the demonstration prepared to talk about your code.

Even though you will be demonstrating the files after the deadline, all the code must EXACTLY match the code that was submitted, and cannot have been modified after submission deadline. Several randomly selected assignments will be tested by installing the submitted files back onto the server before running the program. If it is determined that your code was modified after submission deadline, you will not receive credit for it.

Note: Making your submission available to the course staff is your responsibility; if we cannot access your files and your site on the cs4640 server, then we have to assign a zero grade. Be sure to test access to your files before the due date.

Important Note: All code in this assignment must be your own! You are free to use the course handouts and examples as a starting point. You may refer to online resources with proper citation but you CANNOT take any code from the web or any other source. Assignments that are found to have done this will be given a zero and submitted to the Honors Committee. You may not use code you have submitted for another course.

Reminder: Special Helper Extra Points

1 point for each project helped, up to 10 (total) extra project points

For each sprint, if you get help from your classmates (excluding your project partner), when you submit your assignment, please make a note (helper.txt) that:

Note: Extra points will not be awarded if any of the above information is missing.