COM531 Multimedia Technologies

1
COM531 Multimedia Technologies

• Lecture 3 Web 2.0
• Authoring tools

2
Web 2.0

• What do you think Web 2.0 is?

3
Paradigm shifts
4
Paradigm shifts
5
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.htm
  l

6
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

7
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

8
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

9
Web 2.0 facilitators

• Device proliferation
• PDAs, cell phones, etc
• Internet standards
• XML-based integration
• User Interfaces
• many possibilities

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

12
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

13
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
14
Mash-ups Google maps
Accessible API fosters creative applications
15
Social networks Facebook
16
Social networks MySpace / Bebo
17
Social networksFlickr

• Social networking web sites goal is to
• connect people with one another
• Flickr Photo-Sharing Social Network

18
Social networks Del.icio.us

• Del.icio.us is a bookmark-sharing social
• network

19
Business networks LinkedIn

• LinkedIn is a Business Contact Social Network

Builds networks of trusted business contacts
20
Content networks YouTube
21
Twitter
22
IMVU
IMVU largest 3D chat and Dress up community
23
Google Lively
24
Second Life
25
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
• Dont tell the user how to find content
• Let the user decide how to use the content
• Do all of the above quickly and efficiently

26
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!

27
Web 2.0 components
Markus Angermeier Components of Web
2.0 Additional reading can be found online
28
The future beyond 2.0

• Virtual worlds?
• An Internet of things

29
Authoring Tools
30
FLASH SWF

• Flash SWF replace Adobe Director
• Designed mainly for the Web
• Faster and easier to use than Shockwave
• Flash became ubiquitous

31
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

32
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

33
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

34
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

35
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

36
RIA Application Examples

• http//www.adobe.com/resources/business/rich_inter
  net_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

37
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