Web 2.0, Ajax, Dynamic Sites

37 Pages·2008·5.63 MB·English

Web 2.0, Ajax, Dynamic Sites http://localhost:8080/cocoon/projects/cscie12/slides/20080402/handout.html Web 2.0, Ajax, Dynamic Sites http://localhost:8080/cocoon/projects/cscie12/slides/20080402/handout.html
Table of Contents | All Slides | Link List | CSCI E-12 Web 2.0
Web 2.0, Ajax, Dynamic Sites Suggested readings for Web 2.0:
What Is Web 2.0: Design Patterns and Business Models for the Next Generation of Software by
April 2, 2008 Tim O'Reilly
Web 2.0, article from Wikipedia
Harvard University
Division of Continuing Education
What is Web 2.0?
Extension School
Course Web Site: http://cscie12.dce.harvard.edu/ Not a technical standard or technology
Web 2.0 does have characteristics and features
Copyright 1998-2008 David P. Heitmeyer
There are some technologies commonly found in Web 2.0
Instructor email: [e-mail]
Course staff email: [e-mail]
1 of 74 4/2/2008 12:14 PM 2 of 74 4/2/2008 12:14 PM
Web 2.0, Ajax, Dynamic Sites http://localhost:8080/cocoon/projects/cscie12/slides/20080402/handout.html Web 2.0, Ajax, Dynamic Sites http://localhost:8080/cocoon/projects/cscie12/slides/20080402/handout.html
Web 2.0 Features and Characteristics Web 2.0 in Images
What Is Web 2.0: Design Patterns and Business Models for the Next Generation of Software by Tim User-contributed data (active and passive)
O'Reilly Mashups - combining, remixing data
External Services and Functionality
Principles, Characteristics, Features:
Rich User Interfaces and Rich Internet Applications
Services, not packaged software, with cost-effective scalability
Web 2.0 Meme Map by Tim O'Reilly
Control over unique, hard-to-recreate data sources that get richer as more people use them
Amazon
Trusting users as co-developers
Harnessing collective intelligence
Wikipedia
Leveraging the long tail through customer self-service
Google AdSense
Software above the level of a single device
Lightweight user interfaces, development models, AND business models
Visualizing Web 2.0 by Dion Hinchcliffe
Visualizing Web 2.0, Peter, blog.forret.com
3 of 74 4/2/2008 12:14 PM 4 of 74 4/2/2008 12:14 PM
Web 2.0, Ajax, Dynamic Sites http://localhost:8080/cocoon/projects/cscie12/slides/20080402/handout.html Web 2.0, Ajax, Dynamic Sites http://localhost:8080/cocoon/projects/cscie12/slides/20080402/handout.html
Web 2.0 Examples
Zillow

www.zillow.com
Housingmaps.com
5 of 74 4/2/2008 12:14 PM 6 of 74 4/2/2008 12:14 PM
Web 2.0, Ajax, Dynamic Sites http://localhost:8080/cocoon/projects/cscie12/slides/20080402/handout.html Web 2.0, Ajax, Dynamic Sites http://localhost:8080/cocoon/projects/cscie12/slides/20080402/handout.html

www.housingmaps.com
ChicagoCrime.org
www.chicagocrime.org
Del.icio.us
7 of 74 4/2/2008 12:14 PM 8 of 74 4/2/2008 12:14 PM
Web 2.0, Ajax, Dynamic Sites http://localhost:8080/cocoon/projects/cscie12/slides/20080402/handout.html Web 2.0, Ajax, Dynamic Sites http://localhost:8080/cocoon/projects/cscie12/slides/20080402/handout.html

