CSE 167 - Introduction to Computer Graphics - Fall 2003
Instructor: Sam Buss,  Univ. of California, San Diego

Turn in instructions for Project #3

Overview:

• Turn in a simple index.html file, a thumbnail image in gif format and a larger image that shows detailed screenshot.  These will be collected into a class web page publicly displayed on the web.

• Turn in source code, project and workspace files, and your larger screen shot into your CSE 167 public folder on ieng9. (The same as for projects #1 and #2.)

Details:

1. Once your program is finished, open a window that shows a good version of your scene, at a comfortable size to see detail.  Make that window the currently active one.

2. Capture a screen shot:  On PC's hold down both ALT and RIGHT-SHIFT and press PRINT-SCREEN.  (ALT is to the left of the space bar, RIGHT-SHIFT is to the right; PRINT-SCREEN is a special function key at the top towards the right.)   This copies an image of the currently active window.

3. Save the screen shot into a JPEG.  There are several ways to do this, but the following should work on any PC:  a) Open PAINT (Look under START ->All Programs ->Accessories.)  b). Paste the image into the blank window (use Edit -> Paste, or just press Control-V.).  c.) Save as a JPEG file.  Choose File -> Save As from the menu bar.
   Optional: During step #3, you may wish to crop out the borders and menu bar from the image.

4. Create a thumbnail image - a GIF file.  IT MUST BE CALLED:  thumb.gif.  There are several ways to do this too, but here is one that works easily on the lab PC's: a). Open MS Photo Editor (Look under START ->All Programs -> Microsoft Office XP -> Microsoft Office Tools -> Photo Editor.  b) Open the JPEG file created in step 3.   c). Resize so that its height is at most 120 pixels, and its width is at most 160 pixels.  To do this, choose Image  ->  Resize... on the menu bar.  d) Save as a GIF file, named thumb.gif.  (please use this name exactly.) 

5. Customize the file index.html.   Fill in your name, and any comments if you wish.  Change the file name to be the name of the file you created in step #2 (the JPEG file).  Filenames are case sensitive!
       There were some typos in the first posted version of index.html: The comment lines should end with "-->"   not  "->"  (two hyphens, not one).  Either make these changes by hand, or download a new version from Fall03ProjectThree.zip.

6. Create a ZIP archive:  It should contain the files thumb.gif,   index.html and  the JPEG file from step 2.   FILENAMES ARE CASE SENSITIVE!  Do not include source files, or project files!
        To do this on the lab PC's, run Ultimate Zip found under START -> All Programs -> ZIP utilities.  Create a new archive, add the three files, DO NOT include path names with the filenames!  Close the ZIP archive.  
        Alternately, Diem tells me that Windows XP has a built-in zip feature, and that this works too.   If someone sends me the instructions, I will post them.
        Under Unix/Linux, you can use zip to compress multiple files and concatenate them to have multiple files zip'ed together.  However, gzip does not work for us.

7. Go to the Project upload page:  Login with your last name and student ID number.  Select the project you wish to upload, use browse to find the zip file, and upload.

8. Now check that your web page uploaded correctly.  If not, backtrack and try again.

9. You are not yet done....

10. In your CSE 167 home directory on ieng9: place your source files, your project and workspace files, and the JPEG image from step #2.

11. See a TA or Buss for a grading session.

NOTE: The thumb.gif file should not be too large, otherwise viewing the class upload page will become impossibly slow.  Please try to keep the file size around 10 or 15 KB.  If you have access to Adobe Photoshop, you can create better optimized (and thus smaller) GIFs.  Zip files larger than 1MB will be rejected.

The class upload page is also publicly available at http://math.ucsd.edu/~167af03/publicview.php.