SlideShare une entreprise Scribd logo
1  sur  70
Télécharger pour lire hors ligne
Hands on with Web Storytelling


                    Alan Levine • cogdogblog.com
     cc licensed ( BY ) flickr photo by pasukaru76: http://flickr.com/photos/pasukaru76/3694736727/
cc licensed ( BY NC ND ) flickr photo by ex_magician: http://flickr.com/photos/ex_magician/5053413126/
“telling stories
               with digital
               technologies.”




newdigitalstorytelling.net
cc licensed ( BY NC SA ) flickr photo by romainguy: http://flickr.com/photos/romainguy/3979385396/
Improv




cc licensed ( BY NC SA ) flickr photo by mictlan74: http://flickr.com/photos/mictlan74/3374564653/
http://pechaflickr.cogdogblog.com/
Communicating
Something important to share




       cc licensed ( BY NC ND ) flickr photo by Bindaas Madhavi: http://flickr.com/photos/mkuram/5961100771/
“One of the best
                                   ways to
                               understand
                           something is to
                            create a story
                                around it”




Ruben Puentedura www.hippasus.com/rrpweblog
What
                                                          Works?




cc licensed ( BY NC ) flickr photo by i am brad: http://flickr.com/photos/iambrad/220687809/
Movies Grab Our Attention
Communicate & Grab Attention?
Shape of Stories
standard formula for screenplay = three act
      structure, aka Freytag Pyramid
Kurt
                              Vonnegout on
                              the Shapes of
                              Stories
                              http://youtu.be/oP3c1h8v2ZQ




Paul Zak: Empathy,
  Neurochemistry,
 and the Dramatic
              Arc
http://youtu.be/DHeqQAKHh3M
http://www.amazon.com/Dont-Be-Such-Scientist-Substance/dp/1597265632
"When it's a simple as two things:
arouse and fulfill. You need to first
arouse your audience and then get
them interested in what you have
to say; then you need to fulfill their
expectations"
Nancy Duarte Analyzes Effective Speeches

Comparing what is (the status quo) with what could be,
eventually conveying to the audience the idea of “the new
bliss.”

www.duarte.com/books/resonate/sparkline-overview/
http://blog.mrmeyer.com/?p=10285
http://blog.mrmeyer.com/?p=10285
http://blog.mrmeyer.com/?p=10285
http://threeacts.mrmeyer.com/




          http://blog.mrmeyer.com/?p=10387
http://www.youtube.com/minutephysics
Troy Library Book Burning
    Party




youtu.be/AoT13m8-Kxo
http://www.storyofstuff.org
http://www.phildub.com/
How Business Storytelling Set a
Project Back on Track

http://youtu.be/xBsLeobkm2A
50ways.wikispaces.com
cogdogblog.com/1887
youtu.be/eMp-Fl-sXrU
50ways.wikispaces.com/50Dominoes
50ways.wikispaces.com/StoryIdeas
bit.ly/cindy-ppt
"that willing suspension
of disbelief for the
moment which
constitutes poetic faith"

Samuel Taylor Coleridge
youtu.be/IFe9wiDfb0E
The Hook
opening question,
provocative statement
Lost Flash Drive - Remixed then
 Returned




youtu.be/IG1ZkW_u_Bw
Partial Revelation
There's this danger of becoming too precise and
too revealing- it's more powerful to hold
something back than to show the whole
picture. The reason is that when you show the
whole picture there is no space left for the
viewer to come into it. But when you leave
something out, the viewer will fill that empty
space with experience from their own life.
They can end up resonating on a more deeper
level with the thing when you give them that
space to come in.
Jonathan Harris
http://www.greenplum.com/community/data-scientist-
summit-2011
BBC Five Shot
                            Method

                            • closeup on hands
                            • closeup on face
                            • wide shot
                            • over the shoulder
                            • unusual/side shot



