The document discusses the evolution from Web 1.0 to Web 2.0, emphasizing user-generated content, dynamic social interactions, and the importance of user experience. Key elements of Web 2.0 include open standards, collaborative tools, and the accessibility of content across devices. It highlights the shift toward networked information centered around people rather than traditional hierarchies, fostering innovation and community engagement.

1. Martin Ruskov
TOSMI 2009
Media for the Web
August, 10-16

2. Web 1.o vs Web 2.o
DoubleClick Google AdSense
Ofoto Flickr
Akamai BitTorrent
mp3.com Napster
Britannica Online Wikipedia
personal websites blogging
evite upcoming.org and EVDB
domain name speculation search engine optimization
page views cost per click
screen scraping web services
publishing participation
content management systems wikis
directories (taxonomy) tagging ("folksonomy")
stickiness syndication
Tim O'Reilly, What Is Web 2.o, 2005

3. Microcontent
and 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

4. Evolutionary Change
●
Internet is about
networked information
●
Web 2.o is about
networked people

5. Elements of Web 2.o
●
Dynamic content, focused on
user experience
●
Open standards allow connectivity
and reusability
●
Users generate content and
semantics

6. The Experience

7. User Experience
●
Is my site user-friendly?
●
Can I find information in it easily?
●
Does it motivate people to explore it?

8. User Experience

9. User Experience

10. User Experience

11. User Experience
http://dontclick.it

12. Carousel
http://dougmccune.com/blog/2007/11/19/flex-

13. Native Interfaces
http://www.pandorabots.com/pandora/talk?bo
http://www.quietlyscheming.com/blog/compon

14. Interactive Diagrams
http://simile.mit.edu
http://birdeye.googlecode.com
http://www.quietlyscheming.com/blog/charts/i

15. Virtual Worlds
http://taggalaxy.de/

16. Mobile Internet
●
Is your site accessible from a mobile
phone?
●
What kind of handhelds does it
support?
●
Is it convenient to use?

17. The Humanware

18. User-Generated Content
Before Now

19. Collaborative Authoring
http://docs.google.com
http://buzzword.acrobat.com

20. Social Networking
Social Artificial
Intelligence Intelligence
http://last.fm http://pandora.com
http://colourlovers.com
http://colorblender.com

21. Online Communication
http://meebo.com
http://flashmeeting.open.ac.uk
http://live.yahoo.com

22. Content
Authors User
●
Text ●
Comments
●
Audio/visual ●
Tags and
content categories
●
Multimedia ●
Voting and
ranking

23. Free Distribution
●
Word-of-Mouth marketing
●
Involves external authors and
promotes innovation
●
Product development
starts with release, not finishes

24. Why Own Site
●
Establishment of online brands
●
Preservation of product
rights ownership
●
Escape from site provider restrictions
●
Delivery of unique services

25. Online Site Creation
http://sites.google.com
http://profx.us

26. Open Source
●
Light-weight and
widely available applications
●
Can be freely used and modified
●
Includes functionality, necessary for
average everyday use

27. The Standards

28. Multi-Layer Architecture

29. Web Services
●
Access to content via
web requests or programming
interface (API)
●
Sites provide documentation for the
services they provide
●
Allows integration of independent
information systems

30. Rich Internet Applications
●
Full desktop functionality within a
browser
●
Multi-platform and browser-
independent
●
Outstanding internet security

31. SplashUp
http://splashup.com/splashup

32. Online Video Editing
http://techloop.blogspot.com/2007/08/5-free-online-vid

33. Open Screen
●
RIA-access for mobile and
entertainment devices
●
Hardware-independent content delivery
●
Internet beyond screen, keyboard and
mouse