WHAT’S NEW?

LESSON 8
Quarter 4 – Module 1 MULTIMEDIA & ICT
This part of the module discussesthe online environment
MULTIMEDIA AND ICTS and the user experience , multimedia and interactivity. It also
explains Web 1.0, Web 2.0, and Web 3.0, It also differentiate
the facebookplatforms before and after. It also talks about online
games, online test,online courseware, online tools to produce
video content, vodcasting and podcast.

WHAT I NEED TO K NOW:

Objectives:

At the end of the lesson, the learners should be able to:

1. Independently assess one’s experience along a range of online

rich content on the basis of the usability of the interface.

LEARNING COMPETENCY 14:

Explore the Principles of interactivity and rich content in the context
of Web 2.0
and the participation of the user in the online
experienceCS_ICT11/12-ICTPT-IIk-14

1
2
 comments, and feedback.
WHAT I KNOW?

Web2.0
Let us check first what you already know. Read the statement It is the “writable” phrase of the World Wide Web with interactive
carefully and write the answers in your notebook. data. Unlike Web 1.0, Web 2.0 facilitates interaction between web
1.______________It is the “executable” phrase of Word Wide Web users and sites, so it allows users to interact more freely with each
with dynamic applications. other. Web 2.0 encourages participation, collaboration, and
2.____________It is the “writable” phrase of the World Wide Web information sharing. Examples of Web 2.0 applications are Youtube,
with interactive data. Wiki, Flickr, Facebook, and so on.
3.____________It is the “readable” phrase of the World Wide Web
with flat data.
Web3.0
4.____________The integration of text, graphics, sound and video
It is the “executable” phrase of Word Wide Web with dynamic
into a single unit.
applications, interactive services, and “machine-to-machine”
5._____________Something like a TV program or element of a
interaction. Web 3.0 is a semantic web which refers to the future. In
program.
Web 3.0, computers can interpret information like humans and
intelligently generate and distribute useful content tailored to the
needs of users. One example of Web 3.0 is Tivo, a digital video
recorder. Its recording program can search the web and read what it
finds to you based on your preferences.

WHAT’S NEW?

The Evolution to Web 3.(Executable), Web 2.0 (writable), and Web

1.0is the most read only web(readable).

Web1.0
It is the “readable” phrase of the World Wide Web with flat data. In
Web 1.0, there is
only limited interaction between sites and web users. Web 1.0 is
simply an information portal where users passively receive
information without being given the opportunity to post reviews,
3
4
 Facebook Platform
BEFORE

AFTER

5 6
7 8
  Wideo. Wideo is a tool to create animated videos for a marketing
campaign. Just drag and drop elements or upload your own images and
ONLINE TOOLS TO PRODUCE VIDEO CONTENT start animating in a few clicks.
 Facebook Live- Facebook’s Live-streaming tool. Use it to engage viewer in
 Periscope. Periscope is Twitter’s app for live streaming. Broadcast live
real-time.
video and interact with people through hearts and comments. Instantly
share your live videos to Twitter and other social network.
 YouTube editor- Use YouTube’s video editor to create new videos and edit
clips and publish them to YouTube with one click. All of your uploads are
added automatically to the video editor. Combine multiple video, add  WeVideo. WeVideo is a full-featured online platform for editing video. Use
music from a library of approved tracks, and customize clips with special text, transitions, motion effects, picture-in-picture, green screen
tools and effects. technology, custom call-to-action, a music library, and more, Ensure your
video always look good with HD resolution.
 YouTube live streaming. Once your YouTube channel is enabled. You have
three option to start a live stream. Stream Now is a quick and easy way to  StoriesAds.com. StoriesAds.com is a tool for creating compelling video
send content to automatically start and stop the stream for you at the right content tailored for Instagram’s vertical format. storiesAds.com provides
time. the tools for advertisers and marketers to build vertical video assists for
Instagram directly from a web browser in a quick and con-effective
 Adobe Spark- Spark is Adobe’s app to transform ideas in to visual stories. manner.
Pick photos, add text, and apply design filters to create professional
graphics. Easily combine video clips, photos and icons into an engaging
video.  Animto- Animoto is a platform for creating videos and slideshows with
three storytelling products. The marketing video builders is a drag-and
 Magisto. Magisto is an app to create professional videos with easy-to-use drop tool, designed to perform well on social media. The slideshow builder
