Download Lec3 Web 2.0

COM531 Multimedia
Technologies
Lecture 3 – Web 2.0
Authoring tools
Web 2.0

What do you think
Web 2.0 is?
Paradigm shifts
Paradigm shifts
Web 2.0 definition
No definitive definition (still evolving)









Moves the focus to the user of the information, not the creator of the
information
Information moves “beyond” web sites
Information has properties and these properties
follow each other and find relationships
Information comes to users as they move around
Information is broken up into ‘microcontent’ units that can be distributed
over many domains
Interaction is no longer limited to (X)HTML
Users are able to control how information is categorized and manipulated
User interface becomes a ‘fat’ rather than ‘thin’ client
Requires a new set of tools to remix microcontent in new and useful ways
http://oreilly.com/web2/archive/what-is-web-20.html
Another Web 2.0 definition



Web 2.0 is a convergence of individual traits, and social
and technological forces
User-Focused Web = User Satisfaction
Natural result of Web evolution - focus on user
generated content creation and management
Web 2.0 drivers

The “dot-com” collapse forced a web re-examination

Web reached a critical mass
– (Good) information content sources
– Use (and desire for reuse)
– Trust

Web users developed an expectation
of fulfillment
Web 2.0 facilitators
Computing power
 – Still doubling every 18 months (if not less??)
 – PC-based data centers (cloud computing)
Connectivity
 – Low cost, broadband Internet
 – Wireless, broadband access
Web 2.0 facilitators
Device proliferation
 – PDAs, cell phones, etc
Internet standards
 – XML-based integration
User Interfaces
 – many possibilities
Web 2.0 examples
Folksonomy; Internet-based information retrieval methodology consisting
of collaboratively generated, open-ended labels that categorize content such as
Web pages, online photographs, and Web links.
What Web 2.0 is not



Semantic Web (addition of machine-readable
descriptions to content to add meaning
facilitating automated information gathering
and research by computers)
A new collection of technologies
Blogging, wikis (user enabled web editing),
and RSS (Really Simple Syndication) feeds –
these are simple web features
Collective intelligence
Key Element of Web 2.0 –Collective Intelligence





An architecture of participation
Users add value
An evolved Web perspective
User ratings
User tagging
Web 2.0 examples - Wikipedia
A Collaborative Dictionary being edited
in real time by anyone
Everyone becomes an author, an editor
and a publisher
http://en.wikipedia.org
Mash-ups: Google maps
Accessible API fosters creative applications
Social networks: Facebook
Social networks: MySpace / Bebo
Social networks:Flickr
Social networking web sites – goal is to
connect people with one another
Flickr: Photo-Sharing Social Network
Social networks: Del.icio.us
Del.icio.us is a bookmark-sharing social
network
Business networks: LinkedIn
LinkedIn is a Business Contact Social Network
Builds networks of trusted business contacts
Content networks: YouTube
Twitter
IMVU
IMVU – largest 3D chat and
Dress up community
Google Lively
Second Life
Web 2.0: Rich user experience
Goal of Web 2.0 - A Rich User Experience





Get the user to content they want
Link the user to content they might want
Don’t tell the user how to find content
Let the user decide how to use the content
Do all of the above quickly and efficiently
Web 2.0 Overview







Transition of websites from isolated information silos to sources of
content and functionality, becoming computing platforms serving
web applications to end users
Social phenomenon embracing an approach to generating and
distributing Web content itself
Characterized by open communication, decentralization of authority,
freedom to share and re-use, and "the market as a conversation"
More organized and categorized content, with a far more developed
deep linking web architecture than before
Shift in economic value of the Web, possibly surpassing that of the
dot com boom of the late 1990s
Has lead to a resurgence of excitement around the implications of
innovative web-applications and services
Effectively you provide the content!
Web 2.0 components
Markus Angermeier:
Components of Web
2.0
Additional reading
can be found online
The future beyond 2.0


Virtual worlds?
An Internet of things
Authoring Tools
FLASH SWF




Flash SWF– replace
Adobe Director
Designed mainly for the
Web
Faster and easier to
use than Shockwave
Flash became
ubiquitous
Dreamweaver CS5 (CS4)





Build professional web
sites and applications
More support for
CSS/XML
Support for Coldfusion
PHP 5
Adding Flash Video to
sites is simple
Contribute CS4


Contribute 4 enables
anyone to easily update
and publish content to
existing websites in
minutes without knowing
HTML
Ensures integrity of site
and overall design by
allowing designers to lock
down site design, layout
and code
ColdFusion
•
•
Adobe® ColdFusion® 9 software enables
developers to rapidly build enterprise-ready
Internet applications by condensing
complex business logic into fewer lines of
code
offers
unique
integration
between
ColdFusion and the Adobe Flash®
Platform provides the easiest solution for
building rich Internet applications (RIAs)
from client to server
Flash Streaming Servers
Develop and deploy rich Flash
content




Deliver multi-way audio, video, and
real-time data in your websites
Create applications that integrate
audio, video, text, chat, and data
Develop presentations with streaming
video and synchronized multimedia
content
Build
collaborative
meeting
applications that connect people
together in real-time, to live data
sources, and to back-end services
Adobe Air
Adobe® AIR™ lets developers use their existing
web development skills in HTML, AJAX, Flash
and Flex to build and deploy rich Internet
applications to the desktop
Adobe® AIR® 2.5 runtime enables developers
to use HTML, JavaScript, Adobe Flash®
Professional software, and ActionScript® to
build web applications that run as standalone
client applications without the constraints of a
browser
RIA Application Examples
http://www.adobe.com/resources/business/rich_internet_apps/getting_started/









Financial services
StockFetcher, an online stock screener
Startups
Scrapblog, an online multimedia scrapbook service
Picnik, an online photo editor
Retail and consumer
eBay Desktop, a desktop application from eBay
Scion, the online property for the automobile company
Sony Ericsson browser, a product selector for mobile devices
Amazon Unbox, a video download service
Media and entertainment
Amgen Tour of California, a tool for tracking a professional bicycle race
Friday Night Lights, a tool for viewing episodes of the popular NBC television series
Summary



Extensive range of tools available for all
aspects of multimedia/web authoring
Need to be aware of the existence of a
product and its functionality
Can save you time, money and effort