Hands-on Experiences in Web Storytelling

795 views
701 views

Published on

Published in: Education
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
795
On SlideShare
0
From Embeds
0
Number of Embeds
94
Actions
Shares
0
Downloads
5
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Hands-on Experiences in Web Storytelling

  1. 1. Hands on with Web Storytelling Alan Levine • cogdogblog.com cc licensed ( BY ) flickr photo by pasukaru76: http://flickr.com/photos/pasukaru76/3694736727/
  2. 2. cc licensed ( BY NC ND ) flickr photo by ex_magician: http://flickr.com/photos/ex_magician/5053413126/
  3. 3. “telling stories with digital technologies.”newdigitalstorytelling.net
  4. 4. cc licensed ( BY NC SA ) flickr photo by romainguy: http://flickr.com/photos/romainguy/3979385396/
  5. 5. Improvcc licensed ( BY NC SA ) flickr photo by mictlan74: http://flickr.com/photos/mictlan74/3374564653/
  6. 6. http://pechaflickr.cogdogblog.com/
  7. 7. CommunicatingSomething important to share cc licensed ( BY NC ND ) flickr photo by Bindaas Madhavi: http://flickr.com/photos/mkuram/5961100771/
  8. 8. “One of the best ways to understand something is to create a story around it”Ruben Puentedura www.hippasus.com/rrpweblog
  9. 9. What Works?cc licensed ( BY NC ) flickr photo by i am brad: http://flickr.com/photos/iambrad/220687809/
  10. 10. Movies Grab Our Attention
  11. 11. Communicate & Grab Attention?
  12. 12. Shape of Storiesstandard formula for screenplay = three act structure, aka Freytag Pyramid
  13. 13. Kurt Vonnegout on the Shapes of Stories http://youtu.be/oP3c1h8v2ZQPaul Zak: Empathy, Neurochemistry, and the Dramatic Archttp://youtu.be/DHeqQAKHh3M
  14. 14. http://www.amazon.com/Dont-Be-Such-Scientist-Substance/dp/1597265632
  15. 15. "When its a simple as two things:arouse and fulfill. You need to firstarouse your audience and then getthem interested in what you haveto say; then you need to fulfill theirexpectations"
  16. 16. Nancy Duarte Analyzes Effective SpeechesComparing what is (the status quo) with what could be,eventually conveying to the audience the idea of “the newbliss.”www.duarte.com/books/resonate/sparkline-overview/
  17. 17. http://blog.mrmeyer.com/?p=10285
  18. 18. http://blog.mrmeyer.com/?p=10285
  19. 19. http://blog.mrmeyer.com/?p=10285
  20. 20. http://threeacts.mrmeyer.com/ http://blog.mrmeyer.com/?p=10387
  21. 21. http://www.youtube.com/minutephysics
  22. 22. Troy Library Book Burning Partyyoutu.be/AoT13m8-Kxo
  23. 23. http://www.storyofstuff.org
  24. 24. http://www.phildub.com/
  25. 25. How Business Storytelling Set aProject Back on Trackhttp://youtu.be/xBsLeobkm2A
  26. 26. 50ways.wikispaces.com
  27. 27. cogdogblog.com/1887
  28. 28. youtu.be/eMp-Fl-sXrU
  29. 29. 50ways.wikispaces.com/50Dominoes
  30. 30. 50ways.wikispaces.com/StoryIdeasbit.ly/cindy-ppt
  31. 31. "that willing suspensionof disbelief for themoment whichconstitutes poetic faith"Samuel Taylor Coleridge
  32. 32. youtu.be/IFe9wiDfb0E
  33. 33. The Hookopening question,provocative statement
  34. 34. Lost Flash Drive - Remixed then Returnedyoutu.be/IG1ZkW_u_Bw
  35. 35. Partial Revelation
  36. 36. Theres this danger of becoming too precise andtoo revealing- its more powerful to holdsomething back than to show the wholepicture. The reason is that when you show thewhole picture there is no space left for theviewer to come into it. But when you leavesomething out, the viewer will fill that emptyspace with experience from their own life.They can end up resonating on a more deeperlevel with the thing when you give them thatspace to come in.Jonathan Harrishttp://www.greenplum.com/community/data-scientist-summit-2011
  37. 37. BBC Five Shot Method • closeup on hands • closeup on face • wide shot • over the shoulder • unusual/side shothttp://www.slideshare.net/fuzheado/teaching-visual-storytelling-the-five-shot-method-and-beyond
  38. 38. www.youtube.com/watch?v=finF04ecMk4
  39. 39. www.thisamericanlife.org/about/make-radio
  40. 40. 50ways.wikispaces.com/StoryMedia
  41. 41. compfight.com
  42. 42. images.google.com/advanced_image_search
  43. 43. 50ways.wikispaces.com/StoryTools
  44. 44. 50ways.wikispaces.com/StoryTools
  45. 45. 50ways.wikispaces.com/OneTrueMedia
  46. 46. 50ways.wikispaces.com/OneTrueMedia
  47. 47. 50ways.wikispaces.com/Tools+By+Media
  48. 48. 50ways.wikispaces.com/Teacher+Features
  49. 49. cc licensed ( BY NC ) flickr photo by kaje_yomama: http://flickr.com/photos/kajeyomama/4987968865/
  50. 50. 5card.cogdogblog.com
  51. 51. cc licensed ( BY ND ) flickr photo by Sebastian Fritzon: http://flickr.com/photos/sebastianfritzon/2310850531/
  52. 52. http://ds106.us
  53. 53. ds106.us
  54. 54. wikipedia.org/wiki/Digital_storytelling
  55. 55. cc licensed ( BY ) flickr photo by cogdogblog: http://flickr.com/photos/cogdog/7049777267/
  56. 56. domain.of.ones.ownumwdomains.com cc licensed ( BY NC ) flickr photo by Barry Yanowitz: http://flickr.com/photos/tomvu/5371659662/
  57. 57. cc licensed ( BY ) flickr photo by Ethan Hein: http://flickr.com/photos/ethanhein/2089449624/
  58. 58. ds106.us/tag/umwsp13
  59. 59. assignments.ds106.us
  60. 60. assignments.ds106.us/types/DesignAssignments/
  61. 61. assignments.ds106.us/assignments/one-story-four-icons/
  62. 62. tdc.ds106.us
  63. 63. cc licensed ( BY ) flickr photo by Ross2085: http://flickr.com/photos/9610484@N05/2947679794/

×