1. 4/15/06 CS 575 Web 2.0 Culture Martin Olsen

2. 4/15/06 CS 575 Agenda What is Web 2.0? Similarities between Web 2.0 pages.

3. 4/15/06 CS 575 What is Web 2.0? Changes –Burst of the bubble in 2000-2001 –Many companies fell –Some stayed put / arose Brainstorming session, 2001 –O’Reilly –MediaLive International Initially nothing to do with AJAX

4. 4/15/06 CS 575 Some changes Web 1.0 Web 2.0 DoubleClick-->Google AdSense Akamai-->BitTorrent mp3.com-->Napster Britannica Online-->Wikipedia personal websites-->blogging publishing-->participation cms-->wikis

5. 4/15/06 CS 575 Netscape Web-browser Huge market share in mid 90’s Business model –Supply market with free web-browsers –Offer expensive server-end software –The “webtop” client that would run software through the web No longer market Market has moved up the stack to services delivered over web

6. 4/15/06 CS 575 DoubleClick Early out on internet advertisement DoubleClick only offered services to the high-end clients, not the average users From website: –"over 2000 successful implementations“ Adsense offers services to all types of users for no cost. (very easy implementation)

7. 4/15/06 CS 575 What made some survive? Collective intelligence –The web can not be controlled, users add links –Organizing/Indexing the web (Google, Yahoo) –Google pagerank –Let your users do the work, Ebay, Wikipedia –Amazon Book reviews Other books Resale

8. 4/15/06 CS 575 End of Software rel. Cycles Harder to run traditional software company –Scheduling releases –Software as an artifact –Still doable: Microsoft, Adobe, Game industry. –Harder to break through than before Success stories: software as service Example: –Netscape business model vs. Google business model

9. 4/15/06 CS 575 Web 2.0 Design similarities A lot of pages today have what we call a 2.0 design. Sites that talk about 2.0 design: –http://mittermayr.wordpress.com/2006/02/03/2 0-culture/http://mittermayr.wordpress.com/2006/02/03/2 0-culture/ –http://www.basement.org/archives/2006/03/re ality_check_20.htmlhttp://www.basement.org/archives/2006/03/re ality_check_20.html

10. 4/15/06 CS 575 Design: Shapes Rounded shapes has become common for newer websites. Example: –Gtalkr.com Example no rounded shapes: –http://www.writeboard.com /http://www.writeboard.com /

11. 4/15/06 CS 575 Design: Shades

12. 4/15/06 CS 575 Design: Fonts Simple fonts, easily readable: Arial Microsoft Sans Serif Not: Times New Roman Comic Sans MS Old English Text MT

13. 4/15/06 CS 575 Design: Colors Pastel colors have become more common: Light pastel background Darker shade of that pastel when used elsewhere Example: –http://www.skype.com/

14. 4/15/06 CS 575 Design: Footers Footers is an expected element. –No footer can be associated with personal web page. –Footer resembles professionalism and business. Example: –http://www.google.com

15. 4/15/06 CS 575 Design: Buttons The newer trend is to use buttons that are images –Colorful –Rounded shapes –Often oversized Example: –http://www.yousendit.com/

16. 4/15/06 CS 575 Design: Oversized Use over sizing as a tool to emphasize: –Headings –“Click here” or “next” buttons –Links Example: –http://www.flickr.comhttp://www.flickr.com