+ Multimedia on the Cheap Michelle Johnson Associate Professor Department of Journalism, Boston University #jea13 Download this presentation here: http://bit.ly/1j95y1L
May 09, 2015
+
Multimedia on the CheapMichelle JohnsonAssociate ProfessorDepartment of Journalism, Boston University#jea13Download this presentation here: http://bit.ly/1j95y1L
+About Me
Professor of the Practice, Journalism, Boston University
Former Boston Globe editor, tech columnist
Upbeat AboutOnline Journalism
+Today’s Topic
Free or nearly free web-based tools for producing multimedia for your:
Blog
Website
Class Assignments
Classroom/teaching
+Multimedia: What is It?
Combinations: Text
Photos
Video
Data
Animation
Examples: Audio Slideshows
Interactive charts, infographics
Maps (plus still photos, text, animation)
Image maps (rollover/pop-up layers)
Video by itself is not multimedia or interactive!
+The Web is its Own MediumWhenever you can:Create “you can only do this online” content.
+Interactive Graphics Tip:
Try not to run static graphics online. zzzzzzz….
Better: InteractiveVisualizations
Rollovers = Interactive
+What you Need for Multimedia:If you can gather these assets….• Photos, video, audio• Data (numbers and/or text)• Links to related information/content
You get:Rich packages that you can embed into your story OR even replace a (traditional) story.
Gotchas:Some content management systems don’t accept this embed code.
Freebie Wordpress.com – no.Hosted Wordpress - yes
+Start Simple: Interactive Graphic Example: Thinglink.comMultimedia image maps: pop-
up text, video, photos, links, music
Video
Links to related information
TextEmbedon your site,story
JFK Assassination Anniversary
+Mashups: Infographics Plus
Not a designer? No problem!
Tools for creating infographics
Pictochart
Easel.ly
Don’t stop there. Make it Interactive:
1. Create infographic,
2. Upload to thinglink.com and tag with photos, video, text, sound
+Timelines
TimeGliderCreated with Timetoast.com
Sequence of events? Think timeline!
Real Life ExampleBoston Marathon
+Interactives: Mapping
Cut ‘n PasteData-drivenMaps
+Interactives: Mapping
Use Existing Resources
Example: Google Crisis Response Philippines Map
Usage: Doing a story on a local drive to raise disaster funds? Package it with photos, video, and a map like this.
+Looking for Ideas?
Google Media Tools
Google for Media(Follow on G+)
+Multimedia Mashups
Popcorn Maker
Real World Example: Boston Marathon
+Combine audio, text, photos, video,links, social media Meograph
Projeqt Example
+Resources: A Sampling
Photos: Wikimedia Commons, Flickr Creative Commons, http://www.morguefile.com/
Music: incompetech.com, freeplaymusic.com, jamendo.com
Video: http://www.videoblocks.com/
Google for more….
+Questions?
+Download This Presentation Here
http://bit.ly/1j95y1L