homework

Home
Syllabus
Schedule
Tutorials
Homework
Past Projects
MAS Major
Resources

Homework

Homework 6 - Lingo Events and Puzzle User Interface
Due See Schedule.

In this homework you will explore the various events that Director generates and will write a few simple event handlers to demonstrate your understanding.

Problem 1. - Answer the questions

Q1: Look at this example. To be able to count the votes for each candidate, you need to initialize the vote counters. Where do you put the script initializing the vote counters?


Q2: Look at this example. You want to have many flowers on the stage. Each of them, when clicked, beeps. Where do you put the script(s)?


Q3: Look at this example. You want a ball that bounces, beeping on contact with the floor. Where do you put the script(s)?


Q4: Look at this example. You want two identical flowers behaving differently. The smaller on the left beeps, the other does not. Where to you put the script(s)?

What to turn in: Answer the questions above by creating a file events.html and describe in there your responses. If it is possible to solve the problem in more than one ways, describe them all but explain clearly which would be the best option.

In addition, for each of the Q2, Q3, Q4, recreate the behavior of each example by creating files q2.dir, q3.dir and q4.dir exhibiting the "best option". Place the html and dir files inside a directory named events.

 

Problem 2. - Design Puzzle User Interfaces

The following snapshots contain 5 different puzzles (from Scott Kim's Page-A-Day puzzle calendar).

1 2 3 4 5

These are paper-based puzzles. You read the description, and then you try to solve it with paper and pencil. If you need help, you read the hint on the back of the page. To check whether you solved it correctly, you turn the page to the "solutions" section. So, using only paper and pencil is limiting. How would you play these puzzles on the computer?

Your task is to design the user interface that manages each of these puzzles on the computer screen. In particular:

  • How would you arrange the image? What kind of buttons or other navigational aids would you use?
  • What navigational structures would you create in order for people to be able to solve these puzzles in an online multimedia application.
Remember, the best UI is the transparent UI.

What to turn in: Create a file GUIs.html and in it, explain your proposed interface for each of the puzzles. Feel free to create simple drawings (using director, fireworks, photoshop or graphic converter) of each solution so as to explain your point. Put all of your files in a directory called GUIs.When you are done, place directories events and GUIs in a folder hw6, inside your CS215 directory. Make sure you set the permissions correctly so that I can see your files.

 

 

Maintained By: Takis Metaxas
Modified by: Ewelina Oleszek '10
Last Modified: October 15, 2007