Learning Competency:

explore the principles of

interactivity and rich content
in the context of Web 2.0
and the participation
of the user in the
online experience
CS_ICT11/12-ICTPT-IIk-14
Outline

General Introduction,
What is Web 2.0?
Gartner Hype Curve
Web 2.0 Technologies:
Wikis, Blogs, RSS, Tagging,
Social networking,
Flickr, Slideshare, YouTube,
Twitter, REST AJAX,
iGoogle, google gadgets,
Web Semantics, Twine,
Security concerns,
Summary/Conclusions.
March 23, 09 mark.baker@computer.org
General Introduction
Various technologies seem to appear in waves, some are taken
up and are successful, and others die out quickly.
I have been working in the parallel, distributed computing and
HPC arena for 20+ years.
Seen lots of interesting technologies come and go!
CORBA, Jini etc

Spent a lot of time work on grid technologies and e-Science.

However, the Web 2.0 area seems to have been one of those
domains of interest that has taken off like a rocket!
Hence the keen interest with this workshop, and the Edinburgh
eSI theme that is exploring The Influence and Impact of Web
2.0 on e-Research Infrastructure, Applications and Users
General Introduction
It would be easy to ask questions as to why we want to explore this
area but these are some reasons!

mark.baker@computer.org
What is Web 2.0?
Another more compact! description from Tim O'Reilly

Web 2.0 is the network as platform, spanning all connected

devices;
Web 2.0 applications are those that make the most of the
intrinsic advantages of that platform:
Delivering software as a continually-updated service that gets
better the more people use it,
Consuming and remixing data from multiple sources, including
individual users, while providing their own data and services in
a form that allows remixing by others,
Creating network effects through an "architecture of
participation," and going beyond the page metaphor of Web 1.0
to deliver rich user experiences.
Web 2.0

Web 2.0 has many aspects:

Business Models that survived and have promise for
the future.
Approaches such as services instead of products, the
Web as a platform, ...
Concepts such as folksonomies, syndication,
participation, reputation, ....
Technologies such as AJAX, REST, Tags,
Microformats, ...
And many others ...
What is Web 2.0 ?
A concept not a product.
A way of thinking.
A way of working collaborative and social.
About:
Sharing information with others,
Information coming to you,
Deciding how you receive and view the information.
All sorts of technologies but.
Examples:
Blogs, RSS, Wikis, social bookmarking (e.g. Furl,
Del.icio.us, Connotea) Flickr, Facebook, MySpace, web
based forums, email discussion lists, YouTube, Second
Life
Gartner's 10 strategic technologies for 2009
The "potential for significant impact on the
enterprise in the next three years":
1. Virtualization,
2. Cloud computing,
3. Servers (beyond blades),
4. Web oriented architectures,
5. Enterprise mashups,
6. Specialised systems,
7. Social software / networking,
8. Unified communications,
9. Business intelligence,
10. Green IT.
Web 2.0
Web 1.0 Web 2.0

DoubleClick Google AdSense

Ofoto Flickr
Akamai BitTorrent
mp3.com Napster
Britannica Online Wikipedia
personal web sites Blogging
Evite Upcoming.org and Events and Venues
Database
Domain name speculation Search engine optimisation
Page views Cost per click
Screen scraping Web Services
Publishing Participation
Content management systems Wikis
Directories (taxonomy) Tagging ("folksonomy")
Stickiness Syndication
Wikis

wiki-wiki Hawaiian meaning quick.

First wiki was the WikiWikiWeb, Ward Cunningham 1995.
A collaborative web application that allows users to easily add and
edit content.
Can be used for:
Developing documentation,
Project management:
History keeps a record of the changes and different versions of the
documents.
Developing a conference programme.
Encourages collaboration.
Many have blog like discussion areas and RSS feeds.
Wikis

Relatively standardised format and layout Makes our contributors

