Computer Technology - Frankfurt International School - Dave_Mulkey@fis.edu - 2013-14
Next Due Date :  Alice Treasure Hunt - due 10 June at 15:30

Exercise Your Brains and Fingers - 16 June 2014

Last day of class today

Please try both of the following:

- Exercise your brain with  www.gamesforthebrain.com

- Practice typing - typing as fast as possible.
   Here is a web-site with typing practice games:
    http://games.sense-lang.org/ 

   Or take a test (or lessons) here:
    http://typingclub.com/typing-qwerty-en.html

   Or try competing against other human beings at:
    http://play.typeracer.com/

One More Game - 11-13 June 2014

Today and next class, you should try out

   SPLODER

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:

http://www.pearltrees.com/ardentseeker/make-ur-own-game/id1310761  

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

End of Year Project in Alice - 23-26 May 2014

Final Project Assignment - a Treasure Hunt

You have 2 weeks to do this assignment.  That includes about 6 class periods,
as well as any time you wish to spend at home.

Due Date :  Tuesday 10 June 2014 at 15:30

Topic : Treasure Hunt

You must make an Alice World with lots of objects spread around in a large area.

There must be a first-person-player that is controlled by the keyboard (watch this video) .

There must be a variety of HINTS, hidden in various places.

The goal is to find the "treasure" - which could also be an "exit",
by finding the hints and following them, moving around until
you "see" the end of the game.

For example, you can hide a 3D-Text hint behind a Billboard.

Then that hint tells what to look for next, which is also hidden somewhere.
A hint could be all kinds of things, but maybe requires some thinking.
For example:  "if you see 2 rabbits, you should search for the rabbit hole,
but if you see 2 elephants, turn around and run away."
Clever hints are more interesting than boring hints.

This will be more fun if the objects are spread over a large area,
maybe placed together in "scenes", like little villages.
Then the player moves from one scene to the next.
They should not be able to see everything at once, and certainly
not at the beginning, although you might show them a MAP sometime
that shows where the various scenes are located.

This will also be more fun if there are lots of objects/characters
scattered around, with some of the characters moving in little
circles or back-and-forth paths.

The whole thing should have a THEME.  For example:
- it's a city
or
- you are at the zoo
or
- you are in outer space
etc.

Then add objects and characters that make some sort of sense.
You can make humorous, non-real things too, but the whole thing
should hold together with the THEME.

Make it as big and interesting as you can in the time available.
Make it fun, interesting, challenging and/or impressive!

If you get stuck, be sure to ask a question instead of wasting time.

BE SURE TO SAVE YOUR WORK OFTEN (every 5 minutes or so) -
in case ALICE gets stuck, you won't lose all your work.

Turn it in by uploading the .a2w file into Haiku, if possible.
If that won't work, you will need to turn in the file on a USB stick
during class on Tuesday 10 June.

Some Clever Techniques in Alice - 22 May 2014

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

Here are some notes than explain how to do some more clever things in Alice:
- record your own sounds, like your voice, and insert it
- move the camera around
- make a billboard (a vertical sign/wall/background)
- insert 3-dimensional text, like a big heading

Try doing all these techniques in your own "world".

Using Events for Control - 21 May 2014

The teacher will show how to use LOOPS to make characters
move around, over and over again, with commands like these:

  world.my 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.
  2. Watch this video that shows how use keyboard controls
    in a first-person game.  Then try to add a "first-person"
    character to your world with all the moving characters.

Methods in Alice - 19-20 May 2014

Read the following notes. 
Watch the tutorial and do the exercises at the end of the notes.

Methods with the - Bunny and the Phone

Making Your Own World - 16 May 2014

Read the following and do the practice listed at the end.
https://dl.dropboxusercontent.com/u/275979/compTech/alice/YourWorld/index.html

Alice for 3D Animations - 15 May 2014

We will be using ALICE, a programming system for creating 3D graphics simulations.

You will need to install Alice.  You can download it from:
http://www.alice.org/index.php?page=downloads/download_alice2.4
Make sure you are using version 2.4 - you do not want version 3.
It is a pretty large download, so you probably want to copy it
from a USB stick in class.  It is pretty easy to install - just copy the
Alice.dmg file from the USB stick onto your desktop and then run it.

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

Fun With Photos - 14 May 2014

Here is a web-site with lots of programs/services that make funny pictures:
http://www.hongkiat.com/blog/25-websites-to-have-fun-with-your-photos/

Here is another web-site with similar tools:
http://www.dumpr.net/

