ETECH_Chapter 1_Module_2022-2023.pdf

1 |E M P O W E R M E N T T E C H N O L O G I E S
SENIOR HIGH SCHOOL DEPARTMENT
THE SCHOOL YEAR 2022-2023
EMPOWERMENT
TECHNOLOGIES
(CHAPTER 1 MODULE 1
WEEL 1 - WEEK 10)
SCIENCE, TECHNOLOGY, ENGINEERING
AND MATHEMATICS
CREATED BY: MS. MHARVIE JANE FERNANDEZ, LPT
saint BENILDE
International School (Calamba), INC.

2 | E M P O W E R M E N T T E C H N O L O G I E S
CONTENTS
CHAPTER I
Lesson 1 - Introduction to Information and Communication Technologies
Lesson 2 - Online Safety, Security, and Netiquette
Lesson 3 – Advanced Word Processing Skills
Lesson 4 - Advanced Spreadsheet Skills
Lesson 5 – Advanced Presentation Skills
Lesson 6 – Imaging and Design for Online Environment
Lesson 7 – Online Platforms for ICT Content Development
Lesson 8 – Basic Web Page Creation
Lesson 9 – Collaborative ICT Development
REFERENCES

This module in Empowerment Technology will give you an introduction to ICT and the different online
platforms that may be used for its specific purpose. It will also tack on online safety, security, and online
etiquette. You will be able to get tips on how to maximize the power of the Internet to assist you in your
research work by using search tools and evaluating relevant and reliable websites.
Learning Objectives:
At the end of this lesson, the learners are expected to:
1. Identify varied online platforms and sites.
2. Compare and contrast the nuances of varied online platforms, sites, and content to best achieve
specific class objectives or address situational challenges.
3. Evaluate existing online creation tools, platforms and applications in developing ICT content.
Class Orientation
• Get to know each other, give the students time to talk for about 2-3minutes
• Discuss the new normal
• Discuss your rules & regulation
• Discuss your grade matrix
Preliminary Activity
Direction: Read each item carefully and choose the letter of the correct answer. Write your answers on
a separate sheet of paper or in your notebook.
1. What type of web page is classified as flat or stationary?
A. Web 1.0 B. Web 2.0 C. Web 3.0 D. Web 4.0
2. What web 2.0 feature allows users to subscribe to a data plan that charges for the amount of time
spent on the internet?
A. Folksonomy B. Long Tail C. User Participation D. Application
3. What is the name of the symbol that is used to classify and categorize information?
A. Hashtag B. Question Mark C. Asterisk D. At sign
4. What specific type of social media allows you to connect with other people?
A. Microblogging B. Social Networks C. Media Sharing D. Social News
5. Twitter is an example of what specific type of social media?
A. Microblogging B. Social Networks C. Media Sharing D. Social News
LESSON 1: INFORMATION AND COMMUNICATION TECHNOLOGY
Description:
WEEK 1

6. YouTube and Instagram are examples of what specific type of social media?
A. Blogs and Forums B. Social Networks C. Media Sharing D. Bookmarking Sites
7. What specific type of social media allows its users to post their original content on websites such as
WordPress, Blogger, and Tumblr?
8. What type of social media allows you to manage links to various websites?
9. What do you call the global system of interconnected computer networks that
use servers to link billions of devices worldwide?
A. Websites B. Web browser C. Internet D. World Wide Web
10. What type of web page is classified as a dynamic page?
A. Web 1.0 B. Internet C. Web 2.0 D. Web 3.0
Reflect on the following questions:
1. How many times have you checked your phone this morning?
2. How many updates have you posted on Facebook, Twitter, or Instagram today?
3. Do you use the internet/ mobile for an hour after you woke up this morning?
4. Have you followed a celebrity/ a crush on his/ her social media?
Information and Communications Technology (ICT)
What is Information and Communications Technology (ICT)?
Information and Communications Technology (ICT) often deals with the use of different technological
inventions like mobile phones, telephones, the computer, the Internet, and other devices, as well as
software and applications to locate, save, send, and manipulate information. ICT has greatly contributed
to how easy have lives have been today. Our gadgets have become part of our necessity that we check
on them after we wake up. It made communication easier. We can use cellular phones that are designed
for communicating with other people if even they are miles away from us. It has also assisted us in our
work since there are Internet-based jobs. It has revolutionized our education and in the modernization
of our economy.
ICT in the Philippines
Philippines is dub as the ‘’ICT Hub of Asia” because of huge growth of ICT-related jobs, one of which is
BPO, Business Process Outsourcing, or call centers.
ICT Department in the Philippines is responsible for the planning, development and promotion of
the country’s information and communications technology (ICT) agenda in support of national
development.
LESSON PROPER

Computer– an electronic device for storing and
processing data, typically in binary form, according to
instructions given to it in a variable program.
Internet– is the global system of interconnected
computer networks that use the internet protocol suite
(TCIP/IP) to link billions of devices worldwide.
Means of connecting a computer to any other computer anywhere in the world via dedicated routers
and servers. Sometimes called simply ‘’the Net’’, is a worldwide system of computer networks- a network
of networks in which the users at any one computer can get information from any other computer.
World Wide Web
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.
Is an information space where documents and
other web resources are identified by URLs,
interlinked by hypertext links, and can be accessed via
the Internet? Invented by Tim-Berners Lee
Web Pages
Web page is a hypertext document connected to the World Wide Web. It is a document that is
suitable for the World Wide Web.
The different online platforms of World Wide Web:
Web 1.0 – refers to the first stage in the World Wide Web, which was entirely made up of the Web pages
connected by hyperlinks.
Web 2.0 – is the evolution of Web 1.0 by adding dynamic pages. The user is able to see a website
differently than others. Allows users to interact with the page; instead of just reading the page, the user
may be able to comment or create user account.
Web 3.0 – this platform is all about semantic web. Aims to have machines (or servers) understand the
user’s preferences to be able to deliver web content.

Static Web Page is known as a flat page or stationary age in the sense that the page is ‘’as is’’ and cannot
be manipulated by the user. The content is also the same for all users that is referred to as Web 1.0
Dynamic Web Pages is a web 2.0 is the evolution of web 1.0 by adding dynamic web pages. The user is
able to see website differently than others e.g. social networking sites, wikis, video sharing sites.
FEATURES OF WEB 2.0
1. Folksonomy- allows users to categorize and classify information using freely chosen keywords
e.g. tagging by FB, Twitter, use tags that start with the sign #, referred to as hashtag.
2. Rich User Experience – content is dynamic and is responsive to user’s input
3. User Participation- The owner of the website is not the only one who is able to put content.
Others are able to place a content of their own by means of comments, reviews and evaluation
e.g. Lazada, Amazon.
4. Long Tail– services that are offered on demand rather than on a one-time purchase. This is
synonymous to subscribing to a data plan that charges you for the amount of time you spent in
the internet.
5. Software as a service- users will be subscribe to a software only when needed rather than
purchasing them e.g. Google docs used to create and edit word processing and spread sheet.
6. Mass Participation– diverse information sharing through universal web access. Web 2.0’s
content is based on people from various cultures.
TRENDS IN ICT
1. Convergence is the synergy of technological advancements to work on a similar goal or task.
For example, besides using your personal computer to create word documents, you can now
use your smartphone.
Online Platforms and Sites:
Because of the wide capacity of Web 2.0, it has helped in creating dynamic online platform
sites. Online platform is a specially developed platform using Internet technology. Online
platforms have revolutionized access to any information. Online platforms currently include,
but are not limited to:
a. Presentation or Visualization Platform allows you to present and share presentations,
infographics and videos with other people. It is used to communicate information clearly
and efficiently.
b. Cloud Computing Platform is also called as “The cloud.” It is the practice of using a network
of remote servers hosted on the internet. Instead of using your computer’s hard drive, you
store and access your data and programs over the Internet.

c. File Management Platform is used for the storing, naming, sorting, and handling of
computer files. Allows you to convert and manage files without download in the software
tool.
d. Mapping Platform is a transformation taking the points of one space into the points of the
same or another space. Uses GPS to detect location and used for navigation.
e. Social Media Platform is a computer-mediated tools that allow large group of people to
create, share or exchange information, interest and the information shared can be in the
form of ideas, pictures, videos or anything that you want to create and share to virtual
communities.
2. Social Media is a website, application, or online channel that enables web users web users to
create, co-create, discuss modify, and exchange user generated content.
Six types of Social Media:
a. Social Networks – These are sites that allows you to connect with other people with the same
interests or background. Once the user creates his/her account, he/she can set up a profile, add
people, share content, etc. Example: Facebook and Google+
b. Bookmarking Sites – Sites that allow you to store and manage links to various website and
resources. Most of the sites allow you to create a tag to others. Ex. Stumble Upon, Pinterest
c. Social News – Sites that allow users to post their own news items or links to other news sources.
The users can also comment on the post and comments may also be rank. Ex. Reddit and Digg
d. Media Sharing – sites that allow you to upload and share media content like images, music and
video. Ex. Flickr, YouTube and Instagram
e. Microblogging – focus on short updates from the user. Those that subscribed to the user will be
able to receive these updates. Ex. Twitter and Plurk
f. Blogs and Forums – allow user to post their content. Other users are able to comment
on the said topic. Ex. Blogger, WordPress and Tumblr
3. Mobile Technologies The popularity of
smartphones and tablets has taken a major
rise over the years. This is largely because of
the devices capability to do the tasks that
were originally found in PCs. Several of these
devices are capable of using a high-speed
internet. Today the latest model devices use
4G Networking (LTE), which is currently the
fastest.
MOBILE OS
a. iOS – use in apple devices such as iPhone and iPad