concentrate on content rather than wasting time on pretty layouts.
Default in most Wikis will let anyone create and edit a page:
Need to protect Admin functions and limit creation, edit and access rights,
Can lock individual pages or sections,
Can require registration to set up new pages or edit existing ones.
Wikipedia

Option to edit
the page

March 23, 09 mark.baker@computer.org

Wikipedia (2)

No edit
option

March 23, 09 mark.baker@computer.org

Wikipedia - history

Date of edits Author/editor

March 23, 09 mark.baker@computer.org

What are wikis used for in real life?
Wikis for training materials and conference organising:
NeSC/eSI do this.
Wikis for compiling subject guides.
We create manuals/user-guides in our private Wiki, then have some PHP
that lets us expose the content to the public.
Using a Wiki on an Intranet for internal purposes.
Blogs
What is a Blog?
Short for web log,
Content management system that publishes
information chronologically,
Content can range from self-indulgent drivel
to extreme depth,
Easy to use and publish from anywhere,
therefore there is a high proportion of utter
rubbish in the blogosphere,
Blogs automatically generate RSS feeds.
Anatomy of a Blog (2)

Tags

Archives

List of recent
posts

Blogroll of
related blogs
Applications of Blogs

Instead of, or in addition to, a printed, emailed or static web-based

newsletter:
Current awareness for staff, users, researchers and clients - Whats
new,
Publicising new services/products, encourage feedback via comments.
Marketing tool inside and outside of the organisation.
Recording professional development and reflective practice plus
project development and discussions.
Comments or suggestions box.
Monitor blogs for information and competitor intelligence.
Alternative publishing medium.

March 23, 09 mark.baker@computer.org

 Blogs as sources of information

Blogs by industry gurus and experts are a good way of keeping up to

date with what is happening in a particular sector.
Look for the Blogroll of List of Links on a relevant blog.
Google Blogsearch http://www.google.com/blogsearch
Uses advanced search to search within an individual blog.
Ask http://www.ask.com/ Blogs and feeds.
Live Feeds search - http://search.live.com/feeds.
Blog search engines and directories:
http://www.technorati.com/
http://www.blogpulse.com/
http://www.quacktrack.com/
March 23, 09 mark.baker@computer.org
What is RSS?
Stands for Really Simple Syndication, or Rich Site Summary or RDF
site summary.
Depends on version:
Rich Site Summary (RSS 0.9x),
RDF Site Summary (RSS 0.9 and 1.0),
Really Simple Syndication (RSS 2.x).

Also ATOM (Google).

Written in XML.
Look for the orange logos.
A means of delivering headlines, alerts, tables of contents.

Regarded as the de
facto standard
Why RSS is not that popular?
You need a feed reader
http://www.google.com/reader
.like Google Reader

March 23, 09 mark.baker@computer.org

RSS instead of email

Reduces the overload in your email inbox.

By-passes spam filters.
Quicker and easier to scan and spot individual headlines within an
alert or newsletter and decide what is relevant.
Can set up filters to pick up stories that mention specific products,
companies...
You control when you receive and read the feeds.
Easier to unsubscribe.

March 23, 09 mark.baker@computer.org

Facebook Facts

Not just for College students anymore.

Anyone with a valid e-mail address can join
Over 175 million active (users who have returned to the site in the
last 30 days).
Company has 700+ employees.
More than half of Facebook users are outside of college with the
fastest growing demographic being those 30 years old and older.
Average user has 120 friends on the site .
More than 3 billion minutes are spent on Facebook each day
(worldwide).

http://www.facebook.com/press/info.php?factsheet (Feb/09)
March 23, 09 mark.baker@computer.org
Facebook

March 23, 09 mark.baker@computer.org

Flickr

http://www.flickr.com/
Owned by Yahoo!
Share photos with selected individuals or make public.
Put photos of your librarys or organisations events on Flickr:
Promote your department, information centre, organisation,
Direct journalists to your album when they ask for photos to accompany
articles about you,
Make sure you tag and describe them,
Organise into sets,
Decide on copyright and Creative Commons licenses.

