SENIOR HIGH SHOOL

EMPOWERMENT TECHNOLOGIES
Quarter 1 – Module 1
ICT in the Context of Global
Communication

1
Introductory Messages

Good day learners!

Welcome to the Empowerment Technologies for Senior High School Alternative Mode
(ADM) Module on Information and Communication Technologies.

Learning continues amidst the situation we are experiencing right now. With the unveiling
effort of the Department of Education, Tanza National Trade School creates a way to deliver
learning into your hands. This module will serve as a tool for teaching and learning process
between you and the facilitator in a remote manner. It was designed for you to have fun and
meaningful opportunities for guided and independent learning at your own pace and time.
Read and understand each following reminders to have a successful usage of this module.

The module has the following parts and corresponding icons:

What I Need to Know

This will give you an idea of the skills or competencies you are
expected to learn in the module.
This part includes an activity that aims to check what you already
What I Know
know about the lesson to take. If you get all the answers correct
(100%), you may decide to skip the module.

What’s In This is a brief drill or review to help you link the current lesson with
the previous one.

What’s New In this portion, the new lesson will be introduced to you in various
ways such as a story, a song, a poem, a problem opener, an activity
or a situation.

What is it This section provides a brief discussion of the lesson. This aims to
help you discover and understand new concepts and skills.

What’s More This comprises activities for independent practice to solidify your
understanding and skills of the topic. You may check the answers to
the exercises using the Answer Key at the end of the module.

What I Have Learned This includes questions or blank sentence/paragraph to be filled in

to process what you learned from the lesson.

What I Can Do
This section provides an activity which will help you transfer your
new knowledge or skill into real life situations or concerns.

In this portion, another activity will be given to you to enrich your

Additional Activities
knowledge or skill of the lesson learned. This also tends retention
of learning concepts.

Answer Key This contains answers to all activities in the module.

This is a task which aims to evaluate your level of mastery in

Assessment
achieving the learning competency.

2
General Instructions:

1. Handle the module with care. Do not write or put unnecessary mark/s on any part of it.
Use a separate sheet of paper in answering the exercises.

2. Take each activity step-by-step. Don’t forget to answer What I Know before moving on to
the other activities included in the module.

3. Read the instruction carefully before doing each task.

5. Honesty is the Best Policy. Have an integrity in doing the tasks and checking your answer.
Do not cheat!

6. Finish the task at hand before proceeding to the next.

7. Complete the module on or before the date assigned by the teacher to finish it. Return this
module to your teacher/facilitator in the process they are instructed to you to do.

If you have questions or difficulty in certain part of the lesson, do not hesitate to consult your
teacher. Your teachers are your partner in completing each lesson.

Hope that you’ll have a great learning experience to achieve all the learning competencies
with this material.

3
 Lesson
1 Information and Communication
Technology

What I Need to Know?

What is Information and Communication 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. It plays
an important part in our lives and in all aspects in our society. ICT has become the main
method of communication, getting information and education, attaining services from
businesses, hospitals, utilities, government, purchasing products and services, doing personal
and business transactions, and expressing social advocacies and awareness.

At the end of this module, you’ll be able to:

1. define Information and Communication Technology(ICT) and its current state in
globalization;
2. compare and contrast the nuances of varied online platforms; and
3. reflect an insightful nature of ICT through a reflection paper.

What I Know?

TRUE OR FALSE. Write T if the statement is correct, otherwise, write F on your notebook.

_____ 1. Web 2.0 introduced static web pages that allow users to interact with the world.
_____ 2. Technological convergence is the synergy of technological advancements to work
on a similar goal or task.
_____ 3. Blogging sites are sites that focus on short updates from the user.
_____ 4. Assistive media is a nonprofit service designed to help people who have visual and
reading impairments.
_____ 5. Information Communication Technology (ICT) deals with the use of different
communications technology to locate, save, send, and edit information.
_____ 6. The internet is the single most important example of assistive media as almost all
types of entertainment are all available online.
_____ 7. Mobile Media is a collection of internet-based communication tools and computer-
assisted channels dedicated to allow users to interact, communicate, and share
information in a virtual community and network.
_____ 8. In web 1.0, the user is limited to viewing the website.
_____ 9. Web 2.0 is named and referred to by the web experts as semantic web or data
driven web content and response.
_____ 10. The online platform in the use of ICT makes it easier for users to interact, to
collect, and use the data from the user's interactions for their own particular needs.

4
 What’s In?

ACTIVITY 1

Challenge Question: Imagine, the internet and other means of mobile communication such
as text and call are suddenly gone for a week, what do you think your life would be? Write
your answer on your notebook.
_________________________________________________________________________
_________________________________________________________________________
_________________________________________________________________________
_________________________________________________________________________
_________________________________________________________________________
__________

As you continue to learn using this module, you will realize that digital tools, such as those
appearing in the following image would open a door for you to some possibilities to explore
in a the world in just a click.

What’s New?
ACTIVITY 1
ACTIVITY 2. Internet and Computer Readiness Test

Directions: Read and reflect 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 you
disagree. 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.
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
 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.

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?

According to Department of Information and Communication Technology (DICT),

Philippines is ripe for digital in governance, lifestyle, business and work. Indeed, we are in
the industrial revolution wherein ICT improves from time to time. From BPO companies,
online transactions, ICT in workplace and schools, in entertainment including some of the
vloggers and short-film makers, and businesses, there’s a big development in ICT compare
to past few years.

However, several key issues remain to receive attention from both the public and the
policymakers alike, creating lag on development on certain areas, DICT said.

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.

The Current State of ICT

 Web 1.0 - the first stage of World Wide Web (WWW). At this stage, the web pages
were static, meaning you can read the text and look at the photos but the user could
not interact with it to obtain more information. The feedback mechanism was thru
private email and direct comment was not available.
 Web 2.0 - "read-write-execute" web. Web pages are now using web programs such
as PHP, Python, Ruby or Perl --- all dynamic programming languages. It is now easy
to share your photos, videos, stories, and opinions over the internet.
 Web 3.0 - a semantic web or data driven web content and response. As the user
interacts or responds, contributes and collaborates on the web. For example, if the
user searches for hotels in a particular city, the web posts adverts of hotels in that
city from services, like TripAdvisor.com, Booking.com, Agoda.com, and others.

6
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/

Trends in ICT

1. Convergence
Technological convergence is an evolution of technological developments that merge
into a new system bringing together different types of applications and media. The
smartphone is an example of technological convergence as it provides functionality of
various individual separate and different devices now available in one gear.

The smartphone can function as a telephone, camera, radio, TV, and gaming
console.

2. Social Media
Social Media is a collection of internet-based communication tools and computer-
assisted channels dedicated to allow users to interact, communicate, and share information
in a virtual community and network.

7
3. Mobile Media
The popularity of smartphones and tablets has taken a major rise over the years.
This is largely because of the devices capability to do tasks that were originally found in
personal computers. Several of these devices are capable of using high-speed Internet.

4. Assistive Media
Assistive media is a nonprofit service designed to help people who have visual and
reading impairments. A database of audio recordings is used to read to the user.

Different Types of Online Platform

“If you can program it, then it’s a platform. If you can’t, then it’s not.” – Marc Andreessen

The online platform in the use of ICT makes it easier for users to interact, to collect,
and use the data from the user’s interactions for their own particular needs.

WEB SEARCH ENGINES

It is a software system designed to search for information on the World Wide Web
(WWW). The search results are generally presented in a line of results referred to as Search
Engine Results Pages (SERPs).

COMMUNICATION SERVICES

A Communications Service Provider (CSP) is a provider that transports information

electronically and can encompass public and private companies in telecom, internet, cable,
satellite, and managed services business.

8
PAYMENT SYSTEM

It is any system used to settle financial transactions through the transfer of monetary
value and includes the institutions, instruments, people, rules, procedures, standards, and
technologies.

SOCIAL MEDIA

Social Media are forms of electronic communication (as

Websites for social networking and microblogging) through which
users create online communities to share information, ideas,
personal messages, and other content (as videos).

1. SOCIAL NETWORKING

What is the difference between social media and social networking?

These are forms of media. Essentially, social media is a platform for
broadcasting information, whereas social networking is a platform for
communicating with one another. Social media is a communication
channel, whereas, in social networking, communication has a two-way
nature. Even with the distinction being given, some nuances can be
pointed out. As an example of how they differ and yet somewhat overlap,
Facebook is a social networking site. You register and post your profile, connect with friends,
and comment on topics in a generally interactive way. On that same social networking site,
companies set up a presence and use Facebook as a way to promote their brand and gain
followers.

2. BOOKMARKING SITES

These are sites that allow you to store and manage links to various websites and
resources.

3. SOCIAL NEWS

These are sites that allow users to post their own news items or links to other news
sources.

4. 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.

9
5. MICROBLOGGING

These are sites that focus on short updates from the user. Those subscribed to the
user will be able to receive these updates.

6. BLOGS AND FORUMS

These are websites that allow users to post their content. Other users can comment
on the said topic.

PLATFORM FOR ADVERTISING

Facebook

Facebook advertising is picking up speed in the business world. It uses social graph and
activities to pinpoint those who fall into your buyer demographics, making Facebook ads
incredibly useful. Facebook ads are more likely to bring in strong leads that are looking for
your services. They help make sure your advertising budget is 8 not wasted on those who are
not interested in what you are offering. Facebook makes your product or service put into the
hands of the exact person who wants it.

PLATFORM FOR HASHTAGGING

Twitter

Twitter is a fast-paced, concise, and easy way to connect with your audience. With over 310
million registered users (and growing), Twitter is a sea of information of 140 characters or less
content waiting to be read, clicked, followed, and re-tweeted. When marketing on Twitter, you
need to have content that is enticing to stop and click through. People are usually scrolling
quickly, to take more than just a simple text to stop them in their tracks. Make sure when you
are constructing your tweets, you are making people want to click through.

PLATFORM FOR GROUPING

LinkedIn

LinkedIn is different from the rest of the social media outlets because it is
specially designed for businesses and professionals. Users mainly go to
LinkedIn to showcase their job experience and professional thoughts, making
it one of the most important platforms to use for those in B2B. LinkedIn is a
valuable tool not only for driving traffic but prospecting, establishing thought
leadership, as well as recruiting.

CREATIVE CONTENT OUTLET

YouTube

YouTube is the leading video-sharing platform in the world. On your channel, your brand can
share and edit videos, create playlists, and prompt discussions.

Here are some of educational Youtube channels

10
  asapScience
 Veritasium
 Ted Ed
 Common Sense Education

PLATFORM FOR ANALYZING BUSINESS

Pinterest

Pinterest is one of the unique marketing platforms on this list. Instead of

posting content for your audience to read, on Pinterest, you will post just
a clickable picture and a short caption.

Following are some of the online platforms and applications that you can
use to create online presentation, web page, newsletter, infographics, music, video, and
other multimedia content:

 Presentation tools – Prezi,Zoho,Show,MS PowerPoint

 Newsletter, ICT Content platforms – Dropbox, Tumblr, Wix
 Photo Editing tools – Picasa, Adobe Photoshop, Adobe Lightroom, PicsArt
 Online Collaborative tools – Google Drive, Viber, Facebook
 Blog tools – Blogger, WordPress, LiveJournal
 Mapping tools – Google Maps, Wikimapia
 Curating tools – Pinterest, Storify, Trapit
 Web design platforms – Wix, Weebly, Adobe Dreamweaver

What’s More?
ACTIVITY 3

Look and analyse the infographic. Accomplish the next activity.

11
Answer the following questions:

1. Compare the total number of population and the total number of mobile subscription.
Create a comprehensive conclusion on the data.

2. Why do you think Philippines belong to the countries with the most number of active social
media users?

3. Does the data on the total number of internet users have an impact to the country’s
economy? Why or why not?

4. What are the reasons why social media is the most used platform not just in the country
but worldwide?

What I Have Learned?

ACTIVITY 1
ACTIVITY 4

COMPLETE THE TABLE: Listed below are some of the platforms. Complete
the table by providing the name of websites or applications and write a short
description on it. Write your answers on your notebook.

PLATFORMS Websites/Application Description

Social Media
Search Engines
Payment Systems
Advertising Platforms
Communication Services
Creative Content Outlet

What I Can Do?

ACTIVITY 5

Conduct an interview with at least 5 members of your family or relatives. Ask

the following questions:

 What is your idea about information and communication technologies?

 What ICT device/s you usually used in daily living? How does it help you?
 What are your top 5 most visited websites? Why?

After the interview, analyse and consolidate the answers of your respondents. Do the
next activity.

1. How does ICT impact everyone’s life?

2. List the top 10 most visited websites based on the data you’ve gathered. Complete the
table below.

12
 Name of the Websites Types of Web (Web 1.0, Reason
2.0, 3.0)

Assessment
Multiple Choice: Choose the letter of the best answer. Write your answer on
a separate sheet of paper.