http://www.slideshare.net/fuzheado/teaching-visual-
storytelling-the-five-shot-method-and-beyond
www.youtube.com/watch?v=finF04ecMk4
www.thisamericanlife.org/about/make-radio
50ways.wikispaces.com/StoryMedia
compfight.com
images.google.com/advanced_image_search
50ways.wikispaces.com/StoryTools
50ways.wikispaces.com/StoryTools
50ways.wikispaces.com/OneTrueMedia
50ways.wikispaces.com/OneTrueMedia
50ways.wikispaces.com/Tools+By+Media
50ways.wikispaces.com/Teacher+Features
cc licensed ( BY NC ) flickr photo by kaje_yomama: http://flickr.com/photos/kajeyomama/4987968865/
5card.cogdogblog.com
cc licensed ( BY ND ) flickr photo by Sebastian Fritzon: http://flickr.com/photos/sebastianfritzon/2310850531/
http://ds106.us
ds106.us
wikipedia.org/wiki/Digital_storytelling
cc licensed ( BY ) flickr photo by cogdogblog: http://flickr.com/photos/cogdog/7049777267/
domain.of.ones.own




umwdomains.com
         cc licensed ( BY NC ) flickr photo by Barry Yanowitz: http://flickr.com/photos/tomvu/5371659662/
cc licensed ( BY ) flickr photo by Ethan Hein: http://flickr.com/photos/ethanhein/2089449624/
ds106.us/tag/umwsp13
assignments.ds106.us
assignments.ds106.us/types/DesignAssignments/
assignments.ds106.us/assignments/one-story-four-icons/
tdc.ds106.us
cc licensed ( BY ) flickr photo by Ross2085: http://flickr.com/photos/9610484@N05/2947679794/

Contenu connexe

Tendances

Future Center@Junkudo
Future Center@JunkudoFuture Center@Junkudo
Future Center@Junkudo
Yukei Wachi
 
Young Minds Digital Times
Young Minds Digital TimesYoung Minds Digital Times
Young Minds Digital Times
Angela Maiers
 

Tendances (20)

Future Center@Junkudo
Future Center@JunkudoFuture Center@Junkudo
Future Center@Junkudo
 
Re:build 2011: Passion -> Startup
Re:build 2011: Passion -> StartupRe:build 2011: Passion -> Startup
Re:build 2011: Passion -> Startup
 
Abdulaziz Bandar Visual Resume
Abdulaziz Bandar Visual ResumeAbdulaziz Bandar Visual Resume
Abdulaziz Bandar Visual Resume
 
What mean ye Storytelling?
What mean ye Storytelling?What mean ye Storytelling?
What mean ye Storytelling?
 
Why Am I So Angry? And What Are You Going to Do About It?
Why Am I So Angry? And What Are You Going to Do About It?Why Am I So Angry? And What Are You Going to Do About It?
Why Am I So Angry? And What Are You Going to Do About It?
 
Don't Just Shoot
Don't Just ShootDon't Just Shoot
Don't Just Shoot
 
Dark Euphoria Where Did The Future Go?
Dark Euphoria  Where Did The Future Go?Dark Euphoria  Where Did The Future Go?
Dark Euphoria Where Did The Future Go?
 
The Hundred Languages
The Hundred LanguagesThe Hundred Languages
The Hundred Languages
 
The Fourth Screen v2
The Fourth Screen v2The Fourth Screen v2
The Fourth Screen v2
 
Dolman deck
Dolman deckDolman deck
Dolman deck
 
Zaana howard completed [compatibility mode]
Zaana howard   completed [compatibility mode]Zaana howard   completed [compatibility mode]
Zaana howard completed [compatibility mode]
 
Of Data Silos, Geo-Babel & Other Geo Malaises
Of Data Silos, Geo-Babel & Other Geo MalaisesOf Data Silos, Geo-Babel & Other Geo Malaises
Of Data Silos, Geo-Babel & Other Geo Malaises
 
