Web 2.0
 
What is  Web 2.0
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’
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 short It’s Web “For the People By the people and From the people”
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
Web 2.0 Includes Blogs Mashups Social networking Wikis And many more
Social Networking Do I Seriously need to explain it? Examples are  Orkut  Facebook myspace
 
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.
 
Wiki A site which is user editable Used to build content in a collaborative manner. BEST EXAMPLE  WIKIPEDIA.com
 
Blogsphere Blog – Web Log A sort of an online diary Service providers Blogger.com Wordpress.com Vox.com
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”
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. Ajax Advanced JavaScript for effects.
Examples   2.0 Google Maps.  http://maps.google.com Flickr.  http:// www.flickr.com Orkut.  http://www.orkut.com Meebo.  http://www.meebo.com Digg.  http://www.digg.com Odeo  http:// www.odeo.com
Examples   2.0 Google Maps.  http://maps.google.com Visual Maps Mash Up
More Examples   2.0 Flickr.  http:// www.flickr.com Photo Publishing and Sharing Site
More . . . Orkut.  http:// www.orkut.com Social Networking Site
And More . . . Meebo.  http:// www.meebo.com Web based messenger client
And More . . . Digg.  http:// www.digg.com Social news book marking and sharing site
And More . . . Delicious.  http:// del.icio.us A Social Book Marking Site
And More . . . Wikipedia.  http:// www.wikipedia.org A Wiki Encyclopedia
And More . . . Linked In.  http:// www.linkedin.com A Business Networking Site
And More . . . YouTube.  http:// www.youtube.com A Video Sharing Site
And More . . . Blogger.  http:// www.blogger.com A Popular Blogging Tool
And More . . . MySpace.  http://www.myspace.com A Social Networking & Media Sharing Site
And More . . . Google Calendar.  http://calendar.google.com A Event Scheduling/ Time Tracking Application
And More . . . Zoho Office.  http://www.zoho.com A Virtual Web Office Suite
More Examples  2.0 Delicious.  http:// del.icio.us Wikipedia.  http:// www.wikipedia.org Linked In.  http:// www.linkedin.com YouTube.  http:// www.youtube.com Blogger.  http:// www.blogger.com MySpace.  http://www.myspace.com
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.
 
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 :  Google Maps Gmail
Technically Ajax Fetching Server Side processed data through Client Side JavaScript. XMLHttpRequest (XHR) object.
 
Ajax Examples Live.  http://www.live.com A9.  http://www.a9.com AskX.  http://www.askx.com Wikimapia.  http://www.wikimapia.org Meebo.  http://www.meebo.com Google Maps.  http://maps.google.com
CSS Cascading Style Sheets. Used for defining the styling rules of a webpage.
XHTML  ? Stands for eXtensible HyperText Markup Language Aimed to replace HTML Almost identical to HTML 4.01 Stricter and cleaner version of HTML HTML defined as an XML application XHTML is a W3C Recommendation
Why Ajax is growing so fast  ? Because, its  Open Source  like Linux, PHP, MySql, Open Office etc.
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.
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
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)
Biggest Players in Open Source IBM HP SUN RedHat Apache Software Foundation Mozilla Foundation Linus Torvalds Corporate Non-Profit  Organizations Individuals