1. What is the online platform where you can store your files online?
A. Google Drive C. PowerPoint
B. Photoshop D. YouTube
2. What platform is used for advertising?
A. Facebook C. Twitter
B. Instagram D. YouTube
3. Which is specially designed for businesses and professionals?
A. Google drive C. LinkedIn
B. Instagram D. Photoshop
4. Which of the following is the operating system of Blackberry phones?
A. Blackberry OS C. Symbian
B. Candy D. Windows Mobile
5. Which site allows you to upload and share media content like images and music?
A. Facebook C. Twitter
B. Pinterest D. YouTube
6. Which allows users to create and manage advertising campaigns, generate reports and
retrieve information about the ads, campaigns, and organizations associated with an
account.
A. advertising platforms C. grouping platform
B. communication platform D. teaching Platform
7. Which electronic communication platform is used for broadcasting information?
A. Microblog C. Social network
B. Social media D. Youtube
8. Which platform can be useful for marketing tangible products?
A. Facebook C. Pinterest
B. Instagram D. Twitter
9. What type of social media website is Pinterest?
A. Blogs and Forums C. Media Sharing
B. Bookmarking site D. Microblogging
10. Which of the following is a communication service provider in the Philippines?
A. Lazada C. Social Security System
B. Smart Telecommunication D. Twitter
11. He created the World Wide Web (WWW).
A. Albert Einstein C. Bill Gates
B. Tim Berners-Lee D. Google
12. It is the synergy of technological advancements to work on a similar goal or task.
A. Mobile Technology C. Assistive Technology
B. Social Media D. Technological Convergence
13. A semantic web or data driven web content and response.
A. Web 1.0 C. Web 3.0
B. Web 2.0 D. None of the above

13
14. It is a non-profit service designed to help people who have visual and reading
impairments.
A. Mobile Technology C. Assistive Technology
B. Social Media D. Technological Convergence
15. It deals with the use of different communication technologies to locate, save, send, and
edit information.
A. ICT C. Blogging Sites
B. Platforms D. Social Media

Additional Activities

W With the constant advancement in technology, people can now utilize internet
to manage their bills online. Use your researching skills in identifying how to pay your
Meralco Bill online. Provide the step by step procedure. You may use a separate sheet of
paper for this activity.

Reflection
Write a 3-paragraph insightful reflection paper on the nature of ICT in the context of your lives,
society, and professional tracks (Arts, TechVoc, Sports, Academic).

References
De Lara, Maricel. (2016, Nov. 3). Empowerment Technology. Retrieved from
https://www.slideshare.net/maricelbaldomerodelara/lesson-1- empowerment-
technology. Retrieved on May 19, 2020.

Educational Technology: Students Readiness and Self – Assessment.

https://www.google.com/search?q=ICT&tbm=isch&ved=2ahUKEwiLqMr60JjrAhVDW
pQKHU2fBBQQ2-
cCegQIABAA#imgrc=pUUseBmuckDj0M&imgdii=jPlhr86ZMLQSeM

14
15
What I Know
1. T
2. T
3. F
4. T
5. T
6. F
7. T
8. T
9. T
10. T
Answer Key
SENIOR HIGH SHOOL

EMPOWERMENT TECHNOLOGIES
Quarter 1 – Module 2
Online Safety, Security, Ethics, and
Etiquette

16
 What I Need to Know?

This module was designed and written with you in mind. It is here to help you apply
online safety, security, ethics, etiquette standards, and practice in using ICTs related to your
specific professional tracks. The scope of this module permits it to be used in different learning
situations. The language used recognizes the diverse vocabulary level of students. The
lessons are arranged to follow the standard sequence of the course. But the order in which
you read them can be changed to correspond with the textbook you are now using.

The module mainly focuses on one lesson:

Lesson 2 - Online safety, security, ethics, and etiquette

The module mainly explains and instructs learners about Online safety, security, ethics, and
etiquette.

After going through this module, you are expected to:

1. consider one’s and others’ safety when sharing information using the Internet;
2. consider one’s and others’ reputation when using the Internet;
3. determine and avoid the dangers of the Internet;
4. be responsible in the use of social networking sites; and
5. browse the Internet efficiently and properly through proper referencing.

What I Know?

PRE-TEST
Direction: Read each item carefully and choose the letter of the correct answer. 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.
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.

17
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.
b. Put a smiley in every message
c. Use correct grammar.
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.
b. Ignore the email
c. Return the email with response.
d. Send rude message as revenge

18
 Lesson
2 Online Safety, Security, Ethics, and
Etiquette
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’s In?

ACTIVITY 1

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.

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?

19
 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.

What’s New?

ACTIVITY 2: Shared or Not Shared?

DIRECTIONS: Read and reflect each item carefully. Copy the table 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?
___________________________________________________________________
___________________________________________________________________
___________________________________________________________________

20
 What is it?

The Core Rules of Netiquette

Netiquette, or network etiquette, is concerned with the "proper" manner of
communication in the online environment. Whenever you communicate in the virtual world,
consider the following "rules," adapted from Virginia Shea's Core Rules of Netiquette. Below
are the 10 rules of netiquette:

Rule 1: Remember the Human

When communicating electronically, whether through email, instant message,
discussion post, text, or another method, practice the Golden Rule: Do unto others as you
would have others do unto you. Remember, your written words are read by real people, all
deserving of respectful communication. Before you press "send" or "submit," ask yourself,
"Would I be okay with this if someone else had written it?"

Rule 2: Adhere to the same standards of behavior online that you follow in real life
While it can be argued that standards of behavior may be different in the virtual world,
they certainly should not be lower. You should do your best to act within the laws and ethical
manners of society whenever you inhabit "cyberspace." Would you behave rudely to someone
face-to-face? On most occasions, no. Neither should you behave this way in the virtual world.

Rule 3: Know where you are in cyberspace

"Netiquette varies from domain to domain." (Shea, 1994) Depending on where you are
in the virtual world, the same written communication can be acceptable in one area, where it
might be considered inappropriate in another. What you text to a friend may not be appropriate
in an email to a classmate or colleague. Can you think of another example?

Rule 4: Respect other people's time and bandwidth

Electronic communication takes time: time to read and time in which to respond. Most
people today lead busy lives, just like you do, and don't have time to read or respond to
frivolous emails or discussion posts. As a virtual world communicator, it is your responsibility
to make sure that the time spent reading your words isn't wasted. Make your written
communication meaningful and to the point, without extraneous text or superfluous graphics
or attachments that may take forever to download.

21
Rule 5: Make yourself look good online
One of the virtual world's best things is the lack of judgment associated with your
physical appearance, the sound of your voice, or the clothes you wear (unless you post a
video of yourself singing Karaoke in a clown outfit.) The quality of your writing will judge you,
so keep the following tips in mind:
Always check for spelling and grammar errors Know what you're talking about and state it
clearly Be pleasant and polite

Rule 6: Share expert knowledge

The Internet offers its users many benefits; one is the ease in which information can
be shared or accessed, and in fact, this "information sharing" capability is one of the reasons
the Internet was founded. So in the spirit of the Internet's "founding fathers," share what you
know! When you post a question and receive intelligent answers, share the results with others.
Are you an expert at something? Post resources and references for your subject matter. You
have recently expanded your knowledge about a subject that might be of interest to others?
Share that as well.

Rule 7: Help keep flame wars under control

What is meant by "flaming" and "flame wars?" "Flaming is what people do when they
express a strongly held opinion without holding back any emotion." (Shea, 1994). As an
example, think of the kinds of passionate comments you might read on a sports blog. While
"flaming" is not necessarily forbidden in virtual communication, "flame wars," when two or
three people exchange angry posts between one another, must be controlled, or the
camaraderie of the group could be compromised. Don't feed the flames; extinguish them by
guiding the discussion back to a more productive direction.

Rule 8: Respect other people's privacy

Depending on what you are reading in the virtual world, be it an online class discussion
forum, Facebook page, or an email, you may be exposed to some private or personal
information that needs to be handled with care. Perhaps someone is sharing some medical
news about a loved one or discussing a situation at work. What do you think would happen if
this information "got into the wrong hands?" Embarrassment? Hurt feelings? Loss of a job?
Just as you expect others to respect your privacy, so should you respect the privacy of others.
Be sure to err on the side of caution when deciding to discuss or not to discuss virtual
communication.

22
Rule 9: Don't abuse your power
Like in face-to-face situations, there are people in cyberspace who have more "power"
than others. They have more expertise in technology or have years of experience in a
particular skill or subject matter. Maybe it is you who possesses all of this knowledge and
power! Just remember: knowing more than others do or having more power than others may
have does not give you the right to take advantage of anyone. Think of Rule 1: Remember the
human.

Rule 10: Be forgiving of other people's mistakes

Not everyone has the same amount of experience working in the virtual world. And not
everyone knows the rules of Netiquette. At some point, you will see a stupid question, read an
unnecessarily long response, or encounter misspelled words; when this happens, practice
kindness and forgiveness as you would hope someone would do if you had committed the
same offense. If it's a minor "offense," you might want to let it slide. If you feel compelled to
respond to a mistake, do so in a private email rather than a public forum.
Shea, V. (1994). Core Rules of Netiquette. Retrieved from
http:/coursedesign.colostate.edu/obj/corerulesnet.html

ONLINE SAFETY AND SECURITY

The Internet, truly, is a powerful tool. It can be used to promote your business, gain
new friends, and stay in touch with the old ones. It is also a source of entertainment. But like
most things in this world, there is always “another side of the coin.” The Internet is one of the
most dangerous places, especially if you do not know what you are doing.

23
Online safety refers to the practices and precautions that should be observed.
Different types of information should not publicly disclosed through the social media

Tips to Stay Safe Online

The Internet is a public place and it is up to you to protect yourself. Here are some tips
to help you stay safe when using the internet.

1. Be mindful of what you share online and what site you share it to.
2. Do not just accept terms and conditions; read it.
3. Know the security features of the social networking site you use. By keeping your
profile private, search engines will not be able to scan your profile.
4. Do not share your password with anyone.
5. Avoid logging in to public networks/Wi-Fi. Browsing in “incognito (or private) mode will
NOT protect you from hackers.
6. Do not talk to strangers whether online or face-to-face

24
 7. Never post anything about a future vacation. It is similar to posting, “Rob my house at
this date.”
8. Add friends you know in real life.
9. Avoid visiting untrusted websites.
10. Install and update an antivirus software on your computer. Use only one anti-virus
software to avoid conflicts.
11. If you have Wi-Fi at home, make it private network by adding a password.
12. Avoid downloading anything from untrusted websites.
13. But the software, do not use pirated ones.
14. Do not reply or click links from suspicious emails.
15. Make Online Purchases from Secure Sites

Most people would dispute that there is no such thing as private over the Internet and they
may be right. Some hackers can find a backdoor even if your profile is already set to private.
You have no control whoever is looking at your friend's screen whenever they open your profile
or chat with you.

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:

1. 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.

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

2. 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

3. 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.

26
4. 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.

5. 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.

6. 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.

7. Cyberstalking refers to the use of the internet or other electronic device to harass or
stalk individuals or organizations.

27
8. Cyberbullying refers to the act of tormenting, harassing, or embarrassing another
person using the internet.

9. 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.
Protecting Reputations Online
Here are the things you might want to consider before posting something over the
internet:
1. Before your post something on the web, ask these questions to yourself: Would
you want your parents or grandparents to see it? Would you want your future
boss to see it?
2. If you feel that a post can affect you or other’s reputation, ask the one who
posted it to pull it down or report it as inappropriate.

28
 Copyright Infringement
It is the use of works protected by copyright law without permission for a usage where
such permission4 is required.
Here are some tips that could help you avoid copyright infringement:
1. Always assume that the work is copyrighted.
2. Do not copy, share or alter without seeking permission.
3. Review and retain licensing agreements.
4. Consider buying content.
5. Give credit to the original author of the page or information.

What’s More?

ACTIVITY 3: 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.

29
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.
b. Family and friends
c. Anyone who sends you a friend request
d. Foreigner

What I Have Learned?

ACTIVITY 4
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?”
___________________________________________________________________
___________________________________________________________________
__________________________________________________________________

What I Can Do?

ACTIVITY 5
Now it’s time to show your creativity!
Create a poster showing the Netiquette rules with examples of how you can
use them in your daily life, primarily online. The poster should use an interactive online
tool like Canva, Glogster, Piktochart, etc. You may choose from any of the Core Rules
of Netiquette as you baseline idea in crafting your E-Posters.

30
 Take note of the criteria:

Assessment

Directions: 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 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 b. Spyware c. Worms and Virus d. Ransomeware
2. What harmful online programs are designed to send you advertisements, mostly pop-
up ads?
a. Adware b. Spyware c. Worms and Virus d. Ransomeware
3. What harmful online program is used to record keystrokes done by users to steal
passwords?
a. Adware b. Spyware c. Worms and Virus d. Ransomeware
4. What is ransomware based on?
a. Fear of hackers
b. Fear of the Internet
c. Fear of spyware
d. Fear of losing important files
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.

31
 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.

