Libraries

Simple Painter + SComposer + JFugue

CS1 WorkSite Materials

CS1 Standard Demo Template + htaccess files + CS1 css file + CS1 WorkSite index template>

Ideas for Posting Phone Pictures to Your CS1 Work Site

The index template assumes that the pictures of your plans for Programming Challenge #1 problems are of the png format. Your phone probably takes heic or jpg images. Here's a workflow for posting those photos:

  1. email yourself the photos,
  2. download them once you're logged onto one of the CS Department machines,
  3. put each photo into the folder in your public_html/CS1WorkSite directory with the same name as the package where the corresponding program is located, and
  4. rename the picture to be the same name as the problem with "Plan" tacked on at the end (Don't change the extension! Just the name!).
  5. Change the extension in the LINK in the index.html file of your CS1 Work Site to be whatever the extension is for the image.
For example, for Problem #1: I would take a picture of my plan and email it to myself. Once logged onto a computer in 446 Shineman, I'd download the picture from my email and move it to the public_html/CS1WorkSite/npw directory. My phone takes heic images, so I would then rename the picture to FirstArtPlan.heic. Then I would have to change the link in the index.html file to be "npw/FirstArtPlan.heic" instead of "npw/FirstArtPlan.png".

Another option, especially if you want to crop your photo, would be to get the photo onto the CS Department machines, open it, and then use the Screenshot tool to take a screenshot of the photo. The extension will be png, so you just need to move the image to the correct directory and rename it.

Here's an heic photo for reference. If you check out the source code for this page, you'll see that posting heic images works pretty much the same as posting pngs.