CSE 190 M: Web Programming, Spring 2012

• Specification

• index.php skeleton HTML (complete version of HTML output to start from)
• index.php HTML appearance after a login failure
• todolist.php skeleton HTML
• (your pages also link to favicon.ico, logo.gif, and provided.js, but you don't need to download those)

(NOTE: Your pages do not need to output exactly this same HTML content. We're just providing it as a template and a starting point. Your HTML can have other elements and styling, as described in the spec.)

• index.php, index.php after login fail, todolist.php, todolist.php with items in list

(NOTE: You do not need to match these expected outputs exactly, other than the blue top/bottom bars. The main central content can look however you want, as long as you have the functionality and behavior described in the spec. Have fun and be creative!)

• Message Board (now available again)
• Frequently Asked Questions

• Specification

• names.html (complete version of HTML page to start from; should be downloaded but not modified)
• (your page links to pacifier.gif, loading.gif, and provided.js, but you don't need to download those)

• initial appearance, Lisa, Zelda, Donald, Ethel, Stephanie,
  Morgan (male), Morgan (female), Taylor (male), Taylor (female), Aaliyah (male)

• Message Board (please do not post solution code)
• Frequently Asked Questions
• Web Page Comparison Tool

• Specification
• Specification for optional extra features

• fifteen.html (complete version of HTML page; should be downloaded but not modified)

• initial page ( after shuffling) ( wider)

• Message Board (please do not post solution code)
• Frequently Asked Questions
• Web Page Comparison Tool
• Fifteen puzzle article from Wolfram MathWorld
• Fifteen puzzle article from Wikipedia

• Specification

• StringMaker, a page that will help you convert your myanimation.txt into a JavaScript string for insertion into your myanimation.js
• (Your page should link to animations.js and gallery.js using absolute URLs. You shouldn't download them.)

• ascii.html
• wider
• exercise, large
• exercise, medium, animating
• juggler, XXL, turbo checked, animating
• bike, tiny

• Message Board (please do not post solution code)
• Frequently Asked Questions
• Web Page Comparison Tool

• Specification

• top.html (shared top page content)
• bottom.html (shared bottom page content)
• index.php (site front page)
• background.png, banner-background.png, favicon.png, kevin_bacon.jpg, mymdb.png (images; don't need to be downloaded)

• initial page: index.php
• some outputs from imdb_small (text only): imdb_small_output.txt
• Kevin Spacey: all, w/ Kevin
• Tom Cruise: all, w/ Kevin
• Julia Roberts: all, w/ Kevin
• William Shatner: all, w/ Kevin
• GU pearce: all (an approximate name match)
• Stuart Reges: all (an actor who is not found)

• Message Board (please do not post solution code)
• Frequently Asked Questions
• 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

• Specification

• index.php (site's front page)
• top.html (common shared code)
• bottom.html (common shared code)
• singles.txt (initial input file of users to match)
• nerdluv.css (style sheet; you don't need to download or change this)

• Initial index.php page: index (this page is provided to you)
• Viewing matches: matches.php, Bjarne Stroustroup ( HTML output), Lara Croft, Leeloo, Stewie Griffin
• complete list of who matches with whom (for debugging)
• Signing up a new user: Elaine Benes: signup.php ( HTML output from POST), matches

• Message Board (please do not post solution code)
• Frequently Asked Questions
• Web Page Comparison Tool

  NOTE: It is a bit trickier to use our web page comparison tool for HW4 because you cannot easily specify a URL into the tool to show the results 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 Specification
• singles2.txt (updated file of users with Seek Gender(s))

• 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

• Specification

• moviefiles.zip (input files for tmnt, tmnt2, princessbride, and mortalkombat)

• princessbride ( wider)
• tmnt
• tmnt2
• mortalkombat

• Message Board (please do not post solution code)
• Frequently Asked Questions
• Web Page Comparison Tool

• Specification

• 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....)

• out.png ( wider)

• Message Board (please do not post solution code)
• Frequently Asked Questions
• Web Page Comparison Tool

• Specification

• out.png (without extra features)
• out-extra.png (with extra features) - both images taken in Firefox 11 on Windows 7
• output.txt (The page's text contents without HTML/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.

• Message Board (please do not post solution code)
• Frequently Asked Questions
• Web Page Comparison Tool
• W3Schools HTML5 tag reference
• W3Schools CSS3 property reference