Additional Activities

Like any other rules, what you have learned from this lesson could be applied to any
task you do. So start doing your part as a student and as you take steps in preparing for your
future.
Answer the following question in essay form.
(Use a separate sheet of paper)
1. What profession do you prefer to have in the future?
2. In what way could you make an impact on society using the Internet?

32
References
Innovative Training Works, I. (2006). Empowerment Technologies. In I. Innovative
Training Works, Empowerment Technologies (p. 19). Rex Bookstore.
Shea, V. (1994). Core Rules of Netiquette. Retrieved from
http:/coursedesign.colostate.edu/obj/corerulesnet.html
ABS-CBN News Topic Page on Identity-theft. Retrieved from https://news.abs-
cbn.com/list/tag/identity-theft. Retrieved on May 22, 2020.
National Center for Missing and Exploited Children. (n.d.). NSTeens: Can you keep it
private. Retrieved from
Netiquette Quiz. Retrieved from
https://www.nku.edu/~rkdrury/experiment/netiquette_quiz.htm. Retrieved on May 22,
2020.
Quiambao, Angelito. (2018, Jul. 23). Online safety, security, ethics, and etiquette.
Retrieved from https://www.slideshare.net/AngelitoQuiambao/online-safety-security-
ethics-amp-etiquette. Retrieved on May 22, 2020.
Belcic, Ivan. (2019, Nov. 7). What is pharming and how to protect against attacks.
Retrieved from https://www.avg.com/en/signal/what-is-pharming. Retrieved on May 22,
2020.

Images
https://twitter.com/Parkster00/status/1246347088625045504
https://searchsecurity.techtarget.com/definition/phishing
https://ed451phishnpharm.weebly.com/how-to-spot-a-fake-website-pharming.html
Chua, Ryan (2011, May 24). ABS-CBN News. Are you a victim of cyber-stalking.
Retrieved from https://news.abs-cbn.com/nation/05/24/11/are-you-victim-cyber-stalking.
Retrieved on May 22, 2020.
Andrade, Jeannette. (2012, June 2). Teen arrested for Facebook blackmail. Retrieved
from https://technology.inquirer.net/11673/teen-arrested-for-facebook-blackmail.
Retrieved on May 22, 2020.
https://www.avg.com/en/signal/what-is-spyware
https://www.gtmaritime.com/free-phishing-penetration-test/
http://www.upgrademag.com/web/2018/07/18/entry-of-3rd-telco-player-to-benefit-
consumers-says-globe-telecom/
https://shieldguide.wordpress.com/2017/03/12/think-before-you-click

33
Answer Key

34
SENIOR HIGH SHOOL

EMPOWERMENT TECHNOLOGIES
Quarter 1 – Module 3
Online Navigation

35
 Lesson
3 Online Navigation

What I Need to Know?

This module was designed and written with you in mind. It is here to help
you be skilled in doing contextualized research through online navigation. The scope of this
module authorized it to be used in many different learning situations. The language used
recognizes the diverse vocabulary level of students. Whereas, the lessons are arranged to
follow the standard sequence of the course. However, the order in which you read them can
be changed to correspond with the textbook you are now using.

The module mainly focuses on one lesson:

• Lesson 3 - Online Navigation

Learning Competencies and Codes:

1. Use the internet as a tool for reliable research and information gathering to best
achieve specific class objectives or address situational challenges. CS_ICT11/12-
ICTPT-Ia-b-3
After going through this module, you are expected to:

1. Identify search engines to use in online navigation;

2. Recognize internet sites as a reliable and non-satirical source for research; and
3. Use the internet as a tool to gather information in creating reflective outputs.

After going through this module, you are expected to: compare and contrast the
nuances of varied online platforms, sites, and content to achieve specific class
objectives or address situational challenges.

What I Know?
Multiple Choices: Choose the letter of the best answer. Write your answer on a
separate sheet of paper.
1. It is the process of interactively searching given words/terms to gather specific information.
A. Online Mission C. Online Expedition
B. Online Navigation D. Online Exploration
2. It is the most known and most used search engine.
A. Baidu C. Google
B. Yahoo D. Ask.com
3. Arrange the commands in the correct order when doing a contextualized online navigation
I. Open the Google site, on the upper right side of the window, click the
Google Apps icon and click search.
II. On the lower right part of the window, click Settings and the Google
Search Settings pop-up list will appear.
III. Click Advanced search and the Advanced Search window will appear.
IV. Type the keywords that you would like to search and click the

36
 A. I,II,III,IV C. I,II,IV,III
B. I,III,IV,II D. I,IV,III,II
4. This term refers to the type of information that is relatively considered as fake, untrue and
merely opinion-based.
A. Spoof C. Sardonic
B. Satirical D. Sarcastic
5. Which of the following cannot be considered as a guide in identifying the good
source from the satirical source of information?
A. Check if the site is alleged as satirical.
B. Ask someone knowledgeable and get to know the site
C. Always be cautious and read the contents of the source.
D. Click any sites that appeared as a source of information
6. These are Software Systems designed to search information on the World Wide Web.
A. Search Bar C. Search Engine
B. Search Tool D. Search Application
7. The skill refers to the ability to produce good and continuous searches.
A. Thinking Skill C. Research Skill
B. Learning Skill D. Production Skill
8. This is collectively organizing gathered data and ensuring tracking of specific information.
A. Critical Thinking C. Research Presenting
B. Data Organizing D. None of the above
9. A skill that involves the ability to reflect and analyze on the information presented.
A. Critical Thinking C. Research Presenting
B. Data Organizing D. None of the above
10. This type of skill refers to the ability to express the information through creative writing.
A. Critical Thinking C. Research Presenting
B. Data Organizing D. None of the above
11. Which of the following can be considered as fake, untrue, and merely opinion-based?
A. Dr. Jose Rizal was the Philippines’ National Hero.
B. Dr. Jose Rizal studied at Ateneo De Manila and University of the Philippines.
C. Dr. Jose Rizal wrote a third book after Noli Me Tangere and El Filibusterismo.
D. Dr. Jose Rizal was born on the 19th day of June, not on 30th day of December.
12. Which of the following information can be considered as a true one?
A. The 15th president of the Republic of the Philippines was Fidel Ramos.
B. The 15th president of the Republic of the Philippines was Gloria Arroyo.
C. The 15th president of the Republic of the Philippines was Joseph Estrada.
D. The 15th president of the Republic of the Philippines was Benigno Aquino III.
13. What do you think is the main reason why we online navigate?
A. To be more technology-based.
B. To be more comfortable searching.
C. To be more precise on the information.
D. To be more dependent on the internet.
14. As a student, how can you apply your understanding on satirical news upon searching?
A. Read and Search C. Think Before you Click
\ B. Being Observant D. All of the above
15. As a student, you are responsible when specific information was presented to you.
Which of these cannot be done upon searching?
A. Ask someone knowledgeable and get to know the site.
B. Always be cautious and read the contents of the source
C. Click any sites that appeared as a source of information
D. Navigate around the internet, and check if the site is alleged as satirical

37
 Lesson
3 Online Navigation

The manner of collectively searching for and saving requested information through the
computer from databanks that are online is known as Online Navigation. Years ago, the
traditional way of obtaining certain information is through books, which is very different from
the online search on the internet. Online navigation is an attempt to be more precise in
providing information based on a certain word.

What’s In?
Online navigation becomes a great match to the prevailing use and
popularity of the smart phone age. Search engines also provide a system of giving the best
and most appropriate results. Mobile phone application has been added to smart phones for
quick, handy researches and quicker school assignments. In this lesson, you are expected to
use the Internet as a tool to gather specific information and depending on a given situation

What’s New?
The following are different examples of search engine. Using the internet
or books search and describe the following application. Write your answer
on your notebook or in a piece of paper.

1. Google

2. Baidu

3. Bing

4. Yahoo!

38
 What is it?
Search Engines
Search engines are software systems that are designed to search for information on
the World Wide Web. The search results are generally presented in a line of results often
referred to as search engine results pages. Examples of Search Engines are Baidu, Bing,
Yahoo, DuckDuckGo and the most recognized engine Google. Google is the most known and
most used search engine in the world. According to Net Market Share, 74. 54 percent of the
Search Engine Market has been acquired by Google.

In this lesson, you are expected to online navigate and search for specific information
using the Google Search Engine.

Steps in Online Navigation

1. In your desktop, laptop or smartphones, open the browser and search Google and type
the word, phrase or thought you want to search.

2. On the right part of the window, click setting and the Google search settings pop-
up list will appear.

39
3. Type the keywords that you would like to search and click the Advanced Search button.
You can search through all the words that you’ve typed, or you can narrow it down to
specific words.

Research Skills
In order to achieve or access what you are looking for, you need to improve yourself.
As the old saying goes, “Practice Makes Perfect”. Good research is a product of multiple and
continuous searches, here are some skills you can improve or adapt to:

1. Critical Thinking – As you search through the web, you must think very carefully about
the information that you have gathered. Critical thinking involves the ability to reflect
on the information presented to you.

2. Data Organizing – A good researcher is able to organize his/her collected data. As

you collect those data, be sure to track where specific information is gathered.

3. Research Presenting – Part of your research is the actual writing, be creative and
reflective in writing your search, explain every detail and step into achieving your
objective.

Remember that not all searches are good ones, some are considered as satirical or
untrue. Here are some tips in identifying good searches from satirical searches.

1. If the contents of the source are too impossible to happen, or too good to be true,
then there must be something wrong.
2. If the site started as a false site for public figures such as TV personalities or political
figures, then uploaded stories from different sources, it is a satirical one.
3. If the site is unfamiliar and continuously popping ads, then it is satirical.

40
Examples of Satirical News

1. The 2 years in K-12 Curriculum for Senior High School has been removed.
2. President Duterte resigned as the leader of the Philippine nation.
3. You can win 1 million pesos just by answering a given survey form.
4. A certain actress/actor is alleged as pregnant being in another country for a long
time.

What’s More?

Activity 3.1 Concept Paper

Your friend told you that the earth will melt a few years from now. As a student who
knows how to navigate online, create a concept paper showing the validity or invalidity of
your friend’s statements.

In working with your concept paper, you may be guided by the sample content given.

Title usually in question form.

Brief overview of the research topic which includes information about the topic.
Research question that the project seeks to answer, with one or two sentences.
Discuss the importance of the research question and the importance of writing the
project.
A description of how the methods that the researcher plans to use to answer the
research question.

What I Have Learned?

1. What do you think are the advantages and disadvantages of relying and
applying online navigation in gathering specific information?
Advantages Disadvantages

41
 2. The internet offers a great source of information; however, how are you
going to make sure that these pieces of information are reliable?

What I Can Do?

You have learned that the internet consists of a variety of information that can be
readily accessible through search engines. This is why, we do online navigation. But not all
information is relevant to your topic and not all information can be readily available. As a
learner, you now have the opportunity to gather specific details depending on the situation
presented to you. Yet, always be reminded that not all information is vital and not all
information is a good one. As the saying goes, “Think, before you Click!” .Being an individual,
you must use these search engines responsibly in order to achieve your objective.

Using your Social Media accounts, create a slogan or campaign regarding proper and
responsible use of internet. Use the tag, “#ThinkBeforeYouClick!”

Assessment

Multiple Choice: Choose the letter of the best answer. Write your answer on a separate
sheet of paper.

Choose the letter of the best answer. Write the chosen letter on a separate sheet of paper.

1. This term refers to the type of information that is relatively considered as fake,
untrue and merely opinion-based.
A. Spoof
B. Satirical
C. Sardonic
D. Sarcastic
2. It is the most known and most used search engine.
A. Baidu
B. Yahoo
C. Google
D. Ask.com
3. Which of the following cannot be considered as a guide in identifying the good
source from the satirical source of information?
A. Check if the site is alleged as satirical.
B. Ask someone knowledgeable and get to know the site.
C. Always be cautious and read the contents of the source.
D. Click any sites that appeared as a source of information.

42
 4. It is the process of interactively searching given words/terms to gather
specific information.
A. Online Mission
B. Online Navigation
C. Online Expedition
D. Online Exploration
5. Arrange the commands in the correct order when doing a
contextualized online navigation:

I. Open the Google site, on the upper right side of the window, click the
Google Apps icon and click search.
II. On the lower right part of the window, click Settings and the Google
III. Click Advanced search and the Advanced Search window will appear.
IV. Type the keywords that you would like to search and click the
Advanced Search button