b. Android – an open source OS developed by Google. Being open source means mobile
phone companies use this OS for free.
c. Blackberry OS – use in blackberry devices
d. Windows phone OS – A closed source and proprietary operating system developed by
Microsoft.
e. Symbian – the original smartphone OS. Used by Nokia devices
f. WebOS- originally used in smartphone; now in smart TVs.
g. Windows Mobile – developed by Microsoft for smartphones and pocket PCs
4. Assistive Media is a non- profit service designed to help people who have visual and reading
impairments. A database of audio recordings is used to read
e.g. Yahoo!, Gmail, Hotmail Cloud computing-distributed computing on internet or
delivery of computing service over the internet. Instead of running an e-mail program on your
computer, you log in to a Web e-mail account remotely. The software and storage for your
account doesn’t exist on your computer – it’s on the service’s computer cloud.
It has three components
1. Client computers – clients are the device that the end user interact with cloud.
2. Distributed Servers – Often servers are in geographically different places, but server
acts as if they are working next to each other.
3. Datacenters – It is collection of servers where application is placed and is accessed via
Internet.
TYPES OF CLOUDS
a. PUBLIC CLOUD allows systems and services to be easily accessible to the general public. Public cloud
may be less secured because of its openness, e.g. e-mail
b. PRIVATE CLOUD allows systems and services to be accessible within an organization. It offers
increased security because of its private nature.
c. COMMUNITY CLOUD allows systems and services to be accessible by group of organizations.
d. HYBRID CLOUD is a mixture of public and private cloud. However, the critical activities are performed
using private cloud while the non-critical activities are performed using public cloud.
Directions: Listed below are some of the platforms. Complete the table below by providing name of
website and a short description using the internet. Write your answers on your notebook.
PLATFORMS NAMES OF WEBSITES DESCRIPTION
Presentation or
Let’s do it!

Visualization
Cloud Computing
File Management
Mapping
Social Networks
Social News
Microblogging
Blogs and Forums
Direction: Reflect on the following questions and answer them briefly on your activity
notebook. Please refer to the rubrics below.
1. How dependent are we on technology?
___________________________________________________________________________
___________________________________________________________________________
2. How do the different online platforms help you as a student in your chosen track?
___________________________________________________________________________
___________________________________________________________________________
___________________________________________________________________________
___________________________________________________________________________
Let Us Know!
Assessment

Multiple Choice
Directions: Read each item carefully and choose the letter of the correct answer. Write your answers on
1. What type of web provides a framework that allows data to be shared and reuse to deliver web
content specifically targeting the user?
A. Web 1.0 B. Web 2.0 C. Web 3.0 D. Website
2. Which of the following is an example of sites under web 2.0?
A. Facebook B. YouTube C. Wikipedia D. All of the above
3. What type of web page is classified as flat or stationary?
A. Web 1.0 B. Internet C. Web 2.0 D. Web 3.0
4. Twitter statuses are only composed of a few characters. What type of social media site does Twitter
belong?
A. Micro blogging C. Social Networks
B. Media Sharing D. Bookmarking Sites
For numbers 5-6, use the choices inside the box.
A. If only the FIRST statement is TRUE. C. If BOTH statements are TRUE
B. If only the SECOND statement is TRUE. D. If BOTH statements are FALSE.
5. Social networks are sites that allow you to connect with other people having the same interests. It
allows you to share your own news and other news from other sources.
6. The Philippines is considered as the “ICT Hub in Asia.” The ICT Industry shares 19.3% of the total
employment population in the Philippines coming from the government agencies.
7. Marisa wants to publish her collections of original poems online. Which online platform must she do
this?
A. Social News B. Bookmarking Site C. YouTube D. Blogs
8. Watson is creating a cover video of his favorite song. Which online platform must he publish this?
A. Social News B. Bookmarking Site C. YouTube D. Blogs
9. Cathy has created a very good slideshow presentation on a certain topic, and she wants to share it to
other teachers around the world. Which online platform must she publish this?
A. Presentation Platforms C. File Management Platforms
B. Cloud Computing Platforms D. Social Media Platforms
10. What is the name of the symbol that is used to classify and categorize information?
A. Hashtag B. Question Mark C. Asterisk D. At sign

1. Identify what constitutes appropriate and inappropriate online behavior.
2. Apply internet online safety, security ethics and etiquette standards and practice in the use of ICTs.
3. Discern possible deceptive information and wrongly evaluated data.
Let’s Recall!
• Significance of Information and Communication Technology
• Types of Web Pages
• Online Platforms and Sites
Directions: Read the headlines found below and try to reflect on the questions that follow.
LESSON 2: ONLINE SAFETY, SECURITY AND NETIQUETTE
WEEK 2
Let’s Answer This!

1. What is common among the headlines above?
2. Are your social media accounts secured enough that you may not be a victim of these things?
3. What type of information do you share in your social media accounts?
Do you Share it or Not?
Directions: Read and reflect each item carefully. Copy the table below on 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 this information has you SHARED?
______________________________________________________________________________
______________________________________________________________________________
______________________________________________________________________________
2. How many of this information has you NOT SHARED?
______________________________________________________________________________
______________________________________________________________________________
______________________________________________________________________________
3. Based from your answers above, do you think you are safe when using the Internet? Why?
______________________________________________________________________________
______________________________________________________________________________
______________________________________________________________________________
Let’s Move On!

Online safety refers to the practices and
precautions that should be observed when using
the internet to ensure that the users as well as
their computers and personal information are safe
from crimes associated with using the internet.
Below is personal information that must be kept
confidential.
There are numerous delinquencies that can be
committed on the internet such as stalking,
identity theft, privacy violations, and harassment.
To avoid these online crimes, follow the following online safety measures:
• Never give any personal information out about yourself over the internet.
• Do not give any banking or sensitive
information unless you are sure that
it is a reputable business having a
secure service. To make sure that
you are in a secured network, the
website address should begin with
“https://’ as opposed to “http://”.
Never access your accounts by
following an email link, instead type
your URL by yourself.
• Never open messages or attachments from someone you do not know.
• Regularly review your privacy settings in your online accounts to make sure you are not
sharing important personal information.
• When using a public computer terminal, be sure to delete your browsing data before
leaving.
• Keep your software updated to avoid security holes.
• Do not download or install software or anything on your computer or cellphone that is
unknown to you.
Netiquette is a combination of the words network and etiquette. It is a set of rules for behaving
properly online.
Flame war is a series of flame posts or messages in a thread that are considered derogatory in
nature or are completely off-topic. Often these flames are posted for the sole purpose of offending
or upsetting other users. The flame becomes a flame war when other users respond to the thread
with their own flame message.
LESSON PROPER

Kinds of Online Threats
There is no doubt that you need to be vigilant online. As the World Wide Web evolved over the
years, many internet predators have been playing on vulnerabilities to attack computers and
retrieve sensitive data from individuals. Half the time, we aren’t even aware it is happening until
it is too late. Online threat is deemed any malicious act that attempts to gain access to a computer
network without authorization or permission from the owners. These are usually done by
computer hackers who uses the World Wide Web to facilitate cybercrime.
Web threats use multiple types of malware and fraud, all of which utilize HTTP or HTTPS protocols,
but may also employ other protocols and components, such as links in email or Instant Messaging
apps, or any malware attachments on servers that access the Web. They benefit cybercriminals by
stealing information for subsequent sale and help absorb infected PCs into botnets. Web threats
pose a broad range of risks, including financial damages, identity theft, loss of confidential
information/data, theft of network resources, damaged brand/personal reputation, and erosion
of consumer confidence in e-commerce and online banking.
The following are the top kinds of online threats that you should be aware of:
Phishing happens when an email is sent from an internet criminal disguised as an email from a
legitimate, trustworthy source. The message is meant to lure you into revealing sensitive or
confidential information.
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.
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.
Internet robots are also known as spiders, crawlers, and web bots. It is a software application that
is programmed to do certain tasks. Bots are automated, which means they run according to their
instructions without a human user. Some bots are useful, such as search engine bots that index
content for search or customer service bots that help users. Other bots are "bad" and are
programmed to break into user accounts, scan the web for contact information for sending spam,

or perform other malicious activities. If it's connected to the Internet, a bot will have an associated
IP address.
Malware or malicious software, is any program or file that is harmful to a computer user. Here are
the most common offenders in the rogues’ gallery of malware:
• Adware (advertising supported software) is unwanted software designed to throw
advertisements up on your screen. Example, pop-up ads and banner ads.
• Spyware is malware that secretly observes the computer user’s activities without
permission and reports it to the software’s author. Example is a keylogger.
• Virus and Worms are malwares that attach to another program and, when executed—
unintentionally by the user—replicates itself by modifying other computer programs
and infecting them with its own bits of code.
• Trojan, or Trojan horse, is one of the most dangerous malware types. It usually
represents itself as something useful in order to trick you. Once it’s on your system,
the attackers behind the Trojan gain unauthorized access to the affected computer.
From there, Trojans can be used to steal financial information or install threats like
viruses and ransomware.
• Ransomware is a form of malware that locks you out of your device and/or encrypts
your files, then forces you to pay a ransom to get them back.
Directions: 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?”
______________________________________________________________________________
______________________________________________________________________________
______________________________________________________________________________
_____________________________________________________________________________
Let’s Try this!

Searching the Web
There are billions of information on the web and it is a challenge for us to truly find which
information is reliable and relevant. Here are some tips you may use to be able to look for relevant
and reliable sources:
Search Engines are websites used for retrieval of data, files, or documents from data bases. Some
search engines we use today are:
Anatomy of a URL A URL is one type of Uniform Resource Identifier (URI). It is a generic
term for all types of names and addresses that refer to objects on the world wide web. Knowing
the URL endings will give you clues to who is sponsoring the website and help evaluate the sources.
1. Protocol
2. Subdomain
3. Domain
4. Top-level Domain
5. Folders/ Paths
6. Page
7. Named anchor
1. Boolean Logic – narrows, broadens, or eliminates search term.
a. Boolean “or” – this operator will find pages that include either of the
search terms.
Ex. A or B
b. Boolean “and” – this operator will retrieve only pages containing both
terms
Ex. A and B
WEEK 3

