CSE 190 M, Spring 2008

Homework

Homework Survey (After you submit an assignment, tell us what you thought of it!)
Grading Gripe Form (It's back! If you don't agree with the way your assignment was graded, please fill out this form and we'll look into it. NOTE: You must at least attempt to talk to the TA about the grading issue before submitting this form. Students who submit the form without contacting the TA first will not be considered for regrading.)

Turn in HW8 here.
Homework 8 (Kevin Bacon)

Due Friday, June 6, 11:00pm.
No submissions accepted after Tuesday, June 10, 11:00pm.

Specification:	HW8 Specification
Resources:	mymdb.php (mostly complete HTML content for you to use if you like; right-click and choose Save Link As...) background.png, kevin_bacon.jpg, mymdb_icon.gif, mymdb_logo.png (you can optionally use these images in your pages)
Expected Output:	initial `mymdb.php` appearance search for Kevin Spacey: after searching `actors.php` , `search.php` appearance search for a first name of "carrot top": before searching `actors.php` , after searching `actors.php` , `search.php` appearance search for Tom Cruise: after searching `actors.php` , `search.php` appearance search for Will Smith: after searching `actors.php` , `search.php` appearance for wrong actor, , `search.php` appearance after second search search for a last name of "shatner": after searching `actors.php` , `search.php` appearance search for Stuart Reges: after searching `actors.php`

Turn in HW7 here.
Homework 7 (NerdLuv)

Due Wednesday, May 28, 11:00pm.
No submissions accepted after Sunday, June 1, 11:00pm.

Specification:	HW7 Specification
Resources:	nerdluv.php (mostly complete HTML content for you to use; right-click and choose Save Link As...) nerdluv.css (complete CSS content for you to use; you can modify it if you like) images.zip (initial set of user images; unzip this to an `images/` subfolder relative to your other files) singles.txt (initial text file of user data; this file's contents will change as new users submit their data)
Expected Output:	Initial `nerdluv.php` appearance Lookups on existing returning users: Marty Stepp , Ada Lovelace , Natalie Portman , Stuart Reges Submitting new users: Roger Rabbit signup , matches ; Wonder Woman signup , matches Invalid data: signup , matches (your error message need not match this one verbatim)

Turn in HW6 here.
Homework 6 (To-Do List)

Due Wednesday, May 21, 11:00pm.
No submissions accepted after Sunday, May 25, 11:00pm.

Specification:	HW6 Specification
Resources:	NONE! You're on your own, you poor thing.
Expected Output:	NONE! Get creative.

Turn in HW5 Part A here.
Turn in HW5 Part B here.
Homework 5 (Baby Names Redux)

Part A due Wednesday, May 7, 11:00pm.
Part A not accepted late.

Part B due Wednesday, May 14, 11:00pm.
Part B, no submissions accepted after Saturday, May 17, 11:00pm.

Specification:	HW5 Specification
Resources:	names.html (complete HTML content for you to use; right-click and choose Save Link As...) names_style.css (complete CSS styles for you to use; you don't need to download or change this file) JSLint
Expected Output:	initial appearance, Lisa, Zelda, Ethel, Stephanie Flash video of the program in action: babynames.swf This video demonstrates some of the functionality of your program. It may not be comprehensive but it demonstrates most major features.

Turn in HW4 here. Homework 4 (Fifteen Puzzle)

Due Thursday, May 1, 11:00pm.
No submissions accepted after Sunday, May 4, 11:00pm.

Specification:	HW4 Specification
Resource Files, Other Resources:	fifteen.html (complete HTML content for you to use; right-click and choose Save Link As...) fifteen_style.css (complete CSS styles for you to use) JSLint
Expected Output:	expected_output.png (for CSE non-majors) ( after shuffling) ( wider) Flash video of the program in action: fifteen.swf This video demonstrates some of the functionality of your program. It may not be comprehensive but it demonstrates most major features.

Turn in HW3 here. Homework 3 (ASCIImation)

Due Wednesday, April 23, 11:00pm.
No submissions accepted after Saturday, April 26, 11:00pm.

Specification:	HW3 Specification
Resource Files, Other Resources:	ascii.html (unfinished HTML text for you to use as a starting point; right-click and choose Save Link As...) provided.css animations.js (provided CSS and JS code; you don't need to download or modify these) JSLint (checks your JavaScript code for errors; very useful) StringMaker (converts an ASCIImation String into a JS variable you can put into your code)
Expected Output:	expected_output.png (for CSE non-majors) ( wider) expected_output_majors.png (for CSE majors) ( wider) Flash videos of the program in action: ( non-majors) ( CSE majors) These videos demonstrate some of the functionality of your program. They may not be comprehensive but they demonstrate most major features.

Turn in HW2 here. Homework 2 (Movie Review)

Due Wednesday, April 16, 11:00pm.
No submissions accepted after Saturday, April 19, 11:00pm.

Specification:	HW2 Specification
Resource Files:	skeleton.html (unfinished HTML text for you to use as a starting point)
Expected Output:	expected_output.png (for CSE non-majors) ( wider) expected_output_majors.png (for CSE majors) ( wider)
Clarifications:	There's some confusion about the 20px margin between reviewer quotes; students are seeing margins that look more like 10px and are asking where those margins came from. The writeup wasn't worded very clearly; it should say that there's a 20px bottom margin underneath the critic's personal information such as "Peter Debruge, Variety". Other miscellaneous smaller margins (around 1em or 10px) that you see around the document are just default top/bottom margins on paragraphs. These were implicitly set by the browser and not by my CSS. My expected output had an unspecified 2em bottom margin underneath the "fresh" or "rotten" tomato images next to each critic's review. This caused the text not to wrap underneath these images for a few lines (though in the majors-only expected output image, the critic quotes take up more lines, so they eventually did wrap under the image, which looked odd). Since this 2em margin wasn't in the spec, I've removed it from my solution and updated the expected output image to reflect this. Now the text wraps directly under these images. You may choose to match either the old output or the new one; we'll accept either. There's some text about a "copyright notice" near the end of the HW2 writeup. This shouldn't have been there; there's no copyright notice in the assignment. A few students have asked what's up with the `dl`, `dt`, and `dd` tags in the skeleton. These tags form something called a "definition list". A definition list (dl) shows a set of terms (dt) and definitions or more info about those terms (dd). It's good when you have many small heading-like "terms" and want to say a little bit about each of them, as we do in that right-side pane on HW2. It raises the question of, why did we put this tag into HW2 when it hasn't been shown in class? I probably shouldn't include many things on assignments that we haven't covered in lecture, but in this case I wanted to introduce a few new tags. The following two sites talk a little more about definition lists: http://www.benmeadowcroft.com/webdev/articles/definition-lists.shtml http://www.maxdesign.com.au/presentation/definition/ Some students have asked what URL path to use when linking to images in your XHTML / CSS code. You should use the full absolute path as stated on the HW2 spec, not a relative path or a path on Webster.

Turn in HW1 here. Homework 1 (Recipe)

Due Wednesday, April 9, 11:00pm.
No submissions accepted after Saturday, April 12, 11:00pm.

Specification:	HW1 Specification
Expected Output:	expected_output.png (for CSE non-majors) expected_output_majors.png (for CSE majors) output.txt (The text contents of the page without XHTML or CSS markup. To generate this file, I went to the page in Firefox, chose Select All, copied and pasted into a text editor. Note that this copies images' `alt` attributes in place of the images, and copies `*` in place of bullets on bulleted lists.)

Valid XHTML 1.1

Valid CSS!