A. I, II, III, IV
B. I, III, IV, II
C. I, II, IV, III
D. I, IV, III, II
6. Which of the following can be considered as fake, untrue, and merely opinion-based?
A. Dr. Jose Rizal was the Philippines’ National Hero.
B. Dr. Jose Rizal studied at Ateneo De Manila and University of the Philippines.
C. Dr. Jose Rizal wrote a third book after Noli Me Tangere and El Filibusterismo.
D. Dr. Jose Rizal was born on the 19th day of June, not on 30th day of December.
7. Which of the following information can be considered as a true one?
A. The 15th president of the Republic of the Philippines was Fidel Ramos.
B. The 15th president of the Republic of the Philippines was Gloria Arroyo.
C. The 15th president of the Republic of the Philippines was Joseph Estrada.
D. The 15th president of the Republic of the Philippines was Benigno Aquino III.
8. What do you think is the main reason why we online navigate?
A. To be more technology-based.
B. To be more comfortable searching.
C. To be more precise on the information.
D. To be more dependent on the internet.
9. As a student, how can you apply your understanding on satirical news upon searching?
A. Read and search.
B. Being observant.
C. Think before you click.
D. All of the above.
10. As a student, you are responsible when a specific information was presented to you.
Which of these cannot be done upon searching?
A. Ask someone knowledgeable and get to know the site.
B. Always be cautious and read the contents of the source
C. Click any sites that appeared as a source of information
D. Navigate around the internet, and check if the site is alleged as satirical
11. These are Software Systems designed to search information on the World Wide Web.
A. Search Bar
B. Search Tool
C. Search Engine
D. Search Application

43
 12. The skill refers to the ability to produce good and continuous searches.
A. Thinking Skill
B. Learning Skill
C. Research Skill
D. Production Skill
13. This is collectively organizing gathered data and ensuring tracking of specific
information.
A. Critical Thinking
B. Data Organizing
C. Research Presenting
D. None of the above
14. A skill that involves the ability to reflect and analyze on the information presented.
A. Critical Thinking
B. Data Organizing
C. Research Presenting
D. None of the above
15. This type of skill refers to the ability to express the information through creative
writing.
A. Critical Thinking
B. Data Organizing
C. Research Presenting
D. None of the above

Additional Activities

Technologies nowadays are readily available and easily accessible. Some

industries even tried to create models of future technologies in different areas such as
communication, health, and wellness, science, forensics, and military. Enhance your
understanding of these technologies by browsing your internet. Search something about the
words below. Make an e-portfolio and submit to your teacher through online platform. If
internet is not accessible, you may have a plain portfolio and submit to your teacher for
validation.

iMicro
OrCam MyMe
Coffee power

References

https://freesvg.org/lined-sheet-of-paper-vector-image
https://storage.needpix.com/rsynced_images/paper-2631126_1280.j

44
Answer Key

45
SENIOR HIGH SHOOL

EMPOWERMENT TECHNOLOGIES
Quarter 1 – Module 4
Productivity Tools

46
 Lesson
4 Productivity Tools

What I Need to Know?

This module was designed and written with you in mind 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.. The scope of this module authorized it to
be used in many different learning situations. The language used recognizes the diverse
vocabulary level of students. Whereas, the lessons are arranged to follow the standard
sequence of the course. However, the order in which you read them can be changed to
correspond with the textbook you are now using.

The module mainly focuses on one lesson:

Lesson 4 – Applied productivity tools with advanced techniques.

Learning Competencies and Codes:

2. Uses common productivity tools effectively by maximizing advanced application

techniques. CS_ICT11/12-ICTPT-Ic-d-4
3. Creates an original or derivative ICT content to effectively communicate or present
data or information related to specific professional tracks. CS_ICT11/12-ICTPT-Ic-
d-5

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?

By the end of this lesson, 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

47
 Lesson
4 Productivity Tools

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.

Multiple Choices: Choose the letter of the best answer. Write your answer on a separate
sheet of paper.

1. What program is used to create spreadsheets which can later be used

to analyze statistical tool?
A. MS Excel C. MS Publisher
B. MS Word D. MS OneNote
2. What MS Excel function adds a range of cells?
A. ADD C. SUM
B. PLUS D. TOTAL
3. Which of the following objects can be inserted in your document?
A. Pictures C. Chart
B. Sound D. Shapes
4. Which of the following is NOT an animation type?
A. Entrance C. Emphasis
B. Exit D. Encore
5. In MS Word, what menu is “Mail Merge” found?
A. Insert C. Design
B. Format D. Mailings

What’s In?

Online navigation becomes a great match to the prevailing use and popularity of the
smart phone age. Search engines also provide a system of giving the best and most
appropriate results. Mobile phone application has been added to smart phones for quick,
handy researches and quicker school assignments. In this lesson, you are expected to use
the Internet as a tool to gather specific information and depending on a given situation

48
 What’s New?

Lesson 4.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.

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.

49
 Inserting Illustrations: SmartArt

1. Click Insert Tab then go to

Illustrations group and click
SmartArt. A dialog box will appear.
2. Select from the list of SmartArt that
you want and click OK.

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

50
Tools will appear.

PICTURE TOOLS PURPOSE

Improves brightness, contrast and

sharpness

Format Shapes

Click the shape so the Format Tab of the Drawing Tool will appear.

Format Chart
1. Select the chart that you want to format. Design, Layout, and Format
tabs of the Chart Tools will appear.

51
 5. 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.
6. 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.

What’s More?

Activity 4.1 Let’s Practice

Directions: Do the following activities as required.
A. Inserting and Editing Shapes: Digital Art
B. Open MS Word and create a simple drawing of 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.

52
C. 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, and paragraph alignment
should be justified, line spacing is 1.15. Your work should be printed in a short bond paper.
Refer to the scoring rubric below for your grading.

53
 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:

3. 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.
4. 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.
5. 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.

2. Click the Start Mail Merge command.

54
 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

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.

7. From the Mail Merge task pane, select Type

a new list, and then click Create.

8. The dialog box of New address list appears,

displaying 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.

55
Note:

 When you delete, a confirmation dialog

box will appear.

To customize the address list, click
Customize Columns button at the
bottom of the window.

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 appears 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.

56
 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.

57
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

58
 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

59
 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.

What’s More?

Activity 4.2 Let’s Practice Creating an orientation letter

announcement to all incoming freshmen.
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

60
 5. Use the text below as the body of your letter. Follow the steps you have
previously learned.

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: lastname_firstname_section_ TNTS

61
 What’s New?

Lesson 4.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.

62
 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 I Can Do?

Activity 4.3 Let’s Practice
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 your work 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.

63
 What’s New?

Lesson 4.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.

64
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

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])

65
 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.

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])

66
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.

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.

67
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.

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.

68
 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.

Assessment

Multiple Choice: Choose the letter of the best answer. Write your answer on a separate
sheet of paper. Choose the letter of the best answer. Write the chosen letter on a separate
sheet of paper.

1. What do you call the cells that do not change?

A. Constant Cells
B. Relative Reference
C. Absolute Reference
D. Single Cells
2. What type of Excel Function searches for a specific value in your data using
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
B. PowerPoint & Excel
C. Word & 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.

69
 5. What do you call the software that people use to create and produce
professional quality documents, presentations, databases, charts, and
graphs?
A. Productions Tools
B. Productivity Tools
C. Professional Tools
D. Advanced Application Tools

References
Devaney, Erik. (2019). How to use VLOOKUP in Excel 2013 and 2016. Retrieved
from https://blog.hubspot.com/marketing/vlookup-excel. Retrieved on May 28,
2020.
Quiambao, A. (2018, Jul 23). Productivity Tools. Retrieved from
https://www.slideshare.net/AngelitoQuiambao/productivity-tools-107108274.
Retrieved on May 27, 2020.
ExcelJet. (2012). Excel IF Function. Retrieved from
https://exceljet.net/excel-functions/excel-if-function. Retrieved on May 28, 2020.
Why Should You Use Productivity Tools? (n.d.). Retrieved from
http://productive.tools/why-should-you-use-productivity-tools/. May 28, 2020.

Answer Key

70
SENIOR HIGH SHOOL

EMPOWERMENT TECHNOLOGIES
Quarter 1 – Module 5.1
Basic Principles of Graphics and Layout

71
 Lesson 5.1 Basic Principles of Graphics and Layout

What I Need to Know?

This module introduces basic principles of graphics and layout. It will
discuss the seven important principles you should know in creating a digital design. You are
expected to evaluate existing websites and online resources based on the principles of layout,
graphic, and visual message design. Each activity is given with exercises to let you grasp the
discussion through a range of knowledge-based questions, to process their higher-order
thinking skills, and constructively make them get realizations about the lessons learned.

The module mainly focuses on one lesson:

• Lesson 5.1 – Basic Principles of Graphics and Layout

After going through this module, you are expected to:

1. Describe the principles of imaging and online design;

2. Draw their own website design;

3. Evaluate the graphics and layout of some existing websites; and

4. Value the importance of good quality websites in the online world.

What I Know?
MULTIPLE CHOICE: Choose the letter of the correct answer. Write it on a separate
sheet of paper.
1. This is achieved when all parts of a composition appear to have equal weight and is
stable.
A. Contrast C. Unity
B. Balance D. Focal Point
2. It is obtained by repeating colors and shapes ---- all parts of a design.
A. Repetition C. Unity
B. Balance D. Focal Point
3. It creates the center of interest in a design.
A. Repetition C. Unity
B. Balance D. Emphasis
4. It is when lines, colors, or shapes are repeated over and over in a planned way.
A. Repetition C. Unity
B. Balance D. Emphasi
5. It is when it catches the viewer’s attention. Usually the artist will make one area stand out
by contrasting it with other areas. The area could be different in size, color, texture, shape,
etc.
A. Repetition C. Unity
B. Balance D. Emphasis

72
 What’s In?
ACTIVITY 1

Rate the following websites based on their appearance and layout (10 – highest, 1 - lowest).
Write a short explanation supporting the rate that you’ve given.

1.

2.

3.

What’s New?
ACTIVITY 2

Visit the online resource with the URL given below. This resource is about the Gestalt
Principles which could also be useful in graphics design.

https://careerfoundry.com/en/blog/ui-design/what-are-gestalt-principles/

73
Read and understand all the 5 Gestalt Principles and then answer the question below. Write
your answer on a separate sheet of paper. What Gestalt Principle/s is applied to the image
below? Explain.

What is it?

Computer graphics are visual representations of data made on a computer and is

displayed on a computer screen or monitor. They can be a single image or series of images
called video. They can be anything on computers such as photographs, drawings or movies
that does not involve sound.

Layout is the arrangement of graphic elements on a page. An effective graphics and layout
contribute to the efficiency of website. Hence, you must begin learning the basic principles of
graphics and layout before creating your own graphic design which you can integrate on the
online environment.

Principles of Graphics and Layout

Across disciplines, the following principles are followed to standardized image creation and
manipulation using any graphics software. It will help you create layouts and design web
pages compliant with protocols.

1. Balance – It describes the placement of elements of equal weight on the page. The three
types of balance are symmetrical, asymmetrical, and radial.

74
2. Movement – It describes the flow of elements on the page. Visual elements guide the
viewers’ eyes around the page.

3. Unity – the sense of oneness of the elements that creates balance and harmony.

4. Repetition – It describes the consistent and balanced repetition of a design or element.

 An example is infographics that applied repetition to the design. It repeatedly used callouts
with identical font size of inside texts

5. Proximity – It describes the organization and relationship of the elements included in the
design.

75
6. Contrast – it is the combination of the opposing characteristics of an element like color,
size, thickness, and among others. It allows emphasis on key elements.

7. Emphasis - An area in the design that catches viewer’s attention. The area may appear
different in size, color, texture or shape.

Image File Formats

Since the introduction of graphics on the web., file formats also became an important aspect
in the design stage. The most common file formats are JPEG, GIF, BMP, TIFF, and PNG.

1. JPEG – Joint Photographic Experts Group. It is the most popular image format used on
the web. JPEG are very ‘lossy’ files where much of the information about the image is lost
from original state to keep the image file size small. JPEG files are used mostly by
photographers, artists, graphic designers, medical imaging specialists, art historians, and
other groups because image quality and color fidelity is important in the field.

2. GIF – Graphics Interchange Format. It is limited to the 8-bit palette with only 256 colors.
GIF is best used for diagrams, cartoons, and logos which use few colors and is the chosen
format for animation effects.

3. PNG – Portable Network Graphic. This file format is best with line art, text, and logo. It is
capable to display transparencies.

76
 4. TIFF – Tagged Image File Format. It is considered as a high-quality image format, where
all color and data information are stored. However, it produces a very large file size and take
huge disk consumption.

What’s More?

ACTIVITY 3

Visit the following websites and select at least 3 websites. Evaluate each based on the
principles of design discussed. Use a separate sheet of paper for your answer.

1. https://www.thebestdesigns.com/designs/

2. http://www.verynicesites.com

3. http://bestwebgallery.com/

What I Have Learned?

ACTIVITY 4

Answer the following questions. Use a separate sheet of paper for your
answer.

1. What are the different principles of graphics and layout?

2. How does infographic beneficial in presenting data?

3. What are the different image file formats and when is the best time to use them?

What I Can Do?

ACTIVITY 5

Think of a website that you want to launch in the future. It can be something related
to a business, career, interest, community service, etc. Sketch and draw your own
website design.

Criteria:

GRAPHICS LAYOUT – 10
CREATIVITY – 10
ORIGINALITY – 5
NEATNESS – 5