c. Boolean “” – this operator will find pages that do not include
search term immediately following it.
Ex. A not B
2. Phase Searching – is used to search for famous quotes, proper names,
recommendations, etc. It encloses the phrase in quotation marks.
Ex. “Jane Doe” “To be or not to be”
3. Plus (+) – indicates that the word after the sign is a required word must
be found in search. Example: +fire
4. Minus (–) sign – indicates to exclude a word from your search that is
not required on the result. Example: Jaguar speed –car
5. Ampersand (@) is used to find social tags.
Example: @SteveJobs
6. Hashtag (#) is used to find popular hashtags.
Example: #LawOfClassroom
7. Finding Documents – using the filetype refines the search for documents on the web.
o filetype:pdf
o filetype:doc
o filetype:xls
8. Searching Site – the sites find webpage from a website.
Ex.: National Geographic information in Australia Search: Australia
site: NationalGeographic.com
Evaluating Sites
The web provides access to some excellent information and can also give access to those that are
irrelevant and outdated. Here is some checklist that you can use to evaluate your website:
1. Authority. It reveals that the person, institution or agency responsible for a site has the qualifications
and knowledge to do so. Evaluating a web site for authority:
✓ Authorship: It should be clear who developed the site
✓ Contact information should be clearly provided: e-mail address, snail mail address, phone
number, and fax number
✓ Credentials: the author should state qualifications, credentials, or personal background that
gives them authority to present information
✓ Check to see if the site supported by an organization or a commercial body
2. Purpose. The purpose of the information presented in the site should be clear. Some sites are meant
to inform, persuade, state an opinion, entertain, or parody something or someone. Evaluating a web site
for purpose:
✓ Does the content support the purpose of the site?
✓ Is the information geared to a specific audience (students, scholars, general reader)?
✓ Is the site organized and focused?

✓ Are the outside links appropriate for the site?
✓ Does the site evaluate the links?
3. Coverage. This refers to how comprehensive the website is in their discussion of certain topics.
Evaluating a web site for coverage:
✓ Does the site claim to be selective or comprehensive?
✓ Are the topics explored in depth?
✓ Compare the value of the site’s information compared to other similar sites.
✓ Do the links go to outside sites rather than its own?
✓ Does the site provide information with no relevant outside links?
4. Currency. It refers to: (1) how current the information presented is, and (2) how often the site is
updated or maintained. It is important to know when a site was created, when it was last updated, and if
all of the links are current. Evaluating a web site for currency involves finding the date information was:
✓ first written
✓ placed on the web
✓ last revised
5. Objectivity. Objective sites present information with a minimum of bias. Evaluating a web site for
objectivity:
✓ Is the information presented with a particular bias?
✓ Does the information try to sway the audience?
✓ Does site advertising conflict with the content?
✓ Is the site trying to explain, inform, persuade, or sell something?
6. Accuracy. It refers to the credibility of the website. Evaluating a web site for accuracy:
✓ Reliability: Is the author affiliated with a known, respectable institution?
✓ References: do statistics and other factual information receive proper references as to their
origin?
✓ Is the information comparable to other sites on the same topic?
✓ Does the text follow basic rules of grammar, spelling and composition?
✓ Is a bibliography or reference list included?
Directions:
1. Using the Internet, research on topics under CoVid-19 in the Philippines.
2. Read through the checklist and answer each question in your notebook.
3. Attach a printout of the web site you are evaluating and paste in your notebook:
4. What is the URL or web address of the web site you are evaluating?
http://________________________________________________________________
5. What is the title of the web site? ________________________________________
Let’s try this!

AUTHORITY AND ACCURACY
☐I couldn’t tell
☐The author is:
Who is the author of the web site? _______________________________
What authorship clues did the URL (web address) provide? Check all that apply:
☐company (.com)
☐non-profit organization (.org)
☐academic institution (.edu)
☐government agency (.gov)
☐personal web page (e.g., www.jamieoliver.com)
☐country-specific site (e.g., .uk)
☐military site (.mil)
☐network of computer (.net)
☐other? Please describe:
PURPOSE AND CONTENT
What is the purpose of the web page or site? Check all that apply
☐A personal web page
☐A company or organization web site
☐A forum for educational/public service information
☐A forum for scholarly/research information
☐For entertainment
☐An advertisement or electronic commerce
☐A forum for ideas, opinions, or points of view
☐Other – please explain:
In your own words, briefly describe the purpose of the web site:
____________________________________________________________________________________
____________________________________________________________________________________
___________________________________________________________________________________
What does the web site provide? Check one
☐Balanced, objective or factual information
☐Biased, subjective or opinionated statements
☐Are the arguments well supported? Yes No
☐Both objective and subjective information
☐Other – please explain:

Does the web site provide any contact information or means of communicating with the author or
webmaster? ___Yes ___ No
CURRENCY
☐It was updated
☐on: _____________________________________________________________________
Is the site well maintained?
☐Yes
☐No
Directions: Read each item carefully and choose the letter of the correct answer. Write your answers on
1. What type of malicious program is designed to replicate itself and transfer from one computer to
another either through the internet or local networks or data storage like flash drives and CDs?
A. Adware C. Worms and Virus
B. Spyware D. Ransomware
2. What harmful online programs are designed to send you advertisements, mostly pop-up ads?
3. What harmful online program is used to record keystrokes done by users to steal passwords?
4. What is ransomware based on?
A. Fear of hackers C. Fear of spyware
B. Fear of the Internet D. Fear of losing important files
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
Let’s Answer this!

D. Discourage your friend from sending pictures like that.
7. What is a flame in cyberspace?
A. A person who follows the rules of Netiquette.
B. An expert programmer.
C. An online chain letter.
D. A post or email message that expresses a strong opinion or criticism.
8. What is considered shouting over the Internet?
A. Screaming at your computer.
B. Writing in all CAPS.
C. Putting a lot of exclamation marks at the end of a sentence.
D. Not answering a friend request on Facebook.Empowerment Technology
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
11. What happens when a phrase or sentence is placed inside quotation marks when doing research?
A. Will only return items that have both terms.
B. Will search for words that are together and in order.
C. Will return items that exclude a term.
D. Will return items that have either of the terms.
2. What is a URL?
A. A computer software program
B. An acronym for Unlimited Resources for Learning
C. The address of a document or "page" on the World Wide Web
D. A search engine
3. What are the three main search expressions, or operators, recognized by Boolean logic?
A. and, or, not C. and, or, but
B. from, to, whom D. search, keyword, text
4. How do you evaluate a web page?
A. You confirm that the author or site an authority on the subject.
B. You check to see if the author has been objective.
C. You check to see if the information is current.
D. You do as many of the above as possible.
5. An article that only presents one point of view or omits facts is biased.
A. True B. False

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
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-useproductivity-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
Direction: Read each item carefully and choose the letter of the correct answer. Write your answers on
1. What program is used to create spreadsheets which can later be used to
analyze statistical tool?
A. MS Excel B. MS Word C. MS Publisher D. MS OneNote
2. What MS Excel function adds a range of cells?
A. ADD B. PLUS C. SUM D. TOTAL
3. Which of the following objects can be inserted in your document?
A. Pictures B. Sound C. Chart D. Shapes
4. Which of the following is NOT an animation type?
A. Entrance B. Exit C. Emphasis D. Encore
5. In MS Word, what menu is “Mail Merge” found?
A. Insert B. Format C. Design D. Mailings
LESSON 3: ADVANCED WORD PROCESSING SKILLS
WEEK 4

Advance Techniques in Word Processor
In the professional world, sending out information to convey important information is vital. Because of
ICT, things are now sent much faster than the traditional newsletters or postal mail. You can now send
much faster than the traditional newsletters or postal mail. You can now use the Internet to send out
information you need to share.
1. What if we could still do things much faster – an automated way of creating and sending uniform
letters with different recipients?
2. Would that not be more convenient?
Mail Merge is a useful tool that allows you to produce multiple letters, labels, envelopes, name tags, and
more using information stored in a list, database, or spreadsheet. When performing a Mail Merge, you
will need a Word document (you can start with an existing one or create a new one) and a recipient list,
which is typically an Excel workbook. See the link for tutorials: https://youtu.be/do9ujnZLIC4
To use Mail Merge:
1. Open an existing Word document, or create a new one.
2. From the Mailings tab, click the Start Mail Merge command and select Step-by-Step Mail Merge
Wizard from the drop-down menu.
The Mail Merge pane will appear and guide you through the six main steps to complete a merge.
The following example demonstrates how to create a form letter and merge the letter with a
recipient list.
LESSON PROPER

Step 1: From the Mail Merge task pane on the right side of the Word window, choose the type of
document you want to create. In our example, we'll select Letters. Then click Next: Starting
document to move to Step 2.
Step 2: Select Use the current document, then click Next: Select recipients to move to Step 3.
Step 3: Now you'll 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.
1. Select Use an existing list, then click Browse to select the file.
2. Locate your file, then click Open.
3. If the address list is in an Excel workbook, select the worksheet that contains the list,
then click OK.
4. In the Mail Merge Recipients dialog box, you can check or uncheck each box to
control which recipients are included in the merge. By default, all recipients should be
selected. When you're done, click OK.
5. Click Next: Write your letter to move to Step 4.
* If you don't have an existing address list, you can click the Type a new list button and click Create, then
type your address list manually.
Step 4: Now you're ready to write your letter. When it's printed, each copy of the letter will basically be
the same; only the recipient data (such as the name and address) will be different. You'll need to add
placeholders for the recipient data so Mail Merge knows exactly where to add the data.

Applying and Modifying Styles
A style is a predefined combination of font style, color, and size that can be applied to any text in your
document. Styles can help your documents achieve a more professional look and feel. You can also use
styles to quickly change several things in your document at the same time. See the link for tutorials:
https://youtu.be/w2lES-5Ynbk
To apply a style:
1. Select the text you want to format, or place your cursor at the beginning of the line.
2. In the Styles group on the Home tab, click the More drop-down arrow.

3. Select the desired style from the drop-down menu.
4. The text will appear in the selected style.
* When you modify a style, you're changing every instance of that style in the document. In the
example below, we've modified the Normal style to use a larger font size. Because both
paragraphs use the Normal style, they've been updated automatically to use the new size.
SmartArt Graphics
SmartArt allows you to communicate information with graphics instead of just using text. There are a
variety of styles to choose from, which you can use to illustrate many different types of ideas. See the
link for more tutorials: https://youtu.be/Hna1uJN1-qY

To insert a SmartArt graphic:
1. Place the insertion point in the document where you want the SmartArt graphic to appear.
2. From the Insert tab, select the SmartArt command in the Illustrations group.
3. A dialog box will appear. Select a category on the left, choose the desired SmartArt graphic, then
click OK.
4. The SmartArt graphic will appear in your document.
To add text to a SmartArt graphic:
1. Select the SmartArt graphic. The text pane should appear on the left side. If it doesn't appear,
you can click the small arrow on the left edge of the graphic.

2. Enter text next to each bullet in the text pane. The text will appear in the corresponding shape. It
will be resized automatically to fit inside the shape.
* You can also add text by clicking the desired shape and then typing. This works well if you only
need to add text to a few shapes. However, for more complex SmartArt graphics, working in the
text pane is often quicker and easier.

To reorder, add, and delete shapes:
It's easy to add new shapes, change their order, and even delete shapes from your SmartArt graphic.
You can do all of this in the text pane, and it's a lot like creating an outline with a multilevel list. For more
information on multilevel lists, you may want to review our Lists lesson.
1. To demote a shape, select the desired bullet, then press the Tab key. The bullet will move to the
right, and the shape will move down one level.
2. To promote a shape, select the desired bullet, then press the Backspace key (or Shift+Tab). The
bullet will move to the left, and the shape will move up one level.
3. To add a new shape, place the insertion point after the desired bullet, then press Enter. A new
bullet will appear in the text pane, and a new shape will appear in the graphic.
4. To remove a shape, keep pressing Backspace until the bullet is deleted. The shape will then be
removed. In our example, we'll delete all of the shapes without text.

Directions:
1. Open a blank document.
2. Insert a Basic Cycle SmartArt graphic from the Cycle category.
3. Insert the following text in clockwise order: Condensation, Evaporation, Infiltration, Precipitation,
Collection.
4. Delete the shape containing the word Infiltration.
5. Select the shape containing Evaporation, and click the Move Down command twice to move the
shape between Collection and Condensation.
6. Change the SmartArt Layout to Block Cycle.
7. Change the colors of the SmartArt to a range of your choice.
8. Change the SmartArt Style to Intense Effect.
9. When you're finished, your SmartArt should look like this:
Let’s Do It!

Excel is a spreadsheet program that allows you to store,
organize, and analyze information. While you may think
Excel is only used by certain people to process
complicated data, anyone can learn how to take
advantage of the program's powerful features. Whether
you're keeping a budget, organizing a training log, or
creating an invoice, Excel makes it easy to work with
different types of data.
The Excel Start Screen
When you open Excel for the first time, the Excel Start Screen will appear. From here, you'll be able to
create a new workbook, choose a template, and access your recently edited workbooks.
➢ From the Excel Start Screen, locate and select Blank workbook to access the Excel interface.
LESSON 4: ADVANCED SPREADSHEETS SKILLS
WEEK 5

FORMULAS
One of the most powerful features in Excel is the ability to calculate numerical information using
formulas. Just like a calculator, Excel can add, subtract, multiply, and divide. In this lesson, we'll show
you how to use cell references to create simple formulas.
Mathematical operators
Excel uses standard operators for formulas: a plus sign for addition (+), minus sign for subtraction (-),
asterisk for multiplication (*), forward slash for division (/), and caret (^) for exponents.
All formulas in Excel must begin with an equal’s sign (=). This is because the cell contains, or is equal to,
the formula and the value it calculates. Formulas can also include a combination of cell references and
numbers, as in the examples below:

FUNCTIONS
A function is a predefined formula that performs calculations using specific values in a particular order.
Excel includes many common functions that can be used to quickly find the sum, average, count,
maximum value, and minimum value for a range of cells. In order to use functions correctly, you'll need
to understand the different parts of a function and how to create arguments to calculate values and cell
references.
The parts of a function
In order to work correctly, a function must be written a specific way, which is called the syntax. The
basic syntax for a function is the equals sign (=), the function name (SUM, for example), and one or more
arguments. Arguments contain the information you want to calculate. The function in the example
below would add the values of the cell range A1:A20.
Working with arguments
Arguments can refer to both individual cells and cell ranges and must be enclosed within parentheses.
You can include one argument or multiple arguments, depending on the syntax required for the
function.
For example, the function =AVERAGE(B1:B9) would calculate the average of the values in the cell range
B1:B9. This function contains only one argument.

Multiple arguments must be separated by a comma. For example, the function =SUM(A1:A3, C1:C2, E1)
will add the values of all of the cells in the three arguments.
Creating a function
There are a variety of functions available in Excel. Here are some of the most common functions you'll
use:
➢ SUM: This function adds all of the values of the cells in the argument.
➢ AVERAGE: This function determines the average of the values included in the argument. It
calculates the sum of the cells and then divides that value by the number of cells in the
argument.
➢ COUNT: This function counts the number of cells with numerical data in the argument. This
function is useful for quickly counting items in a cell range.
➢ MAX: This function determines the highest cell value included in the argument.
➢ MIN: This function determines the lowest cell value included in the argument.
The Function Library
While there are hundreds of functions in Excel, the ones you'll use the most will depend on the type of
data your workbooks contain. There's no need to learn every single function, but exploring some of the
different types of functions will help as you create new projects. You can even use the Function Library
on the Formulas tab
to browse functions
by category,
including Financial,
Logical, Text, and
Date & Time.

Directions:
1. Open our practice workbook. (
https://docs.google.com/spreadsheets/d/1fy38NvZz25tDiHWbQv2w_YwDZFIImT4
5/edit?usp=sharing&ouid=105349121592110372698&rtpof=true&sd=true )
Note: Download the file on the link
2. Click the Challenge tab in the bottom-left of the workbook.
3. In cell F3, insert a function to calculate the average of the four scores in cells
B3:E3.
4. Use the fill handle to copy your function in cell F3 to cells F4:F17.
5. In cell B18, use the AutoSum command to insert a function that calculates the
lowest score in cells B3:B17.
6. In cell B19, use the Function Library to insert a function that calculates the
median of the scores in cells B3:B17. Hint: You can find the median function by
going to More Functions > Statistical.
7. In cell B20, create a function to calculate the highest score in cells B3:B17.
8. Select cells B18:B20, then use the fill handle to copy all three functions you just
created to cells C18:F20.
9. When you're finished, your workbook should look like this:
Let’s Do It!

2. create an original or derivative ICT content to effectively communicate or present data or information
related to specific professional tracks.
Animation and Timing in PowerPoint
In PowerPoint, you can animate text and objects like clip art, shapes, and pictures. Animation—or
movement—on the slide can be used to draw the audience's attention to specific content or to make
the slide easier to read.
The four types of animations
There are several animations affects you can choose from, and they are organized into four types.
➢ Entrance: These controls how
the object enters the slide. For
example, with the Bounce
animation the object will drop
onto the slide and then bounce
several times.
➢ Emphasis: These animations
occur while the object is on the
slide, often triggered by a
mouse click. For example, you
can set an object to spin when
you click the mouse.
LESSON 5: ADVANCED PRESENTATION SKILLS
WEEK 6

➢ Exit: These controls how the object exits the slide. For example, with the Fade animation the
object will simply fade away.
➢ Motion Paths: These are similar to Emphasis effects, except the object moves within the slide
along a predetermined path, like a circle.
To apply an animation to an object:
1. Select the object you want to animate.
2. On the Animations tab, click the More drop-down arrow in the Animation group.
3. A drop-down menu of animation effects will appear. Select the desired effect.

4. The effect will apply to the object. The object will have a small number next to it to show that it
has an animation. In the Slide pane, a star symbol also will appear next to the slide.
*At the bottom of the menu, you can access additional effects.

HYPERLINKS
Whenever you use the Internet, you use hyperlinks (also known as links) to navigate from one
webpage to another. If you want to include a web address or email address in your PowerPoint
presentation, you can choose to format it as a link so a person can easily click it. It's also possible to link
to files and other slides within a presentation.
About links
Links have two basic parts: the address of the webpage, email address, or other location they are linking
to; and the display text, which can also be a picture or shape. For example, the address could be
https://www.youtube.com, and YouTube could be the display text. In some cases, the display text might
be the same as the address. When you're creating a link in PowerPoint, you'll be able to choose both the
address and the display text or image.
To insert a link:
1. Select the image or text you want to make a link.
2. Right-click the selected text or image, then click Link. You can also go to the Insert tab and click
the Link command.
3. The Insert Hyperlink dialog box will open.

4. If you selected text, the words will appear in the Text to display field at the top. You can change
this text if you want.
5. Type the address you want to link to in the Address field.
6. Click OK. The text or image you selected will now be a link to the web address.
To insert a link to another slide:
1. Right-click the selected text or image, then click Link.
2. The Insert Hyperlink dialog box will appear.
3. On the left side of the dialog box, click Place in this Document.
4. A list of other slides in your presentation will appear. Click the name of the slide you want to link
to.

5. Click OK. The text or image will now be a link to the slide you selected.
* Adding a link to a shape is similar to creating an action button. We'll talk more about how to
turn a shape into a button in our Action Buttons lesson.
DIRECTIONS: Adapt a Filipino legend story and create a storyboard using PowerPoint presentation. Place
pictures and animations in your story. Place texts as descriptions for the storyboard or dialogue cloud for
the conversation of characters. Save you’re 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. Check the rubrics on how you will be graded. Send your work through your
teacher’s email address.
Let’s Do It!

Have you ever needed to edit an image on your computer but weren't quite sure how to get started?
Perhaps you were asked to edit a picture for a company newsletter or blog article, or maybe you just
wanted to touch up some vacation photos before sharing them with your friends. The truth is, almost any
image can be improved with some slight editing.
While image editing might seem a bit complicated, you don't need to be a professional designer or
photographer to learn how it works. Want proof? Take a look at the images below. We were able to make
this photo look a lot better with a few simple adjustments, and they took less than five minutes to
complete.
Whether you need to work with images at home or at the office, this tutorial will cover the basics you'll
need to know to get started. You should be able to apply these techniques in almost any image editing
software.
Once you know the fundamentals, you can review some of our other tutorials to learn more about using
specific image editing applications.
LESSON 6: IMAGING AND DESIGN FOR ONLINE ENVIRONMENT
WEEK 7

Pixels
Every digital photo is made up of pixels, often
abbreviated as px. You can think of a pixel as a tiny
square that uses a specific color. When you look at
an image file on a computer, you're really looking at
thousands and thousands of pixels. But because
each pixel is so small, you normally won't notice each
of them unless you zoom in.
Dimensions
When you refer to the height and width of an
image, you're talking about its dimensions. For
example, if an image is 500 pixels wide and 200
pixels high, you could say that its dimensions are
500px by 200px (the width is usually listed first).
Let's look at a few other examples.
The image below is 450px by 300px. Because this
image is wider than it is tall, it's using a landscape
orientation.
The image below is 300px by 450px. Because this image is taller than it is wide, it's using a portrait
orientation.

Resolution
You can think of an image's resolution as the amount of detail contained in the image. The higher the
resolution, the more quality the image will have. Resolution is especially important if you're thinking of
printing or resizing an image. This is because you can generally make an image smaller without noticing
much of a difference in the quality. However, making an image larger than its original size will usually
result in a noticeable loss in quality.
In the example below, the smaller version still looks sharp and clear.
If you try to make a low-resolution image any larger, it simply won't have enough detail to look good at
the new size. As you can see in the example below, the resized image is blurry and doesn't have a lot of
detail. You might also notice that some parts of the image look blocky, or pixelated.
File size and image compression
Digital image files can be very large and take up a lot of hard-drive space. Because of this, many file formats
use compression to reduce the file size. There are two main types of file compression:
• Lossy: This compression type removes some information from the image and lowers the overall
quality to reduce the file size.

• Lossless: This compression type does not remove any information from the image, but it typically
cannot reduce the file size as much as lossy compression.
Images that use lossy compression can be saved at different quality levels. The lower the quality, the
smaller the file size. This is because lowering the quality also removes more information from the image.
In the example below, you can see the same image saved at different quality levels.
Recommended file formats
These are the most common file formats. We recommend using them most of the time:
➢ JPEG: Pronounced jay-peg, this file type is commonly used for photographs, and most digital
cameras save photos in this format by default. JPEG uses lossy compression, which means it
provides a reasonably high level of quality without a very large file size.
➢ PNG: Pronounced ping or p-n-g, this file type is commonly used for graphics and illustrations,
although it can also be used for photographs. PNG uses lossless compression, meaning
photographs saved with this format will usually be of a higher quality than JPEG images, but the
file size will be much larger.
➢ GIF: format is GIF. Pronounced gif or jif, the GIF file type was originally designed for graphics but
is now most commonly used for simple animated images online. The image below is an animated
GIF file.

Fundamentals of Design
The fundamentals of design are the foundation of every visual medium, from fine art to modern web
design. They're even present in seemingly unimportant details, like the fonts that make up most
compositions. What do these examples have in common? Some very basic elements, including line,
shape, form, texture, and balance. They might not seem like much on their own, but together, they're
part of almost everything we see and create.
The fundamentals can be intimidating at first, especially if you don't consider yourself an artist. But
keep an open mind—there's a lot they can teach you about working with different assets and creating
simple visuals from scratch.
Line
A line is a shape that connects two or more points. It can be fat, thin, wavy, or jagged—the list goes
on. Every possibility gives the line a slightly different feel.
When working with lines, pay attention to things like
weight, color, texture, and style. These subtle qualities
can have a big impact on the way your design is
perceived.

Shape
A shape is any two-dimensional area with a
recognizable boundary. This includes circles,
squares, triangles, and so on. Shapes fall into
two distinct categories: geometric (or regular)
and organic (where the shapes are more free
form). Shapes are a vital part of communicating
ideas visually. They give images heft and make
them recognizable. We understand street
signs, symbols, and even abstract art largely
because of shapes.
Shapes have a surprising number of uses in everyday design. They can help you organize or separate
content, create simple illustrations, or just add interest to your work. See if you can spot the many
examples in the image below. Shapes are important because they're the foundation of so many things.
Learn to look for them in other designs, and soon you'll start seeing them everywhere.
Form
When a shape becomes 3D, we call it a form. Forms make up a variety of things in the real world, including
sculptures, architecture, and other three-dimensional objects. However, forms don't have to be three-
dimensional shapes. They can also be implied through illustration, using techniques like light, shadow, and
perspective to create the illusion of depth.
In two-dimensional design, form makes realism possible. Without it, renderings like the image below—a
ball with highlights and shading—simply wouldn't be the same. Even images that are less realistic use
similar techniques to create dimension. The lighting and shading are stylized, but still hint at form and
depth. In everyday composition, the purpose of form is the same, but on a smaller scale. For example, a
simple shadow can create the illusion of layers or give an object a sense of place.

Texture
Texture is the physical quality of a surface. Like form, it can be part of a three-dimensional object, as in
the example below (a small prickly cactus in a shiny ceramic pot). Or it can be implied through illustration,
suggesting that it would have texture if it existed in real life.
Balance
Balance is the equal distribution of visual weight (more specifically, how much any one element attracts
the viewer's eye). Balance can be affected by many things, including color, size, number, and negative
space.
Symmetrical
Symmetrical designs are the same or similar on both
sides of an axis. They feel balanced because each
side is effectively the same (if not identical).

Asymmetrical designs are different, but the
weight is still evenly distributed. The
composition is balanced because it calls
attention to the right things (in this example, the
person's name and company logo).
The importance of quality
Of course, it's not just about content.
There's also a technical side to images,
which can have a big impact on your
design. It doesn't matter if the photo
you've chosen is absolutely perfect in every
other way. If it's blurry or pixelated, it could give
the wrong impression.
Raster vs. vector
There's a reason small images lose quality when you
enlarge them. It's because they're made up of
thousands—sometimes even millions—of tiny little
pixels. The word for this type of image is raster. When
you view a raster image at its original size or smaller, the
pixels are invisible—they're just too small to see. They
only become apparent when you zoom in or make the
image larger.
Vector graphics are quite different from raster. You can
make them any size, big or small, without losing quality.
In the example below, the image has been enlarged, but
there's no pixelation—not even a little bit. That's because
vectors are made of something more complex than
pixels. They're rendered using a special form of
geometry. You're not likely to find vector graphics
outside of professional design settings, but it's good to
know what they are.

Layout and Composition
Five basic principles
The key to mastering layout and composition is to think
like a designer. Luckily, it's easier than it sounds. There
are five basic principles that can help you transform your
work and sharpen your eye for design. Keep them in mind
during your next project, and look for ways to apply them.
Proximity
Proximity is all about using visual space to show
relationships in your content. In practice, it's pretty
simple—all you have to do is make sure related items are
grouped together (for instance, blocks of text or
elements in a graphic, as in the example below).
White space
White space is an important part of every composition. Now, this doesn't mean literal white space; it
just means negative space, like the spaces between your content, between lines, and even the outer
margins.
Alignment
Alignment is something you deal with all the time, even if
you don't realize it. Whenever you type an email or create
a document, the text is aligned automatically.
Contrast
Contrast simply means that one item is different from
another. In layout and composition, contrast can help you
do many things, like catch the reader's eye, create
emphasis, or call attention to something important. To
create contrast in the example in the right, we've used
color, more than one style of text, and objects of differing
sizes. This makes the design more dynamic and, therefore,
more effective at communicating its message.

Hierarchy
Contrast is also closely tied to hierarchy, which is a visual
technique that can help the viewer navigate your work. In
other words, it shows them where to begin and where to go
next using different levels of emphasis. Establishing hierarchy
is simple: Just decide which elements you want the reader to
notice first, then make them stand out. High-level or
important items are usually larger, bolder, or more eye-
catching in some way.
Repetition
Repetition is a reminder that every project should have a
consistent look and feel. This means finding ways to
reinforce your design by repeating or echoing certain
elements. For instance, if you have a specific color
palette, look for ways to carry it through. If you've chosen
a special header style, use it every time. It's not just for
aesthetic reasons—being consistent can also make your
work easier to read. When viewers know what to expect,
they can relax and focus on the content.
Editing images
Few stock images are perfect as is, even if they're technically high-quality ones. Maybe the image is the
wrong size or the colors could use some work. Fortunately, even basic programs let you make simple
adjustments. Look for these options the next time you need to fix or enhance an image.
Cropping
Cropping can be used to change the size, shape, or focus of an image, making it useful in many different
situations. Try this feature if your graphic is the wrong dimensions, or if it includes something you'd rather
cut out.

Resizing
Resizing an image will ensure it's the perfect fit for your project. Just remember that you can't make an
image bigger than its original size without affecting its quality. If the image you're working with simply
isn't big enough, it's best to choose something else. You can also find a creative way to work with the
image size you have. In the example below, we've added a background image instead of enlarging the
portrait.
Cosmetic adjustments let you enhance certain image qualities, including brightness, contrast,
saturation, and color. If your favorite program offers filters or presets, you can change your image
dramatically with very little time and effort.

Directions: Take a photo of a landscape and a portrait – be it of yourself, a family member, a friend or a
pet. Create a photo collage where both pictures are edited. Print your work in a short-sized photo
paper. Check the rubric for grading. The following things shall be done on the picture:
1. Cropping
2. Adjusting brightness and contrast
3. Color balancing
4. Combining text with images preferably positive quotes. Don’t forget to cite the original writer!
5. Changing background for portraits only
Let’s Do It!

Direction: Read each item carefully and choose the letter of the correct answer.
1. If you want to remove parts of an image, you can ________ it.
a. Resize b. crop c. rotate d. print
2. Which option would you adjust to make the colors more vivid?
a. sharpness b. saturation c. Noise reduction d. Image dimension
3. Which of the following are image file formats? Check all that apply.
a. .jpg b. .txt c. .gif d. .docx
4. Which of the following is NOT a way to use contrast in a composition?
a. Placing shapes around a central axis.
b. Pairing different typefaces together.
c. Changing the color values.
d. Using various textures.
5. Which type of balance has two sides that are balanced but different?
a. Asymmetrical b. Centered
c. Radial d. Symmetrical
Let’s Answer This!

1. evaluate existing online creation tools, platforms and applications in developing ICT content for
specific professional tracks.
2. apply web design principles and elements using online creation tools, platforms, and applications
to communicate a message for a specific purpose in specific professional tracks.
We will focus on platforms that will allow us to share our own content to the rest of the world. We will
also create a few of them to experience what it is like to use all of them.
A. 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. On the plus side, Facebook has billions of users.
LinkedIn is another example of a social networking site where its focus is on business and
professional networking.
a. Facebook is the biggest and the most popular social platform in the Internet. It is commonly
used by students and is a gaining ground among professionals too.
i. Marketplace – allows users to post, read and respond to classified ads.
ii. Groups – allows users who have common interests to discover each other and
interact.
iii. Events – allows users to publicize an event, invite others users and track those who
plans to attend.
iv. Pages – allows users to create and promote a public page built around a specific
and chosen topic.
v. Presence technology – allows users to see which contacts are online and possible
to chat asap.
b. Instagram is an online mobile media-sharing site that allows users to share pictures and
videos either publicly or privately on the app. Journalist commonly uses this online
platform.
c. Twitter is an online news and social networking service where users post and interact with
messages, “tweets,” restricted to 140 characters. Registered users can post tweets, but
those who are unregistered can only read them.
B. Blogging Platforms. Websites like WordPress, Tumblr, and Blogger focus on content and design. It
typically looks like a newsletter where you are given options to change the design to your liking.
LESSON 7: ONLINE PLATFORMS FOR ICT CONTENT DEVELOPMENT
WEEK 8

Though you can manipulate the design, social media platforms’ popularity is still unrivaled. The
amount of customization in blogs is also unrivaled depending on the content management system
implemented by the provider.
C. Cloud Computing is the delivery of computing services—servers, storage, databases, networking,
software, analytics and more—over the Internet (“the cloud”). Companies offering these
computing services are called cloud providers and typically charge for cloud computing services
based on usage, similar to how you are billed for water or electricity at home. You are probably
using cloud computing right now, even if you don’t realize it. If you use an online service to send
email, edit documents, watch movies or TV, listen to music, play games or store pictures and other
files, it is likely that cloud computing is making it all possible behind the scenes. The first cloud
computing services are barely a decade old, but already a variety of organizations—from tiny
startups to global corporations, government agencies to non-profits—are embracing the
technology for all sorts of reasons.
Uses of cloud computing:
a. Create new apps and services
b. Store, back up and recover data
c. Host websites and blogs
d. Stream audio and video
e. Deliver software on demand
f. Analyze data for patterns and make predictions
Advantages of Cloud Computing:
a. No need to install
b. Saves hard disk space
c. Easy access to your files
d. Saves money
e. No need to update
f. Minimum system requirements
g. Back-up and data recovery are relatively easier
Disadvantages of Cloud Computing:
a. Can be hampered down by slow internet speed
b. May require compatible software
c. You do not own the software
d. Security risks
e. More prone to hacking
f. Limited control over the infrastructure

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.
Create Your Own Blog Using WordPress
1. If you do not have a WordPress account yet, sign up by visiting https://wordpress.com.
2. If it is your first time to visit the site, create your first blog. If you already have a blog, there is no
need to delete it. WordPress allows you to create multiple blogs. Simply click Blog Posts under
Publish in the dashboard.
Let’s Do It!

3. Name your blog then click Publish.
4. Click on Settings to change your site title, tagline and more information on you blog.
You can set your site title and tagline. You may also change the other settings according to your
preference. When done, click on Save Settings located at the top right of the page.

5. On the left menu, choose Themes
6. On the Themes page, select Free to filter out the paid themes.
7. Select any theme you want by hovering the mouse pointer over it then click Activate.

Tip: if you are happy with the current theme, just hover over the theme then click Customize.
8. Once this dialog box appears, click Customize.
9. You will be directed to a page where you can edit your website.
a. Preview Window – shows you how the website would look like with the applied changes.
b. Preview Selection – allows you to select what the preview window is showing. You can
preview how your site would look like in a PC/Mac, a tablet, or a mobile phone
(respectively).
c. Customization Tools – allows you to customize the design (limited for free users), change
the color and header, select a front page, add site widgets, and change the site title.

10. Customize the theme to your liking. Once done, click on Save on the bottom of the
customization tools.
Putting on Your WordPress Blog
It is now time for us to add content to our WordPress blog. Follow these easy steps on how to
post for the first time.
1. On your dashboard, go to Blog Posts, then click Add
2. Creating a post is pretty straightforward in WordPress. Just type a title, customize the URL
(optional), and then post in the editor.
3. Compose a welcome message for your future readers with a minimum of 100 words. (Tip: A
word counter is located at the bottom of the editor.)
4. You may also add a category so that your posts are organized. Add tags so that others can easily
search your posts using the tags you specified.

5. Once done, you may preview your post. Once satisfied, click on Publish to post it on your
website.
Tip: You may also change the visibility options and schedule your post. See the screenshot below.
FOR ASSESSMENT RUBRICS (download the file on the link)
https://drive.google.com/file/d/1dGXiThTGEEYfc96jUDBj7-qAU0P-VHV0/view?usp=sharing

1. define HTML;
2. create a basic web page using Notepad;
3. identify the HTML structure in creating a website; and
4. design a website using an online WYSIWYG platform.
Directions: Choose the best answer for each question. Write the letter of your answer on a separate sheet.
1. What does HTML stand for?
a. Hypertext Markup Language c. Hyperlinks and Text Markup Language
b. Home Tool Markup Language d. None of the above
2. What is the correct sequence of HTML tags for starting a webpage?
a. HTML, HEAD, BODY c. HTML, TITLE, BODY
b. HTML, HEAD, TITLE d. HTML, TITLE, HEAD
3. What does markup tags tell the web browser?
a. How to organize the page c. How to display message box on page
b. How to display the page d. None of these
4. Which of the following tags is the start of web pages?
a. <Body> c. <HTML>
b. <Title> d. <Form>
5. Which one of these is the basic web-designing program?
a. Dreamweaver c. Notepad++
b. Wix d. Notepad
6. Which website builder enables you to create Web pages directly and update the site without the need
of uploading files?
a. online site builder c. HTML
b. offline site builder d. FTP uploader
7. Which of the following statements is false?
a. You can make a website without using HTML
b. You can make a website without using PHP
c. You can make a website without using CSS
d. You can make a website without using Javascript
8. Which of the following statements is true?
a. It shouldn’t just be concerned about the looks but also about user
LESSON 8: BASIC WEB PAGE CREATION
WEEK 9

interface
b. Usability is very important in web design
c. a and b
d. None of the above
9. What section that holds the most of the page's information or content?
a. HTML c. TITLE
b. BODY d. HEAD
10. What application is used to convert HTML codes and display the webpage output?
a. Browser c. Internet Explorer
b. Text Editor d. Source
11. What web page editors work on a ____ principle?
a. www c. WYSIWYG
b. HTML d. Browser
12. What is the name of the address of the hypertext documents?
a. URL c. domain name
b. Server d. Web address
13. What is shared on the Internet and are called Web pages?
a. Programs c. Hypertext documents
b. Cables d. None
14. Which tag is used to display text in the title bar of a web document?
a. Body tag c. Meta Tag
b. Title Tag d. Head Tag
15. What computer language instructs the browser on how to display the hypertext, and adds pictures to
the document is __?
a. Browser c. Internet Explorer
b. Text Editor d. HTML

The Basic Web Design using HTML (Hypertext Markup Language) and the Free Online Website
Builder. Aimed at both beginner and intermediate web designers, this comprehensive, easy-to-
understand module will explain to the learners the fundamentals of web development tools and
techniques. You should have a general background in using a computer, managing files, and a basic
knowledge of the internet. Also, you should be able to navigate to and within a website using a web
browser such as Chrome, Firefox, Internet Explorer, or Safari. The learners do not need to purchase any
software for this course.
What does Web Page mean?
A Web page is a document for the World Wide Web that can be accessed and displayed on a monitor or
smartphone using any web browser. Web pages are made up of Hypertext Markup Language (HTML) and
can be created and modified by using basic applications like Notepad and professional HTML editors.
HTML is Easy to Learn and Use
HTML is easy to learn and understand. For someone who wants to learn web development, HTML is the
first and foremost computer language that you need to take note but do not worry, it is not a sensitive
case and as simple as it is. It already has some tags that serve a specific purpose to make. One can easily
understand others’ code and make changes in to when required without reading a whole book or a
manual. Moreover, it does not throw any errors or create any problems like other programming languages
do when the developer forgets to close the tags or makes mistakes in coding.
HTML is Free
One of the biggest advantages of HTML is that it is free of all cost and there is no need to purchase specific
software for it to be used.
Online Website Builder - Easy Use of Drag-And-Drop Interface
For those who love to make changes to their website, a drag-and-drop interface is convenient.
WYSIWYG
WYSIWYG is the acronym for What You See Is What You Get. This means that whatever you will type,
insert, draw, place, rearrange, or do on a web page is what the audience will see. Just like using Microsoft
Word, WYSIWYG shows and prints whatever you will type on the screen.
HTML
• HTML stands for Hyper Text Markup Language
• HTML describes the structure of a web page
• HTML consists of a series of elements
• HTML elements tell the browser how to display the content
• HTML elements are represented by TAGS
LESSON PROPER

• HTML TAGS label pieces of content such as “heading”, “paragraph”, “table” and so on...
• ,Browsers do not display the HTML tags, but use them to render the content of the page
Requirements in creating a web page using the HTML
1. Editor – using the Notepad (source code) in text
and extension name - .html or .htm.
2. Browser – responsible for reading HTML
instructions and displaying the web page
output. (ex. Internet Explorer, Mozilla Firefox,
Google Chrome)
Creating a Website Using Notepad
Web pages can be created and modified using professional HTML editors. However, in learning HTML, it is
better to use a simple text editor like Notepad. Follow the steps below to create your first web page with
Notepad.
Step 1: Open Notepad
For Windows 8 or above computers:
a. Open the Start Screen (the window symbol at the bottom left on your screen).
b. Search and open the Notepad
Step 2: Write the following HTML:
HTML DOCUMENT
An HTML document is divided into two main sections the head and the body. Each section
contains specific information. The head section contains information about the documents like
title, search engine or keywords but is not visible to the reader. The body section contains the
information or content that you want to appear on the web page.

Step 3: Save the HTML Page
Save the file on your computer. Select File > Save as in the Notepad menu.
Name the file "MyfirstWebsite.html"
Step 4: View the HTML Page in Your Browser
Open the saved HTML file in your browser (double click on the file, or right-click and choose
"Open with")
Creating a Website Using an Online Website Builder
Wix.com is a WYSIWYG cloud-based web development platform that was first developed and
popularized by the Israeli company also called Wix. It allows users to create websites and mobile
sites through the use of online drag-and-drop tools.
For this topic, you will create your own personal website that focuses on your passion or hobby.

1. Create an account on Wix through their website www.wix.com and click GET STARTED.
2. Select “Create a New Site” from the drop-down menu in the top right corner of the dashboard.
Once it’s clicked, Wix will ask what type of website do you want to create. There are options for
everyone, from online stores to personal portfolios.
3. Customize your website with the Wix Editor.
Once you select a template, you can be able to customize it in the Wix Editor using simple drag-
and-drop editing.
4. Update the Texts and Images
At this point, you can get to see a preview page of your chosen template. This is where you can
play around with simple but brilliant editing features, like the dragand-drop design and
textboxes.
5. Personalize the Background
If small images are still not enough, you can also change your template background. The left-
hand sidebar features a ‘Background’ button, which you can use to click and change with ease.
6. Add Pages
Once you created a stunning homepage, there are few other more pages you can add to ensure
that your website has everything visitors are looking for. For example, make sure to include a
“Home”, “About” and a “Contact Us” page.

7. Publish your Wix website
To make your website publicly accessible, you need to publish it. To do so, click “Publish” from the top
menu. However, before Wix will publish your site, the last step in the process is to create your own
subdomain or connect a custom domain. For a serious website, you should connect your own custom
domain name, rather than using a Wix subdomain.

BUSINESS WEBSITE
Directions: Think of a business you would like to build and how you can use your knowledge in creating a
website to promote it. Create a website using WIX.com to tell something about your business including
its nature, the products or services you offer, and how the website can be helpful for your business to
become successful.
FOR ASSESSMENT RUBRICS (download the file on the link)
https://drive.google.com/file/d/1dGXiThTGEEYfc96jUDBj7-qAU0P-VHV0/view?usp=sharing
Answer Key
Let’s do this!

1 identify the roles of each member of a team structure for collaborative ICT development.
2. create a team structure for collaborative ICT development;
3. identify different tools and platforms that can be used for the collaborative development of
ICT content;
4. synthesize the key learnings from the previous modules into integrated ICT content through
collaboration with classmates and teachers as both peer and partner; and
5. develop an online portal, website, or page to showcase and share existing and previously
developed content. These may be in the form of, but not limited to:
• Online newsletter;
• Blog;
• Issuu online "magazine"; and
• Facebook Page.
Directions: Choose the correct answer for each question. Write the letter of your answer on a separate
sheet.
1. Which of the following will best describe a team?
a. Visionary c. Independent
b. Numerous d. Collaborative
2. Which of the following team members is responsible for gathering, processing, and performing
statistical analyses of information related to team’s ICT project?
a. Content Writer and Editor c. Project Manager
b. Data Analyst d. Web Developer
3. If you are good at writing and keen in identifying errors, which role is fitted for you?
a. Editor c. Web Developer
b. Data Analyst d. Project Manager
4. Which of the following Online platforms is categorized as Presentation or visualization?
a. Slideshare c. Facebook
b. Isuu d. Weebly
5. What is the first step in Project Management for ICT Content?
a. Executing c. Planning
b. Initiating d. Closing
WEEK 10
LESSON 9: COLLABORATIVE ICT DEVELOPMENT

6. Which of the following online collaboration tools can be used as to – do list for organizing the tasks of
the team?
a. Trello c. Tumblr
b. Skype d. Google Meet
7. Which of the following platforms can be used for hosting ICT content for online publication?
a. Facebook Page c. Kakao Talk
b. Google Drive d. WeChat
8. Which of the following online collaboration tools can be used to store, organize, and edit ICT
contents?
a. Prezi c. Google Drive
b. Zoom d. Microsoft Teams
9. If you want to publish your ICT content on a blog site, which online platform is best to use?
a. Word press c. Facebook
b. Twitter d. Prezi
10.Which tools can be used for online meeting?
a. Google Drive c. Trello
b. Google Sheets d. Zoom
11.If you want to share an online folder from Google Drive to limited people, which folder sharing mode
would you choose?
a. Restricted c. Anyone with the link
b. Limited d. Private
12. Which of the following is the correct sequence of Project Management of ICT
Content?
a. Executing→ Initiating→ Planning→ Monitoring & Controlling→ Closing
b. Initiating→ Planning→ Executing→ Monitoring & Controlling→ Closing
c. Monitoring & Controlling→ Planning→ Initiating→ Executing→ Closing
d. Planning→ Initiating→ Monitoring & Controlling→ Executing→ Closing
13.Which of the following is NOT a characteristic of a good collaborative tool or platform?
a. Appropriate to team’s goal c. Has complex procedures
b. Easy to use d. Has good security features
14.You are reviewing videos created or collected by your teammates. You are in the process of choosing
the best videos to be posted on your Filipino themed web portal. Which of the following will best
describe the illustrated process?
a. Curating c. Monitoring
b. Planning d. Web Designing
15.Which of the following statement is TRUE about online platforms and tools?
a. The team’s purpose for creating an ICT content is not important in choosing online platforms
and tools to be used.
b. Online platforms and tools separate the team from one another.
c. There is no superior or best online platforms and tools.
a. None of the above

Since you have already gained fundamental knowledge in web page creation and you have created
several outputs from the previous lessons, it is your time to synthesize what you have learned. You will
also turn your materials into more exciting ICT content and showcase them into higher and specific
audiences. Sharing and showing your content can be done alone, but it will be more convenient, more
profitable, and exciting if you create your ICT content collaboratively with your peers or your team.
What’s In
Revisit your output (e-portfolio or photo gallery) from the previous lesson (Web Page Design Using
Templates). Answer the questions below.
1. Are you satisfied with your output? Why or Why not?
_____________________________________________________________________
2. If you will be given a chance to enhance your output, what enhancement will you do?
_____________________________________________________________________
3. Have you encountered difficulties in creating it? What are the issues that you can share while
doing your output?
_____________________________________________________________________
4. If you have somebody to work with your output, do you think that you would have a better
output? Why or Why
____________________________________________________________________
A. Team Structure and Dynamics for ICT Content
In the previous activity, you discovered the difference between a Group and a Team. A Group
involves people who work independently to achieve its goal, while a Team works interdependently where
each member has a specific role or function. Thus, the team interacts dynamically and adoptively to reach
its common goal.
When creating interesting ICT content to be published, it is not enough to have the skills and
knowledge about it, for it would be difficult to maintain and monitor it alone. It is also not enough that
your group works independently because it might lead to inefficiency due to miscommunication. What
you need is to create a “Team Structure.”
Team Structure
Team Structure refers to the creation of an individual team or the creation of a multi-system. It is
an essential component of the teamwork process.

A well-structured team is an enabler for and the result of effective communication, leadership,
situation monitoring, and support.
An effective team structure works collaboratively. It is the key to the success of the ICT project.
Collaboration means individuals work together to produce/ create a well-defined content to achieve a
common business purpose.
In creating ICT content, most teams work collaboratively online. Online collaboration is a work
process where people are interacting in real-time over the internet. It provides a smooth process in the
development of ICT content even without working together physically.
A team must consider these Four (4) Parts of Collaboration in a Flow Process while interacting with
team members:
• Sharing: documenting explicit knowledge
• Understanding: adopting the process knowledge
• Reflection: analyzing or interpreting shared information
• Expression: the process of making known ones thought or feelings
Team Members
An effective team structure is composed of efficient team members who have specific roles and responsibilities.
These team members include:
1. Project Manager: An individual who has general accountability for the successful initiation, planning,
design, execution, monitoring, controlling, and closure of a project.
2. Data Analyst: Someone who gathers, processes, and performs statistical analyses of Data. A person who is
accountable in collecting the data for ICT content.
3. Content Writer and Editor: A person responsible for reviewing the data and finalizes a complete of
information.
4. The Web Designer – A person responsible for creating the appearance, layout, and elements of a website.
The job involves understanding both graphic design and computer programming.
5. The Web Developer – The person technically develops the overall functionalities of a web page.
Facebook page has similar team members except for web designers and web developers because
Facebook already provides it. Instead, the FB page includes other roles like Moderator, Advertiser, and
Jobs Manager. To know more about FB Page Role, visit
https://web.facebook.com/help/289207354498410?_rdc=1&_
B. Online Collaborative Tools and Processes
There are plenty of tools and platforms that are available online, making online collaboration
possible and convenient. Online Collaborative Tools for Creation and Co-creation of ICT Contents Online
collaborative tools for ICT content development that may be used currently include the following:
• Facebook Groups • Microsoft's Yammer
• G Suite • MS Office 365
• Google Chat/ Hangouts • Prezi

• Google Docs, Sheets, and Slides • Trello
• Google Drive • Zoom
• Microsoft Teams • Skype/ Viber/ Kakao Talk/
WeChat/ Line
Using Google Drive for Collaboration
In creating and co-creating ICT content, storage, and organization of files is necessary. It will be
safe and convenient if the content will be stored on clouds and available for the members to edit and
organize anytime, anywhere. However, each member should be responsible in keeping the files. Google
Drive provides a service for file storage on clouds and collaboration for online sharing, editing, and
organizing through "Shared Folders.
A. Steps in Creating Folder/s in Google Drive
1. Make sure that each member has a Google account.
2. Sign-in to your Google Drive account.
3. Create a folder by clicking “New.” Then a pop-up window will appear
then, click “Folder.”

4. Another pop-up window will appear. Type a Name for the new folder
then, click “CREATE.” A folder will be created.
5. You can create as many folders as necessary for the project by repeating step
3 to 4.
Online Platforms for Hosting ICT Content
After creating and finalizing your content, it is now ready to be published online. Platforms that
may be currently used to host newsletters and similar ICT content include the following:
• Presentation/ visualization (Prezi, Soho, Slideshare, Mindmeister)
• Cloud computing (Google Apps)
• Social Media (Facebook Pages, Tumblr)
• Web Page Creation (Wix, Weebly)
• Blog sites (Blogger, Wordpress, Livejournal, Issuu)
Characteristics of Good Collaborative Tools and Platforms
Always remember that there are no superior tools. The productivity of a tool is dependent on the
intended purpose of the team. Hence, in choosing an appropriate tool, the team must consider the
following:

• The tool must be user friendly.
• The tool has elements that are appropriate for the team's goal.
• The tool prioritizes security and privacy.
C. Project Management for ICT Content
The application of knowledge, skills, tools, and techniques to project activities is called Project
Management. It is needed to achieve project requirements, usually to time and budget.
It includes overseeing projects for software development, hardware installations, network
upgrades, cloud computing and virtualization rollouts, business analytics, and data management projects
and implementing IT services. Project Management is done by applying and integrating project
management processes which are organized in five distinct phases:
Five Phases of Project Management
(Adapted from the ICT Project Management by Institutional and Sector Modernization Facility)
• Initiating - An overview of the objectives of the project, needs, and the problem is identified. It is where
you create the project charter with the Project Manager assigned to the project.
• Planning - This is where a successful project conclusion is worked out by the project manager and the
project team. The team brainstorms the ICT theme to be published, together with the collaborative tools
and online platforms to be used.
• Executing - This is where the project team goes about executing the project plan once the project plan
has been constructed. The curation of ICT content may occur in this phase for quality assurance. Content
writers and editors are essential in this phase. After all the preparation has been done, publishing
the ICT content online may now take place.
• Monitoring and Controlling - This is where the project manager monitors and controls the work for a
time, cost, scope, quality, risk, and other factors while the project is being executed. It is also an ongoing

process that ensures that the project meets its focus for each project objective. Other members, primarily
the web developer, may work in this phase collaboratively with the project manager.
• Closing- This happens when each phase is ended and when each entire project is concluded. It happens
to ensure that all the work has been finished, completed, and approved.
D. Curating Existing Content for Use on the Web
Content curation is the process of publicly gathering, organizing, adding value, and openly sharing
digital information artifacts on a specific topic or area of audience interest. It intends to add your personal
touch, as the creator, to a handpicked collection of content. They are gathered from a variety of sources,
in a specific topic, that you publish and share with your audience wherever they may be.
Creating and Choosing Valuable ICT Content
The success of an online portal, page, or website is dependent upon its content. The content must
be exciting and worthy of the time of the specific audience. Thus, in developing ICT content, the team
must consider the following steps in creating and choosing valuable ICT content.
1. Define your objectives: specify the main goal that needs to be promoted in your content.
2. Research and analyze: extract information from different resources regarding the topic you
want to write.
3. Organize the structure of your article: give an overview of your topic to help readers understand
what your topic is.
4. Summarize and proofread: create a summary of the information you have gathered and
analyzed to make sure your article is free of graphical errors.
Three (3) Rules in Creating Quality Content
• Informative – it should provide valuable and useful information to the reader.
• Interesting - it should catch the readers' attention from the title to the last part of your content.
• Relevant – it should reflect how much you know the subject of your content enough and who it
is being written to make it relevant to both.

Activity 1. Create your team for the web portal. Write the assigned person's name for a specific role and
indicate the reason for choosing him/her.
Let’s do this!

Activity 2. Create a two (2) week implementation plan by completing the table below.
Activity Time Frame Person Involve
Online Tools or
Platforms to be
used
Initiating
Planning
Executing
Monitoring and
Controlling
Closing
Activity 3. Do the following activity with your teammates. Each member MUST submit an individual
output that will be forwarded to the teacher.
1. If you are the team's project manager, create a folder to be shared on Google Drive. Name it as
"SUGGESTED THEME."
2. All members, including the project manager, will make an individual slide presentation about their
suggested theme for the web portal.
3. The slide presentations will be uploaded to the shared folder created by the team's project manager.
4. The project leader will lead a video call with the team members and discuss each team's presentation
to decide for the team's theme on their web portal.
Notes to the Teacher
If it is not possible to complete the team with their classmate,
the teacher may suggest peers from other sections or schools,
their relatives, or other teachers.
Notes to the Teacher
The teacher may suggest transferring the implementation plan
to any online to-do checklist like Trello.

5. The team will take a screenshot of the Google Drive screen, showing the shared folder and online
meeting.
6. Paste the screenshot on Word Document using the format below. Indicate the names of your team
and your Strand, Grade Level, and Section.
7. Send the word document to your teacher via e-mail.
ANSWER KEYS
Team’s Name:
Project Manager:
Data Analyst:
Content Writer/Editor:
Web Designer:
Web Developer:
Strand, Grade Level, and Section:
Screen Shot of Google Drive:
Screen Shot of Online Meeting:

Team's Web Portal
1. Create a web portal using any Web Page Creation or Blog Sites with your team.
2. The web portal's theme should be agreed upon by the team.
3. Web portal created will be graded according to the rubrics below.
CATEGORY 4 3 2 1
Background
Background is
exceptionally
attractive,
consistent across
pages, adds to the
theme or purpose
of the site, and
does not detract
from readability.
Background is
attractive,
consistent across
pages, adds to the
theme or purpose
of the site, and
does not detract
from readability.
Background is
consistent across
pages and does
not detract from
readability.
Background
detracts from
the readability
of the site.
Color Choices
Colors of
background,
fonts, unvisited
and visited links
form a pleasing
palette, do not
detract from the
content, and are
consistent across
pages.
Colors of
background,
fonts, unvisited
and visited links
do not detract
from the content
and are consistent
across pages.
Colors of
background,
fonts, unvisited
and visited links
do not detract
from the content.
Colors of
background,
fonts, unvisited
and visited links
make the
content hard to
read or
otherwise
distract the
reader.
Fonts
The fonts are
consistent, easy to
read and point
size varies
appropriately for
headings and text.
Use of font styles
(italic, bold,
underline) is used
consistently and
improves
readability.
The fonts are
consistent, easy to
read and point
size varies
appropriately for
headings and text.
The fonts are
consistent and
point size varies
appropriately for
headings and text.
A wide variety
of fonts, styles
and point sizes
was used.
Graphics
Graphics are
related to the
theme/purpose of
the site, are
thoughtfully
cropped, are of
high quality and
enhance reader
interest or
understanding.
Graphics are
related to the
theme/purpose of
the site, are of
good quality and
enhance reader
interest or
understanding.
Graphics are
related to the
theme/purpose of
the site, and are of
good quality.
Graphics seem
randomly
chosen, are of
low quality, OR
distract the
reader.
PERFORMANCE TASK

CATEGORY 4 3 2 1
Spelling and
Grammar
There are no
errors in spelling,
punctuation or
grammar in the
final draft of the
Web site.
There are 1-3
errors in spelling,
punctuation or
grammar in the
final draft of the
Web site.
There are 4-5
errors in spelling,
punctuation or
grammar in the
final draft of the
Web site.
There are more
than 5 errors in
spelling,
punctuation or
grammar in the
final draft of the
Web site.
Content
The site has a
well-stated clear
purpose and
theme that is
carried out
throughout the
site.
The site has a
clearly stated
purpose and
theme but may
have one or two
elements that do
not seem to be
related to it.
The purpose and
theme of the site is
somewhat muddy
or vague.
The site lacks a
purpose and
theme.
Layout
The Web site has
an exceptionally
attractive and
usable layout. It is
easy to locate all
important
elements. White
space, graphic
elements and/or
alignment are
used effectively to
organize material.
The Web pages
have an attractive
and usable layout.
It is easy to locate
all important
elements.
The Web pages
have a usable
layout but may
appear busy or
boring. It is easy
to locate most of
the important
elements.
The Web pages
are cluttered
looking or
confusing. It is
often difficult to
locate important
elements.
Content
Accuracy
All information
provided by the
student on the
Web site is
accurate and all
the requirements
of the assignment
have been met.
Almost all the
information
provided by the
student on the
Web site is
accurate and all
requirements of
the assignment
have been met.
Almost all of the
information
provided by the
student on the
Web site is
accurate and
almost all of the
requirements have
been met.
There are
several
inaccuracies in
the content
provided by the
students OR
many of the
requirements
were not met.

REFERENCES:
https://www.slideshare.net/maricelbaldomerodelara/lesson-
1empowermenttechnology
https://www.surveymonkey.com/r/ET_studentreadiness
https://www.slideshare.net/AngelitoQuiambao/onlineplatforms-for-ict-
contentdevelopment-169954837
https://www.avg.com/en/signal/what-is-spyware
https://itigic.com/tag/adware/
https://dlpng.com/png/6702600
https://www.gtmaritime.com/free-phishing-penetration-test/
https://shieldguide.wordpress.com/2017/03/12/think-before-you-click/
https://cdn.dal.ca/content/dam/dalhousie/pdf/library/CoreSkills/6_Criteria_fo
r_Websites.pdf
https://www.slideshare.net/AngelitoQuiambao/onlineresearch-107104482
www.lib.umd.edu/tl/guides/evaluating-checklist
https://support.google.com/a/users/answer/1631886?hl=en
https://edu.gcfglobal.org/en/word2016/mail-merge/1/
https://edu.gcfglobal.org/en/word2016/applying-and-modifying-styles/1/
https://edu.gcfglobal.org/en/excel/functions/1/
https://edu.gcfglobal.org/en/powerpoint/animating-text-and-objects/1/
https://edu.gcfglobal.org/en/imageediting101/getting-started-with-image-
editing/1/
https://edu.gcfglobal.org/en/beginning-graphic-design/fundamentals-of-
design/1/
https://erikseanblog.wordpress.com/2017/08/21/online-platforms-for-ict-content-
development/
https://erikseanblog.wordpress.com/2017/08/21/online-platforms-for-ict-content-
development/
Empowerment Technologies Quarter 1 – Module 9: Web Page Designing
Empowerment Technologies Quarter 1 – Module 11: Collaborative Development
of ICT Content

ETECH_Chapter 1_Module_2022-2023.pdf

More Related Content

Similar to ETECH_Chapter 1_Module_2022-2023.pdf (20)

More from JayjZens (20)

Recently uploaded (20)

ETECH_Chapter 1_Module_2022-2023.pdf