Course Web Site Development:
Additional Website Components:
Web Based Animation Tools:
Macromedia Flash:
Animated Flowchart / Presentation

This exercise will take you through an example of a basic online quiz implemented using Flash v5.0.  To work through this exercise, you must have Flash 5.0 installed.  To install the product, please click here for instructions.

This is what your animated flowchart / presentation will look like when finished::

 

  1. Open Flash v5.0
  2. Create a new Movie (File->New)
  3. Click on File->Open as Library.  We'll be using some pre-made art for this lesson.  You may open up any other Flash file and "reuse" art that you've generated in the past.
  4. Rename "Layer 1" to "Content".
  5. Create a new layer called "Button"
  6. Click on the Button layer.  Drag the "Next Button" symbol out onto the stage.
  7. Right click on the button and choose Actions.
  8. Double click on the "Basic Actions" icon.
  9. Double click on "On Mouse Event".
  10. Scroll up and double click on "Go To".
  11. Change the scrolling list labeled "type" to "Next Frame".
  12. Click the small X at the top right of this window.
  13. Congratulations!  You just did some computer programming!
  14. Click on the Content layer.  Drag the "Animated DNA" icon out to the top left side of the stage.
  15. Use the Text Tool to write the words "Nucleotide Bonding" next to the animated DNA icon.
  16. Click inside Frame #7 on the Button layer.  Click Insert->Frame.
  17. Insert a keyframe on frame #2 of the Content layer.  Drag out the Cytosine icon.
  18. Insert a keyframe on frame #3 of the Content layer.  Drag out the Thymine icon.
  19. Insert a keyframe on frame #4 of the Content layer.  Put the two chemicals together.
  20. Insert a keyframe on frame #5 of the Content layer.  Drag out the Adenine icon.
  21. Insert a keyframe on frame #6 of the Content layer.  Drag out the Guanine icon.
  22. Insert a keyframe on frame #7 of the Content layer.  Put the two chemicals together.
  23. Double click on each keyframe in the Content layer and choose "Stop" for each one.
  24. Save and publish your movie.