interactive storytelling

78
INTERACTIVE STORYTELLING A few digital tools to consider presented by Sarah Nichols, MJE @sarahjnichols #ASNEKent13 Friday, September 13, 13

Upload: sarah-nichols

Post on 06-May-2015

1.129 views

Category:

Education


0 download

DESCRIPTION

This slideshow, presented in July 2013 at #ASNEKent13, shows digital storytelling tools high school journalists can incorporate in their media programs. The presentation also explains how using interactive tools addresses 21st Century Skills and includes some simple suggestions for how advisers can introduce these tools. *I tried to remove all animations and it turns out that the slide headers are still animated — my apologies!

TRANSCRIPT

Page 1: Interactive storytelling

INTERACTIVE STORYTELLING

A few digital tools to considerpresented by Sarah Nichols, MJE@sarahjnichols #ASNEKent13

Friday, September 13, 13

Page 2: Interactive storytelling

STORIES ARE EVERYWHERE. SO ARE FREE TOOLS.

THE KEY IS FINDING THE RIGHT TOOLTO MATCH THE STORY, STUDENT.

First-­‐'mers  ask,  “How  can  we  do  that?”

Veterans  ask,  “How  can  we  do  it  be:er?”          and  “How  can  we  make  it  easier?”  

Friday, September 13, 13

Page 3: Interactive storytelling

WHY WE’RE HERE TODAY

STORIES ARE EVERYWHERE. SO ARE FREE TOOLS.

THE KEY IS FINDING THE RIGHT TOOLTO MATCH THE STORY, STUDENT.

First-­‐'mers  ask,  “How  can  we  do  that?”

Veterans  ask,  “How  can  we  do  it  be:er?”          and  “How  can  we  make  it  easier?”  

Friday, September 13, 13

Page 4: Interactive storytelling

MULTIMEDIA STORYTELLING/AT A GLANCE

GOOGLE M

APS

SCRIBD

INFOGRAPHICS

AUDIO BOO

PICASASTO

RIFY

SOUND CLOUD

TIMETO

AST

CAPZULES

PHOTO BUCKET

LIVE STR

EAM IMOVIE

CHATROLL

DIPITY

COVER IT LI

VE

FLICKR

EASEL.LY

COVERAGE STRAT

EGIES

VIMEO

INTERSECT

INFOGR.AM

USER EXPERIENCE

TALK

BOARD

FLASH

ANIMOTO

SCHOOL TUBE

PHOTOSNACK

SLIDESHARE

YOUTUBE

SOUNDSLIDES

USER WORKFL

OWS

USER WORKFL

OWS

Friday, September 13, 13

Page 5: Interactive storytelling

MULTIMEDIA STORYTELLING/AT A GLANCE

GOOGLE M

APS

SCRIBD

INFOGRAPHICS

AUDIO BOO

PICASASTO

RIFY

SOUND CLOUD

TIMETO

AST

CAPZULES

PHOTO BUCKET

LIVE STR

EAM IMOVIE

CHATROLL

DIPITY

COVER IT LI

VE

FLICKR

EASEL.LY

COVERAGE STRAT

EGIES

VIMEO

INTERSECT

INFOGR.AM

GUI DESIGN

USER EXPERIENCE

TALK

BOARD

FLASH

ANIMOTO

SCHOOL TUBE

PHOTOSNACK

SLIDESHARE

YOUTUBE

SOUNDSLIDES

USER WORKFL

OWS

USER WORKFL

OWS

Friday, September 13, 13

Page 6: Interactive storytelling

Friday, September 13, 13

Page 7: Interactive storytelling

WHY IT MATTERS

Friday, September 13, 13

Page 8: Interactive storytelling

Friday, September 13, 13

Page 9: Interactive storytelling

21ST CENTURY FLUENCY /DIGITAL STORYTELLING

Friday, September 13, 13

Page 10: Interactive storytelling

DIGITAL STORYTELLING

EMPLOYS COMMUNICATIONS SKILLS

DEVELOPS CREATIVITY, CRITICAL THINKING

HELPS STUDENTS REFLECT ON THEIR LEARNING

