Your SlideShare is downloading. ×
0
+

Multimedia on the Cheap
Michelle Johnson
Associate Professor
Department of Journalism, Boston University
#jea13
Downloa...
+

About Me


Professor of the
Practice, Journalism, Bo
ston University



Former Boston Globe
editor, tech columnist

...
+

Today‟s Topic
Free or nearly free web-based tools
for producing multimedia for your:


Blog



Website



Class Assi...
+

Multimedia: What is It?
Combinations:

Examples:



Text



Audio Slideshows



Photos



Interactive charts, infog...
+

The Web is its Own Medium
Whenever you can:
Create “you can only do this online” content.
+

Interactive Graphics


Tip:
Try not to run static graphics
online.
zzzzzzz….



Better: Interactive
Visualizations

R...
+

What you Need for Multimedia:
If you can gather these assets….
• Photos, video, audio
• Data (numbers and/or text)
• Li...
+

Start Simple: Interactive Graphic


Example: Thinglink.com
Multimedia image maps: pop-up text, video, photos, links, m...
+

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...
+

Real Life Example

BU News Service
Inauguration Coverage
+

Timelines
Real Life Example
Boston Marathon



TimeGlider

Created with Timetoast.com
Sequence of events? Think timeli...
+

Real World Example

Boston Mayoral Race
+

Interactives: Mapping

Cut „n Paste
Data-driven
Maps
+

Interactives: Mapping

Use Existing Resources


Example: Google Crisis Response Philippines Map



Usage: Doing a sto...
+

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: inco...
+

Questions?
+

Download This Presentation Here

http://bit.ly/1j95y1L
Upcoming SlideShare
Loading in...5
×

Multimedia on the Cheap

473

Published on

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.

Published in: Technology, Business
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
473
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
8
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Transcript of "Multimedia on the Cheap"

  1. 1. + Multimedia on the Cheap Michelle Johnson Associate Professor Department of Journalism, Boston University #jea13 Download this presentation here: http://bit.ly/1j95y1L
  2. 2. + About Me  Professor of the Practice, Journalism, Bo ston University  Former Boston Globe editor, tech columnist  Upbeat About Online Journalism
  3. 3. + Today‟s Topic Free or nearly free web-based tools for producing multimedia for your:  Blog  Website  Class Assignments  Classroom/teaching
  4. 4. + Multimedia: What is It? Combinations: Examples:  Text  Audio Slideshows  Photos  Interactive charts, infographics  Video  Maps (plus still photos, text, animation)  Data  Image maps (rollover/pop-up layers)  Animation  Video by itself is not multimedia or interactive!
  5. 5. + The Web is its Own Medium Whenever you can: Create “you can only do this online” content.
  6. 6. + Interactive Graphics  Tip: Try not to run static graphics online. zzzzzzz….  Better: Interactive Visualizations Rollovers = Interactive
  7. 7. + 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
  8. 8. + Start Simple: Interactive Graphic  Example: Thinglink.com Multimedia image maps: pop-up text, video, photos, links, music Video Embed on your site, story Text Links to related information JFK Assassination Anniversary
  9. 9. + Interactive Data-driven Charts  Infogr.am
  10. 10. + Infogr.am Charts Maps Text Photos Video
  11. 11. + 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
  12. 12. + Real Life Example BU News Service Inauguration Coverage
  13. 13. + Timelines Real Life Example Boston Marathon  TimeGlider Created with Timetoast.com Sequence of events? Think timeline!
  14. 14. + Real World Example Boston Mayoral Race
  15. 15. + Interactives: Mapping Cut „n Paste Data-driven Maps
  16. 16. + 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.
  17. 17. + Looking for Ideas?  Google Media Tools  Google for Media (Follow on G+)
  18. 18. + Multimedia Mashups  Popcorn Maker Real World Example: Boston Marathon
  19. 19. + Combine audio, text, photos, video, links, social media  Meograph  Projeqt Example
  20. 20. + Zeega And Now for Something Completely Different… Zeega
  21. 21. + 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….
  22. 22. + Questions?
  23. 23. + Download This Presentation Here http://bit.ly/1j95y1L
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×