techweek 2007 - DCEtech

bracechumpInternet και Εφαρμογές Web

5 Φεβ 2013 (πριν από 4 χρόνια και 8 μήνες)

268 εμφανίσεις

Web 2.0:

The New Internet Thing

Ankit Jain

Head WMG, DCETECH.COM

4
th

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.htm

HTTP:

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.htm

WWW

Third 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.htm

INDEX.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=null


if (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=
stateAJAX


xmlHttp.open("GET",url,true);


xmlHttp.send(null);

}


//works on state change of above function

function 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 site

Tags: 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: ankit.dce@gmail.com