del.icio.us flickr.com
Flickr
9 of 74 4/2/2008 12:14 PM 10 of 74 4/2/2008 12:14 PM
Web 2.0, Ajax, Dynamic Sites http://localhost:8080/cocoon/projects/cscie12/slides/20080402/handout.html Web 2.0, Ajax, Dynamic Sites http://localhost:8080/cocoon/projects/cscie12/slides/20080402/handout.html
Encyclopedia of Life
Encyclopedia of Life, www.eol.org
WASHINGTON (May 9, 2007) – Many of the world’s leading scientific institutions today announced the launch
of the Encyclopedia of Life, an unprecedented global effort to document all 1.8 million named species of
animals, plants, and other forms of life on Earth. For the first time in the history of the planet, scientists,
students, and citizens will have multi-media access to all known living species, even those that have just been
discovered.
more
6 cornerstone institutions
9 data partners (and growing)
thousands of "curators"
tens (hundreds or more?) of thousands of potential contributors
Falco peregrinus (Peregrine Falcon)
11 of 74 4/2/2008 12:14 PM 12 of 74 4/2/2008 12:14 PM
Web 2.0, Ajax, Dynamic Sites http://localhost:8080/cocoon/projects/cscie12/slides/20080402/handout.html Web 2.0, Ajax, Dynamic Sites http://localhost:8080/cocoon/projects/cscie12/slides/20080402/handout.html
Google News Amazon Web Services
Amazon.com offers several different web services, including one for e-commerce.
Amazon Associates Web Service (formerly Amazon ECS)
Amazon Elastic Compute Cloud (Beta)
Amazon Flexible Payments Service (Beta)
Amazon Fulfillment Web Service
Amazon Mechanical Turk (Beta)
Amazon SimpleDB (Beta)
Amazon Simple Queue Service
Amazon Simple Storage Service
Alexa Site Thumbnail
Alexa Top Sites
Alexa Web Information Service
Alexa Web Search
Amazon Book Information
http://www.amazon.com/gp/product/006251587X%3ftag=webservices-20%26link_code=xm2%26camp=2025%26d
news?hl=en&ned=us&q=Harvard+University
news?hl=en&ned=us&q=Harvard+University&output=rss
news?hl=en&ned=us&q=Harvard+University&output=atom
13 of 74 4/2/2008 12:14 PM 14 of 74 4/2/2008 12:14 PM
Web 2.0, Ajax, Dynamic Sites http://localhost:8080/cocoon/projects/cscie12/slides/20080402/handout.html Web 2.0, Ajax, Dynamic Sites http://localhost:8080/cocoon/projects/cscie12/slides/20080402/handout.html
Yahoo! Developer Network Rich Internet Applications
Yahoo! Developer Network. REST Web Services using XML and JSON. Rich Internet Applications (RIA)
Rich User Experience
Answers
Local
Mail
Maps
OpenID
Search
Shopping
Travel
Utilities

gmail.com

maps.google.com
15 of 74 4/2/2008 12:14 PM 16 of 74 4/2/2008 12:14 PM
Web 2.0, Ajax, Dynamic Sites http://localhost:8080/cocoon/projects/cscie12/slides/20080402/handout.html Web 2.0, Ajax, Dynamic Sites http://localhost:8080/cocoon/projects/cscie12/slides/20080402/handout.html
XHR, Ajax, AHAH
XHR: XMLHttpRequestObject
AJAX: Asynchronous JavaScript and XML
AHAH: Asynchronous HTTP and HTML
AJAX: A New Approach to Web Applications, from Adaptive Path. by Jesse James Garrett

calendar.google.com

docs.google.com
17 of 74 4/2/2008 12:14 PM 18 of 74 4/2/2008 12:14 PM
Web 2.0, Ajax, Dynamic Sites http://localhost:8080/cocoon/projects/cscie12/slides/20080402/handout.html Web 2.0, Ajax, Dynamic Sites http://localhost:8080/cocoon/projects/cscie12/slides/20080402/handout.html
Ajax Flow Ajax Overview
Ajax: A New Approach to Web Applications
AJAX (Wikipedia)
Technologies Involved
XHTML
CSS
JavaScript
XMLHttpRequest (XHR) object
Document Object Model (DOM)
Possibly: XML, JSON, XSLT, XPath
19 of 74 4/2/2008 12:14 PM 20 of 74 4/2/2008 12:14 PM