digitalstorytelling

=Basic Introduction to Digital Storytelling=

Digital Storytelling is an instructional approach in which stories are conveyed in a visual medium using digital video, images, narration, audio files and music. In the classroom, teachers can work with students to create personal stories, autobiographies, historical documentaries, or fictional stories using digital editing software like iMovie, MovieMaker, PhotoStory or even PowerPoint.
 * What is Digital Storytelling?**

__Digital Storytelling Resources__
 * EduCause's 7 Things Series:** [[file:7 Things About DIGITAL STORYTELLING.pdf]]
 * 50 Web 2.0 Ways to Tell a Story: http://cogdogroo.wikispaces.com/50+Ways
 * Center for Digital Storytelling: http://www.storycenter.org/index1.html
 * Educational Uses of Digital Storytelling: http://digitalstorytelling.coe.uh.edu/

Search for more real (photostory) examples by students: [|www.schooltube.com] [|www.teachertube.com]


 * Steps to Digital Storytelling:**
 * 1) Write the story (retell an existing story, change an existing story, an original story)
 * 2) Plan your media with a storyboard
 * 3) Collect the graphics (digital camera photographs, illustrations/photographs from the Internet, student illustrations scanned)
 * 4) Find any other media that will be needed to enhance the story (music, sound effects, video clips, etc.)
 * 5) Use a program such as: Photo Story 3, iMovie, Windows Movie Maker
 * 6) Share

**Elements of a Digital Story**  1. Overall Purpose of the Story  2. Narrator’s Point of View  3. A Dramatic Question (or Questions)  4. Choice of Content  5. Clarity of Voice  6. Pacing of the Narrative  7. Meaningful Soundtrack  8. <span style="FONT-SIZE: 10pt; LINE-HEIGHT: 115%; FONT-FAMILY: 'Arial','sans-serif'; mso-bidi-font-size: 11.0pt">Quality of the Images <span style="FONT-SIZE: 10pt; LINE-HEIGHT: 115%; FONT-FAMILY: 'Arial','sans-serif'; mso-fareast-font-family: Arial; mso-bidi-font-size: 11.0pt"> 9. <span style="FONT-SIZE: 10pt; LINE-HEIGHT: 115%; FONT-FAMILY: 'Arial','sans-serif'; mso-bidi-font-size: 11.0pt">Economy of the Story Detail <span style="FONT-SIZE: 10pt; LINE-HEIGHT: 115%; FONT-FAMILY: 'Arial','sans-serif'; mso-fareast-font-family: Arial; mso-bidi-font-size: 11.0pt"> 10. <span style="FONT-SIZE: 10pt; LINE-HEIGHT: 115%; FONT-FAMILY: 'Arial','sans-serif'; mso-bidi-font-size: 11.0pt">Good Grammar and Language Usage
 * How to use PhotoStory 3 for Windows:** [[file:PhotoStory3.doc]]
 * Click here to download Photo Story 3: http://www.microsoft.com/downloads/details.aspx?FamilyID=92755126-a008-49b3-b3f4-6f33852af9c1&DisplayLang=en
 * Remember to have Windows Media Player 10 and Active X Control installed


 * How to use Windows MovieMaker 2:** [[file:Video Editing.doc]]

[|www.pics4learning.com] [|www.flickr.com] [|www.picasaweb.com] [|www.bigfoto.com] [|www.freefoto.com] [|www.freestockphotos.com] [|www.openphoto.net] <span style="FONT-SIZE: 10pt; FONT-FAMILY: 'Verdana','sans-serif'; mso-fareast-font-family: 'Times New Roman'; mso-bidi-font-weight: bold">U. S. Fish and Wildlife Service Pictures/Images**:** <span style="FONT-SIZE: 10pt; FONT-FAMILY: 'Verdana','sans-serif'; mso-fareast-font-family: 'Times New Roman'">http://images.fws.gov/ <span style="FONT-SIZE: 10pt; FONT-FAMILY: 'Verdana','sans-serif'; mso-fareast-font-family: 'Times New Roman'; mso-bidi-font-weight: bold">Discovery School’s Clip Art Gallery: <span style="FONT-SIZE: 10pt; FONT-FAMILY: 'Verdana','sans-serif'; mso-fareast-font-family: 'Times New Roman'">http://school.discovery.com/clipart/index.html The Library of Congress: Prints & Photographs Reading Room: http://lcweb.loc.gov/rr/print/pphome.html
 * IMAGE Sites:**


 * How to Download Images:**
 * 1)      Be sure to find the full size image (not the mini thumbnail)
 * 2)      Right-click on the image and a menu will pop up
 * 3)      Click on "Save Picture As" and a dialog box will pop up
 * 4)      Select a location to Save In (create a folder for the first photo and save all the rest of the photos in that folder)
 * 5)      Give it a File Name
 * 6)   Click Save

