Empowerment Technologies Q1 Modules 1 - 2

SENIOR HIGH SCHOOL
EMPOWERMENT
TECHNOLOGY
Quarter 1 – Module 1
ICT in the Context of Global Communication
Source image: http://wideanglemedia.co/your-brand-your-productyour-big-idea-is-worth-pursuing/
Prepared by: SIXIE ROZZ O. PENASO

SHS Teacher III
SENIOR HIGH SCHOOL
EMPOWERMENT
TECHNOLOGY
ICT in the Context of Global Communication
ii
TABLE OF CONTENTS
Page No.
Cover Page i
Table of Contents ii
Introduction 1
Module Content 1
Learning Competencies 2
LESSON 1: What is Information and Communications Technology? 3
What I Need to Know 3
What I Know: Pre-Test 3
What’s In 5
What’s New: Activity 1.1 Internet and Computer Readiness Test 5
What Is It 6
ICT in the Philippines 6
The World Wide Web 7
Features of Web 2.0 8
What Is It: Activity 1.2: Where do I belong? 8
What’s New: Lesson 1.1: Online Platforms and Sites 9
What Can I Do: Activity 1.3: Which Website Is It? 10
What I Have Learned 11
Assessment 12
Answer Key and References 14
LESSON 2: Online Safety, Security and Netiquette 15
What’s In 17
What’s New: Activity 2.1: Shared or Not Shared? That is the Question 18
What Is It 19
Online Safety, Security and Netiquette 19
Netiquette 21
What Can I Do: ACTIVITY 2.2: Can You Keep It Private? 22
What Is It
23
Kinds of Online Threats
What Can I Do: Activity 2.3: Show Me How You Hashtag 27
Assessment 28
Answer Key 30
References 31
LESSON 3: Effective Internet Research 32
What I Need To Know 32
What’s In: Activity 3.1: What’s In My Name 33
What’s New
34
Searching the Web
What Is It: Activity 3.2: Can You Find Me? 37
What’s New: Evaluating Sites 38
What Can I Do: Activity 3.3: Evaluating Websites: Checklist 40
Assessment 43
ii
WHAT I NEED TO KNOW:
Overview
Hello dear learners! Welcome to this module on Empowerment Technology.
This module will help you explore the different technologies and online platforms and
how they can be used effectively. It contains activities that will let you create your own
ICT contents and evaluate existing online creation tools, platforms, and applications.
The module is self – instructional and allows you to learn in your own space, at your
own pace. So, relax and enjoy learning.
Module Content
First Quarter Module 1: ICT in the Context of Global Communication will

give you an introduction into ICT and the different online platforms that may be used
for its specific purpose. It will also tackle on online safety, security, and online etiquette.
You will be able to get tips on how to maximize the power of the Internet to assist you
in your research work through discussing research tools and evaluating relevant and
reliable websites.
Module 2: Productivity Tools will help you on using advanced knowledge in
Word, PowerPoint, and Excel applications. This module will also allow you to critic on
good qualities of web design.
To get the most of this module, here are some reminders for you:
1. Take your time in reading the lessons.

2. Write down points for clarification and discuss this with your teacher.
3. Perform all activities and answer all worksheets.
4. Answer all tests in this module and check against the answer key to measure
how well you have understood the lesson.
5. Answer all activities in a separate sheet of paper or in your notebook.
6. Have fun while learning with this module. It will totally be of great use which
ever strand you may belong because ICT is for everybody.
1
Learning Competencies
After going through this module, you are expected to:
1. Compare and contrast the nuances of varied online platforms, sites, and
content to best achieve specific class objectives or address situational
challenges.
2. Evaluate existing online creation tools, platforms and applications in developing

ICT content for specific professional tracks.
3. Apply online safety, security, ethics, and etiquette standards and practice in the
use of ICTs as it would relate to their specific professional tracks.
4. Use the Internet as a tool for credible research and information gathering to
best achieve specific class objectives or address situational.
2
WHAT I NEED TO KNOW
LESSON 1: What is Information and Communications
Technology?
Information and Communications Technology (ICT) often deals with

the use of different technologies such as mobile phones, telephones, computer,
Internet, and other devices, as well as software and applications to locate, save, send,
and manipulate information. Empowering ICT is important for its innovative uses
impacts our daily lives. It has affected our ways of communicating, made our lives
more convenient, and assisted countries towards their modernization plans. Thus,
there is a need to create a foundation of understanding in the world of ICT.
What are my goals?

By the end of this lesson, you are expected to:
1. Identify varied online platforms and sites.
2. Compare and contrast the nuances of varied online platforms, sites, and
content to best achieve specific class objectives or address situational
challenges.
3. Evaluate existing online creation tools, platforms and applications in developing
ICT content.
WHAT I KNOW
You must be excited to flip over the pages and begin with the lessons.
But first, please answer the pre-test to measure what topics have you known so far.
Direction: Read each item carefully and choose the letter of the correct answer.
Write your answers on a separate sheet of paper or in your notebook.
1. What type of web page is classified as flat or stationary?

A. Web 1.0 B. Web 2.0 C. Web 3.0 D. Web 4.0
2. What web 2.0 feature allows users to subscribe to a data plan that charges for
the amount of time spent on the internet?
A. Folksonomy B. Long Tail C. User Participation D. Application
3
3. What is the name of the symbol that is used to classify and categorize
information?
A. Hashtag B. Question Mark C. Asterisk D. At sign
4. What specific type of social media allows you to connect with other people?
A. Microblogging C. Media Sharing
B. Social Networks D. Social News
5. Twitter is an example of what specific type of social media?

A. Microblogging C. Media Sharing
B. Social Networks D. Social News
6. YouTube and Instagram are examples of what specific type of social media?
A. Blogs and Forums C. Media Sharing
B. Social Networks D. Bookmarking Sites
7. What specific type of social media allows its users to post their original
content on websites such as WordPress, Blogger, and Tumblr?
8. What type of social media allows you to manage links to various websites?
9. What do you call the global system of interconnected computer networks that
use servers to link billions of devices worldwide?
A. Websites B. Web browser C. Internet D. World Wide Web
10. What type of web page is classified as a dynamic page?

A. Web 1.0 B. Internet C. Web 2.0 D. Web 3.0
Turn to page 13 to check your answer.
4
WHAT’S IN
Reflect on the following questions:
✓ How many times have you checked your phone this morning?
✓ How many updates have you posted on Facebook, Twitter, or
Instagram today?
✓ Did you use the internet/ mobile for an hour after you woke up this
morning?
✓ Do you follow a celebrity/ a crush on his/ her social media account?
Information and Communications Technology (ICT) often deals with the use
of different technological inventions like mobile phones, telephones, computer,
Internet, and other devices, as well as software and applications to locate, save, send,
and manipulate information. ICT has greatly contributed to how easy our lives has
been today. Our gadgets have become part of our necessity that we check on them
after we wake up. It made communication easier. We can use cellular phones that are
designed for communicating with other people even they are miles away from us. It
has also assisted us in our work since there are Internet-based jobs. It has
revolutionized our education and in the modernization of our economy.
WHAT’S NEW
ACTIVITY 1.1: Internet and Computer Readiness Test
Direction: Read and reflect in each item carefully. State whether you agree or
disagree to each of the statements by drawing a happy face ( ☺) if you agree and a
sad face () if otherwise. There are no right or wrong answers for this activity. Write
your answers on your notebook.
SITUATIONS
1. I have reliable access to a computer, mobile phone, tablet, or any gadget that
can act as substitute to computers.
2. I have access to a high-speed internet connection with video streaming
capabilities.
3. I have experience using email: I can create, send, forward, reply to, and save
email messages and attachments.
5
4. I have experience in word processing: I can create, edit, save, and navigate
documents using software program such as Microsoft Word or Pages for Mac.
5. I have experience in creating slide presentations: I can use programs such as

Microsoft PowerPoint or Keynote for Mac.
6. I know how to search the web using Internet browsers such as Firefox or
Google Chrome.
7. I have experience using online or mobile social media (ex. Facebook, Twitter)
8. I have experience viewing videos online (YouTube)
9. I have experience filling out forms and taking quizzes online.

10. I have experiences using cloud-based programs such as Google Drive or
Google Docs.
11. I have experience searching online for academic resources (ex. Google
Scholar)
12. I have experience with video conferencing (ex. Skype).
Did you agree to all or most of the questions? If so, then you must have
experienced using the different online platforms and sites!
WHAT IS IT
ICT in the Philippines

Philippines is dub as the “ICT Hub of Asia” because of huge growth of ICT-
related jobs, one of which is BPO, Business Process Outsourcing, or call centers. In
a data gathered by the Annual Survey of Philippines Business and Industries in 2010,
the ICT industry shares 19.3% of the total employment population.
When the internet was fully commercialized in 1995, it has tremendously
impacted culture and commerce, including the rise of near instant communication by
email, instant messaging, telephony (Voice over Internet Protocol or VoIP), two-way
interactive video calls, and the World Wide Web with its discussion forums,
blogs, social networking, and online shopping sites. Internet is the global system of
interconnected computer networks that uses the Internet protocol suite (TCP/IP) to
communicate between networks and devices.
6
The World Wide Web
The World Wide Web is an information system on the Internet that allows
documents to be connected to other documents by hypertext links, enabling the user
to search for information by moving from one document to another. It was invented by
Tim-Berners Lee. The World Wide Web browser software, such as Microsoft's Internet
Explorer/Edge, Mozilla Firefox, Opera, Apple's Safari, and Google Chrome, let users
navigate from one web page to another via the hyperlinks embedded in the
documents. These documents may also contain any combination of computer data,
including graphics, sounds, text, video, multimedia and interactive content that runs
while the user is interacting with the page. The Web has enabled individuals and
organizations to publish ideas and information to a potentially large audience online at
greatly reduced expense and time delay.
Types of Web Pages
• Web 1.0 or The Web. It is the first stage of the World Wide Web evolution. It is
a flat or stationary page since it cannot be manipulated by the user.
• Web 2.0 or The Social Web allows users to interact with the page, the user
may be able to comment or create a user account. Most website that we visit
today are Web 2.0.
• Web 3.0 or Semantic Web. The semantic web provides a framework that
allows data to be shared and reuse to deliver web content specifically targeting
the user. Search Engine will learn about you and your habits from each search
you perform and will gather details about you from your previous activities like
likes and social postings and present the answers as per your preferences.
Below is a comparison of Web 1.0, Web 2.0 and Web 3.0:

https://lcy0210.wordpress.com/2019/01/11/web-3-0-to-5-0-is-coming-soon/
CRITERIA WEB 1.0 WEB 2.0 WEB 3.0
Communication Broadcast Interactive Engaged/ Invested
Information Static/ Read-only Dynamic Portable & Personal
Focus Organization Community Individual
Content Ownership Sharing Immersion
Interaction Web Forms Web Application Smart Applications
Search Directories Tags/ Keywords Context/ Relevance
Metrics Page Views Cost per Click User Engagement
Advertising Banners Interactive Behavioral
Technologies HTML/ FTP Flash/ Java/ XML RDF/ RDFS/ OWL
7
Features of Web 2.0
FEATURES WEB 2.0
FOLKSONOMY allows users to collectively classify and find information using
freely chosen keywords (e.g. "tagging" by facebook). Tagging
uses the pound sign #, often referred to as hastag.
RICH USER dynamic content that is responsive to user input (e.g., a user
EXPERIENCE can "click" on an image to enlarge it or find out more
information)
USER the owner of website is not the only one who is able to put
PARTICIPATION content. Others are able to place a content on their own by
means of comments, reviews, and evaluation.
LONG TAIL services that are offered on demand rather than on a one-time
purchase. This is synonymous to subscribing to a data plan that
charges you for the amount of time you spent in the Internet, or
a data plan that charges you for the amount of bandwidth you
used.
SOFTWARE AS users will subscribe to a software only when needed rather
A SERVICE than purchasing them.
WHAT IS IT
ACTIVITY 1.2: Where do I belong?
DIRECTIONS: Using the Internet, look for the webpages of the pages listed
below. Evaluate whether they are Web 1.0, Web 2.0, or Web 3.0. Write your answers
in your activity notebook.
1. Amazon.co.uk 6. Siri’s Apple Voice Recognition
2. 7.
3. 8. Encyclopedia Britannica
4. 9. Trio Healthcare Group
5. 10.
Good job on answering your activity!
8
WHAT’S NEW
LESSON 1.1: ONLINE PLATFORMS AND SITES
Because of the wide capacity of Web 2.0, it has helped in creating dynamic
online platform sites. Online platform is a specially developed platform using Internet
technology. Online platforms have revolutionized access to any information. Online
platforms currently include, but are not limited to:
Presentation or Visualization
Cloud Computing
File Management
Mapping
Social Media
Let us go through them one by one!
1. Presentation or Visualization Platform allows you to present and share