OWNERSHIP & CHOICE IN ASSIGNMENTS

DEVELOP PROFICIENCY WITH MULTIMEDIA APPLICATIONS

PROMOTES LIFEFLONG LEARNING

Benefits  of  interac.ve,  digital  storiesStudents  have  to  decide  which  tool  fits  the  story  best  and  how  to  use  that  tool,  some'mes  individually  and  some'mes  in  a  'me  crunch  with  mul'ple  users.

Self-­‐directedFollowing  instruc'onal  tutorials  and  YouTube  videos,  students  take  an  ac've  role  in  how  they  produce  a  package  for  widespread  consump'on.  

Friday, September 13, 13

Page 11: Interactive storytelling

Friday, September 13, 13

Page 12: Interactive storytelling

SCRIBBLE.LIVE LIVE BLOG

Friday, September 13, 13

Page 13: Interactive storytelling

Friday, September 13, 13

Page 14: Interactive storytelling

LIVESTREAM /EVENT COVERAGE

Friday, September 13, 13

Page 15: Interactive storytelling

Friday, September 13, 13

Page 16: Interactive storytelling

LIVESTREAM /EVENT COVERAGE

Friday, September 13, 13

Page 17: Interactive storytelling

Friday, September 13, 13

Page 18: Interactive storytelling

LIVESTREAM/LIVE CHAT

Friday, September 13, 13

Page 19: Interactive storytelling

Friday, September 13, 13

Page 20: Interactive storytelling

ANIMOTO /SLIDESHOW

Friday, September 13, 13

Page 21: Interactive storytelling

Friday, September 13, 13

Page 22: Interactive storytelling

ANIMOTO /MOBILE

Friday, September 13, 13

Page 23: Interactive storytelling

Friday, September 13, 13

Page 24: Interactive storytelling

PADLET /BULLETIN BOARD

Friday, September 13, 13

Page 25: Interactive storytelling

Friday, September 13, 13

Page 26: Interactive storytelling

PADLET /BULLETIN BOARD

Friday, September 13, 13

Page 27: Interactive storytelling

Friday, September 13, 13

Page 28: Interactive storytelling

PADLET /BULLETIN BOARD

Friday, September 13, 13

Page 29: Interactive storytelling

Friday, September 13, 13

Page 30: Interactive storytelling

PADLET /FORMATIVE ASSESSMENT

Friday, September 13, 13

Page 31: Interactive storytelling

Friday, September 13, 13

Page 32: Interactive storytelling

DIPITY /TIMELINE

Friday, September 13, 13

Page 33: Interactive storytelling

Friday, September 13, 13

Page 34: Interactive storytelling

MYHISTRO /DIGITAL TIME MAP

Friday, September 13, 13

Page 35: Interactive storytelling

Friday, September 13, 13

Page 36: Interactive storytelling

MYHISTRO /DIGITAL TIME MAP

Friday, September 13, 13

Page 37: Interactive storytelling

Friday, September 13, 13

Page 38: Interactive storytelling

CAPZLES /STORY SEQUENCE

Friday, September 13, 13

Page 39: Interactive storytelling

Friday, September 13, 13

Page 40: Interactive storytelling

CAPZLES /STORY SEQUENCE

Friday, September 13, 13

Page 41: Interactive storytelling

Friday, September 13, 13

Page 42: Interactive storytelling

PHOTO PEACH /SLIDESHOW

Friday, September 13, 13

Page 43: Interactive storytelling

Friday, September 13, 13

Page 44: Interactive storytelling

PHOTO PEACH /SLIDESHOW

Friday, September 13, 13

Page 45: Interactive storytelling

Friday, September 13, 13

Page 46: Interactive storytelling

INFOGR.AM /INFOGRAPHICS

Friday, September 13, 13

Page 47: Interactive storytelling

Friday, September 13, 13

Page 48: Interactive storytelling

EASEL.LY /INFOGRAPICS

Friday, September 13, 13

Page 49: Interactive storytelling

Friday, September 13, 13

Page 50: Interactive storytelling

PIKTOCHART /INFOGRAPICS

Friday, September 13, 13

Page 51: Interactive storytelling

