Online Storytelling Tools - CIET Story telling Tools.pdf · Online Storytelling Tools Storyline JS...

Online Storytelling Tools


Digital Story Telling

Skills in Students

Joyful Learning

Extremely Engaging

Confidence

Creativity

Language

Art

Computing

Design

Journalism


Knight Lab

DesignersDevelopers

Educators Students

Northwestern University, Chicago-San Francisco


Knight Lab

Projects

https://knightlab.northwestern.edu/projects/


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


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


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.


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.


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…


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…


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


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.




3 Publish to the web & copy the URL from addres bar




4 paste spreadsheet URL into the box below to




5 Share link-Use this to link directly to your timeline



• TimelineJS works on any site or blog.• Make your own Timeline in four easy steps.

Thank You

Online Storytelling Tools - CIET Story telling Tools.pdf · Online Storytelling Tools Storyline JS...

Documents

Transcript of Online Storytelling Tools - CIET Story telling Tools.pdf · Online Storytelling Tools Storyline JS...