<span style="FONT-SIZE: 10pt; FONT-FAMILY: 'Verdana','sans-serif'; mso-fareast-font-family: 'Times New Roman'">**SOUND Sites**
 * 1) <span style="FONT-SIZE: 10pt; FONT-FAMILY: 'Verdana','sans-serif'; mso-fareast-font-family: 'Times New Roman'">Songs for Teaching: [|www.songsforteaching.com]
 * 2) <span style="FONT-SIZE: 10pt; FONT-FAMILY: 'Verdana','sans-serif'; mso-fareast-font-family: 'Times New Roman'">Royalty Free Music: http://www.royaltyfreemusic.com/free.html
 * 3) <span style="FONT-SIZE: 10pt; FONT-FAMILY: 'Verdana','sans-serif'; mso-fareast-font-family: 'Times New Roman'">Elite: http://www.elite.net/~gurpal/movie1.htm


 * VIDEO Sites**
 * 1) APTPlus: [|www.aptplus.org]
 * 2) Discovery Education Streaming: [|www.unitedstreaming.com]
 * 3) TeacherTube: [|www.teachertube.com]
 * 4) SchoolTube: [|www.schooltube.com]
 * 5) Google Video: [|www.google.com/video]


 * Tips and Tricks:**
 * Always write the story script first!
 * Use a storyboard to plan our your media.
 * Use images that are at least 800 x 600 (the higher the resolution, the more crisp and clear the images in your finished product)
 * Create a folder for each digital story you will create to save all the media in for easy access later.
 * Use **CTRL+A** to select all files in a folder OR hold the **CTRL key and click** the mouse button to select multiple files.
 * Use titles, effection, motion and transition __sparingly__ and __purposefully__!

**Convert Slide Show into Images**

 * Open the PowerPoint presentation (PPT or PPS).
 * Go to File > Save As > Save As Type (or Other Formats in Vista)
 * Now you will see lot of options for in the selection box. Select JPEG format and save.
 * This will save all your slides as individual images into a folder with same name as your ppt.


 * PLEASE REMEMBER TO ABIDE BY COPYRIGHT AND FAIR USE:** **http://asutim.wikispaces.com/copyright**


 * //<span style="FONT-SIZE: 10pt; FONT-FAMILY: 'Verdana','sans-serif'; mso-fareast-font-family: 'Times New Roman'">Cool websites for Digital Storytelling //**
 * <span style="FONT-SIZE: 10pt; FONT-FAMILY: 'Verdana','sans-serif'; mso-fareast-font-family: 'Times New Roman'">BubbleShare - [|www.bubbleshare.com]
 * <span style="FONT-SIZE: 10pt; FONT-FAMILY: 'Verdana','sans-serif'; mso-fareast-font-family: 'Times New Roman'">Create photo slideshow with a theme, clip art, caption, voice and more
 * <span style="FONT-SIZE: 10pt; FONT-FAMILY: 'Verdana','sans-serif'; mso-fareast-font-family: 'Times New Roman'; mso-bidi-font-weight: bold">Slide - [|http://www.slide.com] <span style="FONT-SIZE: 10pt; FONT-FAMILY: 'Verdana','sans-serif'; mso-fareast-font-family: 'Times New Roman'">
 * <span style="FONT-SIZE: 10pt; FONT-FAMILY: 'Verdana','sans-serif'; mso-fareast-font-family: 'Times New Roman'; mso-bidi-font-weight: bold">Make a picture slide show <span style="FONT-SIZE: 10pt; FONT-FAMILY: 'Verdana','sans-serif'; mso-fareast-font-family: 'Times New Roman'">
 * <span style="FONT-SIZE: 10pt; FONT-FAMILY: 'Verdana','sans-serif'; mso-fareast-font-family: 'Times New Roman'; mso-bidi-font-weight: bold">OneTrueMedia - http://www.onetruemedia.com/otm_site/howitworks
 * <span style="FONT-SIZE: 10pt; FONT-FAMILY: 'Verdana','sans-serif'; mso-fareast-font-family: 'Times New Roman'; mso-bidi-font-weight: bold">Create a photobook or slide show <span style="FONT-SIZE: 10pt; FONT-FAMILY: 'Verdana','sans-serif'; mso-fareast-font-family: 'Times New Roman'">
 * <span style="FONT-SIZE: 10pt; FONT-FAMILY: 'Verdana','sans-serif'; mso-fareast-font-family: 'Times New Roman'">VoiceThread - [|www.voicethread.com]