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