Web2.0 : an introduction

42
Web 2.0

description

web2.0 what it is all about

Transcript of Web2.0 : an introduction

Page 1: Web2.0 : an introduction

Web 2.0

Page 2: Web2.0 : an introduction
Page 3: Web2.0 : an introduction

What is Web 2.0

Page 4: Web2.0 : an introduction

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

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

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

Web 2.0 Includes

• Blogs• Mashups• Social networking• Wikis

• And many more

Page 8: Web2.0 : an introduction

Social Networking

• Do I Seriously need to explain it?

• Examples are • Orkut • Facebook• myspace

Page 9: Web2.0 : an introduction
Page 10: Web2.0 : an introduction

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
Page 12: Web2.0 : an introduction

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
Page 14: Web2.0 : an introduction

Blogsphere

• Blog – Web Log• A sort of an online diary

• Service providers• Blogger.com• Wordpress.com• Vox.com

Page 15: Web2.0 : an introduction

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

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 17: Web2.0 : an introduction

Examples 2.0

Google Maps. http://maps.google.com

Visual Maps Mash Up

Page 18: Web2.0 : an introduction

More Examples 2.0

Flickr. http://www.flickr.com

Photo Publishing and Sharing Site

Page 19: Web2.0 : an introduction

More . . .

Orkut. http://www.orkut.com

Social Networking Site

Page 20: Web2.0 : an introduction

And More . . .

Meebo. http://www.meebo.com

Web based messenger client

Page 21: Web2.0 : an introduction

And More . . .

Digg. http://www.digg.com

Social news book marking and sharing site

Page 22: Web2.0 : an introduction

And More . . .

Delicious. http://del.icio.us

A Social Book Marking Site

Page 23: Web2.0 : an introduction

And More . . .

Wikipedia. http://www.wikipedia.org

A Wiki Encyclopedia

Page 24: Web2.0 : an introduction

And More . . .

Linked In. http://www.linkedin.com

A Business Networking Site

Page 25: Web2.0 : an introduction

And More . . .

YouTube. http://www.youtube.com

A Video Sharing Site

Page 26: Web2.0 : an introduction

And More . . .

Blogger. http://www.blogger.com

A Popular Blogging Tool

Page 27: Web2.0 : an introduction

And More . . .

Zoho Office. http://www.zoho.com

A Virtual Web Office Suite

Page 28: Web2.0 : an introduction

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
Page 30: Web2.0 : an introduction

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

Technically Ajax

Fetching Server Side processed data through Client Side JavaScript.XMLHttpRequest (XHR) object.

Page 32: Web2.0 : an introduction
Page 33: Web2.0 : an introduction

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

CSS

Cascading Style Sheets.Used for defining the styling rules of a webpage.

Page 35: Web2.0 : an introduction

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

Why Ajax is growing so fast ?

Because, its Open Source like Linux, PHP, MySql, Open Office etc.

Page 37: Web2.0 : an introduction

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

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

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

Biggest Players in Open Source

IBMHPSUN/ORACLERedHatApache Software FoundationMozilla FoundationRichard M. StallmanLinus Torvalds

Corporate

Non-Profit Organizations

Individuals

Page 41: Web2.0 : an introduction

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

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