Storytelling+-+Digital,+Interactive,+or+Otherwise

 Just as there are many stories to tell, there are just as many ways to tell them.

Our Objectives:
 * Look at ways to use digital storytelling to enhance student learning.
 * Review some classic storytelling techniques and plot lines
 * Preview a handful of possible tools
 * Choose one or two tools to investigate for your purposes

Why Use Storytelling?


 * You tell me! Why do you think this is a good idea for your students? **

media type="youtube" key="dKZiXR5qUlQ" width="420" height="315". . media type="youtube" key="LEoTKxr9EyY" width="420" height="315"

Expression of Self or Scene

Engage Students Emotionally

Connect the Classroom with the World

Creating a Narrative that is not Flat

Stories from Story Center -  https://www.youtube.com/channel/UCKLPPDaG0bCj1Yqy6PlcouQ

10 Mindblowing Interactive Stories

Jenks Public Schools - Little Films-Big Picture YouTube Channel - @https://www.youtube.com/user/thejpscinema

http://tedxteen.com/talks


 * Getting Started . . ..
 * 1) Choose a topic & purpose
 * 2) Know your audience
 * 3) Script/Storyboard
 * 4)  Record, create, images, music, character development .........
 * 5) Editing & Revising
 * 6) Publishing || [[image:DigstoryProcess.png width="536" height="428" caption="http://edtechteacher.org/8-steps-to-great-digital-storytelling-from-samantha-on-edudemic/"]] ||

Plot Style & Techniques - What is the WHY of your story?

While there are endless approaches to crafting stories, depending on purpose and audience, at least six elements are considered fundamental to this particular storytelling style.
 * ** TYPES OF CONFLICT ** . . . . . ..
 * Man vs. Man
 * Man vs. Society
 * Man vs. Machine
 * Man vs. Nature
 * Man vs. Self ||  || ** PLOT LINES - WHAT'S THE STORY? **
 * Succeed despite the odds
 * Life Lessons
 * Becoming stronger through adversity
 * Rags to riches
 * Owning up to mistakes
 * Risk taking
 * Earning success
 * New experiences
 * Travels
 * Power of friendship
 * Overcoming challenges/temptations
 * Sticking to convictions
 * Growing
 * Power of teamwork
 * Boy gets girl - boy loses girl - boy gets girl back
 * Use principle character to show a universal or societal problem
 * Epiphany ||  || Six Elements of Good Digital Storytelling

**Living Inside Your Story**—The perspective of each story is told in first person using your own storytelling voice to narrate the tale. Rather than a detached telling that this happened and that happened, <span style="font-family: Arial,Helvetica,sans-serif;">viewers experience you living inside this story.

<span style="font-family: Arial,Helvetica,sans-serif;">**Unfolding Lessons Learned**—One of the most unique<span style="font-family: Arial,Helvetica,sans-serif;"> features of this specific digital storytelling <span style="font-family: Arial,Helvetica,sans-serif;">style is the expectation that each story express<span style="font-family: Arial,Helvetica,sans-serif;"> a personal meaning or insight about how a particular <span style="font-family: Arial,Helvetica,sans-serif;">event or situation touches you, your community, or humanity.

<span style="font-family: Arial,Helvetica,sans-serif;">**Developing Creative Tension**—A good story creates intrigue or tension around a situation that is posed <span style="font-family: Arial,Helvetica,sans-serif;">at the beginning of the story and resolved at the end, sometimes with an unexpected twist. The tension <span style="font-family: Arial,Helvetica,sans-serif;">of an unresolved or curious situation engages and holds the viewer until reaching a memorable end.

<span style="font-family: Arial,Helvetica,sans-serif;">**Economizing the Story Told**—A good story has a destination—a point to make—and seeks the shortest <span style="font-family: Arial,Helvetica,sans-serif;">path to its destination. The art of shortening a story lies in preserving the essence of the tale—using the <span style="font-family: Arial,Helvetica,sans-serif;">fewest words along with images and sound to make your point.

<span style="font-family: Arial,Helvetica,sans-serif;">**Showing Not Telling**—Unlike traditional oral or written stories, images, sound, and music can be used to show <span style="font-family: Arial,Helvetica,sans-serif;">a part of the context, create setting<span style="font-family: Arial,Helvetica,sans-serif;">, give story information, and provide emotional meaning not provided by words. <span style="font-family: Arial,Helvetica,sans-serif;">Both words and media need to reveal through details rather than named or simply stated.

