web 2.0: the new internet thing ankit jain head wmg, dcetech.com 4 th year, comp engg

44
Web 2.0: The New Internet Thing Ankit Jain Head WMG, DCETECH.COM 4 th Year, Comp Engg

Post on 18-Dec-2015

217 views

Category:

Documents


1 download

TRANSCRIPT

Web 2.0:The New Internet Thing

Ankit JainHead WMG, DCETECH.COM

4th Year, Comp Engg

TECHWEEK 2007

Internet - WWW

Inter-network and World Wide Web Provides services like email, chat, info

sharing, social networking, games, remote access, virtual classrooms etc

Interlinked hypertext documents accessed using HTTP Protocol

Client - Server architecture

TECHWEEK 2007

Why Internet?Use of internet

Email Social Networking, Chat Information sharing Getting updates – News around the world Entertainment – Games, Videos and Music Virtual classrooms Remote Access Online Jobs

TECHWEEK 2007

How do Websites work?

What happens when you type the following in the Web Browser:

http://www.dcetech.com/index.htm

TECHWEEK 2007

How do Websites work? Lets Break it!!

http://www.dcetech.com/index.htmHTTP:HyperText Transfer Protocol Determines how to send and receive request

using browser Default port 80 Send and receive Hypertext data

TECHWEEK 2007

How do Websites work?

http://www.dcetech.com/index.htm

COM, BIZ, EDU, GOV, NET, etc

Top Level Domain (TLD) Determines where to find the location of Server Name Servers locations are stored in Registry Verisign Global Registry Services for .com

and .net; Public Interest Registry for .org; EDUCAUSE for .edu

TECHWEEK 2007

How do Websites work?

http://www.dcetech.com/index.htm

Second Level Domains Have to be registered at some Domain Registrar Registrars are managed by ICANN (Internet

Corporation for Assigning Names and Numbers) Every name in a TLD must be unique, but there

can be duplication across different TLDs

TECHWEEK 2007

How do Websites work?

http://www.dcetech.com/index.htmWWWThird Level Domain These are the third level domains like

mail.dcetech.com, alumni.dcetech.com, etc This is not necessarily required, these are

managed by different DNS There can be upto 127 levels of domain but are

generally restricted to 3 or 4 levels

TECHWEEK 2007

How do Websites work? http://www.dcetech.com/index.htmINDEX.HTM This denotes a file name “index.htm” existing at

the web server It has nothing to do with DNS, this part is solely

managed by the web server If the file doesn’t exist the appropriate action is

taken by the web server If it exist then it is returned to the client who

requested it

TECHWEEK 2007

Why Websites?Offline Apps vs. Online Apps

ONLINE APPS No need to install Just login and use Available from anywhere where Internet

connection is available Operating system independent No piracy issues

TECHWEEK 2007

Why Websites?Offline Apps vs. Online Apps

OFFLINE APPS Ease of use Generally have more features Easier to develop but difficult to update

TECHWEEK 2007

Web Technologies

Web standards are maintained by World Wide Web Consortium (W3C)

Web Technologies are responsible for the Web Applications you see today

Key to develop web applications Include all scripting languages and tools

TECHWEEK 2007

List of Web Technologies

Client Side Technologies HTML, CSS, JavaScript, VBScript XHTML, DHTML, WML, AJAX FLASH

Server Side Technologies ASP, PHP, Perl, JSP ASP.NET MySQL, SQL Server, Access

TECHWEEK 2007

List of Web Technologies

Some More Advanced Technologies XML, XSLT, RSS, Atom X-Path, XQuery, WSDL XML-DOM, RDF Ruby on Rails, GRAIL Framework REST, SOAP

TECHWEEK 2007

How to choose a technology?

Depends on: What is the type of content? Application of technology Who will modify your content? What are your Future Plans? Compatibility and Availability of technology Your previous experience Portability and Data sharing

TECHWEEK 2007

WEB 2.0

TECHWEEK 2007

Defining Web 2.0 Web 2.0 is the network as platform delivering software as a continually-updated

service that gets better the more people use it consuming and remixing data from multiple

sources, including individual users, while providing their own data and services in a form that allows remixing by others

creating network effects through an "architecture of participation," and going beyond the page metaphor of Web 1.0 to deliver rich user experiences.

TECHWEEK 2007

Web 2.0: Evolution Towards a Read/Write Platform

TECHWEEK 2007

Web 2.0 is about The Social Web

“Web 2.0 Is Much More About A Change In People and Society Than Technology”

1 billion people connect to the Internet 100 million web sites over a third of adults in US have

contributed content to the public Internet. - 18% of adults over 65

-Dion Hinchcliffe, tech blogger

TECHWEEK 2007

TECHWEEK 2007

AJAX Asynchronous Javascript and XML XMLHTTPRequest Backbone of Web 2.0 Mixture of Client Side and Server side scripting Key player in developing rich internet

applications (RIAs) Enhances user experience – Dynamic user

interfaces Reduces page reloads

TECHWEEK 2007

TECHWEEK 2007

How to… AJAX?function GetXmlHttpObject(){

var objXMLHttp=nullif (window.XMLHttpRequest){

objXMLHttp=new XMLHttpRequest()}else if (window.ActiveXObject){

objXMLHttp=new ActiveXObject("Microsoft.XMLHTTP")}return objXMLHttp

}

TECHWEEK 2007

How to… AJAX?var xmlHttp;function GetAJAX(){

xmlHttp=GetXmlHttpObject()var url=“try.php";xmlHttp.onreadystatechange=stateAJAXxmlHttp.open("GET",url,true);xmlHttp.send(null);

}

//works on state change of above functionfunction stateAJAX(){

if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete"){alert(xmlHttp.responseText);}

}

TECHWEEK 2007

Web Services

Publish Data Not Pages

Remember: its your data that they want, not your user interface

RSS feeds are web services, too

“Mashups”

Remix Data to Create New Applications

184 Web services listed on ProgrammableWeb.com

Photo sharing; calendars; messaging; blogging File storage; ecommerce; advertising; search

TECHWEEK 2007

Some common Web2.0 Examples

TECHWEEK 2007

Del.icio.us – Content tagging siteTags: Descriptive words applied by users to links. Tags are searchable

My Tags: Words I’ve used to describe links in a way that makes sense to me

TECHWEEK 2007

Wikipedia – Collaborative dictionary

TECHWEEK 2007

Blogger – Collection of users data (Blogs)

TECHWEEK 2007

PXN8 – Online Photo Editor

TECHWEEK 2007

Social networking

TECHWEEK 2007

Google maps

TECHWEEK 2007

Flickr – social network for photo sharing

Flickr shows me photos from my network

My contacts “tags” are available to me

TECHWEEK 2007

Some working with Flickr

TECHWEEK 2007

TECHWEEK 2007

TECHWEEK 2007

TECHWEEK 2007

TECHWEEK 2007

TECHWEEK 2007

Yahoo Maps

TECHWEEK 2007

Yahoo Maps

TECHWEEK 2007

TECHWEEK 2007

Summing up

Web 2.0 hard to define, but very far from just hype

Culmination of a number of web trends

Importance of Open Data

Allows communities to assemble unique tailored applications

Importance of Users

Seek and create network effects

Browser as Application Platform

Huge potential for new kinds of web applications

TECHWEEK 2007

XAMPP: http://www.apachefriends.org

FOR TUTORIALS: http://www.w3schools.com

CONTACT ME: [email protected]