Using Technology to Enhance In-Person Training
Using Technology to Enhance In-Person TrainingUsing Technology to Enhance In-Person Training
Using Technology to Enhance In-Person Training
 
Credits
CreditsCredits
Credits
 
Oetc 11 empire Draft
Oetc 11 empire DraftOetc 11 empire Draft
Oetc 11 empire Draft
 
Young Minds Digital Times
Young Minds Digital TimesYoung Minds Digital Times
Young Minds Digital Times
 
A (Mostly) Complete & (Mostly) Accurate History Of Location (Abridged)
A (Mostly) Complete & (Mostly) Accurate History Of Location (Abridged)A (Mostly) Complete & (Mostly) Accurate History Of Location (Abridged)
A (Mostly) Complete & (Mostly) Accurate History Of Location (Abridged)
 
Introduction to Cloud Computing
Introduction to Cloud ComputingIntroduction to Cloud Computing
Introduction to Cloud Computing
 
How To Improve Your Blog's Image With Images - From Podcamp Boston 2011
How To Improve Your Blog's Image With Images - From Podcamp Boston 2011How To Improve Your Blog's Image With Images - From Podcamp Boston 2011
How To Improve Your Blog's Image With Images - From Podcamp Boston 2011
 
Being There In The Unevenly Distributed Future
Being There In The Unevenly Distributed FutureBeing There In The Unevenly Distributed Future
Being There In The Unevenly Distributed Future
 

Similaire à Hands-on Experiences in Web Storytelling

Presentationcreativityrevolutionuxweek 140912120824-phpapp02
Presentationcreativityrevolutionuxweek 140912120824-phpapp02Presentationcreativityrevolutionuxweek 140912120824-phpapp02
Presentationcreativityrevolutionuxweek 140912120824-phpapp02
Paula Marques
 

Similaire à Hands-on Experiences in Web Storytelling (20)

Explorations in Storytellng
Explorations in StorytellngExplorations in Storytellng
Explorations in Storytellng
 
What mean ye storytelling- the #etmooc version
What mean ye storytelling- the #etmooc versionWhat mean ye storytelling- the #etmooc version
What mean ye storytelling- the #etmooc version
 
Creating Compelling Digital Stories
Creating Compelling Digital StoriesCreating Compelling Digital Stories
Creating Compelling Digital Stories
 
Navigating the World of Technology WITH Our Youth
Navigating the World of Technology WITH Our YouthNavigating the World of Technology WITH Our Youth
Navigating the World of Technology WITH Our Youth
 
The Importance of Storytelling in Web Design, WordCamp Miami 2013
The Importance of Storytelling in Web Design, WordCamp Miami 2013The Importance of Storytelling in Web Design, WordCamp Miami 2013
The Importance of Storytelling in Web Design, WordCamp Miami 2013
 
Learning without Frontiers: School libraries and meta-literacy in action
Learning without Frontiers: School libraries and meta-literacy in actionLearning without Frontiers: School libraries and meta-literacy in action
Learning without Frontiers: School libraries and meta-literacy in action
 
Perceptive Media for Learn Do Share Warsaw
Perceptive Media for Learn Do Share WarsawPerceptive Media for Learn Do Share Warsaw
Perceptive Media for Learn Do Share Warsaw
 
What Can I Do Now? (web 2.0 pedagogy) v4
What Can I Do Now? (web 2.0 pedagogy) v4What Can I Do Now? (web 2.0 pedagogy) v4
What Can I Do Now? (web 2.0 pedagogy) v4
 
From Players To Guides: Learning in a Hyperlinked World
From Players To Guides: Learning in a Hyperlinked WorldFrom Players To Guides: Learning in a Hyperlinked World
From Players To Guides: Learning in a Hyperlinked World
 
Lets Get Visual Itsc
Lets Get Visual ItscLets Get Visual Itsc
Lets Get Visual Itsc
 
Infinite Possibilities
Infinite PossibilitiesInfinite Possibilities
Infinite Possibilities
 