presentations, infographics and videos with other people. It is used to
communicate information clearly and efficiently.
2. Cloud Computing Platform is also called as “The cloud.” It is the practice of
using a network of remote servers hosted on the internet. Instead of using your
computer’s hard drive, you store and access your data and programs over the
Internet.
3. File Management Platform is used for the storing, naming, sorting, and
handling of computer files. Allows you to convert and manage files without
download in the software tool.
4. Mapping Platform is a transformation taking the points of one space into the
points of the same or another space. Uses GPS to detect location and used for
navigation.
5. Social Media Platform is a computer-mediated tools that allow large group of
people to create, share or exchange information, interest and the information
shared can be in the form of ideas, pictures, videos or anything that you want
to create and share to virtual communities. It can be in the following platforms:
9
Social Networks. These sites allow you to connect with other people
with the same interests or background.
Bookmarking Sites. These are sites that allow you to store and
manage links to various websites and resources.
Social News. These are sites that allow users to post their own news
items or links to other news sources.
Media Sharing. These are sites that allow you to upload and share
media content like images, music, and video. Media sharing sites
can be specific for video sharing, photo sharing, slide sharing, social
bookmarking, and gaming.
Microblogging. These are sites that focus on short updates from

the user. Those subscribed to the user will be able to receive these
updates. Posts are brief that range typically from 140 – 200
characters.
Blogs and Forums. These are websites that allow users to post
their content. Other users can comment on the said topic.
WHAT CAN I DO
ACTIVITY 1.3: Which Website Is It?
DIRECTIONS: Using the Internet, look for examples of websites that properly
belongs to the category. After that, provide a short description of what’s in the website.
Write your answers in your activity notebook.
PLATFORMS NAMES OF WEBSITES DESCRIPTION

Presentation or
Visualization
Cloud Computing
File Management
10
Mapping
Social Networks
Social News
Microblogging
Blogs and
Forums
WHAT I HAVE LEARNED

Reflect on the following questions and answer them briefly on
your activity notebook. Please refer to the rubrics on the next
page.
1. How dependent have we become on technology?

______________________________________________________________
______________________________________________________________
______________________________________________________________
______________________________________________________________
2. How do the different online platforms help you as a student of your chosen
track?
______________________________________________________________
______________________________________________________________
______________________________________________________________
______________________________________________________________
______________________________________________________________
11
Rubrics for grading:
Criteria Score
Completeness (5 points)
Does your response directly answer 5 4 3 2 1
each part of the question(s)?
Knowledge (10 points)
Does your response clearly show you
have read and understand the lesson
content by correctly defining key
terms, key persons and summarizing 10 - 9 8-7 6-5 4-3 2-1
concepts?
Have you made inferences based on
this knowledge to personal or modern-
day applications?
Writing Skills (5 points)
Do you write clearly, in complete
sentences, with minimal errors in 5 4 3 2 1
grammar and spelling?
You are finally done with Lesson 1!
ASSESSMENT
Direction: Read each item carefully and choose the letter of the correct answer. Write
your answers on a separate sheet of paper or in your notebook.
1. What type of web provides a framework that allows data to be shared and reuse to
deliver web content specifically targeting the user?
A. Web 1.0 B. Web 2.0 C. Web 3.0 D. Website
2. Which of the following is an example of sites under web 2.0?

A. Facebook B. YouTube C. Wikipedia D. All of the above
3. What type of web page is classified as flat or stationary?

A. Web 1.0 B. Internet C. Web 2.0 D. Web 3.0
12
4. Twitter statuses are only composed of a few characters. What type of social media
site does Twitter belong?
A. Micro blogging C. Social Networks
B. Media Sharing D. Bookmarking Sites
For #’s 4-5, use the choices inside the box.

A. If only the FIRST statement is TRUE. C. If BOTH statements are TRUE.
B. If only the SECOND statement is TRUE. D. If BOTH statements are FALSE.
5. Social networks are sites that allow you to connect with other people having the
same interests. It allows you to share your own news and other news from other
sources.
6. The Philippines is considered as the “ICT Hub in Asia.” The ICT Industry shares
19.3% of the total employment population in the Philippines coming from the
government agencies.
7. Marisa wants to publish her collections of original poems online. Which online
platform must she do this?
A. Social News B. Bookmarking Site C. YouTube D. Blogs
8. Watson is creating a cover video of his favorite song. Which online platform must he
publish this?
A. Social News B. Bookmarking Site C. YouTube D. Blogs
9. Cathy has created a very good slideshow presentation on a certain topic, and she
wants to share it to other teachers around the world. Which online platform must
she publish this?
A. Presentation Platforms C. File Management Platforms
B. Cloud Computing Platforms D. Social Media Platforms
10. What is the name of the symbol that is used to classify and categorize information?
A. Hashtag B. Question Mark C. Asterisk D. At sign
13
WHAT I NEED TO KNOW
LESSON 2: Online Safety, Security and Netiquette
The internet is the guiding technology of the Information Technology Age just
as the electrical engine was of the Industrial Age. In these times, more and more
people are already engaged in the use of technology. These people who are raised in
a digital, media-saturated world are called digital natives. No doubt, the Internet has
been very useful to us but with the rise of instant messaging, chat rooms, emails and
social networking sites, it can also bring trouble - from cyberbullying to more serious
Internet dangers, including exposure to sexual predators. Thus, internet safety is
always our primary concern.
What are my goals?

1. Identify what constitutes appropriate and inappropriate online behavior.
2. Apply internet online safety, security ethics and etiquette standards and
practice in the use of ICTs.
3. Discern possible deceptive information and wrongly evaluated data.
WHAT I KNOW
I bet you are ready to know if you have practiced online safety, aren’t you? But
before that, take time to answer the pre-test to gauge how much you know about the
lesson.
Write your answers on a separate sheet of paper or on your notebook.
1. What is Netiquette?
A. The proper use of manners and etiquette on the Internet.
B. Using a net to catch fish.
C. Being mean to other people on Facebook.
D. Using proper manners at the dinner table.
15
2. What is considered shouting over the Internet?
A. Screaming at your computer.
B. Writing in all CAPS.
C. Putting a lot of exclamation marks at the end of a sentence.
D. Not answering a friend request on Facebook.
3. It is OK to forward or post an email message that you received if __________

A. the message is typed in all capitals.
B. the author of the message has given you permission to forward or post it.
C. it does not contain any copyrighted material.
D. the author of the message hasn't marked it as confidential.
4. What is a flame in cyberspace?

A. A person who follows the rules of Netiquette.
B. An expert programmer.
C. An online chain letter.
D. A post or email message that expresses a strong opinion or criticism.
5. Knowledge and understanding of netiquette is useful because ___________

A. it will help you create a positive impression on those you meet in
cyberspace.
B. it explains some of the technical limitations of online communications.
C. it explains the conventions already being used by millions of cybernauts.
D. All of the above.
6. What type of online threat happens when an attacker uses electronic devices
to do unwanted surveillance against its victim?
A. Cyberbullying B. Phishing C. Spamming D. Cyberstalking
7. What type of online threat happens when the attacker impersonates another
individual or organization to gather personal or business information?
A. Cyberstalking B. Spoofing C. Scamming D. Pharming
8. What type of information should you avoid giving when using the internet?
A. Phone number B. Profile Picture C. Shirt Size D. Religion
9. What is the golden rule of netiquette?

A. Remember the human. C. Use correct grammar.
B. Put a smiley in every message. D. Respect people’s time.
10. You get an email telling you that you won a hundred thousand without joining
in a competition. You should ____________.
A. Claim the prize. C. Return the email with response.
B. Ignore the email. D. Send rude message as revenge
Turn to page 29 to check your answer!
16
WHAT’S IN
Read the headlines found below and try to reflect on the questions that follow.
ABS-CBN News Topic Page on Identity-theft. Retrieved from https://news.abs-cbn.com/list/tag/identity-theft.
There's almost no limit to what you can do online. The Internet makes it possible
to access information quickly, communicate around the world, and much more.
Unfortunately, the Internet is also home to certain risks, such as malware, spam, and
phishing. If you want to stay safe online, you'll need to understand these risks and
learn how to avoid them.
Reflect on the following questions:

✓ What is common among the headlines above?
✓ Are your social media accounts secured enough that you may not
be a victim of these things?
✓ What type of information do you share in your social media
accounts?
17
WHAT’S NEW
ACTIVITY 2.1: Shared or Not Shared? That is the Question
DIRECTIONS: Read and reflect in each item carefully. Copy the table below in your
notebook and check the space whether you have shared or not shared these pieces
of information in all your social media accounts.
TYPE OF INFORMATION SHARED NOT SHARED
First Name
Middle Name
Last Name
Current and Previous
School/s
Your cellphone number
Complete name of mother
and father
Your parents’ cellphone
numbers
Name of Siblings
Your Address
Your Birthday
1. How many of these information have you SHARED?

______________________________________________________________
2. How many of these information have you NOT SHARED?

______________________________________________________________
3. Based from your answers above, do you think you are safe when using the
Internet? Why?
______________________________________________________________
______________________________________________________________
______________________________________________________________
18
WHAT IS IT
Lesson 2.1: Online Safety, Security and Netiquette
Online safety refers to the practices and precautions that should be observed
when using the internet to ensure that the users as well as their computers and
personal information are safe from crimes associated with using the internet. Below
are personal information that must be kept confidential.
19
There are numerous delinquencies that can be committed on the internet such
as stalking, identity theft, privacy violations, and harassment.
To avoid these online crimes, follow the following online safety measures:
Never give any personal information out about yourself over the internet.
Do not give any banking or sensitive information unless you are sure that it is a
reputable business having a secure service. To make sure that you are in a
secured network, the website address should begin with “https://’ as opposed
to “http://”. Never access your accounts by following an email link, instead type
your URL by yourself.
Info source: https://www.wikihow.com/Find-if-a-Website-Is-Legitimate
Never open messages or attachments from someone you do not know.
Regularly review your privacy settings in your online accounts to make sure you
are not sharing important personal information.
When using a public computer terminal, be sure to delete your browsing data
before leaving.
Keep your software updated to avoid security holes.
Do not download or install software or anything on your computer or cell phone

that is unknown to you.
20
Netiquette is a combination of the words network and etiquette. It is a set of rules
for behaving properly online. Below are the 10 rules of netiquette:
Flame war is a series of flame posts or

messages in a thread that are considered
derogatory in nature or are completely off-topic.
Often these flames are posted for the sole purpose
of offending or upsetting other users. The flame
becomes a flame war when other users respond to
the thread with their own flame message.
Image from: https://twitter.com/Parkster00/status/1246347088625045504
21
WHAT CAN I DO
ACTIVITY 2.2: Can You Keep It Private?
DIRECTIONS: Choose the most appropriate thing to do in the following situation. Write
the letter of the correct answer in your notebook.
1. Your family is going out on a vacation. What should you do?

A. Post pictures when you return home.
B. Post the dates you will be gone online.
C. Post updates of where you are currently checking in hotels or places.
D. Tell no one. Vacations are for getting away.
2. Do you have the same passwords for all your accounts?
A. Yes. That is how I remember all my passwords.
B. I have different passwords for all different accounts.
C. I keep it simple. I don’t have any passwords.
D. I have two similar passwords that I alternately use for all my accounts.
3. Choose which image below describes how you feel about sharing your
password with your boyfriend/ girlfriend?
Image source: https://www.nku.edu/~rkdrury/experiment/netiquette_quiz.htm.
A C
B D
4. Your parents bought you your first cellphone. How will you share your
cellphone number?
A. Do not share your cellphone number to anyone.
B. Post your cellphone number in your social media account.
C. Share your cellphone number only in person.
D. Post your cellphone number in your group chat.
5. Your social media friends list should only be composed of ______________.

