Computer Technology - Frankfurt International School - - 2015-16
Next Due Date :  Mini-sites Web-page Project = due Mon 13 June at 18:00

Last Days of Class - 21 June 2016

Find something fun to do - suggestions:

Lots of Music Tools

Exercise your brain with

Competitive Typing

Try an amazing drawing tool (e.g. Flame Painter):

Something else?  You can decide, but please DO something -
don't just sit around watching videos.

Embedding Flash Games et al - 16 June 2015

If you have not yet turned in your Mini-Sites links,

you should do that today.

=== OR ===

== Today's Assignment ==

Click on this Amazon Link about Embedded Games.

Notice that the original AmazonWS link won't work,
because it is a SECURE httpS link.
You need to remove the 'S' to make it work properly.

== OR ==

You could also try embedding "Blog Code" from this site (if the other one doesn't work):

Free Online Flash Games

Or maybe this site will work:

== OR ==

Play with some of the music synthesizers from last class

== OR ==


Music Synthesizers - 14-15 June 2016

Here are a couple resources to introduce you to Electro-Acoustic music:
Wikipedia Electro-Acoustic

A 5 second loop

Here are some music making tools to try out.
Search for one that is easy to use and creates good results.

For Beginners - very simple

Qwerty Beats

With Pictures of Drums

Play Drums from the Keyboard

Lots of Tools (find the best one)

Or find it your self - search for [drum sequencer online] or [music creator online]
or something like that.

Try out various tools and try to make an interesting/exciting music loop.
Share it with your friends.

Typing Practice - 13 June 2016

== Today ==

== Homework ==

You need to bring HEADPHONES to class tomorrow
and the rest of the week.  We will be doing
some work with music synthesizers.

Web-Pages Project - 6-13 June 2016

Day 1 = Uploading Web-sites into Haiku

The teacher will show how to upload content into a Mini-Site in Haiku.

== Practice Today ==

This is a first try.  We will make a more complicated page tomorrow.

Day 2 = Enhanced Web-pages : Wikipedia Text + Video Links

Wikipedia is very useful, but not particularly attractive.
Here is an improved version of a Wikipedia page:

You are allowed to do this because ALL of Wikipedia content
is licensed under the Creative Commons License.
Not all web content is so flexible, but Wikipedia is.
You might be interested in some more reading:
- Is Copying Legal?

Use Blue Griffon to make a similar improved Wikipedia page:
-  choose a topic
-  find the Wikipedia article
-  copy a small portion of text out of Wikipedia, into your page
-  add a link to a video OR a nice image
-  add another small bit of text plus a corresponding video
-  put the copyright information at the bottom of the page, as well as your name
-  add any other visual improvements that you can think of, e.g. colors
-  save the page and name it "index.html"
-  compress the folder and upload it to a Mini-site in Haiku

Try to figure out how to do this QUICKLY.

Days 3-4 = Embedded Video Page

Here is a Bungee page with EMBEDDED videos:

"Embedded" means that we see the video in the page, rather than a link,
and the video runs inside the page when we click on [Play].

Embedding YouTube videos is quite easy.

-  find a YouTube video that you like
-  below the video, click on [Share] and then [Embed]
-  copy the HTML code
-  in BlueGriffon, click on the [Insert] menu and choose [HTML Markup]
-  insert your copied code into the small box and click [OK]

Now BlueGriffon is NOT a browser, so it cannot actually display the video page.
Instead, it will display an error message.  But when you save your page
and open it in a browser, the video will appear and will work properly.

In the example page, the text is lined up nicely to the left of the video.
That is because the text and videos are all in a TABLE.
You don't see the Table because the Table/Properties/Border is set to 0 (zero).

Now make your own page:
-  choose a topic that appears in Wikipedia
-  create a web-page in BlueGriffon
-  type a HEADING on your page with the name of your topic
-  insert a table below the Heading, maybe 3 rows and 2 column
-  copy paragraphs from Wikipedia and insert them into the table left column
-  find corresponding videos (preferably short, under 5 minutes)
-  embed the Video code into the cells in the right column\
-  save the page as "index.html"
-  compress the folder and upload it into a Mini-Site in Haiku

Work QUICKLY.  Finish a page like this by Monday 13 June.
Then turn in the .amazonws URL addresses in Haiku.

== Turning it In ==
To turn in your web-pages
-  start Haiku
-  find the Mini-Sites Web Page Project
-  click [Hand-in]
-  "Write a Message"
-  in your message, write the 3 links (amazonws links)
    to the 3 web-pages that you made
-  remember to click [Hand-In] again

Screen-saver Animation Program Due Today - 3 June 2016

Your Screen Saver Animation is due today 3 June 2016 at 18:00.

Find the assignment in Haiku.  You can turn in your program
by creating a MESSAGE, and then copying the program code
into the message.  If you prefer, you can COMPRESS the
program folder and upload the .zip archive.

Screen-saver Program - 27-30 May 2016

Download this sample program and copy it into Processing:

The teacher will explain how it works.
You should make the improvements listed at the bottom
of the program and turn in your finished version -
due 3 June 2016 at 18:00.

Finish MouseClicks Tutorial - 25 May 2016

Finish this tutorial about mouse-clicks.
Add lots of clickable items.  If you run
out of space for more words, then put
more words along the right side or
top or left side of the screen.

QUIZ or MouseClicks - 24 May 2016

If you have already taken the QUIZ about Processing Graphics,
then you should read the following notes about mouse clicks:

Copy the program into Processing, then follow the instructions under ==Practice== .


If you have NOT taken the QUIZ about Processing Graphics,
you need to do that today.

Copy all the text into a new Processing program.

Run it and make sure it looks like the teacher example on the board.

Make all the improvements listed in #1-4.

Then UPLOAD your program into Haiku.
You can click "Write a message" and then simply
copy your program into the message - and [Send] it.
You must finish by the end of class, so stop working
at 5 minutes before the end of class.
If you have problems uploading, you need

Mr Mulkey's Class pd 2 - QUIZ on Processing Graphics - 23 May 2016

This is only for Mr Mulkey's class

Copy all the text into a new Processing program.

Run it and make sure it looks like the teacher example on the board.

Make all the improvements listed in #1-4.

Then UPLOAD your program into Haiku.
You can click "Write a message" and then simply
copy your program into the message - and [Send] it.
You must finish by the end of class, so stop working
at 5 minutes before the end of class.
If you have problems uploading, you need

Repeating Faces with Methods - 19 May 2016 

In this tutorial

work on the "second lesson" - METHODS .

Reminder - Quiz Tomorrow -
The quiz will be about using Processing
to draw shapes, including curves, faces, etc.

More Faces with Curves - 18 May 2016

Do this tutorial

Get to the "end of first lesson" - CURVES -
or the "second lesson" - METHODS -
whichever is correct for your class.

Faces with Curves - 17 May 2016

The teacher will show you how to draw a CURVE.
That is a bit more complicated than drawing an arc.

Then you can do this tutorial - get to the "end of first lesson" today.

More Icons - 12-13 May 2016

Add more sports icons to your program.
Do as many as you can today.
Organize them in a neat layout, maybe 2 rows of 2 icons or so.

Olympic Games and Further Drawing - 11 May 2016

Once you have finished the FLAGS tutorial,
you can start on the Olympics tutorial.
Later, we will do the Faces and Click tutorials.

2 - Olympics 

3 - Faces

4 - Click Pictures

More Flags - 9-10 May 2016

The teacher will explain how to draw TRIANGLES.

Then finish the FLAGS tutorial before next class -
that might require doing some work at home.

If you still have not taken last week's quiz,
please do so today.

Starting Processing Java - 4 May 2016

The teacher will demonstrate how to use Processing.
Then start Processing and do the exercises described in the following notes:
 - read these notes about FLAGS and do the sample programs up to and including

        #1 - German flag

        #2 - Austrian flag

        #3 - Belgian flag

  The programs in those notes will run in Processing
  from after downloading and installing the program.
  Alternatively, you can run the code directly in the following web-page

  without installing anything : .  But that is not
  a good tool in the long run.


If you missed the quiz yesterday, you need to take the quiz today.

Then start Processing.

Javascript Drawing Quiz - 3 May 2016

Quiz - The teacher will give you a paper quiz.
You will also need this link for the quiz:
Learn to make animations (moving pictures)
(wind the video to the end).

You must write the program described, then answer
the questions (write answers on white lined answer page).
You may use your computer, any notes that you have,
and any web-sites you wish to use.  The quiz probably takes
about  20 minutes.

Once you have finished your quiz (and turned it in),
you should do the following:
(1)   Download  PROCESSING 2.2.1  from
       Then install Processing (pretty simple, but get help if you need it).

(2)  Then open [File][Examples].  Find a program, load it and run it.
       Try to change something in the program, like a color, shape, speed.
       Then try another example program.  Keep trying until you find something interesting.

Tomorrow, we will start writing programs that draw interesting pictures.

Drawing in Javascript - 25 Apr - 2 May 2016

== Day 1 ==

We will learn to draw simple pictures/diagrams in Javascript.
Start at this web-site - Drawing Ellipses .  It includes a video that explains
how to draw an ELLIPSE.  Then work your way through the
tutorial, hoping to get to drawing a snowman during this class.

The teacher will demonstrate how to use these drawing commands,
especially how the COORDINATE system works.

== Day 2 ==

Learn to make drawings with COLORS

== Day 3 ==

Learn to make animations (moving pictures).

== Day 4 ==

Interactive Programs (using the Mouse).

============  Day 5 = Quiz ================

You will have a quiz where you need to create
a program to make a specific drawing under time limitation (30 min)
and then show it to the teacher
to receive a grade.

Finishing Your Video - 18 Apr 2016

Your finished video is due on Friday 22 Apr at 18:00.

== Turning it In ==

More Hints for Video Project - 14 Apr 2016

Hints for CLIPPING pieces of video for your project.

Video Project - 11-22 Apr 2016

Read these notes.

Then organize yourselves into groups,
choose a news topic, and get started
looking for YouTube source videos
that you can copy and paste together
into a longer, meaningful story.

Math Document Assignment - 21 Mar 2016

Read this assignment.

You must type the required math problems
in MS Word, then turn in the resulting MS Word document.

It is due on Thur 24 March.

The ANGLE symbol (on top) is in the [ä] list in the Equations bar.
The 3 dots (means "therefor") is in the list of symbols.,

Lots of Equations and Graphs - 17 Mar 2016

Read these notes.  Then you must type EXACTLY THE SAME PAGE in MS Word.

Be sure to set the page to 2 columns.

Remember that [Shift][Enter] will leave one line and automatically
produce a new equation on the next line.

Drawing 3D Shapes - 16 Mar 2016

Read these notes.  Draw the 4 shapes shown, and write a formula next to each shape.
Then draw a 3-D house, with 4 walls and a roof, but visible from an angle -
not just looking straight at it - like this:

Typing Math Documents - 15 Mar 2016

If you have not finished printing your funny pictures,
you should try to do that as soon as possible and turn them in.

== Today's Assignment ==
We will spend a few days learning how to write Math documents in a Word-Processor.
Read these notes and do the practice exercises:
Writing Math Documents

PRINTING - Funny Pictures - 10-14 Mar 2016

-- Today --
Investigate some of the tools on this page:

If you use a face, it must be YOUR face or a famous person from Google Images.
You are NOT ALLOWED to use a photo of a friend or someone at FIS.

Make some funny pages, print them, put your name on the pages and hand them in to the teacher.

Try to bring a picture of your face to use.

== GOAL ==
Print 5 pictures (pages) using at least 3 DIFFERENT TOOLS.
Collect all 5 pages and turn them in to the teacher
after the second day of class.
If you wish to work at home as well, that is permitted.
== Due Date =
Mon 14 March at 18:00

Printing - Tips for Students
  • Use the Print Preview feature to see how a document will print. Only print when satisfied with the preview.
  • When printing PDFs from Sakai, save the document to the desktop, then print. 
  • Print PowerPoint slides as "handouts" to print multiple slides per page. 
  • Email or bookmark website URLs rather than printing them. 
  • Scan reading materials to your computer, tablet or smartphone. 
  • Create online accounts in Library databases to save research and searches. 
  • When making changes or corrections to a document, only print pages containing corrections.
  • Do not resend a print job if it doesn’t immediately print. There may be other jobs ahead of yours in the queue or the printer may have run out of paper. ITS consultants can help.
  • Remember to log out of any programs and shut down the computer in a public computer lab or the Library to prevent others from using your account.

Review Quesitons - 7 Mar 2016

Watch these short videos about:
Information Systems - THINK BIG!
Credible (??) Web-sites
Real (?) Videos

You will have a written test on Wednesday 9 March.
There will be questions similar to these documents:

       Web-Information Review Questions

We will discuss these questions during class.
The teacher will also distribute answers, but first you should
read the questions and try to decide whether you know the answers.

On Wednesday's test, about half the test questions will be identical
to questions listed above, and the other half will be similar
but slightly different.

Some Experiments - 4 Mar 2016

Here are some experiments you can perform.
Make notes about what happens, especially paying attention
to RELIABILITY and CONVENIENCE of the services/tools.
  1. Boolean Operators
    Use Google to search for [amazing female singer 2015].
    Then search for [amazing OR female OR singer OR 2015].
    Which result produces more sensible/useful results?  Why?
  2. Meta Search Engine
    Try a normal search in DuckDuckGo, Google, and Yahoo.
    Which one produces the MOST results?
    Which one produces the most USEFUL results?
  3. Discussion Forums
    Go to and read some of the Rumors and Reports.
    Did you find something interesting?  Do you believe that it is true/correct?
  4. Serendipity
    Have a look at this web-site.  Is it easy to find something interesting?
    If so, did you find something you didn't expect?  That is serendipity.
  5. Blogs
    A blog should have a topic of some sort.
    Can you figure out the topic of this blog:
  6. Primary/Secondary/Tertiary Sources
    Here is a brief and clear explanation.
  7. Social Networking Sites
    Here is a list of popular social sites.  Have a look at one that is new for you.
  8. Hidden Web
    Typically password-protected databases, like Veracross and Haiku.
  9. Database
    For example, the CIA.GOV web-site of data about countries :
  10. Static vs Dynamic
    Go to and search for something.
    Then have a friend do the same search.  You PROBABLY will not get
    the exact same page, especially not the advertisements. 
    That means this is a DYNAMIC page, prepared specifically for you.
  11. RSS Feed
    Try signing up for a free account at
    Don't expect miracles - RSS is not very popular any more.
  12. Podcast
    Typically, this is an audio recording of a radio show.
    Search Google for something like :  science podcasts
  13. Experts
If you run out of things to do, ask another student for something interesting
that they found.

Other Information Sources - 3 Mar 2016

*** Test Announcement **************************
We will have a 30 min written test about Web Information
next Wed, 9 March.  It will involve multiple-choice questions
about Web-based Information sources, based on the
investigations done in class this week and next.

Today's Practice

We need brief explanations  for these terms connected to Information in the Web

For each term above, find a clear and common example,

and then write a brief explanation of what the term means.

Comment on the reliability issues connected to these tools.

The videos on this page are a good starting point.

Discussing Google Search Results - 2 Mar 206

Watch this video about Google searches.
The video explains a couple simple tricks to get
better search results.  Do these same tricks work
in other search engines?  Do you KNOW some other
search engines?  Do you use them - if so, why?

We will discuss how Google searches work,
especially how to make searches successful,
and what to do when the search is unsuccessful.
We will also go through the questions/answers from last class.

Investigating Information in the Web - 29 Feb 2016, pd 2 on 1 Mar

This week we will investigate how information is stored in the Web,
as well as how we can find, retrieve and view that information.

Today, we will start with a Scavenger Hunt,
using Google (or other search engines)
to find answers to specific questions in this file:

You can work together with another student to search for answers.
Some are easier to find than others.  Write notes as you work,
and we will discuss your results in class tomorrow.
Think about which questions were easy to answer
and which were difficult.

Turning in your Alice Project - 18-19 Feb 2016

Your Alice project is saved in one single file, ending with  .a2w
To turn it in, go to Haiku, find the Alice assignment,
and upload the .a2w file.

Alice History Project - 4-19 Feb 2016

Your assignment for the next two weeks is to make an ALICE program
that illustrates a famous historical event - an event that occured before 1915 -
e.g. before World War I .

Read a description of the assignment here.

The assignment is due on Fri 19 Feb at 18:00.

Make sure that you make progress each day.
If you get stuck, ask a question and get some help from the teacher.

If you need more or different objects, try the Alice Online Gallery:

Learning More Alice - 3 Feb 2016

Look at this web-page:

The page contains lots of tutorials about Alice.
Choose one that looks or sounds interesting and work through the tutorial.

If you cannot decide, then try this one:

Part 3: Camera Control, Invisibility and 3-D Text
Links: .ppt, Slides (.pdf)

Finished World:  Part 3

Clever Techniques in Alice - 1-2 Feb 2016

Here are some notes (alternative link) that explain how to do some more clever things in Alice:
- record your own sounds, like your voice, and insert it
   (you may want to work outside while recording your voice)
- add commands that move the camera around automatically
- make a billboard (a vertical sign/wall/background)
- insert 3-dimensional text, like a big heading

Spend 2 lessons trying out all these techniques in your own "world".

Loops and Events in Alice - 28-29 Jan 2016

The teacher will show how to use LOOPS to make characters
move around, over and over again, with commands like these: first method ( ) 
    No variables
       Do together
       Loop infinity times times
       boar move forward 1 meter
  boar turn left 0.25 revolutions
  Loop infinity times times
       bluebird move forward 1 meter duration = 2 seconds
  bluebird turn left 0.5 revolutions
  bluebird move forward 1 meter
  bluebird turn right 0.5 revolutions
  Loop infinity times times
       bunny move up 1 meter
  bunny move down 1 meter
  bunny turn left 0 revolutions duration = 2 seconds
  1. Now make a world with lots of characters moving around
    in various patterns.  Try to make sure the characters do
    not disappear off the screen.
    Here is a simple example:

  2. Watch this video (first 3 min) that shows how to use keyboard controls
    in a first-person game.  Then try to add a "first-person"
    character to your world with all the moving characters.

  3. We will continue this assignment tomorrow, so you
    don't need to "finish" it in one period.

Alice Quiz - 26-27 Jan 2016

You have a QUIZ today using Alice.

If you finish early, you may do any of the following:
-  homework for another class
-  read any of the [Latest Tech Ideas] at
-  anything else that uses your BRAIN in some productive fashion

Movement in Alice - 25 Jan 2016

Use whichever world you wish - maybe your OWN WORLD
that you made a couple days ago.  Then practice
using the following commands:
- .move
- .turn
- .roll
- LOOP (bottom of screen)

Try making the following actions:
#1  make a person or animal jump (move upward)
      then spin around 360 degrees
      then fall back down to the ground
      repeat this 3 times by using LOOP

#2  make an object move 5 meters left,
     then move back 5 meters right,
     and repeat this 4 times by using LOOP

#3  Put #1 and #2 together inside a [doTogether] construct
      Then they should happen simultaneously,
       both objects moving at the same time

#4  Add one more moving object into the [doTogether]


*** You will have a QUIZ next class, using Alice ***
*** You will need to add commands to a world  ***
*** and then show the result to the teacher     ***


Methods in Alice - 22 Jan 2016

Read the following notes. 

Methods with the - Bunny and the Phone

Watch tutorial #2 and do the exercises at the end of the notes.

These tutorial exercises are PRACTICE - you do not need to save them.
You should gain FAMILIARITY with Alice, to prepare for a quiz.


*** You will have a QUIZ Tuesday or Wednesday, using Alice ***
*** You will need to add commands to a world                     ***
*** and then show the result to the teacher                         ***


Making Your Own World - Pd 1, 4 on 21 Jan 2016

Read the following and do the practice listed at the end.
Tutorial #4

Making Your Own World - Pd 6 on 20 Jan 2016

Read the following and do the practice listed at the end.
Tutorial #4

Starting Programming in Alice - 19 Jan 2016

The teacher will briefly inroduce the program. 
Then read this brief introduction and do the exercises listed.

Finish Web Tools Documentation - 18 Jan 2016

Finish your Web-Tools Documentation.
PUBLISH your Google Document.
In Haiku, turn in the LINK to your document.
Each group only needs to produce one document,
but all group members must upload the link.

== Next : Alice ==
Tomorrow we will start using ALICE - a 3D animation system.
It is a large program, so yo may wish to download it here at school.
Or, you can copy it from a USB stick (from the teacher).

Web Tools Documentation - 13 Jan - 18 Jan 2016

FIRST - form groups of 2 or 3 students (not more).

SECOND - create a Google Docs document where you will write all your notes.
             Share it with the other members of your group,
              so that you can all add information to it.
             Eventually you will also PUBLISH it so that anyone can View it.

THIRD -  Continue your investigation of

FOURTH - do the following assignment

- Assignment -

You must find TWO different web tools that can be used for similar tasks -
e.g. two different photo editors, or two different chat tools, etc.
One of them will probably be better than the other. 
Then write DOCUMENTATION covering the following issues:

(A) Explain what problem(s) can be solved (or what work can be done)
       by using either of these tools.

(B) Document an EXAMPLE of using EACH of the tools.  This should include:
       - step by step instructions of what to do to use each tool successfully
       - SCREEN SHOTS showing both tools when they are being used
       - make sure your explanations and pictures are clear, complete,
          and understandable for someone who has never used these tools.
(C) Compare the ADVANTAGES and DISADVANTAGES of the two tools.
       It might be the case that there are different advantages depending
       on exactly what task you are performing.  For example, for writing
       a very short essay Google Docs might be quite good, but for a
       longer essay (5 pages or more) then Microsoft Word might be better,
       because it has extra tools that are particularly useful in long documents.

(D) Recommendation of when to use or when not to use each tool.

(E) FORMAT your document nicely so that it is easy to read,
      assuming that it will be read by people who are unfamiliar
      with the tools you are documenting.

(F) Write all the AUTHORS' names at the top of the document.
      Then PUBLISH the document (ask the teacher if you don't know how).

==  DUE DATE : Monday 18 Jan at 18:00 ==

You can talk to your group members and finish up any details on Monday in class,
but it should be pretty much finished when you come to class -
don't plan on doing lots of work on Monday.  You probably need to
do some work outside class time, but it's not a problem because
you both/all have access to the same document and you can communicate
using email or numerous other tools.

When finished, you must upload the LINK to your Google Doc into Haiku.
All the students in the group must upload the same link into Haiku.

Investigating the Web - New Web-sites - 12 Jan 2015

The World-Wide-Web is a very big "place".  It is full of interesting web-sites, 

useful tools and obscure information.  It's easy to "get lost" in all this stuff.
Unfortunately, it is far too easy to waste time in the Web.

But you don't need to waste time watching YouTube videos, chatting and 
reading Facebook.  There are lots of OTHER enjoyable things to do,
many of which actually accomplish USEFUL WORK.

Here is a list of interesting and useful web-sites that could be used
to accomplish useful work:

   Cool Tools for Schools :  

Today you should spend the period INVESTIGATING some of these web-sites.
INVESTIGATING means that you look at what a site does and then ask
some intelligent questions and try to find answers for your questions.
Typical questions are:

Find at least one web-site that is particularly interesting and useful, but one that is "new"
to you and your peers.  DON'T investigate Facebook or Wikipedia or Google
or YouTube, or any other web-sites that you already use on a regular basis.
Find something NEW!  Be adventurous!

Try Out a Game Creator - 18 Dec 2015

Today and next class, you should try out


This is an easy to use Game Designer system.
It supports various types of games, all of which
can be built with "drag-an-drop".

It's just for fun (and to learn something).
You do not need to turn in this work.

If you don't like Sploder, maybe you can find
something better on this page: 

But do try Sploder first - it really is very good.

Or, if you prefer a more intellectual challenge, try one of these Brain Games :

Turning in your Scratch Project - 16-17 Dec 2015

Pleae turn in your Scratch Holiday Card as follows;
- in Scratch, in the [File] menu, choose [Download to Your Computer]
- in Haiku, upload your Scratch project file (.sb2)

RESET! - 15 Dec 2015

Remember to RESET all the Sprites in your Greeting Card.
Do this by adding [When Green Flag clicked] to each Sprite.
Then use
- [go to X() Y()] to place your Sprite in the proper position
- [point in direction (90)] to turn the Sprite to the starting direction
- [switch costume to ..first..] to start with the correct "look"
- [show] in case you hid the Sprite during the animation
- anything else to reset the Sprite to the proper starting condition

Then the viewer can start the animation by clicking the green flag.

Greeting Card Assignment - 9-17 Dec 2015

Your assignment is to make a GREETING CARD in Scratch.
== DUE : 17 Dec at 18:00 ==

You may start by looking at this Greeting Card tutorial:

This is similar to the Birthday card tutrial,
but includes more hints for appropriate animations for a holiday greeting card.

Here are the goals:
- it should have a clear theme, e.g.:
    Christmas or New Years or Skiing or Sledding or something from winter
    If you come from Australia, maybe it will be about surfing.
- You should add Sprites that are consistent with the theme
- Add an appropriate background picture
- At least some of the Sprites should be clickable,
  and then they should do something like:
  -  moving
  -  saying something
  -  changing colors
  -  spinning around
  -  playing music
  -  changing "costumes", e.g. animation
  -  disappear and be replaced by something else,
       e.g. a package disappears and is replaced by the toy that was inside
- At least some of the animations should use an [Infinite] loop
   so it keeps running after it is clicked
   but some others should only run for a short period of time
-  Everything should "reset" itself when the Green Flag is clicked.
    So if something was moving around, the Green Flag should
    cause it to [Move to] it's starting position.  Or if an item
    has disappeared with [Hide], it needs to do [Show] when
    the Green Flag is clicked. 
-  add as many interesting items and actions as possible
   and turn it in on Thursday, 17 Dec.

Birthday Card Tutor - 7-8 Dec 2015

Today we will do the Birthday Card Tutorial.
The main topic in this tutorial is COSTUMES.

But first a brief discussion about Friday's investigation.
If you have questions, you should ask during the discussion.

Investigate Scratch - 4 Dec 2015

There are lots of sample projects on the Scratch website.
You could look at a project and then look at the code -
then you will either know more or you will have some questions.

Spend one class period INVESTIGATING sample projects.
- go to
- open a project that looks interesting
- read the instructions
- press the green flag to start the program
- try out the program
- click [See Inside] at the top right
- look at the instructions - click on various Sprites to see their instructions
- try changing something and see what happens
   try changing something else, then something else
- write down (in a notebook) questions like:
   -  How can I make it .... ?
   -  What does this instruction do [......] ?
-  Then explore another project, and write down more questions/ideas

Bring your QUESTIONS to the next class, for discussion and clarification.

- Scratch - Another Tutorial - 3 Dec 2015

If you wish to do more work on your Name Animation, then you may do so.
Otherwise, you should do the tutorial titled:  Race to the Finish.
-  go to :
-  click on [All Tips] at the top right
-  click on [Race to the Finish]
-  click [Begin]
-  follow the instructions
You should learn how to use the keyboard to control a Sprite.

If you finish early, choose any other tutorial and learn some other commands.

Scratch - a Programming Language for Animation - 1 Dec 2015

Scratch is a VISUAL programming language.  Instead of typing commands,
like you did in EzCode, you Drag/Drop commands into the workspace.
Here is an introductory video.

The teacher will briefly show how Scratch works.

You can start using Scratch right away by going to:

On the right side, you will see a small video box
that shows an introduction to Scratch.
Then click on [Click here to start] and follow
the instructions in the tutorial - until you get bored.
Then continue on your own to add many letters
that all do different things.

If you want to SAVE your program, you need to
create an account.  That is quick and easy to do:
- in the top right corner, click [Sign in]
- click on [Join Scratch]
- you will need to give an email address -
   you can use your school email if you wish

Give it a try today - don't worry if you make mistakes.
Tomorrow you will have a longer lecture,
but that doesn't make too much sense
until you have a bit of experience.

If you finish the Name Animation early,
you can look at another Tutorial -
click on [All Tips] at the top-right.

Last Day for EzCode Adventure Game - 30 Nov 2015

Today is the last day to work on your Adventure Game.

*** Adventure Game - Due TODAY - 30 Nov - at 18:00

Embedding Video - 25 Nov 2015

The easy way to include a video in your game is to EMBED

a YouTube video.  Click on [Share], then [Embed], copy the code

and put it into EzCode.  It will look like this (you must add the "https:" shown in red):

<iframe width="420" height="315" src="" frameborder="0" allowfullscreen></iframe>

It doesn't make much sense to have more than about 30 seconds of video

in the middle of the Adventure Game.  If you have a longer video,

you can start it in the middle by adding "?start=25" to start at

the 25th second of the video, like this:

<iframe width="420" height="315" src="" frameborder="0" allowfullscreen></iframe>

More Attractive Text - 19 Nov 2015

You can make more attractive text like this:

%"color:red; font-size:32px;background:lime"

This is big red text


Notice that you need a starting and ending % sign.  

This goes in between the % signs that make a "room" hidable and showable.

This isn't always sensible, but sometimes you may want to use colors in text.

For more ideas, look at the Colors_Fonts sample program.

Adventure Game Assignment - 13-30 Nov 2015

We are going to make an Adventure Game.  This is a "branching" story,

where you make decisions and move on to the next "place" in the story.

Here are three examples you can try out.

Or you can look at the Adventure_Game in the EzCode samples.

We will use EzCode and JavaScript for this project.  It's certainly possible to create

computerized stories with other tools, but JavaScript is an excellent

programming language to learn, as it is the most common language

used in the World-Wide-Web.

Here are some suggestions for getting started:

Before you start creating pages (rooms), you should make a plan -
sketch out the design of your story ON PAPER.

== Getting Started ==

  1. Think of a scenario - that is, where will the adventure take place and what sorts of things will happen.  
    Here are some suggestions:
    - shopping center
    - airport
    - a city
  2. Think of a general story that is connected to Winter or Winter Holidays.
  3. Think of 3 locations - the beginning, the middle, and the end.
  4. Get a picture for each of the 3 locations above.
  5. Write these 3 pages, and use BUTTONS to connect them.

Once you have started, spend a little time thinking about the story,

and sketch out some ideas on paper.  

Collect some pictures and then start making pages.

**** VERY IMPORTANT!  *************************************

    IF you use pictures that are stored inside your computer,

    you MUST put them all into one folder, together with

    a complete copy of EZ-CODE.

    Then COMPRESS the folder and turn in the .ZIP archive.


Otherwise the links to pictures won't work.

Goals for the Assignment ==

  1. The story is NOT about school - almost any other scenario is acceptable.
  2. Pages should use a consistent format and there are MANY pages -
    aim for at least 12 pages - more is better -
    so it will be substantially longer than the Escape FIS story.
  3. Most pages have a picture on them.
  4. Some text uses LARGE FONTS and/or COLORS for emphasis
  5. At least 2 pages contain a SHORT video (under 30 seconds)
  6. Many pages contain a "puzzle", or something "hidden", or a "secret",
    so it is not immediately obvious what to do.
  7. Many of the pages use JavaScript to make them INTERACTIVE (clickable)
  8. Some of the pages contain "secrets" that are needed for later pages -
    like a password or a secret number to unlock something.
  9. Make it interesting and fun, and graphics should be appropriate and meaningful.
  10. ​The story must MAKE SENSE - not just contain random questions.

…..  more info coming soon …. the teacher will show you a couple more good ideas next week

Today, start THINKING and PLANNING ...

At the end you must turn in your COMPLETE program (from the left window)

as a TEXT FILE.  It will not "stay" inside ezCode.


Rich Man Quiz - 12 Nov

Today we will do the Rich Man Quiz in  EzCode .

Rich Man Quiz - Period 6 on 11 Nov

Today we will do the Rich Man Quiz in  EzCode .

Pictures in EzCode - 10 Nov 2015 + 11 Nov Period 2

We will do the EzCode  Pictures program today.

** TIP **
To SAVE your programs in EzCode:
-  highlight all the code (text in the left box)
-  copy the code

-  paste your code into a document - e.g. MS Word Document
-  save the document

-  later you can open the document and Copy/Paste your code
  back into EzCode

Videos in EzCode - 9 Nov 2015

** Suggestions **

== Today's Assignment ==

Start  EzCode  and open the Sample Video_Quiz .

Do the Practice exercises described at the bottom.

Add another video with 3 questions, similar to the Coca Cola questions.

 <iframe width="560" height="315" src="" frameborder="0" allowfullscreen></iframe>


           You can change the height and width if you wish, but don't change anything else.

If you finish early, add another video with questions.

JavaScript with EzCode - 5-6 Nov 2015

We will be using EzCode to create Javascript driven Web Pages.

The teacher will explain how to use EzCode.

Today, open the [Samples] menu and do the [Quiz] program.

Do the practice exercises suggested at the bottom.

Be sure to SAVE your CODE by COPYING and PASTING

it into a document in a TEXT EDITOR (or word processor).

Continue Aesop's Fable - 2-4 Nov 2015

Continue Aesop's Fable presentation with Sound Effects.

Aesop's Fable Powerpoint Assignment - pd 5,6 - 28 Oct 2015

== Assignment ==

Due on Wednesday 4 Nov at 18:00

Create a PowerPoint presentation for one of Aesop's Fables -

similar to this one :  The Boy and the Snails 

-  include a TITLE PAGE

-  include an AUDIO file

-  use Audacity to add SOUND EFFECTS to the AUDIO file

        Select sound effects that fit with the story and that are entertaining

-  include printed text for the Aesop's Fable -

        this must match the text in the AUDIO file
         If it doesn't match, you need to correct the text.

-  include some decorative images - small ones -

        choose images that fit with the story

-  the audio, text and images should all fit on ONE PAGE

         so the viewer can read along with the text as the audio plays

-  include citations for all the source - the audio, the text and the images

   Write the citations on the last page

-- Turning it In --

You can turn this in by simply uploading (attaching) the single Powerpoint file in Haiku -

 it already contains all the pictures and audio files.

Sound Effects - Pd 4 - 28 Oct 2015

See below

Sound Effects - Pd 4-5 - 27 Oct 2015

The teacher will demonstrate how to use Audacity.

Here are some things to try with

Using Sound - Pd 1 - 27 Oct 2015

See below

Using SOUND - 26 Oct 2015

We will be doing various activities with SOUND this week and next.

You will need headphones every day.

Today -

Create a PowerPoint presentation for one of Aesop's Fables - like this:

You will find AUDIO BOOK versions of Aesop's fables on

You will find the TEXT versions of the same fables at

When you make your PowerPoint presentation, you need to:

-  include an AUDIO file

-  include printed text

-  include some decorative images

-  include citations for all the source - the audio, the text and the images

Animations are not necessary.

Finish most of this today - we will be adding more to it tomorrow.


Download and install Audacity - if it is already installed

on your computer, that will be fine.  You need a working

version of Audacity tomorrow.

Animations Assignment - 16-23 Oct 2015

-- GIF ANIMATION Creator Tools --

The Gif Animation Creator that we have been using appears to

be limited to 30 frames only.  Here are some other possibilities

that (hopefully) have a higher limit (or no limit):

Here is a list of various possible tools - choose the one you like best:

This Animated GIF Word adds some variety to otherwise dull text.

Notice that the moving letters don't just fall, but they also "squash"

at the bottom.  In Inkscape, you achieve this effect by resizing the

letters, not only moving them.  And you can get interesting effects

if you pull on the control points after drawing the letter.  The motion

doesn't need to "mean" anything, but it should look "realistic" -

like this example appears to obey the law of gravity, and the letters

seem to be made out of some flexible material.  Many other effects are

possible, like spinning, floating (like a balloon), zooming across the page, etc.


Action GIFs can hilight specific activities or events, like a sports team.

It doesn't need to be a smiley - it could be a more realistic figure.

The main thing is that it shows some sports action, like kicking a ball,

running, jumping, dancing, etc.


Stick-man animations are quite easy to draw (don't need

to worry about shapes or colors), so it's possible to draw

a "story" (at least a short one).  

When you make a stick-man story, it does not need to

be as long as this one, but at least 20 frames long.

And the story should make some sort of sense.

Your assignment is to make one of each of these - that is, 3 animated GIFs -


- an ACTION GIF (sports or other action)

- a STICK-MAN GIF that "tells a story"

You must draw all the images yourself, from scratch.  You are not permitted

to download any images, but you may reproduce a good idea that you saw somewhere.

These are due on Fri 23 Oct at 18:00 noon .  

You must make ONE FOLDER containing all the following:

- all the frames that you saved from the graphics editor

- the 3 .GIF files containing the animated GIFs

If you finish early, you should either improve one of the GIFs,

or make a new and better one.

The GOALS in each case are that the GIF should be :

- attractive - for example, nice colors and interesting shapes

- realistic or believable (not "real", but not just making random movements)

   The movements should make some sort of sense

- smooth - the animation should change smoothly - that means you will

   have lots of frames, and only small changes each time

- interesting and/or entertaining

You have 5 days of class, covering one calendar week.

You cannot work slowly.  You must work quickly and productively.

This is due on Fre 23 Oct at 18:00 .  

Whatever you have finished, you must turn that in even if it is not "perfect".

You must COMPRESS the folder containing 3 GIF animations and all the
individual images that you saved.

Stickman Story - 15 Oct 2015


Stick man animations are simple, involving movements of
legs and arms.  The stick man should be built from straight line,

and not too many of those.  The body does not need to look "real",

but the movements should be realistic.  For example,

the runner below is leaning forward, not standing straight up.

The jump-rope man does NOT look realistic, as his body
should move up and down when he jumps.  




Practice drawing a stick man animation today.

Make a stick man

- jump

- run

- crash into a wall

- jump over a wall

- kick a ball

or any other basic movements/motions.

This would be just one or two of the figures above - not all of them.

Start simple then work up to more complex movements.

Keep the "stories" relatively short - not more than 20 or 30 frames.

More GIF Animations - 13-14 Oct 2015

Here is an excellent video outlining basic concepts of ANIMATION.

The video contains lots of examples of ANIMATION.

In particular, there are several LETTER/WORD animations.  

This Animated NEW Word adds some variety to otherwise dull text.

Notice that the moving letters don't just fall, but they also "squash"

at the bottom.  In Inkscape (or Google Draw), you achieve this effect

by resizing the letters, not only moving them.  And you can get

interesting effects if you pull on the control points after drawing the letter.

The motion doesn't need to "mean" anything, but it should look "realistic" -

like this example appears to obey the law of gravity, and the letters

seem to be made out of some flexible material.  Many other effects are

possible, like spinning, floating (like a balloon), zoming across the page, etc.

Today's practice - use either Inkskape or Google Draw, as you prefer :

1 - make your own "squashing word" like the NEW animation (like NEW)

2 - make some animated letters that "fly" into the screen -

          from the side, or the top, or in a spiral, as you wish.

          Make yours better (smoother) than the one at the right!

GIF Animations - 12 Oct 2015

It's pretty easy to make your own "Smiley" GIF animation.

The trick is to place each piece of the picture in a new layer -

first layer for the whole face (circle), next layer for the mouth,

next layer for the left eye, next layer for the right eye, etc.

  smiley_face_gif_by_liviaax15-d3j6glx.gif  RockingSmiley.gif   clap-animated-animation-clap-000340-large.gif 

You'll probably find it easier if you make it pretty big, like 200x200 pixels.

Now make your own smiley GIF animation.

Recommend using Inkscape or Google Draw for the drawings.

Start with a basic face and export/download it as a PNG or GIF image.

Then make a small change and save a second image.

Another small change, then save a third image.

It would be smart to NAME the images pic1, pic2, pic3, etc.

Then use this online tool for making the animated GIF.

The teacher will show how to use these tools to create a Smiley.

Then you can practice. Make a simple one quickly,

so you learn to do all the steps (there are many steps).

Then, if time permits, make another nicer one.

Good Practice and Reliable Habits - 9 Oct 2015

You should read the GUIDELINES on this page.

Perform EXPERIMENTS to find answers to the following questions.

  1. Name 3 different reliable and easy ways to make BACKUPS and prevent LOST FILES.
  2. Describe a good strategy for saving your work so that it is always easy to find it again.
  3. Explain why DRAG-AND-DROP does not always produce reliable results.
  4. Explain why you cannot just give an .HTML file to someone else
    and expect it to work correctly.
  5. Find out what CHARACTERS should never appear in a file name.
  6. If you need to print an essay and turn it in to your teacher,
    how much time should you plan for doing the printing.
  7. Find two types of files that CANNOT be uploaded and stored on Google Drive.

Your WIX Site

  1.  UPLOAD your Comic Strip into WIX
    and display it on a page in your WIX Web-site.
    PUBLISH the site and check that the image
    displays in a way that the text is also readable.
  2. In Google Images, search for a GIF ANIMATION.
    These are pictures that move, for example "Smileys".
    SAVE a GIF ANIMATION in your computer.
    Then UPLOAD that file into WIX
    and display it on a WIX page.  
    Add a couple more GIF animations.

Next week you will be making your own GIF Animations.

Turning in your Comic Strip - 7-8 Oct 2015

The teacher will explain how to EXPORT your comic to a .PNG image
and then upload it into Haiku.  It's not difficult, but not obvious.

Continue Comic Strips with Inkscape - 6-8 Oct 2015

Continue working on your Comic Strip.

Check your grades for the Rollover Picture Page.

If you got a grade 0, you need to turn it in again,

but this time COMPRESS the ENTIRE FOLDER

and the UPLOAD the .ZIP file.  If you don't

know how to do this, ask for help from the teacher.

Comic Strips with Inkscape - 21 Sep 2015

Comic Strip Assignment - Due 8 Oct at 18:00

Cartoon Videos - 17-18 Sep 2015

Watch a CARTOON video (bottom of Introduction to Vector Graphics).
Then try to draw the same figure you saw in the video.

Starting Vector Graphics - 16 Sep 2015

Introduction to Vector Graphics

Vector Graphics Introduction - 15 Sep 2015

Open Google Drive (Google Docs).


Use the SHAPES and other DRAWING TOOLS to draw each of the following.
It's practice - do as many as you can in one class.

-  Mickey Mouse (a circle face, two circle ears, all black)

-  Packman (a yellow circle with a "pie" piece removed)

-  A blue 5 pointed star with one point pointing downward

-  A light purple "cloud"

-  A frowny face

-  A robot with a square head, rectangle body, rectangular eyes and arms

Six triangles that fit together like this

 (with 6 different colors):

Take any shape, and fit lots of them together to create a TESSELATION, e.g.:


Next class we will start using InkScape, which is an APPLICATION
that does VECTOR GRAPHICS like Google Draw, but it has
a lot more features and works better because it is
running as an APPLICATION inside your computer.

You need to download and install Inkscape from this web-site: 

Rollover Web Links - 7-14 Sep 2015

We are going to make web-pages with ROLLOVER effects and links on pictures.

Read these notes.  The teacher will demonstrate how this all works.

The finished page is due on Friday 11 Sep at 18:00.

You will have all the classes this week to work on it
but may also need to do some work at home, as we

do not have any classes on Wednesday.

Starting WIX - 28 Aug 2015

Start making a WIX Web-Site at : 

You can use your email address to create an account.

Choose any template that you like - it's easy to change it later.

  1. Put your name on the front page.
  2. Add a nice picture to your page.
  3. Add 4 links to your favorite web-sites.
  4. Find out what else is possible - WIX makes it easy!

Web-pages with Pictures - 25-27 Aug 2015

The teacher will explain how to :

- install Sea Monkey

- run Sea Monkey

- [File][New][Composer Page]

- [Seamonkey][Preferences][Composer] -- turn ON [Preserver Original Source Formatting]

- insert images without copying them

   That means, use Google Images to find an image

        then copy the address, insert an Image in Seamonkey

        and paste the Address (URL), and type a short description in [alternate text]

- put LINKS onto pictures

- use tables to organize a web-page

Read these notes and make a similar page,

using a 2x2 table to display 4 images.

** This assignment is due on Friday 28 Aug at 18:00

** To turn in the assignment, you must UPLOAD your finished web page (.html file)

** into Haiku in the Four Pictures Page assignment.

If you finish early, you can create an account at 
Next class, we will start making a WIX web-site
that will contain links to your project work, as well as
a slide-show with photos from the grade 9 trip.

Sec 6M - Continue Pictures Page - 24 Aug 2015

Continue creating your picture page (like  Sample Document )

If you finish early, you can have a look at some of the
picture links on the class web-site under [Latest Tech Ideas].

Sec 3M - Web-pages with Pictures - 24 Aug 2014

The teacher will explain how to :

- install Sea Monkey

- run Sea Monkey

- [File][New][Composer Page]

- [Seamonkey][Preferences][Composer] -- turn ON [Preserver Original Source Formatting]

- insert images without copying them

   That means, use Google Images to find an image

        then copy the address, insert an Image in Seamonkey

        and paste the Address (URL), and type a short description in [alternate text]

- use tables to organize a web-page

Read these notes and make a similar page,

using a 2x2 table to display 4 images.

Continue Pictures Page - 20-21 Aug 2015

Continue creating your picture page (like  Sample Document )

If you finish early, you can have a look at some of the
picture links on the class web-site under [Latest Tech Ideas].

First Day - 19 Aug 2015

Welcome to CompTech

Computer Technology is a mixture of Information Technology and Computer Science.  You will learn how to use computers effectively, as well as learning more about how computers work.  .. more ..

Daily Work - Computers Required - Bring Your Computer Every Day

Each student needs a computer for class every day  .. more ..

Today's Assignment
We will collect some pictures from Google Images -
and display them in a Word-Processing Document.

>> Read these notes about collecting images.

Be sure to save your page often (at least once every 10 minutes). 
This assignment will be due next week - the specific date will appear in Haiku.