You are previewing Designing Online Learning with Flash.
O'Reilly logo
Designing Online Learning with Flash

Book Description

There is a need for a book that provides a model of learning that is appropriate for online learning as well as teaches the user how to create potent Flash applications to deliver online learning content. This book is an Adobe Flash tutorial set in an instructional design context. It demonstrates how to develop Flash tutorials for teaching facts, concepts, principles, and procedures using Merrill s Component Display Theory. All the book s source files are provided as well as Adobe Captivate tutorials demonstrating the procedures.

Table of Contents

  1. Copyright
  2. INTRODUCTION
    1. Guiding Questions
    2. Chapter Overview
    3. Preface
      1. Online Learning Is Growing
      2. Designing for Productivity
      3. Designing for Activity
      4. Everything Has a Purpose
      5. Instructional Design and Flash Together
      6. Information vs. Instruction
      7. What to Expect
    4. Overview of Chapters
      1. Chapter 1: Online Learning Approach
      2. Chapter 2: Planning
      3. Chapter 3: Presentation
      4. Chapter 4: Practice Sequences
      5. Chapter 5: Flash
      6. Chapter 6: Getting Started with Flash
      7. Chapter 7: Flash Guides
      8. Chapter 8: Facts
      9. Chapter 9: Concepts
      10. Chapter 10: Principles
      11. Chapter 11: Procedures
      12. Chapter 12: Case Study
      13. Chapter 13: Distributing Files
      14. Chapter 14: Evaluation
      15. Website and Instructor's Guide
      16. Software Version
    5. Summary
  3. 1. Online Learning Approach
    1. 1.1. Chapter Overview
    2. 1.2. Nothing Is Left to Chance
      1. 1.2.1. Science
      2. 1.2.2. Logic
      3. 1.2.3. Feedback
    3. 1.3. Instruction Is an Investment
    4. 1.4. Planning, Presentation, and Practice
      1. 1.4.1. Goals Are Important (Planning)
      2. 1.4.2. The Learner Must Be Supported (Presentations)
      3. 1.4.3. The Learner Must Be Overtly Active (Practice)
    5. 1.5. Design Model
    6. 1.6. Summary
  4. 2. Planning
    1. 2.1. Chapter Overview
    2. 2.2. Systematic Design of Instruction
    3. 2.3. Analyzing Needs
    4. 2.4. Identifying Tasks
      1. 2.4.1. Performance Analysis
    5. 2.5. Creating Objectives
    6. 2.6. Classifying Objectives
    7. 2.7. Creating Test Items
    8. 2.8. Extended Example
      1. 2.8.1. Overview
      2. 2.8.2. Case: Supply and Demand—Dynamics
        1. 2.8.2.1. Introduction
        2. 2.8.2.2. Needs Analysis
        3. 2.8.2.3. Task Analysis
        4. 2.8.2.4. Objectives, Classes, and Evaluation
      3. 2.8.3. Learning Objective 1
      4. 2.8.4. Learning Domain Fact
        1. 2.8.4.1. Evaluation
      5. 2.8.5. Learning Objective 2F
      6. 2.8.6. Learning Domain: Facts
        1. 2.8.6.1. Evaluation
      7. 2.8.7. Learning Objective 3C
      8. 2.8.8. Learning Domain: Concept
        1. 2.8.8.1. Evaluation
      9. 2.8.9. Learning Objective 4 Pro
      10. 2.8.10. Learning Domain: Procedure
        1. 2.8.10.1. Evaluation
      11. 2.8.11. Learning Objective 5P
      12. 2.8.12. Learning Domain: Principle
        1. 2.8.12.1. Evaluation
    9. 2.9. Summary
  5. 3. Presentation
    1. 3.1. Chapter Overview
    2. 3.2. Presentation Phase
    3. 3.3. Presentation Medium
      1. 3.3.1. Presentation Mechanism
      2. 3.3.2. Presentation Modality
      3. 3.3.3. Presentation Abstraction
    4. 3.4. Instructional Strategies
      1. 3.4.1. Attention Management
        1. 3.4.1.1. Inform the Learner of Objectives
        2. 3.4.1.2. Inform Learner of Classification
        3. 3.4.1.3. Highlight Presentation
        4. 3.4.1.4. Manipulate Time and Space
      2. 3.4.2. Cognitive Load Management
        1. 3.4.2.1. Enhance Clarity
        2. 3.4.2.2. Streamline Presentation
        3. 3.4.2.3. Reduce Unit Size
        4. 3.4.2.4. Encourage Grouping
        5. 3.4.2.5. Provide Graphic Organizer
      3. 3.4.3. Structural Management
        1. 3.4.3.1. Map Knowledge Structure
        2. 3.4.3.2. Prior Knowledge
        3. 3.4.3.3. Examples
    5. 3.5. Summary
  6. 4. Practice Sequences
    1. 4.1. Chapter Overview
    2. 4.2. Practice-Centric Design
    3. 4.3. Information vs. Instruction
    4. 4.4. Value of Practice
    5. 4.5. Practice Sequences
    6. 4.6. Designing Sequences
      1. 4.6.1. Consistency with Objectives
      2. 4.6.2. How Difficult the Task Is
      3. 4.6.3. Similarity of Attributes
      4. 4.6.4. Number of Attributes
      5. 4.6.5. Similarity of Responses
      6. 4.6.6. Prior Knowledge Interference
      7. 4.6.7. Context
    7. 4.7. Practice Sequence Methods
      1. 4.7.1. Attention Management
      2. 4.7.2. Cognitive Load Management
      3. 4.7.3. Structural Management
      4. 4.7.4. Practice Sequence Example
      5. 4.7.5. Repetition
      6. 4.7.6. Special Cases
      7. 4.7.7. Feedback Modalities
    8. 4.8. Summary
  7. 5. Flash
    1. 5.1. Chapter Overview
    2. 5.2. What Is Flash
    3. 5.3. Flash Capabilities
    4. 5.4. Flash and Learning
    5. 5.5. Topics Covered
    6. 5.6. Summary
  8. 6. Getting Started with Flash
    1. 6.1. Chapter Overview
    2. 6.2. Basic Flash Interface
      1. 6.2.1.
        1. 6.2.1.1. Unified Screen
        2. 6.2.1.2. Menu Bar
        3. 6.2.1.3. Toolbar
        4. 6.2.1.4. Timeline
        5. 6.2.1.5. Panels
        6. 6.2.1.6. Stage
        7. 6.2.1.7. Property Inspector
    3. 6.3. Summary
  9. 7. Flash Guides
    1. 7.1. Chapter Overview
    2. 7.2. Starting Up
      1. 7.2.1. FLASH GUIDE FOR STARTING UP
        1. 7.2.1.1. Create New File
        2. 7.2.1.2. Set Document Properties
        3. 7.2.1.3. Working Spaces
        4. 7.2.1.4. Label Layer
        5. 7.2.1.5. Turn on Rulers
        6. 7.2.1.6. Create Regions
      2. 7.2.2. Change the Color of the Interior
        1. 7.2.2.1. Draw the Rectangle
        2. 7.2.2.2. Draw Second Rectangle
        3. 7.2.2.3. Draw Third Rectangle
      3. 7.2.3. Summary
    3. 7.3. Drawing Tools
      1. 7.3.1. FLASH GUIDES FOR DRAWING TOOLS
        1. 7.3.1.1. Draw Graph Frame
        2. 7.3.1.2. Draw Demand Curve
        3. 7.3.1.3. Draw Supply Curve
        4. 7.3.1.4. Lock the Layer
        5. 7.3.1.5. Test the Application
      2. 7.3.2. Summary
    4. 7.4. Dynamic Text
      1. 7.4.1. FLASH GUIDES FOR DYNAMIC TEXT
        1. 7.4.1.1. Label Interface Layer
        2. 7.4.1.2. Create Dynamic Text Box
        3. 7.4.1.3. Assign Text to a Variable
        4. 7.4.1.4. Add an Action
        5. 7.4.1.5. Test the Application
      2. 7.4.2. Summary
    5. 7.5. Symbols
      1. 7.5.1. FLASH GUIDE FOR SYMBOLS
        1. 7.5.1.1. Create a Graphic Symbol
        2. 7.5.1.2. Button Symbol
        3. 7.5.1.3. Create a Button Symbol
        4. 7.5.1.4. Modify a Button (Add an Over State)
        5. 7.5.1.5. Adding Instructions to the Graphic
        6. 7.5.1.6. Movie Clip Symbol
        7. 7.5.1.7. Edit the Movie Clip
        8. 7.5.1.8. Create Light Animation
        9. 7.5.1.9. Populate the Stage with Instances
      2. 7.5.2. Summary
    6. 7.6. Separating Text
      1. 7.6.1. FLASH GUIDE FOR SEPARATING TEXT
        1. 7.6.1.1. Test the Application
      2. 7.6.2. Summary
    7. 7.7. Frame-by-Frame Animation
      1. 7.7.1. FLASH GUIDE FOR ANIMATION
        1. 7.7.1.1. Create a Frame-by-Frame Animation
        2. 7.7.1.2. Create and Modify the Circle
        3. 7.7.1.3. Move and Modify the Circle
        4. 7.7.1.4. Test the Frame-by-Frame Animation
      2. 7.7.2. Summary
    8. 7.8. Shape Animation
      1. 7.8.1. FLASH GUIDE FOR SHAPE ANIMATION
        1. 7.8.1.1. Create a Shape Tween
      2. 7.8.2. Summary
    9. 7.9. Motion Animation
      1. 7.9.1. FLASH GUIDE FOR MOTION ANIMATION
        1. 7.9.1.1. Create a Motion Tween
      2. 7.9.2. Summary
    10. 7.10. Masks
      1. 7.10.1. FLASH GUIDE FOR MASKS
        1. 7.10.1.1. Add a Mask Layer
        2. 7.10.1.2. Add Mask Image
        3. 7.10.1.3. Animate the Mask
        4. 7.10.1.4. Test the Application
      2. 7.10.2. Summary
    11. 7.11. Motion Guide
      1. 7.11.1. FLASH GUIDE FOR MOTION GUIDES
        1. 7.11.1.1. Create a Motion Guide
        2. 7.11.1.2. Test the Application
      2. 7.11.2. Summary
    12. 7.12. Simulated Screen Draw
      1. 7.12.1. FLASH GUIDE FOR SCREEN DRAW
        1. 7.12.1.1. Distribute to Layers
      2. 7.12.2. Summary
    13. 7.13. Sound
      1. 7.13.1. FLASH GUIDE FOR SOUND
        1. 7.13.1.1. Adding Sound
      2. 7.13.2. Summary
    14. 7.14. Learning Component: Drag and Drop
      1. 7.14.1. FLASH GUIDE FOR DRAG AND DROP
        1. 7.14.1.1. Break Apart the Interaction
        2. 7.14.1.2. Set the Feedback Options
        3. 7.14.1.3. Replace the Placeholder Image
        4. 7.14.1.4. Change the Background Placeholder Graphics
        5. 7.14.1.5. Test the Application
      2. 7.14.2. Summary
    15. 7.15. Learning Component: Fill in the Blank
      1. 7.15.1. FLASH GUIDE FOR FILL IN THE BLANK
        1. 7.15.1.1. Break Apart the Interaction
        2. 7.15.1.2. Set the Feedback Options
        3. 7.15.1.3. Change the Background Placeholder Graphics
        4. 7.15.1.4. Test the Application
      2. 7.15.2. Summary
    16. 7.16. Learning Component: Hot Object
      1. 7.16.1. FLASH GUIDE FOR HOT OBJECT
        1. 7.16.1.1. Break Apart the Interaction
        2. 7.16.1.2. View the Component Inspector
        3. 7.16.1.3. Set the Feedback Options
        4. 7.16.1.4. Name the Hot Object Instances
        5. 7.16.1.5. Replace the Placeholder Image
        6. 7.16.1.6. Change the Background Placeholder Graphics
        7. 7.16.1.7. Test the Application
      2. 7.16.2. Summary
    17. 7.17. Learning Component: Hot Spot
      1. 7.17.1. FLASH GUIDE FOR HOT SPOT
        1. 7.17.1.1. Create a Hot Spot
        2. 7.17.1.2. Break Apart the Interaction
        3. 7.17.1.3. Set the Feedback Options
        4. 7.17.1.4. Remove the Placeholder Image
        5. 7.17.1.5. Test the Application
      2. 7.17.2. Summary
    18. 7.18. Learning Component: Multiple Choice
      1. 7.18.1. FLASH GUIDE FOR MULTIPLE CHOICE
        1. 7.18.1.1. Break Apart the Interaction
        2. 7.18.1.2. Set the Feedback Options
        3. 7.18.1.3. Set Navigation to Off
        4. 7.18.1.4. Test the Application
      2. 7.18.2. Summary
    19. 7.19. Learning Component: True or False
      1. 7.19.1. FLASH GUIDE FOR TRUE OR FALSE
        1. 7.19.1.1. Break Apart the Interaction
        2. 7.19.1.2. Set the Feedback Options
        3. 7.19.1.3. Test the Application
      2. 7.19.2. Summary
    20. 7.20. Summary
  10. 8. Facts
    1. 8.1. Chapter Overview
    2. 8.2. The Nature of Facts
    3. 8.3. General Strategy
    4. 8.4. Demonstrating Mastery
    5. 8.5. Presentation Strategies
      1. 8.5.1. Attention Management
        1. 8.5.1.1. Clarity
        2. 8.5.1.2. Figure/Ground Separation
        3. 8.5.1.3. Layout
      2. 8.5.2. Cognitive Load Management
        1. 8.5.2.1. Learning Domain Knowledge.
        2. 8.5.2.2. Highlight Goals
        3. 8.5.2.3. Graphic Organizer
        4. 8.5.2.4. Unit Size
      3. 8.5.3. Structural Management
        1. 8.5.3.1. Elaboration
        2. 8.5.3.2. Mnemonics
        3. 8.5.3.3. Repetition
    6. 8.6. Practice Considerations
      1. 8.6.1. Verbatim vs. Paraphrase
    7. 8.7. Summary
  11. 9. Concepts
    1. 9.1. Chapter Overview
    2. 9.2. The Nature of Concepts
    3. 9.3. General Strategy
    4. 9.4. Demonstrating Mastery
      1. 9.4.1.
        1. 9.4.1.1. Appropriate Concept Question
        2. 9.4.1.2. Inappropriate Concept Question
    5. 9.5. Presentation Strategies
      1. 9.5.1. Attention Management
        1. 9.5.1.1. Cognitive Load Management Highlight goals.
        2. 9.5.1.2. Co-Presentation (Definitions and Attributes).
        3. 9.5.1.3. Learning Domain Knowledge.
        4. 9.5.1.4. Structural Management Hierarchies.
        5. 9.5.1.5. Examples and Non-Examples.
        6. 9.5.1.6. Prototypes.
    6. 9.6. Practice Considerations
    7. 9.7. Summary
  12. 10. Principles
    1. 10.1. Chapter Overview
    2. 10.2. The Nature of Principles
    3. 10.3. General Strategy
      1. 10.3.1. Discovery
    4. 10.4. Demonstrating Mastery
    5. 10.5. Presentation Strategies
      1. 10.5.1. Attention Management
        1. 10.5.1.1. Clarity
        2. 10.5.1.2. Figure/Ground
        3. 10.5.1.3. Layout
      2. 10.5.2. Cognitive Load Management
        1. 10.5.2.1. Highlight Goals
        2. 10.5.2.2. Learning Domain Knowledge
        3. 10.5.2.3. Co-Presentation
      3. 10.5.3. Structural Management
        1. 10.5.3.1. Examples and Non-Examples.
        2. 10.5.3.2. Analogy
        3. 10.5.3.3. Simulation
    6. 10.6. Practice Considerations
    7. 10.7. Summary
  13. 11. Procedures
    1. 11.1. Chapter Overview
    2. 11.2. The Nature of Procedures
      1. 11.2.1. Connect with Task Analysis
    3. 11.3. General Strategy
    4. 11.4. Demonstrating Mastery
    5. 11.5. Presentation Strategies
      1. 11.5.1. Attention Management
        1. 11.5.1.1. Clarity
        2. 11.5.1.2. Figure/Ground
        3. 11.5.1.3. Layout
        4. 11.5.1.4. Demonstration
      2. 11.5.2. Cognitive Load Management
        1. 11.5.2.1. Highlight Goals
        2. 11.5.2.2. Flow Chart
        3. 11.5.2.3. Co-Presentation
        4. 11.5.2.4. Learning Domain Knowledge
        5. 11.5.2.5. Unit Size
      3. 11.5.3. First Aid Procedure
      4. 11.5.4. Structural Management
        1. 11.5.4.1. Optimal Path
        2. 11.5.4.2. Analogy
        3. 11.5.4.3. Examples
    6. 11.6. Practice Considerations
      1. 11.6.1. Practice Sequences.
    7. 11.7. Summary
  14. 12. Case Study
    1. 12.1. Chapter Overview
    2. 12.2. Implementation Model
      1. 12.2.1. Possible Presentation Strategies
        1. 12.2.1.1. Attention Management
        2. 12.2.1.2. Cognitive Load Management
        3. 12.2.1.3. Structural Management
        4. 12.2.1.4. Possible Practice Strategies
      2. 12.2.2. Possible Presentation Strategies
        1. 12.2.2.1. Attention Management
      3. 12.2.3. Possible Practice Sequences
      4. 12.2.4. Possible Presentation Strategies
      5. 12.2.5. Possible Practice Strategies
      6. 12.2.6. Possible Presentation Strategies
        1. 12.2.6.1. Attention Strategy
      7. 12.2.7. Possible Practice Sequences
      8. 12.2.8. Possible Presentation Strategies
        1. 12.2.8.1. Structural Strategy
      9. 12.2.9. Possible Practice Sequences
    3. 12.3. Summary
  15. 13. Distributing Files
    1. 13.1. Chapter Overview
    2. 13.2. Bandwidth Analysis
    3. 13.3. Publishing
      1. 13.3.1. Publish Settings
      2. 13.3.2. Files Created
      3. 13.3.3. Configuring Web Servers
      4. 13.3.4. Manually Embedding a Flash File
    4. 13.4. Summary
  16. 14. Evaluation
    1. 14.1. Chapter Overview
    2. 14.2. Formative Evaluation
      1. 14.2.1. Planning Phase
      2. 14.2.2. Prototype
      3. 14.2.3. Usability Testing
    3. 14.3. Summative Evaluation
    4. 14.4. Summary
  17. REFERENCES
  18. ABOUT THE AUTHOR