<span style="font-family: Arial,Helvetica,sans-serif;">**Developing Craftsmanship**—A good story incorporates technology in artful ways, dem-onstrating<span style="font-family: Arial,Helvetica,sans-serif;"> craftsmanship in <span style="font-family: Arial,Helvetica,sans-serif;">communicating with images, sound, voice, color, white space, animations, design, transitions, and special effects. <span style="font-family: Arial,Helvetica,sans-serif;">Ask yourself whether your media resources are decorating, illustrating, or illuminating.

<span style="color: #212121; display: block; display: inline-block; font-family: 'Lucida Grande','Helvetica Neue',verdana,helvetica,arial,sans-serif; font-size: 16px; line-height: 24px; padding-left: 10px; vertical-align: middle;">**by Bernajean Porter**

Bernajean Porter(** @BernajeanPorter **) is the author of DigiTales: The Art of Telling Digital Stories. Bernajean travels the world facilitating effective digital storytelling. http://creativeeducator.tech4learning.com/v04/articles/Take_Six ||


 * **<span style="color: #690f1f; font-family: 'Lucida Sans Unicode','Lucida Grande',sans-serif; font-size: 14.3px;">Creating a journey for the reader: **
 * 1) **Monomyth** - hero's journey - return with a reward
 * 2) **The Mountain** - creating tension and drama - overcoming a series of challenges
 * 3)  **Nested Loops** - Layer 3 or more narratives together with core/most important story in the center ..............
 * 4) **Sparklines** - compare what is with what could be - hope/reality
 * 5) **In Medias Res** - begin in the middle
 * 6) **Converging** **Ideas** - typically speech structure - different strands come together to  form one product - birth of a movement ..........
 * 7) **False Star**t - disrupt expectation
 * 8) **Petal** **Structure** - unconnected stories relate back to a single message  || **<span style="color: #85093d; font-family: 'Lucida Sans Unicode','Lucida Grande',sans-serif; font-size: 14.3px;">Also Consider: **
 * Interviewing
 * Personal Stories
 * Community Histories ||

Kathy Schrock's Guide to Everything Digital Storytelling! 64 Sites for Digital Storytelling Tools & Information 21 Awesome Storytelling Techniques

https://goanimate4schools.com/public_index || Google Docs || http://edu.glogster.com/?ref=personal || https://animoto.com/ ||
 * ~ <span style="color: #f0f7ec; font-family: 'Lucida Sans Unicode','Lucida Grande',sans-serif; font-size: 130%;">. . . **<span style="color: #337809; font-family: 'Lucida Sans Unicode','Lucida Grande',sans-serif; font-size: 130%;">Tools for the Younger Crowd ** . . . ||~ . . . **<span style="color: #337809; font-family: 'Lucida Sans Unicode','Lucida Grande',sans-serif; font-size: 130%;">Cool Animation Tools + ** . . ....... ||~ . . . **<span style="color: #337809; font-family: 'Lucida Sans Unicode','Lucida Grande',sans-serif; font-size: 130%;"> Collaborative Tools ** . . . ||~ . . . **<span style="color: #337809; font-family: 'Lucida Sans Unicode','Lucida Grande',sans-serif; font-size: 130%;"> Interactive Story Tools ** . . . . ||~ ... <span style="color: #076311; font-family: 'Lucida Sans Unicode','Lucida Grande',sans-serif; font-size: 130%;">And Then Some <span style="color: #f4f5f4; font-family: 'Lucida Sans Unicode','Lucida Grande',sans-serif; font-size: 130%;">. .... ||
 * http://www.storyjumper.com/ || http://www.voki.com/ || http://www.boomwriter.com/ || http://www.inklestudios.com/inklewriter/ || http://www.ourstory.com/ ||
 * https://storybird.com/ || https://goanimate.com/
 * Myths and Legends || http://www.powtoon.com/ || http://www.deviantart.com/ || <span style="background-image: url(">Google Story Builder ||
 * https://www.mystorybook.com/books/new || https://www.pixton.com/ ||  ||   ||   ||