March 23, 09 mark.baker@computer.org

Flickr

March 23, 09 mark.baker@computer.org

Slideshare,
Share presentations.
Include an accompanying commentary.
Keep private, share with selected people, or
make public.
Slideshare does not keep animations and
embedded links.
Slideshare - http://www.slideshare.net/
Embed Slideshare in your blog, web site,
Facebook profile, start page ..
Slideshare
YouTube
http://www.youtube.com/
Owned by Google.
Videos of varying content and quality:
News broadcasts,
Various videos and corporate broadcasts,
PR, advertising campaigns,
Videos of events, new service launches, anything,
The Queen has a YouTube channel!
http://www.youtube.com/user/TheRoyalChannel

Embed YouTube videos in your Blog, Facebook

page, start page, web site etc.
Twitter
http://www.twitter.com/
Microblogging:
tweets are 140 characters,
What are you doing?
follow friends,
Lots of plugins for your browser and desktop e.g. TwitKit,
Send first 140 characters of your blog postings to Twitter using
http://twitterfeed.com,
Add Twitter to your Facebook profile.
Search for friends and colleagues, and topics:
Twitterment, Tweet Scan etc.
Analyse a persons tweets with Tweet Clouds:
http://www.tweetclouds.com/
Twitter

March 23, 09 mark.baker@computer.org

Who is on Twitter?

The
BBC
The
Times

10 Downing
Street

March 23, 09 mark.baker@computer.org

Conference Twitter Streams
Blogging conferences is so 20th century!
Twitterers/tweeters abound at conferences,
The INSOURCE Conference Twitter Experiment
http://www.rba.co.uk/wordpress/2008/02/11/the-
insource-conference-twitter-experiment/ ,
Can set up a Twitter event stream,
Delegates, conference chairs, moderators can all
comment on and monitor the proceedings,
Send tweets to your blog using LoudTwitter:
Generates a chronological list of your tweets by day and with the
oldest listed first,
Easier to read as a record of the event.
 Choose at least three Gartner's 10 strategic
technologies for 2009 and explain why you
choose this technology?
1. Virtualization,
2. Cloud computing,
3. Servers (beyond blades),
4. Web oriented architectures,
5. Enterprise mashups,
6. Specialised systems,
7. Social software / networking,
8. Unified communications,
9. Business intelligence,
10. Green IT.
Learning Competency:
explore the principles of
interactivity and rich content
in the context of Web 2.0
and the participation
of the user in the
online experience
CS_ICT11/12-ICTPT-IIk-14
Multimedia
REVOLUTION OF THE
CENTURY
CONTENTS
INTRODUCTION
WHAT IS ??

Many or more
MULTI than one

Medium of
MEDIA Communication
MULTIMEDIA..

Multimedia is media and content that uses a combination of

different content forms.

The term is used in contrast to media which only use traditional

forms of printed or hand-produced material.

Multimedia includes a combination of

Text
Audio
Still images
Animation video
Interactivity content forms.
HISTORY
 The term MULTIMEDIA was first used by BOB GOLDSTEIN in July
1996 to promote opening of his light works.

In 1970s the term was used to describe presentations consisting of

multi-projector slide shows timed to an audio track.

In 1990s multimedia took on its current meaning.

TAY VAUGHAN declared Multimedia as combination of text, graphic

art, sound, animation, and video that is delivered by computer.
CONTD..

In common usage, the term multimedia refers to an electronically

delivered combination of media including video, still images, audio,
text in such a way that can be accessed interactively.

Computers marketed in 1990s were referred to as MULTIMEDIA

COMPUTERS because they contained a CD-ROM drive.
CATEGORIZATION
 LINEAR MULTIMEDIA NON-LINEAR MULTIMEDIA

Linear active content progresses Non-linear content offers user

