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

2. Internet - WWW Inter-network and World Wide Web
Provides services like , chat, info sharing, social networking, games, remote access, virtual classrooms etc
Interlinked hypertext documents accessed using HTTP Protocol
Client - Server architecture

3. Why Internet? Use of internet
Social Networking, Chat
Information sharing
Getting updates – News around the world
Entertainment – Games, Videos and Music
Virtual classrooms
Remote Access
Online Jobs

4. How do Websites work?
What happens when you type the following in the Web Browser:

5. How do Websites work? http://www.dcetech.com/index.htm Lets Break it!!
HTTP:
HyperText Transfer Protocol
Determines how to send and receive request using browser
Default port 80
Send and receive Hypertext data

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

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

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

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

10. Why Websites? Offline Apps vs. Online Apps
No need to install
Just login and use
Available from anywhere where Internet connection is available
Operating system independent
No piracy issues

11. Why Websites? Offline Apps vs. Online Apps
Ease of use
Generally have more features
Easier to develop but difficult to update

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

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

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

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

16. WEB 2.0

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

18. Web 2.0: Evolution Towards a Read/Write Platform

19. Web 2.0 is about The Social Web
“Web 2.0 Is Much More About A Change In People and Society Than Technology”
-Dion Hinchcliffe,
tech blogger
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

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

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

24. How to… AJAX? var xmlHttp; function GetAJAX() {
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);

25. Web Services Publish Data Not Pages “Mashups”
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

26. Some common Web2.0 Examples

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

28. Wikipedia – Collaborative dictionary

29. Blogger – Collection of users data (Blogs)

30. PXN8 – Online Photo Editor

31. Social networking

32. Google maps

33. Flickr – social network for photo sharing
My contacts “tags” are available to me
Flickr shows me photos from my network

34. Some working with Flickr

40. Yahoo Maps

41. Yahoo Maps

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

44. XAMPP: http://www.apachefriends.org
FOR TUTORIALS:
CONTACT ME: