- Intro. to Computer Graphics II - Winter 2005
Instructor: Sam Buss, Univ. of California, San Diego
Turn in instructions for Project #2
Overview: Your turn in material consists of two parts.
Turn in a web page demonstrating your project. It includes
- 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 CSE 167/ Math 155B storage folder on ieng9. (The same
as for project #1.)
- source code, project and solution files, and
- your larger screen shot.
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.
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.
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.
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.)
Customize the file index.html. Rename
the file SampleIndex.html to be called
index.html. Fill in
your name, and any comments if you wish. Change the file name of the
JPEG file to be the
name of the file you created in step #2. Filenames are
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.
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.
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.
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.
You are not yet done....
In your CSE 167 / Math 155B home directory on ieng9: place your source files, your project and solution files, and the JPEG image from step #2.
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.