editing tools, captions, custom branding, and commercially licensed music. provides roughly 100 templates to turn photos and video clips intro a
professional slideshow video.
 Facebook slideshow. Facebook slideshow ads are video-like ads that use
motion, sound and text to tell your story across devices. Slideshows load
quickly so they play beautifully on any connection speed.

 Loopster. Loopster is an full-featured online video editor with an easy-to-

use interface. Edit your video by rotating, cropping, splicing, zooming, and
reorder video fragments, overlay music and titles, add animated
transitions, and save to any format.

9 10
ONLINE GAMES, TEST AND COURSEWARES

Web-, game-, pod-, and vod-casting

➢ Webcast is a media file distributed over the Internet using steaming
media technology. A webcast may either be distributed live or on
demand. Essentially, webcasting is “broadcasting” over the Internet.”
A webcast uses streaming media technology to take a single
content source and distribute it to may simultaneous
listeners/viewers.
✓ According to PCMAG webcast means to:
(1) To send live audio or video programming over the
Web. It is the Internet counterpart to traditional
radio and TV broadcasting.
(2) To send selected Web-based information (text,
graphics, audio, video, etc.) to Internet users based
on individual requirements. See push technology.
Users typically must have the appropriate multimedia
application in order to view a Webcast.
www.webopedia.com

11 12
 What is a vodcast?
• A vodcast is something like a TV program or element of a program. Unlike
TV programs which you have to watch when scheduled, vodcasts are
stores on servers and you can download them whenever you want.
• “Video on Demand” (VOD) with ‘cast’ thrown on the end as in broadcast.

Benefits of Vodcasting
• Video content on demand- when consumer wants access
• Easier and cheaper than TV production
• Allows for skills and delivery convergence - a newspaper can be an online
broadcaster and a broadcaster can be an online newspaper.
• Flexible mass distribution much easier.
➢ Gamecast is a hook for some functionality that will be available in the
• Little to no cost for maker or consumer – no copies to be made and
future. What is does is send play by play data to our web server. The
distributed.
intent is that if you are scoring a game on an iPhone (or and iPod Touch
with WIFi connectivity), you will be able to send the paly by play data to
the server in real time, and other people interested in your game will be WHAT IS IT?
able to access your data.

There are at least a couple of ways we intend to make this data available: ACTIVITY 1

1. A web view of the game much like you can see on espn.com of MLB Ask the students to select at least 3 online content rich interfaces (e.g.,
learning management system, blog, and Facebook page) pertaining to
games where as the game progresses, people can “watch it” on the
their specific academic track. Ask them to rate each interface according
internet
to the simplicity and functionality using the table below.
2. Another user with iScore can be kept in sync while you are scoring a
game.
➢ A pobcast is an episodic series of digital audio or video files which a user
can download and listen to. It is often available for subscription, so the at
new episodes are automatically downloaded via web syndication to the
user’s own local computer, mobile application, or portable media players.

13 14
 Sample screenshot online interfaces _________________________________________________________________
_________________________________________________________________
1. Facebook 2. Blog 3.DepedCommon
_________________________________________________________________
_________________________________________________________________
_________________________________________________________________
_________________________________________________________________
_________________________________________________________________
________________________________________________________________
_________________________________________________________________
________________________________________________________________
_________________________________________________________________
_________________________________________________________________
4. Google Classroom 5.Kinemaster 4.Quipper School
_________________________________________________________________

WHAT I HAVE LEARNED?

Instruction: Read the questions carefully. Please write your answers
in your notebook.
1. Among your selection, which are your top three favorites? Explain. The evolution of web
Guide Questions Online tools to produce video content
1. What can make an online interface difficult to use? Online test, Online games and Online
2. What can help an interface user understand or navigate an online
interface? courseware
Webcast and Gamecast
_________________________________________________________________ Vodcast and Podcast
_________________________________________________________________
_________________________________________________________________
_________________________________________________________________
_________________________________________________________________
__________

15 16
 ASSESSMENT

Let us check first what you have knownalready. Read the

statement carefully and write the answers in your notebook.
1.______________It is the “executable” phrase of Word
Wide Web with dynamic applications.
2.____________It is the “writable” phrase of the World
Wide Web with interactive data.
3.____________It is the “readable” phrase of the World
Wide Web with flat data.
4.____________The integration of text, graphics, sound and
video into a single unit.
5._____________Something like a TV program or element of a
program.