Math 155A - Introduction to Computer Graphics - Spring 2005
Instructor: Sam Buss,  Univ. of California, San Diego

Turn in instructions for Project #3-#5

Overview: Your turn in material consists of two parts.

• Turn in a web page demonstrating your project.  It includes, at the least,
- 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  into your Math 155A folder on ieng9. (The same as for projects #1 and #2.)
- source code, project and solution  files, and

Details:

1. Once your program is finished, open a window that shows a good version of your scene, at a comfortably large 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, all lower case.)

5. Customize the file index.html.   Download a template for the index.html.   Rename this file to be called "index.html".  Then edit the file.  Fill in your name.  Replace the comments by a paragraph or two describing your project work.   Change the reference to the image file to name of the file you created in step #2 (the JPEG file).  Be careful with upper and lower case, since fiilenames are case sensitive on Unix, and your index.html file will have to work on a unix system.
You may create a fancier index.html file, but you should limit this to things that illustrate the work you did on your programming project.  Do not include any URLs that link to anything that is outside your "current" folder or to anything on other computers.  Do not include any scripting in your html file.

6. Create a ZIP archive:  It should contain the files thumb.gif,   index.html and  the JPEG file from step 2.   File names are case sensitive!  Important: 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, I hear that Windows XP has a built-in zip feature, and that this works too.   If I learn how to use this, I will post instructions.
Under Unix/Linux, you can use zip to compress multiple files and concatenate them to have multiple files zip'ed together.  However, gzip may not work with the course upload procedure.

7. Go to the Project upload page:   Login with your last name and student ID number (use the link in the upper right corner to get to the login page.)  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.  You can upload a new version of your assignment anytime until the deadline for submissions.

9. You are not yet done....

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

11. See a TA or Professor 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 under 20 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. Thumbnail files over 40 KB will be rejected.

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