User Tools

Site Tools


cs276:how_to_post

Follow this template for your wiki page:

  1. Post an image of an artsy digital media example you like. Prefix any image you upload with your initials, for example spc.photo1.png
  2. Post a link to a digital media example website (even better - click on the image to go to the website!)
  3. Add a horizontal line (four dash marks) as a separator
  4. Add links to most recent posted assignment. Links are your initials followed by the assignment name and number. Best Practice: organizing links to assignments in a table (see examplars below). For example the link Tutorial #2 leads to David H. Lanner's results for Tutorial Assignment 2 (dhl.tutprog2)
  5. Consider using the table to organize different types of assignments

Fine Examplars of Organizing Wiki Pages

To post the results of a sketch to the wiki:

  1. On your wiki page, create one link per assignment. All screenshots for a single assignment go on one page.
  2. Take a screen shot of your result. Each operating system has its own way of doing this; on the Mac, it's Command-Shift-4 (don't ask me why!). On Linux, right-clicking on a menu bar sometimes gives you a Take Screenshot option.
  3. OR simply add the save function to the sketch. This saves the contents of the drawing window to an image file (you supply the name). Either way, you have an image file that can be uploaded to the Wiki. Note: calling save in the draw function is a bad idea, instead write a function mousePressed and call save there.
  4. Use the Media Manager to upload your image(s). See images for more info. Give the image a descriptive filename with your initials as a prefix. This is to keep from overwriting files with the same name.

If you are asked to link to a running sketch, follow these steps:

  1. Change the Mode to JavaScript. Run the sketch in your browser to make sure it works without modification (you may not to comment out the save function).
  2. Click the Export to Web button to generate a webpage and code to run it on our webserver.
  3. Change the name of the generated folder (currently web-export) to the name of the sketch. Copy the folder to your Linux account; drop it in ~/html/CS276.
  4. Wrap the image specifier with a link to your sketch on the webserver like so:
[[http://warren.sewanee.edu/scarl/CS276/Cars/cars.html|{{cs276:spc.cars.png}}]]

This gives you a clickable image (try it);

cs276/how_to_post.txt · Last modified: 2022/09/05 19:44 by scarl