QUEZON NATIONAL HIGH SCHOOL

Senior High
School Iyam,
Lucena City

EMPOWERMENT TECHNOLOGIES
Quarter 2 - Module no.1

MULTIMEDIA & ICT

This part of the module discusses the online environment and the user experience, multimedia and
interactivity. It also explains Web 1.0, Web 2.0, and Web 3.0, It also differentiate the facebook platforms before
and after. It also talks about online games, online test, online courseware, online tools to produce video content,
vodcasting and podcast.

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, comments, and feedback.

Web2.0
It is the “writable” phrase of the World Wide Web with interactive data. Unlike Web 1.0, Web 2.0 facilitates
interaction between web users and sites, so it allows users to interact more freely with each other. Web 2.0
encourages participation, collaboration, and information sharing. Examples of Web 2.0 applications are Youtube,
Wiki, Flickr, Facebook, and so on.

Web3.0
It is the “executable” phrase of Word Wide Web with dynamic applications, interactive services, and “machine-to-
machine” interaction. Web 3.0 is a semantic web which refers to the future. In 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.
 Facebook Platform

Before

After

Rich content in the online environment and the user experience

Rich user experience is the ability of the Web to deliver full-scale GUI style applications to the client, making it easier to
interact, share, and access Web content. Although rich user experience is based on rich contents, it focuses on the rich
user interface to enhance how the data is presented, manipulated, and used by the users.

GUI ( Graphical User Interface) a program that allows an person to work with a computer by using a mouse to point a
small pictures and other elements on the screen.
What is Interactive Multimedia?

Multimedia is the integration of text, sound, graphics, animation and video into a single unit.
Interactive means that the user or audience has control over the program or presentation

Types of Rich and Multimedia Content currently include but not limited to:

 Facebook Live – Facebook’s live-streaming tool. Use it to engage viewers in real time

 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 videos, add music
from a library of approved tracks, and customize clips with special tools and effects.

 YouTube live streaming. Once your YouTube channel is enabled, you have three options to start a live stream.
Stream Now is a quick and easy way to send content to automatically start and stop the stream for you at the right
time.
 Adobe Spark. Spark is Adobe’s app to transform ideas into visual stories. Pick photos, add text, and apply design
filters to create professional graphics. Easily combine video clips, photos, and icons into an engaging video.
 Magisto. Magisto is an app to create profession videos with easy-to-use editing tools, captions, custom branding,
and commercially licensed music.

 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. Loopeter is a full-featured online video editor with an easy-to-use interface. Edit your videos by rotating,
cropping, splicing, zooming, and adding sound effects to either standard or high definition videos. Add and reorder
video fragments, overlay music and titles, add animated transitions, and save to any format.

 Wideo. Wideo is a tool to create animated videos for a marketing campaign. Just drag and drop elements or
upload your own images and start animating in a few clicks.

 Periscope. Periscope is Twitter’s app for live streaming. Broadcast live video and interact with people through
hears and comments. Instantly share your live videos to Twitter and other social network.

 WeVideo. WeVideo is a full-featured online platform for editing video. Use text, transitions, motion effects, picture-
in-picture, green screen technology, custom call-to-action, a music library, and more. Ensure your videos always
look good with HD resolution.

 StoriesAds.com. StoriesAds.com is a tool for creating compelling video content tailored for Instagram’s vertical
format. StoriesAds.com provides the tools for advertisers and marketers to build vertical video assets for Instagram
directly from a web borrower in a quick and cost-effective manner.

 Animoto. Animoto is platform for creating videos and slideshows with three storytelling products. The marketing
video builder is a drag-and-drop tool, designed to perform well on social media. The slideshow builder provides
roughly 100 templates to turn photos and video clips into a professional slideshow video.
ONLINE GAMES, TEST AND COURSEWARES
Gamecast is a hook for some functionality that will be available in the future. What it does is send play data to our web serve

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

A web view of the game much like you can see on espn.com of MLB games where as the game progresses, people can “watch
Another user with iScore can be kept in sync while you are scoring a game.

A podcast is an episodic series of digital audio or video files which a user can download and listen to. It is often available for s

Written Activity 1

Ask the students to select at least 3 online content rich interfaces (e.g., learning management
system, blog, and Facebook page) pertaining to their specific academic track. Ask them to rate each
interface according to the simplicity and functionality using the table below.

Online Interfaces (You may visit the actual website)

1. Facebook 2. Blog 3.DepedCommon

5
 4. Google Classroom 5.Kinemaster 4.Quipper School

Guide Questions: Read the questions carefully. Please write your answers in your notebook/piece of paper.

1. Among your selection, which are your top three favorites? Explain.
2. What can make an online interface difficult to use?
3. What can help an interface user understand or navigate an online interface?

Assessment Activity 1: 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 Webwith interactive data.
3) It is the “readable” phrase of the World Wide Web with flatdata.
4) The integration of text, graphics, sound and video into a single
unit. 5) Something like a TV program or element of a program.