tosmi web2.o
DESCRIPTION
A presentation about Web 2.o within TOSMI: Multimedia for the Web Training in Open Source Multimedia Instruments, http://tosmi.orgTRANSCRIPT
Martin RuskovTOSMI 2009
Media for the WebAugust, 10-16
Web 1.o vs Web 2.oWeb 1.o vs Web 2.o
DoubleClick Ofoto
Akamai mp3.com
Britannica Online personal websites
evite domain name speculation
page views screen scraping
publishing content management systems
directories (taxonomy) stickiness
Google AdSense Flickr BitTorrent Napster Wikipedia blogging upcoming.org and EVDB search engine optimization cost per click web services participation wikis tagging ("folksonomy") syndication
Tim O'Reilly, What Is Web 2.o, 2005
MicrocontentMicrocontentand Social Mediaand Social Media
● “Technology becomes more transparent; attention is focused on content”
● “Organized around people rather than traditional computer hierarchies of directory trees”
● “Web 2.o tools are built to combine microcontent from different users with shared interest”
Alexander&Levine, Web 2.o Storytelling: Emergence of a New Genre, 2008
Evolutionary ChangeEvolutionary Change
● Internet is aboutnetworked information
● Web 2.o is aboutnetworked people
Elements of Web 2.oElements of Web 2.o
● Dynamic content, focused onuser experience
● Open standards allow connectivity and reusability
● Users generate content and semantics
The ExperienceThe Experience
User ExperienceUser Experience
● Is my site user-friendly?
● Can I find information in it easily?
● Does it motivate people to explore it?
User ExperienceUser Experience
User ExperienceUser Experience
User ExperienceUser Experience
CarouselCarousel
http://dougmccune.com/blog/2007/11/19/flex-coverflow-performance-improvement-flex-carousel-component-and-vertical-coverflow/
Native InterfacesNative Interfaces
http://www.pandorabots.com/pandora/talk?botid=f5d922d97e345aa1
http://www.quietlyscheming.com/blog/components/flexbook/
Interactive DiagramsInteractive Diagrams
http://simile.mit.edu
http://birdeye.googlecode.com
http://www.quietlyscheming.com/blog/charts/interactive-bubble-chart
http://www.quietlyscheming.com/blog/charts/interactive-bubble-chart/
Mobile InternetMobile Internet
● Is your site accessible from a mobile phone?
● What kind of handhelds does it support?
● Is it convenient to use?
The HumanwareThe Humanware
User-Generated ContentUser-Generated Content
BeforeBefore NowNow
Collaborative AuthoringCollaborative Authoring
http://docs.google.com
http://buzzword.acrobat.com
Social NetworkingSocial Networking
Social Social IntelligenceIntelligence
http://last.fm
http://colourlovers.com
Artificial Artificial IntelligenceIntelligence
http://pandora.com
http://colorblender.com
Online CommunicationOnline Communication
http://meebo.com
http://flashmeeting.open.ac.uk
http://live.yahoo.com
ContentContent
AuthorsAuthors
● Text
● Audio/visual content
● Multimedia
UserUser
● Comments
● Tags and categories
● Voting and ranking
Free DistributionFree Distribution
● Word-of-Mouth marketing
● Involves external authors and promotes innovation
● Product developmentstarts with release, not finishes
Why Own SiteWhy Own Site
● Establishment of online brands
● Preservation of productrights ownership
● Escape from site provider restrictions
● Delivery of unique services
Online Site CreationOnline Site Creation
http://sites.google.com
http://profx.us
Open SourceOpen Source
● Light-weight andwidely available applications
● Can be freely used and modified
● Includes functionality, necessary for average everyday use
The StandardsThe Standards
Multi-Layer ArchitectureMulti-Layer Architecture
Web ServicesWeb Services
● Access to content viaweb requests or programming interface (API)
● Sites provide documentation for the services they provide
● Allows integration of independent information systems
Rich Internet ApplicationsRich Internet Applications
● Full desktop functionality within a browser
● Multi-platform and browser-independent
● Outstanding internet security
Online Video EditingOnline Video Editing
http://techloop.blogspot.com/2007/08/5-free-online-video-editing-sites.html
Open ScreenOpen Screen
● RIA-access for mobile and entertainment devices
● Hardware-independent content delivery
● Internet beyond screen, keyboard and mouse