Digital+Storytelling

toc  Digital Storytelling through Slideshows and Images  = =
 * [[image:d112learning20:digitalstory_shawnhoon.jpg width="312" height="210" align="left" caption="by Shawnhoon"]] ||


**Why Tell Stories?** People like to hear stories. Information can be passed on from one generation to the next with the spoken word, stories are the foundation of every culture. They define nations, tribes, communities, professions. They tell history, they convey wisdom and perspective. Stories allow us to have empathy, stories can help us care about something we might not otherwise care about. 

**Now, take it to the next level.** A digital story is a short (2-5 minute) movie which uses images, voice, and music to tell a story. Below are examples of different Web 2.0 Tools that can be used to create slideshows. Within this module you will create a slideshow using one of the methods listed below, then you will embed the finished product into a blog post on iTeach.


 * Embedding** is the act of publishing media such as a slideshow or video clip WITHIN a blog, wiki or webpage. The **embedded media can be viewed, played or "interacted with" directly** inside the blog post or the wiki page -- instead of being a link that requires you to download the media or takes you to a different webpage to view it. Most video you have watched within this wiki have been EMBEDDED. 


 The following excerpts are from[| 7 Things You Should Know About Digital Storytelling] by [|Educause].

//**What is it?**// "Digital storytelling is the practice of combining narrative with digital content, including images, sound, and video, to create a short movie, typically with a strong emotional component. Sophisticated digital stories can be interactive movies that include highly produced audio and visual effects, but a set of slides with corresponding narration or music constitutes a basic digital story. Digital stories can be instructional, persuasive historical, or reflective."

//**How does it work?**// "Although groups of students can collaborate on digital stories, the form is well-suited to projects by individual users. Most digital storytelling programs promote the notion that users with little or no technical background should be able to create digital stories. Indeed a number of simple applications can get someone started making digital stories. Depending on the elements included in the digital story, a student might need a recording device and microphone, hardware and software to manipulate images and video, or tools to take pictures and video. Some digital storytelling applications are available free online."

//**Why is it significant?**// "People tell stories to teach beliefs and values to others. The oral tradition of knowledge transfer and exchange has served as the basis for education since humans began teaching one another, and digital stories build on the model by incorporating rich, dynamic media . . . Students creating digital stories develop proficiency with multimedia applications, but the deeper impact comes from their thinking critically about effective combinations among audio and visual elements . . . In doing so, students, develop a discerning eye for online resources, increasing their technology and media literacy."

//**Where is it going?**// "Digital storytelling is fundamentally the application of technology to the age-old experience of sharing personal narratives. What's new is the growing availability of sophisticated tools, as well as a maturing infrastructure to disseminate such content."

For the full article, please see [|7 Things_Digtial Storytelling.pdf]

Before starting the Discovery Exercises, please begin by watching the short video [|Discovering Digital Stories by Daryll Bellingham] media type="youtube" key="3yU8zE5LBBY" height="344" width="425"




<span style="font-family: 'Comic Sans MS',cursive;"> Check out each of these example slideshows (a tiny sampling of the possibilities available for creating digital stories, photo albums and multimedia slideshows online). Each is **embedded** in the page. You may be able to guess that my chosen theme was to retell the story of //The Very Hungry Caterpillar//

<span style="font-size: 110%; color: rgb(87, 18, 121);">**¤ AMAZING RESOURCE ALERT:** If possibilities for digital stories get you //geeked up// (and they should), here is an AMAZING resource from Alan Levine (a.k.a CogDog) called **50 Web 2.0 Ways to tell a Story**, in which he shares MORE than 50 possibilities for creating online slideshows/stories like these.

by Eric Carle. I created them using several photos from Flickr Creative Commons. Please note the ATTRIBUTIONS I have provided at the bottom of the page, below the slideshows. Each includes the photographer's username and a link to the photo page in Flickr. Be sure to create a similar attribution list for your slideshow.

<span style="font-family: 'Comic Sans MS',cursive;">[|Rock You]!
<span style="font-family: 'Comic Sans MS',cursive;"> This site adds rock music as a standard, and there are dozens of song options, but you can choose "no music" if you prefer, which I did because it would play automatically when the page loaded. It has lots of options for the look of the slideshow -- I chose "old movie," obviously, just for fun. //You do not have to register to use RockYou.// <span style="color: rgb(195, 19, 19);">media type="custom" key="4104103" **<span style="color: rgb(177, 27, 17); font-size: 120%;">‡ HELP Tip: ** Just use the **MYSPACE code** (copy the code in the yellow box) for RockYou! More help here.

