Embed Size (px)
DESCRIPTION
Looking for ways to add multimedia to your blog, web site, class projects or teaching? Low or no budget? Here's an overview of some free and low-cost ways to jazz things up.
Citation preview
+
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
