Transcript Web_2
Web 2.0 Culture Martin Olsen 4/15/06 CS 575 Agenda • What is Web 2.0? • Similarities between Web 2.0 pages. 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/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 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 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) 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 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 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://www.basement.org/archives/2006/03/re ality_check_20.html 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/ 4/15/06 CS 575 Design: Shades 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 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/ 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 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/ 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.com 4/15/06 CS 575