For this phase, you'll complete your web application.
You will produce a functioning website based on your API,
providing people convenient and pleasant-to-use
access to a variety of ways to search and view your chosen database.
Components of the final product
Your web application should be left running at your
52XX-numbered assigned port on perlman.mathcs.carleton.edu.
(Forgotten your port numbers? Check the email sent to you
by Mike Tie in August.)
The "/" route (i.e. http://perlman.mathcs.carleton.edu:52XX/)
should return your site's home page. Of course, for your web
application to run, your API will also need to be
running. Leave it running too, listening at your 51XX-numbered port.
Your cs257 repository, tagged with
"webapp_final", should contain the following.
Grading rubric
Phase 6 grading will be graded as follows:
30 points =
8 (runs with nontrivial actions without crashing)
+ 6 (appropriate breadth of features)
+ 6 (usability)
+ 8 (code organization and style)
+ 2 (extra awesomeness)
Other notes
- After midterm break, I'll provide you with tutorials/labs/samples/etc. to help you
learn enough HTML, CSS, and Javascript to complete your project. (As you might imagine,
it takes a long time and lots of practice to become a real expert on these subjects.)
- You should, of course, use your mockups and user
stories / feature lists as a rough guide, but don't feel
overly constrained by them. It's natural for your
understanding of a project to evolve as you work on it,
so you should feel free to diverge from your original
conception if you have better ideas now.
- Remember the first five sections of
Don't Make Me Think!—it will help you think about
good UI design.
- Don't wait to get started. There's lots to do
and it will take the time to make the pieces fit together and think about
how to make your app a good experience for you users.
Have fun!