A. Your favorite brands. C. Anyone who sends you a friend request
B. Family and friends D. Foreigners
22
WHAT IS IT
Lesson 2.2: Kinds of Online Threats
There is no doubt that you need to be vigilant online. As the World Wide Web
evolved over the years, many internet predators have been playing on vulnerabilities
to attack computers and retrieve sensitive data from individuals. Half the time, we
aren’t even aware it is happening until it is too late.
Online threat is deemed any malicious act that attempts to gain access to a
computer network without authorization or permission from the owners. These are
usually done by computer hackers who uses the World Wide Web to facilitate
cybercrime. Web threats use multiple types of malware and fraud, all of which utilize
HTTP or HTTPS protocols, but may also employ other protocols and components,
such as links in email or Instant Messaging apps, or any malware attachments on
servers that access the Web. They benefit cybercriminals by stealing information for
subsequent sale and help absorb infected PCs into botnets. Web threats pose a broad
range of risks, including financial damages, identity theft, loss of confidential
information/data, theft of network resources, damaged brand/personal reputation, and
erosion of consumer confidence in e-commerce and online banking.
The following are the top kinds of online threats that you should be aware of:
 Phishing happens when an email is sent from an internet criminal disguised as

an email from a legitimate, trustworthy source. The message is meant to lure
you into revealing sensitive or confidential information.
Image source: https://searchsecurity.techtarget.com/definition/phishing
23
 Pharming happens when a hacker (or “pharmer”) directs an internet user to a
fake website instead of a legitimate one. These “spoofed” sites can capture a
victim’s confidential information, including usernames, passwords, and credit
card data, or install malware on their computer. Pharmers usually focus on
websites in the financial sector, including banks, online payment platforms, or
other e-commerce destinations.
Image source: https://ed451phishnpharm.weebly.com/how-to-spot-a-fake-website-pharming.html
 Internet Scam generally refers to someone using internet services or software

to defraud or take advantage of victims, typically for financial gain.
Cybercriminals may contact potential victims through personal or work email
accounts, social networking sites, dating apps, or other methods in attempts to
obtain financial or other valuable personal information. Online scams may come
in various forms such as lottery scam, charity fraud scams, job offer scams, and
online dating scams to name a few.
24
 Internet robots are also known as spiders, crawlers, and web bots. It is a
software application that is programmed to do certain tasks. Bots are
automated, which means they run according to their instructions without a
human user. Some bots are useful, such as search engine bots that index
content for search or customer service bots that help users. Other bots are
"bad" and are programmed to break into user accounts, scan the web for
contact information for sending spam, or perform other malicious activities. If
it's connected to the Internet, a bot will have an associated IP address.
 Malware or malicious software, is any program or file that is harmful to a

computer user. Here are the most common offenders in the rogues’ gallery of
malware:
Adware (advertising supported software) is unwanted software
designed to throw advertisements up on your screen. Example, pop-up
ads and banner ads.
Spyware is malware that secretly observes the computer user’s
activities without permission and reports it to the software’s author.
Example is a keylogger.
Virus and Worms are malwares that attach to another program and,
when executed—unintentionally by the user—replicates itself by
modifying other computer programs and infecting them with its own bits
of code.
Trojan, or Trojan horse, is one of the most dangerous malware types.
It usually represents itself as something useful in order to trick you. Once
it’s on your system, the attackers behind the Trojan gain unauthorized
access to the affected computer. From there, Trojans can be used to
steal financial information or install threats like viruses and ransomware.
Ransomware is a form of malware that locks you out of your device
and/or encrypts your files, then forces you to pay a ransom to get them
back.
 Spams are unsolicited emails, instant messages coming from recipients that
are not granted verifiable permission for the message to be sent. Spam
messages can be damaging if you open or respond to it.
25
 Cyberstalking refers to the use of the internet or other electronic device to
harass or stalk individuals or organizations.
 Cyberbullying refers to the act of tormenting, harassing, or embarrassing

another person using the internet.
 Spoofing happens when someone or something pretends to be something else

to gain our confidence, get access to our systems, steal data, steal money, or
spread malware.
26
WHAT CAN I DO
ACTIVITY 2.3: Show Me How You Hashtag
Direction: Look at the following images and create a hashtag based on the type of
online threat represented by each image. Write your answers in your activity
notebook.
Image source: https://www.avg.com/en/signal/what-is-spyware Image source: https://itigic.com/tag/adware/
1. #_______________________ 2. # _____________________
Image source: https://dlpng.com/png/6702600 Image source:https://www.gtmaritime.com/free-phishing-

penetration-test/
3. # ________________________ 4. # _____________________
Image source: http://www.upgrademag.com/web/2018/07/18/entry-of-3rd-

telco-player-to-benefit-consumers-says-globe-telecom/
5. # ___________________________
27
WHAT I HAVE LEARNED
Reflect on this and write your answers in your notebook.
From all you have learned in

Lesson 2, why is there a
need to “think before you
click?”
Image source:
https://shieldguide.wordpress.com/2017/03/12/think-before-you-click/
___________________________________________________________________
___________________________________________________________________
__________________________________________________________________
ASSESSMENT
1. What type of malicious program is designed to replicate itself and transfer from
one computer to another either through the internet or local networks or data
storage like flash drives and CDs?
A. Adware C. Worms and Virus
B. Spyware D. Ransomeware
2. What harmful online programs are designed to send you advertisements,
mostly pop-up ads?
3. What harmful online program is used to record keystrokes done by users to
steal passwords?
4. What is ransomware based on?

A. Fear of hackers C. Fear of spyware
B. Fear of the Internet D. Fear of losing important files
28
5. Which of the following is an example of a “phishing” attack?
A. Sending someone an email that contains a malicious link that is
disguised to look like an email from someone reliable.
B. Creating a fake website that looks nearly identical to a real website in
order to trick users into entering their login information.
C. Sending someone a text message looks like a notification that the
person has won a contest.
D. Sending someone an email that records their keystroke activities while
using their computers.
6. Which of the following must NOT be done if you received an embarrassing

picture from your friend?
A. Tell your parents or teachers
B. Send the picture on to other friends
C. Talk to your friend about its negative outcomes.
D. Discourage your friend from sending pictures like that.
7. What is a flame in cyberspace?

A. A person who follows the rules of Netiquette.
B. An expert programmer.
C. An online chain letter.
D. A post or email message that expresses a strong opinion or criticism.
8. What is considered shouting over the Internet?

A. Screaming at your computer.
B. Writing in all CAPS.
C. Putting a lot of exclamation marks at the end of a sentence.
D. Not answering a friend request on Facebook.
9. To avoid being cyber-bullied you should always...

A. Give out personal information to anyone who asks.
B. Strike first - post mean things about other people on your Wall on
Facebook.
C. Observe proper netiquette rules.
D. Ignore any requests from people to be your friend online.
10. How are you judged in cyberspace?

A. No one can see you, so no one can judge you.
B. You are judged by what you do on the Internet and how it looks - by
your spelling, grammar, and netiquette.
C. You are judged by your intent - if you didn't mean to hurt someone's
feelings, then it's okay.
D. You are judged by how you look - your profile picture is important.
29
WHAT I NEED TO KNOW
Lesson 3: Effective Internet Research
The Internet has made our lives easier especially in terms of doing research.
By browsing the internet, we can access limitless topics. Web-based catalogs are
available in many libraries to assist researchers in locating printed books, journals,
government documents and other materials. The biggest obstacle facing all
researchers on the internet is how to effectively and efficiently access the vast amount
of information available (The Internet: Research Tools, 2013).
What are my goals?

1. Facilitate the practice in judging the credibility, value, and usefulness of
researched materials.
2. Use the Internet as a tool for credible research and information gathering to
best achieve specific objectives.
WHAT I KNOW
Before we take on another journey towards exploring the great capacity of the
internet into research, kindly take time to answer the following questions for your pre-
test.
your answers on a separate sheet of paper.
1. What is the Boolean logic technique used for?

A. Narrowing, broadening or eliminating a search term.
B. Using a robot to do instant research.
C. Searching several search engines at the same time.
D. Searching the infinite information from the internet.
2. http://www.avg.com/en/signal/what-is-spyware is an example of?

A. Access code B. Directory C. Server D. URL
32
3. Which of the following is a search engine?
A. Netscape C. Elsevier
B. Yahoo D. Macromedia Flash
4. Which of the following is NOT an example of a domain?

A. .gov B. .com C. .npr D. .edu
5. What are the three Boolean logic search operators?
A. FROM, TO, WHOM C. AND, OR, BUT
B. AND, OR, NOT D. SEARCH, KEYWORD, TEXT
Turn to page 44 to check your answer.
WHAT’S IN
Activity 3.1: What’s In My Name?
Direction: Write all your answers in your activity notebook.
1. Using the Internet, try to search for your complete name.
2. Write down how many sites have featured your personal name and what is
written about you.
3. Answer the following:
What other information are written about you?

________________________________________________________
________________________________________________________
________________________________________________________
Are the search results coming from reliable sources? Why?
________________________________________________________
________________________________________________________
________________________________________________________
Should these bits of information need to be posted or shown in public?
________________________________________________________
________________________________________________________
________________________________________________________
33
WHAT’S NEW
Lesson 3.1: Searching the Web
There are billions of information on the web and it is a challenge for us to truly find
which information is reliable and relevant. Here are some tips you may use to be able
to look for relevant and reliable sources:
Search Engines are websites used for retrieval of data, files, or documents
from data bases. Some search engines we use today are:
Anatomy of a URL
A URL is one type of Uniform Resource Identifier (URI). It is a generic term
for all types of names and addresses that refer to objects on the world wide
web. Knowing the URL endings will give you clues to who is sponsoring the
website and help evaluate the sources.
https://www.searchenginejournal.com/alternative-searchengines/271409/#close
4 5
1 2 3 6 7
1. Protocol 4. Top-level Domain 7. Named anchor

2. Subdomain 5. Folders/ Paths
3. Domain 6. Page
34
Popular Domains
Top- level Domains Country code top level domains
.edu – educational institution .ph – Philippines
.org – non-profit organization .eu – European Union
.gov – government site .uk – United Kingdom
.com – commercial site .au - Australia
.net - network
Search Skills and Tools

1. Boolean Logic – narrows, broadens, or eliminates search term.
a. Boolean “or” – this operator will find
pages that include either of the search
terms.
Ex. A or B
b. Boolean “and” – this operator will

retrieve only pages containing both
terms
Ex. A and B
A B
c. Boolean “not” – this operator will find

pages that do not include search term
immediately following it.
Ex. A not B
A B
2. Phase Searching – is used to search for famous quotes, proper names,