Friday, September 13, 13

Page 52: Interactive storytelling

MANY EYES /DATA VISUALIZATION

Friday, September 13, 13

Page 53: Interactive storytelling

Friday, September 13, 13

Page 54: Interactive storytelling

MANY EYES /DATA VISUALIZATION

Friday, September 13, 13

Page 55: Interactive storytelling

Friday, September 13, 13

Page 56: Interactive storytelling

GLOSSI /INTERACTIVE MAGAZINE

Friday, September 13, 13

Page 57: Interactive storytelling

Friday, September 13, 13

Page 58: Interactive storytelling

GLOSSI /INTERACTIVE MAGAZINE

Friday, September 13, 13

Page 59: Interactive storytelling

Friday, September 13, 13

Page 60: Interactive storytelling

STORIFY/AGGREGATION

Friday, September 13, 13

Page 61: Interactive storytelling

Friday, September 13, 13

Page 62: Interactive storytelling

STORIFY/AGGREGATION

Friday, September 13, 13

Page 63: Interactive storytelling

Friday, September 13, 13

Page 64: Interactive storytelling

SOUND CLOUD/AUDIO

Friday, September 13, 13

Page 65: Interactive storytelling

Friday, September 13, 13

Page 66: Interactive storytelling

QR CODES/PRINT TO WEB

Friday, September 13, 13

Page 67: Interactive storytelling

Friday, September 13, 13

Page 68: Interactive storytelling

QR CODES/PRINT TO PIN BOARD

Friday, September 13, 13

Page 69: Interactive storytelling

Friday, September 13, 13

Page 70: Interactive storytelling

QR CODES/PRINT TO PHOTO SLIDESHOW

Friday, September 13, 13

Page 71: Interactive storytelling

QR CODES/PRINT TO PHOTO SLIDESHOW

Friday, September 13, 13

Page 72: Interactive storytelling

http://www.nytimes.com/projects/2012/snow-fall/#/?part=tunnel-creek

Friday, September 13, 13

Page 73: Interactive storytelling

CASE STUDY/NEW YORK TIMES

http://www.nytimes.com/projects/2012/snow-fall/#/?part=tunnel-creek

Friday, September 13, 13

Page 74: Interactive storytelling

http://www.nytimes.com/2011/09/18/us/autistic-­‐and-­‐seeking-­‐a-­‐place-­‐in-­‐an-­‐adult-­‐world.html?ref=amyharmon&_r=0

Friday, September 13, 13

Page 75: Interactive storytelling

ADD VIDEO /NEW YORK TIMES

http://www.nytimes.com/2011/09/18/us/autistic-­‐and-­‐seeking-­‐a-­‐place-­‐in-­‐an-­‐adult-­‐world.html?ref=amyharmon&_r=0

Friday, September 13, 13

Page 76: Interactive storytelling

STRUCTURE/EXPERIMENTING

Based  on  a  topic  and  team  they  select,  students  report  a  story  using  one  of  the  interac've/mul'media  tools  from  the  first  quarter.  SLOW.

Teams  present  to  the  class,  share  their  challenges  and  successes.

Work  is  published  on  student  media  site(s).

Students  report  their  own  stories  using  the  tools  they  deem  best  for  the  content  and  audience.

Stories  on  'ghter  turnaround.

Work  is  published.

Students  teach/train/tutor  each  other  on  future  projects  as  they  explore  new  tools.

Exposure  to  a  variety  of  tools  and  the  benefits  or  dis'nc've  features  of  each.

Students  research,  compare,  analyze  professional  projects.

FIRST QUARTER: OVERVIEW SECOND QUARTER: TEAM STORIES THIRD & FOURTH QUARTERS

Friday, September 13, 13

Page 77: Interactive storytelling

TOOLS& TRICKS

www.jeadigitalmedia.org

WHAT

HOW

Reviews,  how-­‐tos,  resources,  connec'ons  to  other  advisers

DETAILS

Guide  to  Going  Online  (2011)Guide  to  Broadcast  (2012)Guide  to  Mul'media  (August)Guide  to  Yearbook  (November)

Friday, September 13, 13