77
 Assessment

True or False: Write true if the statement is correct and False if it is incorrect.
Use a separate sheet of paper for your answer.

__________________1. You can use any color combination when composing your design.

__________________2. JPEG is considered to produce a high-quality image and does not

remove any information from the image.

__________________3. It is best to use GIF format for cartoonish images.

__________________4. Asymmetrical is a type of visual balance in which two sides of a

composition are different yet balanced.

__________________5. GIF is best to use when working with full color photographic
images. __________________6. If you want to insert animation effects on your
presentation, you will look for a PNG format of an image.

__________________7. Balance is to even distribution; emphasis is to attracting.

__________________8. Symmetrical, asymmetrical, and radial are types of contrast.

__________________9. Colors are said to be contrasting when there is a large difference

in lightness and darkness.
7
__________________10. The term emphasis may be used for an area that has contrasting
sizes, shapes, colors or other distinctive feature to catch the viewer's attention.

Additional Activities

Evaluate the following graphics based on the principles of graphics and

layout. Use a separate sheet of paper for your answer.

78
Reflection:
 Write our personal insights about the lesson using the prompts below.

I understand that ____________________________

I realize that _________________________________

Use a separate sheet of paper.

References
Callo, E. R. (2018). Imaging and Design for the Online Environment. In
Empowerment Technologies (pp. 35-40). Quezon City, Philippines: Sibs Publishing
House.

Empowerment Technologies First Edition.(2016).Sampaloc Manila:Rex Bookstore,

Inc.

Tarun, I. M. (2016). Empowerment Technologies. Plaridel, Bulacan: St. Andres

Publishing House.

Answer Key

5. D
4. A
3. D
2. C
1. B

What I Know

79
SENIOR HIGH SHOOL

EMPOWERMENT TECHNOLOGIES
Quarter 1 – Module 5.2
Image Manipulation Techniques

80
 Lesson 5.2 Image Manipulation Techniques

What I Need to Know?

The module mainly focuses on one lesson:

Lesson 5.2 – Image Manipulation Techniques

After going through this module, you are expected to:

1. Understand the concept of image manipulation using offline and online platforms;
2. Create a logo and one-page flyer for your future business using Photoscape or
other image editor software; and
3. Exemplify the skill of a good image manipulator.

What I Know
MULTIPLE CHOICE: Choose the letter of the correct answer. Write it on a separate
sheet of paper.

1. A free image manipulation tool that has batch edit, viewer, and paper print features.
a. Picasa
b. PhotoScape
c. GIMP
d. Irfan View
2. It is the process of editing multiple pictures at once using one setting.
a. batch editing
b. animation
c. paper printing
d. collage making
3. All of the following are image hosting sites except
a. PhotoScape
b. Flickr
c. Photobucket
d. SlickPic
4. In any image manipulation program, this command will allow you to make changes in the
mixture of colors in an image.
a. Brightness and Contrast
b. Color Balance
c. Cropping
d. Compression and Resizing
5. All of the following are online graphics software except
a. Picasa
b. Pixlr
c. Fotor
d. PhotoScape

81
 What’s In?
ACTIVITY 1

WORD PUZZLE. Find the 10 words that are related to image manipulation
in the word search puzzle below. Write your answer on a separate piece of paper.

What’s New?
ACTIVITY 2

CHALLENGE QUESTION:

Why good image layout is necessary in virtual/online world? How does it help the receiver of
the message?

_________________________________________________________________________
_________________________________________________________________________
_________________________________________________________________________
_________________________________________________________________________
_________________________________________________________________________

82
 What is it?

PhotoScape

There are plenty of image manipulation program but if you are going to create a website, you
have to use the one which is efficient. PhotoScape is a good tool because it is feasible for
beginners and advanced users alike.

Features of PhotoScape:

