Students will apply user-centered design principles, database structures and server side scripting to create dynamic web sites. Particular attention will be paid to design issues relating to the display of dynamic content on the screen and how that dynamic content will be delivered.

• Course Materials
  • Textbook: None required
  • Course Syllabus
• Week 1
  • Lecture Notes (Javascript Review)
  • Lab & Homework Assignment (1L - now due 04/12/08 at 1:05pm)
  • Homework Assignment (1H - skip this assignment unless you feel really motivated)
• Week 2
  • “Rolling Ball” lab files
  • Lab/Homework Assignment
• Week 3
  • Lecture: XML
  • Lab & Assignment: Calculator (this was Assignment 1H, now due Week 4 at 1:15pm)
• Week 4
  • Exercise: Review of Calculator Assignment solution
  • Lecture: Anatomy of Ajax [pdf]
  • Lab: Building a basic Ajax system to pull text
• Week 5
  • MidTerm Examination
  • Lecture/Exercise: Planning the Ajax Chat Script
  • Lab: Parsing XML in Javascript
• Week 6
  • Continued Ajax exercise
  • Lecture/Exercise: Planning the Ajax Chat Script
  • Lecture: Basic PHP (variants, rules, file operations)
  • Lab: Constructing the Chat Script
• Week 7
  • Lecture/Lab: Improving the Chat Script.  The target is to make a better chat script by offering a block until the user enters his/her username, to improve the polling capabilities, see all users in the room (even if they aren’t chatting), and be able to send private messages.
    And please, don’t screw around during the lecture or I will send a small virus from the script to break your kneecaps.
    Here is what it should look like.
    Workflow diagram
    Here are the scripts
  • Assignment 7 (yea, there is an assignment based on this lab).  This assignment is due Week 8 at 1pm.
• Week 8
  • Lecture/Lab: Using the <canvas> tag
  • Assignment 8
• Week 9
  • Lecture/Lab: Libraries
  • Example of using JKL.ParseXML
• Week 10
  • Final Examination
• Week 11
  • Final Examination Review
  • Lecture: Javascript Referencing of DOM Objects [slides 2638K PDF]
  • Handout: List of all Javascript language syntax [300K PDF]
• Extra Credit Assignments
  • EC Assignment 1
  • EC Assignment 2
  • EC Assignment 3
  • EC Assignment 4
  • EC Assignment 5 [new - posted 06/04/08]