Cathy Clarke Simon Ting What is “Mulmedia” Using a combination of different types of media to present content Text Photos/Graphics Video Audio Animation Specifically, we are discussing using multimedia on the web Mulmedia in Instrucon Images Insert along with text Slideshows Set of photos/graphics Play automatically or manually advance Add captions and descriptions Presentations Combine images, video, text, audio Linear presentation of media Web‐Based Mulmedia Showcase of past projects using multimedia [launch showcase] What is Web 2.0? Using new web‐based technology to present information in a new way Content is no longer static—changes constantly and distributed in many ways Many Web 2.0 sites offer services that in the past were only possible with desktop software Examples of Web 2.0 Flickr Image sharing and hosting More than two billion images (as of November 2007) Photo Pool Example: http://www.flickr.com/groups/blueribbon/pool/ YouTube Video sharing and hosting In one month (Jan. 2008), 79 million users watched over 3 billion videos Video Channel Example: http://youtube.com/user/friendsoftheearth Web 2.0 Benefits Traditional Desktop Web 2.0 Services… Software… Costly Most are free Steep learning curve Easy to use Processor Intensive Browser‐based, not Multiple installations of demanding on your various programs computer Everything is done through the Web browser Web 2.0 Caveats Pros Cons We have shown many Permanence benefits of Web 2.0 Not all sites will be around multimedia forever But there are Not all services will always be free drawbacks, too! Limited storage Intellectual property & copyright concerns Confidentiality Internet access required Creave Commons License In a nutshell, “some rights reserved” For example, Free for non‐commercial use, or Permission to use but not modify (create derivative work) More flexible than traditional copyright Free licenses commonly used when releasing work on the Web Using Web 2.0 Multimedia Photos Traditionally… Using the Web… Photoshop or other image Web services offer editing editing desktop software is tools used Color corrections Color corrections Resize/Crop Resize/Crop Adding effects Adding effects Web sites offer sharing and Adobe Bridge and other hosting services desktop software is used Sorting/Organizing photos Sorting/Organizing photos Tagging Sharing Sharing & Hosng: Images Flickr Picasa Web Albums Huge online community Google’s online photo Developed by Yahoo! sharing site Works with many other Works with many other services services Easy to use Optional free desktop www.flickr.com software, Picasa Picasaweb.google.com Image Manipulaon Picnik Photoshop Express Directly edit photos from Import photos Flickr from your Import photos from many computer and other sites and your own other sites computer Apply common Apply common image image manipulation manipulation techniques techniques www.picnik.com Create slideshows and embed them in other web pages www.photoshop.com/express Videos Traditionally… Using the Web… Video Editing Software such Web sites offer complete as Adobe Premiere, Final services for Cut, etc., is used Direct video capture from Captured as raw files web cam Edited/Trimmed Upload any video and it will Encoded for viewing on the be encoded for you Web Create video playlists Video must be uploaded to a Tagging server and embedded into Sharing & Hosting HTML for the Web Sharing & Hosng: Video YouTube Blip.tv Upload unlimited number of Upload videos videos Share videos Tag/Comment videos Works with other Web 2.0 Control over privacy sites Embed in your blog/website www.blip.tv www.youtube.com Creang Mulmedia Presentaons Photo Gallery with Captions: Flickr demo Online Presentations Traditional presentation: VCASMO demo Animated Flip Books: Picasa demo Online Scrapbooks: Scrapblog demo Delivering Content: Blogs Wordpress Blogger Design tools Design tools & templates & templates Plug‐ins and widgets Plug‐ins and Post easily widgets Custom sidebar Post easily Privacy settings Custom sidebar Photo album Privacy settings Polls Spam blocker www.blogger.com Sample Wordpress blog A Quick Note… The examples we discussed are just a small sampling There are many more Web 2.0 multimedia services available We have developed a guide for you that lists many of these services Categorized Lists of features In Closing… We hope you find these services useful and can find ways to apply them for your own needs Use our guide as a reference to discover more services available on the Web Additional Services Online Versions of Office Tools Google Apps Zoho Word Processing Word Processing Presentation Tools Presentation Tools Spreadsheets Spreadsheets Online collaboration Online collaboration Security settings Note taker E‐mail Organizer Calendar E‐mail www.zoho.com www.google.com/a Storage Driveway Xdrive 2gb storage 5 gb storage Track file downloads Share files Share files Easy organization Embed data as widgets on www.xdrive.com your site www.driveway.com Prinng Lulu Blurb Publish your manuscript, Publish your manuscript, photos, or digital files photos, or digital files Control over format, size, Control over format, size, cover, binding cover, binding Order personal copies or sell Free software online lets you convert your blog into a book Order personal www.lulu.com copies or sell online www.blurb.com .