Online Storytelling Tools - CIET Story telling Tools.pdf · Online Storytelling Tools Storyline JS...
Transcript of Online Storytelling Tools - CIET Story telling Tools.pdf · Online Storytelling Tools Storyline JS...
Online Storytelling Tools
Online Storytelling Tools
Online Storytelling Tools
Digital Story Telling
Skills in Students
Joyful Learning
Extremely Engaging
Confidence
Creativity
Language
Art
Computing
Design
Journalism
Online Storytelling Tools
Knight Lab
DesignersDevelopers
Educators Students
Northwestern University, Chicago-San Francisco
Online Storytelling Tools
Knight Lab
Projects
https://knightlab.northwestern.edu/projects/
Online Storytelling Tools
JUXTPOSE JS East-to-make frame
ComparisonsIt helps storytellers compare twopieces of similar media, includingphotos, and GIFs. It’s ideal forhighlighting then/now (naturaldisasters, protests, wars, etc.).
• Use images that are the samesize.
• Export your images to webquality
• Align your images so thatmajor elements are in
Online Storytelling Tools
Scene VREast-to-make VR
Stories Tell stories from in a newperspective. It turns yourcollection of panoramic and VR-ready photos into a slideshow ofnavigable scenes, allowing you tocreate unique 360° narratives.• Write each scene as part of a
larger narrative.• Keep the text short and simple• Ensure your photos are either
panoramas or 360 images
Online Storytelling Tools
Soundcite JSSeamless inline
audio• SoundCite is a simple-to-use
tool that lets you add inlineaudio to your story.
• The audio is not isolated; itplays right under the text,
• Keep it brief! Long clips distractfrom the story..
• Select your link text carefully.• Remember you don't have to
cut up your audio file.
Online Storytelling Tools
Storyline JS Tell the story behind the
numbers• Storyline is an open-source tool
that enables anyone to buildan annotated, interactive linechart.
• They have included the chart,axis labels, and cards.
• The x-axis will accept onlytime/date formats. Line charts..
• titles limited - 54 charsparagraphs limited to 200 char.
• best with <800 data points.
Online Storytelling Tools
StoryMap JSMaps that tell stories
• Help you tell stories on theweb that highlight thelocations of a series of events.
• There are a couple ways youcan make a StoryMap-Maps &Picture
• not more than 20 slides for areader to click through.
• Pick stories that have a stronglocation narrative.
• Write each event in parts…
Online Storytelling Tools
Timeline JS Easy to make, beautiful
timelines• TimelineJS is an open-source
tool that enables anyone tobuild visually rich, interactivetimelines.
• Experts can use their JSONskills.
• not having more than 20 slides.• Pick stories that have a strong
chronological narrative.• Write each event in parts…
Online Storytelling Tools
Timeline JS Easy to make, beautiful
timelines• TimelineJS works on any site or blog.• Make your own Timeline in five easy steps.
1Build a new Google sheet using the template
Online Storytelling Tools
Timeline JS Easy to make, beautiful timelines
• TimelineJS works on any site or blog.• Make your own Timeline in five easy steps.
2 Drop dates, text, links to media in the columns.
Online Storytelling Tools
Timeline JS Easy to make, beautiful timelines
• TimelineJS works on any site or blog.• Make your own Timeline in five easy steps.
3 Publish to the web & copy the URL from addres bar
Online Storytelling Tools
Timeline JS Easy to make, beautiful timelines
• TimelineJS works on any site or blog.• Make your own Timeline in five easy steps.
4 paste spreadsheet URL into the box below to
Online Storytelling Tools
Timeline JS Easy to make, beautiful timelines
• TimelineJS works on any site or blog.• Make your own Timeline in five easy steps.
5 Share link-Use this to link directly to your timeline
Online Storytelling Tools
Timeline JS Easy to make, beautiful timelines
• TimelineJS works on any site or blog.• Make your own Timeline in four easy steps.
Thank You