Filling in the
Learning Cracks with
Multimedia Spackle
Illinois Online Conference for
Teaching and Learning
February 16 – 18, 2005
©2005 Moulton, Rahmlow, Hofmann
1
Linda Moulton
Professor of Computer Science and Mathematics
©2005 Moulton, Rahmlow, Hofmann
2
Linda Moulton
lmoulton@mc3.edu
Patricia Rahmlow
prahmlow@mc3.edu
Roseanne Hofmann
rhofman@mc3.edu
Presentation Web Site
http://faculty.mc3.edu/prahmlow/presentations/index.html
©2005 Moulton, Rahmlow, Hofmann
3
Here is Our “Spackle” for
Filling in Some “Learning Cracks”
 Identify Problem
Select Topics (Linda)
 Design Solution
Storyboard (Pat)
 Implement Solution
Create & Distribute Learning Objects (Roseanne)
 Evaluate Solution
Assessment (Roseanne)
 Questions & Discussion
©2005 Moulton, Rahmlow, Hofmann
4
Selecting Topics
Where Are Some Learning Cracks?
 Forgotten Topics
 Difficult Topics
 Generic Topics
©2005 Moulton, Rahmlow, Hofmann
5
Selecting Topics
Where Are Some Learning Cracks?
Forgotten Topics
• Review grade school topics such as
percentages, order of operations
• Example: Please Excuse My Dear Aunt Sally
http://faculty.mc3.edu/rhofman/flash03/oct1/menuorder.html
©2005 Moulton, Rahmlow, Hofmann
6
Selecting Topics
Where Are Some Learning Cracks?
Difficult Topics
• Display a hard to understand topic in a visual
way that might help students with different
learning styles
• Example: Operations with Fractions
http://faculty.mc3.edu/rhofman/flash03/Finalprojectflash/menu.html
©2005 Moulton, Rahmlow, Hofmann
7
Selecting Topics
Where Are Some Learning Cracks?
Generic Topics
• New or assumed knowledge across
disciplines such as drawing tools in Word,
charting in Excel, Blackboard features, web
options, drive options, file handling
• Example: Copy / Move Files
http://faculty.mc3.edu/prahmlow/movecopy.html
©2005 Moulton, Rahmlow, Hofmann
8
Pat Rahmlow
Assistant Professor of Computer Science
©2005 Moulton, Rahmlow, Hofmann
9
Storyboard
Plan Twice – Create Once!
 Purpose
• Review forgotten topic
• New learning style for difficult topic
• Introduce generic unknown topics
 Style
• Serious
• Humorous
©2005 Moulton, Rahmlow, Hofmann
10
Storyboard Template
 Storyboard Template
• Executive Summary
• Style Sheet
• Application Flow and
Branching Sequence
• Detail Design
Document (one for
each scene)
©2005 Moulton, Rahmlow, Hofmann
11
Storyboard Template
 Executive Summary
• Delivery Format
–
–
–
–
Commercial
Kiosk
Web
CD-ROM
• Authors
• Summary statement
©2005 Moulton, Rahmlow, Hofmann
12
Executive Summary
Moving and Copying Files
 Delivery Format
Web
 Authors
Pat Rahmlow and Linda Moulton
 Summary
This learning module is an interactive, web based
application that illustrates the difference between
copying and moving a file. It includes a quiz to reinforce
concepts, optional review of concepts, and concept
summary.
©2005 Moulton, Rahmlow, Hofmann
13
Storyboard Template
 Style Sheet
•
•
•
•
•
•
Audience
Treatment
Reading Level
Fonts
Background Colors
Buttons
©2005 Moulton, Rahmlow, Hofmann
14
Style Sheet
Moving and Copying Files
 Audience: Community college students, 18
- adult
 Treatment: fun and informative
 Reading level: 8th grade
 Fonts:
• Main titles: Comic Sans, 36 points
• Menu items: Comic Sans, 18 points
• Text items: Comic Sans, 18 points
©2005 Moulton, Rahmlow, Hofmann
15
Style Sheet
Moving and Copying Files
 Background Colors:
•
•
•
•
•
Stage: White
Shadows: None
Main Titles: Red
Menu Items: Red
Text Items: Black
 Buttons:
• Exit, replay, review concepts, continue
©2005 Moulton, Rahmlow, Hofmann
16
Storyboard Template
 Application Flow and
Branching Sequence
• Diagram of scene
sequence
• Scene titles
©2005 Moulton, Rahmlow, Hofmann
17
Application Logic Flow and Branching Sequence
Moving and Copying Files
1
2
3
4
5
6
7
8
9
©2005 Moulton, Rahmlow, Hofmann
©2004
18
Application Logic Flow and Branching Sequence
Moving and Copying Files
Scene #
Scene Descriptor
1
Title / Cast of characters
2
Moving and Copying Files Introduction
3
Moving a document – conceptual
4
Moving a document – using a computer
5
Copying a document – conceptual
6
Copying a document – using the computer
7
Multiple choice quiz
8
Concept Summary
9
Exit program and credits
©2005 Moulton, Rahmlow, Hofmann
19
Storyboard Template
 Detail Design