1. Viewer – as the name implies, is a picture viewer with features the same with the most
image viewers like changing image orientation.
2. Editor – alters the appearance of a single image
3. Batch Editor – alters the appearance of multiple images
4. Page – arranges several photos to create a single one; similar to a mosaic
5. Combine – links several images together to form a bigger image
6. Animated GIF – allows you to create an animated GIF from several pictures
7. Print – readies pictures for printing
8. Splitter – divides a single photo into multiple parts
9. Screen Capture – captures the screen and saves it
10.Color Picker – grabs a pixel from your screen to be used in editing
11.Raw Converter – converts RAW images (uncompressed images usually from digital
camera to JPEG.
12.Rename – allows you to rename batch of photos
13.Paper Print – useful tool for printing your own calendars, sheets, lined paper, graph
paper, etc.

You can download PhotoScape from this link:

 http://www.photoscape.org/ps/main/download.php

83
Principles and Basic Techniques of Image Manipulation

Whether you are using a free image manipulation program or purchased one, there are basic
techniques common to all image editing programs.

1. Cropping – It is a process of removing unwanted parts of the image, focusing only on the
subject. When cropping, one must always follow the Rule of Thirds to organize the image
composition.

2. Color Balance – In any image manipulating program, this command will allow you to make
changes in the mixture of colors in an image.

3. Adjusting Brightness and Contrast – This command is the most basic technique when
adjusting the image tone (highlights, shadows, and midtones).

4. Compression and Resizing – Compressing and Resizing an image is an important aspect

in image manipulation. Images to be uploaded on the web must be pf the standard resolution
of 72 dpi (dots per inch) to maintain its image file size of 30-50 KB. If the image is for printing,
set the maximum resolution to 300 dpi at set its physical printing size in inches.

5. Color Blending – Use the different special effects buttons available in the different image
editing software. You can combine colors and commands that will give you a more dynamic
image result.

6. Combining Multiple Images – Compositions must be planned and conceptualized first so

that you will be able to render the best image and message possible.

Online Graphics Software

There are a lot of image editing sites on the internet that also offer basic and advanced
techniques that we can do with other professional software. Based on TechRadar, the
following are the list of websites that you can try as beginners in the field or for professionals
who would like to try other software.

84
1. BeFunky. With BeFunky's photo editor, you can play with hundreds of amazing photo effects
that you can't find anywhere else, like our worldfamous Cartoonizer®, oil painting, and pop art
effects.

2. Fotor. It is a multiplatform photo editing website. It offers a wide range of effects and tools
for editing images.

3. Pixlr. It is also a multiplatform image editing program. You can choose between the editor
for editing images or creating an original image right through the browser.

Other image editing suite that can be downloaded for free:

 Serif PhotoPlus Starter Edition

 GIMP
 Paint.Net

85
 What’s More?

ACTIVITY 3

Think of a business or advocacy that is related to your course in SHS. Draw a logo and a
design of 1-page flyer about it on a piece of paper.

CRITERIA:

CREATIVITY – 15points
MESSAGE – 10 points
ORIGINALITY – 5 points
NEATNESS – 5points

What I Have Learned?

Answer the following questions. Use a separate sheet of paper for your
answer.

1. What is image manipulation?

2. What do you think is the most important process in manipulating image?

3. How a good image design affects its audience?

What I Can Do?

ACTIVITY 4

Using an image manipulation software, create a digital version of your logo and a
layout of your flyer. Size of flyer must be letter size and divided into 3 coulumns.

Criteria:

GRAPHICS LAYOUT – 10
CREATIVITY – 10
ORIGINALITY – 5
NEATNESS – 5

86
 Assessment

True or False: Write true if the statement is correct and False if it is incorrect.
Use a separate sheet of paper for your answer.

__________________1. When cropping an image, one must follow the rule of thirds.
__________________2. Accurate compression of an image will help you save memory
space.

__________________3. BeFunky, Pixlr, and Photobucket are examples of image hosting

sites.

__________________4. One must follow the rules that govern a website when uploading
an image.

__________________5. People who work on computer graphics and image manipulation

are called graphic artists.

__________________6. You can resize the picture in PhotoScape on the Viewer’s tab.
__________________7. You can create an animated GIF using PhotoScape.

__________________8. You are tasked to enhance an image captured in lowlight therefore

you must manipulate its shadows.

__________________9. If there is too much red in a picture, you will adjust its brightness to
balance the color.

__________________10. Resizing is a process of removing unwanted parts of the image.

__________________11. Photobucket is an image manipulation program.

__________________12. You can use Pixlr without installing it to your computer.

__________________13. PhotoScape has a feature that can batch edit photos.

__________________14. If the image is for printing, set the resolution to 300 dpi.
__________________15. Imgur is an image manipulation program.

Reflection:
 Write our personal insights about the lesson using the prompts below.

I understand that ____________________________

I realize that _________________________________

Use a separate sheet of paper.

87
References
Callo, E. R. (2018). Imaging and Design for the Online Environment. In
Empowerment Technologies (pp. 35-40). Quezon City, Philippines: Sibs Publishing
House.

Empowerment Technologies First Edition.(2016).Sampaloc Manila:Rex Bookstore,

Inc.

Answer Key

5. D
4. B
3. A
2. A
1. B

What I Know

9
88
SENIOR HIGH SHOOL

EMPOWERMENT TECHNOLOGIES
Quarter 1 – Module 5.3
ICT Content in Online Environment

89
 Lesson 5.3 ICT Content in Online Environment

What I Need to Know?

This module was designed and written with you in mind. It is here to help you master
the creation of ICT content in online environment. The scope of this module permits it to be
used in many different learning situations. The language used recognizes the diverse
vocabulary level of students. The lessons are arranged to follow the standard sequence of the
course. But the order in which you read them can be changed to correspond with the textbook
you are now using.

The module mainly focuses on one lesson:

Lesson 5.3 – ICT Content in Online Environment

After going through this module, you are expected to:

1. Define and understand the concept of infographics;

2. Create an infographics and upload it in an image hosting sites; and

3. Appreciate the value of the skills of an image editor.

What I Know?
MATCHING TYPE: Match column A to column B. Write it on a separate sheet of
paper.

A B

1. Data a. Your infographic must be creative and

innovative.
2. Simplicity
b. Data must be well-organized and supports the
3. Sources main idea
4. Branding c. You must cite your sources so as to give
5. Thesis credibility to your data

d. You must be able to create your own palette;

your style must be able to attract readers so as not
to make your infographic full of text.

e. The subject and the main idea of your

infographic must be clear.
90
 What’s In?
ACTIVITY 1

4PICS1WORD. Guess the appropriate word using the four picture in each number as a clue.
Write your answer on a separate piece of paper.

1.

___ ___ ___ ___ H ___ ___ S

_
___ ___ ___ O ___ ___ ___ T I ___ ___
2.

3.

S___ A___ ___ ___ T___ ___ S

91
4.

___ H ___ ___ ___

What’s New?
ACTIVITY 2

CHALLENGE QUESTION:

What is your prior idea when hearing the word, infographics?

_________________________________________________________________________
_________________________________________________________________________
_________________________________________________________________________
_________________________________________________________________________
_________________________________________________________________________
_________________________________________________________________________
_________________________________________________________________________
_________________________________________________________________________
_________________________________________________________________________

What is it?

Infographics

Information graphics or infographics are used to represent

information, statistical data, or knowledge in a graphical
manner usually done in a creative way to attract the
viewer’s attention. Infographics make complex data
become more visually appealing to an average user.

An infographic should have the following characteristics:

1. Thesis/Story. The subject and the main idea of your

infographic must be clear.
2. Data. Data must be well-organized and supports the
main idea.

92
3. Simplicity. (color, style, and illustrations). You must be able to create your own palette;
your style must be able to attract readers so as not to make your infographic full of text. Do
not use stock photos.
4. Sources. You must cite your sources so as to give credibility to your data.
5. Branding/Shareability. Your infographic must be creative and innovative.

The following websites will help you create infographic:

1. http://piktochart.com/
2. https://www.canva.com/create/infographics
3. https://venggage.com
4. https://infogr.am/

Image Hosting Sites

Images also can be shared online through different web hosting sites that are free. You just
need to create a free account, and you will be able to post, organize, and share your photos.
The following is a list of different hosting sites you can try.

1. Imgur – It is a free image hosting site wherein you can upload images from your
computer. You can also edit your images befire posting it online.

2. Flickr – It is an image social networking site. You can save and manage your photos for it
offers a 1 TB storage capacity in your account.

3. Photobucket – It has almost similar features with Flickr as you can upload and share
your images over the internet through your account.

4. SlickPic – It is an online image-hosting service that allows you to upload and store an
unlimited number of photos online. You can create as many albums, and it also offers
professional editing of images.

5. Zenfolio – It is an online image-hosting site that does not only allow you to upload image
but also lets you create an online image website for your images.

What’s More?

ACTIVITY 3

What are the recent issues in the society? Create an infographics showing the necessary
data of the issue. You may use any of the following software:

1. Canva
2. Piktochart
3. Venggage

CRITERIA:

CREATIVITY – 15points
MESSAGE – 10 points
ORIGINALITY – 5 points
NEATNESS – 5points

93
 What I Have Learned?

Answer the following questions. Use a separate sheet of paper for your answer.

1. What is infographics?

2. How infographics help us in understanding complicated information?

3. How the infographics platforms help you in creating your own infographics easier?

What I Can Do?

ACTIVITY 4

Upload your infographics to your social media account. Be sure to put eye-catchy caption on
it. You may upload it on Facebook or Instagram. Screenshot your post after a week and
send it to your subject teacher.

Assessment

Identification: Identify the word/s being described in each of the statement. Use
a separate sheet of paper for your answer.

1. It is an online image-hosting service that allows you to upload and store an unlimited
number of photos online.
2. It is a free image hosting site wherein you can upload images from your computer.
3. It has almost similar features with Flickr as you can upload and share your images over
the internet through your account.
4. It is used to represent information, statistical data, or knowledge in a graphical manner
usually done in a creative way to attract the viewer’s attention.
5. It is an online image-hosting site that does not only allow you to upload image but also lets
you create an online image website for your images.
6. The subject and the main idea of your infographic must be clear.
7. You must cite your sources so as to give credibility to your data.
8. Your infographic must be creative and innovative.
9. It is a free image hosting site wherein you can upload images from your computer.
10. You must cite your sources so as to give credibility to your data.

94
Reflection:
 Write our personal insights about the lesson using the prompts below.

I understand that ____________________________

I realize that _________________________________

Use a separate sheet of paper.

References
Callo, E. R. (2018). Imaging and Design for the Online Environment. In
Empowerment Technologies (pp. 35-40). Quezon City, Philippines: Sibs Publishing
House.

Empowerment Technologies First Edition.(2016).Sampaloc Manila:Rex Bookstore,

Inc.

Answer Key

5. E 4. Chart
4. A 3. Statistics
3. C 2. Information
2. D 1. Graphics
1. B
What’s In
What I Know

95
SENIOR HIGH SHOOL

EMPOWERMENT TECHNOLOGIES
Quarter 1 – Module 6
Online platforms as tools for ICT content
development

96
 What I Need to Know?

This module was designed and written with you in mind. At the end of the 2-week
period, you will independently apply the principles and techniques of design using online
creation tools, platforms, and applications to create original or derivative ICT content for use
in your professional tracks.

The module mainly focuses on two lessons covering the topics of:
Lesson 6.1 Online platforms as tools for ICT content development
 The nature and purposes of online platforms and applications; and
 Basic web design principles and elements;
Lesson 6.2 Basic Web Page Creation
 Web page design using templates and online WYSIWYG platforms

The module mainly explains and instructs learners about Online platforms as tools for
ICT content development.

After going through this module, you are expected to:

1. differentiate the platforms available for developing web content;
2. understand the purpose of these platforms and know the basics of using them;
3. enhance one’s knowledge in the world of cloud computing;
4. create a web page using Microsoft Word;
5. create your own website using a free host;
6. design a website using an online WYSIWYG platform; and
7. edit and insert elements for your website.

What I Know?

PRE-TEST

Multiple Choice: Read each item carefully and choose the letter of the correct answer. Write
your answers on a separate sheet of paper or on your notebook.

1. The practice of using a network of remote servers hosted on the Internet to store, manage,
and process data, rather than a local server or a personal computer.
a. Website Creation c. Cloud Computing
b. File Management d. Social Media Platform
2. Websites like Facebook allow you to create not only personal accounts but also pages
and groups where you can share content.
a. Web Mapping c. Presentation/Visualization
b. Blogging Platform d. Social Media Platform

3. Websites that focus on content and design. It typically looks like a newsletter where you
are given options to change the design to your liking.
a. Social Media Platform d. Website Creation
b. Blogging Platform c. File Management
4. The following are example of Social Media Platform EXCEPT
a. Slideshare c. Pinterest
b. Facebook d. Twitter

5. It encompasses a number of important elements including color, layout, and overall

graphical appearance.
a. Web Mapping c. File Management
b. Website Creation d. Cloud Computing

6. It refers to storing, naming, sorting and handling computer files.

a. Social Media Platform c. Web Mapping
b. Blogging Platform d. File Management

7. A transformation taking the points of one space into the points of the same or another
space.
a. Web Mapping c. Presentation/Visualization
b. Website Creation d. Cloud Computing

8. It is an example of Blogging Platform.

a. Google Drive c. WordPress
b. Wikimapia d. Prezi

9. It communicates information clearly and efficiently via statistical graphics, plots and
information graphics.
a. Cloud Computing c. Website Creation
b. Blogging Platform d. Presentation/Visualization

10. The following are example of Cloud Computing EXCEPT

a. OneDrive c. Dropbox
b. Jimdo d. OneDrive
 Lesson
6.1 Online platforms as tools for ICT content
development

Within ICT terminology, a platform is any base of technologies on which other

technologies of process are built. The idea is that the platform needs the support of other
technologies or application in order to run.
Online Platforms or online website created to aid users in creating their web content
and cater to different kinds of information such as texts, images, and videos. Another unique
feature of online platforms is the ability to program, modify, and access the application
remotely using the internet.

What’s In?

ACTIVITY 1
Direction: List down at least five (5) different websites you are always visits.

1. ________________ 4. ________________
2. ________________ 5. ________________
3. ________________

What’s New?

ACTIVITY 2: Matching Type

Direction: Choose the letter of the answer that is related to the given example. Answer may
be repeated. Write your answers on a separate sheet of paper or on your notebook.

A. Presentation/Visualization
______ 1. WordPress ______ 6. Zamzar
B. Cloud Computing
______ 2. Google Maps ______ 7. Jimdo C. Social Media Platforms
______ 3. Instagram ______ 8. Tumblr D. Website Creation
______ 4. Slideshare ______ 9. Prezi E. File Management
F. Web mapping
______ 5. Facebook ______ 10. Google Drive
G. Blogging Platforms
 What is it?

ONLINE PLATFORM

Is a base of technologies designed to run within online environment and provides

interactive online services. Online platforms nowadays offer varied services which you can
use to develop your own ICT content. These online platforms currently include, but not limited
to: Presentation or Visualization, Cloud Computing, Social Media, Web Page Creation, File
Management, and Mapping.

Different Types of Online Creation Tools

1. Presentation/Visualization
You don't have to download an office suite to build great-looking presentations for
work, a talk, or school. There are plenty of online options that work well from any
computer with a web browser, whether it's your desktop, a PC at work, or a laptop on
the go.
Examples:
 Prezi
 Zoho
 Slideshare
 Mindmeister

2. Cloud Computing
The practice of using a network of remote servers hosted on the Internet (or the
“cloud”) to store, manage, and process data, rather than a local server or a personal
computer.
Examples:
 Google Drive
 Evernote
 Dropbox
 iCloud
 OneDrive
3. Social Media Platforms.
Websites like Facebook allow you to create not only personal accounts but also pages
and groups where you can share content. The only downside of this is that you are
restricted to Facebook’s “one-size-fits-all” design.
Examples:
 Social networks
 Bookmarking sites
 Social news
 Media sharing
 Microblogging
 Blogs and forums

4. Website Creation
Website builders are tools that typically allow the construction of websites without
manual code editing.
Examples:
 Wix
 Weebly
 Squarespace
 Jimdo

5. File Management and File type Conversion

Online file converters are now very accessible. Whenever you need to perform some
transformation for your files, they can easily be achieved, saves you time and give you
the same results as well compared to those software that you still need to install in
your computer.
File conversion tools:
 Zamzar
 word2pdf
 Keepvid.com
 Online-convert.com

6. Web mapping
Is the process of using maps delivered by geographic information systems. A web map
on the World Wide Web is both served and consumed.
Examples:
 Google Maps
 Wikimapia
 7. Blogging Platforms.
It typically looks like a newsletter where you are given options to change the design to
your liking. Though you can manipulate the design, social media platform’s popularity
is still unrivaled.
Examples:
 Blogger
 WordPress
 TypePad
 Tumblr

CONTENT MANAGEMENT SYSTEM

A Content Management System (CMS) is a computer application (sometimes online

or browser-based) that allows you to publish, edit and manipulate, organize and delete web
content. CMS is used in blogs, news websites, and shopping.
Examples
 WordPress
 Drupal
 Joomla!

BASIC WEB DESIGN PRINCIPLES AND ELEMENTS

BASIC WEB DESIGN PRINCIPLE

1. VISUAL LANGUAGE
 Color Scheme.
 Focus of Content using Constracting color.
 Use of consistent font size and color.
 Make important links or menus noticeable.
 Use high quality pictures that follows the rule of third.

2. BALANCE

3. PARADOX OF CHOICE
 “The more choices you provide, the easier for others to choose nothing”.
 Focus on Users need.
 Design Sites for multiplatform and multiscreen.
4. FOCUS ON CONTENT
 Know the purpose of your webpage so you could match the content with the purpose.
 Include images on your content not just pure text.
 Content should be spellchecked.
 Content should be organized.
 Content should be updated.

5. SIMPLIFY
 Keep content simple
 Use minimal animated graphics
 Maintain a look and feel across all the web pages.

BASIC WEB DESIGN ELEMENTS

1. ILLUSTRATIONS AND STYLE

 Illustration include lines, shapes, texture and color which are fundamental
elements that should not be overlooked.
 Lines are used to organized, connect, and separate information and design
elements. Combined with shapes, color, and texture they use a visual grammar
which you can use to communicate.
2. LINKS
 Links are the most basic interface on web pages. Links should be distinctive in
color from other types of text in a webpage. Keep links and regular text styled
consistency to avoid users from thinking whether or not the text is a link.
 Make sure your links are working
3. BUTTON AND MENUS
 Just like links, buttons and menus are also essential to web pages and they too
need consistent styles.
 Buttons and menus should be well-organized.
 Button labels and menus should be clear and easy to understand
4. IMAGES
 Images also aids in communication your message to the viewers. Aside from
being used as fillers, images also helps in leaving a lasting first impression.
 Use specific images that are related to your content so that it will draw attention
not only to the content but your web page as a whole.
 What’s More?

ACTIVITY 3: Comparing Web Design Principle and Elements

Instructions:

1. Visit your facebook account and any social media platform.

2. Complete the table below which summarizes the similarities and differences between the
two social media platforms in terms of Web design principles and Elements.
3. Write your answers on a separate sheet of paper or on your notebook.

Your FB Page

(Write the other social media platform)

Web Design Principles

1. Visual Language

2. Balance

3. Paradox Of Choice

4. Focus On Content

5. Simplify
Web Design Elements

1. Illustrations And Style

2. Links

3. Button And Menus

4. Images
 What I Have Learned?

Activity #4

ACTIVITY 4

Visit the given website below. Explore the website and base on your observation write the
nature and purposes of the online platform you are visited. Write your answers on a
separate sheet of paper or on your notebook.

1. maps.google.com
Nature and purpose:

2. www.wordpress.com
Nature and purpose:

3. www.jimbo.com

Nature and purpose:

 What I Can Do?

ACTIVITY 5: Sign-up

Create your own account in the following online platforms. Use your real name for your
identity. Explore and familiarize the environment and the editing tools of the two website.

Note: Do not forget your username and password. You will use that for the next activity.

1. www.wordpress.com
2. www.jimbo.com

Assessment

ACTIVITY 6: Modified True or False

Direction: Write True if the statement is correct. If it is false, underline the word(s) that make
it wrong and write the correct word(s) on the blank to make the statement true. Write your
answers on a separate sheet of paper or on your notebook.

1. Website Creation is an online platform that encompasses a number of important elements

including color, layout, and overall graphical appearance.
2. The following are example of Cloud Computing such as Google Drive, Google Maps,
Dropbox, Evernote and OneDrive.
3. Facebook is one of the most popular social networking sites that allow users to create
profiles, upload photos and video, share links, send messages and keep in touch with
friends, family and colleagues.
4. File Management is an online platform for storing, naming, sorting and handling computer
files.
5. Twitter is an example of Social Media Platform that enables users to send and read short
140-character messages called “tweets”
6. Blogging Platform is an online platform that focuses on content and design. It typically
looks like a newsletter where you are given options to change the design to your liking.
7. Google Maps is a desktop web mapping service developed by Google.
8. Prezi, Zoho, Slideshare, and Mindmeister are example of Website Creation platform.
9. WordPress is web publishing software you can use to create your own website or blog.
10. Content Management System (CMS) is a computer that allows you to publish, edit and
manipulate, organize and delete web content. CMS is used in blogs, news websites, and
shopping
 Additional Activities

Write a simple blog. The content of your blog discusses on why incoming SHS students must
choose your track

Steps in Creating Your Own Blog Using WordPress

1. Create a free WordPress account
2. Choose the option create a New Blog or Register Another Blog
3. Pick a blog address and name
4. Click on Change Your Blog Description or Permissions
5. Change the general settings including the site title, tagline, and time zone
6. On the left menu, choose Appearance>Themes
7. Choose a free theme then click Customize
8. Edit the page theme to your liking

Posting on Your WordPress Blogs

1. On your dashboard, go to Post>Add New
2. Add the title, edit the URL(optional), then add the content of your post
3. Choose Format>Clear Formatting
4. Change the format, category, and add tags
5. Preview your post, once satisfied, click on Publish

References
https://www.slideshare.net/wylljie/nature-and-purposes-of-of-online-platforms-and-
applications
http://novasexy1.blogspot.com/2017/03/lesson-7.html
https://donamartin24.blogspot.com/2019/02/lesson-7-online-platforms-as-tools-
for.html
Answer Key
 What I Know?

PRE-TEST
Multiple Choice: Read each item carefully and choose the letter of the correct answer. Write
your answers on a separate sheet of paper or on your notebook.
1. It is a process of creation, with the intention of presenting the content on electronic web
pages.
a. Web Designing c. Graphic Designing
b. Layout Designing d. Motion Graphics Designing

2. WYSIWYG stands for

a. What You See Is What You Get
b. What You Search Is What You Get
c. What You Save Is What You Get
d. What You Send Is What You Get

3. It is a set of markup symbols or codes inserted in a file intended for display on a World
Wide Web browser page.
a. Cascading Style Sheets c. Search Engine Optimization
b. Hypertext MarkUp Language d. Microsoft Word

4. An editor that allows you to create and design Web pages without any coding knowledge.
a. WYSIWYG c. SEO
b. CSS d. HTML

5. A ready-made design for a website.

a. CSS c. Jimdo
b. HTML d. Template

6. It is a WYSIWYG web hosting service offering free and paid services it has an android and
IOS application that let you manage your site on mobile.
a. Jimdo c. MS Word
b. WordPress d. Prezi

7. A feature that maximizes the search engine optimization feature so visitors can easily
locate your website.
a. WYSIWYG c. SEO
b. CSS d. HTML
8. A page that contains photos from photobucket account.
a. Storage c. Archive
b. Photo Gallery d. Store

9. A Setting option that includes changing your password, email, and personal profile.
a. Store Setting c. Domain Management Setting
b. Mobile Setting d. Account Setting

10. The topmost label of a website.

a. Heading c. Elements
b. Paragraph d. Tools
Lesson
6.2 Basic Web Page Creation

In the earlier years, or sometime in the 1990s, creating a web page or a website was
a skill that required a mind of a computer programmer, working on standard lines of computer
code that need to be memorized to produce a basically flat but colorful document.

Nowadays it is so much easier that a high school student with enough creativity could
assemble textual and visual parts that are already interactive and fun to the user. Moreover,
websites have evolved into tools and platforms for discovery, sharing, connection, and co-
creation.

What’s In?

ACTIVITY 1: Let’s Figure Out

Direction: Answer each question briefly. Write your answers on a separate sheet of paper or
on your notebook.

Guide questions

1. Have you ever tried creating a web page?

2. Name a website you normally visit and what makes the site great?

3. What features do you want on that website?

4. Does the site contain high quality content?

5. Is the site well-designed?

 What’s New?

ACTIVITY 2
Direction: Identify the icons below. Write your answers on a separate sheet of paper or on
your notebook.

Editing Elements Site Settings

 Copy element  Templates
 Delete element  Style
 Move element up  Blog
 Move element down  Upgrade
 Drag tool  Settings
 Sizing Tools  SEO
 Align Tools  Store
 Rotate Tools  Statistics
 View Tools  Help

1. _____________ 10. _____________

2. _____________ 11. _____________

3. _____________
12. _____________

4. _____________
13. _____________

5. _____________
14. _____________

6. _____________
15. _____________

7. _____________
16. _____________

8. _____________
17. _____________
9. _____________
18. _____________
 What is it?

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/).

