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

                   DoubleClick     Google AdSense
                           Ofoto   Flickr
          ...
Microcontent
          and Social Media
●
    “Technology becomes more transparent;
    attention is focused on content”

...
Evolutionary Change

●
    Internet is about
            networked information



●
    Web 2.o is about
           networ...
Elements of Web 2.o

●
    Dynamic content, focused on
    user experience

●
    Open standards allow connectivity
    an...
The Experience
User Experience

●
    Is my site user-friendly?

●
    Can I find information in it easily?

●
    Does it motivate peopl...
User Experience
User Experience
User Experience
User Experience




  http://dontclick.it
Carousel




http://dougmccune.com/blog/2007/11/19/flex-
Native Interfaces




http://www.pandorabots.com/pandora/talk?bo

http://www.quietlyscheming.com/blog/compon
Interactive Diagrams



http://simile.mit.edu


http://birdeye.googlecode.com


http://www.quietlyscheming.com/blog/charts...
Virtual Worlds




http://taggalaxy.de/
Mobile Internet

●
    Is your site accessible from a mobile
    phone?


●
    What kind of handhelds does it
    support...
The Humanware
User-Generated Content

Before               Now
Collaborative Authoring




http://docs.google.com


http://buzzword.acrobat.com
Social Networking

Social               Artificial
 Intelligence         Intelligence



http://last.fm       http://pando...
Online Communication


http://meebo.com



http://flashmeeting.open.ac.uk


http://live.yahoo.com
Content

Authors                User

●
    Text               ●
                           Comments

●
    Audio/visual  ...
Free Distribution

●
    Word-of-Mouth marketing

●
    Involves external authors and
    promotes innovation

●
    Produ...
Why Own Site

●
    Establishment of online brands

●
    Preservation of product
    rights ownership

●
    Escape from ...
Online Site Creation




http://sites.google.com

http://profx.us
Open Source

●
    Light-weight and
    widely available applications

●
    Can be freely used and modified

●
    Includ...
The Standards
Multi-Layer Architecture
Web Services

●
    Access to content via
    web requests or programming
    interface (API)

●
    Sites provide documen...
Rich Internet Applications

●
    Full desktop functionality within a
    browser

●
    Multi-platform and browser-
    i...
SplashUp




http://splashup.com/splashup
Online Video Editing




http://techloop.blogspot.com/2007/08/5-free-online-vid
Open Screen

●
    RIA-access for mobile and
    entertainment devices

●
    Hardware-independent content delivery

●
   ...
Upcoming SlideShare
Loading in...5
×

TOSMI Web2.o

953

Published on

A presentation about Web 2.o within TOSMI: Multimedia for the Web

Training in Open Source Multimedia Instruments, http://tosmi.org

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

No Downloads
Views
Total Views
953
On Slideshare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
6
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

TOSMI Web2.o

  1. 1. Martin Ruskov TOSMI 2009 Media for the Web August, 10-16
  2. 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. 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. 4. Evolutionary Change ● Internet is about networked information ● Web 2.o is about networked people
  5. 5. Elements of Web 2.o ● Dynamic content, focused on user experience ● Open standards allow connectivity and reusability ● Users generate content and semantics
  6. 6. The Experience
  7. 7. User Experience ● Is my site user-friendly? ● Can I find information in it easily? ● Does it motivate people to explore it?
  8. 8. User Experience
  9. 9. User Experience
  10. 10. User Experience
  11. 11. User Experience http://dontclick.it
  12. 12. Carousel http://dougmccune.com/blog/2007/11/19/flex-
  13. 13. Native Interfaces http://www.pandorabots.com/pandora/talk?bo http://www.quietlyscheming.com/blog/compon
  14. 14. Interactive Diagrams http://simile.mit.edu http://birdeye.googlecode.com http://www.quietlyscheming.com/blog/charts/i
  15. 15. Virtual Worlds http://taggalaxy.de/
  16. 16. Mobile Internet ● Is your site accessible from a mobile phone? ● What kind of handhelds does it support? ● Is it convenient to use?
  17. 17. The Humanware
  18. 18. User-Generated Content Before Now
  19. 19. Collaborative Authoring http://docs.google.com http://buzzword.acrobat.com
  20. 20. Social Networking Social Artificial Intelligence Intelligence http://last.fm http://pandora.com http://colourlovers.com http://colorblender.com
  21. 21. Online Communication http://meebo.com http://flashmeeting.open.ac.uk http://live.yahoo.com
  22. 22. Content Authors User ● Text ● Comments ● Audio/visual ● Tags and content categories ● Multimedia ● Voting and ranking
  23. 23. Free Distribution ● Word-of-Mouth marketing ● Involves external authors and promotes innovation ● Product development starts with release, not finishes
  24. 24. Why Own Site ● Establishment of online brands ● Preservation of product rights ownership ● Escape from site provider restrictions ● Delivery of unique services
  25. 25. Online Site Creation http://sites.google.com http://profx.us
  26. 26. Open Source ● Light-weight and widely available applications ● Can be freely used and modified ● Includes functionality, necessary for average everyday use
  27. 27. The Standards
  28. 28. Multi-Layer Architecture
  29. 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. 30. Rich Internet Applications ● Full desktop functionality within a browser ● Multi-platform and browser- independent ● Outstanding internet security
  31. 31. SplashUp http://splashup.com/splashup
  32. 32. Online Video Editing http://techloop.blogspot.com/2007/08/5-free-online-vid
  33. 33. Open Screen ● RIA-access for mobile and entertainment devices ● Hardware-independent content delivery ● Internet beyond screen, keyboard and mouse
  1. A particular slide catching your eye?

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

×