{"id":83,"date":"2008-01-23T00:38:11","date_gmt":"2008-01-22T19:08:11","guid":{"rendered":"http:\/\/www.bin-co.com\/blog\/2008\/01\/defining-web-20-at-3-levels\/"},"modified":"2008-01-23T00:38:11","modified_gmt":"2008-01-22T19:08:11","slug":"defining-web-20-at-3-levels","status":"publish","type":"post","link":"https:\/\/www.bin-co.com\/blog\/2008\/01\/defining-web-20-at-3-levels\/","title":{"rendered":"Defining Web 2.0 &#8211; At 3 Levels"},"content":{"rendered":"<p><img src='http:\/\/www.bin-co.com\/blog\/wp-content\/uploads\/2008\/01\/web20-1-1.png' alt='Web 2.0' class=\"intro\" align=\"right\" \/><\/p>\n<p class=\"intro\">Web 2.0 &#8211; almost everyone have heard the term &#8211; but few are sure about its meaning. Unfortunately, it cannot be defined easily. People in different fields have their own unique definitions for the term. In this article, I will attempt to define the term at three different level &#8211; the Philosophy, the Technology and the Design.<\/p>\n<p><strong>Disclaimer<\/strong>: Before anyone reacts violently to the term Web 2.0, let me make myself very clear&#8230;<br \/>\n<strong class=\"highlight\">Web 2.0 is an <a href=\"http:\/\/blog.binnyva.com\/2007\/07\/what-is-web-20\/\">ambiguous buzz word<\/a><\/strong>. It has been used and abused so many times that it <strong class=\"highlight\">does not have a consistent meaning<\/strong> &#8211; so people are free to interpret it as they see fit. And this is how I interpret it.<\/p>\n<h2>Philosophy<\/h2>\n<p>The design philosophy of a web site can make it a Web 2.0 site. This is perhaps the key difference between a Web 1.0 site and a Web 2.0 site&#8230;<\/p>\n<p>Web 1.0 is a web site where there is a <strong class=\"highlight\">one way communication between the web master to the visitor<\/strong>. A Web 2.0 site is a site where the <strong class=\"highlight\">visitors can communicate with each other<\/strong>.<\/p>\n<p>For example, compare the Encyclopedia Britannica to Wikipedia. In Encyclopedia Britannica, the web master creates the content and gives it to the visitor &#8211; the visitor has no way of talking back. But in Wikipedia, the visitor create the content for other visitors.<\/p>\n<h2>Technology<\/h2>\n<p>The keyword here is &#8220;Internet as a platform&#8221;. In Web 2.0, the <strong class=\"highlight\">net became the platform rather than just a data transfer mechanism<\/strong>. For a simple example, when you visit a site, the videos in it come from YouTube, the images from Flickr, the search is done using Google API and you can bookmark pages using the API from del.icio.us.<\/p>\n<p>Some technologies that are described as Web 2.0&#8230;<\/p>\n<ul>\n<li>Ajax<\/li>\n<li>Valid Markup<\/li>\n<li><a href=\"http:\/\/microformats.org\/\">Microformats<\/a><\/li>\n<li>Tagging, Tag Clouds<\/li>\n<li>APIs<\/li>\n<li>Feeds<\/li>\n<li>Mashups<\/li>\n<\/ul>\n<p>Some features that makes a technology Web 2.0&#8230;<\/p>\n<dl>\n<dt>Speed<\/dt>\n<dd>For example, <a href=\"http:\/\/www.openjs.com\/ajax\/tutorial\/\">Ajax<\/a> makes simple tasks much faster.<\/dd>\n<dt>Ease of Use<\/dt>\n<dd>A good example of this is Tagging. It is a much easier approach when compared to hierarchies.<\/dd>\n<dt>Enabling Mashups<\/dt>\n<dd>APIs, Feeds, etc. makes this possible.<\/dd>\n<dt>Bringing Web Apps closer to the Desktop<\/dt>\n<dd>Ajax, AIR, etc.<\/dd>\n<\/dl>\n<h2>Design<\/h2>\n<p>This is perhaps the only area where the term Web 2.0 can be defined with a reasonable level of accuracy. A site with a Web 2.0 design is one that has at least some of these elements&#8230;<\/p>\n<h3>Simple Design<\/h3>\n<p><a href=\"http:\/\/www.stonewall.co.za\/\"><img src='http:\/\/www.bin-co.com\/blog\/wp-content\/uploads\/2008\/01\/stonewall-1-1.jpg' alt='Stonewall' \/><\/a><\/p>\n<h3>Lots of white space<\/h3>\n<p><a href=\"http:\/\/browsehappy.com\/\"><img src='http:\/\/www.bin-co.com\/blog\/wp-content\/uploads\/2008\/01\/browsehappy-1-1.jpg' alt='Browse Happy' \/><\/a><\/p>\n<h3><a href=\"http:\/\/www.bin-co.com\/blog\/2007\/12\/a-secret-source-for-great-free-icons-for-your-desktop-and-web-apps\/\">Nice Icons<\/a><\/h3>\n<p><a href=\"http:\/\/www.37signals.com\/\"><img src='http:\/\/www.bin-co.com\/blog\/wp-content\/uploads\/2008\/01\/37signal_icons-1-1.jpg' alt='37Signal Icons' \/><\/a><\/p>\n<h3>Violators\/Badges\/Star Flashes<\/h3>\n<p><a href=\"http:\/\/www.alistapart.com\/\"><img src='http:\/\/www.bin-co.com\/blog\/wp-content\/uploads\/2008\/01\/alistapart-1-1.jpg' alt='A List Apart Violator' \/><\/a><\/p>\n<h3>Big Fonts<\/h3>\n<p><a href=\"http:\/\/www.37signals.com\/\"><img src='http:\/\/www.bin-co.com\/blog\/wp-content\/uploads\/2008\/01\/37signals-1-1.jpg' alt='37Signal Font' \/><\/a><\/p>\n<h3>Gradients<\/h3>\n<p><a href=\"http:\/\/www.stonewall.co.za\/\"><img src='http:\/\/www.bin-co.com\/blog\/wp-content\/uploads\/2008\/01\/stonewall-1-1.jpg' alt='Stonewall' \/><\/a><\/p>\n<h3>Reflections<\/h3>\n<p><a href=\"http:\/\/www.curve2.com\/\"><img src='http:\/\/www.bin-co.com\/blog\/wp-content\/uploads\/2008\/01\/curve2-1-1.jpg' alt='Curve 2 Reflections' \/><\/a><\/p>\n<h3>Shadows<\/h3>\n<p><a href=\"http:\/\/www.bin-co.com\/blog\/\"><img src='http:\/\/www.bin-co.com\/blog\/wp-content\/uploads\/2008\/01\/shadows-1-1.png' alt='Shadows' \/><\/a><\/p>\n<h3>And More&#8230;<\/h3>\n<p><a href=\"http:\/\/www.webdesignfromscratch.com\/web-2.0-design-style-guide.cfm\">Web 2.0 Design Style Guide<\/a><\/p>\n<h2>For More Information<\/h2>\n<ul>\n<li><a href=\"http:\/\/en.wikipedia.org\/wiki\/Web_2.0\">Web 2.0 Wikipedia<\/a><\/li>\n<li><a href=\"http:\/\/www.paulgraham.com\/web20.html\">Web 2.0<\/a><\/li>\n<li><a href=\"http:\/\/www.oreillynet.com\/pub\/a\/oreilly\/tim\/news\/2005\/09\/30\/what-is-web-20.html\">What Is Web 2.0<\/a><\/li>\n<li><a href=\"http:\/\/radar.oreilly.com\/archives\/2005\/08\/not_20.html\">Not 2.0?<\/a><\/li>\n<li><a href=\"http:\/\/www.webdesignfromscratch.com\/web-2.0-design-style-guide.cfm\">Web 2.0 Design Style Guide<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<div class=\"mh-excerpt\"><p>Web 2.0 &#8211; almost everyone have heard the term &#8211; but few are sure about its meaning. Unfortunately, it cannot be defined easily. People in <a class=\"mh-excerpt-more\" href=\"https:\/\/www.bin-co.com\/blog\/2008\/01\/defining-web-20-at-3-levels\/\" title=\"Defining Web 2.0 &#8211; At 3 Levels\">[&#8230;]<\/a><\/p>\n<\/div>","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4,9,11,18,29,30],"tags":[90,92,140,209,275,297,299],"class_list":["post-83","post","type-post","status-publish","format-standard","hentry","category-ajax","category-css","category-design","category-opinion","category-web20","category-web-development","tag-design","tag-development","tag-hype","tag-philosophy","tag-technology","tag-web","tag-web-20"],"_links":{"self":[{"href":"https:\/\/www.bin-co.com\/blog\/wp-json\/wp\/v2\/posts\/83","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bin-co.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.bin-co.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.bin-co.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bin-co.com\/blog\/wp-json\/wp\/v2\/comments?post=83"}],"version-history":[{"count":0,"href":"https:\/\/www.bin-co.com\/blog\/wp-json\/wp\/v2\/posts\/83\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.bin-co.com\/blog\/wp-json\/wp\/v2\/media?parent=83"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bin-co.com\/blog\/wp-json\/wp\/v2\/categories?post=83"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.bin-co.com\/blog\/wp-json\/wp\/v2\/tags?post=83"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}