10 tools: a starter kit of web interactives
DESCRIPTION
An introduction to 10 online tools for telling stories interactively on the web.TRANSCRIPT
![Page 1: 10 Tools: A starter kit of web interactives](https://reader037.vdocuments.net/reader037/viewer/2022110118/55563777d8b42a5b528b52d1/html5/thumbnails/1.jpg)
10 A starter kit of web interactives
Michelle Balmeo @michellebalmeo Adviser, El Estoque
Monta Vista High School
![Page 2: 10 Tools: A starter kit of web interactives](https://reader037.vdocuments.net/reader037/viewer/2022110118/55563777d8b42a5b528b52d1/html5/thumbnails/2.jpg)
10. Google Maps
• Collaborators work together to place markers on a map, which can include photos, extra info, links.
![Page 3: 10 Tools: A starter kit of web interactives](https://reader037.vdocuments.net/reader037/viewer/2022110118/55563777d8b42a5b528b52d1/html5/thumbnails/3.jpg)
9. Pro Profs / Quiz Snack
• Create simple little quizzes to embed into stories or on pages.
![Page 4: 10 Tools: A starter kit of web interactives](https://reader037.vdocuments.net/reader037/viewer/2022110118/55563777d8b42a5b528b52d1/html5/thumbnails/4.jpg)
8. Storify
• Pull in Tweets, Instagram pics, public Facebook posts, and other social media posts to weave into your own story.
![Page 5: 10 Tools: A starter kit of web interactives](https://reader037.vdocuments.net/reader037/viewer/2022110118/55563777d8b42a5b528b52d1/html5/thumbnails/5.jpg)
7. SoundCloud
• Upload audio files and embed an audio player into your story.
![Page 6: 10 Tools: A starter kit of web interactives](https://reader037.vdocuments.net/reader037/viewer/2022110118/55563777d8b42a5b528b52d1/html5/thumbnails/6.jpg)
6. ThingLink
• Users upload an image, place markers on the image, then put info or extra media in pop-up boxes.
![Page 7: 10 Tools: A starter kit of web interactives](https://reader037.vdocuments.net/reader037/viewer/2022110118/55563777d8b42a5b528b52d1/html5/thumbnails/7.jpg)
5. Scribble Live
• Users create a liveblogging event, embed the viewer into a content item on their site, then blog live during the event/discussion.
![Page 8: 10 Tools: A starter kit of web interactives](https://reader037.vdocuments.net/reader037/viewer/2022110118/55563777d8b42a5b528b52d1/html5/thumbnails/8.jpg)
4. TimelineJS
• An interactive timeline maker that allows you to embed photos, video, social media posts, text.
![Page 9: 10 Tools: A starter kit of web interactives](https://reader037.vdocuments.net/reader037/viewer/2022110118/55563777d8b42a5b528b52d1/html5/thumbnails/9.jpg)
3. Infogram
• Create simple, highly visual infographics from standard templates.
![Page 10: 10 Tools: A starter kit of web interactives](https://reader037.vdocuments.net/reader037/viewer/2022110118/55563777d8b42a5b528b52d1/html5/thumbnails/10.jpg)
2. Narrable
• Users upload photos and sound clips to create an audioslideshow.
![Page 11: 10 Tools: A starter kit of web interactives](https://reader037.vdocuments.net/reader037/viewer/2022110118/55563777d8b42a5b528b52d1/html5/thumbnails/11.jpg)
1. Tumult Hype
• Design “slides” with “buttons” for navigation, much like Flash interactive presentations and output to html5
![Page 12: 10 Tools: A starter kit of web interactives](https://reader037.vdocuments.net/reader037/viewer/2022110118/55563777d8b42a5b528b52d1/html5/thumbnails/12.jpg)
Hungry for more?
• Visit jeadigitalmedia.org and check out the list of 50+ Multimedia Tools.
![Page 13: 10 Tools: A starter kit of web interactives](https://reader037.vdocuments.net/reader037/viewer/2022110118/55563777d8b42a5b528b52d1/html5/thumbnails/13.jpg)
Contact me
Michelle Balmeo @michellebalmeo [email protected] michellebalmeo.wordpress.com Check out my kids’ work at: elestoque.org