F.+Digital+Storytelling

 =**Digital Storytelling** =

Digital Storytelling has many definitions, but usually involves the telling of our personal stories combining digital technology to integrate text, sound, graphics and sometimes film. It is a great way for students to begin working with multi-media projects because they tell their own story, learning the techniques and technical tools of this kind of creative expression, but within a familiar context.

Slideshare Presentation to kick off the OTF 3-day summer camp for Digital Storytelling


==**Technology and Digital Stories ** == Digital stories involve some or all of these components:
 * an engaging and well written story
 * slides or clips
 * backgrounds
 * graphics or images
 * text
 * sounds, narration and/or music
 * a transition to move from slide to slide or clip to clip
 * a title slide and an ending slide that lists credits

==**7 Elements of Digital Stories ** ==
 * Audience** - Stories have a particular audience in mind.
 * Purpose** - Stories are trying to accomplish a task (inform, educate, entertain, scare, etc.)
 * Content** - Content must be meaningful. Digital content adds to the story.
 * Voice** - Stories are told from a specific perspective(s) and uses the tellers voice to enrich the story.
 * Technology** - Technology is used to extend the story.
 * Connections** - Good stories connect with the participants.
 * Economy** - Stories tell enough to get the point across and no more.

=
Adapted from the Center for [|Digital Storytelling] =====

==<span style="font-size: 1.3em; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 5px;">**Getting Started with Digital Storytelling** ==
 * 1) <span style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 3em; padding-right: 0px; padding-top: 0.5em;">Create an engaging and meaningful story.
 * 2) <span style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 3em; padding-right: 0px; padding-top: 0.5em;">Create a storyboard that will plan the graphics, sounds, text, narration and music you will use.
 * 3) <span style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 3em; padding-right: 0px; padding-top: 0.5em;">Collect materials (pictures, sound files, graphics).
 * 4) <span style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 3em; padding-right: 0px; padding-top: 0.5em;">Learn how to use Movie Maker (or other) software.
 * 5) <span style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 3em; padding-right: 0px; padding-top: 0.5em;">Create your story using your software of choice.
 * 6) <span style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 3em; padding-right: 0px; padding-top: 0.5em;">Edit, revise and share your story!