Start with a photograph of a face.  You can download your own photo from Serco (http://sis.fis.edu) or download a photo from Google Images. 

Use one of the photo sites above to change the photo.

After changing your photo, download the result to your computer.
Then print the new photo using the color printer in the Atrium.
Turn in the result to the teacher no later than Thursday
at the beginning of class.

Photo Effects - 13 May 2014

Half the class is absent today.  We will spend time exploring some
image-effects tools.

Look at this web-site:  http://www.dumpr.net/ 

Try several of the image-effect tools. 
Use any photo you like as a starting point.
If you don't have another photo, you can use
your school photo from http://sis.fis.edu

Once have an interesting result, you should download it
and then print it on the color printer in the Atrium.
Before printing, make you must RESIZE the picture so
that it pretty much fills one entire page.  This can be done
directly in the printer settings - try starting with Print-Preview.

Give the result to the teacher - we will post the good ones
on the classroom bulletin board.

Turning in Your IT Improvement Project - 9-12 May

When you turn in your group project, keep the following in mind:

Continue Group IT Improvement Project - 5-9 May 2014

Your goal is to IMPROVE (or replace) an IT system.  You should provide
instructions OR extra (or better) IT tools OR a plan or structure(s)
that will make it easier for students and/or teachers to use the schools
IT systems successfully (or anything else that is helpful for the users
You must present your suggestions as a document(s) that can be shared online -
e.g. in Google docs or in a web-site.

We need one set of documents from each group.  On Monday 12 May,
you should upload your documents (or links to documents) into Haiku.

Continue Group IT Improvement Project - 16-17 Apr 2014

Things to do today :

(1) Tell the teacher who the members of your group are
      and what project you are working on.

(2) Make sure that whatever you are doing is going to work for
     almost all intended users.  For example, don't write instructions
     in Pages or other proprietary document formats.

(3) Check your grade on your Instructions assignment.
      Some of the documents did not work - other people
      forgot to turn in their Instructions.  Fix these problems today.

Group Members Project
Fiona , Sophia Student Planner Online
Nicholas M, Max A Improve the Student Handbook
Nicholas B-B, Ricky Student/Teacher Communication Form
Bram, Philippa Student Planner
Harsh, Julian, Julius, Max L How teachers can store grades for students to see
Lewis, Etienne, Nell, Caleb Web-site where new students can ask questions
Gabi, Georgina Replacing Haiku
Madison, Cecilia, Carena, Athelia Using or improving CAS in ManageBac
Lauren, Layla Student Planner
================= ================================
Nik, Emre, Max VR Online Gradebook
Stephanie, MacKenzie, Mason, Bart,Jecy Video for student orientation
Max J, Lucas A., Luca Improve the sports page
Alina, Eva Blocked web-sites
Jenny, Abi, Cami Haiku
Henry, Angelo, Loukas MM Better Bulletin
Aeden Daily Bulletin
Rodion Haiku

Choose a Topic and Form Groups - 14 Apr 2014

Here are two documents containing suggestions for Better IT Systems :

Suggestions for the school

Needs Analysis Suggestions

We will work on these problems in GROUPS, preferably 2-4 students each.
If you prefer to work alone, you will need to accomplish just as much as another group.

- Choose an IT improvement problem to work on.
    You can choose one of the suggestions from the lists (above),
    or think of another suggestion.
- Form a group with others who wish to work on the same problem.
- Your improvements could involve any or all of the following

You will also need to maintain a BLOG about the progress of your project. 
This can be a Google Docs document or a blog.  However you do it,
you must provide EDITING access to the members of your group,
as well as READ-ONLY access for all members of FIS.

The hard part of this assignment is the GROUP WORK.  You must figure out
a way for ALL participants to contribute productively. 
Best idea = talk to each other.

*** Due Date - Monday 12 May ***

Needs Analysis - 9 Apr 2014

IT and Computer Systems are created (or modified) to meet specific NEEDS.
For example, the counselors NEED to collect course requests for next year.
They are using pieces of paper to do this.  That has some advantages
and some disadvantages over using a computer system.  As long as the
counselors and students (and parents and teachers) are satisfied with the
results, then the paper is fine.  But in the BACKGROUND, what we don't see
is that the counselors take these pieces of paper and type the course choices
into a computer system (Serco).  Now we COULD have the students do this
directly, but there are numerous technical and reliability issues connected
with that solution, so this TASK is going to remain PAPER-BASED for the
foreseeable future.

Your assignment today is to think of a task - a REAL TASK - that is either
NOT done with a computer system, or done poorly with a computer system.
This must be a task that students or teachers actually need to do at FIS.

- outline the task (explain it)
- outline how the task is currently done
- outline WHY improvement is needed
- suggest how a computer system could be created or improved to meet this need

For example - the Daily Bulletin. 

- Task - collecting and distributing announcements each day
- Current solution - email to teachers, teachers read the Bulletin in homeroom
- Need - the bulletin is too boring, students don't listen, teachers forget to read it
- Suggestion - email the bulletin to all students AND display it on the big TV screens
                    in the entrance and in the Atrium

But before making the suggestion, think a little bit about what is easy and possible.
For example, don't suggest : set up a huge screen at the front of the school
and display the bulletin there.  This solution is too expensive and not very effective.

You may discuss your idea(s) with other students, but each student needs to
write their OWN suggestion.

When finished (before 08:30 am on Thursday 10 Apr) you send an EMAIL to the teacher
with your suggestion.

A NEW Information System - 8 Apr 2014

FIS has numerous information systems in current use.  For example:

That is a quick list, written in 10 minutes by Mr Mulkey.  There is probably
something missing still.

This is TOO MUCH INFORMATION (TMI).  Even worse, it is scattered
all over the place, with no particular guidelines or organization. 
It is often unreliable - like a recent publication about "important dates"
that contained errors and missed out some very important dates. 
It is difficult for some parents (and students) to use as it is almost all in English
and not all parents can read English well.  And what are new students supposed to do?

If all this information was hitting you in the face, like water from
a fire-hose, you might have a chance.  But too often the information
is just sitting there, quiet and invisible, in a web-site or on a shelf.

There must be a better way to organize all this information,
to make it more easily accessible, easier to understand, and more reliable.

With 45 students in Computer Technology classes, there must be
something we can do to help our peers to find their way around
this information jungle.  We need to view this problem from ABOVE -
the META LEVEL.

We will discuss this today.

BEST List - 28 Mar 2014

Next week we will make lists of the BEST ways to do various things.
You can start searching for these today.  Use the http://cooltoolsforschools.wikispaces.com/
lists or Google or your own experience.  Take notes and SHARE them with others
by writing them on your PUBLIC Google Docs document.

What is the best tool (or tools) for each task:

More questions next week - you can start with these.

Continuing Our Web Investigation - 27 Mar 2014

You need to transfer your investigation notes to a publicly available document. 
There are several possibilities:

(1) a Google Docs document that is SHARED with everyone (the entire world)

(2) a Google Sites web-page

(3) any other web-page that is publicly accessible

(4) a publicly accessible Wiki, like Wikispaces

(5) a Blog, maybe at www.blogspot.com

Once you have created your publicly available page, you need to
upload the web-address into Haiku.  In case you change the
web-address, or you made a mistake, just upload a new address.
The teacher will copy your web-links into this page:

    http://fiscomp.weebly.com/best-tools.html

Then you can continue your investigation of good web-tools,
and continue adding more notes to your page.

Investigating the Web - New Web-sites - 25-26 Mar 2014

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 : http://cooltoolsforschools.wikispaces.com/  

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!

Finish Powerpoint and Sound Effects files - 24 Mar 2014

Finish your sound-effects file, as well as the Powerpoint presentation you started last week. 
Turn in these two files no later than 12:00 noon on Tuesday 25 Mar.

You can check your grade for the Scratch Video Game.
The grade is available in the Dropbox for that assignment.
Some students have still not turned this in.
If you wish to receive a grade for that assignment (Scratch Game),
you need to turn it in no later than Wednesday 26 Mar.

Adding Sound Effects - 21-22 Mar 2014

Aesop's fables are mercifully short, but still a bit boring.
We improved them be adding printed text and pictures.

Now we can add SOUND EFFECTS, to make it a bit more entertaining.

Listen to this example.

The teacher will show the easy way to add sound effects in Audacity.
There are lots of web-sites with free sound effects - you can
search for "free sound effects" in Google.  One very usable site is:

http://www.findsounds.com/

Due Dates:  You have 2 assignments to turn in on Tuesday 25 March -
(1)  Powerpoint with Aesop's fable + text + images
(2)  Sound file (alone) with the SAME fable + sound effects
Due = Tue 25 Mar at 12:00 noon
We will be working on these on Friday and Monday, but not on Tuesday.

Experiments with Audacity - 19-20 Mar 2014

Here are some things to try with Audacity:

Using SOUND - 18 Mar 2014

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:

https://dl.dropboxusercontent.com/u/275979/compTech/powerpoint/aesop1/TheBoyAndTheSnails.pptx 

You will find AUDIO BOOK versions of Aesop's fables on www.gutenberg.org .
You will also find the TEXT versions of the same fables there.
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 this today - we will be adding more to it tomorrow.

HOMEWORK -
Download and install Audacity - if it is already installed
on your computer, that will be fine.  You need a working
version of Audacity tomorrow.

Finish Your Scratch Game - 17 Mar 2014

Your Scratch Game is due today.

Turn it in to Haiku no later than 19:00 .
You need to find the .SB file containing your program
and upload that single file to Haiku.

*** HOMEWORK ***

Bring HEADPHONES to class tomorrow.

Game with Multiple Levels - Using Broadcast and Receive - 6 Mar 2014

We will make a video game with multiple levels.  There will be numerous sprites.
The game can coordinate the various sprites by using broadcast and receive.

Read these notes about the game.

The teacher will explain how to use broadcast and receive.

Using Variables - 5 Mar 2014

Here is a program that uses a VARIABLE to add up points when the cat gets a cookie.

  catCookies.sb

Add more objects that give the cat various amounts of points - like a CAKE that's worth 50 points, a FISH that scores 100 points.  Then add a killer object (maybe a BOMB) that sets the score back to zero.

Trajectories - 3-4 Mar 2014

We made a game with enemies that move back and forth.
Now it is more interesting to make the enemies move
in various different paths, like:
-  a circle
-  a square
-  a triangle
-  a "figure-eight"
-  off the screen and the "wrap-around" to the other side
-  bounce off the sides
-  bounce off other objects
The teacher will show how to make some of these.
Then you should try to make various characters
move in various paths.

First Game in Scratch - 21 Feb 2014

The teacher will demonstrate a game in Scratch. 
Then you can build the game by following these notes.

Scratch Programming - 20 Feb 2014

We created PowerPoint presentations with items that moved around automatically.

We can do the same thing, but with a lot more options, by writing a PROGRAM.
A PROGRAM is a set of written commands that tell the computer what it should do.

Scratch is a programming language that accepts commands that create ANIMATIONS
similar to the movements that you see in video games.  It can also respond to
the KEYBOARD, as well as detecting COLLISIONS and keeping SCORE.
That means we can use Scratch to program a VIDEO GAME.

- First you will need to download and install Scratch from http://info.scratch.mit.edu/Scratch_1.4_Download.

- Then you should watch an introductory video like The Basics of Scratch or one of these lessons.

- Finally create the same program that you saw in the video tutorial.

Countries - PowerPoint Presentation - 12-19 Feb 2014

Your assignment is to make a PowerPoint presentation about a country.
Read the details here.

Actions in Powerpoint - 11 Feb 2014

This Powerpoint Show demonstrates the use of ACTIONS
to make "buttons" that jump from one page to another.
The teacher will demonstrate how to create these buttons.

More Powerpoint Animations - 10 Feb 2014

Study this sample Powerpoint file.
It shows how we can create an animated path on top of a map.

Each path is made by drawing a free-hand line along the map.
Then a WIPE animation is added to the line, so that it looks like
it is being drawn.  The example also has small circles that
appear, using an Expand In animation.

Today's Practice

Get a map of a city that you know well - Frankfurt, Oberursel, your home town, etc.
Put this map into a Powerpoint Presentation.  Then add lines that show routes
from one place to another.  These should appear one at a time, each time
the mouse is clicked.  At the same time that a route appears, the names
of the starting city and ending city should appear.

Powerpoint Animations - 6-7 Feb 2014

You are probably familiar with Powerpoint, but you might not
know very much about the Animation tools. 
We will be doing some work to learn to use these effectively.

Here is a very simple example presentation.

The animation starts by itself and continues until the slide
is fully presented.  This requires paying careful attention to TIMING,
as well as choosing whether an animation happens AFTER the
previous one or at the SAME TIME.

The teacher will explain how to achieve these effects quickly and easily.

We will focus on TIMING in the animations.

Here are some notes about animations, with details about timing and other options.

Test on Math WP - 5 Feb

Charts in Excel - 4 Feb

Notes about Charts in Excel

*** TEST tomorrow.  You need to know how to do  ***
*** all the things we practiced in the last 8 days.   ***

Rotating - 31 Jan - 3 Feb 2014

Read these notes and draw the rotated pictures in MS Word.

Drawing 3D Solid Shapes - 29 Jan 2014

Read these notes.  Draw the 4 shapes shown, and write a formula next to each shape.

More Practice with Math Documents - 28 Jan 2014

Look at these notes.  Use MS Word to write this page.
(1) Put all formulas into an Equation Box. 
(2) Use www.desmos.com/calculator to draw the graph of the parabola.
(3) Use screen-capture to save a picture of the graph.
(4) Insert the picture into the document.
(5) Draw arrows and write text on top of the picture.

If you don't know how to perform these tasks, ask a question.

Writing Math Documents - 27 Jan 2014

Writing Math Documents

Use MS Word to write/draw the equations
and drawings you see in the document above.

Drawing in MS Word - 24 Jan 2014

*************************************
** Turning in Stacked Questions Page   **
**  Find the ASSIGNMENT in Haiku             **
**   and upload a document containing       **
**   the CODE that you wrote and saved.    **
**  If you still need more time,                   **
**   you may  turn it in next week,         **
**   but you should NOT spend too much     **
**   time trying  to make it "perfect".          **
*************************************

Technical Writing and Drawing in MS Word

All students are supposed to have MS Office (with MS Word)
installed on their laptops.  If you do NOT have MS Word installed,
you need to do one of the following:

Be sure you have one of these installed before class next week -
otherwise you will be unable to do the assigned work. 
We will be doing technical drawings (math and science).

Today's Homework (or do it in class if you wish)

   Look at these big patterns - called TESSELATIONS. 
   Figure out how to draw these patterns QUICKLY and EXACTLY.
   The basic idea is to draw one shape, then copy and paste,
   then copy and paste 2 copies at once, then 4 copies at once, etc.
   Do one of the pages (you don't need to do both),
   focusing on how to finish it quickly.

Question Stack - 17-23 Jan 2014

Read about the Question Stack project.

It is due on Friday 24 January at the BEGINNING OF CLASS.

Questions in Boxes - 15-16 Jan 2014

Click here to see the web-page we will make today.

Start with the Geography Questions page from last class,
then add the %boxes%, plus more questions.

Geography Questions Sample - 14 Jan 2014

In EzCode, do the Geography Questions program.

Quiz and Jumpy Buttons - 13 Jan 2014

1 - Write your quiz.

2 - In EzCode, open the sample file:  Random_Positions
     Try to click the button (you won't succeed).
     Now add another button that jumps around, avoiding the mouse.
     Add a picture that jumps around, avoiding the mouse.
     Then add some more buttons and pictures that jump around. (practice)

Make a Page - 9 Jan 2014

Use EzCode to make a page like this one with at least 9 pictures.

You need to start with a blank page and type something like what is shown below.


Put several rows of pictures on the page - at least 3 rows with 3 pictures in each row.

Each picture should do something when you click on it.
Some should jump to another web-site, some should display a message.
You need to use commands like this to adjust the sizes of the pictures:

    Alfred.style.height = "100px"

You can use any size you wish, but all your pictures should "fit".

More EzCode Programs - 8 Jan 2014

Use the EzCode Editor again today.

Do the practice exercises in:

If you finish early, just add more buttons or links
or pictures to any of the programs.

*** German Keyboard *** ???

If you have a Mac with a German Keyboard,
you might find the list of shortcuts for special symbols helpful:

http://www.maceinsteiger.de/mac-os-shortcuts/sonderzeichen-unter-mac-os/

EzCode HTML + JavaScript Editor - 7 Jan 2014

Open the EZcode HTML and Javascript Editor.

  1. Start with the Intro program - select this from the Samples list.
    Do the *** Practice *** exercises written at the bottom of the code.
     
  2. Then open the next Sample (TALK) and do the *** Practice ***.
    You should copy your CODE and save it in a document -
    use any word-processor or editor as you wish.
     
  3. Do the Money program - you may find these notes helpful.
     
  4. Do the Translate sample program.  Save your code when you are finished.
     
  5. If you have time, do the Video_Quiz program. 
    Don't worry if you don't finish this - we will discuss it in class tomorrow.

EZcode HTML + Javascript Editor - 6 Jan 2014

We will start writing Javascript "programs" using this simplified editor:

    EZcode HTML and Javascript Editor

Start by reading these notes : EZcode Lesson 1

Holiday Jigsaw Puzzle - Third Day - 12 Dec 2013

Once you have your puzzle working,
continue to the "Third Day" instructions in this document.

Holiday Jigsaw Puzzle Page - 9-11 Dec 2013

Here is a sample puzzle page with instructions.

JavaScript and Jigsaw Puzzles - 6 Dec 2013

Next week we will start doing some serious JavaScript programming.
In preparation, please do the following today:
- download and install BlueGriffon
- try out some Jig-saw puzzles
- try sending an eGreetingCard from one
   of these these free eCard services

Here is a possibility for investigating jigsaw puzzles.

Here is another sample Jig-saw puzzle:

Click to Mix
          and Solve

Next week is the One Hour of Code Week.  This is a "movement"
to encourage students all over the world to learn to write programs.
We will be writing JavaScript code in web-pages, and one of our
small tasks will be to create a jig-saw puzzle in a web-page.
We will do a lot more than just one our of coding.

Today, spend the period investigating online jig-saw puzzles.
There are some fundamental concepts that you will need next week.

You can:
- solve jig-saw puzzles
- make your own jig-saw puzzles
- send an ePostcard with a jig-saw puzzle

Try out these various tasks - you can send an ePostcard
to yourself to see what happens.  Maybe you want to
send a puzzle to a friend so that they have something
to do on the weekend.

Turn in Your Video - 5 Dec 2013

Turn in your video today

AFTERWARD - Once you have finished the video
and uploaded it, you can try out these free eCard services.
Your investigation should include sending an ecard
to your own email account and viewing the result.

iMovie Notes and Video Tutorials - 29 Nov 2013

iMovie Notes - Adding Sound and Text to your Video Clips

Before adding music or sound effects, you probably want to click on
the little blue
editor button and silence the audio that is part of the clip.

Voice Over - Video Tutorial
You can talk into the computer's microphone and record comments about your video clip(s).
To do this, use the [microphone] button.  Then click on a clip to start it playing and
talk into the microphone at the same time.

Music and Other Sound Effects - Video Tutorial
You can download free background music from a site like Last.fm for music,
or sound effects from GRSites .  There are plenty of other sources.

The simple approach is to download an .mp3 file from a web-site,
and save it into the Music/iTunes/iTunes Media/Automatically Add to iTunes folder.
Then you can click on the [music] button in iMovie - this has musical notes on it.
Then choose the file you want to add and drag it onto a clip.

Add Text Comments on a Clip - Video Tutorial
Use the [T] tool to add text to a clip.  Choose the appropriate location/format.
Then you must type your text on the Video Preview pane (on the right side).

Add a Pure Text Information Slide - Video Tutorial
There is no good way to do this directly in iMovie.
You need to create your text-slide in another application, like PowerPoint.
Export the side as an image.  If you save it directly into the iPhoto folder,
then you can use the Photo button to find it.  Otherwise, you need to drag
your image into iMovie, into the project folder.

More Video Tutorials
Here are some more video tutorials.  They might be slightly different
than your version of iMovie, but the basic concepts are still the same.

Editing Audio (like echoes) : http://www.youtube.com/watch?v=jZ06TKZg360

News Video Assignment - 19 Nov - 5 Dec 2013

News Video Assignment

My Favorite Video Assignment - 13 Nov 2013

DUE : Tuesday 19 Nov 2013 - at the BEGINNING of Class
         (you may not work on this during class on 19 Nov)

My Favorite Videos

The assignment is to create a web-page that displays your favorite videos.
Your page should have two categories - perhaps FUNNY and SERIOUS,
or MUSIC and SPORTS, or ACTION and CUTENESS, etc.

Your page should be constructed with BUTTONS.
Each button must display and IMAGE (screen capture)
of one video when the mouse rolls-over the button,
and should display the actual video in an <iframe>
when the button is clicked.  The images must be stored
inside the same folder with the web-page, so these
pictures should display very quickly with no waiting.

GOALS : You should do the following to achieve a high grade:
- put a title and your name at the top of the page, e.g.
    My Favorite Videos ... by Susie Smith
- choose videos that are not too long - say under 10 minutes
- use colors, fonts and font-sizes to make your buttons
   interesting or attractive
- arrange the buttons so they fit together nicely
   to make an attractive page
- organize the page so that it clear which buttons
    are in which part - e.g. one section for FUNNY
    and a different section for SERIOUS
- make lots of buttons for lots of videos -
   make as many as you can in the time available
- make sure all the buttons work correctly
- to turn in your assignment, COMPRESS the folder
   (yes, put your page and all images into one single folder)
   and upload the .zip archive to Haiku

You may find that the school's Web access is rather slow
during class, so you should plan on also doing some
work at home.

Adding Screen Shot Mouseovers - 12 Nov 2013

Read the last part of these notes.
Make a screen-shot of each of your videos,
and add a mouseover event to each button.

My Favorite Videos - 11 Nov 2013

Learn to insert YouTube videos into a web-page.
Read these notes.

Notice that this may only work properly in Firefox and SeaMonkey.

Inline Style Properties - 7-8 Nov 2013

In Seamonkey, you can accomplish a lot with the mouse.
However, some changes require typing HTML code.
For example, to create a Button, you need to
- [Insert][HTML]
- type:  <button>Click here</button>

But if you create a button, you cannot pull on the corners to make it bigger.
You cannot change the color or the font. 

To change the appearance of a button, do the following:
- double-click to open the Properties box
- click [Advanced Edit]
- choose [Inline Style]

Now you can type values for lots of different properties.  For example:
 
  


Here are some examples of Inline Style properties that you can set:
You can find a very complete list of Inline Style commands at
    http://www.cssdog.com/css_references.html

Click on any item that sounds interesting, read the HTML example,
and look for the place that says something like:  style="font:Arial"
Use the stuff inside the quotation marks.

Practice
Make a Web-page with lots of interesting/amusing looking buttons.
You can start with one of the pages you made recently.
Make buttons bigger and smaller, change colors, change fonts, etc.

Alert Messages - 6 Nov 2013

** You should "FIX" SeaMonkey as follows:
**  - under [Seamonkey] choose [Preferences]
**  - click on [Composer]
**  - place a check-mark next to "Preserve Source Formatting"
** This prevents Seamonkey from "breaking" your JavaScript commands
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

We can make a multiple choice quiz like this one:
 
 What is the capital of Australia?

          


The command to make a message pop-up is:

     alert('Right you are')

Put a message like this in the onclick event for each button.

Now create some multiple-choice questions.  You can do several questions on one page
by creating a table, maybe 2 rows and 2 columns, with a question and several answers
in each cell (box).  Start with two questions written as text.  Then add a couple
questions that also have a picture.

Interactive Buttons in Web-pages - 5 Nov 2013

Click here to see today's notes and practice assignment

Time Management and Sharing Information - 31 Oct - 4 Nov 2013

Time Management


Sharing Your Work and Other Information

How can we share information (mostly digital) with other people?

Class Project Today :

There are many possible ways to do this:

What issues (e.g. problems) are important when sharing?
In general terms, we worry about the following :

We will discuss the technical issues associated with these USABILITY goals.

Animated GIFS from Inkscape - 21-30 Oct 2013

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), zoming 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, 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.

Your assignment is to make one of each of these - that is, 3 animated GIFs -
- a WORD GIF,
- an ACTION GIF (sports or other action),
- a STICK-MAN GIF.

These are due on Wed 30 Oct at the end of the day (23:59). 

You must make ONE FOLDER containing all the following:
- the project file for each GIF
- 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.

You may use any graphics tool you wish, but Inkscape is probably faster
and more productive than other tools.

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.

The GOALS in each case are that the GIF should be :
- attractive
- realistic or believable (not real, but not just making random movements)
- 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 6 days of class, covering one teaching cycle.
You cannot work slowly.  You must work quickly and productively.
And you probably need to do some work at home.
This is due on Wed 30 Oct.  Whatever you have finished,
you must turn that in even if it is not "perfect".
That means you must MANAGE YOUR TIME.  If you find that
you spent an hour and got very little done, you should consider
changing your concept to make it simpler so you can finish on time.
Your GIFS will probably not be as "polished" as the examples above.

Introduction to Inkscape - 18 Oct 2013

Introduction to Inkscape

The teacher will show you the basics of using Inkscape.
Then you can watch a video about drawing a cartoon,
and try to repeat what you saw in the video.

*** Don't forget to turn in your Roll-over page TODAY (if you haven't yet) ***

Next week we will start a new project involving cartoons.

More GIF Animations - 17 Oct 2013

*** Don't forget to turn in your roll-over page to Haiku - no later than Friday ***

HOMEWORK TODAY :  Download and install INKSCAPE

You can make an animation quickly by starting with an image, like a cartoon.

            

Cut out pieces that you want to move, like the feet and the eyes.
Paste them into layers, then move them around and save the frames.
Then upload to http://gifmaker.me/ and download the result.

Now make your own animation, starting with a cartoon picture.
Try to make something that is funny or interesting.

Your Own Smiley - 15-16 Oct 2013

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.



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

Now make your own smiley GIF animation.
Recommend using Sumo Paint for the drawing,
and use this online tool for making the animated GIF.

Finish Rollovers - start GIF Animations - 14 Oct 2013

Turn In Rollover Page

Rollover Web Links - 7 Oct 2013

Your next project is to make a web-page with
lots of rollover-links.  Read these notes.

The teacher will demonstrate how to insert pictures
in a web-page and how to add rollover effects

Interactive Web-Pages - 24 Sep 2013

You can make an interactive informational web-page
by placing one or more small pictures on top of a big picture.
Try this example - can you find Myanmar?

Make your own quiz page as follows:
- Make a new folder for this project
- Find a large picture and save it in your folder
- Open the big picture in a graphics editor, like PaintBrush or Gimp
- Cut out a small piece of the picture and save it as a new image in the folder
- Use SeaMonkey to create a new web-page (Composer Page)
- Insert the big picture into your web-page,
   then insert the small picture into the web-page (you must do it in that order)
- Click the "push-pin" to make the small picture draggable
- Drag the small picture into exactly the right position on top of the big picture
- Place a suitable LINK on the small picture, maybe a Wikipedia article
- Place a suitable LINK on the big picture - maybe your own web-page
   that says "WRONG"
- Save the web-page(s) and try it out

Now make a second quiz-page.  This time, put several small pictures
on top of the big picture.  For example, these could be faces in a picture
of a music group, or several countries on a map.

Turning in Your Slideshow - 23 Sep 2013

To turn in your Slide-Show, you need to:

Making a Slideshow - 13-23 Sep 2013

Here is a .zip archive (??) containing photos from the Grade 9 Trip.

Here are lots more photos from Mr. Neal.

Here is a simple, sample slideshow
Yours should be longer than this, and should use
photos from the Grade 9 trip.

Here is your SlideShow assignment
which is DUE ON MON 23 Sep

Drawing Program - 10 Sep 2013

   Download and install PaintBrush

PaintBrush is a DRAWING program - it is not actually a Photo Editor.

Nevertheless, we can use PaintBrush to edit photos.
Try doing the following:

Now a challenge.

Copy a person from one picture and paste them into another.
Make it as realistic as possible - that means there are no tell-tale
edges, the person is the right size.  You may need to use TWO PROGRAMS
to accomplish this, as you might want to apply a FILTER to the person
before pasting them in.

Homework - download and install GIMP.
You need to find this in the Internet and download it.
Try searching for [GIMP download free Mac OS].

Photo Editing - 9 Sep 2013

Before starting our Trip Slide Show, we will learn to use a Photo Editing program, so that we can improve the photos before putting them in the slide show.

First, download and install DrawIt Lite
   OR
use this online tool :  http://ipiccy.com

Spend one class period exploring this program. 
Find out how to:
- make the picture smaller, e.g. 1000 x 750
- apply a filter (try lots of different filters)
- add text on top of the image
- draw lines and other shapes on top of the image

Next class we will start our slide shows.

If you are using DrawIt Lite, follow these instructions:

If you are using IPICCY.COM, follow these instructions:

Homework -
 
  Bring some photos from the grade 9 trip. 
   The whole class can share whatever photos we get.
    Download and install PaintBrush

Slide Show - 29 Aug 2013

Wix has several different tools for making a Slide Show.
Wix calls this a GALLERY.

Do the following as practice :
This is a practice excercise.  After the class trip,
you will create a GALLERY about the class trip.
That will be a graded assignment.

Using WIX - 27-28 Aug 2013

You will be creating an electronic portfolio (ePortfolio)
to collect and share (display) your Comp Tech projects.
This will continue throughout the semester.

The ePortfolio consists of 2 pieces -
- WIX as the starting page
- Dropbox to store all your projects
The WIX front-page will contain links to the projects in Dropbox.

You will also be able to store/upload some project work
directly inside WIX.  For example, we will make slide-shows
with pictures from the 9th grade trip, and these can be stored
directly inside WIX.

Here is a list of practice tasks to learn your way around in WIX:
Your page might look like this:  http://davemulke5.wix.com/basic#!sample/c1bcs

Be sure to SAVE your site before quitting.
After saving, click PUBLISH to make your site available for other people.
Be sure to click [OK] after [Publish].

Making Attractive Web-pages - 26 Aug 2013

We can share web-page addresses at :
http://qikpad.co.uk/p/comptech26aug

Test on Making Web-pages with SeaMonkey - 23 Aug 2013

Use SeaMonkey to create the web-page described in the test.
Save your page on the hard-disk in your computer.
Then show the page to the teacher when it is your turn.

Homework -
Find a VERY ATTRACTIVE web-site (must be in good taste).
Be prepared to share this with the class on Monday
along with the reasons that you find it attractive.

More Practice with SeaMonkey - 21-22 Aug 2013

Practice organizing a web-page by using tables:
  Web Page Techniques

Make sure you know how to use SeaMonkey efficiently before
your test on Friday.  During the test, you will need to
create a web-page and deliver it to the teacher - in limited time.

Next week we will put some effort into getting everyone's
DropBox account to work, including a Public folder.

Continue Making a Web Page - 20 Aug 2013

Continue making your web-page with 4 pictures and links.

When you have finished a web-page:
  1. Upload your .html file to Dropbox.
    Be sure to store it inside a Public folder,
    or SHARE your page to make it public.

  2. Ask your neighbor to check that they can
    view your page on their computer,
    by typing in the Public Link to your page.
    They should also check the the links work.

Making a Web Page - 19 Aug 2013

Things to do today:

*** Listen to the teacher explain how Haiku works ***
*** Turn in your Pictures Page in Haiku - any time before midnight tonight *** 

16 Aug 2013

Today's Assignment
We will collect some pictures from Google Images - http://images.google.com
Read these notes about collecting images.



Please read the notes below as time permits.

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 ..

Continue Pictures Page - 15 Aug 2013

Continue creating your Pictures Page as described in these notes.
You must bring a finished document to class on Monday.
You will turn this in on Monday 19 Aug. 
On Monday the teacher will explain HOW to turn it in -
the details will depend on whether Haiku is working then or not.

First Day - 14 Aug 2013

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 - http://images.google.com
Read these notes about collecting images.