This is the Self-Learning Module for Empowerment Technologies, Quarter 2, Module 12: Multimedia and ICT, for Senior High School learners. It explains how rich media content and interactivity in Web 2.0 shape what users experience online. After the module, learners can judge online content by how usable its interface is, and they improve their own websites with video and other media.
On this page 6 sections
What learners will learn
The module covers one lesson, Multimedia and ICT. It focuses on rich content in the online environment and the user experience, multimedia and interactivity, Web 2.0, Web 3.0, and user participation in the web.
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).
After the module, learners are expected to:
- 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; and
- assess on their own their experience with a range of online rich content, based on how usable the interface is.
Key ideas in Multimedia and ICT
Multimedia and the user experience
The module calls multimedia the heart of every presentation, website, and online interface in the 21st century. Multimedia combines text, music, photos or images, interactive content, animation, and video. It appeals to the different senses and catches the user’s attention.
The user experience is how a person behaves toward an application or product while using it. It is a way to measure how useful a product or service is. Knowing how multimedia and ICT connect helps learners judge the rich content of online applications. It also helps future developers create meaningful content.
Web 2.0 and Web 3.0
- Web 2.0 describes most websites today. They are interactive and let users communicate and collaborate with each other. Users can comment, create accounts, store files, and see content that changes based on their preferences.
- Web 3.0 is a new generation of Internet technology that relies on machine learning and artificial intelligence. The module’s example is the promotional ads, generated by the web host, that appear on a website and invite users to subscribe.
The module also notes that early websites had mostly text and bits of sound because the Internet was slow. Today, most sites show videos and music. Learners compare a linear website (Apple’s 1997 homepage) with a non-linear, card-style website. They decide which looks more professional, has more appealing content, and offers a more interactive interface.
Other terms to review
- Audio and video are used to enhance the experience of webpages.
- Courseware supports self-paced learning.
- Online tests give results right after the assessment.
- Video on demand lets users choose video and audio content when they want it.
- Each webpage has its own unique universal resource locator (URL).
Activities in this module
- Let’s Ponder: Rate a classmate’s website from 1 to 5 on overall look, navigation, content, correctness, images, and user experience. Then list its strengths, weaknesses, and features to add or remove.
- Let’s Complete This: List what a website already has (Column A) and what it still needs (Column B).
- Let’s Compare: Use a Venn diagram to compare a linear and a non-linear website.
- Let’s Try This One: Write a blog post on the advantages of infographics. Find a YouTube video, click Share, then Embed, and copy the code. In Wix.com, choose Add Video, then YouTube, paste the code, then preview and publish.
- Reflection: Rate your own website using the same 1-to-5 form.
- You Can Do It: Produce an educational vlog of no more than three minutes. It can introduce Multimedia and ICT or explain its benefits in the 21st century. Write a script, post the vlog on YouTube, and embed it on your Facebook page. A rubric scores creativity, connectedness, organization, and duration.
- What I Can Do: Build an interactive environmental advocacy website. It needs a homepage, a content flow, and your own video about helping rehabilitate the environment, uploaded to YouTube and shared on the site.
- Additional Activity: Make an infographic poster about Multimedia and ICT.
How to use this module
Learners: Start with the 15-item pretest (What I Know). Then work through the parts in order and finish with the 15-item Assessment. Create a Wix.com account for blog posting before the activities. Save screen captures of your webpage for your e-portfolio. Write your answers on a separate sheet, not on the module. Use the answer key honestly.
Parents: The online tasks need Internet access and accounts on Wix.com, YouTube, and Facebook. You can help your child set these up and check that any video they use has no unfriendly words.
Teachers: The module builds on earlier modules where learners made their own website and added infographics. Provide the rubric for the vlog output, as the module asks. Contact the facilitator or teacher with any questions about the module.
Frequently asked questions
What grade and quarter is this Empowerment Technologies module for?
It is Quarter 2, Module 12 for Senior High School. Its competency code, CS_ICT11/12-ICTPT-IIk-14, covers Grades 11 and 12.
What is the difference between Web 2.0 and Web 3.0 in this module?
Web 2.0 is the interactive web, where users communicate, collaborate, comment, and create accounts. Web 3.0 is a newer generation of Internet technology that relies on machine learning and artificial intelligence.
Does the module have an answer key?
Yes. The module has an answer key for the pretest, the assessment, and the fill-in-the-blank activity.
What tools do learners need for the activities?
Learners use Wix.com to build and update a website, YouTube to post and embed videos, and Facebook to share a vlog. Internet access is needed for these tasks.
What is user experience?
The module defines user experience as the behavior a person shows while using an application or product. It is used to measure how useful a product or service is.
Full text of the module
The text below is a transcription of the PDF above, as printed.
Empowerment Technologies Quarter 2 – Module 12: Multimedia and ICT
Senior High School
[illustration: group of students and a teacher reading and studying outdoors and in a classroom, with a globe and a lamp]
Empowerment Technologies – Senior High School Alternative Delivery Mode Quarter 2 – Module 12: Multimedia and ICT First Edition, 2020
Republic Act 8293, section 176 states that no copyright shall subsist in any work of the Government of the Philippines. However, prior approval of the government agency or office wherein the work is created shall be necessary for exploitation of such work for profit. Such agency or office may, among other things, impose as a condition the payment of royalties.
Borrowed materials (i.e., songs, stories, poems, pictures, photos, brand names, trademarks, etc.) included in this book are owned by their respective copyright holders. Every effort has been exerted to locate and seek permission to use these materials from their respective copyright owners and the publisher and authors do not represent nor claim ownership over them.
Published by the Department of Education Secretary: Leonor Magtolis Briones Undersecretary: Diosdado M. San Antonio
Printed in the Philippines by ________________________
Department of Education – National Capital Region
Office Address: Misamis St., Bago Bantay, Quezon City
Telefax: 02-929-0153
E-mail Address: depedncr@deped.gov.ph
Development Team of the Module
Authors: Julie Q. Opeña Editor: Jomarie D. Moreno Reviewers: Grace R. Nieves Illustrator: Julie Q. Opeña Layout Artist: Mariss Tiffany, Anne T. Asil and Melody Z. De Castro Management Team: Malcom S. Garma, Director IV Genia V. Santos, CLMD Chief Dennis M. Mendoza, Regional EPS In-Charge of LRMS Micah S. Pacheco, Regional ADM Coordinator Loida O. Balasa, CID Chief Grace R. Nieves, Division EPS In-Charge of LRMS Lorena J. Mutas, Division ADM Coordinator
Empowerment Technologies Quarter 2 – Module 12: Multimedia and ICT
Senior High School
Introductory Message
This Self-Learning Module (SLM) is prepared so that you, our dear learners, can continue your studies and learn while at home. Activities, questions, directions, exercises, and discussions are carefully stated for you to understand each lesson.
Each SLM is composed of different parts. Each part shall guide you step-by-step as you discover and understand the lesson prepared for you.
Pre-tests are provided to measure your prior knowledge on lessons in each SLM. This will tell you if you need to proceed on completing this module or if you need to ask your facilitator or your teacher’s assistance for better understanding of the lesson. At the end of each module, you need to answer the post-test to self-check your learning. Answer keys are provided for each activity and test. We trust that you will be honest in using these.
In addition to the material in the main text, Notes to the Teacher are also provided to our facilitators and parents for strategies and reminders on how they can best help you on your home-based learning.
Please use this module with care. Do not put unnecessary marks on any part of this SLM. Use a separate sheet of paper in answering the exercises and tests. And read the instructions carefully before performing each task.
If you have any questions in using this SLM or any difficulty in answering the tasks in this module, do not hesitate to consult your teacher or facilitator.
Thank you.
What I Need to Know
This module was designed and written with you in mind. It gives you the opportunity to explore and understand how rich media content is and how interactivity and its principles, in the context of Web 2.0, affect and change the users’ experiences in the delivery and consumption of ICT content. The lessons are arranged to follow the standard of the course in helping you to assess the rich content based on your own experience in using the interface.
The module mainly focuses on this lesson:
- Rich Content in the Online Environment and the User Experience, Multimedia and Interactivity and Web 2.0, Web 3.0, and User Participation in the Web.
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.
Code: CS_ICT11/12-ICTPT-IIk-14
After successful completion of this module, you are expected to:
- 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 and
- assess independently your own experience along a range of online rich content on the basis of the usability of the interface.
What I Know
Choose the best answer for each question. Write the letter of your answer on a separate sheet.
Which of the following is the integration of text, sound, graphics, animation and video into a single unit?
- a. website
- b. webpage
- c. multimedia
- d. presentation
What is defined as the behaviors shown by the person or individual that uses the application or product over the net?
- a. user demand
- b. user experience
- c. user participation
- d. user as a contributor
Which system enables users to select video and audio content when they want it?
- a. Video on demand
- b. Online environment
- c. Online participation
- d. Online courseware and tutorials
In which field does multimedia play a vital role as it encourages the learners to interact inside the class?
- a. Industrial
- b. Education
- c. Entertainment
- d. Advertisement
What is considered as one of the most popular multimedia applications because of its movies and video games?
- a. Advertisement
- b. Entertainment
- c. Education
- d. Industrial
Which of the following BEST describes the presentation?
- a. a speech
- b. a television interview or news report
- c. information presented using more text than graphics and animation
- d. a sequence of slides that usually incorporate text, sound, graphics, and animation
Web servers and web browsers rely on the SSL protocol to help users protect their data during transfer by creating a uniquely encrypted channel for private communications over the public internet. What does SSL stand for?
- a. saving sharing and limits
- b. safe secured and locked
- c. secure socket limbs
- d. secure socket layers
Multimedia play’s important role today. Which of the following BEST describes multimedia?
- a. images and audio
- b. moving images and text
- c. programs that combine text and images on a television screen
- d. integration of still and moving images, text, and sounds by means of technology
It is a good way for communication and helps us to understand the messages that someone’s trying to convey because of the combination of text, graphics, audio, video, and animation using computers. It is called ____________.
- a. media
- b. newspaper
- c. multimedia
- d. hypermedia
In the 1980s, ISP was a company that provided individuals and other companies access to the internet and other related services such as Web site building and virtual hosting. What does ISP stand for?
- a. International Service Protocol
- b. Internal Services Protection
- c. Internet Service Provider
- d. Internet Search Program
Which of the following advances in multimedia were made in the early 1970’s?
- a. Advances in the ability to fit more text in a presentation
- b. Advances in making supercomputers
- c. Advances in integrating computers with CD’s
- d. Advances in graphics, movies, and audio
Educational websites help make the process of learning entertaining and attractive to the audience, especially in today’s generation. Which of the following BEST describe computer-based training?
- a. a video game
- b. a method of training a computer to reject viruses.
- c. a method of education that allows people to learn at their own pace, using interactive software.
- d. a method of training the computer to perform routine tasks.
Businessmen use online platforms for promotion purposes; therefore, Ecommerce websites are for ____________.
- a. business to business transactions and business to consumer transactions
- b. getting money from your computer online
- c. selling your home on the net
- d. a revolution in business practices
The Cold War is the major reason why the United States formed a new way of communication, now commonly known as ______________.
- a. platform
- b. software
- c. website
- d. internet
Each webpage has its own unique _____________.
- a. database connection
- b. personal search engine
- c. animation scheme
- d. universal resource locator (URL)
Lesson 1 Multimedia and ICT
Multimedia is the heart of every presentation, website and online interface in the context of the 21st century. It triggers the different senses to function well and catches the attention of the user which aims to satisfy the audience through the use of different multimedia content like texts, music, photos or images, interactive contents, animations, and videos.
The user experience serves as a tool to measure the usefulness of a product or service. It is his behavior as a person towards the application or product that evaluates through his reaction while using the product.
For that reason, you, as a learner, are encouraged to know and understand the connection of multimedia and ICT. By knowing their connection, you can easily understand, assess and determine rich content of each online application. And as a future developer of a multimedia application, this will give you the right insights on how to create meaningful content.
What’s In
[illustration: hand holding a puzzle piece]
Activity 1
Let’s Ponder
Visit one website of your classmate. On a sheet of paper, answer the survey form below.
Website Name : _____________________________________________
URL : _____________________________________________
I. On a scale of 1-5, review the features of the site carefully. Afterward, write a comment or two as to why you rated certain criteria a certain value.
| Criteria | Rating |
|---|---|
| 1. Holistic look of the website (Does it look professional?) | |
| 2. Navigation (Is the navigation easy to use? Do the links work?) | |
| 3. Content (Does it have relevant content?) Is the information adequate?) | |
| 4. Correctness (Is the site free from errors?) | |
| 5. Images (Are there images that are related to the site? Are they displayed correctly?) | |
| 6. User Experience (Does the site offer several ways to contact the owners?) |
[transcriber’s note: the table’s header row is not printed; “Criteria” and “Rating” were added as column labels, and the rating column is blank in the original]
II. Write the strengths and weaknesses of the website.
III. Write the features that should be present and the features that should be removed from the website.
Notes to the Learner
Wix.com will be used in the following activities, create in advance an account intended for blog posting. Screen capture your webpage and include in your e-portfolio.
What’s New
Before, the Internet was not as fast as today’s Internet, that only limited characters like text and bits of sounds are placed on most websites. Now, videos and music can be seen on most websites. In the previous modules, you have learned how to develop an online portal or website. Your task now is how to improve your online portal to make it more appealing and useful to the audience.
Activity 2
Let’s complete this!
Using this graphic organizer, list down in Column A the things that you have seen in the website and in Column B the things that need to be added.
| Column A | Column B |
|---|---|
What is It
From the previous lesson, we have managed to add infographic content to your personal website. In today’s generation, majority of the existing websites on the internet are interactive and we can classify them as Web 2.0. Web 2.0 allows users to communicate and collaborate with each other virtually. The content can be modified based on the preference of the users. It allows users to interact with the site even to comment or create their own account. It also gives the user enough space such as file storage and let them use the web browser instead of just using their site. There are some instances that there are ads that will flash on the screen of the website that encourage the users to use and subscribe on it. Those are the promotional materials generated by the web host and it is an example of a Web 3.0. A new generation of Internet technology that relies on the use of machine learning and artificial intelligence.
Activity 2
Let’s Compare
Using the two pictures below, and the previous observation you have listed above, compare and contrast the content of the two websites. Write your observation inside the Venn diagram and answer the questions below.
[photo: screenshot of the “Welcome to Apple” 1997 website homepage with navigation menu on the left and “Introducing CyberDrive” banner]
Linear Website
[photo: screenshot of a non-linear website with a card-style layout and a large “THE ONLY THING WORSE” headline]
Non-Linear Website
[chart: Venn diagram; two overlapping circles for comparing the two websites]
Values are not labeled on the chart.
Process Question
- Which of the two websites has a professional look?
- Which has more appealing content?
- Which of the two websites offer an interactive interface?
Activity 3
Let’s Try This One!
Directions: You will have to create a blog post about the advantage of Infographics.
Search for a video about the advantages of Infographics. Any video will do as long as there are no unfriendly words stated on the video.
Go to the bottom of the video and click the “Share” button.
[photo: video page titled “Advantages of INFOGRAPHICS” with the “Share” button circled]
- Click on Embed.
[photo: share dialog with the Embed option circled]
- Copy the code similar to the screenshot below.
[photo: embed code dialog with the code circled; the code text is too small to read reliably]
- Create a new website on Wix.com then click add video > YouTube.
[photo: Wix editor with the Add a Video panel open and YouTube selected]
- Paste your code there.
[photo: Wix video settings panel with the video URL field marked by an arrow]
- Preview and publish the content.
[photo: Wix preview page showing a “FEATURED POST” with the infographics video thumbnail]
ACTIVITY 4
Reflection
Directions: On a sheet of paper, answer the form below. You need to review your own website.
Website Name : _____________________________________________
URL : _____________________________________________
I. On a scale of 1-5, review the features of the site carefully. Afterward, write a comment or two as to why you rated certain criteria a certain value.
| Criteria | Rating |
|---|---|
| 1. Holistic look of the website (Does it look professional?) | |
| 2. Navigation (Is the navigation easy to use? Do the links works?) | |
| 3. Content (Does it have relevant content?) Is the information adequate?) | |
| 4. Correctness (Is the site free from errors?) | |
| 5. Images (Are there images that are related to the site? Are they displayed correctly?) | |
| 6. User Experience (Does the site offer several ways to contact the owners?) |
[transcriber’s note: the table’s header row is not printed; “Criteria” and “Rating” were added as column labels, and the rating column is blank in the original]
II. Write the strengths and weaknesses of the website.
III. Write the features that should be present and the features that should be removed from your website.
What’s More
ACTIVITY 4
You can do it!
Uploading images and posting text or messages are very common on a Facebook page. It is time to offer something new and bring your page to the next level by creating your own educational vlog.
- What video should you produce? You may consider the following options:
a. An introductory video Multimedia and ICT.
b. A video about the benefits of Multimedia and ICT in 21st Century.
Create a script including the flow of your vlog.. The video should not exceed three minutes.
You will be graded based on the following criteria on the rubrics provided by your teacher.
Post your vlog in YouTube then embed it to your Facebook page.
RUBRIC FOR PRODUCT OUTPUT TIKTOK VIDEO
| CATEGORY | 3 | 2 | 1 | 0 | SCORE |
|---|---|---|---|---|---|
| CREATIVITY X4 | Exceeds expectations | Meet expectations | Approaches expectations | Does not meet expectations | |
| CONNECTEDNESS X6 | The content is very informative, relevant and easy to understand. | The content is informative and relevant to the topic. | Some content is informative and relevant to the topic. | The content is not relevant to the topic and misleading. | |
| ORGANIZATION X4 | The construction of the graphics and information are well-organized. | The construction of the graphics and information are organized. | Some of the graphics and information are organized. | The graphics and information are not related to each other and to the topic. | |
| DURATION X2 | 2-3 minutes | Between 1 ½ and 2 minutes | Between 1 and 1 ½ minutes | Less than 1 minute. |
What I Have Learned
ACTIVITY 5
Directions: Fill in the blank. Complete the paragraph below.
_____ are used for enhancing the experience with webpages.
_____ allows users to communicate and collaborate with each other virtually.
_____ that relies on the use of machine learning and artificial intelligence.
_____ assist self-paced learning.
_____ generate the result right after the assessment day.
What I Can Do
It is time to level up your skills in website designing by apply what you learned from this module. Below are your tasks in creating your own interactive environmental advocacy website. Make your website interactive by simply adding media content like stylish texts, photos, audio and videos from different media applications.
Create a homepage indicating a brief explanation about the content of the website.
Create a detailed flow of the content of your website.
Record a video showing your love and your personal contribution to the rehabilitation of the environment.
Upload your video on YouTube then share it on your website.
Assessment
Directions: Choose the best answer for each question. Write the letter of your answer on a separate sheet.
What is considered as one of the most popular multimedia applications because of its movies and video games?
a. Advertisement
b. Entertainment
c. Education
d. IndustrialIn which field does multimedia play a vital role as it encourages the learners to interact inside the class?
a. Industrial
b. Education
c. Entertainment
d. AdvertisementWhich system enables users to select video and audio content when they want it?
a. Video on demand
b. Online participation
c. Online environment
d. Online courseware and tutorialsWhat is defined as the behaviors shown by the person or individual that uses the application or product over the net?
a. user as a contribution
b. user participation
c. user experience
d. user demandWhich of the following is the integration of text, sound, graphics, animation and video into a single unit?
a. website
b. webpage
c. multimedia
d. presentationEach webpage has its own unique _____.
a. animation scheme
b. database connection
c. personal search engine
d. universal resource locator (URL)The Cold War is the major reason why United States form a new way of communication, now commonly known as _____.
a. platform
b. software
c. website
d. internetPeople use online platforms to make their daily activities easier. One of these is e-commerce. E-commerce website is for _____.
a. business to business transactions and business to consumer transactions
b. getting money from your computer online
c. selling your home on the net
d. a revolution in business practicesEducational websites help make the process of learning entertaining and attractive to the audience, especially in today’s generation. Which of the following BEST describe computer-based training?
a. a video game
b. a method of training a computer to reject viruses
c. a method of training the computer to perform routine tasks
d. a method of education that allows people to learn at their own pace, using interactive software.Which of the following advances in multimedia were made in the early 1970’s?
a. Advances in making supercomputers
b. Advances in graphics, movies, and audio
c. Advances in integrating computers with CD’s
d. Advances in the ability to fit more text in a presentationIn the 1980s, ISP was a company that provided individuals and other companies access to the internet and other related services such as Web site building and virtual hosting. What does ISP stand for?
a. International Service Protocol
b. Internal Services Protection
c. Internet Service Provider
d. Internet Search ProgramThe combination of text, graphics, audio, video and animation using computers is a good way for communication and helps us to understand the messages that someone’s trying to convey. It is called _____.
a. media
b. newspaper
c. multimedia
d. hypermediaMultimedia play’s important role today. Which of the following BEST describes multimedia?
a. images and audio
b. moving images and text
c. programs that combine text and images on a television screen
d. integration of still and moving images, text, and sounds by means of technologyWeb servers and web browsers rely on the SSL protocol to help users protect their data during transfer by creating a uniquely encrypted channel for private communications over the public internet. What does SSL stand for?
a. secure socket limbs
b. secure socket layers
c. safe secured and locked
d. saving sharing and limitsWhich of the following BEST describes the presentation?
a. a speech
b. a television interview or news report
c. information presented using more text than graphics and animation
d. a sequence of slides that usually incorporate text, sound, graphics and animation
Additional Activities
ACTIVITY #4
Directions: Create an infographic poster about Multimedia and ICT. Paste your output on the space provided.
[transcriber’s note: the page has an empty blue box with a black border, where the learner pastes the output; no text is printed in it]
Answer Key
[transcriber’s note: the answer key is printed as three columns, and the page is upside down in the scan; the answers are listed below in the order they appear in the text layer, without printed numbers]
What I Know
C C A B B A D C C C D C A D D
Assessment
B B A C C D D A C D C C C D A
What have I learned
Audio and Video Web 2.0 Web 3.0 Courseware Online tests
References
Print Materials
Argel B. Bandala, “Empowerment Technologies, “ Philippine Copyright 2016 by DIWA LEARNING SYSTEMS INC.
REX BOOK STORE, INC & INNOVATIVE TRAINING WORKS, INC. “ Empowerment Technologies,” Philippine Copyright 2016 by REX BOOK STORE, INC & INNOVATIVE TRAINING WORKS, INC.
Our Changing Climate OCC “Here’s how plastic bags impact the environment” YouTube, 8 August, 2018
Online Sources
- Wix Images and Screenshots. “Winx.com https://www.wix.com/account/sites. Some screenshots found on this module are cropped and/or labelled for highlighting purposes.
For inquiries or feedback, please write or call:
Department of Education – Bureau of Learning Resources (DepEd-BLR)
Ground Floor, Bonifacio Bldg., DepEd Complex Meralco Avenue, Pasig City, Philippines 1600
Telefax: (632) 8634-1072; 8634-1054; 8631-4985
Email Address: blr.lrqad@deped.gov.ph * blr.lrpd@deped.gov.ph
Leave a Reply