Infinite Possibilities - Groupon's GEEKon 2015
Infinite Possibilities - Groupon's GEEKon 2015Infinite Possibilities - Groupon's GEEKon 2015
Infinite Possibilities - Groupon's GEEKon 2015
 
Presentationcreativityrevolutionuxweek 140912120824-phpapp02
Presentationcreativityrevolutionuxweek 140912120824-phpapp02Presentationcreativityrevolutionuxweek 140912120824-phpapp02
Presentationcreativityrevolutionuxweek 140912120824-phpapp02
 
The Creativity (R)Evolution - UX Week 2014
The Creativity (R)Evolution -  UX Week 2014The Creativity (R)Evolution -  UX Week 2014
The Creativity (R)Evolution - UX Week 2014
 
We Learn Through Stories v4 (master class)
We Learn Through Stories v4 (master class)We Learn Through Stories v4 (master class)
We Learn Through Stories v4 (master class)
 
Infinite Possibilities - How Interactive Conference, San Francisco
Infinite Possibilities - How Interactive Conference, San FranciscoInfinite Possibilities - How Interactive Conference, San Francisco
Infinite Possibilities - How Interactive Conference, San Francisco
 
Infinite Possibilities - STC Summit 2015
Infinite Possibilities - STC Summit 2015Infinite Possibilities - STC Summit 2015
Infinite Possibilities - STC Summit 2015
 
Join the Secret Revolution
Join the Secret RevolutionJoin the Secret Revolution
Join the Secret Revolution
 
Once Upon a Semester: Storytelling as a Framework for Higher Ed Web Marketing
Once Upon a Semester: Storytelling as a Framework for Higher Ed Web MarketingOnce Upon a Semester: Storytelling as a Framework for Higher Ed Web Marketing
Once Upon a Semester: Storytelling as a Framework for Higher Ed Web Marketing
 
Brand Evolution
Brand EvolutionBrand Evolution
Brand Evolution
 

Plus de Alan Levine

Enquire Within Upon Everything: True Stories of the Wondrous Web
Enquire Within Upon Everything: True Stories of the Wondrous WebEnquire Within Upon Everything: True Stories of the Wondrous Web
Enquire Within Upon Everything: True Stories of the Wondrous Web
Alan Levine
 
The ds106 Files: Outbreaks of Infectious and Open Acts of Creativity
The ds106 Files: Outbreaks of Infectious and Open Acts of CreativityThe ds106 Files: Outbreaks of Infectious and Open Acts of Creativity
The ds106 Files: Outbreaks of Infectious and Open Acts of Creativity
Alan Levine
 

Plus de Alan Levine (20)

Llama llama llama llama llama
Llama llama llama   llama llamaLlama llama llama   llama llama
Llama llama llama llama llama
 
Doing the Daily Create
Doing the Daily CreateDoing the Daily Create
Doing the Daily Create
 
Storythinking > Storymaking > Storytelling
Storythinking > Storymaking > StorytellingStorythinking > Storymaking > Storytelling
Storythinking > Storymaking > Storytelling
 
OER14 3M/DS106 NOT The Presentation Deck
OER14 3M/DS106 NOT The Presentation DeckOER14 3M/DS106 NOT The Presentation Deck
OER14 3M/DS106 NOT The Presentation Deck
 
Enquire Within Upon Everything: True Stories of the Wondrous Web
Enquire Within Upon Everything: True Stories of the Wondrous WebEnquire Within Upon Everything: True Stories of the Wondrous Web
Enquire Within Upon Everything: True Stories of the Wondrous Web
 
50 Web Ways to Tell a Story Skidmore College
50 Web Ways to Tell a Story Skidmore College50 Web Ways to Tell a Story Skidmore College
50 Web Ways to Tell a Story Skidmore College
 
Making / Telling Stories that Matter
Making / Telling Stories that MatterMaking / Telling Stories that Matter
Making / Telling Stories that Matter
 