Web2.0 : an introduction

  • 1.
  • 2.
  • 3.
    What is Web 2.0
  • 4.
    A Revolution BeforeWeb 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’
  • 5.
    Revolution continues Earlierwe 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 short It’s Web “For the People By the people and From the people”
  • 6.
    More on Web2.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
  • 7.
    Web 2.0 IncludesBlogs Mashups Social networking Wikis And many more
  • 8.
    Social Networking DoI Seriously need to explain it? Examples are Orkut Facebook myspace
  • 9.
  • 10.
    Mashups With thelaunch 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.
  • 11.
  • 12.
    Wiki A sitewhich is user editable Used to build content in a collaborative manner. BEST EXAMPLE WIKIPEDIA.com
  • 13.
  • 14.
    Blogsphere Blog –Web Log A sort of an online diary Service providers Blogger.com Wordpress.com Vox.com
  • 15.
    Blogsphere Why importantCoz 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”
  • 16.
    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. Ajax Advanced JavaScript for effects.
  • 17.
    Examples 2.0 Google Maps. http://maps.google.com Flickr. http:// www.flickr.com Orkut. http://www.orkut.com Meebo. http://www.meebo.com Digg. http://www.digg.com Odeo http:// www.odeo.com
  • 18.
    Examples 2.0 Google Maps. http://maps.google.com Visual Maps Mash Up
  • 19.
    More Examples 2.0 Flickr. http:// www.flickr.com Photo Publishing and Sharing Site
  • 20.
    More . .. Orkut. http:// www.orkut.com Social Networking Site
  • 21.
    And More .. . Meebo. http:// www.meebo.com Web based messenger client
  • 22.
    And More .. . Digg. http:// www.digg.com Social news book marking and sharing site
  • 23.
    And More .. . Delicious. http:// del.icio.us A Social Book Marking Site
  • 24.
    And More .. . Wikipedia. http:// www.wikipedia.org A Wiki Encyclopedia
  • 25.
    And More .. . Linked In. http:// www.linkedin.com A Business Networking Site
  • 26.
    And More .. . YouTube. http:// www.youtube.com A Video Sharing Site
  • 27.
    And More .. . Blogger. http:// www.blogger.com A Popular Blogging Tool
  • 28.
    And More .. . MySpace. http://www.myspace.com A Social Networking & Media Sharing Site
  • 29.
    And More .. . Google Calendar. http://calendar.google.com A Event Scheduling/ Time Tracking Application
  • 30.
    And More .. . Zoho Office. http://www.zoho.com A Virtual Web Office Suite
  • 31.
    More Examples 2.0 Delicious. http:// del.icio.us Wikipedia. http:// www.wikipedia.org Linked In. http:// www.linkedin.com YouTube. http:// www.youtube.com Blogger. http:// www.blogger.com MySpace. http://www.myspace.com
  • 32.
    Technology 2.0AJAX (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.
  • 33.
  • 34.
    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 : Google Maps Gmail
  • 35.
    Technically Ajax FetchingServer Side processed data through Client Side JavaScript. XMLHttpRequest (XHR) object.
  • 36.
  • 37.
    Ajax Examples Live. http://www.live.com A9. http://www.a9.com AskX. http://www.askx.com Wikimapia. http://www.wikimapia.org Meebo. http://www.meebo.com Google Maps. http://maps.google.com
  • 38.
    CSS Cascading StyleSheets. Used for defining the styling rules of a webpage.
  • 39.
    XHTML ?Stands for eXtensible HyperText Markup Language Aimed to replace HTML Almost identical to HTML 4.01 Stricter and cleaner version of HTML HTML defined as an XML application XHTML is a W3C Recommendation
  • 40.
    Why Ajax isgrowing so fast ? Because, its Open Source like Linux, PHP, MySql, Open Office etc.
  • 41.
    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.
  • 42.
    What are OpenSource 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
  • 43.
    Open Source ExamplesLinux (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)
  • 44.
    Biggest Players inOpen Source IBM HP SUN RedHat Apache Software Foundation Mozilla Foundation Linus Torvalds Corporate Non-Profit Organizations Individuals
  • 45.
    Why Companies aremoving towards it ? Cost savings Stability No forced upgrades Access and broad rights to source code Access to skilled community of developers Ability to define and expedite new development
  • 46.
    Back to W2,Career Prospects
  • 47.
    THANK YOU ForYour Passionate Listening
  • 48.
    LINUX ACADEMY 27,Noble Plaza, Zone – II, M.P. Nagar Bhopal 0755-4270644 http://academylinux.com