Document
• Scene by scene
description
• Screen and Animation
Detail
• Graphics Detail
• Audio Detail
• Video Detail
• Special Detail
©2005 Moulton, Rahmlow, Hofmann
20
Detail Design Document – Scene 2
Moving and Copying Files
 Screen and Animation Detail
Moving and Copying Files
Have you ever had that #@$! computer lose one of your files? Just
when you have written the finishing touches on your Pultizer prize
winning novel, saved your work and put it where you can find it, that
computer decided to hide it!
The Mover
The Copier
Never fear! Here come the mover and the copier to the rescue!
Continue
©2005 Moulton, Rahmlow, Hofmann
21
Detail Design Document – Scene 2
Moving and Copying Files
 Graphics Detail
• Clip art of moving van
• Clip art of copier
 Audio Detail
• Copier sound clip
• Moving van sound clip
 Video Detail
• None
©2005 Moulton, Rahmlow, Hofmann
22
Detail Design Document – Scene 2
Moving and Copying Files

Text Detail
•

Shown in above illustration
Special Detail
•
Animation sequence:
1.
2.
3.
4.
5.
6.
Title flies in from top.
Dissolve in paragraph 1
The copier flies in from left with sound clip
The mover flies in from right with sound clip
Dissolve in paragraph 2
Continue button appears
©2005 Moulton, Rahmlow, Hofmann
23
Detail Design Document – Scene 4
Moving and Copying Files
 Screen and Animation Detail
Moving
How do you do that on the computer?
Movie Clip
Replay
Continue
©2005 Moulton, Rahmlow, Hofmann
24
Detail Design Document – Scene 4
Moving and Copying Files
 Graphics Detail
• Clip art of moving van
 Audio Detail
• Voice over describing process
©2005 Moulton, Rahmlow, Hofmann
25
Detail Design Document – Scene 4
Moving and Copying Files
 Video Detail
• Video clip of moving file from one folder to another (created
using Camtasia)
• Start at the Desktop
• Right-click on My Computer
• Click Explore
• Navigate to and click source folder
• Right-click and drag Important Document to destination folder
• Release mouse and left-click on Move
• Highlight Important Document in destination folder
• Navigate to source folder and note that Important Document is
no longer there
©2005 Moulton, Rahmlow, Hofmann
26
Detail Design Document – Scene 4
Moving and Copying Files

Text Detail
•

None
Special Detail
•
Animation sequence:
1.
2.
3.
4.
5.
Title flies in from top
Video plays
Mover graphic appears and sound plays
Replay button appears
Continue button appears
©2005 Moulton, Rahmlow, Hofmann
27
Roseanne Hofmann
Professor of Mathematics
©2005 Moulton, Rahmlow, Hofmann
28
Creating Learning Modules

Search for existing modules

“Do it yourself”
©2005 Moulton, Rahmlow, Hofmann
29
Creating Learning Modules
Search For Existing Modules
Yellow Pages of Existing Modules
Appropriate for MCCC’s Curriculum
©2005 Moulton, Rahmlow, Hofmann
30
Creating Learning Modules
Do It Yourself
 Development Software
• Flash
• Authorware
• Toolbook
©2005 Moulton, Rahmlow, Hofmann
31
Creating Learning Modules
Development Software
Flash
Positives
+
+
+
+
Negatives
Web based
Visual
Downloads quickly
User friendly
– Time line vs flowchart
programming
– Adding menus after
the fact
– Adding audio after the
fact
©2005 Moulton, Rahmlow, Hofmann
32
Creating Learning Modules
Do It Yourself
 Auxiliary Software
• Screen capture and Graphics editing software
– Print Screen / Paint
– Snagit
– Smartboard
– Photoshop Elements
• Audio recording and editing software
– Recorder
• Video capturing and editing software
– Camtasia
©2005 Moulton, Rahmlow, Hofmann
33
Creating Learning Modules
Do It Yourself
Mathematical Learning Objects
©2005 Moulton, Rahmlow, Hofmann
34
Making Learning Objects Available
 Local Shared drive
• Swiff Player: stand-alone desktop
Player plays Flash movies.
• Plug in
 Mathematics Resource Page
 Individual Web Page
 Individual Blackboard
©2005 Moulton, Rahmlow, Hofmann
35
Informal Assessment
Comments from Teachers and Students
 I love this technology!!!
 The audio and visual components
made learning easy and fun.
 What neat things you can do with
Flash! I loved the graphics. I also
liked the voice over. All were
extremely easy to use and the
visualizations were great.
©2005 Moulton, Rahmlow, Hofmann
36
Informal Assessment
Comments from Teachers and Students
 It is amazing to see how much
supplemental learning aids
(especially online technology)
was utilized.
 I thought the flash fraction
segments were really cool.
 Ability to break down difficult
concepts in such a clear,
organized manner as well as the
additional resources available at
our fingertips.
©2005 Moulton, Rahmlow, Hofmann
37
Questions
©2005 Moulton, Rahmlow, Hofmann
38