<span style="font-family: 'Comic Sans MS',cursive;">[|Slide.com]
<span style="font-family: 'Comic Sans MS',cursive;"> Roll over each image to see the caption. This is not the best choice for my particular presentation, but just going for effect. This site also offers dozens of themes, features and options for your slideshow. You do not have to sign up to create a slide show. <span style="color: rgb(195, 19, 19);"> media type="custom" key="4104043"

**<span style="color: rgb(177, 27, 17); font-size: 120%;">‡ HELP Tip: ** Just use the **MYSPACE code** for Slide.com. Copy the code in the white box and ignore the rest of the steps.

<span style="font-family: 'Comic Sans MS',cursive;">[|Animoto]
<span style="font-family: 'Comic Sans MS',cursive;"> (Click the Play arrow to view - no captions in this one. Animoto analyzes your images and creates a 30-second "music video" style presentation. There is free music on the site, or you can upload your own (mindful of copyright, of course). **You must have at least 10 images** and register to use Animoto. <span style="color: rgb(190, 25, 25);"> media type="custom" key="4104131" **<span style="color: rgb(177, 27, 17); font-size: 120%;">‡ HELP Tip: **<span style="color: rgb(190, 25, 25);"> You can find the **embed code** under the "thumb tack" icon, select **embed** and choose "**other sites**."

<span style="font-family: 'Comic Sans MS',cursive;">[|Bubbleshare]
<span style="font-family: 'Comic Sans MS',cursive;"> Click the orange Play arrow to view. This is the most basic of Bubbleshare options. They have lots of themes and sliding shows. The text is actually speech balloons. Bubbleshare is extremely easy to use. //You have to register to use Bubbleshare.// media type="custom" key="4104079"
 * <span style="color: rgb(177, 27, 17); font-size: 120%;">‡ HELP Tip: **Click **Blog** **Album** to access the various slideshow formats and get the embed code. More help here. ALSO -- It's a good idea to leave lots of white space in your speech/text boxes (if you use them). Sometimes words get mysteriously cut off.


 * Photo Credits (it took me ten photos to tell the story):**
 * 1) <span style="font-family: 'Comic Sans MS',cursive;">Caterpillar DXO by SantaRosa OLD SKOOL - []
 * 2) <span style="font-family: 'Comic Sans MS',cursive;">Apple Picking 3 by ndrwfgg - []
 * 3) <span style="font-family: 'Comic Sans MS',cursive;">Pears by S Baker - []
 * 4) <span style="font-family: 'Comic Sans MS',cursive;">Mandarin Oranges by sonictk - []
 * 5) <span style="font-family: 'Comic Sans MS',cursive;">My Dads Plums!! by Matt Batchelor - []
 * 6) <span style="font-family: 'Comic Sans MS',cursive;">Strawberries by Groover FW - []
 * 7) <span style="font-family: 'Comic Sans MS',cursive;">060511food by Dan4th - []
 * 8) <span style="font-family: 'Comic Sans MS',cursive;">Spring '07 by SoniaMia - []
 * 9) <span style="font-family: 'Comic Sans MS',cursive;">Chrysalis by canais - []
 * 10) <span style="font-family: 'Comic Sans MS',cursive;">Malay Lacewing by B_Cool - []

<span style="font-family: 'Comic Sans MS',cursive;">Discovery Exercises
<span style="font-family: 'Comic Sans MS',cursive;">

<span style="font-family: 'Comic Sans MS',cursive;"> **Exercise 1**
<span style="font-family: 'Comic Sans MS',cursive;"><span style="font-family: 'Comic Sans MS',cursive;">One exercise, 3 parts:

