Multimedia Authoring COM314M1

1
Multimedia Authoring COM314M1

• Lecture 5
• Rich Internet Applications
• Web 2.0 Beyond
• Putting The We in Web
• the Living Web
• ---Newsweek, 4/3/2006

2
Lecture overview

• Rich Internet Applications
• Web 2.0

3
Rich Internet Applications

• Technologies that go beyond the aging HTML
• standard
• Idea of a rich client, a user interface that is
  more robust, responsive, and visually interesting
  than what can be achieved with HTML.
• Rich Internet Application (RIA) technologies
  allow the deployment of rich clients over the
  internet with Web-like simplicity.

4
Rich Internet Applications

• HTML-based applications became popular because
  the cost of deployment was low and the
  architecture was simple
• HTML was trivially easy to learn and use.
• Trade-off between user interface functionality
  against immediate access to new data and
  applications.

5
Rich Internet Applications

• Some applications not suited to HTML
  implementation and may require several page
  redraws to complete a transaction.
• Leads to unacceptably slow interaction.
• In addition in HTML even simple interactivity can
  require a lot of scripting to get the job done.
• Browsers still limited by name/value pairs.

6
Rich Internet Applications

• Rich Internet Applications use client-side
  rendering engines that can present very dense,
  responsive, and graphically rich user interfaces.
  
• Offering a a wider variety of controls (sliders,
  date pickers, windows, tabs etc)
• Data can be cached in the client, allowing a
  vastly more responsive user interface and fewer
  round trips to the server than with HTML.

7
Traditional approach
1. Initial Selection
2. Available Flights
3. Confirm Flights
4.Details
5. Credit card entry
6. Confirmation
8
Rich Internet Applications
9
Typical architecture

• Typical architecture for an RIA where XML is
  generally used as the data transfer format
• Client usually stays connected to the data
  source, so server updates client in real time.
• Access to database is accomplished with Web
  service calls.

10
Rich clients technologies

• Java
• Java allows creation of complex client
• applications.
• Main drawback of using Java for rich clients is
  its complexity (even simple forms and graphics
  require dozens of lines of nontrivial code).

11
Rich Clients Technologies

• Macromedia Flash (Adobe)
• Macromedia Flash is a mature commercial product
  for bringing interactive graphics to Web pages.
• Now includes features for building forms-style
  applications.
• Widely deployed front-end technology on the Web,
  claiming up to 98 percent penetration across all
  desktops.

12
Rich Clients Technologies
13
Web 2.0
14
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

15
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

16
Web 2.0 definition

• 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

17
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.
18
Natural evolution of web
Focus on user generated content creation and
management
19
Web 2.0 facilitators

• Computing power
• Still doubling every 18 months
• PC-based data centers
• Connectivity
• Low cost, broadband Internet
• Wireless, broadband access

20
Web 2.0 facilitators

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

21
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

22
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

23
Paradigm shifts
24
Paradigm shifts
25
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

26
Web 2.0 overview
Markus Angermeier Components of Web 2.0 with
example sites and services attached.
27
Web 2.0 start ups

• Companies claiming to be Web 2.0

28
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
29
Mash-ups Google maps
Accessible API fosters creative applications
30
Social networksFlickr

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

31
Social networks Del.icio.us

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

32
Business networks LinkedIn

• LinkedIn is a Business Contact Social Network

Builds networks of trusted business contacts
33
Social networks MySpace / Bebo
34
Social networks Facebook
35
Content networks YouTube
36
Twitter
37
IMVU
38
Second Life
39
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

40
Web 2.0 Summary

• 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"

41
Web 2.0 Summary

• 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

42
Submission Deadlines

• Assignment 1 Submission
• Monday 05/11/07
• 4.30 School Office (MG230)

43
Assignment 1 Deliverables

• Digital copy of storyboard/planning process in
  powerpoint CDROM/Building (on CDROM)
• This includes concept sketches/plans/photos
• Macromedia Director CDROM presentation
• Director source code
• Bio/images of Team Avatars
• Images/video of construction process of building
  in Second Life
• Video of walkthrough of completed building
• Copy of group presentation from Week 7

44
Team presentations

• There will be a team presentation of completed
  work on Week 7, 08/11/07 _at_ 11.15 in MF217
• Strictly 20 Minutes per team, 15 minutes
  presentation, 5 minutes questions
• Each team member must attend, participate and
  present!

45
Team presentation Times

• Team 1 Main Building 11.15
• Team 2 MC Building 11.35
• Team 3 Library 11.55
• Team 4 Northbrook Building 12.15
• Team 5 Foyle Arts Building 12.35
• Team 6 Aberfoyle Building 12.55

46
Presentation Content

• Overview of building
• Planning process building
• Design/implementation process building
• Planning process CDROM
• Design/implementation process CDROM
• Screenshots, scanned in sketches etc..

47
Team 1 Main Building 11.15

• Munn, D
• Mullan, L
• Toner, S
• O Kane, C
• Clyde, J
• O'Connell, M

48
Team 2 MC Building 11.35

• Bradley, JC
• Caldwell, SM
• Cormie, R
• Christian Martin
• Tara Morgan
• Dallat, D

49
Team 3 Library 11.55

• McGill, D Mr
• Kelly, J Mr
• Darragh, M Miss
• Donnelly, E Mr
• Duffy, P Mr

50
Team 4 Northbrook Building 12.15

• Finlay, M Mr
• Fox, P Mr
• Kelly, S Mr
• Loughery, Mr
• Martin, J Miss

51
Team 5 Foyle Arts Building 12.35

• Mc Aleer, M Mr
• Mc Cormick, C Miss
• McCann, C Miss
• McCullagh, CJ Mr
• McLaughlin,N Miss
• McLarnon, P Miss

52
Team 6 Aberfoyle Building 12.55

• McLean, MJR Mr
• Noble, M Mr
• Burke, J Mr
• O Hara, E Mr
• Treacy, S Mr

53
Assignment 1 Mark Allocation
54
Declaration of Contribution
55
Weeks 5/6

• Second Life/Lingo in Lab
• Week 6 No formal lecture/lab
• Not time off!
• Use lecture time to create presentation
• Use lab time to finish assignment 1

56
Multimedia Authoring COM314M1

• Lecture 5
• Rich Internet Applications
• Web 2.0 Beyond
• Putting The We in Web
• the Living Web
• ---Newsweek, 4/3/2006