without any navigational control for the interactivity to control progress as used
viewer. with a computer game .

Cinema presentation is an example of Hypermedia is an example of non-

linear multimedia. linear multimedia.
CHARACTERISTICS
 Multimedia presentations can be viewed in person on stage,
projected, transmitted, or played locally with a media player.

Broadcasts and recordings can be either analog or digital electronic

media technology.

The various formats of technological or digital multimedia may be

intended to enhance the users' experience.

Online multimedia is increasingly becoming object-oriented and

data-driven, enabling applications with collaborative end-user
innovation and personalization on multiple forms of content over
time.
 TYPES OF
MULTIMEDIA
 Multimedia formats include

AUDIO

CAPTURE ON TAPE

FUNCTION OF
PHOTOGRAPHY

SIDESHOWS
 The following extensions commonly used to lay up multimedia
documentation:
MOV
MP4
3GP
VOB
FLV.
Files with augmentation MOV are used to lay up capture on film and
song in order.

MP4 is fundamentally identical to MOV format and lone differs by

provided that roughly added metadata.

MP4 put on record augmentation is supported by multiple

applications with Apple ITunes, XBox 360.
CONTD..

MPEG is a align of compressions methods designed for audio and

visual data.

3GP on PC may perhaps be viewed VLC media player,

RealPlayer, QuickTime, GOM Player and Media Player Classic.

File Extension VOB (Video Object) is commonly locate such

documents in DVD-Video media.

File Extension FLV is used to deposit Macromedia Flash Player

collection. It can assign vector graphics, spill videocassette, audio
and text.
FEATURES OF
MULTIMEDIA
 Text
Audio
Pictures
Video
Animation
Interactivity
TEXT
Text is the most widely used and flexible
means of presenting information on
screen and conveying ideas.

Text is an essential aspect of presenting

the information.

Like each element of the multimedia

design, effective use of text can either
direct users/readers attention or divert it.
AUDIO
Audio refers to sound. Multimedia can include files which
contain sounds.

Audio songs also come under the heading multimedia.

Multimedia presentations often have some audio tracks which

makes it easier for people to understand.

Multimedia phones have music players to run audio music.

Various audio software include VLC media player, real player,

etc.
PICTURES
Pictures(images) is a two-dimensional screen
display, and as well as a three-dimensional, such
as a statue or hologram.

Graphs, pie-charts, painting etc. all come under

images.

Images are a very useful feature of multimedia.

Multimedia presentation uses pictures or clip-art to
make people understand.

Various file formats of images are .jpg, .png, .gif

etc.
VIDEO

A video is unedited material as it had been originally filmed

by movie camera or recorded by a video camera.

The embedding of video in multimedia applications is a

powerful way to convey information which can incorporate
a personal element which other media lack.

Video enhances, dramatizes, and gives impact to your

multimedia application.

The advantage of integrating video into a multimedia

presentation is the capacity to effectively convey a great
deal of information in the least amount of time.
ANIMATION
Animation is the rapid display of a sequence of images
of 2-D or 3-D artwork or model positions in order to create
an illusion of movement.

The effect is an optical illusion of motion due to the

phenomenon of persistence of vision.

Animation adds visual impact to the multimedia project.

Animation are used in cartoons, scientific visualization.

INTERACTIVITY
Interactivity can be termed as the dialog that occurs
between an individual and a computer program.

Interactive multimedia refers to the multimedia

applications that allow users to actively participate rather
than being passive recipients of information.

Technologies such as DVDs and digital TV are classic

examples of interactive media devices, where a user can
control what they watch and when.
CONTD..

Interactivity also relates to new media art technologies

where humans and animals are able to interact with and
change the course of an artwork
HYPERMEDIA
an extension of the term hypertext, is a nonlinear medium
of information that includes graphics, audio, video, plain
text and hyperlinks. This designation contrasts with the
broader term multimedia, which may include non-
interactive linear presentations as well as hypermedia.
MULTIMEDIA TODAY

