multimedia on the cheap

+

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

+Interactive Data-driven Charts

Infogr.am

+Infogr.am

Charts

Maps

Text

Photos

Video

+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

+Real Life Example

BU News ServiceInauguration Coverage

+Timelines

TimeGliderCreated with Timetoast.com

Sequence of events? Think timeline!

Real Life ExampleBoston Marathon

+Real World Example

Boston Mayoral Race

+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

+Zeega

And Now for Something Completely Different…

Zeega

+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