CSE 190 M, Spring 2011

Homework

Web Page Comparison Tool (checks whether your page looks like the expected output images)
Indenter Tool (fix your code's indentation)
JSLint (JavaScript syntax checker)
Grading Gripe Form (if you don't agree with the way your assignment was graded)
Language syntax "cheat sheets":
- HTML: Marty's Cheat Sheet; #2, #3, #4, #5, #6, #7, #8
- CSS: #1, #2, #3, #4
- PHP: #1, #2, #3, #4 (regexes), #5 (escaping), #6 (PHP4), #7 (special values)
- JavaScript: #1, #2, #3 (Prototype)
- SQL: #1 (has a lot of SQL syntax we didn't cover; not super useful)

May 24 2011 11:00 PM

Turn in HW9 here. Homework 9 (Kevin Bacon)

Due Wednesday, June 1, 11:30pm.
No submissions accepted after Saturday, June 4, 11:30pm.

Specification:	Specification Specification for optional extra features
Resources:	(We are not providing you any skeleton HTML, CSS, or JS files this time! You poor thing.) background.png, kevin_bacon.jpg, mymdb_logo.png, mymdb_icon.gif (optional images to put on your page)
Expected Results:	(Your page should not exactly match these images; be creative! But your query results should be the same.) initial `mymdb.php` search for Kevin Spacey search for first name "Carrot Top" search for Tom Cruise search for Julia Roberts search for last name "Shatner" search for Stuart Reges
FAQ and Links:	Frequently Asked Questions Message Board (please do not post solution code) Web Page Comparison Tool Wikipedia - Six Degrees of Kevin Bacon Oracle of Bacon - a real implementation of the Six Degrees of Kevin Bacon Oracle of Bacon - stats on possible "center" actors

May 17 2011 11:00 PM

Turn in HW8 here. Homework 8 (To-Do List)

Due Wednesday, May 25, 11:30pm.
No submissions accepted after Saturday, May 28, 11:30pm.

Specification:	Specification
Resources:	NONE! You're on your own, you poor thing.
Expected Output:	NONE! Get creative.
FAQ and Links:	Frequently Asked Questions Message Board (please do not post solution code)

May 10 2011 11:00 PM

Turn in HW7 here. Homework 7 (Baby Names)

Due Wednesday, May 18, 11:30pm.
No submissions accepted after Saturday, May 21, 11:30pm.

Specification:	Specification Specification for optional extra features
Resources:	names.html (complete version of HTML page to start from; should be downloaded but not modified) names.css (complete version of style sheet; you don't need to download this) (your page will also interact with `pacifier.gif` and `prototype.js`, but you don't need to download those)
Expected Output:	initial appearance, Lisa, Zelda, Ethel, Stephanie
FAQ and Links:	Frequently Asked Questions Message Board (please do not post solution code) Web Page Comparison Tool

May 3 2011 11:00 PM

Turn in HW6 here. Homework 6 (Fifteen Puzzle)

Due Wednesday, May 11, 11:30pm.
No submissions accepted after Saturday, May 14, 11:30pm.

Specification:	Specification Specification for optional extra features
Resources:	fifteen.html (complete version of HTML page; should be downloaded but not modified) fifteen.css (complete version of style sheet; should be downloaded but not modified) (your page will also interact with `fifteen.gif` and `prototype.js`, but you don't need to download those)
Expected Output:	fifteen.html ( after shuffling) ( wider)
FAQ and Links:	Frequently Asked Questions Message Board (please do not post solution code) Web Page Comparison Tool Fifteen puzzle article from Wolfram MathWorld Fifteen puzzle article from Wikipedia

Apr 26 2011 11:00 PM

Turn in HW5 here. Homework 5 (ASCIImation)

Due Wednesday, May 4, 11:30pm.
No submissions accepted after Saturday, May 7, 11:30pm.

Specification:	Specification Specification for optional extra features
Resources:	ascii.html (skeleton version of HTML page to start from) (your page will also interact with `provided.css`, `animations.js`, and `gallery.js`, though you don't need to download these) StringMaker, a page that will help you convert your `myanimation.txt` into a JavaScript string for insertion into your `myanimation.js`
Expected Output:	standard page: ascii.html ( wider) ( juggler) ( bike, small) ( exercise, large) extra features: ascii.html ( wider)
FAQ and Links:	Frequently Asked Questions Message Board (please do not post solution code) Web Page Comparison Tool

Apr 19 2011 11:00 PM

Turn in HW4 here. Homework 4 (NerdLuv)

Due Wednesday, April 27, 11:30pm.
No submissions accepted after Saturday, April 30, 11:30pm.

Specification:	Specification
Resource Files:	index.php (site's front page) common.php (common shared code) singles.txt (initial input file of users to match) UPDATED FRI 7/16 nerdluv.css (style sheet; you don't need to download this)
Expected Output:	Initial `index.php` page: index (this page is provided to you) Viewing matches: matches.php, Bjarne Stroustroup ( HTML output), Lara Croft, Leeloo, Marty Stepp, Stewie Griffin complete list of who matches with whom Signing up a new user: Elaine Benes: signup.php ( HTML output from POST), matches
FAQ and Links:	Frequently Asked Questions Message Board (please do not post solution code) Web Page Comparison Tool NOTE: It is a bit trickier to use our web page comparison tool for HW4 because you want to compare against `results.php`, but you cannot easily specify a URL into the tool to show `results.php` properly. Suggestion: Point the comparison tool at `index.php` instead, and then when that page appears on the screen, fill out the form and submit it. Then the results page will be visible and you can compare it.
Extra Features:	Extra Features Specification singles2.txt (updated file of users with Seek Gender(s))
Extra Features, Expected Output:	Feature #1. Validation: invalid data Feature #2. User photos: signup form; matches for Bjarne Stroustroup Feature #3. Gay/Lesbian/Bisexual matches: signup form; matches for Nostalgia Critic, Rosie O Donnell, Stuart Reges complete list of matches, after Extra Feature #3

Apr 12 2011 11:00 PM

Turn in HW3 here. Homework 3 (Movie Review Part Deux)

Due Wednesday, April 20, 11:30pm.
No submissions accepted after Saturday, April 23, 11:30pm.

Specification:	Specification
Resource Files:	moviefiles.zip (input files for `tmnt`, `tmnt2`, `princessbride`, and `mortalkombat`)
Expected Output:	princessbride ( wider) tmnt ( wider) tmnt2 ( wider) mortalkombat ( wider)
FAQ and Links:	Frequently Asked Questions Message Board (please do not post solution code) Web Page Comparison Tool

Apr 5 2011 11:00 PM

Turn in HW2 here. Homework 2 (Movie Review)

Due Wednesday, April 13, 11:30pm.
No submissions accepted after Saturday, April 16, 11:30pm.

Specification:	Specification
Resource Files:	skeleton.html (unfinished HTML text for you to use as a starting point; to use this file, right-click it and choose Save Link Target As....)
Expected Output:	out.png ( wider)
FAQ and Links:	Frequently Asked Questions Message Board (please do not post solution code) Web Page Comparison Tool

Mar 29 2011 11:00 PM

Turn in HW1 here. Homework 1 (Recipe)

Due Wednesday, April 6, 11:30pm.
No submissions accepted after Saturday, April 9, 11:30pm.

Spec:	Specification
Expected Output:	out.png (without extra features) out-extra.png (with extra features) - both images taken in Firefox 3.5 on Windows XP output.txt (The page's text contents without XHTML/CSS markup, so you don't need to type in the whole page text.) NOTE: The expected output images are taken on a computer whose screen resolution is 1024x768 pixels. So if your screen is larger, to you the screenshots may not reach all the way over to the right edge of your screen. You don't need to replicate that on your page. Your page's elements should extend all the way to the page's right edge. If you resize your window to 1024x768 resolution, your window should look similar to our screenshot. If you're interested, the Firefox Web Developer add-on has a resizer feature that you can use to resize the browser window to an exact width/height.
FAQ and Links:	Frequently Asked Questions Message Board (please do not post solution code) Web Page Comparison Tool

"I need help with my homework!"

There is probably someone in the IPL today, or maybe the instructor has office hours. If so, go see them.
Check the message board; your question may have been answered there.
Read the relevant chapters and sections of the textbook
Look at the in-class lecture examples.
Look at this week's section handout problems and their solutions.
Send us a message on AIM. (AIM is better for short questions; anything that involves looking at multiple lines of code is better done by email.)
Start early! We get swamped the day assignments are due.
Don't panic. You have late days, and even if you run out, it is only -1 point for each day late.

University of Washington
Computer Science & Engineering

CSE 190 M: Web Programming, Spring 2011

CSE 190 M

Course Info

Getting Help

Check Scores

Other

Homework

Turn in HW9 here. Homework 9 (Kevin Bacon)

Due Wednesday, June 1, 11:30pm.
No submissions accepted after Saturday, June 4, 11:30pm.

Turn in HW8 here. Homework 8 (To-Do List)

Due Wednesday, May 25, 11:30pm.
No submissions accepted after Saturday, May 28, 11:30pm.

Turn in HW7 here. Homework 7 (Baby Names)

Due Wednesday, May 18, 11:30pm.
No submissions accepted after Saturday, May 21, 11:30pm.

Turn in HW6 here. Homework 6 (Fifteen Puzzle)

Due Wednesday, May 11, 11:30pm.
No submissions accepted after Saturday, May 14, 11:30pm.