The World of Computing	CS100
Haverford College	Spring 2008
Lab 1	Due: Wednesday, March 5

HCI, GUIs and HTML

Also, this term your home page will be used as a "virtual introduction" to those in the community with whom we are planning on working, so it is important that the content be accurate, professionally presented, and (of course) accessible. Please include a small section (could be a bullet/numbered list) of computing and IT that is of interest to you, and/or that you have used or are planning to use. This list can include the simple stuff (word processing, email) and more challenging (attachments on email, makeing a photo album) to the truly advanced (synching a PDA, setting up a wireless network, using Flickr). Your work must be made available on the storage server in your public_web folder viewable to off campus clients; I'll also need the link to your page for Lab 1 that I will use to list all student pages for the class. It would be ideal to place a preliminary homepage up ASAP for this purpose; the final product is due in early March.

You must implement this work in HTML, and not use any HTML generation application (e.g., DreamWeaver, HomePage, Microsoft Word). You may use a pre-approved "text-browser editor" such as Taco HTML Edit. It is also strongly suggested that you maintain a copy on the storage server and/or on a USB key and/or a ZIP disk for backup and to work in the CS lab

Goals:

• an introduction to HTML
• the design and implementation of a graphical user interface (GUI) with HTML
• interacting with the computer to develop this GUI
• exploring some HCI design and implementation issues

Recommended: complete the following lab pieces from Module 4

• Lab 4.1: all
• Lab 4.2: all
• Lab 4.3: all
• Lab 4.4: two image files (one .gif and one .jpeg); no sound files please
• Lab 4.5: all
• Lab 4.6: optional - frames can be included for extra credit

Evaluation: these items must appear in you final homepage/website (numbers are minimums) -- use comments in your HTML files to indicate where each of these features appears in your work.

• HEAD tag: title
• BODY tag (background colors, links colors)
• Formats: heading, bold, italic, underline, alignment change
• Paragraphs (2)
• Horizontal rule (1) and break (1)
• Hyperlinks, minimum one of each of the following
  • within the same page
  • external to the page but to another local page
  • to a Haverford College resource
  • external to campus
  • image that acts as a link (could be one of the above)
• Image (1): GIF or JPG -- should be a headshot of you, which implies JPEG
• Lists (2): ordered and unordered
• Table (1) - a good example is your weekly class schedule, though color and other special formats are not required (although encouraged) -- also, please demonstrate that you can span more than one column or row (sample schedule for J.D.)
• Style suggestions (see Lab 4.7)
• Optional: Frames [+5] | CSS [+10] | Javascript [+15] | accessible table, other features [+15]

Your work should be placed into a folder using the naming convention yourlastname.1 (e.g., dougherty.1), with the main file named index.html. Other files names should be chosen intelligently, and the site should work if started at the index.html page. Use relative links to your pages/images, and absolute links to other ones. The size of the folder should be less than 200 KB.

Submitting Completed Lab:

• post your work in you public_web folder on storage.haverford.edu (if you do not have such a space, please see me and we will have space made available to post your work).
• place all of your work into a folder named yourlastname.1
• create an archive of your folder, compressed (.zip or .gzip or .tgz)
• place this archive into the Lab 1 dropbox on Blackboard

CS100 Labs: 0 1 2 3 Schedule Links