Embed Size (px)
Citation preview
Web 2.0: Concepts and
Applications
1 1
The Web Becomes 2.0
Overview
The World Wide Web has changed the way
that people
– Do business
– Communicate
– Share information
The Web has evolved from a collection of Web
sites to supporting Web applications
Web 2.0 is characterized by interactive
applications
Chapter 1: The Web Becomes 2.0 2
Overview
Chapter 1: The Web Becomes 2.0 3
How the Web Has Changed
Early Web sites
contained mostly text
and small graphics
Graphics were
minimized to decrease
the time it takes to load
a page using a slower
Internet connection
Web sites were not
always intuitive
Chapter 1: The Web Becomes 2.0 4
How the Web Has Changed
Newer Web sites provide users with a rich
browsing experience
– Customizable layout
– Bold graphics
– Tabs
– Additional services
Chapter 1: The Web Becomes 2.0 5
How the Web Has Changed
Chapter 1: The Web Becomes 2.0 6
Social and Technological
Developments that Led to Web 2.0
Web 2.0 is the result of several evolutions:
– Connectivity is available almost everywhere
– The personal computer evolved into an appliance
– Mobile phones are capable of accessing the World Wide
Web
– Web browsers are easy-to-use
– Web-based applications were developed for many devices
– Web developers deploy new versions of software
applications
– Society embraced technological changes
Chapter 1: The Web Becomes 2.0 7
Social and Technological
Developments that Led to Web 2.0
Chapter 1: The Web Becomes 2.0 8
Social and Technological
Developments that Led to Web 2.0
In the 1990s, many new companies called dot-
coms used the Web to conduct business
– Internet service providers
– Amazon
– Priceline
Many dot-coms went out of business by 2001
The Web became a platform for social
networking, collaboration, and communication
Chapter 1: The Web Becomes 2.0 9
The Web Browser
A Web browser is a software application for
accessing and viewing Web pages
– Mosaic
• Later marketed as Netscape
• First graphical interface to the World Wide Web
– Internet Explorer
• Became popular when distributed by Microsoft with Windows 95
– Firefox
– Safari
– Google Chrome
Chapter 1: The Web Becomes 2.0 10
The Web Browser
Chapter 1: The Web Becomes 2.0 11
The Web Browser
Modern Web browsers have streamlined their
appearance
Tabbed browsing allows users to open new
Web pages in a single browser window
Chapter 1: The Web Becomes 2.0 12
The Web Browser
Chapter 1: The Web Becomes 2.0 13
Features of Web 2.0 Applications
Online conversations
– Blogs
– Wikis
– Sharing media
– Collaboration
Digg is a Web site that allows its readers to
submit interesting news stories that they find
online and digg, or vote for, the news stories
that others submitted
Chapter 1: The Web Becomes 2.0 14
Features of Web 2.0 Applications
Chapter 1: The Web Becomes 2.0 15
Features of Web 2.0 Applications
To participate in Web 2.0 applications, you
likely will need a username and password
– A username is a unique code name that identifies
you
– A password is associated with your username
• You should achieve greater password strength
– During the authentication process, the application
verifies your credentials
Chapter 1: The Web Becomes 2.0 16
Features of Web 2.0 Applications
Chapter 1: The Web Becomes 2.0 17
WEB Read/Write
Web 2.0 is often referred to as a read/write
Web, or a database-backed Web
– Web applications read from or write to a database
A Web server processes requests for Web
pages sent over the Internet from a Web client
– Client-server model
Chapter 1: The Web Becomes 2.0 18
WEB Process
Chapter 1: The Web Becomes 2.0 19
WEB Process
Chapter 1: The Web Becomes 2.0 20
Basic WEB Architecture
Chapter 1: The Web Becomes 2.0 21
Data Driven WEB Architecture
Chapter 1: The Web Becomes 2.0 22
Recent WEB Applications Architecture
Chapter 1: The Web Becomes 2.0 23
Client Tier
Chapter 1: The Web Becomes 2.0 24
Service Tier
Chapter 1: The Web Becomes 2.0 25
The Web as a Platform
for Running Applications
Chapter 1: The Web Becomes 2.0 26
Service Oriented Application (SOA)
Chapter 1: The Web Becomes 2.0 27
Service Oriented Application (SOA)
Chapter 1: The Web Becomes 2.0 28
Service Oriented Application (SOA)
Chapter 1: The Web Becomes 2.0 29
Service Oriented Application (SOA)
Chapter 1: The Web Becomes 2.0 30
Front-End
Chapter 1: The Web Becomes 2.0 31
Front-End
Chapter 1: The Web Becomes 2.0 32
Standard Bodies
Chapter 1: The Web Becomes 2.0 33
Front-End - Client-side
Chapter 1: The Web Becomes 2.0 34
HTML
CSS
XHTML
DOM
JavaScript | jQuery
Java Applet
Adobe Flex
Microsoft Silverlight
Software Accessible
on Many Devices
You can browse Web content from almost
anywhere on almost any electronic device that
has a screen
Chapter 1: The Web Becomes 2.0 35
Software Accessible
on Many Devices
In order for a Web application to run on
different devices, it is important that they are
designed in such a way that separates the
process of accessing information from the
process of displaying that information
Chapter 1: The Web Becomes 2.0 36
Software Accessible
on Many Devices
Chapter 1: The Web Becomes 2.0 37
Rich User Experience
Technologies such as AJAX, Adobe Flash, and
Microsoft Silverlight allow Web browsers to
display dynamic content without waiting for
previous communication with the Web server
to complete
– Google Maps uses AJAX to allow the user to
reposition a map or zoom in and out by dragging
• Only the map portion of the window will be updated
Chapter 1: The Web Becomes 2.0 38
Rich User Experience
Chapter 1: The Web Becomes 2.0 39
Rich User Experience
Predictive look-ahead, or AutoComplete, provides
suggestions of valid responses based on letters that
a user enters in a text box
Chapter 1: The Web Becomes 2.0 40
Rich User Experience
AJAX relies on standard Web technologies to
provide an engaging user experience
A browser plug-in is a software component that
enables dynamic, animated display and
functionality within a Web browser
– Flash
– Silverlight
Many rich Internet applications allow users to
create, stream, or view video
Chapter 1: The Web Becomes 2.0 41
Rich User Experience
Chapter 1: The Web Becomes 2.0 42
Summary
Web 2.0 is the name given to the shift in how people
have come to use the World Wide Web
Many Web 2.0 sites allow users to share knowledge,
opinions, images, or videos
Web 2.0 promotes a culture of participation
Users interact with Web 2.0 applications from a Web
browser and variety of Internet-connected devices
Many Web applications use AJAX, Flash, and
Silverlight
Chapter 1: The Web Becomes 2.0 43