recommendations, etc. It encloses the phrase in quotation marks.
Ex. “Jane Doe” “To be or not to be”
3. Plus (+) – indicates that the word after the sign is a required word must be
found in search. Example: +fire
35
4. Minus (–) sign – indicates to exclude a word from your search that is not
required on the result. Example: Jaguar speed –car
5. Ampersand (@) is used to find social tags. Example: @SteveJobs
6. Hashtag (#) is used to find popular hashtags. Example: #LawOfClassroom
7. Finding Documents – using the filetype refines the search for documents
on the web.
o filetype:pdf
o filetype:doc
o filetype:xls
Ex. ICT in the Philippines pdf
8. Searching Site – the sites find webpage from a website.
Ex.: National Geographic information in Australia
Search: Australia site: NationalGeographic.com
36
WHAT IS IT
Activity 3.2: Can You Find Me?
Direction: Use the Internet to research on a news article on Information

Technology in the Philippines. This information must come from a government site
in PDF or Word document. Print the article and paste your work on a separate sheet
of paper. Do not forget to include the URL of the article you have taken the information.
URL: _______________________________________________________
Title of Article: _______________________________________________
Paste printed article here.
37
WHAT’S NEW
Lesson 3.3: Evaluating Sites
The web provides access to some excellent information and can also give access
to those that are irrelevant and outdated. Here is some checklist that you can use to
evaluate your website:
1. Authority. It reveals that the person, institution or agency responsible for a site
has the qualifications and knowledge to do so. Evaluating a web site for
authority:
✓ Authorship: It should be clear who developed the site.
✓ Contact information should be clearly provided: e-mail address, snail
mail address, phone number, and fax number.
✓ Credentials: the author should state qualifications, credentials, or
personal background that gives them authority to present information.
✓ Check to see if the site supported by an organization or a commercial
body
2. Purpose. The purpose of the information presented in the site should be clear.
Some sites are meant to inform, persuade, state an opinion, entertain, or
parody something or someone. Evaluating a web site for purpose:
✓ Does the content support the purpose of the site?
✓ Is the information geared to a specific audience (students, scholars,
general reader)?
✓ Is the site organized and focused?
✓ Are the outside links appropriate for the site?
✓ Does the site evaluate the links?
3. Coverage. This refers to how comprehensive the website is in their discussion

of certain topics. Evaluating a web site for coverage:
✓ Does the site claim to be selective or comprehensive?
✓ Are the topics explored in depth?
✓ Compare the value of the site’s information compared to other similar
sites.
38
✓ Do the links go to outside sites rather than its own?
✓ Does the site provide information with no relevant outside links?
4. Currency. It refers to: (1) how current the information presented is, and (2)
how often the site is updated or maintained. It is important to know when a site
was created, when it was last updated, and if all of the links are current.
Evaluating a web site for currency involves finding the date information was:
✓ first written
✓ placed on the web
✓ last revised
5. Objectivity. Objective sites present information with a minimum of bias.

Evaluating a web site for objectivity:
✓ Is the information presented with a particular bias?
✓ Does the information try to sway the audience?
✓ Does site advertising conflict with the content?
✓ Is the site trying to explain, inform, persuade, or sell something?
6. Accuracy. It refers to the credibility of the website. Evaluating a web site for
accuracy:
✓ Reliability: Is the author affiliated with a known, respectable institution?
✓ References: do statistics and other factual information receive proper
references as to their origin?
✓ Is the information comparable to other sites on the same topic?
✓ Does the text follow basic rules of grammar, spelling and composition?
✓ Is a bibliography or reference list included?
39
WHAT CAN I DO
Activity 3.3: Evaluating Websites: Checklist
This activity is adapted from the University of Maryland: Evaluating Web Sites: A Checklist
www.lib.umd.edu/tl/guides/evaluating-checklist
Directions:
1. Using the Internet, research on topics under CoVid-19 in the Philippines.
2. Read through the checklist and answer each question in your notebook.
3. Attach a printout of the web site you are evaluating and paste in your notebook:
Print out of the website
40
1. What is the URL or web address of the web site you are evaluating?
http://_____________________________________________________
2. What is the title of the web site? ____________________________________
AUTHORITY AND ACCURACY
Who is the author of the web site?

I couldn’t tell
The author is: _______________________________________
What authorship clues did the URL (web address) provide? Check all that
apply:
company (.com) country-specific site (e.g., .uk)
non-profit organization (.org) military site (.mil)

academic institution (.edu) network of computer (.net)
government agency (.gov) other? Please describe:
personal web page (e.g., www.jamieoliver.com)
PURPOSE AND CONTENT
What is the purpose of the web page or site? Check all that apply:
A personal web page

A company or organization web site
A forum for educational/public service information
A forum for scholarly/research information
For entertainment
An advertisement or electronic commerce
A forum for ideas, opinions, or points of view
41
Other – please explain:
In your own words, briefly describe the purpose of the web site:
______________________________________________________________
______________________________________________________________
What does the web site provide? Check one:
Balanced, objective or factual information

Biased, subjective or opinionated statements
Are the arguments well supported? ____ Yes ____ No
Both objective and subjective information
I couldn’t tell
Other – please explain:
Does the web site provide any contact information or means of

communicating with the author or webmaster? ____ Yes _____ No
CURRENCY
When was the web site last revised, modified, or updated?

I couldn’t tell
It was updated on:___________________________________
Is the site well maintained?
I couldn’t tell
Yes
No
File: Evaluating Websites: A Checklist University of Maryland Libraries * T&L * 2/2014
42
WHAT I HAVE LEARNED
Website evaluation is an important skill that everyone should practice and

master through time. It is always important to learn which information are relevant
and reliable to be able to avoid misinformation and be a victim of fake news.
ASSESSMENT
Direction: Read each item carefully and choose the letter of the correct
answer. Write your answers on a separate sheet of paper or in your notebook.
1. What happens when a phrase or sentence is placed inside quotation marks

when doing research?
A. Will only return items that have both terms.
B. Will search for words that are together and in order
C. Will return items that exclude a term
D. Will return items that have either of the terms
2. What is a URL?
A. A computer software program
B. An acronym for Unlimited Resources for Learning
C. The address of a document or "page" on the World Wide Web
D. A search engine
3. What are the three main search expressions, or operators, recognized by

Boolean logic?
A. and, or, not C. and, or, but
B. from, to, whom D. search, keyword, text
4. How do you evaluate a web page?

A. You confirm that the author or site an authority on the subject.
B. You check to see if the author has been objective.
C. You check to see if the information is current.
D. You do as many of the above as possible.
5. An article that only presents one point of view or omits facts is biased.
A. True B. False
43
SENIOR HIGH SCHOOL
EMPOWERMENT
TECHNOLOGY
Productivity Tools
i
TABLE OF CONTENTS
Page No.
Cover Page i
Table of Contents ii
Introduction 1
Module Content 1
Learning Competencies 2
LESSON 1: Productivity Tools 3
What’s New: Lesson 1.1 Advance Techniques in Word Processor 4
What Is It: Let’s Practice 9
Part A: Inserting and Editing Shapes: Digital Art 9
Part B: Inserting and Editing Pictures: Travelogue 9
What’s New: Mail Merge and Label Generation 11
What Is It: Activity 1.2: Let’s Practice: Mail Merge 19
What’s New: Lesson 1.2: Advance Techniques in PowerPoint 21
What Can I Do: Activity 1.3: Let’s Practice 22
What’s New: Lesson 1.3: Advance Techniques in Excel 24
Assessment 29
LESSON 2: Imaging and Design for Online Environment 31
What’s In 33
What’s New: Lesson 2.1: Graphics and Layout 35
What Can I Do: Activity 2.1: CoViD-19 Infographic 39
What’s New: Lesson 2.2: Image Manipulation 40
What Can I Do: Activity 2.2: Let’s Do Magic! 44
Assessment 46
LESSON 3: Principles and Techniques of Design Using Online Creation
50
Tools, Platform, and Application
What I Need To Know 50
What’s New: Lesson 3.1: Web Page Creation 52
What Is It: Activity 3.1: Website Design Quality Check 57
What’s New: Lesson 3.2: Online Creation Tools 58
What Can I Do: Activity 3.2: It’s My Space 59
What’s More: Activity 3.3: Let Me Be the Judge 61
Assessment 63
Answers and References 65
ii
WHAT I NEED TO KNOW:
Overview
Hello dear learners! Welcome to this module on Empowerment Technology.
This module will help you explore the different technologies and online platforms and
how they can be used effectively. It contains activities that will let you create your own
ICT contents and evaluate existing online creation tools, platforms, and applications.
The module is self – instructional and allows you to learn in your own space, at your
own pace. So, relax and enjoy learning.
Module Content
First Quarter Module 1: ICT in the Context of Global Communication will

give you an introduction into ICT and the different online platforms that may be used
for its specific purpose. It will also tackle on online safety, security, and online etiquette.
You will be able to get tips on how to maximize the power of the Internet to assist you
in your research work through discussing research tools and evaluating relevant and
reliable websites.
Module 2: Productivity Tools will help you on using advanced knowledge in
Word, PowerPoint, and Excel applications. This module will also allow you to critic on
good qualities of web design.
To get the most of this module, here are some reminders for you:
1. Take your time in reading the lessons.

2. Write down points for clarification and discuss this with your teacher.
3. Perform all activities and answer all worksheets.
4. Answer all tests in this module and check against the answer key to measure
how well you have understood the lesson.
5. Answer all activities in a separate sheet of paper or in your notebook.
6. Have fun while learning with this module. It will totally be of great use which
ever strand you may belong because ICT is for everybody.
1
Learning Competencies
After going through this module, you are expected to:

1. Use common productivity tools effectively by maximizing advanced application
techniques
2. Create an original or derivative ICT content to effectively communicate or
present data or information related to specific professional tracks
3. Evaluate existing websites and online resources based on the principles of
layout, graphic, and visual message design.
4. Use image manipulation techniques on existing images to change or enhance
their current state to communicate a message for a specific purpose
5. Create an original or derivative ICT content to effectively communicate a visual
message in an online environment related to specific professional tracks.
6. Apply web design principles and elements using online creation tools,
platforms, and applications to communicate a message for a specific purpose
in specific professional tracks
7. Create an original or derivative ICT content using online creation tools,
platforms, and applications to effectively communicate messages related to
specific professional track.
8. Evaluate the quality, value, and appropriateness of peer’s existing or previously
developed ICT content in relation to the theme or intended audience/ viewer of
an ICT project.
9. Share and showcase existing or previously developed material in the form of a
collaboratively designed newsletter or blog site intended for a specific audience
or viewer.
2
WHAT I NEED TO KNOW
LESSON 1: Productivity Tools
Productivity Tools also known as productivity software are software that

people use to create and produce professional quality documents, presentations,
databases, charts, graphs, and more (http://productive.tools/why-should-you-use-
productivity-tools/).
The three basic functions of these three productivity tools are:
1. Microsoft Word – writing skills
2. Microsoft Excel – numeracy skills
3. Microsoft PowerPoint – presentation skills
What are my goals?

1. use common productivity tools effectively by maximizing advanced
application techniques.
2. create an original or derivative ICT content to effectively communicate or
present data or information related to specific professional tracks
WHAT I KNOW
You must be excited to flip over the pages and begin with the lessons.
But first, please answer the pre-test to measure what topics have you known so far.
1. What program is used to create spreadsheets which can later be used to
analyze statistical tool?
A. MS Excel B. MS Word C. MS Publisher D. MS OneNote
2. What MS Excel function adds a range of cells?

A. ADD B. PLUS C. SUM D. TOTAL
3
3. Which of the following objects can be inserted in your document?
A. Pictures B. Sound C. Chart D. Shapes
4. Which of the following is NOT an animation type?
A. Entrance B. Exit C. Emphasis D. Encore
5. In MS Word, what menu is “Mail Merge” found?

A. Insert B. Format C. Design D. Mailings
Well done! Go to page 28 to check your answers!
WHAT’S NEW
Lesson 1.1: Advance Techniques in Word Processor
Integrating Illustrations in Word Processor

An illustration in MS Word is a visualization or drawing that is in the form of
pictures, clip art, shapes, SmartArt, charts, or screen clippings. You can insert
illustrations easily by using the illustrations group of the Insert Tab.
4
Steps on Inserting Illustrations in MS Word
Inserting Illustrations: Picture from a File
1. Click the area where
you want to insert the
picture in your
document.
2. Click Insert Tab then go
to Illustrations group
and click Pictures.
Insert picture dialog
box will appear.
3. Choose the picture you
want to insert and click
insert.
Inserting Illustrations: Shape

1. Click Insert Tab then go to
Illustrations group and click Shapes.
2. Click the shape that you want and click
the area in your document where the
shape will be placed.
Inserting Illustrations: SmartArt

1. Click Insert Tab then go to Illustrations group and click SmartArt. A
dialog box will
appear. Select
from the list of
SmartArt that you
want and click OK.
5
Inserting Illustrations: Chart
1. Click in the document where you
want the Chart to be placed.
2. Click Insert Tab then go to
Illustrations group and click
Chart. A dialog box will appear.
Select the type of chart that you
want and click OK. MS Excel
window will appear with the chart.
3. Edit the data in MS Excel window.
You can close Excel after editing
the chart.
Steps in Formatting Illustrations in MS Word

Resizing Illustrations
1. Click image and sizing handles
will appear. Click and drag any of
the sizing handles.
Format Pictures and Clip art

1. Select the picture that you want to format. A Format tab of the Picture
Tools will appear.
6
PICTURE TOOLS PURPOSE
Improves brightness, contrast and
sharpness
Changes color quality
Provides various artistic effects
✓ Adds visual style to the whole picture or clip art, click Picture
Styles
✓ Click Picture Border to add border.
✓ Click Picture Effects to add visual effects.
Format Shapes
Click the shape so the Format Tab of the Drawing Tool will appear.
PICTURE TOOLS PURPOSE
✓ To quickly change the appearance of the shape, click the drop-

down arrow of the Shape Styles then click one of the gallery of
shape styles.
You may also click any of these buttons if

you want to fill the shape with color, change
the line width or style, or add effects to the
shape.
7
Format Chart
1. Select the chart that you want to format. Design, Layout, and Format
tabs of the Chart Tools will appear.
2. To edit the data of the chart, click Edit Data of the Data
group under the Design tab. An MS Excel window will
appear where you will edit the data. Close this window
as soon as you are done.
3. To add labels to your chart, go to the Layout tab and
click the appropriate button in the Labels group.
Note: The steps may vary in Office 365 version.
8
WHAT IS IT
ACTIVITY 1.1: Let’s Practice
Directions: Do the following activities as required.

A. Inserting and Editing Shapes: Digital Art
Open MS Word and create a simple drawing of a scenery or a person using the
available shapes in MS Word. Be creative. Your work should be printed in a
short bond paper. Refer to the scoring rubric below for your grading.
Criteria 4 3 2 1
Creativity The work The work The work The work
and demonstrates demonstrates demonstrates demonstrates
Originality superior creativity
good use of average use of little evidence
and originality in
creativity and creativity and of creativity
the selection of the
visuals. originality in the originality in the and originality
selection of the selection of the in the selection
visuals. visuals. of the visuals.
Composition Artwork exhibits Artwork exhibits Composition Ideas are
and Design masterful good demonstrates expressed with
execution of composition and limited no unity in
balance, emphasis, design
knowledge of composition.
pattern, unity, elements.
color, and contrast. design
elements.
Color Color choice and Artwork exhibits Color choice Ideas could
application good choice. and application have been
enhances the idea Color is effective shows some expressed
being expressed. in expressing knowledge of better with
The use of color is the idea. color theory and other color
attractive and relationships. choices and
appealing. better
application.
B. Inserting and Editing Pictures: Travelogue
Open MS Word and create a travelogue of a favorite place you have visited
currently or in the past. Provide descriptions of the places you have been to and
what is nice about the place. Embed pictures using Wrap Text in Tight. Set the
brightness at 0% and contrast at 20%. Place a Picture Border of your choice.
Do not put any artistic effects on the pictures. Other requirements: choose a
font style of your choice, size 12, paragraph alignment should be justified, line
9
spacing is 1.15. Your work should be printed in a short bond paper. Refer to
the scoring rubric below for your grading.
Criteria 4 3 2 1
Required Images are present. 4 of the Only 2 of the Only 1 of the
elements All images are
requirements requirements requirements
formatted, bordered is met. is met.
Weight: (x2) and followed are met.
Project is
• Images specific brightness
unacceptable.
• Formatted and contrast
images requirement. Font
• Font size size is 12,
• Justified paragraph
• Line alignment is justified
spacing and line spacing is
1.15.
Formatting, Project contains One of the Two of the The project is
Design, excellent formatting, following following not formatted,
Artistry page layout, and all could be could be page layout is
words are clear and improved:
improved: incomplete,
Weight: (x1) easy to read. formatting,
Overall, page layout, formatting, contents are
aesthetically readability, page layout, difficult to
pleasing and or readability, read, and not
attractive to look. aesthetics. or visually
aesthetics. appealing.
Grammar There are no There are There are There are
and grammar or spelling some minor some errors excessive
Mechanics errors. grammar in grammar grammar and
and spelling and spelling. spelling
Weight: (x1)
errors. errors.
10
WHAT’S NEW
Mail Merge and Label Generation

A Mail Merge is a word processing feature that allows you to easily create
multiple letters, labels, envelopes, nametags, or catalogue documents to group of
people as stored in a list in a database or spreadsheet.
When making Mail Merge, you will need a document using MS Word and a
recipient list which is typically done using MS Excel workbook. But you can also use
various sources including MS Outlook contact list, MS Access database, or a Notepad
text document.
Three Components of the Mail Merge:
1. Main document – the letter which contain the email information for each
of the merged document that can be letter, stationary or template. It also
contains the field names which contains the instructions for carrying out
the merge.
2. Data source – it is also called data file which comprises the information
to be merged into a document such as the list of names and addresses to
be used in a mail merge. This must be connected to the data source before
it can use the information in it.
3. Merge document – this is also a word processing document that is the
generated output after executing the merge process.
In Mail Merge you need to create the main document, create a data source and
merge data with the document.
STEPS:
Creating a form letter:
1. Open MS Word. Click the Mailings tab.
11
2. Click the Start Mail Merge command.
3. Select Step by Step Mail Merge Wizard and a Mail Merge task pane will
appear at the right side of the document.
4. Choose the type of document you want to

create. If you want to create a letter, select
Letter. Six main steps in guiding you to
complete a merge will be displayed at the
bottom.
5. Click Next: Starting document to move to

Step 2.
Six main steps
6. Select Use the current document. Click

Next: Select recipients to move to
Step 3.
Note: You will need an address list so

Word can automatically place each
address into the document. The list can be
in an existing file, such as an Excel
workbook, or you can type a new
address list from within the Mail Merge
Wizard.
12
7. From the Mail Merge task pane, select
Type a new list, then click Create.
8. The dialog box of New address list
appears, diplaying fields that Word
assumes you need. Select an entry that you
don’t need and click the Delete button. Use
the TAB key to move from cell to cell.
Note:
✓ When you delete, a confimation
dialog box will appear.
✓ To customize the address list, click

Customize Columns button at the
bottom of the window.
13
✓ The dialog box of Customized
Address List will appear. The
resulting window lists the Field
Names provided. When you
are done, click OK then
customized fields appear as
column headings in the New
Address List dialog box.
✓ Fill in the recipient list by typing the record’s data. Type the information that’s
appropriate to each field, then press TAB of the keyboard to enter the next field.
After filling in the last field, add another record just press the TAB key after
inputting the last field. When you press the TAB key on the last field in a record,
a new record is automatically created and added on the next line.
14
9. Click OK after filling the recipient list. A special Save As dialog box pops
up, allowing you to save the recipient list. Type a name for the address list
then click the Save button.
Creating the form letter

1. Click Next: Write your letter. Click the Address Block button to insert
an address block into your letter.
15
2. Dialog box of Insert Address Block appears. Choose the desired format for
the address block and click OK. The placeholder of Address Block will appear
in the document.
Note: Use Match Fields button to match your field names with the required
fields to correct problems. This may be essential if you created the address list
in another program such as Excel if not, just click OK directly without clicking
match fields.
If you click OK, this will appear in your

document.
3. Click Greeting Line from the Mail Merge task pane to insert a greeting line into
your document. A dialog box of Insert Greeting Line will appear. In the dialog
box, choose a format for the greeting line and click OK
16
The placeholder of Greeting lines will appear in
the document.
After placing these, you may then start writing the content of the letter.
4. To view your merged data, click the Preview Results button on the Mail Merge
task pane or on the ribbon to replace the merge fields with data from your
recipient list.
5. Click the Next: Complete merge on the mail merge task pane and choose
Edit Individual Documents. You may also click finish & merge button on the
preview results section of the ribbon.
Option A
17
Option B
Note: When you click the Edit Individual

Documents, a Merge to New Document dialog
box will appear and choose All if you have more
than 1 recipient and click OK. After that, you will
then see the full merged letter without writing to
them one by one. When this is done, you can now print your work.
18
WHAT IS IT
Problem: Mr. James Reid, the director of admissions at MOGCHS University, has
asked you to send an orientation letter announcement to all incoming freshmen. You
decide to use a form letter.
1. Create a folder called “MOGCHS University Mail Merge.” Save all files created
in this activity into this folder.
2. Start with a blank file and save it with the name “MOGCHS University Letter.”
When you are working always Save your work as often as you can.
3. Before doing anything, select “1.15 Line and Paragraph Spacing.” Font style
should be Arial size 12. Margins should be at 1-inch all sides.
4. Create the data file or the recipients from the table below. Save the data file
with the name MOGCHS University Freshmen.
Save the file into the folder in Step 1.

Address Zip
Title First Name Last Name City Country
1 Code
145
Cagayan de
Mr. Raul Ardent Sunrise
Oro City
Philippines 9000
Road
13
Cagayan de
Ms. Wilma Doesnt Eastern
Oro City
Philippines 9000
Avenue
PO Box Cagayan de
Mr. Victor Wood Philippines 9000
891 Oro City
130
Cagayan de
Mr. Cardo Dalisay Maple Philippines 9000
Oro City
Avenue
PO Box Cagayan de
Ms. Dawn Zulueta
113 Oro City
Philippines 9000
19
5. Use the text below as the body of your letter. Follow the steps you have
previously learned.
June 1, 2020
<<AddressBlock>>
<<GreetingLine>>
Congratulations on your acceptance to MOGCHS University.
We have scheduled an orientation in the Alumni Hall from 8:00am to 11:00am on

Monday, June 15, 2020, for all incoming freshmen. Advisers, instructors, and other
staff members will be available to familiarize you with the campus and answer your
questions.
Topics covered during the orientation will be:

• Adjusting to college life
• Determining the right degree program
• Learning the campus layout
Registration for the first semester begins June 23, 2020 (Monday). Classes will begin
Monday, August 24, 2020.
We look forward to meeting you. For more information about the registration and
orientation please call us at (088) 355 – 5000.
Sincerely,
James Reid
Director of Admissions
6. When you are done, save your work in the folder in step 1. You will submit this
folder to your teacher through his/ her email. As soon as you submit, change
the folder name into: familyname_firstname_section_ MOGCHS University
Mail Merge
Well done! You have finished Activity 1.2 on Mail Merging!
20
WHAT’S NEW
Lesson 1.2 Advance Techniques in PowerPoint
Animation and Timing in PowerPoint

Animation is the process of making the illusion of motion and the illusion of change
by means of the rapid succession of sequential images that minimally differ from each
other.
Microsoft PowerPoint provides several animation styles in different categories,
namely, Entrance, Emphasis, Exit and Motion Paths. Animations make your
presentation more dynamic.
If you want to put animations in your presentation, all you have to do is go to
the Animations Tab and click Add Animations. From there, you can find various
animations types for entrance, emphasis, exit and motion paths.
Inserting Hyperlink
A hyperlink which is frequently stated as “links” is a text or image on the screen
that you can click on to jump to another file or within the existing file. When you hover
your pointer over a hyperlink, either it is text or an image, the arrow changes into a
small pointing hand, called hyperlink cursor. It is usually activated by clicking on the
text or image. Text hyperlinks are usually in color blue and underlined.
21
Hyperlinks in PowerPoint allow you to another slide in the current presentation,
another slide in a different presentation, another file or webpage, or email address.
Steps:
1. To insert a Hyperlink, click the word or the image then click the Insert tab and
look for Hyperlink or Link in other versions of MS PowerPoint. Click on the
choices on where you will link the image or the word. After that, click OK.
WHAT CAN I DO
DIRECTIONS: Adapt a Filipino legend story and create a storyboard using PowerPoint
presentation. Place pictures and animations in your story. Place texts as descriptions
for the storyboard or dialogue cloud for the conversation of characters. Save you’re
your using this file name: PPTLEGEND_FAMILY NAME_FIRST NAME_GRADE &
SECTION. Check the rubrics on how you will be graded. Send your work through your
teacher’s email address.
22
Rubrics:
Criteria 4 3 2 1
Creativity and The work The work The work The work
Originality demonstrates demonstrates demonstrates demonstrates
superior creativity good use of average use little evidence
and originality in the
creativity and of creativity of creativity
selection of the
visuals. originality in and originality and originality
the selection in the in the selection
of the visuals. selection of of the visuals.
the visuals.
Composition Artwork exhibits Artwork Composition Ideas are
and Design masterful execution exhibits good demonstrates expressed with
of animations. Skillful execution of limited no unity in
use of entrance, animations.
knowledge of presentation.
exits, emphasis, and Proper use of
motion paths are entrance, execution of
shown through its exits, animations.
proper timing. emphasis, and Entrance,
motion paths exits,
are shown. emphasis, and
motion paths
somewhat in
proper timing
Color Color choice and Artwork Color choice Ideas could
application enhances exhibits good and have been
the idea being choice. Color application expressed
expressed. is effective in shows some better with
The use of color is expressing the knowledge of other color
attractive and idea. color theory choices and
appealing. and better
relationships. application.
23
WHAT’S NEW
Lesson 1.3 Advance Techniques in Excel
Advance and Complex Calculations in Excel

Complex formula is the combination of
more than two simple formulas. One of the key
features of excel is the ability to calculate
complex formulas. There are four basic
computation uses in excel. Namely addition,
subtraction, multiplication, and division. When solving complex problems, Excel
follows the PEMDAS. PEMDAS is an acronym for the words: parenthesis, exponents,
multiplication, division, addition, and subtraction.
Relative Reference
All cell references are called relative references.
When copied across multiple cells, they change based on the relative position
of rows and columns.
Absolute Reference
These are cell references that do not change when copied or filled.
You can use an absolute reference to keep a row and/or column constant.
These reference cells can be made constant by inserting $ sign in between or
before the row and column. Example:
$A$2 The column and the row do not change when copied.
A$2 The row does not change when copied.
$A2 The column does not change when copied.
Functions
These are predefined formula that performs calculations using specific values
in a particular order.
The parts of a function are: =SUM(A1:A20)
Equal sign Function Name Argument
24
Function Library
 IF formula in Excel
The IF function can perform a logical test and return one value for a
TRUE result, and another for FALSE result. More than one condition can be
tested by nesting IF functions. The IF function can be combined with logical
functions like AND and OR.
Syntax: =IF(logical_test,[value_if_true],[value_if_false])
• logical_test is a value or logical expression that can be evaluated as
TRUE or FALSE.
• value_if_true (optional) is the value to return when logical_test
evaluates to TRUE.
• value_if_false (optional) is the value to return when logical_test
evaluates to FALSE.
25
 VLOOKUP
The VLOOKUP function performs a vertical lookup by searching for a
value in the first column of a table and returning the value in the same row in
the index_number position.
The VLOOKUP function is a built-in function in Excel that is categorized
as a Lookup/Reference Function. It can be used as a worksheet function in
Excel. As a worksheet function, the VLOOKUP function can be entered as part
of a formula in a cell of a worksheet.
Syntax:
=VLOOKUP(lookup_value,table_array,col_index_num,[range_lookup])
Steps:
1. Identify a column of cells you'd
like to fill with new data. In this
case, that is column D entitled
MRR.
2. Select 'Function' (Fx) > VLOOKUP

and insert this formula into your
highlighted cell.
26
3. Enter the lookup value for
which you want to retrieve new
data. The first criteria is your
lookup value. This is the value of
your spreadsheet that has data
associated with it, which you want
Excel to find and return for you.
To enter it, click on the cell that
carries a value you're trying to
find a match for. In our example,
shown above, it's in cell A2. You'll
start migrating your new data into
D2, since this cell represents the MRR of the customer name listed in A2.
4. Enter the table array of the spreadsheet

where your desired data is located. Next to
the "table array" field, enter the range of cells
you'd like to search and the sheet where these
cells are located, using the format shown in the
screenshot above. The entry above means the
data we're looking for is in a spreadsheet titled
"Pages" and can be found anywhere between
column B and column K.
5. Enter the column number of the data you

want Excel to return. Beneath the table array
field, you'll enter the "column index number" of
the table array you're searching through. For
example, if you're focusing on columns B
through K (notated "B:K" when entered in the
"table array" field), but the specific values you
want are in column K, you'll enter "10" in the
"column index number" field, since column K is
the 10th column from the left.
27
6. Enter your range lookup to find an exact or
approximate match of your lookup value.
In the given example, which concerns monthly
revenue, you want to find exact matches from
the table you're searching through. To do this,
enter "FALSE" in the "range lookup" field. This
tells Excel you want to find only the exact
revenue associated with each sales contact.
However, if you want Excel to look for an
approximate match instead of an exact
match. To do so, simply enter TRUE instead of
FALSE in the fourth field shown above.
7. Click 'Done' (or 'Enter') and fill

your new column.
WHAT I HAVE LEARNED
✓ Productivity Tools also known as productivity software are software that

people use to create and produce professional quality documents,
presentations, databases, charts, graphs, and more.
28
ASSESSMENT
your answers on a separate sheet of paper or in your notebook.
1. What do you call the cells that do not change?

A. Constant cells C. Absolute Reference
B. Relative Reference D. Single cells
2. What type of Excel function searches for a specific value in your data using the
spreadsheet columns and a unique identifier within those columns?
A. VLOOKUP B. IF Function C. COUNTIF D. Absolute Reference
3. What two Microsoft applications are used to create a mail merge?

A. Word & PowerPoint C. Word & Excel
B. PowerPoint & Excel D. Word & Publisher
4. What are hyperlinks in PowerPoint?

A. A tool that you use to navigate from one slide to another.
B. A tool that you use to play in PowerPoint.
C. A tool that you use to save a file and slide.
D. A tool that you point to another image in the PowerPoint.
5. What do you call the software that people use to create and produce
professional quality documents, presentations, databases, charts, and graphs?
A. Production Tools C. Professional Tools
B. Productivity Tools D. Advanced Application Tools
29
WHAT I NEED TO KNOW
LESSON 2: Imaging and Design for Online Environment
Graphic design uses visual compositions to solve problems and communicate

ideas through typography, imagery, color and form (Cann, 2018). It can be used by
companies to promote and sell products through advertising, by websites to convey
complicated information in a digestible way through infographics, or by businesses to
develop an identity through branding, among other things (Malvik, 2020).
What are my goals?

1. Evaluate existing websites and online resources based on the principles of
layout, graphic, and visual message design.
2. Use image manipulation techniques on existing images to change or enhance
their current state to communicate a message for a specific purpose
3. Create an original or derivative ICT content to effectively communicate a visual
message in an online environment.
WHAT I KNOW
You must be excited to flip over the pages and begin with the lessons. But first,
please answer the pre-test to measure what topics have you known so far.
1. A graphic image with a central figure is an example of this type of
composition:
A. Balance C. Contrast
B. Alignment D. Symmetry
2. Which statement best defines the principles of graphic design?

A. These are a set of rules only followed by designers.
B. These are outline of ways designers can use elements in a
composition.
31
C. It provides the set of rules on how the graphic design started.
D. It is the art and practice of planning and projecting ideas and
experiences with visual and textual content.
3. Why do designers use contrast?

A. To show difference between elements of art.
B. To cause controversy in the design world.
C. To create harmony and bring elements together.
D. To make bright colored compositions.
4. Which type of balance has two sides that are balanced but different?
A. Symmetrical C. Asymmetrical
B. Radial D. Centered
5. What is created when hue is combined with white?

A. Hue B. Shade C. Tint D. Tone
6. What type of image manipulation technique is used if you want to remove

unnecessary parts of a picture?
A. Brightness and Contrast C. Cropping
B. Color Balance D. Removing Colors
7. What image manipulation technique is done if you change the color tone of a
picture?
8. What image manipulation technique is done when you desaturate the color of
a picture?
9. Which of the following manipulation techniques improves photo sharpness?

10. What image manipulation technique is done when you adjust the overall
lightness and darkness of an image?
Turn to page 46 to check your answers!
32
WHAT’S IN
Look at the numbered images below and answer the questions that follow.
1 2
3 4
5 6
33
7 8
9 10
Image from: http://graphicnovel-hybrid4.peugeot.com/start.html
Answer the following in your notebook:

1. What is the story in this graphic novel?
____________________________________________________
____________________________________________________
2. Who is the main character in the story? How did you know?
____________________________________________________
____________________________________________________
3. What do you think is the profession of the main character? How
did you know it?
____________________________________________________
____________________________________________________
34
WHAT’S NEW
Lesson 2.1: Graphics and Layout
Images
An Image is a representation of the external form of a person or thing in art.
Images may be 2-dimensional, such as a photograph or screen display, or 3-
dimensional, such as a statue or hologram. They may be captured by optical devices
such as cameras, mirrors, lenses, telescopes, microscopes, and natural objects and
phenomena, such as the human eye or water.
Graphics
Graphics are visual images or designs on some surface, such as a wall, canvas,
screen, paper, or stone to inform, illustrate, or entertain. It can be a photograph, a
drawing, a line art, graphical representations, and typography.
Basic Principles of Graphic Design

Principles of graphic design are set of guidelines that help a design achieve
effective composition. These basic principles aid in creating balance and stability for
the piece of work.
COLOR is used for emphasis or may elicit emotions from viewers. Determined
by its hue (name of color), intensity (purity of the hue), and value (lightness or
darkness of hue).
HUE TINT TONE SHADE
35
Image source: https://graphicdesign.stackexchange.com/questions/20044/is-there-a-worldwide-applicable-color-emotion-chart
BALANCE means the equal distribution of weight. In layout, visual weight is

determined by the darkness or lightness, thickness of lines, and size. Balance
is crucial to the success of design. There are two kinds of balance:
Symmetrical Balance. The visual weight is distributed evenly, either
vertically or horizontally. You can draw a line straight through the middle
of the design, and the visual balance would be evenly distributed.
Asymmetrical Balance. There is an artistic and different intensity on
one side of the page.
36
PROXIMITY is simply the process of ensuring related design elements are placed
together. Any unrelated items should be spaced apart. Close proximity indicates that
items are connected or have a relationship to each other and become one visual unit
which helps to organize or give structure to a layout (Smith, 2017).
White Space is the art of nothing. It is also known as the negative space.
It is the portion of a page left unmarked: margins, gutters, and space between
columns, lines of type, graphics, figures, or objects drawn or depicted.
Image source: http://m.blog.hu/b1/b1foto/image/petadoption_feat.jpg
ALIGNMENT is simply the way visual elements are arranged so that they line
up in some way. There are two basic kinds of alignment; edge and center.
Edge alignment determines the placement of elements in relation to
the edge of the page or canvas. This can mean the elements are
aligned to the left side or right side, but it can also mean they are aligned
to the top or bottom of the page, so long as it uses an edge to organize
everything.
Center alignment aligns all the elements so that an invisible, central
line on the page will always be in the center of the elements.
Image source: https://blog.thepapermillstore.com/design-principles-

alignment/edge-alignment/
Image source: https://blog.thepapermillstore.com/design-principles-

alignment/center-alignment/
37
REPETITION. The process of repeating
elements throughout a design to give a
unified look. Repetition goes with
consistency of your design on font, font
size, patterns, and colors.
Image source:
https://www.pinterest.ph/pin/500532946059674099/
CONTRAST is the divergence of opposing elements (opposite colors on the

color wheel, or value light / dark, or direction – horizontal / vertical). Contrast
allows us to emphasize or highlight key elements in your design.
Image source:
https://learn.g2.com/color-contrast
38
WHAT CAN I DO
ACTIVITY 2.1: CoViD-19 Infographic
DIRECTIONS: In this time of the CoViD – 19 pandemic, there is a need to fully inform
the public on how to keep ourselves safe even when we are outside our homes. As a
graphic designer of the National Government, you are tasked to create an infographic
material to be distributed to the people. This will be placed in a short-sized bond paper.
You must be guided by the different principles of graphic design while making your
infographic material. Print your work and be guided with the rubric below:
CRITERIA 3: Exceeds 2: Meets Expectation 1: Needs Work

Expectation
Topic/ The topic/purpose The topic/purpose was The topic/purpose
Purpose of the infographic somewhat broad and of the infographic
was clear and did not allow viewer to was not clear and
concise. understand the concise.
purpose.
Data Data of the Data of the infographic Data of the
infographic was was somewhat infographic was not
accurate and accurate and relevant accurate and was
relevant to topic to topic. not relevant to
topic.
Layout The infographic had The graphics were The graphics had
a great layout, with somewhat applicable nothing to do with
applicable graphics. to the infographic, the topic and had a
creating an average poor layout. There
layout. was an overload of
text.
Color/Font The font was The font was The font was not
legible, and the somewhat legible, and legible, and the
color scheme the color scheme didn't color scheme
enhanced the affect the infographic. detracted from the
infographic. infographic.
Sourcing Citations for the Citations for some of No citations of the

infographic's the sources used were infographic's
sources were included. sources were
included. included.
39
WHAT’S NEW
Lesson 2.2: Image Manipulation
Image Manipulation refers to a process of bringing changes to a digitized

image for transforming it to a desired image. The changes are made possible by
resorting to image processing. Image manipulation is utilized to create magazine
covers and albums from photographs. A single photograph may be modified to suit the
requirement, or several photographs can be combined to form a collage. Currently,
there are numerous software applications ranging from professional applications to
basic imaging software (https://www.yundle.com/terms-definitions/i/image-
manipulation).
Principles and Basic Techniques of Image Manipulation
CROPPING. Cutting parts away to remove distracting or irrelevant elements.
Image source: https://photo-works.net/photo-cropping-techniques.php
40
COLOR BALANCE. The ambience and the tone of light of the picture (ex.
Warm or cool light)
Image source: https://dragon-roost-island.weebly.com/photo-vocabulary.html
BRIGHTNESS AND CONTRAST. One of the most basic techniques in image

editing, making the image darker or lighter.
Image source: https://pippin.gimp.org/image-processing/chap_point.html
41
FILTERS. Making the image look sketched, grainy, classic black and white or
even let it have neon colors. This gives your image a twist from its original look.
Image source: https://www.cosmo.ph/entertainment/how-to-choose-the-best-instagram-filter
CHANGING THE BACKGROUND. Adding background to make your image

stand out.
Image source: http://photoshopcctutorial.com/adobe-photoshop-7-0-tutorial-how-to-change-or-remove-

background/
42
REMOVING THE COLOR. Removing certain colors in your image or
desaturating the color of the image.
Image source: http://www.digitalcamerareview.com/review/photoshop-elements-11-premiere-elements-11-review/
COMBINING TEXT, GRAPHICS AND IMAGE. Adding multiple elements in

your layout.
Image source: https://apkhubs.com/en/phonto-text-on-photos-apk
43
SAMPLE OF IMAGE MANIPULATION
Original Image Manipulated Image
WHAT CAN I DO
Activity 2.2: Let’s Do Magic!
Directions: Take a photo of a landscape and a portrait – be it of yourself, a family

member, a friend or a pet. Create a photo collage where both pictures
are edited. Print your work in a short-sized photo paper. Check the rubric
for grading. The following things shall be done on the picture:
1. Cropping
2. Adjusting brightness and contrast
3. Color balancing
4. Combining text with images preferably positive quotes. Don’t forget
to cite the original writer!
5. Changing background for portraits only.
44
Rubric: 20 points
Criteria 4 3 2 1
Creativity and The work The work The work The work
Originality demonstrates demonstrates demonstrates demonstrates
superior creativity good use of average use little evidence
Weight: (x2) and originality in the
creativity and of creativity of creativity
selection of the
visuals. originality in and originality and originality
the selection in the in the selection
of the visuals. selection of of the visuals.
the visuals.
Composition Artwork exhibits Artwork Composition Ideas are
and Design masterful exhibits good demonstrates expressed
execution of composition limited with no unity
Weight: (x1) balance, and design
knowledge of in
emphasis, pattern, elements.
unity, color, and design composition.
contrast. elements.
Required All required 4 of the Only 2 of the Only 1 of the

elements elements are requirements requirements
requirements
present is met. is met.
Weight: (x2) are met.
Project is
unacceptable.
WHAT I HAVE LEARNED

You have learned that image editing is an enjoyable activity, but it entails a lot
of patience and creativity. As a photo editor, you must have an eye for art. Bear in
mind that the pictures you will come up with support the idea that you wish to convey.
45
ASSESSMENT
1. How many types of balance are in graphic design??

A. 2 B. 4 C. 6 D. 8
2. Which principle of design is seen by the shapes on the
right?
A. Balance C. Color
B. Contrast D. Proximity
3. Which design principle is seen below?
A. Alignment C. Contrast
B. Asymmetrical balance D. Proximity
4. Which of the following is NOT a way to use contrast in a composition?

A. Placing shapes around a central axis.
B. Pairing different typefaces together.
C. Changing the color values.
D. Using various textures.
5. Which best describes the image on the right?

A. Alignment C. Contrast
B. Balance D. Repetition
6. Which type of balance has two sides that are balanced but different?
A. Asymmetrical B. Centered C. Radial D. Symmetrical
7. Which image manipulation technique is used in the picture?

A. Brightness and Contrast
B. Color Balance
C. Cropping
D. Removing Colors
Image source: https://www.tutorialspoint.com/dip/brightness_and_contrast.htm
46
8. Which image manipulation technique is
used in the picture?
A. Brightness and Contrast
B. Changing Background
C. Color Balance
D. Inserting Texts
Image source: https://www.jihosoft.com/photo/replace-photo-background.html
9. What is created when hue is combined with white?

A. Hue B. Shade C. Tint D. Tone
10. What type of image manipulation technique is used if you want to remove
unnecessary parts of a picture?
C. Brightness and Contrast C. Cropping
D. Color Balance D. Removing Colors
47
WHAT I NEED TO KNOW
Lesson 3: Principles and Techniques of Design
Using Online Creation Tools, Platforms, and
Applications
Online creation tools and platforms exist for users to utilize in order to create
content that correspond to professional tracks such as academics, sports, arts and
design, as well as technical vocational. They may come in presentation tools, for
newsletter writing, photo editing and sharing, online collaborative tools, cloud
computing, blogging, mapping tools, and file management which are all discussed in
module 1.
In this lesson we will be exploring on the different principles and techniques of
web design.
What are my goals?

1. Apply web design principles and elements using online creation tools,
platforms, and applications to communicate a message for a specific purpose
in specific professional tracks
2. Create an original or derivative ICT content using online creation tools,

platforms, and applications to effectively communicate messages.
3. Evaluate the quality, value, and appropriateness of peer’s existing or previously

developed ICT content in relation to the theme or intended audience/ viewer of
an ICT project.
4. Share and showcase existing or previously developed material in the form of a

collaboratively designed newsletter or blog site intended for a specific audience
or viewer.
50
WHAT I KNOW
You must be excited to flip over the pages and begin with the lessons. But first,
please answer the pre-test to measure what topics have you known so far.
1. When a user makes a mistake which of the following would they expect?
A. An easily understood error message telling them how to solve the
problem.
B. A detailed error message which gives them detailed instructions on
how they can avoid the error next time.
C. To have to log out of the site, log back in and start again.
D. A re-direction to another website where you will log in.
2. Which principle of a good web design refers to the waiting time for your web
site to load?
A. Navigation C. Load Time
B. Visual Hierarchy D. Grid-based Layout
3. The F-shaped reading pattern is designed for what specific type of reading
strategy?
A. Active Reading C. Skimming
B. Previewing D. Scanning
4. What principle of a good web design refers to the type of font used in the web
site?
A. Color C. Navigation
B. Grid-based Layout D. Typography
5. Which statement best describes good use of animation on a website?

A. Animation should never be used on a website; it is just too distracting.
B. Animation should be used sparingly and to create impact.
C. Animation should be used as much as possible to attract audience
attention.
D. Animation should be in small sizes, so they do not get too much space
in the website.
Turn to page 63 to check your answers!
51
WHAT’S NEW
Lesson 3.1: Web Page Creation
While it's easy to build a web page, it's hard to make it look right. If all you want
is plain text, everything will be too straightforward. The tricky part is when you want
something more. Most bad web pages are bad because of their design rather than
their contents. The more stuff on the page, the messier it gets and the less likely you
are to keep the interest of the visitor (http://billconner.com/techie/webpages.html).
An effective website design should fulfill its intended function by conveying its
message while simultaneously engaging the visitor. Several factors such as
consistency, colors, typography, imagery, simplicity and functionality all contribute to
good website design. A well-designed website can help build trust and guide visitors
to act. Creating a great user experience involves making sure your website design is
optimized for usability (form and aesthetics) and how it easy is it to use (functionality).
(https://www.feelingpeaky.com/9-principles-of-good-web-design/).
WEB TEMPLATES and “WYSIWYG” PLATFORMS

“WYSIWYG” means What You See Is What You Get
In this kind of platform, no coding skills are required. Instead, you
manipulate with design components using an editor window and get the
chance to choose what elements are on your page.
Web Templates
These are unique full-page layout that contains generic information
which can be replaced by the users with their own personal information.
BASIC WEB DESIGN PRINCIPLES

Website Purpose
Your website needs to accommodate the needs of the user. Having a simple
clear intention on all pages will help the user interact with what you have to
offer. Are you imparting practical information like a ‘How to guide’? Is it an
52
entertainment website like sports coverage or are you selling a product to the
user? Below are the common core purposes of websites:
✓ Describing Expertise
✓ Building Your Reputation
✓ Generating Leads
✓ Sales and After Care
Simplicity
Simplicity is the best way to go when considering the user experience and the
usability of your website. Below are ways to achieve simplicity through design.
✓ Color - it has the power to communicate messages and evoke emotional

responses. Finding a color palette that fits your brand will allow you to
influence your customer’s behavior. Keep the color selection limited to
less than 5 colors. Pleasing color combinations increase customer
engagement and make the user feel good.
✓ Typography or the text used.
Typefaces should be legible
and only use a maximum of 3
different fonts on the website.
Image source:
https://www.webfx.com/blog/web-design/big-typography/
✓ Imagery is every visual aspect used within communications. This

includes still photography, illustration, video and all forms of graphics.
All imagery should be expressive and capture the spirit of the company
and act as the embodiment of their brand personality.
53
Image source: https://www.pinterest.ph/pin/139119075975030809/
Navigation
Navigation is the way finding system used on websites where visitors interact
and find what they are looking for. Website navigation is key to retaining visitors.
If the websites navigation is confusing visitors will give up and find what they
need elsewhere. Keeping navigation simple, intuitive and consistent on every
page is key.
F-Shaped Pattern Reading

The F- based pattern is the most common way
visitors scan text on a website. Eye tracking
studies have found that most of what people
see is in the top and left area of the screen.
The F’ shaped layout mimics our natural
pattern of reading in the West (left to right and
top to bottom). An effective designed website
will work with a reader’s natural pattern of
scanning the page.
Image source:
https://www.feelingpeaky.com/9-principles-of-good-web-design/
54
Visual Hierarchy
The arrangement of elements is order of importance. This is done either by
size, color, imagery, contrast, typographically, whitespace, texture and style.
One of the most important functions of visual hierarchy is to establish a focal
point; this shows visitors where the most important information is.
Image source: https://in.pinterest.com/pin/309833649334933654/
Content
An effective web design has both great design and great content. Using
compelling language great content can attract and influence visitors by
converting them into customers.
55
Grid Based Layout
The grid-based layout arranges
content into a clean rigid grid
structure with columns, sections
that line up and feel balanced and
impose order and results in an
aesthetically pleasing website.
Image source: https://www.feelingpeaky.com/9-

principles-of-good-web-design/
Load Time
Waiting for a website to load will lose visitors.
Nearly half of web visitors expect a site to load in
2 seconds or less and they will potentially leave a
site that isn’t loaded within 3 seconds. Optimizing
image sizes will help load your site faster.
Image source:
Mobile Friendly
More people are using their phones or other devices to
browse the web. It is important to consider building your
website with a responsive layout where your website can
adjust to different screens.
Image source:
56
WHAT IS IT
Activity 3.1: Website Design Quality Check
Direction: Use the Internet to research on the designated topics depending on

your track:
A. Stem cell research D. Types of Sports Injuries
(STEM students) (SPORTS track students)
B. Strategies on Putting up a Business E. Folk dances in the Philippines
(ABM students) (ARTS and DESIGN students)
C. Online Dating among Teens (HUMSS F. Vocational Education in the
students) Philippines (TVL students)
Once you find the website, evaluate the website using the checklist below. Copy the
checklist in your notebook.
Name of Website: ___________________________________________________
Website URL: _______________________________________________________
YES NO CRITERIA
Content Evaluation
The contents of the website valuable and relevant to my research topic.
The contents are readable.
The information that the website contains is valid and true.
The website is free from misspelled words and grammatical errors.
Purpose Evaluation
Did the website achieve its purpose of giving information in accordance
to its theme?
Image and Color Quality Evaluation
The website uses custom images that are in consistent size and quality
throughout website.
The primary header image is in high-resolution.
The colors used are harmoniously and logically related.
Font Consistency and Readability
The font sizes used for each of the primary elements of the page is
consistent all throughout.
The font spacing is consistent.
The fonts are readable.
The website follows the F-shaped pattern.
Accessibility to Mobile Devices
The website can be accessed using smartphones.
The layout in the smartphone is easy to navigate.
57
WHAT’S NEW
Lesson 3.2: Online Creation Tools
Types of Visual Content

Visual content is great because it powers up your communication and receives
great attention from the target audience.
Infographics are graphic visual representations of information, data, or
knowledge intended to present information quickly and clearly. They can
improve cognition by utilizing graphics to enhance the human visual system's
ability to see patterns and trends.
Videos are recording of moving pictures and sound, especially as a digital file.
Presentations use catchy images, videos, and graphics in your presentation
to get into the minds of your target audience.
For Infographics
Piktochart is an infographic creation tool that lets you design stunning pieces
worth sharing in minutes.
For Videos
PowToon. The online animation software of PowToon is perfect for storytelling

and creating Flash-style movies. You don’t have to go through hundreds of
tutorials to learn motion creation as PowToon will do it for you.
YouTube Video Editor is simple and with a single-track timeline, you get all
the basic transitions and effects and a soundtrack feature. It is easy to learn
and quick to use. Users can edit and remix the YouTube videos that are
uploaded in their YouTube accounts.
For Presentation
Prezi is cloud-based presentation software that is simple to use as compared

to the traditional slideshow makers. It displays information not as series of
58
slides but as a large board that zooms in on specific information, text, or an
image, giving presentations a fresh and non-traditional feel.
SlideShare. You can use this to upload and share professional videos and slide
presentations.
For Web Site Creations
Wix you can use this to create your web site or mobile site.
For Blogging
WordPress.org the self-hosted version of WordPress is, by far the most
popular blogging platform in the world. WordPress powers over 90 percent of
all the blogs on the Internet.
WordPress.com is a blog site hosting service by Automattic. You can get a
free blog with basic features. For advanced functionality, you need to opt for
one of their paid plans. It can be a great starting point for blogging.
Blogger.com This free blog hosting service has been around for a long time. It
was founded in 1999 and acquired by Google in 2003. You can sign up easily
with your existing Google account.
WHAT CAN I DO
Activity 3.2: It’s My Space
Direction: You are a graduating SHS student and your final task in your subject is to
create a blog. Your teacher asked you to create a blog on why incoming SHS students
must choose your track. Don’t forget to remember the principles of web and graphic
designs when creating your blog. Choose your own online platform for your blog. Your
work must be published online. Give the URL of your blog to your teacher for checking.
Rubric for assessing your Blog:

Rubric is adapted from University of Wisconsin
https://www2.uwstout.edu/content/profdev/rubrics/blogrubric.html
59
CRITERIA 4 3 2 1
Text Layout, Selects and Selects and Selects and Does not insert
Use of inserts high quality inserts graphics inserts many any graphics, or
Graphics graphics and and multimedia low-quality uses only low-
and multimedia when that are mostly graphics and quality graphics
Multimedia appropriate to high quality and multimedia and multimedia,
enhance the enhance and which do not which do not
content’s visual clarify the enhance the enhance the
appeal and content. content. content.
increase
readability. Acknowledges Acknowledges Does not
most image and only a few acknowledge
Acknowledges all multimedia multimedia and any image or
image and sources with image sources multimedia
multimedia captions. and uses sources, either
sources with incomplete with a caption.
captions. captions.
Content and Postings provide Postings Postings Postings show

Creativity comprehensive provide provide minimal no evidence of
insight, moderate insight, insight,
understanding, insight, understanding understanding
and reflective understanding and reflective or reflective
thought about the and reflective thought about thought about
topic by thought about the topic. the topic.
...building a the topic.
focused argument
around a specific
issue or
...asking a new
related question or
...making an
oppositional
statement
supported by
personal
experience or
related research.
Citations All images, media Most images, Some of the No images,

and text created media or text images, media media or text
by others display created by or text created created by
appropriate others display by others does others display
copyright appropriate not display appropriate
permissions and copyright appropriate copyright
accurate citations permissions copyright permissions
and accurate, permissions and do not
properly and does not include
formatted include accurate,
citations. accurate, properly
properly formatted
formatted citations.
citations.
60
Quality of Blog entries have Blog entries Blog entries Blog entries use
Writing and no spelling or have few show some incorrect
Proofreading grammatical spelling or evidence of grammar and
errors. grammatical correct spelling,
errors. grammar, consistently
spelling, making it
punctuation, difficult for
etc. others to follow
ideas in entry.
Blog Blog is easy to Blog is easy to Blog is clear to Blog is
Organization understand, easy understand, read, neat, and unorganized,
to navigate, clear clear to read presentable All hard to follow or
to read, and navigate, links and titles navigate, non-
aesthetically aesthetically are easy to find. working links,
appealing and appealing and Blog is fairly visually
relevant, all links relevant, all easy to dissident.
are working, and links and titles navigate.
titles are easy to are easy to find.
find.
WHAT’S MORE
Activity 3.3: Let Me Be the Judge
Direction: Evaluate the quality, value, and appropriateness of a classmates’ existing

developed ICT content. Pay attention to how the work highlights a given theme or
advocacy.
Rubric for assessing a classmate’s blog:

Taken from: Empowerment Technologies: Teacher’s Guide p. 25
CRITERIA Scores
10 9-8 7–6 5–1
Content Covers the Includes Includes Content is
(10 pts.) topic in-depth essential essential minimal, or
with details knowledge information there are
and examples. about the about the several factual
topic. topic, but errors.
Subject there are 1-2
knowledge is Subject factual errors.
excellent. knowledge
61
appears to be
good.
5 4–3 2 1
Organization Content is Content uses Content is There was no
(5 pts.) well- headings or logically clear or logical
organized, bulleted lists organized for organizational
using to organize, the most part. structure.
headings or but the over-
bulleted lists all
to group organization of
related topics appears
material. flawed.
10 9-8 7–6 5–1
Attractiveness Makes Makes good Makes use of Makes use of
(10 pts.) excellent use use of font, font, color, font, color,
of font, color, color, graphics, and graphics, and
graphics, and graphics, and effects, but effects, but
effects to effects to occasionally these often
enhance the enhance the these detract distract from
presentation. presentation. the the
presentation presentation
content. content.
10 9-8 7–6 5–1
Accuracy No Three or fewer Four More than five
(10 pts.) misspellings misspellings misspellings misspellings
or or or or
grammatical grammatical grammatical grammatical
errors, no errors, no errors, no errors, mostly
broken links, broken links, more than 4 broken links,
and missing and missing broken links, and missing
images. images. and missing images.
images.
Rubric taken from: Empowerment Technology Teacher’s Guide.
62
WHAT I HAVE LEARNED
An effective website design should fulfill its intended function by conveying

its message while simultaneously engaging the visitor. Several factors such as
consistency, colors, typography, imagery, simplicity and functionality all contribute to
good website design. A well-designed website can help build trust and guide visitors
to act. Creating a great user experience involves making sure your website design is
optimized for usability (form and aesthetics) and how it easy is it to use (functionality).
ASSESSMENT
Direction: Read each item carefully and choose the letter of the correct
answer. Write your answers on a separate sheet
1. Which of the following statements is an example of good website design??

A. Having very detailed instructions to teach the user how to use the
website.
B. Having lots of flashing animation that shows how clever the designer
is.
C. Having navigation which makes it intuitive to use the website.
D. Having animation should be used as much as possible to attract
audiences’ attention.
2. Which statement best describes good use of animation on a website?

A. Animation should never be used on a website; it is just too
distracting.
B. Animation should be used sparingly and to create impact.
C. Animation should be used as much as possible to attract audience
attention.
D. Animation should be in small sizes, so they do not get too much
space in the website.
63
3. Which of the following statements describes good website design?
A. Consistent use of styles and color create a professional look to a
website.
B. Using lots of different styles and colors shows how creative the
designer is.
C. Consistent use of styles and color is boring and will make the user
log out.
D. Websites that have background music are a sign of creativity from
the designer.
4. How does the F-shaped reading pattern help visual hierarchy?

A. Users can confirm that the author of the site is an authority on the
subject.
B. Users first read in a horizontal movement, usually across the upper
part of the content area.
C. It enables search engine users to index the website efficiently when
they crawl the web pages.
D. It enables users to enter the site from a number of different pages.
5. When a user makes a mistake which of the following would they expect?
A. An easily understood error message telling them how to solve the
problem.
B. A detailed error message which gives them detailed instructions on
how they can avoid the error next time.
C. To have to log out of the site, log back in and start again.
D. A re-direction to another website where you will log in.
64

Empowerment Technologies Q1 Modules 1 - 2

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Empowerment Technologies Q1 Modules 1 - 2

Uploaded by

Copyright:

Available Formats

SENIOR HIGH SCHOOL

Source image: http://wideanglemedia.co/your-brand-your-productyour-big-idea-is-worth-pursuing/

Prepared by: SIXIE ROZZ O. PENASO

First Quarter Module 1: ICT in the Context of Global Communication will

1. Take your time in reading the lessons.

After going through this module, you are expected to:

2. Evaluate existing online creation tools, platforms and applications in developing

Information and Communications Technology (ICT) often deals with

What are my goals?

1. What type of web page is classified as flat or stationary?

5. Twitter is an example of what specific type of social media?

10. What type of web page is classified as a dynamic page?

Turn to page 13 to check your answer.

5. I have experience in creating slide presentations: I can use programs such as

8. I have experience viewing videos online (YouTube)

9. I have experience filling out forms and taking quizzes online.

ICT in the Philippines

Below is a comparison of Web 1.0, Web 2.0 and Web 3.0:

1. Amazon.co.uk 6. Siri’s Apple Voice Recognition

4. 9. Trio Healthcare Group

Good job on answering your activity!

Let us go through them one by one!

1. Presentation or Visualization Platform allows you to present and share

Microblogging. These are sites that focus on short updates from

PLATFORMS NAMES OF WEBSITES DESCRIPTION

WHAT I HAVE LEARNED

1. How dependent have we become on technology?

You are finally done with Lesson 1!

2. Which of the following is an example of sites under web 2.0?

3. What type of web page is classified as flat or stationary?

For #’s 4-5, use the choices inside the box.

What are my goals?

By the end of this lesson, you are expected to:

3. It is OK to forward or post an email message that you received if __________

4. What is a flame in cyberspace?

5. Knowledge and understanding of netiquette is useful because ___________

9. What is the golden rule of netiquette?

Turn to page 29 to check your answer!

ABS-CBN News Topic Page on Identity-theft. Retrieved from https://news.abs-cbn.com/list/tag/identity-theft.

Reflect on the following questions:

TYPE OF INFORMATION SHARED NOT SHARED

1. How many of these information have you SHARED?

2. How many of these information have you NOT SHARED?

Info source: https://www.wikihow.com/Find-if-a-Website-Is-Legitimate

Never open messages or attachments from someone you do not know.

Keep your software updated to avoid security holes.

Do not download or install software or anything on your computer or cell phone

Flame war is a series of flame posts or

Image from: https://twitter.com/Parkster00/status/1246347088625045504

1. Your family is going out on a vacation. What should you do?

5. Your social media friends list should only be composed of ______________.

 Phishing happens when an email is sent from an internet criminal disguised as

Image source: https://searchsecurity.techtarget.com/definition/phishing

Image source: https://ed451phishnpharm.weebly.com/how-to-spot-a-fake-website-pharming.html

 Internet Scam generally refers to someone using internet services or software

 Malware or malicious software, is any program or file that is harmful to a

 Cyberbullying refers to the act of tormenting, harassing, or embarrassing

 Spoofing happens when someone or something pretends to be something else

Image source: https://www.avg.com/en/signal/what-is-spyware Image source: https://itigic.com/tag/adware/

Image source: https://dlpng.com/png/6702600 Image source:https://www.gtmaritime.com/free-phishing-

Image source: http://www.upgrademag.com/web/2018/07/18/entry-of-3rd-

From all you have learned in

4. What is ransomware based on?