<span style="font-family: 'Comic Sans MS',cursive;">
 * Create and Embed your own Slideshow!** There are many possibilities for using slideshows to enhance classroom learning, and most slide show tools are fun and relatively easy to work with. Also, embedding is an essential Web 2.0 skill.
 * 1) <span style="font-family: 'Comic Sans MS',cursive;">Select one of the slideshow tools above and **create a slideshow** using your 3-5 (or more) Flickr CC photos from Creative Commons Module.
 * 2) <span style="font-family: 'Comic Sans MS',cursive;">When you have finished your slideshow, **EMBED it into your iTeach page as a blog post**. Be sure to include **proper attribution** for all photos -- that means a link to the photo on Flickr and name of photo/photographer.
 * 3) <span style="font-family: 'Comic Sans MS',cursive;">Write a **__brief__ blog post** within iTeach on why you selected that slideshow tool.

<span style="font-family: 'Comic Sans MS',cursive;">
<span style="font-family: 'Comic Sans MS',cursive;"> Want to go above and beyond? Try your hand and serious video work? Check out the Atomic Learning tutorials on Digital Storytelling- []

<span style="font-family: 'Comic Sans MS',cursive;">[|Man on the Street: What is Digital Storytelling? by digitalinsighttv] media type="youtube" key="5F21uCz7qOI" height="344" width="425"

//*Course adapted from K-12 Learning 2.0 as developed by Shelley Paul.//

<span style="font-family: 'Comic Sans MS',cursive;">More Resources
<span style="font-family: 'Comic Sans MS',cursive;">**For more resources discussing the flexibility of Digital Storytelling, review the following:** <span style="font-family: 'Comic Sans MS',cursive;">
 * <span style="font-family: 'Comic Sans MS',cursive;"><span class="wiki_link_ext">Tools for Digital Storytelling- http://newtoolsworkshop.wikispaces.com/Digital+storytelling
 * <span style="font-family: 'Comic Sans MS',cursive;">50 Ways to Tell a Story-http://cogdogroo.wikispaces.com/StoryTools
 * <span style="font-family: 'Comic Sans MS',cursive;">Center for Digital Storytelling- []
 * <span style="font-family: 'Comic Sans MS',cursive;">Jason Ohler- []
 * <span style="font-family: 'Comic Sans MS',cursive;">Wes Fryer- []
 * For resources on the educational benefits and classroom application of Digital Storytelling, review the following:**

<span style="font-family: 'Comic Sans MS',cursive;"> <span style="font-family: 'Comic Sans MS',cursive;"> <span style="font-family: 'Comic Sans MS',cursive;">
 * <span style="font-family: 'Comic Sans MS',cursive;"><span class="wiki_link_ext">Educational Uses of Digital Storytelling- []
 * <span style="font-family: 'Comic Sans MS',cursive;">Integrating Digital Storytelling into Your Classroom- []
 * <span style="font-family: 'Comic Sans MS',cursive;"><span class="wiki_link_ext">Digital Storytelling- []
 * <span style="font-family: 'Comic Sans MS',cursive;">Teaching Teachers- []
 * <span style="font-family: 'Comic Sans MS',cursive;">Digital Storytellling in the Middle Childhood Special Education Classroom - []
 * For tutorials on Digital Storytelling, review the following:**
 * <span style="font-family: 'Comic Sans MS',cursive;"><span class="wiki_link_ext">A Tutorial in 10 Easy Steps- [| http://www.techsoup.org/learningcenter/techplan/page5897.cfm]
 * <span style="font-family: 'Comic Sans MS',cursive;">Tech Soup-[| http://storiesforchange.net/resource/tech_soup_digital_storytelling_a_tutorial_in_10_easy_steps]
 * <span style="font-family: 'Comic Sans MS',cursive;">Digital Storytelling Cookbook- []
 * <span style="font-family: 'Comic Sans MS',cursive;"><span class="wiki_link_ext">Digistory- [| http://electronicportfolios.com/digistory/howto.html]
 * Here are some examples of Digital Storytelling. Please review the following before beginning the Discovery Exercises:**
 * <span style="font-family: 'Comic Sans MS',cursive;">[|Myths and Legends]
 * <span style="font-family: 'Comic Sans MS',cursive;"><span class="wiki_link_ext">[|Video in the Classroom]
 * <span style="font-family: 'Comic Sans MS',cursive;">[|Our Story]

<span style="font-family: 'Comic Sans MS',cursive;">

<span style="font-family: 'Comic Sans MS',cursive;">Progress
<span style="font-family: 'Comic Sans MS',cursive;">