Web2.0 : an introduction

7,476 views
7,091 views

Published on

web2.0 what it is all about

Published in: Technology, Design
2 Comments
19 Likes
Statistics
Notes
No Downloads
Views
Total views
7,476
On SlideShare
0
From Embeds
0
Number of Embeds
8
Actions
Shares
0
Downloads
256
Comments
2
Likes
19
Embeds 0
No embeds

No notes for slide

Web2.0 : an introduction

  1. 1. Web 2.0
  2. 3. What is Web 2.0
  3. 4. A Revolution <ul><li>Before Web 2.0 we looked towards web as an information warehouse. </li></ul><ul><li>But now Web is a platform of collaboration, a place where users can share, can interact and can build up on the work of their own as well as that of others’ </li></ul>
  4. 5. Revolution continues <ul><li>Earlier we the users used to be on the receiving end always. </li></ul><ul><li>But now we are empowered , we interact and we share and </li></ul><ul><li>make WEB a BETTER PLACE TO BE . </li></ul><ul><li>In short </li></ul><ul><li>It’s Web “For the People By the people and From the people” </li></ul>
  5. 6. More on Web 2.0 <ul><li>Web 2.0 also aims to bridge the gap between desktop and web. </li></ul><ul><li>Bringing desktop to web is one more task for web 2.0 developers. </li></ul><ul><li>Examples includes </li></ul><ul><li>Online instant messaging sites </li></ul><ul><li>Online office suits </li></ul>
  6. 7. Web 2.0 Includes <ul><li>Blogs </li></ul><ul><li>Mashups </li></ul><ul><li>Social networking </li></ul><ul><li>Wikis </li></ul><ul><li>And many more </li></ul>
  7. 8. Social Networking <ul><li>Do I Seriously need to explain it? </li></ul><ul><li>Examples are </li></ul><ul><li>Orkut </li></ul><ul><li>Facebook </li></ul><ul><li>myspace </li></ul>
  8. 10. Mashups <ul><li>With the launch of Web 2.0 come a concept of collaboration. </li></ul><ul><li>Sites started to open up their resource for others to use. </li></ul><ul><li>Mashup is a combination of such open interfaces from different sites. </li></ul>
  9. 12. Wiki <ul><li>A site which is user editable </li></ul><ul><li>Used to build content in a collaborative manner. </li></ul><ul><li>BEST EXAMPLE </li></ul><ul><li>WIKIPEDIA.com </li></ul>
  10. 14. Blogsphere <ul><li>Blog – Web Log </li></ul><ul><li>A sort of an online diary </li></ul><ul><li>Service providers </li></ul><ul><li>Blogger.com </li></ul><ul><li>Wordpress.com </li></ul><ul><li>Vox.com </li></ul>
  11. 15. Blogsphere <ul><li>Why important </li></ul><ul><li>Coz from being a consumer you become a producer. </li></ul><ul><li>The content you write becomes your reputation, your image on the web. </li></ul><ul><li>“ I have seen people getting hefty jobs just coz of their blogs” </li></ul>
  12. 16. Web 1.0 Vs Web 2.0 <ul><li>Static websites. </li></ul><ul><li>Emails. </li></ul><ul><li>Forums. </li></ul><ul><li>Basic search engines. </li></ul><ul><li>Groups. </li></ul><ul><li>Newsletters. </li></ul><ul><li>HTML. </li></ul><ul><li>JavaScript for validations etc. </li></ul><ul><li>Blogs. </li></ul><ul><li>Wikis. </li></ul><ul><li>Audio/Video Sharing. </li></ul><ul><li>Social Software. </li></ul><ul><li>RSS/XML/Atom feeds. </li></ul><ul><li>Webcasts/ Podcasts. </li></ul><ul><li>Open APIs. </li></ul><ul><li>Mobility. </li></ul><ul><li>CSS Designs. </li></ul><ul><li>Visual dynamic effects. </li></ul><ul><li>Ajax </li></ul><ul><li>Advanced JavaScript for effects. </li></ul>
  13. 17. Examples 2.0 <ul><li>Google Maps. http://maps.google.com </li></ul><ul><li>Flickr. http:// www.flickr.com </li></ul><ul><li>Orkut. http://www.orkut.com </li></ul><ul><li>Meebo. http://www.meebo.com </li></ul><ul><li>Digg. http://www.digg.com </li></ul><ul><li>Odeo http:// www.odeo.com </li></ul>
  14. 18. Examples 2.0 <ul><li>Google Maps. http://maps.google.com </li></ul>Visual Maps Mash Up
  15. 19. More Examples 2.0 <ul><li>Flickr. http:// www.flickr.com </li></ul>Photo Publishing and Sharing Site
  16. 20. More . . . <ul><li>Orkut. http:// www.orkut.com </li></ul>Social Networking Site
  17. 21. And More . . . <ul><li>Meebo. http:// www.meebo.com </li></ul>Web based messenger client
  18. 22. And More . . . <ul><li>Digg. http:// www.digg.com </li></ul>Social news book marking and sharing site
  19. 23. And More . . . <ul><li>Delicious. http:// del.icio.us </li></ul>A Social Book Marking Site
  20. 24. And More . . . <ul><li>Wikipedia. http:// www.wikipedia.org </li></ul>A Wiki Encyclopedia
  21. 25. And More . . . <ul><li>Linked In. http:// www.linkedin.com </li></ul>A Business Networking Site
  22. 26. And More . . . <ul><li>YouTube. http:// www.youtube.com </li></ul>A Video Sharing Site
  23. 27. And More . . . <ul><li>Blogger. http:// www.blogger.com </li></ul>A Popular Blogging Tool
  24. 28. And More . . . <ul><li>Zoho Office. http://www.zoho.com </li></ul>A Virtual Web Office Suite
  25. 29. More Examples 2.0 <ul><li>Delicious. http:// del.icio.us </li></ul><ul><li>Wikipedia. http:// www.wikipedia.org </li></ul><ul><li>Linked In. http:// www.linkedin.com </li></ul><ul><li>YouTube. http:// www.youtube.com </li></ul><ul><li>Blogger. http:// www.blogger.com </li></ul><ul><li>MySpace. http://www.myspace.com </li></ul>
  26. 30. Technology 2.0 <ul><li>AJAX (Asynchronous JavaScript And XML). </li></ul><ul><li>CSS (Cascading Style Sheets). </li></ul><ul><li>XHTML. </li></ul><ul><li>Open Source Developments. </li></ul><ul><li>Lightweight Apps. </li></ul><ul><li>Differential Data Transfer. </li></ul><ul><li>Server side programming. </li></ul><ul><li>DOM Scripting. </li></ul><ul><li>RSS/XML/ATOM Feeds. </li></ul>
  27. 32. Ajax ? <ul><li>Asynchronous JavaScript And XML. </li></ul><ul><li>Differential Data Transfer. </li></ul><ul><li>Fast Processing and low bandwidth consumption. </li></ul><ul><li>Sleek and more handy interface. </li></ul><ul><li>Open Source technology. </li></ul><ul><li>Growing and spreading rapidly. </li></ul><ul><li>Desktop like easy interface. </li></ul><ul><li>Famous Ajax enabled apps are : </li></ul><ul><ul><ul><li>Google Maps </li></ul></ul></ul><ul><ul><ul><li>Gmail </li></ul></ul></ul>
  28. 33. Technically Ajax <ul><li>Fetching Server Side processed data through Client Side JavaScript. </li></ul><ul><li>XMLHttpRequest (XHR) object. </li></ul>
  29. 35. Ajax Examples <ul><li>Live. http://www.live.com </li></ul><ul><li>A9. http://www.a9.com </li></ul><ul><li>AskX. http://www.askx.com </li></ul><ul><li>Wikimapia. http://www.wikimapia.org </li></ul><ul><li>Meebo. http://www.meebo.com </li></ul><ul><li>Google Maps. http://maps.google.com </li></ul>
  30. 36. CSS <ul><li>Cascading Style Sheets. </li></ul><ul><li>Used for defining the styling rules of a webpage. </li></ul>
  31. 37. XHTML ? <ul><li>Stands for eXtensible HyperText Markup Language </li></ul><ul><li>Aimed to replace HTML </li></ul><ul><li>Almost identical to HTML 4.01 </li></ul><ul><li>Stricter and cleaner version of HTML </li></ul><ul><li>HTML defined as an XML application </li></ul><ul><li>XHTML is a W3C Recommendation </li></ul>
  32. 38. Why Ajax is growing so fast ? <ul><li>Because, its Open Source like Linux, PHP, MySql, Open Office etc. </li></ul>
  33. 39. So ? <ul><li>Open Source Technologies are developed and spread like anything. </li></ul><ul><li>Because, Anyone can develop, improve and redistribute them. </li></ul><ul><li>These are self motivated and community powered. </li></ul><ul><li>Every single developer can use his/her creativity and strengths to develop the application/technology. </li></ul><ul><li>There are no limits and all the freedom. </li></ul>
  34. 40. What are Open Source software licenses ? <ul><li>Any developer/licensor can draft an agreement that conforms to the OSD, though most licensors use existing agreements like: </li></ul><ul><ul><ul><ul><li>• GNU Public License (“GPL”) </li></ul></ul></ul></ul><ul><ul><ul><ul><li>• Lesser/Library GNU Public License (“LGPL”) </li></ul></ul></ul></ul><ul><ul><ul><ul><li>• Mozilla Public License </li></ul></ul></ul></ul><ul><ul><ul><ul><li>• Berkeley Software Distribution license (“BSD”) </li></ul></ul></ul></ul><ul><ul><ul><ul><li>• Apache Software License </li></ul></ul></ul></ul><ul><ul><ul><ul><li>• See complete list at www.opensource.org/licenses </li></ul></ul></ul></ul>
  35. 41. Open Source Examples <ul><li>Linux (operating system kernel – substitutes for proprietary UNIX) </li></ul><ul><li>Apache Web Server (web server for UNIX systems) </li></ul><ul><li>MySQL (Structured Query Language – competes with Oracle) </li></ul><ul><li>Cloudscape, Eclipse (IBM contributions) </li></ul><ul><li>OpenOffice (open source implementation of Sun’s StarOffice) </li></ul>
  36. 42. Biggest Players in Open Source <ul><li>IBM </li></ul><ul><li>HP </li></ul><ul><li>SUN/ORACLE </li></ul><ul><li>RedHat </li></ul><ul><li>Apache Software Foundation </li></ul><ul><li>Mozilla Foundation </li></ul><ul><li>Richard M. Stallman </li></ul><ul><li>Linus Torvalds </li></ul>Corporate Non-Profit Organizations Individuals
  37. 43. Why Companies are moving towards it ? <ul><li>Cost savings </li></ul><ul><li>Stability </li></ul><ul><li>No forced upgrades </li></ul><ul><li>Access and broad rights to source code </li></ul><ul><li>Access to skilled community of developers </li></ul><ul><li>Ability to define and expedite new development </li></ul>
  38. 44. About the author some shameless self promotion Anant Shrivastava a.k.a. Techno Enthusiast A Workaholic, deeply passionate about GNU / LINUX, OPEN SOURCE, and latest trends in internet technology specially web 2.0 Website : http://anantshri.info Blog : http://blog.anantshri.info Twitter : @anantshri Linkedin : http://www.linkedin.com/in/anantshri For all of my other networking profiles list is here

×