Website
 a location connected to the Internet that maintains one or more pages on the World
Wide Web.
 is a related collection of World Wide Web (WWW) files that includes a beginning file
called a
Web Page
 is a hypertext document connected to the World Wide Web.
 it is a document that is suitable for the World Wide Web.
Web Designing
 is a process of creation, with the intention of presenting the content on electronic web
pages.
WYSIWYG
 stands for “What You See Is What You Get”, an editor that allows you to create and
design web pages without any coding knowledge using MS Word and MS Excel. This
means that whatever you type, insert, draw, place, rearrange and everything you do
on a page is what the audience will see.
Jimdo
 a WYSIWYG web hosting service offering free and paid service. It has an android and
IOS application that let you manage your site on mobile.

HTML (Hypertext Markup Language)

 is the set of markup symbols or codes inserted in a file intended for display on a World
Wide Web browser page.
CSS (Cascading Style Sheets)
 is a web page derived from multiple sources with a defined order of precedence where
the definitions of any style elements conflict.
SEO (Search Engine Optimization)
 a feature that maximizes the search engine optimization feature so visitors can easily
locate your website.
Web Template
 These are unique full-page layout that contains generic information which can be
replaced by the users with their own personal information.
 a ready-made design for a website
Heading
 the topmost label of a website

What’s More?

ACTIVITY 3: LET’S PRACTICE!

CREATING YOUR OWN WEBSITE USING JIMDO

1. Create an account on Jimbo by going to www.jimdo.com and clicking Create Your
Website.

2. You will be instructed to choose a template. Pick any template that you want.
 3. Choose the URL for your website. Enter your email and password.

4. Your website will be generated and soon you will end up in the site’s WYSIWYG editor.

5. The editor is pretty easy to use. The center shows the preview of your website. The
design tools are located on the right.
Tips using the WYSIWYG editor:
By default, the home page is shown on your editor. To navigate to another page, simply click the page
title on your navigator. The site navigator contains a set of links going through the different pages of your
website. The navigator currently available to you depends on which template you used.

A. INSERTING A PAGE
1. Hover your mouse pointer over the site navigator. The Edit Navigation button will
appear.
 2. Click on the Edit Navigation button. Click on Add a New Page.

3. Rearrange pages using the tools on the right of the page title.
4. Click Save when done.

B. EDITING ELEMENTS
Hovering over a text, image, or any element you see on the website will highlight the
element

Clicking on an element will show more options regarding on what visual element you
clicked:

I. Header
If it is a header, clicking the text will allow you to edit the text and change its font size.
II. Image

If it is an image, several options would you also appear. It is allows you to

upload an image directly from your computer or a Dropbox account.

III. Paragraph

If it is a paragraph, you will be treated to even more options similar to using a word
processor:

Adding Elements
1. To add elements on screen, hover the mouse pointer over the top or bottom of
an existing element until the Add Element button appears:
 2. Select the visual element you want to add:

a. Heading – to insert heading type of text

b. Text – to insert a paragraph type of text
c. Photo – to insert a single photo
d. Text with Photo- to insert a photo surrounded with text
e. Photo Gallery- to insert multiple photos on one area
f. Horizontal Line- to insert a horizontal line that acts as a divider
g. Spacing- to add a space with a specified size
h. Columns-to insert columns that divide an area vertically
i. Video- to insert a video from a video hosting site like Youtube
j. Form- creates a Send an Email form for feedback
k. Store item- adds a space for selling an item (online shopping)
l. Share Buttons- adds buttons for the site visitor to share your website
m. Additional Elements- includes other options like Google Maps, file download,
widgets, etc.

3. Edit the element to your liking then click Save.

C. SITE SETTINGS

D. SETTINGS
The Setting option contains important information that you should edit to make the most
out of your Jimdo website.

 Account setting includes changing your password, email, and personal profile.
 The Website options allows you to change your site title and footer; checks your
storage; creates your privacy policy and your favicon(the icon of your website shown
on a browser).

 The Mobile settings is used to prepare your page for mobile devices

 The Email and Domain Management settings is a premium feature. It is used to

manage email accounts for your website.

 The Store setting allows you to manage the items you sell on your website.

 The SEO option is a premium feature that maximizes the Search Engine Optimization
feature of Jimdo so visitors can easily locate your website.
  The Apps option contains settings for embedded apps on your website like Dropbox,
QR Codes, Google Analytics, and Twitter.

 The Jimdo settings allows you to remove the Jimdo Box on your website (premium
feature) and check Jimdo News.

Once you are done editing the settings, go to your site’s URL using a browser of your
choices.

E. ADDING CONTENT TO YOUR WEBSITE

1. Home Page Content – entices your visitors with contents like photos of yout
hobby or interest plus text context.
2. About me/ Contact Me – adds a page containing a form element which allows
visitors to email you. You may also add links to your twitter page.
3. Blog – creates a page that includes details about your WordPress blog and a
link to it.
4. Photo Gallery – a page that contains photos from your photobucket account.
5. Community – a page that contains links to ten of your classmates website
including a short description.
 What I Have Learned?
Activity #4

ACTIVITY 4: Website Design Quality Check

Direction: Use the Internet to research on the designated topics depending on your track:
A. Stem cell research (STEM students)
B. Strategies on Putting up a Business (ABM students)
C. Online Dating among Teens (HUMSS students)
D. Types of Sports Injuries (SPORTS track students)
E. Folk dances in the Philippines (ARTS and DESIGN students)
F. Vocational Education in the 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: _______________________________________________________

CRITERIA YES NO
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.
The website can be accessed using smartphones.
The layout in the smartphone is easy to navigate.
 What I Can Do?

ACTIVITY 5: It’s My Space

Direction: You are a graduating SHS student and your final task in your subject is to create a
web page. Your teacher asked you to create your own web page that showcases the different
skills and activities you have learned in your chosen course. Don’t forget to remember the
principles of web and graphic designs when creating your page. Your work must be published
online. Give the URL of your webpage to your teacher for checking.

Use jimdo in creating your web page.

Rubric for assessing your Web Page

2-
CRITERIA 4-EXPERT 3-ADVANCED 1-BEGINNER
INTERMEDIATE
The web page is The web page is The web page The web page
very catchy, informative and shows some needs
highly interesting. potential. improvement.
Content and informative, and
Quality of artistically done.
Information
and Idea The information The information The information The information
and ideas are and ideas are and ideas lack and ideas lack
well organized. organized. organization. organization.
The graphics The graphics The graphics The graphics
and text are and text are and text are and text look
arranged very arranged neatly arranged untidy and
neatly and and somewhat disorganized.
appropriately. appropriately. haphazardly.
The design and The design and The design and The design and
Presentation layout are very layout show layout show layout show very
and Layout creative and creativity, limited creativity, limited creativity,
attractive. They ingenuity, ingenuity, ingenuity,
show ingenuity, resourcefulness, resourcefulness, resourcefulness,
resourcefulness, and artistry. and artistry. and artistry.
and artistry.
 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.
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.
 Additional Activities

ACTIVITY 6: 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 web page:

Taken from: Empowerment Technologies: Teacher’s Guide p. 25

CRITERIA SCORES

10 9-8 7–6 5–1

Covers the topic Includes essential Includes Content is
in-depth with knowledge about essential minimal, or
details and the topic. information there are
Content examples. about the topic, several factual
(10 pts.) but there are 1-2 errors.
Subject
factual errors.
Subject knowledge knowledge
is excellent. appears to be
good.
5 4–3 2 1
Content is well- Content uses Content is There was no
organized, using headings or logically clear or logical
Organization headings or bulleted lists to organized for the organizational
(5 pts.) bulleted lists to organize, but the most part. structure.
group related over-all
material. organization of
topics appears
flawed.
10 9–8 7-6 5-1
Makes excellent Makes good use Makes use of Makes use of
use of font, color, of font, color, font, color, font, color,
graphics, and graphics, and graphics, and graphics, and
Attractiveness effects to enhance effects to effects, but effects, but
(10 pts.) the presentation. enhance the occasionally these often
presentation. these detract the distract from
presentation the
content. presentation
content. .
10 9–8 7-6 5-1
No misspellings or Three or fewer Four misspellings More than five
grammatical misspellings or or grammatical misspellings or
errors, no broken grammatical errors, no more grammatical
Accuracy
links, and missing errors, no broken than 4 broken errors, mostly
(10 pts.)
images. links, and missing links, and broken links,
images. missing images. and missing
images.
Rubric taken from: Empowerment Technology Teacher’s Guide.
References
FeelingPeaky. (2018, Feb. 16). 9 principles of good web design. Retrieved from
https://www.feelingpeaky.com/9-principles-of-good-web-design/. Retrieved on June
1, 2020.
Franker, Karen. University of Wisconsin. (2016). A Rubric for Evaluating Student
Blogs. Retrieved from
https://www2.uwstout.edu/content/profdev/rubrics/blogrubric.html. Retrieved on June
1, 2020.
Kaushal, Navneet. (2015, Feb. 9). 14 Online tools for visual content creation.
Retrieved from https://www.clickz.com/14-online-tools-for-visual-content-
creation/27235/. Retrieved on June 1, 2020.
Quiambao, Angelito. (2019, Sep. 8). Online platforms for ICT Content Development.
Retrieved from https://www.slideshare.net/AngelitoQuiambao/online-platforms-for-ict-
content-development-169954837. Retrieved on May 31, 2020.
Basic Web Page Creation. Retrieved from
http://billconner.com/techie/webpages.html. Retrieved on June 1, 2020.
Images
https://www.feelingpeaky.com/9-principles-of-good-web-design/
https://in.pinterest.com/pin/309833649334933654/
https://www.pinterest.ph/pin/139119075975030809/
https://www.webfx.com/blog/web-design/big-typography/

