web2.0 : an introduction
DESCRIPTION
web2.0 what it is all aboutTRANSCRIPT
![Page 1: Web2.0 : an introduction](https://reader035.vdocument.in/reader035/viewer/2022062613/545775e3b1af9f33608b4e25/html5/thumbnails/1.jpg)
Web 2.0
![Page 2: Web2.0 : an introduction](https://reader035.vdocument.in/reader035/viewer/2022062613/545775e3b1af9f33608b4e25/html5/thumbnails/2.jpg)
![Page 3: Web2.0 : an introduction](https://reader035.vdocument.in/reader035/viewer/2022062613/545775e3b1af9f33608b4e25/html5/thumbnails/3.jpg)
What is Web 2.0
![Page 4: Web2.0 : an introduction](https://reader035.vdocument.in/reader035/viewer/2022062613/545775e3b1af9f33608b4e25/html5/thumbnails/4.jpg)
A Revolution
• Before Web 2.0 we looked towards web as an information warehouse.
• 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’
![Page 5: Web2.0 : an introduction](https://reader035.vdocument.in/reader035/viewer/2022062613/545775e3b1af9f33608b4e25/html5/thumbnails/5.jpg)
Revolution continues
• Earlier we the users used to be on the receiving end always.
• But now we are empowered, we interact and we share and
• make WEB a BETTER PLACE TO BE.• In shortIt’s Web “For the People By the people
and From the people”
![Page 6: Web2.0 : an introduction](https://reader035.vdocument.in/reader035/viewer/2022062613/545775e3b1af9f33608b4e25/html5/thumbnails/6.jpg)
More on Web 2.0
• Web 2.0 also aims to bridge the gap between desktop and web.
• Bringing desktop to web is one more task for web 2.0 developers.
• Examples includes• Online instant messaging sites• Online office suits
![Page 7: Web2.0 : an introduction](https://reader035.vdocument.in/reader035/viewer/2022062613/545775e3b1af9f33608b4e25/html5/thumbnails/7.jpg)
Web 2.0 Includes
• Blogs• Mashups• Social networking• Wikis
• And many more
![Page 8: Web2.0 : an introduction](https://reader035.vdocument.in/reader035/viewer/2022062613/545775e3b1af9f33608b4e25/html5/thumbnails/8.jpg)
Social Networking
• Do I Seriously need to explain it?
• Examples are • Orkut • Facebook• myspace
![Page 9: Web2.0 : an introduction](https://reader035.vdocument.in/reader035/viewer/2022062613/545775e3b1af9f33608b4e25/html5/thumbnails/9.jpg)
![Page 10: Web2.0 : an introduction](https://reader035.vdocument.in/reader035/viewer/2022062613/545775e3b1af9f33608b4e25/html5/thumbnails/10.jpg)
Mashups
• With the launch of Web 2.0 come a concept of collaboration.
• Sites started to open up their resource for others to use.
• Mashup is a combination of such open interfaces from different sites.
![Page 11: Web2.0 : an introduction](https://reader035.vdocument.in/reader035/viewer/2022062613/545775e3b1af9f33608b4e25/html5/thumbnails/11.jpg)
![Page 12: Web2.0 : an introduction](https://reader035.vdocument.in/reader035/viewer/2022062613/545775e3b1af9f33608b4e25/html5/thumbnails/12.jpg)
Wiki
• A site which is user editable• Used to build content in a
collaborative manner.
• BEST EXAMPLE • WIKIPEDIA.com
![Page 13: Web2.0 : an introduction](https://reader035.vdocument.in/reader035/viewer/2022062613/545775e3b1af9f33608b4e25/html5/thumbnails/13.jpg)
![Page 14: Web2.0 : an introduction](https://reader035.vdocument.in/reader035/viewer/2022062613/545775e3b1af9f33608b4e25/html5/thumbnails/14.jpg)
Blogsphere
• Blog – Web Log• A sort of an online diary
• Service providers• Blogger.com• Wordpress.com• Vox.com
![Page 15: Web2.0 : an introduction](https://reader035.vdocument.in/reader035/viewer/2022062613/545775e3b1af9f33608b4e25/html5/thumbnails/15.jpg)
Blogsphere
• Why important• Coz from being a consumer you
become a producer.• The content you write becomes your
reputation, your image on the web.
• “I have seen people getting hefty jobs just coz of their blogs”
![Page 16: Web2.0 : an introduction](https://reader035.vdocument.in/reader035/viewer/2022062613/545775e3b1af9f33608b4e25/html5/thumbnails/16.jpg)
Web 1.0 Vs Web 2.0
Static websites.Emails.Forums.Basic search engines.Groups.Newsletters.HTML.JavaScript for validations etc.
Blogs.Wikis.Audio/Video Sharing.Social Software.RSS/XML/Atom feeds.Webcasts/ Podcasts.Open APIs.Mobility.CSS Designs.Visual dynamic effects.AjaxAdvanced JavaScript for effects.
![Page 18: Web2.0 : an introduction](https://reader035.vdocument.in/reader035/viewer/2022062613/545775e3b1af9f33608b4e25/html5/thumbnails/18.jpg)
More Examples 2.0
Flickr. http://www.flickr.com
Photo Publishing and Sharing Site
![Page 19: Web2.0 : an introduction](https://reader035.vdocument.in/reader035/viewer/2022062613/545775e3b1af9f33608b4e25/html5/thumbnails/19.jpg)
More . . .
Orkut. http://www.orkut.com
Social Networking Site
![Page 20: Web2.0 : an introduction](https://reader035.vdocument.in/reader035/viewer/2022062613/545775e3b1af9f33608b4e25/html5/thumbnails/20.jpg)
And More . . .
Meebo. http://www.meebo.com
Web based messenger client
![Page 21: Web2.0 : an introduction](https://reader035.vdocument.in/reader035/viewer/2022062613/545775e3b1af9f33608b4e25/html5/thumbnails/21.jpg)
And More . . .
Digg. http://www.digg.com
Social news book marking and sharing site
![Page 22: Web2.0 : an introduction](https://reader035.vdocument.in/reader035/viewer/2022062613/545775e3b1af9f33608b4e25/html5/thumbnails/22.jpg)
And More . . .
Delicious. http://del.icio.us
A Social Book Marking Site
![Page 23: Web2.0 : an introduction](https://reader035.vdocument.in/reader035/viewer/2022062613/545775e3b1af9f33608b4e25/html5/thumbnails/23.jpg)
And More . . .
Wikipedia. http://www.wikipedia.org
A Wiki Encyclopedia
![Page 24: Web2.0 : an introduction](https://reader035.vdocument.in/reader035/viewer/2022062613/545775e3b1af9f33608b4e25/html5/thumbnails/24.jpg)
And More . . .
Linked In. http://www.linkedin.com
A Business Networking Site
![Page 25: Web2.0 : an introduction](https://reader035.vdocument.in/reader035/viewer/2022062613/545775e3b1af9f33608b4e25/html5/thumbnails/25.jpg)
And More . . .
YouTube. http://www.youtube.com
A Video Sharing Site
![Page 26: Web2.0 : an introduction](https://reader035.vdocument.in/reader035/viewer/2022062613/545775e3b1af9f33608b4e25/html5/thumbnails/26.jpg)
And More . . .
Blogger. http://www.blogger.com
A Popular Blogging Tool
![Page 28: Web2.0 : an introduction](https://reader035.vdocument.in/reader035/viewer/2022062613/545775e3b1af9f33608b4e25/html5/thumbnails/28.jpg)
Technology 2.0
AJAX (Asynchronous JavaScript And XML).CSS (Cascading Style Sheets).XHTML.Open Source Developments.Lightweight Apps.Differential Data Transfer.Server side programming.DOM Scripting.RSS/XML/ATOM Feeds.
![Page 29: Web2.0 : an introduction](https://reader035.vdocument.in/reader035/viewer/2022062613/545775e3b1af9f33608b4e25/html5/thumbnails/29.jpg)
![Page 30: Web2.0 : an introduction](https://reader035.vdocument.in/reader035/viewer/2022062613/545775e3b1af9f33608b4e25/html5/thumbnails/30.jpg)
Ajax ?
Asynchronous JavaScript And XML.Differential Data Transfer.Fast Processing and low bandwidth consumption.Sleek and more handy interface.Open Source technology.Growing and spreading rapidly.Desktop like easy interface.Famous Ajax enabled apps are :
1. Google Maps2. Gmail
![Page 31: Web2.0 : an introduction](https://reader035.vdocument.in/reader035/viewer/2022062613/545775e3b1af9f33608b4e25/html5/thumbnails/31.jpg)
Technically Ajax
Fetching Server Side processed data through Client Side JavaScript.XMLHttpRequest (XHR) object.
![Page 32: Web2.0 : an introduction](https://reader035.vdocument.in/reader035/viewer/2022062613/545775e3b1af9f33608b4e25/html5/thumbnails/32.jpg)
![Page 33: Web2.0 : an introduction](https://reader035.vdocument.in/reader035/viewer/2022062613/545775e3b1af9f33608b4e25/html5/thumbnails/33.jpg)
Ajax Examples
Live. http://www.live.comA9. http://www.a9.comAskX. http://www.askx.comWikimapia. http://www.wikimapia.orgMeebo. http://www.meebo.comGoogle Maps. http://maps.google.com
![Page 34: Web2.0 : an introduction](https://reader035.vdocument.in/reader035/viewer/2022062613/545775e3b1af9f33608b4e25/html5/thumbnails/34.jpg)
CSS
Cascading Style Sheets.Used for defining the styling rules of a webpage.
![Page 35: Web2.0 : an introduction](https://reader035.vdocument.in/reader035/viewer/2022062613/545775e3b1af9f33608b4e25/html5/thumbnails/35.jpg)
XHTML ?
Stands for eXtensible HyperText Markup LanguageAimed to replace HTMLAlmost identical to HTML 4.01Stricter and cleaner version of HTMLHTML defined as an XML applicationXHTML is a W3C Recommendation
![Page 36: Web2.0 : an introduction](https://reader035.vdocument.in/reader035/viewer/2022062613/545775e3b1af9f33608b4e25/html5/thumbnails/36.jpg)
Why Ajax is growing so fast ?
Because, its Open Source like Linux, PHP, MySql, Open Office etc.
![Page 37: Web2.0 : an introduction](https://reader035.vdocument.in/reader035/viewer/2022062613/545775e3b1af9f33608b4e25/html5/thumbnails/37.jpg)
So ?
Open Source Technologies are developed and spread like anything.Because, Anyone can develop, improve and redistribute them.These are self motivated and community powered.Every single developer can use his/her creativity and strengths to develop the application/technology.There are no limits and all the freedom.
![Page 38: Web2.0 : an introduction](https://reader035.vdocument.in/reader035/viewer/2022062613/545775e3b1af9f33608b4e25/html5/thumbnails/38.jpg)
What are Open Source software licenses ?
Any developer/licensor can draft an agreement that conforms to the OSD, though most licensors use existing agreements like:
• GNU Public License (“GPL”)• Lesser/Library GNU Public License (“LGPL”)• Mozilla Public License• Berkeley Software Distribution license (“BSD”)• Apache Software License• See complete list at www.opensource.org/licenses
![Page 39: Web2.0 : an introduction](https://reader035.vdocument.in/reader035/viewer/2022062613/545775e3b1af9f33608b4e25/html5/thumbnails/39.jpg)
Open Source Examples
Linux (operating system kernel – substitutes for proprietary UNIX)Apache Web Server (web server for UNIX systems)MySQL (Structured Query Language – competes with Oracle)Cloudscape, Eclipse (IBM contributions)OpenOffice (open source implementation of Sun’s StarOffice)
![Page 40: Web2.0 : an introduction](https://reader035.vdocument.in/reader035/viewer/2022062613/545775e3b1af9f33608b4e25/html5/thumbnails/40.jpg)
Biggest Players in Open Source
IBMHPSUN/ORACLERedHatApache Software FoundationMozilla FoundationRichard M. StallmanLinus Torvalds
Corporate
Non-Profit Organizations
Individuals
![Page 41: Web2.0 : an introduction](https://reader035.vdocument.in/reader035/viewer/2022062613/545775e3b1af9f33608b4e25/html5/thumbnails/41.jpg)
Why Companies are moving towards it ?
Cost savingsStabilityNo forced upgradesAccess and broad rights to source codeAccess to skilled community of developersAbility to define and expedite new development
![Page 42: Web2.0 : an introduction](https://reader035.vdocument.in/reader035/viewer/2022062613/545775e3b1af9f33608b4e25/html5/thumbnails/42.jpg)
About the authorsome 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