Animation and Coding for Digital Storytelling 101

Animation and Coding
for Digital Storytelling
101
Karen Bonanno
National Director
© EDUWEBINAR PTY LTD | ALL RIGHTS RESERVED
®

®
Introductions
Teacher, Teacher Librarian,
Educator
Over 35 years’ in K-12
education
Professional learning
provider
Youth coach & mentor
@eduwebinar
@kbonanno
Karen Bonanno

®
Overview
Essential
Literacies
Develop a
Narrative
Basic
Scratch
Create in
Scratch
Publish &
Share

®
Literacies
Reading Writing
Speaking Listening
Designing Viewing
• Digital
• Global
• Visual
• Technological
• Information

®
Essential Skills
• Digital literacy – ability to communicate with an ever-expanding
community to discuss issues, gather information and seek help
• Global literacy – capacity to read, interpret, respond and
contextualise message from a global perspective
• Visual literacy – ability to understand, produce and communicate
through visual images
• Technology literacy – ability to use computers and other technology
to improve learning, productivity and performance
• Information literacy – ability to find, evaluation and synthesize
information
http://digitalstorytelling.coe.uh.edu/page.cfm?id=27&cid=27&sublinkid=32

®
Digital Storytelling
…is a form of digital media production that allows
anyone to tell their story. It can be compelling,
emotionally engaging and/or interactive.
(Normally, movies, videos and podcasts)
…is the practice of using computer-based tools to tell
stories
..combine computer-based images, text, recorded
audio narration, music (usually 2 to 10 minutes)

®
Process
Idea/Issue
Structure
Research
Storyboard
Put it
together
Share
Feedback /
Reflection

®
1. Idea / Issue
https://sustainabledevelopment.un.org/sdgs
Idea/Issue
Structure
Research
Storyboard
Put it
together
Share
Feedback /
Reflection

®
2. Structure + 3. Research
Beginning
• Setting
• Characters
• Time
Middle
• Problem,
issue
• Effects
setting,
characters,
time
End
• Resolution /
problem
solved
• Moral or
lesson
Idea/Issue
Structure
Research
Storyboard
Put it
together
Share
Feedback /
Reflection

®
4. Storyboard
Idea/Issue
Structure
Research
Storyboard
Put it
together
Share
Feedback /
Reflection

®
Create Your
Animation
Idea/Issue
Structure
Research
Storyboard
Put it
together
Share
Feedback /
Reflection

®
Scratch
https://scratch.mit.edu/ > Sign in
https://scratch.mit.edu/educators/faq

®
Scratch Interface
Demo link: https://scratch.mit.edu/projects/editor/?tip_bar=home

®
X and Y Coordinates
The centre of the
stage is X:0, Y:0
What are the X and
Y coordinates of the
Robot and the Cat?

®
Hint: To get
the xy-grid
Backdrop
Click on
New
backdrop
image icon

®
Give Your Character a Starting Point
Give your Sprite a
starting point.
Events
Add a “When green
flag clicked”
Motion
Go to X: -100 Y: 0
Hint: Drag and drop the code to
develop your project

®
Make Your Character Move
Scripts
 Events - Insert a “when
green flag clicked”
 Motion - Insert your
“starting point” (set
your coordinates)
Add a motion command
 Control
Insert “forever” and
motion commands
Hint: Drag and drop the code to
develop your project

®
Make Your Character Speak
• Events - Insert a “when clicked”
• Motion - Insert your “starting point”
• Looks – Insert “Hello!” and “Hmm..”
• Looks – Make up your own “Say” or “Think”

®
Add in Sound
• Sound – Insert
“play sound”

®
Record Sound
Click the Sounds tab
(next to Costumes)
Click on microphone
Name your sound
Click on record
button
Edit where
necessary

®
Import Sound
Click the Sounds tab
(next to Costumes)
Click on the Folder
icon
Select your
sound/music
Edit/effects

®
Show and Hide
The “show” and “hide” Looks
tool is useful for controlling
when you would like to show
or hide a Sprite!
• Events – “when clicked”
• Motion – starting point
• Looks – “say” & “think”,
hide
• Control – wait
• Looks - show

®
Create a New Sprite
Click New Sprite
from Library
Select and OK
Note: Each Sprite
needs to be coded

®
Create Your Background
Click “Choose
backdrop from
library”
Or “Paint new
backdrop”

®
Save It!

®
5. Put it Together
Idea/Issue
Structure
Research
Storyboard
Put it
together
Share
Feedback /
Reflection
https://scratch.mit.edu/projects/88350740/

®
6. Share
Idea/Issue
Structure
Research
Storyboard
Put it
together
Share
Feedback /
Reflection
NB – If using a Teacher account please
check
https://scratch.mit.edu/educators/faq
as this level of management is different

®
7. Feedback / Reflection
How do you engage students in feedback &
reflection?
• Criteria Matrix / Rubric
• Use comments in Scratch
• Share the Project URL
• Embed code in class website
• Embed code in class blog
Idea/Issue
Structure
Research
Storyboard
Put it
together
Share
Feedback /
Reflection

®
Helpful Links
https://scratch.mit.edu/tips
https://www.youtube.com/
(Search query = how to use scratch for
beginners)
https://scratch.mit.edu/discuss/ (Scratch
forum)
https://wiki.scratch.mit.edu/wiki/Scratch_Wiki_Home

®
Learning Outcomes
• What learning outcomes
do you see possible for
your students?
• What new skills or
knowledge do you believe
your students will gain?
• What new skills or
knowledge will you gain?

®
Top Tips …
• Be organised
• Keep it visual
• Teach yourself the basics
• Let the students teach you
• Have a plan B
• Reflect at the end and seek feedback

®
Resources
Scratch
https://scratch.mit.edu/
ScratchJr for young children (ages 5 – 7)
http://www.scratchjr.org/
ScratchED – online community for Scratch educators
http://scratched.gse.harvard.edu/
Code Club Australia
https://codeclubau.org/
Hour of code
https://code.org/learn
High Noon - 20 global issues for ideas
http://www.theglobalist.com/twenty-global-issues-twenty-years-to-solve-them/
UNESCO sustainable goals
https://sustainabledevelopment.un.org/sdgs

®
In Closing
PowerPoint slides
Weblink will be provided
Edumakerspace
http://www.scoop.it/t/edumakerspace
Eduwebinar on Facebook
https://www.facebook.com/eduwebinar
Future events
http://eduwebinar.com.au/webinars

®
5 hour online course -Teachers with Purpose
• identifying your natural strengths, talents and capabilities.
• gaining insight into the future world of work and the skills your students
will require to be successful.
• exploring future learning scenarios and the impact on students learning
and engagement.
• learning how to form dynamic teams.
• identifying goals to align with your purpose and develop an inspiring
action plan.
https://eduwebinar.com.au/onlinecourses/

®
Boosting your professional competence
36
®

Animation and Coding for Digital Storytelling 101

More Related Content

What's hot

Similar to Animation and Coding for Digital Storytelling 101

More from Eduwebinar

Recently uploaded

Animation and Coding for Digital Storytelling 101