Multimedia and its related applications have almost

become synonymous with modern technology; given the
kind of explosion the technological realm has seem.

Multimedia makes our life easier several times fold. It is

through multimedia that mobile phones can be used for a
number of purposes.
 With the introduction of newer generation of mobile phones and
more advanced communication protocols, the number of multimedia
uses that your phone can be put to keeps growing.

Video conferencing which enables people across global borders to

communicate with each other in real time is an excellent example of
how multimedia has benefited the world of communications and
telephony.
FUTURE OF
MULTIMEDIA
SCOPE OF MULTIMEDIA
The technology of multimedia design utilizes various
features like animation, video, graphics, audio and sound
to impress the users.

Multimedia technology is used for 3D cinema applications

and mobile 3DTV environments.

Animation is also being used in titling films, creating

special effects or in web entertainment programs. Thus
scope of animation is huge in context to market.
 In the field of education multimedia is being used
extensively especially for online courses and trainings.

Multimedia is also used in advertising purposes.

ADVANTAGES
ADVANTAGES

Multimedia enhances the effect of text presentations.

Improves the quality of presentation and retains the attention of

audience.

It can be used for educational as well as entertainment purpose.

It is quick and easier to operate for the instructor.

Multimedia presentations can be modified very easily.

Multimedia is Entertaining as Well as Educational.

DISADVANTAGES
Dis-advantages:-
Non-interactive if one-way, no feedback.

Complex to create.

Time consuming.

Use of multimedia is expensive.

USES
 COMMERCIAL
Much of the electronic old and new media used by commercial
artists is multimedia.
Exciting presentations are used to grab and keep attention
in advertising.

ENTERTAINMENT AND FINE ARTS

Multimedia is heavily used in the entertainment industry, especially to
develop special effects in movies and animations.
Multimedia games are also very popular.
 EDUCATION
Multimedia is used to produce computer-based training courses.
Edutainment is an informal term used to describe combining
education with entertainment, especially multimedia entertainment.

ENGINEERING
Software engineers may use multimedia in Computer Simulations.
Multimedia for software interfaces are often done as a collaboration
between creative professionals and software engineers.
CONCLUSION
 Design could benefit tremendously from open and
collaborative multimedia research.

Multimedia and graphics can be a very effective tool to

communicate, educate, compel, and convince you and/or
your audience.

Multimedia can help to gain and hold attention, make

points clearer, stimulate discussion, and in general,
enhance the learning process, if it also includes the
appropriate human elements.
FORMATIVE ASSESSMENT PART I
Acronyms of the following
WMA FLV
NSC MOB
ASF AAC
3GPP AVI
WMV MP4
 FORMATIVE Part II

What criteria did you use in identifying

the type of media of the given items?
What is the difference between linear and
nonlinear multimedia?
How has multimedia helped the growth of
online education programs?
What is hypermedia and how does it
relate to multimedia?
What are the major uses of Multimedia?
 Formative assessment
I- Key Type. Write P for print media, B for
broadcast media , F for film, and N for
new media.
6. 24- Oras news program uploaded on
YouTube
7. One Punch-man manga uploaded in
MyManga website
8. Jason Bourne movie shown in theaters
9. Philippine Daily Inquirer news paper
10.7 Years by Lukas Graham played on 90.7
Love Radio
 Formative assessment
I- Key Type. Write P for print media, B
for broadcast media , F for film, and N
for new media.
1. ABS- CBN TV Patrol aired on channel 2
2. Harry Potter Complete Series Boxed Set
Collection
3. Promotional poster uploaded in Facebook
4. Media and Information Literacy textbook
5. Dont Let Me Down by The Chainsmokers
in Spotify
 Formative assessment
ANSWERS:
1. B 2. P 3. N 4. P 5. N
6. N 7. N 8. F 9. P 10. B