<span style="color: #677d0d; font-family: 'Lucida Sans Unicode','Lucida Grande',sans-serif; font-size: 110%;">media type="custom" key="28219163"
 * Voki - Example**


 * Powtoon - Example**

@https://www.youtube.com/playlist?list=PLB6mBenDYnl1MYtnOUEcL0AQ0YSPB-Cqw


 * Go Animate - Example**

media type="youtube" key="vGOaoCrUC_4" width="560" height="315" media type="youtube" key="RGzIRL97EJ4" width="560" height="315"

https://delicious.com/lamorris/digitalstorytelling https://delicious.com/lamorris/InteractiveStorytelling https://delicious.com/lamorris/DigitalLiteracy
 * <span style="color: #0d64c9; font-family: 'Lucida Sans Unicode','Lucida Grande',sans-serif; font-size: 120%;">My Resources: **

<span style="display: block; height: 1px; left: 0px; overflow: hidden; position: absolute; top: 207px; width: 1px;">http://docsstorybuilder.appspot.com/ <span style="display: block; height: 1px; left: 0px; overflow: hidden; position: absolute; top: 611.5px; width: 1px;"><span style="font-family: 'Arial Black',Gadget,sans-serif; font-size: 18.2px; line-height: 27.3px;">Why Use Storytelling? <span style="display: block; height: 1px; left: 0px; overflow: hidden; position: absolute; top: 1082px; width: 1px;"> <span style="display: block; height: 1px; left: 0px; overflow: hidden; position: absolute; top: 1043.5px; width: 1px;"> <span style="display: block; height: 1px; left: 0px; overflow: hidden; position: absolute; top: 1153px; width: 1px;">http://tedxteen.com/talks <span style="display: block; height: 1px; left: 0px; overflow: hidden; position: absolute; top: 1206.5px; width: 1px;">https://delicious.com/lamorris/digitalstorytelling <span style="display: block; height: 1px; left: 0px; overflow: hidden; position: absolute; top: 1247px; width: 1px;">http://www.deviantart.com/ <span style="display: block; height: 1px; left: 0px; overflow: hidden; position: absolute; top: 1305.5px; width: 1px;"> <span style="display: block; height: 1px; left: 0px; overflow: hidden; position: absolute; top: 1305.5px; width: 1px;"><span style="background-color: #ffffff; color: #212121; font-family: Cabin,sans-serif; font-size: 28px; line-height: 36.4px;">Six Elements of Good Digital Storytelling <span style="display: block; height: 1px; left: 0px; overflow: hidden; position: absolute; top: 1369.5px; width: 1px;">https://www.pixton.com/ <span style="display: block; height: 1px; left: 0px; overflow: hidden; position: absolute; top: 1371.5px; width: 1px;">http://www.storyjumper.com/ <span style="display: block; height: 1px; left: 0px; overflow: hidden; position: absolute; top: 1517px; width: 1px;"> <span style="display: block; height: 1px; left: 0px; overflow: hidden; position: absolute; top: 1757px; width: 1px;"> <span style="font-family: 'Arial Black',Gadget,sans-serif; font-size: 18.2px; line-height: 1.5;">Getting Started. . . . <span style="display: block; height: 1px; left: 0px; overflow: hidden; position: absolute; top: 1760px; width: 1px;">**Go Animate - Example**
 * TYPES OF CONFLICT **
 * Man vs. Man
 * Man vs. Society
 * Man vs. Machine
 * Man vs. Nature
 * Man vs. Self
 * <span style="color: #690f1f; font-family: 'Lucida Sans Unicode','Lucida Grande',sans-serif; font-size: 14.3px;">reating a journey for the reader: **
 * 1) Monomyth - hero's journey - return with a reward
 * 2) The Mountain - creating tension and drama - overcoming a series of challenges
 * 3) Nested Loops - Layer 3 or more narratives together with core/most important story in the center
 * 4) Sparklines - compare what is with what could be - hope/reality
 * 5) In Medias Res - begin in the middle
 * 6) Converging Ideas - typically a speech structure - how different strands come together to form one product - birth of a movement
 * 7) False Start - disrupt expectation
 * 8) Petal Structure - unconnected stories relate back to a single message
 * 1) Choose a topic & purpose
 * 2) Know your audience
 * 3) Script/Storyboard
 * 4) Record, create, images, music, character development
 * 5) Editing & Revising
 * 6) Publishing