Animated Gifs

posted 14 Apr 2016, 15:39 by peter thompson   [ updated 14 Apr 2016, 15:40 ]

Have a look at the animated gifs that the Y9 have done. They are on the student read drive and I have zipped them up and attached them to this post. See if you can do better.

Finish Barrier Game and Animated Gifs

posted 12 Apr 2016, 11:31 by peter thompson   [ updated 12 Apr 2016, 13:47 ]

Today we are going to:

  • Finish the barrier game. (partly finished version attached to this post).
  • Random walk animation.
  • If time allows create some animated gifs (link to gifmaker in navbar above). Here are some for inspiration:

Bug fountain

posted 10 Apr 2016, 14:06 by peter thompson   [ updated 10 Apr 2016, 14:09 ]

Today we will:
  1. Modify the bug fountain Snap! animation so it works a bit better. If you have not got a copy of the program (because you have been away) there is one attached to this post. There is also a copy on the studentread drive. The path is: studentread\_DGT\DGT10

  2. If time allows we will start on a beat the barrier game.

More cloning

posted 7 Apr 2016, 12:59 by peter thompson

  • Last class we made a clickball game that used clones. Attached to this post is the game file. Import it into Snap! to use it.
  • Today we are going to clone sprites again to make a waterfall. Attached to this post is a ladybird image you can use.


posted 3 Apr 2016, 16:46 by peter thompson   [ updated 6 Apr 2016, 14:13 ]


Snap! (formerly BYOB) is a visual, drag-and-drop programming language. It is an extended reimplementation of Scratch (a project of the Lifelong Kindergarten Group at the MIT Media Lab) that allows you to Build Your Own Blocks.

Attached to this post is an xml file that you can download then import into Snap. It is the start of a clickball game that we will develop in class.

What is an algorithm?

posted 2 Apr 2016, 19:16 by peter thompson   [ updated 2 Apr 2016, 19:24 ]

What is an algorithm?

You have been using Algorithmns most of the time you have been learning how to program. Lets look and see what they are:

Work for the rest of term

posted 31 Mar 2016, 16:28 by peter thompson

Many students are having trouble doing the tasks I asked you to do regarding the funny animal website. Therefore this is what we are going to do:
  • Those who want to finish the funny animals website continue with it. When finished or when too stuck continue with the Khanacademy programming tutorial.
  • Those who are having too much trouble or don't really understand what they are doing continue with the Khanacademy programming tutorial.
You are going on camp next week so I may only see you 6 or so more times before the end of term. During that time I need to enter some grades for you into a markbook. I am going to use your progress at doing the Khanacademy tutorial as a guide to what grade I give you. You can also zip up your DGT work website and email it to me if you like.

Welcome back to the last few weeks of term

posted 28 Mar 2016, 15:07 by peter thompson   [ updated 29 Mar 2016, 12:52 ]

Welcome back to the last few weeks of term. Today we are going to:
  1. Watch a video on Cybersecurity. Secret Login Page
  2. Finish our Funny Animal website - see instructions in the last post. Here is mine so far: funny animal websiteYou will note that there is a new link in the navigation bar called Creative Commons Image Search. This allows you to get images that are free to use and modify.
  3. If you have time continue with your Khanacademy programming tutorial. Practice adding your programs to you work website.

Image Editing and Funny Animal website

posted 19 Mar 2016, 22:16 by peter thompson   [ updated 20 Mar 2016, 14:30 ]

Image Editing and Funny or Favourite Animal website

Image Editing
Images are a big part of websites. They represent a large part of the data download that occurs when a website is loaded. It is important to optimise images as much as possible. 
Optimisation is:
  • Cropping an image if necessary so only the parts you want in it are showing.
  • Adjusting image colour balances and sharpness.
  • Resizing the image so it is a suitable size to display on a website.
  • Saving the image in the best file format.
We will use the online Pixlr image editor to learn about these things. There is a link to it in the nav bar above.
Here are links to the pictures we will work with:

Funny Animal website
Attached to this post is a zip file of a complete three page website on a funny animal. You will be able to use it as a template when you make your sustainability website next term.


  1. Download the zip file and unzip it. Move the resulting website folder to your Documents folder if you are on a laptop or to your public_html folder if you are on a desktop.
  2. Note that the styles for each page are in one file and that file is linked to each page in the website by the link tag in the page headings.
  3. Think of a funny animal or a favourite animal that you want to make a website about.
  4. Find your own background picture - its needs to be reasonably big - that will suit your website, and download it to the website's images folder.
  5. Open the styles.css file and change the body tag's background image so your one displays. 
  6. Alter the content of each of the web pages to suit your animal.
  7. If you need to alter the CSS rules in the styles.css file, but be careful!

Class Styling Exercise

posted 17 Mar 2016, 17:02 by peter thompson   [ updated 17 Mar 2016, 17:23 ]

Class Styling Exercise

Thank you to the people who emailed me their styled website links page. It gives me an idea of your level of skill. We will do a class exercise where we style the links page together . Hopefully you will learn some techniques to use when you do your sustainability website with Mr Dewhurst next term. There is a folder called DGT Websites Links styling exercise files on the studentread drive that contains starter files for you to copy to your public_html folder. There is also a folder containing an exemplar page on studentread. Attached to this post are the exercise files and the exemplar. Here is a link to a background images search that we can use: Google tech images search results

Here is the exemplar finished version: links page

1-10 of 26