Answer Key
SENIOR HIGH SHOOL

EMPOWERMENT TECHNOLOGIES
Quarter 1 – Module 7
Collaborative Development of ICT Content
 Lesson
7 Collaborative Development of ICT
Content

What I Need to Know?

This module was designed and written with you in mind. At the end of the 2-week
period, you will independently apply the principles and techniques of design using online
creation tools, platforms, and applications to create original or derivative ICT content for use
in your professional tracks.

The module mainly focuses on one lesson covering the topics of:
Lesson 7.1 Collaborative Development of ICT content
 Team structure and dynamics for ICT content
 Online collaborative tools and processes
 Project Management for ICT Content
 Curating existing content for use on the web

The module mainly explains and instructs learners about Collaborative development
of ICT content

After going through this module, you are expected to:

1. Evaluate the quality, value and appropriateness of peer’s existing or previously
developed ICT content.
5. Learn the online collaborative tools and processes.
6. select and organize existing content for use on the web.

127
 What I Know

PRE-TEST

Multiple Choice: Read each item carefully and choose the letter of the correct answer. Write
your answers on a separate sheet of paper or on your notebook.

11. Collaboration means…

c. Work jointly on an activity c. Working alone
d. Working together d. None of the above
12. How to develop ICT Project Content.
c. Web Mapping c. Presentation/Visualization
d. Blogging Platform d. Planning and conceptualizing the content
13. Resources is one of the pointer needed to develop an ICT project content? TRUE or
FALSE
c. True d. Maybe
d. False c. I do not know
14. The following are example of Social Media Platform EXCEPT
c. Slideshare c. Pinterest
d. Facebook d. Twitter
15. How are you going to determine your audience in an ICT project?
c. by stalking c. by audience profiling
d. by reading d. by gossip
16. The following are the Online Collaborative Tools EXCEPT.
c. Facebook group c. Word Press
d. Excel d. Microsoft Office Online
17. Allows you to create a group page that will allow people in your group to communicate
your ideas.
c. G suite c. Trello
d. Google Docs d. Facebook Groups
18. It is an example of Blogging Platform.
c. Google Drive c. WordPress
d. Wikimapia d. Prezi
19. WordPress Allow you to multiple contributor for a single blog, TRUE or FALSE
c. True c. Maybe
d. False d. I do not know
20. It is the arrangement of element type, art and graphics?
c. Designing the Layout c. Audience profiling
d. Curating Content d. Resources

128
 Lesson
7 Collaborative Development of ICT
Content

Collaboration is working together to achieve a goal. Synthesize previous learnings into

an integrated ICT content through collaboration with classmate and teacher as both peer and
partner
Online Collaborative Tools are tools that can help your group “go the distance” and
work as if you already have your own office. Working together does not necessary mean you
have to be physically toghether.

What’s In?

ACTIVITY 1
Direction: Write down at least five (5) different online collaborative tools that you know.

4. ________________ 4. ________________
5. ________________ 5. ________________
6. ________________

What’s New?

ACTIVITY 2: Performance Tasks

Direction: Using MS word; make a campaign flyer promoting your website you learned creating
on the previous lesson.

Sample website campaign flyer

129
 What is it?

Online Collaborative Tools

Online Collaborative Tools are tools that can help your group “go the distance” and
work as if you already have your own office. Working together does not necessarily mean you
have to be physically together. In Developing ICT project contents, there are many ways to
develop ICT contents, with your team can write the contents and design it.

Example of Online Tools Collaborative Tools

8. Facebook Groups
Allows you to create a group page that will allow people in you group to communicate
your ideas. Facebook groups also are spaces on the social media network for friends,
acquaintances, or people with similar interests to discuss or share about broad or
narrow topics. Groups provide an arena for organic discussion about your products or
services and present the opportunity to cultivate brand awareness.

9. WordPress
Allows you to multiple contributors for a single blog.

WordPress is, by far, the most popular open source Content Management System
(CMS), used by approximately 75 million websites.

WordPress is free to install, deploy, and upgrade. Thousands of plugins and

templates power a flexible and simple interface, which reduces development costs
and deployment time.

The team at Fresh Consulting has many years of accumulated knowledge and
resources to deploy high quality websites using WordPress. Here are a few reasons
why it’s our top choice for clients:

1. The most popular CMS in the world

WordPress holds the largest CMS market share by far, and currently
accounts for over a quarter of all websites. As a result, many users are
already familiar with the WordPress CMS, requiring less staff training when
building a new site.

130
 Breakdown of websites with a clearly identifiable CMS, according to
W3Tech’s survey of the top 1 million domains.

2. Open Source with room for expansion

WordPress can be self-hosted, so there are no costs associated with

downloading, installing, and upgrading. There are more than 50,000
WordPress plugins (often free), such as slideshows, contact forms, SEO
optimization, etc.

For inspiration, check out 12 Plugins our Dev Team loves.

Fresh Consulting licenses the premium plugins we deploy on websites, such

as WordPress video manuals and easy website backup and restore functions,
at no additional cost to you.

3. Highly customizable for great flexibility

WordPress is popular because it meets the demands of many users with its
flexible framework, which allows designers and developers to create and
modify layouts and applications. Coupled with user-generated extensions,
websites are no longer limited by enterprise extensions.

Our team has experience extending WordPress functionality, as well as

incorporating a wide range of plugins, to meet our clients’ unique demands.

4. Designed for anyone, not just developers

Before WordPress became a popular CMS for website development, it was

developed for non-tech savvy bloggers. So, most of the user-interface
components are easy to use, and there are written and recorded manuals
available for easily learning how to use WordPress functions. Our team
handles all the complexities of setting up and customizing your website; all
you have to do is to update the content on pages, posts, widgets, etc.

One of the premium plugins we provide to our clients offers both written and
video user manuals for WordPress to facilitate on-boarding with the CMS.

5. Lower setup and maintenance costs

According to DeviousMedia, WordPress incurs fewer setup, customization,

and maintenance costs in comparison to other Open Source CMS like Drupal
and Joomla. Additionally, it is relatively easier to find WordPress designers
and developers if more customization or development is necessary in the
future. You don’t get locked down by a static website or proprietary CMS that
is costly to tweak after initial development.

131
10. G Suite
 Is a brand of cloud computing, productivity and collaboration tools, software
and product developed by Google. It comprises Gmail, Hangouts, Calendar
and Google+ for communication.

11. Google Docs, Sheets and Slides

Are a word processor, a spreadsheet and a presentation program respectively, all part
of a free, web-based software office suite offered by Google within its Google Drive
service.

12. Microsoft Office Online

Allows multiple people to work on different office files.

132
13. Microsoft Yammer
Offers companies to have their own social network that allows sharing and managing
content.

14. Trello
Offer an online to-do-checklist for your entire team.
Trello describes its product as “a collaboration tool that organizes your projects into
boards. In one glance, Trello tells you what's being worked on, who's working on what,
and where something is in a process.”

15. Web Portal

Is a website that contains information from different sources and places them in one
location in a uniform way. Example of web portal is Yahoo.

133
 What’s More?

ACTIVITY 3: Using Trello for Online Collaboration

Instructions:

1. Create a Trello account (https//Trello.com/)

2. One you hae signed up logged in, click on Create a New Organization.
(for steps 3-6, only one person should do this, preferably the group leader)
.
3. The Create a New Organization option will expand.
Fill out the information with the information of your group. Afterward, click Create

4. You will be taken to the organization’s page. To add members, click on the Members tab.

5. Click on the Add Members button. Input a member’s Trello name or email address of if the
team members has not signed up for Trello yet, you can invite them just by simply adding
their email.They will get an invitation which will require them to sign up. Click Send when
done. Do this again until you have sent an invitation for all members.

6. One you are done inviting, go back to the Boards tab and under My Org Boards, click on
Create New Board.

7. Create a new board for the task named jimbo Site. Use the default options the click Create

8. You will be taken to the newly created board. Click on Add a list to add tasks to be done by
your group. For now, add one task named Create a Jimdo Account.

9. Add a card under this with the label containing a description. It should look something like
what is shown on in item 11.

10. Click the down arrow on the lower right to view more options.
o Members – Tags Members on the card
o Labels – adds labels found on the top of the card.
o Position – arranges the position of the card in relation to others cards

11. After setting those options, click on the card itself to bring up ore options as seen on below.

12. Any input you place in this card will be viewed by anyone. You can also use the options on
the right to add members, edit labels, put a checklist, add a due date and attachments (like
photo and office documents). Going back to the board will show that the card is updated.

13. All members’ should have a list of tasks under their position. The leader should arrange
these tasks according to priority (due dates). Make sure all tasks are covered.

134
 What I Have Learned?

Activity #4

ACTIVITY 4

Visit the given website below. Explore the website and base on your observation write the
effectiveness of this online collaborative tools you visited. Write your answers on a
separate sheet of paper or on your notebook.

4. facebook.groups

5. Google drive

6. Trello

135
 What I Can Do?

ACTIVITY 5: Developing

Create your own web portal for your advertising campaign and try to get more visitors as
possible. You can achieve this through the use of print ads , a facebook page, or blog posts.

Rubric for assessing your Web Page

CRITERIA 4-EXPERT 3-ADVANCED 2-INTERMEDIATE 1-BEGINNER CRITERIA

The web page is The web page is The web page The web page Content and
very catchy, highly informative and shows some needs Quality of
Content and informative, and interesting. potential. improvement. Information and
Quality of artistically done. Idea
Information
and Idea The information The information The information and The information
and ideas are well and ideas are ideas lack and ideas lack
organized. organized. organization. organization.
The graphics and The graphics and The graphics and The graphics and Presentation
text are arranged text are arranged text are arranged text look untidy and and Layout
very neatly and neatly and somewhat disorganized.
appropriately. appropriately. haphazardly.
The design and The design and The design and The design and
Presentation
layout are very layout show layout show limited layout show very
and Layout
creative and creativity, ingenuity, creativity, ingenuity, limited creativity,
attractive. They resourcefulness, resourcefulness, ingenuity,
show ingenuity, and artistry. and artistry. resourcefulness,
resourcefulness, and artistry.
and artistry.

Assessment
ACTIVITY 6:
Multiple Choice:
Direction: Write the letter of the correct answer on your notebook.
1. This site offers an online to-do checklist for your entire team
a. Team Structure c. Yammer
b. Team Dynamics d. Trello
2. This social networking site allows you to create a graph where in people can
collaborate.
a. Multiply c. Twitter
b. Plurk d. Facebook
3. This allows a group of people to collaborate on one blog
a. Yammer c. Trello
b. Wordpress d. Jimdo
4. It offers companies to have their own social network for managing projects/content.
a. Yammer c. Drive
b. Trello d. Office Online
5. It is a website that contains information from different sources and places them in one
location in a uniform way.
a. Trello c. Portal
b. Search d. Wiki

136
 Additional Activities

1. Give five online collaborative tools a group can use for communicating effectively using
the internet Write it on your own notebook.
2. Publishing of web portal that your created.
3. Visit your classmate web portal for their advertising campaign and make your own
evaluation.

CATEGORY Exemplary 4 Accomplish 3 Developing 2 Beginning 1 Score

Web Skill Navigation is Navigation is Navigation Navigation is
clear, properly clear, and links contains links missing.
labelled, and work. that do not
links are correct work
Content The content is The content is The Content is The content
complete and clear and somewhat has incomplete
has links to complete. complete information.
related
information
Correctness The output is The output The output has The output
pre from errors contains several errors contains many
minimal errors errors
Layout and Appearance Appearance is Layout is Layout is not
Design looks organized and inefficient for organized
professional. consistent. readers
Images Images have a Images are Some images No images are
strong relation related to the are related to related.
to the website website. the website.
asn most are
self-produced.

References
www.slideshare.net/markjohnoxillo

https://l.facebook.com/l.php?u=https%3A%2F%2Femtechsqnhs.wordpress.com%2F
2018%2F12%2F24%2Fcollaborative-ict-content-
development%2F%3Ffbclid%3DIwAR1oZ2BaArOdHiZAOtQSzXiUcLTHzDSzJqhhg8
d6lcUiyvncNmHjRNfcUtI&h=AT38MN6NjxaozEY1IwuG0OWzkfhULqrelSnAQrGw8yV
LMVchf2hQWfMugohDQPimhc-
VQd01o3Rizh9LzSEjg5e5mKaOQ4AJeB6y_o_oMMKNT5szYzEw65NUmCV0-
Apx6C9cZQ

Empowerment Technologies, Innovative Training Wrks, Inc.

137
Answer Key

PRE-TEST ASSESSMENT

1. A
1. D
2. D
2. D
3. A
3. B
4. A
4. A
5. B
5. C
6. B
7. D
8. C
9. A
10. A

138