How to Give a [TED Worthy] Power of Storytelling Talk
How to Give a [TED Worthy] Power of Storytelling TalkHow to Give a [TED Worthy] Power of Storytelling Talk
How to Give a [TED Worthy] Power of Storytelling Talk
 
The ds106 Files: Outbreaks of Infectious and Open Acts of Creativity
The ds106 Files: Outbreaks of Infectious and Open Acts of CreativityThe ds106 Files: Outbreaks of Infectious and Open Acts of Creativity
The ds106 Files: Outbreaks of Infectious and Open Acts of Creativity
 
True Stories of Openness (Yavapai College)
True Stories of Openness (Yavapai College)True Stories of Openness (Yavapai College)
True Stories of Openness (Yavapai College)
 
Five Things, and the Fifth is ds106
Five Things, and the Fifth is ds106Five Things, and the Fifth is ds106
Five Things, and the Fifth is ds106
 
The ds106 Show
The ds106 ShowThe ds106 Show
The ds106 Show
 
Telling Stories With Data (and Pictures)
Telling Stories With Data (and Pictures)Telling Stories With Data (and Pictures)
Telling Stories With Data (and Pictures)
 
Telling a Story in Four Icons/Sounds
Telling a Story in Four Icons/SoundsTelling a Story in Four Icons/Sounds
Telling a Story in Four Icons/Sounds
 
Through the Lens (2013 Version)
Through the Lens (2013 Version)Through the Lens (2013 Version)
Through the Lens (2013 Version)
 
Out in the Open Range
Out in the Open RangeOut in the Open Range
Out in the Open Range
 
Shaping Media for Digitail Storytelling
Shaping Media for Digitail StorytellingShaping Media for Digitail Storytelling
Shaping Media for Digitail Storytelling
 
The Open Assignment Bank of ds106 and Remixing Thereof
The Open Assignment Bank of ds106 and Remixing ThereofThe Open Assignment Bank of ds106 and Remixing Thereof
The Open Assignment Bank of ds106 and Remixing Thereof
 
Building an Open Course/Community with WordPress, Syndication, and Duct Tape
Building an Open Course/Community with WordPress, Syndication, and Duct TapeBuilding an Open Course/Community with WordPress, Syndication, and Duct Tape
Building an Open Course/Community with WordPress, Syndication, and Duct Tape
 
Thru The Lens
Thru The LensThru The Lens
Thru The Lens
 

Dernier

Salient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functionsSalient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functions
KarakKing
 
Spellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please PractiseSpellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please Practise
AnaAcapella
 

Dernier (20)

Unit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptxUnit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptx
 
ICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptx
 
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
 
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
 
On National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan FellowsOn National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan Fellows
 
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptxSKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
 
Introduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsIntroduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The Basics
 
Salient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functionsSalient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functions
 
How to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POSHow to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POS
 
Spellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please PractiseSpellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please Practise
 
How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17
 
How to setup Pycharm environment for Odoo 17.pptx
How to setup Pycharm environment for Odoo 17.pptxHow to setup Pycharm environment for Odoo 17.pptx
How to setup Pycharm environment for Odoo 17.pptx
 
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptxHMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
 
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
 
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdfUGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
 
REMIFENTANIL: An Ultra short acting opioid.pptx
REMIFENTANIL: An Ultra short acting opioid.pptxREMIFENTANIL: An Ultra short acting opioid.pptx
REMIFENTANIL: An Ultra short acting opioid.pptx
 
Graduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - EnglishGraduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - English
 
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...
 
FSB Advising Checklist - Orientation 2024
FSB Advising Checklist - Orientation 2024FSB Advising Checklist - Orientation 2024
FSB Advising Checklist - Orientation 2024
 
Google Gemini An AI Revolution in Education.pptx
Google Gemini An AI Revolution in Education.pptxGoogle Gemini An AI Revolution in Education.pptx
Google Gemini An AI Revolution in Education.pptx
 

Hands-on Experiences in Web Storytelling