<span style="font-size: 1.3em; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 5px;">
==<span style="font-size: 1.3em; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 5px;">**Software that supports Digital Storytelling** ==
 * <span style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 3em; padding-right: 0px; padding-top: 0.5em;">KidPix
 * <span style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 3em; padding-right: 0px; padding-top: 0.5em;">Easy Book
 * <span style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 3em; padding-right: 0px; padding-top: 0.5em;"><span style="background-attachment: initial; background-clip: initial; background-color: initial; url(http: //tech2learn.wikispaces.com/i/a.gif); background-origin: initial; background-position: 100% 50%; background-repeat: no-repeat no-repeat; color: #000000; padding-right: 10px;">Photo Story
 * <span style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 3em; padding-right: 0px; padding-top: 0.5em;">**<span style="background-attachment: initial; background-clip: initial; background-color: initial; url(http: //tech2learn.wikispaces.com/i/a.gif); background-origin: initial; background-position: 100% 50%; background-repeat: no-repeat no-repeat; color: #000000; padding-right: 10px;">[|Movie Maker 2] **
 * <span style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 3em; padding-right: 0px; padding-top: 0.5em;">iMovie
 * <span style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 3em; padding-right: 0px; padding-top: 0.5em;">Powerpoint or Corel Presentations
 * <span style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 3em; padding-right: 0px; padding-top: 0.5em;"><span style="background-attachment: initial; background-clip: initial; background-color: initial; url(http: //tech2learn.wikispaces.com/i/a.gif); background-origin: initial; background-position: 100% 50%; background-repeat: no-repeat no-repeat; color: #000000; padding-right: 10px;">SMART Notebook software
 * <span style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 3em; padding-right: 0px; padding-top: 0.5em;"><span style="background-attachment: initial; background-clip: initial; background-color: initial; url(http: //tech2learn.wikispaces.com/i/a.gif); background-origin: initial; background-position: 100% 50%; background-repeat: no-repeat no-repeat; color: #000000; padding-right: 10px;">Frames 4
 * <span style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 3em; padding-right: 0px; padding-top: 0.5em;"><span style="background-attachment: initial; background-clip: initial; background-color: initial; url(http: //tech2learn.wikispaces.com/i/a.gif); background-origin: initial; background-position: 100% 50%; background-repeat: no-repeat no-repeat; color: #000000; padding-right: 10px;">Comic Life (great for Storyboarding)
 * <span style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 3em; padding-right: 0px; padding-top: 0.5em;"><span style="background-attachment: initial; background-clip: initial; background-color: initial; url(http: //tech2learn.wikispaces.com/i/a.gif); background-origin: initial; background-position: 100% 50%; background-repeat: no-repeat no-repeat; color: #000000; padding-right: 10px;">Smart Ideas and <span style="background-attachment: initial; background-clip: initial; background-color: initial; url(http: //tech2learn.wikispaces.com/i/a.gif); background-origin: initial; background-position: 100% 50%; background-repeat: no-repeat no-repeat; color: #000000; padding-right: 10px;">Inspiration 8 (great for Storyboarding)

<span style="font-size: 1.3em; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 5px;">
==<span style="font-size: 1.3em; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 5px;">**Examples of Student/Teacher Created Digital Stories:** ==
 * <span style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 3em; padding-right: 0px; padding-top: 0.5em;">A Good Dad <span style="background-attachment: initial; background-clip: initial; background-color: initial; url(http: //tech2learn.wikispaces.com/i/a.gif); background-origin: initial; background-position: 100% 50%; background-repeat: no-repeat no-repeat; color: #000000; padding-right: 10px;">[]
 * <span style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 3em; padding-right: 0px; padding-top: 0.5em;">How to Animate a Rolling Ball <span style="background-attachment: initial; background-clip: initial; background-color: initial; url(http: //tech2learn.wikispaces.com/i/a.gif); background-origin: initial; background-position: 100% 50%; background-repeat: no-repeat no-repeat; color: #000000; padding-right: 10px;">[]
 * <span style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 3em; padding-right: 0px; padding-top: 0.5em;">Search and Rescue <span style="background-attachment: initial; background-clip: initial; background-color: initial; url(http: //tech2learn.wikispaces.com/i/a.gif); background-origin: initial; background-position: 100% 50%; background-repeat: no-repeat no-repeat; color: #000000; padding-right: 10px;">[] (QT Movie)
 * <span style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 3em; padding-right: 0px; padding-top: 0.5em;">A Wrinkled Heart <span style="background-attachment: initial; background-clip: initial; background-color: initial; url(http: //tech2learn.wikispaces.com/i/a.gif); background-origin: initial; background-position: 100% 50%; background-repeat: no-repeat no-repeat; color: #000000; padding-right: 10px;">[]
 * <span style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 3em; padding-right: 0px; padding-top: 0.5em;">The Fox and the Owl <span style="background-attachment: initial; background-clip: initial; background-color: initial; url(http: //tech2learn.wikispaces.com/i/a.gif); background-origin: initial; background-position: 100% 50%; background-repeat: no-repeat no-repeat; color: #000000; padding-right: 10px;">[]
 * <span style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 3em; padding-right: 0px; padding-top: 0.5em;">Do I Belong Here? <span style="background-attachment: initial; background-clip: initial; background-color: initial; url(http: //tech2learn.wikispaces.com/i/a.gif); background-origin: initial; background-position: 100% 50%; background-repeat: no-repeat no-repeat; color: #000000; padding-right: 10px;">[]
 * <span style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 3em; padding-right: 0px; padding-top: 0.5em;">Grass Born <span style="background-attachment: initial; background-clip: initial; background-color: initial; url(http: //tech2learn.wikispaces.com/i/a.gif); background-origin: initial; background-position: 100% 50%; background-repeat: no-repeat no-repeat; color: #000000; padding-right: 10px;">[]
 * <span style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 3em; padding-right: 0px; padding-top: 0.5em;">Hidden <span style="background-attachment: initial; background-clip: initial; background-color: initial; url(http: //tech2learn.wikispaces.com/i/a.gif); background-origin: initial; background-position: 100% 50%; background-repeat: no-repeat no-repeat; color: #000000; padding-right: 10px;">[]
 * <span style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 3em; padding-right: 0px; padding-top: 0.5em;">Aunt Patty [|auntpatty_t1.mov]
 * <span style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 3em; padding-right: 0px; padding-top: 0.5em;">The Horseshow [|horseshow_t1.mov]
 * <span style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 3em; padding-right: 0px; padding-top: 0.5em;">Trent [|trent_t1.mov]
 * <span style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 3em; padding-right: 0px; padding-top: 0.5em;"><span style="background-attachment: initial; background-clip: initial; background-color: initial; url(http: //tech2learn.wikispaces.com/i/a.gif); background-origin: initial; background-position: 100% 50%; background-repeat: no-repeat no-repeat; color: #000000; padding-right: 10px;">[] - how the Winnipeg School System created digital storytelling projects
 * <span style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 3em; padding-right: 0px; padding-top: 0.5em;"><span style="background-attachment: initial; background-clip: initial; background-color: initial; url(http: //tech2learn.wikispaces.com/i/a.gif); background-origin: initial; background-position: 100% 50%; background-repeat: no-repeat no-repeat; color: #000000; padding-right: 10px;">http://www.dtc.scott.k12.ky.us/technology/digitalstorytelling/studentstories.html- examples from Kentucky schools

<span style="font-size: 1.3em; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 5px;">
==<span style="font-size: 1.3em; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 5px;">**Digital Storytelling Experts....Learn from them!** ==


 * 1) <span style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 3em; padding-right: 0px; padding-top: 0.5em;">Ontario Educator Kent Manning is doing some great work with teachers and students around digital storytelling <span style="background-attachment: initial; background-clip: initial; background-color: initial; url(http: //tech2learn.wikispaces.com/i/a.gif); background-origin: initial; background-position: 100% 50%; background-repeat: no-repeat no-repeat; color: #000000; padding-right: 10px;">[]
 * 2) <span style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 3em; padding-right: 0px; padding-top: 0.5em;"><span style="background-attachment: initial; background-clip: initial; background-color: initial; url(http: //tech2learn.wikispaces.com/i/a.gif); background-origin: initial; background-position: 100% 50%; background-repeat: no-repeat no-repeat; color: #000000; padding-right: 10px;">[|www.digitales.us] Bernajean Porter's Gorgeous Site to help you get started with Digital Storytelling
 * 3) <span style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 3em; padding-right: 0px; padding-top: 0.5em;">Check out David Jakes' site for great Digital Storytelling resources <span style="background-attachment: initial; background-clip: initial; background-color: initial; url(http: //tech2learn.wikispaces.com/i/a.gif); background-origin: initial; background-position: 100% 50%; background-repeat: no-repeat no-repeat; color: #000000; padding-right: 10px;">[]
 * 4) <span style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 3em; padding-right: 0px; padding-top: 0.5em;">Jason Ohler <span style="background-attachment: initial; background-clip: initial; background-color: initial; url(http: //tech2learn.wikispaces.com/i/a.gif); background-origin: initial; background-position: 100% 50%; background-repeat: no-repeat no-repeat; color: #000000; padding-right: 10px;">[]
 * 5) <span style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 3em; padding-right: 0px; padding-top: 0.5em;"><span style="background-attachment: initial; background-clip: initial; background-color: initial; url(http: //tech2learn.wikispaces.com/i/a.gif); background-origin: initial; background-position: 100% 50%; background-repeat: no-repeat no-repeat; color: #000000; padding-right: 10px;">[|www.todaysteacher.com/ digitalstorytelling.htm] A great teacher resource, especially with .pdf files that are very useful for work with your students
 * 6) <span style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 3em; padding-right: 0px; padding-top: 0.5em;"><span style="background-attachment: initial; background-clip: initial; background-color: initial; url(http: //tech2learn.wikispaces.com/i/a.gif); background-origin: initial; background-position: 100% 50%; background-repeat: no-repeat no-repeat; color: #000000; padding-right: 10px;">[] - probably the best overall site I've found for teacher resources, especially his first hand experience about how to introduce and conduct DS projects with Grade 7's and 8's
 * 7) <span style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 3em; padding-right: 0px; padding-top: 0.5em;">An excellent tutorial about the 7 elements of Digital Stories <span style="background-attachment: initial; background-clip: initial; background-color: initial; url(http: //tech2learn.wikispaces.com/i/a.gif); background-origin: initial; background-position: 100% 50%; background-repeat: no-repeat no-repeat; color: #000000; padding-right: 10px;">[]
 * 8) <span style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 3em; padding-right: 0px; padding-top: 0.5em;">What Kids Can Do <span style="background-attachment: initial; background-clip: initial; background-color: initial; url(http: //tech2learn.wikispaces.com/i/a.gif); background-origin: initial; background-position: 100% 50%; background-repeat: no-repeat no-repeat; color: #000000; padding-right: 10px;">[]
 * 9) <span style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 3em; padding-right: 0px; padding-top: 0.5em;">Island Movie Contest <span style="background-attachment: initial; background-clip: initial; background-color: initial; url(http: //tech2learn.wikispaces.com/i/a.gif); background-origin: initial; background-position: 100% 50%; background-repeat: no-repeat no-repeat; color: #000000; padding-right: 10px;">[]