Leap Etech 1st Quarter

W1
Learning Area EMPOWERMENT TECHNOLOGIES Grade Level 11/12

Quarter Date
I. LESSON TITLE Introduction to Information and Communication Technologies

II. MOST ESSENTIAL LEARNING The learners:
COMPETENCIES (MELCs)  compare and contrast the nuances of varied online platforms, sites, and content to best
achieve specific class objectives or address situational challenges (CS_ICT11/12-ICTPT-
Ia-b-1)
 apply online safety, security, ethics, and etiquette standards and practice in the use of
ICTs as it would relate to their specific professional tracks (CS_ICT11/12-ICTPT-Ia-b-2)
III. CONTENT/CORE CONTENT A. Information and Communication Technology covering the topics of:
1. The current state of ICT (i.e., Web 2.0, 3.0, convergent technologies, social, mobile,
and assistive media);
2. Online systems, functions, and platforms.
B. Online safety, security, ethics, and etiquette
REFERENCES:
http://deniseramos-ict.blogspot.com/2015/09/famous-people-behind-computers-and.html
February, 2021
https://ahs.aurorahuskies.org/wp-Retrived
content/uploads/sites/3/2016/10/deep_map_essay_rubric.doc. February, 2021
https://blogs.worldbank.org/edutech/10-global-trends-in-ict-and-education February,
2021
https://drive.google.com/file/d/1ca9oCMOGrQuLvFAnm8OxZYxLkuiDq-m0/view February,
2021
https://luminet.co.uk/top-10-common-internet-threats/ February, 2021
https://quizizz.com/join?gc=44531228 February, 2021
https://www.voicesofyouth.org/blog/dangers-internet-beyond-cyberbullying February, 2021
https://www.youtube.com/watch?v=RwapI9x1GI8 February, 2021
Suggested
IV. LEARNING PHASES Learning Activities
Timeframe
A. Introduction Motivation Questions:
Panimula 1. How many times have you checked your phone this morning?
2. How many status updates have you posted in Facebook or Twitter today?
3. Did you use the Internet after you woke up this morning?
4. Do you follow a celebrity via his/her social media account?
If you happen to be “guilty as charged” in most of these questions, chances are, you
are a digital native. And chances are, from the moment you were born, you were surrounded
by technology, you are surrounded by ICT.
WHAT THEN IS ICT?

It deals with the use of different communication technologies such as mobile phones,
telephone, Internet, etc. to locate, save, and edit information.
When we make a video call, we use the Internet. When we send a text or make a call,
we use cellular networks.
FAMOUS PERSONALITIES BEHIND THE ICT

a. BILL GATES – He introduced Microsoft
b. STEVE JOBS – He introduced Apple
c. MARK ZUCKERBERG – He pioneered Facebook and later bought Instagram
d. MARTHA LANE FOX – developed last-minute.com., an online booking site for
airlines, hotels, restaurant and everything under the sun. Her website relied heavily
on online systems which other websites soon followed suit.
e. TIM BERNERS-LEE – invented the World Wide Web, an Internet-based hypermedia
initiative for global information sharing.
*Click this link to learn more about Famous Personalities in the field of ICT:
https://tinyurl.com/3r6f44xh
1|Page
Suggested
Timeframe
ICT IN THE PHILIPPINES
• More ICT-related jobs and companies are established.
• Owning multiple phones/gadgets at the same time.
• Increase in text messages, chat messages and emails sent each day.
• Different services, news and new information are easily access through the internet.
• A lot of selfies are taken and posted in social media each day.
WHAT IS INTERNET?
• Is the global system of interconnected computer networks that use the Internet
protocol suite to link billions of devices worldwide;
• Means of connecting a computer to any other computer anywhere in the world via
dedicated routers and servers.
Top Internet Service Providers in the Philippines

1. Converge ICT Solutions
2. One SKY
3. PLDT
4. Globe Broadband
5. Rise
WHAT IS WORLD WIDE WEB (WWW)?

• 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.
Examples of WWW
1. www.google.com
2. www.facebook.com
3. www.youtube.com
WHAT IS WEB PAGE?

• Web page is a hypertext document connected to the World Wide Web.
• It is a document that is suitable for the World Wide Web.
WHAT IS WEBSITE?
• A location connected to the Internet that maintains one or more pages on the
World Wide Web.
• It is a related collection of World Wide Web (WWW) files that includes a beginning
file located a home page.
WHAT IS WEB BROWSER?

• It displays a web page on a monitor or mobile device.
• It is a software application for retrieving, presenting, and traversing information
resources on the World Wide Web.
Remember, ICT is one of the best ways to improve business sales and it is important
for you to know how to use it your advantage. One advantage is for customers to share their
thoughts with you online, directly on your web page. That way, the customers would feel
that you are responsive and very open in listening to their thoughts. But in order to do that,
you have to make your website dynamic.
NOW, LET US DIG DEEPER INTO THE HISTORY OF WORLD WIDE WEB.
WHAT IS WEB 1.0 STATIC?

When the World Wide Web was invented, most web pages were static.
 It is also known as flat page or stationary page because the page is “as is” and
cannot be manipulated by the user.
 The content is also the same for all users.
*Please click this link for additional information on this topic.
WHAT IS WEB 2.0?
2|Page
Suggested
Timeframe
 It allows users to use web browsers instead of just using their operating system.
 Browsers can now be used for their user interface, application software (or web
applications), and even for file storage.
 Examples of Web 2.0 include social networking sites, blogs, wikis, video sharing
sites, hosted services, and web applications.
WHAT IS WEB 3.0 AND THE SEMANTIC WEB?

• SEMANTIC WEB is a movement led by the World Wide Web Consortium (W3C).
• The W3C standard encourages web developers to include semantic content in their
web pages.
• Tim Berners Lee – inventor of World Wide Web, noted that the Semantic Web is a
component of Web 3.0.
GOING FURTHER, LET US DIG DEEPER ON THE TRENDS IN ICT

1) CONVERGENCE
a) Technological convergence is the synergy of technological advancements to work
on a similar goal or task.
b) Convergence is using several technologies to accomplish a task conveniently.
2) SOCIAL MEDIA
a) is a website, application, or online channel that enables web users to create, co-
create, discuss, modify, and exchange user-generated content.
3) MOBILE TECHNOLOGIES
a) The popularity of smartphones and tablets has taken a major rise over the years.
Several of these devices are capable of using high-speed Internet. Today, the
latest mobile devices use 4G Networking (LTE), which is currently the fastest
mobile network
4) ASSISTIVE MEDIA
a) is a nonprofit service designed to help people who have visual and reading
impairments. A database audio recordings is used to read to the user
*Click this link to a blog for additional information: https://tinyurl.com/ycx26fxm
NOW LET US TALK ABOUT SAFETY

*Click this to watch video: https://tinyurl.com/5c3ssjuz
RULES OF NETIQUETTE
• Online security, safety and ethics
• Internet threats
• Protecting reputations online
• Copyright
• Contextualized online search and research skills
What is internet Safety?

It refers to the online security or safety of people and their information when using
the internet.
As teenagers, you are all exposed to many things powered by the Internet. Whether it
is socializing, playing games, reading sports news, shopping, etc., the Internet years, did not
have.
The Internet, truly, is a powerful tool. It can be used to promote your business, gain
new friends, and stay in touch with the old ones. It is also a source of entertainment. But
like most things in this world, there is always “another side of the coin.” The Internet is one
of the most dangerous places, especially if you do not know what you are doing.
INTERNET THREATS
A. Malware – stands for malicious software; It is a set of instructions that run on your
computer and make your system do something that an attacker wants it to do.
3|Page
Suggested
Timeframe
B. Spam – unwanted email mostly from bots or advertisers. It can be used to send
malware.
C. Phishing – Its goal is to acquire sensitive personal information like passwords and credit
card details.
IN ORDER TO BE SAFE ALL THE TIME, TAKE THE NETIQUETTE “GOLDEN RULE”:
D. Development Learning Task 1:
Pagpapaunlad Fill in the table what is being asked;
A. Choose any 5 of the presented platforms, sites or content and rank them from 1 –
5 according to how it fits your needs.
B. Compare and contrast them by writing on the columns their advantages and
disadvantages.
platforms, sites or content Advantages Disadvantages
1
2
3
4
5
Learning Task 2:
Create a campaign material promoting “Think before you click.” This could be in a form of
poster. Then post this material on your timeline.
As a student, this is the least that we can contribute to spread awareness in social media.
Grading rubric is adopted from:
https://mcgrath.nd.edu/assets/325070/awareness_campaign_proposal_template.pdf
Awareness Campaign Project Rubric

Total Teacher
Category Scoring Criteria Score
Points Comments
Issue The issue selected as the focus 3
for the awareness campaign is
an important one and one the
campaigner feels a particular
concern for. Sufficient
justification for and
explanation of this is provided
in the project.
Articulation of What the issue is, how it 3
Issue affects individuals society, or
another entity (for example,
the environment) and the goal
for the awareness campaign
are accurately and clearly
articulated.
Audience The audience that is the 3
primary target of the
awareness campaign is clearly
named and has or will have
power to affect change
related to the selected issue
Analysis of the The views and values of 3
audience members of the target
audience have been
considered and the analysis is
reasonable and sufficiently
explained.
Response to The proposal considers how 3
audience the views and values of
members of the audience may
4|Page
Suggested
Timeframe
views and affect their awareness of the
values issue and/or campaign
messages.
Tailoring the There is a plan for how the 3
issue to the presentation of the issue and/
audience or campaign will be tailored in
some way to address the
views and values of the
audience.
Tailoring of Evidence is provided to 3
the campaign suggest that the campaign
to other responds to other details
audience about the audience in its
details media or message.
Major Messages are included, 3
campaign relevant and clearly stated.
messages
Campaign The plan for the campaign is 3
plan described in sufficient detail
so that others can understand
how it would unfold
Media Evidence of thoughtful media 3
selection selection is presented.
Appropriate justifications are
made.
Score Total Points 30
C. Engagement Learning Task 3:
Pakikipagpaliha  Narrate your reflection on the importance of technology as you experience it in your
n life.
 Post your reflection in the timeline of your facebook account.
 At the end of your reflection, challenge 5 of your friends by tagging them to do the same
and tag you at the end of their post, including 5 of their other friends to who they pass
the challenge of doing the same.
 Let us see the benefits of technology as it comes from the testaments of the people in
the social media.
Note well that you be graded according to the number of people you and your friends have
challenged.
D. Assimilation Formative assessment 1:
Paglalapat
Option 1: Quizizz Application will be utilized (Link for Quizizz:
https://quizizz.com/join?gc=44531228)
Option 2: Zipgrade Application will be utilized
Answer sheet:
READ AND COMPREHEND Each item. In your answer sheet, shade the circle that corresponds
the letter of your best answer. No erasures.
1. He introduced Microsoft: (a) BILL GATES; (b) STEVE JOBS; (c) MARK ZUCKERBERG; (d)
MARTHA LANE FOX; (e) TIM BERNERS-LEE
5|Page
Suggested
Timeframe
2. He introduced Apple: (a) BILL GATES; (b) STEVE JOBS; (c) MARK ZUCKERBERG; (d)
MARTHA LANE FOX; (e) TIM BERNERS-LEE
3. It is a document that is suitable for the World Wide Web. (a) WEB PAGE; (b) WEBSITE; (c)
WEB BROWSER
4. It is a related collection of World Wide Web (WWW) files that includes a beginning file
located a home page. (a) Web page; (b) WEBSITE; (c) WEB BROWSER
5. It is a software application for retrieving, presenting, and traversing information resources
on the World Wide Web. (a) Web page; (b) WEBSITE; (c) WEB BROWSER
V. ASSESSMENT In your Learning Task 2 and Learning Task 3 in your Facebook timeline, collect at least three
(Learning Activity Sheets for (from each LT) and write a narrative reflection for each. Be creative in presenting your
Enrichment, Remediation or
output.
Assessment to be given on the
following Week)
Attached is the Rubric for Narrative Essay—Deep Map Essay adopted from
https://ahs.aurorahuskies.org/wp-
content/uploads/sites/3/2016/10/deep_map_essay_rubric.doc
VI. REFLECTION  The learner communicates the explanation of their personal assessment as indicated in
the Learner’s Assessment Card.
 The learner, in their notebook, will write their personal insights about the lesson using
the prompts below.
I understand that ___________________.
I realize that ________________________.
I need to learn more about __________.
W2
Quarter Date
I. LESSON TITLE Contextualized online search and research skills

II. MOST ESSENTIAL LEARNING The learners: use the Internet as a tool for credible research and information gathering to best
COMPETENCIES (MELCs) achieve specific class objectives or address situational challenges. CS_ICT11/12-ICTPT-Ia-b-3
III. CONTENT/CORE CONTENT ICT in the context of global communication for specific professional track
Suggested
Timeframe
E. Introduction INTERNET SEARCH/RESEARCH
Panimula
In the previous lesson, we learned about the varied online platforms, sites, and content.
With these topics, you were able to decipher the hanging questions regarding internet and
technology. The knowledge of the previous lesson also helped you maximize the potential of
technology in education.
Moreover, we touched on topics regarding online safety, security, ethics, and etiquette
standards and practice in the use of ICT.
In this week’s lesson, we will learn how Internet can be a tool for credible research and
information gathering.
Internet research is the practice of using Internet information, especially, free

information on the World Wide Web, in research. It is:
 focused and purposeful (so not recreational browsing alone);
 uses Internet information or Internet-based resources (like Internet discussion forum);
 tends towards the immediate (drawing answers from information you can access without
delay);
 and tends to access information without a purchase price.
CLICK THIS LINK for additional readings. https://tinyurl.com/EtechW2
THE RESEARCH PROCESS
6|Page
Suggested
Timeframe
Lessons and projects should be designed so that research time on the Web can be
maximized in terms of efficiency. This may mean gathering necessary information beforehand,
having students work in groups, or focusing on whole-class projects.
Barron and Ivers (1996) outlined the following cycle for online research projects.
 Step 1: Questioning --- Before going on the Internet, you should structure their questions.
 Step 2: Planning --- Develop a search strategy with a list of sites to investigate.
 Step 3: Gathering --- Use the Web to collect and gather information.
 Step 4: Sorting & Sifting --- Analyze and categorize the data they gathered on the Web.
 Step 5: Synthesizing --- Integrate the information into the lesson and draw conclusions.
 Step 6: Evaluating --- Assess the results, and if necessary, begin the process again.
SEARCHING THE WEB
There are billions of pages of information on the World Wide Web, and finding relevant
and reliable information can be a challenge. Search engines are powerful tools that index
millions of web sites. When entering a keyword into a search engine, you will receive a list
with the number of hits or results and links to the related sites. The number of hits you receive
may vary a great deal among different search engines. Some engines search only the titles of
the web sites, and others search the full text. Techniques for using the different search tools
vary. For best results, read the search tips or hints that are provided at each search site. Also,
note that some of the search engines do not allow Boolean searches that combine words with
the logical connectors of AND, OR, or NOT.
Click this link for additional readings: https://tinyurl.com/EtechW2-b
Evaluating Internet sources

Students often uncritically accept information they see in print or on computer screens.
Factors like accuracy, authority, objectivity, timeliness, and coverage will help analyze web
resources. Consideration of these factors will weed out many of the inaccurate or trivial sites
students may encounter. The following questions will aid us in evaluating web resources:
Accuracy
 Are sources listed for the facts?
 Can information be verified through another source?
 Has the site been edited for grammar, spelling, etc.?
Authority
 Is the publisher reputable?
 Is the sponsorship clear?
 Is a phone number or postal address available?
 Is there a link to the sponsoring organization?
 Is the author qualified to write on this topic?
Objectivity
 Does the sponsor have commercial interests?
 Is advertising included on the page?
 Are there obvious biases?
 Currency Is a publication date indicated?
 Is there a date for the last update?
 Is the topic one that does not change frequently?
Coverage
 Are the topics covered in depth?
 Does the content appear to be complete?
Copyright issues
Everyone has a somewhat flexible, but not unlimited copyright privilege under the "fair
use clause" of the U.S. Copyright Act. "Fair use" is the means by which educators of non-profit
educational institutions may use copyrighted works without seeking permission or making
payment to the author or publisher. Teachers and students are also protected to some extent
by the Digital Millennium Copyright Act, which went into effect in October 1998. Under
current guidelines, teachers and students are able to make limited use of copyrighted
materials for instructional purposes. Copyright protects "original works of authorship" that are
in a tangible form of expression.
7|Page
Suggested
Timeframe
Click this link for additional readings: https://tinyurl.com/EtechW2-c
F. Development Learning Task 1:

Pagpapaunlad Answer each of the following questions in two to three sentences only.
1. Which search engine would be the best if you were looking for something very
obscure?
2. Did searching for "Space Needle" always result in more hits or less hits than
searching for needle? Why?
3. Which search engine seemed to display the result fastest?
4. Which search engine seemed to display the result fastest?
Click this link for the grading Rubric: https://tinyurl.com/EtechW2-d
Learning Task 2:
 Using the major search engines on the Web, find the word “sheep.”
 Fill out the following chart, noting the number of hits you receive in each of the search
engines for the word “sheep”and the phrase “black sheep.”
Search Engine Search for “sheep” Search for “black sheep”

Google Chrome
Mozilla Firefox
Microsoft Edge
Yahoo
Number of hits is shown in the image below:
G. Engagement Learning Task 3:

Pakikipagpalihan  Try another search.
 This time, look for sites that contain all of these words:
o Sleeping
o beauty
(Hint: On many of the search engines you can specify that certain words MUST be included by
adding a plus sign (+) in front of the given words: sleeping +beauty.)
 note the number of hits you receive in each of the search engines.
Search Engine Search for “Sleeping” Search for “beauty”

Google Chrome
Mozilla Firefox
Microsoft Edge
Yahoo
H. Assimilation FORMATIVE ASSESSMENT

Paglalapat
8|Page
Suggested
Timeframe
PART 1
TRUE OR FALSE: Shade the circle that corresponds your answer.
A. True
B. False
1) Using quotation marks will help to find specific phrases involving more than one word.
2) Adding a + sign before a word means that it MUST be included in each site listed.
3) Adding a - sign before a word means that it will NOT appear in the sites listed.
4) Asterisks can be used for wild-cards in some search engines.
5) Copyrightable works include the following categories: literary works; musical works,
including any accompanying words; dramatic works, including any accompanying music,
pantomimes, and choreographic works; pictorial, graphic, and sculptural works; motion
pictures and other audiovisual works; sound recordings; architectural works .
PART 2
MULTIPLE CHOICE TEST: Shade the circle that corresponds your answer.
A. Accuracy
B. Authority
C. Objectivity
D. Coverage
6. Can information be verified through another source? This evaluation question falls under
what Evaluating-Internet-sources category?
7. Has the site been edited for grammar, spelling, etc.? This evaluation question falls under
what Evaluating-Internet-sources category?
8. Is the publisher reputable? This evaluation question falls under what Evaluating-Internet-
sources category?
9. Is a phone number or postal address available? This evaluation question falls under what
Evaluating-Internet-sources category?
10. Does the sponsor have commercial interests? This evaluation question falls under what
11. Is advertising included on the page? This evaluation question falls under what Evaluating-
Internet-sources category?
12. Are the topics covered in depth? This evaluation question falls under what Evaluating-
Internet-sources category?
13. Does the content appear to be complete? This evaluation question falls under what
V. ASSESSMENT ADDITIONAL ENRICHMENT ACTIVITIES:

(Learning Activity Sheets for  Using the other known search engines on the Web, find the word “ethics” and
Enrichment, Remediation or “morality.”
Assessment to be given on  Fill out the following chart, noting the number of hits you receive in each of the search
Week 3) engines for the word “ethics” and the phrase “morality.”
Search Engine Search for “ethics” Search for “morality”
Bing
Ask.com
AOL
Chacha.com
VI. REFLECTION  The learner communicates the explanation of their personal assessment as indicated in the
Learner’s Assessment Card.
9|Page
Suggested
Timeframe
 The learner, in their notebook, will write their personal insights about the lesson using the
prompts below.
I realize that ________________________.
W3
Quarter Date
I. LESSON TITLE Applied productivity tools with advanced application techniques.

II. MOST ESSENTIAL LEARNING Uses of common productivity tools effectively by maximizing advanced application techniques.
COMPETENCIES (MELCs) CS_ICT11/12-ICTPT-Ic-d-4
III. CONTENT/CORE CONTENT Applied productivity tools with advanced application techniques.
Suggested
IV. LEARNING PHASES
Timeframe Learning Activities
I. Introduction Applied productivity tool is the used of those Software Application. It has a vital role in all
Panimula 4 HOURS aspects of work or fields. This is one of the powerful tools that can support the different fields to
make the work easier and faster. Software applications are computer programs that perform specific
functions such as personal, business, educational, medical and other fields.
Every software application has its own uses in a specific field. It is created to effectively perform
a variety of activities or functions. Those functions maybe in managing the information like students
records, employees information. It can be used to manipulate the data so that we can customize the
information that we want to share. Constructing visuals such as info graphics, signage and diagrams
are also its functions. Also, it can be used in coordinating resources which can help to monitor the
current situations of the company or establishment in terms of availability of the resources, and also
calculating figures such doing the computation of employees’ salary, company sales, and others.
Those are some functions of application software but not limited on that.
In this lesson, we will focus on the uses of those common productivity tools specifically the
word processing using Microsoft word (MS word). In this particular lesson the different types of word
processor application will be discussed for you to be knowledgeable of the Microsoft word as used
as word processor. We will tackle the environment and the advance application techniques of
Microsoft word specifically “Mail Merge Function” and “Integration of Images” on the documents to
maximize and use the tools effectively. Moreover, you are expected that you will independently
apply those techniques in creating or developing ICT specific content.
LET US HAVE A SIMPLE SELF ASSESSMENT.
Give your own opinion or observation about the situation.
Have you ever experienced to create an invitation letter in birthday, wedding, meetings, or
any gatherings? Or have you seen your friends, relatives, individual who gave an invitation letter for
any of those mentioned events? Or maybe you have seen at least an invitation. How is it look like?
Is it made by handwriting or computerized?
How about if you are the one assigned to do an invitation letter in an event with a hundred,
or thousands of recipients. What software application are you going to use? And why are you going
to choose it? Then what will you do to provide all recipients a copy?
_____________________________________________________________________________
_____________________________________________________________________________
_____________________________________________________________________________
_____________________________________________________________________
LET US BEGIN THE JOURNEY
10 | P a g e
Suggested
IV. LEARNING PHASES
Word Processing
Word Processing is a manipulation, creating, saving and printing of documents. It is very helpful
in terms of creating reports, manuals, brochures, and letters but not limited on that. In order to
perform word processing we can used Libre office, WPS office but one most popular and mostly used
word processing application is Microsoft word (MSword) with different versions such as 2003, 2007,
2010, 2013, 2015, 2016, 2019 and the new version MS365 which is the used of offline and online or
cloud. We know that this word processing can offer a variety of uses.
Example of Word Processor Applications.
Logo Application Name
OpenOffice Writer
It is a discontinued open-source office which is included on
the Linux operating system. It was an open-source version of
earlier StarOffice which developed by Sun Microsystems
acquired in 1999 for internal use. In July 2000 the Sun
Microsystems lunch the OpenOffice version 1.0 to compete
with Microsoft Office.
https://en.wikipedia.org/wiki/OpenOffice.org
Libre Office
It is a free opens-source office productivity software which
was a version of earlier StarOffice. It suite of programs for
word processing, spreadsheet, slide show, diagrams and
others.
https://en.wikipedia.org/wiki/LibreOffice
Polaris Office
It is a paid office that suite and runs on platforms such as iOS,
MacOS and Android. It is a product of Korea-based software
Infraware, Inc. It allows the Microsoft Office file-formats and
viewing in PDF files.
Kingsoft Office
This word processor is an office that suited for linux, iOS,
Android macOS and Microsoft windows. It was developed by
Zhuhai-based Chinese software Kingsoft.
WordPerfect Office
It is develop by Corel corporation and it was originated from
Borland Software Corporation in 1993 to compete against
Microsoft Office and appleWorks.
WordPad
It is a basic text editing application which we can create, edit
files. This application have been included with almost a
versions of windows operating system.
Microsoft Word
It is a word processor developed by Microsoft. It was first
release on October 25, 1983. It is also known as MS word.
https://en.wikipedia.org/wiki/Microsoft_Word
11 | P a g e
Suggested
IV. LEARNING PHASES
We will focus on the application Microsoft Word since it is one of the most popular and
mostly used word processing application in an office not only in the Philippines but also in the
other countries.
MS word environment
Allows you to change document settings, such as the font

properties, adding bullets or a numbered list
Used to insert different features such as tables, pictures, clip

art, shapes, charts, page numbers, word art, headers, and
footers into a document.
Refers to the arrangement of text, images, and other

objects on a page
12 | P a g e
Suggested
IV. LEARNING PHASES
Refers to building Mail Merge application on the document.
Here are some features of Microsoft word:
 AutoCorrect – corrects common spelling errors as well as capitalization mistakes

 AutoFormat – applies formatting to text, e.g. number listing, bullet, hyperlinks
 Grammar Checker – proofreads documents for grammar, writing style, sentence structure
errors and reading statistics
 Template – a document that contains the formatting necessary for a specific document
type
 Thesaurus – provides synonyms for a word in a document
 Tables – organizes information into rows and columns
 Mail Merge – a feature that allows you to create a document and merge them with another
document or data file
 Text Wrap – adjusts how the image behaves around other objects or text
Keyboard Shortcuts in MS Word in order to easy navigation on the application:
 Ctrl + A – Select All

 Ctrl + B – Bold Text
 Ctrl + C – Copy Text
 Ctrl + D – Show Font Dialog Box
 Ctrl + E – Align Text to Center
 Ctrl + F – Display Find Dialog Box
 Ctrl + G – Display Go To Dialog Box
 Ctrl + H – Display Replace Dialog Box
 Ctrl + I - Italicize Text
 Ctrl + J – Justify Text
 Ctrl + K – Create a hyperlink
 Ctrl + L – Align Text to Left
 Ctrl + M – Tab
 Ctrl + N – Create a new document
 Ctrl + O – Open a document
 Ctrl + P – Display Print dialog box
 Ctrl + R – Align Text to Right
 Ctrl + S – Save a document
 Ctrl + U – Underline Text
 Ctrl + V – Paste a copied text
 Ctrl + X – Cut a selected Text
 Ctrl + Y – Redo the last undone action
 Ctrl + Z – Undo the last action
 Shift + f3 – To change the cases of the text (ex. From uppercase to lower case format)
Mail Merge
Mail Merge is a process of linking or taking data from database, spreadsheet (excel) or other
form of structured data to the document. With these techniques, the data coming from excel or
database file will be inserted to the document. It is somehow a method of establishing a bit of
automation in the document or mail. The main purpose of this feature is to easily send and set up
the same content to different recipients. It will help us to avoid redundant process of creating the
13 | P a g e
Suggested
IV. LEARNING PHASES
same documents with multiple recipients. Some example of this are invitations, copy of bills, labels,
envelopes and more with the same format or content but different recipients.
Two components of Mail Merge:
1. Form Document – It is generally the documents create that contain the main layout or
the main content of the documents.
Example:
2. List of Data file – it is where the individual information or data that need to be inserted
or merged to the form document.
MS word Built-in database excel file
or
Tips on how to build Mail Merge.
3. Create a document layout first, before establishing database or data to be linked on

it.
4. Identify those fields or criteria that you are going to link. (Example of field is first name,
last name, age, address etc.)
5. Identify the application which of from database or spreadsheet that you are going to
use in building mail merge.
6. Create database of spreadsheet file for the list of recipients or the data to be inserted.
7. Save the layout document and database or excel file in the same folder so that you
can easily locate it.
8. Make sure that the content layout is final before establishing the mail merge.
PARTS OF MAILINGS TAB:
14 | P a g e
Suggested
IV. LEARNING PHASES
ICON NAME FUNCTION
Start Mail Merge Merges data into a publication which will be

printed and mailed.
Select Recipients Choose the list of recipients or data file to be

merge on the form document.
Edit Recipients List This will help to make a changes on the list of
recipients or simply editing the existing list of
recipients.
Highlight Merge This will high light all Merge field on the
Fields document.
Address Block Add an address to the letter or document.
Greeting Line Add greeting line to the document.
Insert Merge Field This will insert those field name you have created
example (name, title, certificatenumber etc.)
Preview Results This will show the preview of the document after
you doing mail merge.
Find Recipient This will help to locate or find recipient or record

on the data list.
Finish & Merge This button is used if you wanted to edit the
individual recipient, send this thru email or print
the finished document.
Example: Applying Mail Merge on creating Certificate for a training.
Solution #1: Application of Mail Merge using the built-in database function on the MSword.
1. Open Microsoft word and start new blank document.
2. On the MAILINGS tab, click Start Mail merge then select letter then layout the content or
the form document as shown below.
Remember that there are three field name on the participants:

Those are: Name, title and certificate number.
15 | P a g e
Suggested
IV. LEARNING PHASES
Name of participant
Title (his/her)
Certificate Number
3. Create a folder name “SampleMerge” on the desktop then save the

document with a file name of “certificate”. You can use ctrl + S to quickly
do this step.
4. On the Mailings tab, in the Start Mail Merge group, click Select Recipients
then select Type New List.
5. Since we need only three data field in creating this mail merge such
certificate number, name and title we can modify those data field by
clicking Customize Columns button.
Data
Click this button to modify the

fields in the address list that
Microsoft word has pre-
determined.
16 | P a g e
Suggested
IV. LEARNING PHASES
6. Select the field that you do not need then click Delete button. A confirmation dialog box
appears asking if you are sure to delete the field, just click “Yes” if you continue to delete.
Do the same process to those fields you wanted to delete.
7. If you wanted to add field/s on the list of data only have to do is click Add button. Type the
field name on the prompt inside a small Add Field dialog box and click the OK button. Repeat
this step for each new field you need in your main documents.
8. After the setup of field name to be used in the mail merge. Type the individual data from
your list corresponding to Certificate Number, Name and Title. Then click New Entry button
or simply press Tab key on the last field in a record then its automatically accepting new
record to be input. Repeat this process until you enter all recipients or record you want.
Sample Record
Click Delete Entry button Click New Entry Click Find button to
to remove or delete button to Add New search or find record on
record on the data list. record on the data list. the data list.
17 | P a g e
Suggested
IV. LEARNING PHASES
9. Once you are done typing all the data, click OK button on the Add New List dialog box to
save you data. A special Save Address List dialog box pops up on your screen that allowing
you to save the recipients list.
10. Type the filename for the address list. Name it “CertificateData” then click Save button to
save the data list. You should get back on the form/main document to insert those field on
the documents.
Note: it is better to save the data list on the folder where the form document is located. This
is to easily find the files merge on it.
11. Click Insert Merge Field and choose the proper field to insert into your text. For example
Name of participant, if this a field name “Name” choose the Name field from the Insert
Merge Field menu. The field is inserted into the document. Repeat this process until
required fields were inserted on the document.
18 | P a g e
Suggested
IV. LEARNING PHASES
12. Save the main document. To preview the merged document, just click the Preview Results
to check if the merged and layout is okay.
13. Choose Finish & Merge to edit, print or send the merged document through email.
If you want to edit and check the individual document, just select Edit Individual
Documents. The MS word will generate a new document which you can see all the
recipients on the merged files.
If you decide to print the document just Select Print Documents then the Merge to
Printer dialog box will appear. If you wish to print the whole documents just select ALL.
Selecting the current record will print only the current page on the screen. And also you
can specify which range of record is to be printed.
19 | P a g e
Suggested
IV. LEARNING PHASES
Solution #2: Application of Mail Merge using the excel file.
Here is the steps on how to build merged using excel file.
1. Open Microsoft word and start new blank document.
2. On the MAILINGS tab, click Start Mail merge then select letter then layout the content or
the form document as shown below.
Remember that there are three field names on the participants:

Those are: Name, title and certificate number.
Name of participant
Title (his/her)
Certificate Number
3. Create a folder name “SampleMerge” on the desktop then save the document with a file
name of “certificate”. You can use ctrl + S to quickly do this step.
4. On the Mailings tab, in the Start Mail Merge group, click Select Recipients then select Use
an Existing List.
20 | P a g e
Suggested
IV. LEARNING PHASES
5. The Select Data Source dialog box will appear, then locate the excel file that you are going
to merge on this document.
6. Click Insert Merge Field and choose the proper field to insert into your text. For example
Name of participant, if this field name “Name” choose the Name field from the Insert Merge
Field menu. The field is inserted into the document. Repeat this process until required
fields were inserted on the document.
21 | P a g e
Suggested
IV. LEARNING PHASES
7. Save the main document. To preview the merged document, just click the Preview Results
to check if the merged and layout is okay.
8. Choose Finish & Merge to edit, print or send the merged document through email.
If you want to edit and check the individual documents, just select Edit Individual
Documents. The MS word will generate a new document which you can see all the
recipients on the merged files.
If you decide to print the document, just Select Print Documents then the Merge to
Printer dialog box will appear. If you wish to print the whole documents, just select ALL.
Selecting the current record will print only the current page on the screen. And also you
can specify which range of record is to be printed.
22 | P a g e
Suggested
IV. LEARNING PHASES
How to edit recipient list on the merged document.
1. In order to edit the record on the merged document, go to Mailings Tab, click Edit Recipient
List then select the data source (filename of the data source) then click Edit button.
Data Source.
Just select the filename to edit
the record.
Then you can now edit the record on the data list.
Note: this process is applicable in both built in database function in MS word and merged from
excel file. But if you are using excel file you can edit the recipient list or record also on
excel file itself.
Integrating Images and External Materials:
Almost all Word Processing Applications can integrate images, charts, diagrams and others to add
flavors on the documents. Since now a days looks and appearances of the documents are also
considered in the presentations of the reports, we can insert images from external or from the built
in images and graphics with in the MS word.
Kind of Materials
1. Pictures. Generally, these are the electronic or digital images or photographs that we can
integrate on the documents. The following are the common picture file type.
a. .JPG - This is pronounced as “jay-peg” and it is the short term for .jpeg or Joint
Photographic Experts Group. It is a raster format that are often used in a web because
of being a small file size but can give a good looks on the design. This type of image is
more compatible and portable through internet.
23 | P a g e
Suggested
IV. LEARNING PHASES
b. .GIF – This stands for Graphics Interchange Format. This type of image is capable of
displaying transparencies, and simple animation. It is much better for logos, drawings,
small text, black and whites images, or low- resolution files.
c. .PNG – This stands for Portable Network Graphics which is used for lossless image
compression. It allows the control of the transparency level or opacity of images.
2. Clip Art. This is generally a GIF type; line art drawing or images used as generic
representation for ideas and objects that might want to incorporate in the document.
3. Shapes. These are printable objects or materials that we can included in our documents to
enhance its appearance and allow us to have some tools to use for creating and presenting
ideas and information. This image is mostly used on designing posters, layout brochure,
material for advertisement and others.
4. Smart Art. These are predefined sets of different shapes group together to form ideas that
organizational or structural in nature. This is mostly used in creating graphical
representation of process and creating info graphics for different process flow.
5. Chart. Another type of material that can integrate in documents that allow the
representation of the tabular numeric data characteristics and trends. This is mostly used
in presentation of reports. Some of the example of chart are bars in a bar chart, line graph,
or pie graph.
6. Screenshot. This type of image which is capture thru phone, tablets or computers.
IMAGE PLACEMENT:
Inserting an images or any material in a documents is quite easy what you only
have to do is to try identify in which location on the document you wanted to place
it.
How to Insert Image on a document.
On the tab menu Click Insert

then Picture. The Insert Picture
dialog box will pop-up on the
screen then locate the image that
you wanted to integrate on the
document. Then click Insert button.
How to organize the position of image on the document using Wrapping Text.
Text Wrapping is refers to how images are positioned in relation to text in the
documents.
1. In Line with Text

This is the default setting for images that are inserted or integrated in a
document.
24 | P a g e
Suggested
IV. LEARNING PHASES
2. Square - This setting allows the image you inserted to be placed

anywhere within the paragraph with the text going around the image
in a square pattern like a frame.
3. Tight - This is almost the same as the square setting, but here the text
“hugs” to the general shape of the image.
4. Through - This setting allows the text on your document to flow even
tighter, taking the contour and shape of the image.
5. Top and Bottom - This setting pushes the text away vertically to the top
and/or the bottom of the image so that the image occupies a whole
text line on its own.
25 | P a g e
Suggested
IV. LEARNING PHASES
6. Behind Text - This allows your image to be dragged and placed

anywhere on your document but with all text floating in front of it.
7. In Front of Text - This setting allows your image to be placed right on top
of the text as if your image drops right on it.
Here are the different ways on how to apply Text Wrapping in the document.
1. Select the image you want to apply text wrapped. On the format tab, click Wrap Text then
select the type of wrap text that you wanted to used.
2. Select the image you wanted to apply

Text Wrapping, right click then select
Wrap Text then choose the wrap text
you wanted to apply.
26 | P a g e
Suggested
IV. LEARNING PHASES
How to insert Chart on the Document.
This will use chart wizard to setup the parameter of the chart.
1. On the Insert Tab, Click Chart then select the type of chart you wanted to
use. In this example we are going to used bar chart.
2. Once you click the OK button an Excel worksheet will pop up showing the
default data that Microsoft Word uses for the chart. (the content of the
excel file is modified as it serves as an example for this lesson)
3. On the pop up excel worksheet we customized the data (Sample data:

“Monthly Sales” from the month of January – June).
27 | P a g e
Suggested
IV. LEARNING PHASES
4. After the data enter on the excel file, this will show this chart.
Monthly Sales
50000 Good Company
40000
30000
20000
10000
0
January February March April May June
5. Save the document.
J. Development
K. Pagpapaunlad Learning Task 1: Activity Drill 1
Mail Merge Application
1. In your work immersion in the Finance Department, you are tasked to make
Payslip of 20 employees. Create a simple pay slip in which the following
fields are identified.
Name of Employee: ______________________

Basic Salary
Number of Work days: _________
Rate per day: _________________
Incentives: ____________________
Allowance: ___________________
Gross Salary: _________________
Deduction:
SSS: __________________________
PagIbig: _____________________
PhilHealth: ___________________
Tax: __________________________
Loan: ________________________
Absences: ___________________
Net Salary : ______________________
2. In a piece of paper, create a graphical presentation or flowchart and write

those step by step processes on how you accomplished the practicum 1
which is application of Mail Merge in MS word.
Learning Task 2: Activity Drill 2
Practicum 2: Integrating Images and External Materials
28 | P a g e
Suggested
IV. LEARNING PHASES
1. Using the MS word, create a/an info-graphics, diagrams or flowchart that
show awareness related to safety guidelines in dealing with a COVID -19
Virus.
2. Provide a textual discussion of your info-graphics, flowchart or diagram to

further instill awareness to the readers.
3. Create a pie chart of your family budget for a month. (Rental if renting
house, Water Bill, Electric Bill, Foods, Allowance, Fare, and etc.)
4. Post your output in your facebook timeline.
Please click the link for the adopted Grading Rubric:

https://www.rcampus.com/rubricshowc.cfm?code=QX7B3WX&sp=yes&
L. Assimilation Learning Task 3: Formative Assessment

Paglalapat
Quizizz Version: Click the link for quizzes version:
https://quizizz.com/join?gc=55820060
Zipgrade Application Version
INSTRUCTIONS:
A. Read everything comprehensively;
B. Choose the letter of your best answer;
C. On your answer sheet, shade the circle that corresponds to the letter of your
answer; No erasures.
1) Which of the following is the main component of mail merge?
a) Form document and Data File
b) Form Document and List of file
c) Form of Documents and Merge fill
d) Form of document and layout file
2) Where can we find the Mail merge function or button?
a) Insert Tab
b) Home Tab
c) Page Layout Tab
d) Mailings Tab
3) What button allows you to see the result of the merged document?
a) Address block
b) Finish and Merge
c) Inserted merge field
d) Preview result
4) Which of the following is NOT a word processing application?
a) MS word
b) Polaris
c) OpenOffice
d) Slideshare
5) This type of Wrap Text is the default setting for images that are inserted or
integrated on the document.
a) Square
b) Tight
c) In Line with Text
d) Through
6) Which of the following is not a Wrapping Text function?
a) Behind Text
b) In Front of Text
c) At the back of Text
d) In Line with Text
29 | P a g e
Suggested
IV. LEARNING PHASES
7) This type of picture is capable of displaying transparencies and simple
animation.
a) .JPEG
b) .JPG
c) .GIF
d) .PNG
8) What type of Text Wrapping apply on the image below?
a) Behind Text
b) Through
c) Tight
d) In Front of Text
9) What file contains the information you need to merge with your main
document?
a) Address block
b) Contact List
c) Messages
d) Data File
10) What types of documents can you create using mail merge?
a) Envelopes
b) Letters
c) Posters
d) Labels
V. ASSESSMENT
(Learning Activity Sheets for Learning Task 4:
Assessment to be given on
Weeks 4) Answer the following Questions in two or more sentences.
1. How important is the mail merge feature of Microsoft Word in different

organizations?
30 | P a g e
Suggested
IV. LEARNING PHASES
2. Do you think having a knowledge of using word processor application can

give us an opportunity in the field of work? Why?
See the attached grading rubric.
VI. REFLECTION  The learner communicates the explanation of their personal assessment as
indicated in the Learner’s Assessment Card.
 The learner, in their notebook, will write their personal insights about the
lesson using the prompts below.
I realize that ________________________.
W4
Quarter Date
I. LESSON TITLE Uses of common productivity tools effectively by maximizing advanced

application techniques and creates an original or derivative ICT content to
effectively communicate or present data or information related to specific
professional tracks.
II. MOST ESSENTIAL LEARNING Uses of common productivity tools effectively by maximizing advanced
COMPETENCIES (MELCs) application techniques and creates an original or derivative ICT content to
effectively communicate or present data or information related to specific
professional tracks. CS_ICT11/12-ICTPT-Ic-d-5
III. CONTENT/CORE CONTENT Applied productivity tools with advanced application techniques using
Spreadsheet and Presentation and also creates an original or derivative ICT
content to effectively communicate or present data or information related to
specific professional tracks
Suggested
IV. LEARNING PHASES
M. Introduction
Panimula 2 HOURS In this lesson, we will talk about another two most common productivity tools or
software applications that are mostly used in offices. These are Spreadsheet and
Presentation. We know that spread sheet offers a special function that mainly target
almost all activities which involve Data Manipulation, Graphical representations of
the data and Data analysis. Mathematical Computations and Graphics
Representations of the Organization is hassle free with the use of this application.
While Presentation Tool is a big help to establish a connection with the

audience during presentation. It will give a flavor in presenting something that can
catch the attention of the participants.
In this lesson, the different types of spreadsheets and presentation software will
be identified, but the main focus of this is the use of Microsoft Excel and Microsoft
Power Point Presentation. As the lesson goes by you will see some of the most
common Microsoft Excel functions and Techniques; and in Microsoft Presentation
are the application of embedding hyperlink, files, and data on the presentations. It
also discusses how to save the presentation as image/images and as automatic
presentation upon opening of the presentation.
31 | P a g e
Suggested
IV. LEARNING PHASES
1. Spreadsheet Application
 Assume that you are in a grocery store along with some other people who
would like to buy groceries. Some buy a little, some buy in bulk. After getting
the products in the piles, you fall in line in the counter to pay. Imagine that
the cashier is using paper, pen and calculator to manually compute the
purchase products of all the customers buying in the store. What do you
think will happen? Write your thoughts in your notebook.
2. Presentation Application
Have you experienced to attend to a seminar or lecture? What is the most
common electronic aid have you seen from the presenter?
Spreadsheet is composed of rows and column that can organize, sort and
arrange data or information efficiently. It can also have the ability to perform those
mathematical or numerical processes. This application has special functions and
formula that can make the process of computation and data analysis become
accurate and finish it in a short period of time. With this Finance and Accounting
works, statistical processes, Mathematical operations become hassle free. There are
several types of spreadsheet application but this course will focus mainly on
Microsoft Excel which is mostly used in the all offices and organization especially
here in the Philippines.
Some of Spreadsheet Application.
 LibreOffice Calc – This is included in the package of LibreOffice which

compatible to Linux, Microsoft and MacOs using java plugin. The file
extension of this application is Open Document Format (ODF).
 OpenOffice.org Calc – This is included in the packages of openOffice

which built-in in the Operating System of Linux once you installed the
operating system.
 Apple iWork Numbers – It is a spreadsheet application developed by Apple

Inc. This application is available on iOS and MacOS, iPad and iPhone only.
 WPS Spreadsheets – This application is part of the package of WPS office
which developed by Kingsoft.
 StarOffice Calc – This application is included in starOffice software. The

default format of this files is .sdc. It is also open files written in MS excel.
 Microsoft Excel – It is a spreadsheet developed by Microsoft. It is commonly

used on windows operating systems but it can work also in macOs, Android
and IOS. It features calculation, graphing tools, pivot tables, and macro
programming language. It is the most popular spreadsheet used in offices.
 Google Sheets – this Application is a free Google apps once you have
Google account. This Spreadsheet is compatible with Microsoft Excel. You
can used this application online but not on offline mode.
Some Popular uses of Spreadsheets.
Finance. Spreadsheets are perfect for financial data, such as checking account
information, budgets, taxes, transactions, billing, invoices, receipts, forecasts,
and any payment system.
Forms. Form templates can be created to handle inventory, evaluations,

performance reviews, quizzes, time sheets, patient information, and surveys.
32 | P a g e
Suggested
IV. LEARNING PHASES
School and grades. Teachers can use spreadsheets to track students, calculate
grades, and identify relevant data, such as high and low scores, missing tests,
and students who are struggling.
Lists. Managing a list in a spreadsheet is a great example of data that does not
contain numbers, but still can be used in a spreadsheet. Great examples of
spreadsheet lists include telephone, to-do, and grocery lists.
Sports. Spreadsheets can keep track of your favorite player stats or stats on the
whole team. With the collected data, you can also find averages, high
scores, and statistical data. Spreadsheets can even be used to create
tournament brackets.
https://www.computerhope.com/jargon/s/spreadsheet.htm
Spreadsheet Overview:
 Row - horizontal line of entries in a table. It represents by number.

 Column – vertical line of entries in a table it represents by letter.
33 | P a g e
Suggested
IV. LEARNING PHASES
 Cell - the place where information is held in a spreadsheet. It is the
intersection of row and column.
 Active Cell – the selected cell.
 Column Heading – the box at the top of each column containing a letter
 Row Heading – the row number.
 Cell Reference – the cell address of the cell usually combine letter and
number (ex. A1, B4, C2)
 Merge – combining or joining two or more cells
 Formula – is an expression which calculates the value of a cell.
 Functions – are predefined formulas and are already available in Excel
 Formula Bar – the bar that displays the contents of a cell.
How to Merge two or more cells
Select the cells you wanted

to merge then click merge &
center icon or button.
Reference cell of item OTG Flash Drive
is Cell D14
Formula for Basic Arithmetic Operation in MS Excel
Note: The following symbols will used for specific Arithmetic Operation
34 | P a g e
Suggested
IV. LEARNING PHASES
Plus sign ( + ) use ofr Addition

Minus ( - ) use for Subtraction
Asterisk ( * ) for Multiplication
Slash ( / ) for Division
How to Perform Additon in MS Excel
Formula of Addition
=ADDEND + ADDEND this formula used if you get the sum of two numbers or
more.
=SUM(RANGE) this formula used if you get the sum of a range cells
In the example table given below there is a column Name Quantity. Calculate
the total Quantity of Product on the table.
To get the Total Quantity of products on Cell E8 type the formula
=SUM(E2:E6) then press Enter.
Total =SUM(E2:E6)
Then the result will look like this.
As you can see the value of Cell E8 is 75 but on the

Formula Bar still =sum(E2:E6) in format
This means that whatever formula type in the cell will
remain a Formula in the Formula Bar while in Cell it
will become the result of the formula.
 SUM key word is used to get the summation or the total value of Cell E2 to
Cell E6.
 =SUM(E2:E6) or =sum(E2:E6) are both accepted in MS excel sense MS Excel
is not case sensitive in terms of formula.
 Any computation in the MS excel will always start at equal sign (=).
35 | P a g e
Suggested
IV. LEARNING PHASES
 (E2:E6) this used to range of the cells that will get the sum of the column
Quantity.
 Colon (:) this will use only if there is a range of cells to be computed.
How to Perform Subtraction in MS Excel
Calculate the Net Price of Ordered Products as shown on the table.
(CELL1 – CELL2)
Formula of Subtraction = (minuend – subtrahend)
The Company will have a 12% discount of the total Price of all Ordered
Products. To get the Net Price of Ordered Products on Cell G14 type the formula
=G11-G12 then press Enter.
=G11 - G12
How to Perform Multiplication in MS Excel

CELL1 * CELL2
Formula = Multiplicand * Multiplier
Calculate the Total Price of item numbe 1, with a Quantity of 10 and Price is 5,
700.00 each. To get the Total Price of Item# 1, on Cell G3 type the formula =E3 * F3.
36 | P a g e
Suggested
IV. LEARNING PHASES
=E3 * F3
Then the result is look like this
How to Perform Division in MS Excel
CELL1 / CELL2
Formula = Devident / Devisor
If the Total Price of Item#1 is 57, 000.00 for 10 pieces what will be the Price of
each Processor?
Calculate the Price of each Processor we will perform the Division process.
On Cell G3, type the formula =F3 / E3 then press Enter.
=F3 / E3
Then the result is look like this
37 | P a g e
Suggested
IV. LEARNING PHASES
AVERAGE FUNCTION IN Excel
Formula of getting the average is =AVERAGE (RANGE)
Range – the range of cells where you want to look for the average.
Sample Computation of Grade:

To Calculate the Average Grade of the student, on Cell C15 type the formula
=AVERAGE (C6:C13) then press ENTER.
=AVERAGE(C6:C13)
Then the result will look like this
AVERAGEIF FUNCTION in Excel
Using of AVERAGEIF function in Excel calculates the average of cells that

meet one criteria.
Formula =AVERAGE(range, criteria, average range)
Range – the range of cells where you want to look for the criteria.
Criteria – a value or label that determines if a cell is part of the rnge to be
averaged.
Average range (opitional)– the actual range of cells that will be averaged, if
omitted, the range will be used instead.
Example: You wanted to get the average of JUAN DELA CRUZ in Math. Using
Average IF funtion it will filter all cells with met the criteria set in the formula.
38 | P a g e
Suggested
IV. LEARNING PHASES
As shown in the table below it will calculate the average in the range C6:C13
if the cells in the range B6:B13 contain exactly Math.
=AVERAGEIF(B6:B13,”Math”,C6:C13)
AVERAGEIFS FUNCTION in Excel
Using the AVERAGEIFS function in Excel calculates the average of cells that
meet multiple criteria.
Example the AVERAGEIFS function below calculates the Average of all

values in the range C6:C13 that corresponding of Math Subject on the Cell Range
of B6:B13 and with a Remarks of Passed.
39 | P a g e
Suggested
IV. LEARNING PHASES
Remark
s
=AVERAGEIFS(C6:C13,B6:B13,"Math",D6:D13,"Passed")
IF FUNCTION in Excel
It is a Logical Test and returns one value in TRUE result and the other one
is FALSE.
For example, you wanted to put a Passed or Failed remarks on Grade.

Note. Assume that 75 and above is Passed while below 75 is Failed.
Formula = IF(Logical_Test, [Value_if_true],[Value_if_False])
40 | P a g e
Suggested
IV. LEARNING PHASES
=IF(C6>=75, “Passed”,
“Failed”)
If selected cell is greater than or equal to 75 then
it will display the first remark which is “Passed”,
else it will display the second remark which is
Failed.
COUNTIF FUNCTION in Excel

It is an excel function to count cells in a range that meet a single condition.
Formula: =COUNTIF ( Range, Criteria )

Range – the cells where the counting will take place.
Criteria – the label or value that determines if it is to be counted.
Example you wanted to count all subject with “Passed” Remarks on the
table below.
41 | P a g e
Suggested
IV. LEARNING PHASES
=COUNTIF(D6:D13, “Passed”)
The result will be 6, since there are six (6) out of eight subjects have a remarks
of “Passed”.
ADVANCE PRESENTATION /SKILLS:
Presentation Application
 It is an application software that the user can used to create visual aids for
presentations to communicate ideas, messages and other information to a
group.
Example of Presentation Application

 MagicPoint. It is an open-source presentation programs, often used to
produce slides for a conference. Magic point slides are created by writing
text files using markup language.
https://en.wikipedia.org/wiki/MagicPoint
42 | P a g e
Suggested
IV. LEARNING PHASES
 OpenOffice Impress is a part of the OpenOffice package and created
by Sun Microsystems, is a presentation program similar to Microsoft
PowerPoint. It is able to view, edit and save files in many file formats.
https://simple.wikipedia.org/wiki/OpenOffice_Impress
 LibreOffice Impress is a free and open source application for creating
generic resources, in the form of slide presentations. It is included on
LibreOffice suite pagkage.
 Powerdot is a Latex class for making professional-looking presentation
slides. This class is based on the prosper class and HA-prosper package and
was created with the intention to replace prosper and HA-prosper.
 Microsoft PowerPoint is a powerful presentation software developed by
Microsoft. It is a standard component of the company's Microsoft Office
suite software, and is bundled together with Word, Excel and other Office
productivity tools.
https://www.techopedia.com/definition/5457/microsoft-powerpoint-ppt
 Google Slide is a free Google apps once you have Google account. This
app allows users to create and edit files online while collaborating with
other users in real-time. Edits are tracked by user with a revision history
presenting changes. You can used this application online but not on offline
mode.
In this lesson we will focus on the MS PowerPoint Presentation Application. This

will discuss the overview of MS PowerPoint Presentation and Its special Features such
as adding Action button, Hyperlink, and inserting chart on the presentation.
MS PowerPoint Application
 To open Microsoft PowerPoint, Press “Windows Logo” + R then type

“PowerPoint” then enter.
 Slide - is a single page of a presentation. Collectively, a group of slides may

be known as a slide deck.
 Design Template – pre-designed graphic styles that you can apply to your
slides.
 Slide Show - a collection of pages arranged in sequence that contain text

and images for presenting to an audience.
 Press “F5” – to display slide show.
43 | P a g e
Suggested
IV. LEARNING PHASES
 Animation - is a set of effects which can be applied to text or graphics within
a slide.
 Transition - are motion effects that when in Slide Show view add movement
to your slides as you advance from one slide to another.
 Hyperlink – It is a text or object that contains a link to another files, web

page or a place in a documents. It allows you to jump to another location.
Types View of MS Power Point
 Normal View - simplified layout of the page so you can quickly key, edit,
and format the test.
 Notes Page View - displays your slides on the top portion of the page, with
the speaker notes for each slide in the notes pane on the bottom of the
pane.
 Outline View - displays all of the text in a PowerPoint slide show in outline
form regardless of the design, objects and animations.
 Slide Sorter View - displays mini versions of slides and allows you to re-
arrange them.
File Insertion:
 Image
 Illustrations
 Links
 Text
 Media
Tips in Creating an Effective Presentation:
44 | P a g e
Suggested
IV. LEARNING PHASES
 Minimize. Keep slide counts to a minimum to maintain a clear message and
to keep the audience attentive. Note that the presentation is just an aid of
the presenter but the information should still come from the presenter.
 Clarity. Avoid being fancy by using font style that is easy to read. Make sure
it is also big enough to read by the audience. Always considered the size of
the screen during the presentation.
 Simplicity. Use bullets or short sentences. Summarize the information on the
screen to have your audience focus on what the speaker is saying and then
reading the slide. Limit the content on six lines and seven words per line.
 Visuals. Use appropriate graphics to help in your presentation. Using of table
is discourage instead use graphical diagram, graphs and charts to represent
the information.
 Consistency. Make your design uniform. Avoid using different background
and font style on the presentation.
 Contrast. Use dark background for light font or vice versa. This done so that
it is easier to read and read the information on the presentation. It will help
to emphasize the information on the slide.
Sample Slide Deck for Lesson 5: Presentation Application
Adding Action Button on the Presentation.
One of the features of MS presentation is the application of Action Button

on the presentation. With this we can easily navigate on the presentation. We can
easily transfer from other slides or link another files such as documents, pdf, videos,
audio, presentations, and others.
45 | P a g e
Suggested
IV. LEARNING PHASES
An Action Button is a built-in shape you can add to your slides and set to
hyperlink to another slide, play a sound, or perform some other action. This is a great
way to add interactivity and navigation to your presentation with minimal effort.
TYPES OF ACTION BUTTONS
ICON ACTION BUTTON FUNCTION
This button used to back or go to previous slide

Back or Previous. of the presentation.
This button used to go to the next slide of the

Forward or Next. presentation.
Action button used to go to the first slide of the

Beginning presentation.
Action button used to go the last slide of the

End presentation.
Action button used to go to the first slide of the

Home presentation. The same function of beginning
button.
NO default behavior is allotted to this button,
Information and you can change what happens when you
click on it.
Action button use for the most recently viewed
Return slide.
NO default behavior is associated, but it is

Movie typically used to link play a video clip.
NO default behavior is associated, but it is

Document typically used to link play a pdf, document, or
excel file.
No default behavior is associated, but it is
Sound typically used to link audio clip.
No default behavior is allotted to this button,

Help and you can change what happens when you
click on it.
No default behavior is allotted to this button,
and you can change what happens when you
Custom click on it. Since it has no icon you can add text
or even place an icon of your choice.
https://www.ispringsolutions.com/blog/how-to-add-an-icon-to-an-action-button-
in-powerpoint
Step on Inserting Action Button to the Presentation.
1. On The Insert Tab, just click Shape Button then the shape gallery will display
then look for Action Button at the bottom part of the shape gallery.
In this example will show you the process on how to insert action button to
have an ease navigation on the presentation. For example we will insert
First, Next, Back and End buttons on the slide.
46 | P a g e
Suggested
IV. LEARNING PHASES
2. The Action Setting dialog box will appear then select First slide for Beginning
Button. Repeat Step 1 until all buttons are finish to setup.
How to Customize the Action Button.
From the Format Tab, You can set the effects, Text color, Button Design of the Action
button.
47 | P a g e
Suggested
IV. LEARNING PHASES
Step on Inserting Action Button to embedded Hyperlink on the presentation:
2. Select the Action Button you need, for this example we choose Custom
since we will insert hyperlink on the slide, then we draw the Action Button on
the right side of the slide. And the Action Setting dialog box will appear on
the screen. You can switch between Mouse Click and Mouse Over tabs.
Select Mouse Click if you want the Action Button performs it actions only if
you clicked the button while choose Mouse Over if you wanted the task
performs once you move the mouse pointer over the button.
3. Since we wanted to link another presentation on the slide so we will

select Hyperlink to then click Other PowerPoint Presentation and click OK
button.
48 | P a g e
Suggested
IV. LEARNING PHASES
4. Locate and select the the files or presentation you wanted to insert on
the slide then click Open.
5. After selecting the files to be inserted to the slide the Hyperlink to slide
dialog box will appear, then just select the slide of the presentation where
started once open or click upon presentation. Click Ok button to finished
the setup process.
6. To customize the name of the button, just select the button then right click
and select Edit Text and type the text you wanted to be print on the button.
In this example we name it Lesson 5.
49 | P a g e
Suggested
IV. LEARNING PHASES
To customize the design of the button, just select

the button then on the Format tab, set the format
you wanted to apply to the button.
Then it will look like this.
Embedding Other Files such as Video, Sound and Document.
Embedding Videos, Sounds and Document is the same process of Inserting

Hyperlink from the previous example. The only difference is the type of Action Button
you will used and the type of files to be inserted.
50 | P a g e
Suggested
IV. LEARNING PHASES
2. Select the Action Button you need, for this example we choose Custom
since we will insert hyperlink on the slide, then we draw the Action Button on
the right side of the slide. And the Action Setting dialog box will appear on
the screen. You can switch between Mouse Click and Mouse Over tabs.
Select Mouse Click if you want the Action Button performs it actions only if
you clicked the button while choose Mouse Over if you wanted the task
performs once you move the mouse pointer over the button.
3. Since we wanted to link another files such as video, Sound and

Document on the slide so we need to select the action button for video,
sound and document.
4. Click Hyperlink then select Other File… and locate the file files you wanted
to insert. Repeat this step until you finished to embed those files you wanted
to insert on the slide.
51 | P a g e
Suggested
IV. LEARNING PHASES
52 | P a g e
Suggested
IV. LEARNING PHASES
How to insert Hyperlink using Text or Object.
 Open the PowerPoint presentation.
 Highlight the text or object you would like to hyperlink.
 Right-click the highlighted text and select "Hyperlink..."
 From the "Link to:" side panel, choose the destination for your hyperlink
Click OK.
 From the Insert Tab, Select Hyperlink.

1.
Insert Hyperlink will appear, just locate the files you wanted to insert to the
slide then select. On the Text to display area type the text or label you wanted to
display on the link.
53 | P a g e
Suggested
IV. LEARNING PHASES
This side will allow you to

change the text label
that will display on the
slide.
This is the address bar that

show the location of the file
you inserted into the
presentation.
Then the result will be like this.
How to insert Chart on the Slide.
1. On the Insert Tab, Click Chart then Insert Chart Dialog Box will appear then
choose the chart you wanted to apply.
54 | P a g e
Suggested
IV. LEARNING PHASES
2. After Selecting the Chart type, the Chart in Microsoft PowerPoint will appear
to customize the Data or information you wanted to apply the chart. In this
example it will create a column chart about the Monthly Sales of the
Company for the Month of January – June 2020.
Make a slide show that starts automatically when open.
This will make the slide presentation automatically in slide show state once you
open the presentation. With this type of format you can no longer edit the
presentation, so that before saving the files in this this format you need to make
sure that it will be final.
1. In PowerPoint, click File > Save as.

2. Browse to the folder where you want to save your presentation.
3. In the File name box, type a name for your presentation.
4. Under Save as type, select PowerPoint Show.
5. The file is saved as a .ppsx file.
55 | P a g e
Suggested
IV. LEARNING PHASES
How to save the slide/s converted into image:
1. In PowerPoint, click File > Save as.

2. Browse to the folder where you want to save your presentation.
3. In the File name box, type a name for your presentation.
4. Under Save as type, select PNG Portable Network Graphics Format or JPEG
File Interchange Format.
5. Then this dialog box will appear. If you select All slides it means that you will
converted all slides into images. While if you select Just This Once it will
converted the current active slide only.
56 | P a g e
Suggested
IV. LEARNING PHASES
Then all slides in the presentation will become an image format.
N. Development Learning task 1: Activity Drill 1

Pagpapaunlad
MS Excel
Finding the result in a problem solving is very interesting and maybe some of
you might agree some are not. But whether we like it or not it is part of our daily lives
because mathematics is everywhere. But have you tried to count a bulk number of
items or getting the total grocery expenses you bought? If your answer is YES then
Congratulations, but If your answer is NO, then join us and try to experience it.
Here is the Activity, I want you to go to your room and clean all your stuff then
have an inventory of it or if you are not in your home maybe try to figure out or recall
those things that you have in your room. For example your stuff (shoes, clothes, toys,
gadgets, beds or whatever stuff you have on your room with a price) then list all of
that as the same as the sample table below.
Item Description of Items Quantity Estimated Total Price

No. Price
1. Android Phone RealMe &pro 1 17,990 17, 990
2. Shoes 4 700.00 2800.00
3. T-shirts 10 250.00 2500.00
4. Short 10 150.00 1500.00
5. Books 15 200.00 3000.00
Grand Total 27,790.00
 From the collected data create a chart that will show a graphical
representation of your Inventory. You can use pie graph or bar graph.
 Apply the appropriate formulas you have learned.
57 | P a g e
Suggested
IV. LEARNING PHASES
1. How do you find the activities? What are the devices or tools you have used
to do the inventory of your stuff?
Learning task 2: Activity Drill 2
PowerPoint Presentation
Note: Please save your previous output (MS word and excel) in one folder and
name the folder MyDreamRoom. Take a picture of your favorite items in your room
and download or draw a design of your dream house or room then take a picture
of it.
 From your previous activities (Inventory of your room stuffs). Create a

presentation that will show picture of the current design of your room and
pictures of the items found in your room which are valuable to you.
 Create Action buttons such as (First, Next, Previous and Last) in all slides of
presentation that will let the presenter navigate during the presentation.
 From the inventory you’ve made in your room, create a chart that will show
the different items/stuff and its estimated cost. (See activity drill, Excel).
 Link a pictures of your dream house and room.
 On the slide, link your previous output in MS word and Excel by applying
hyperlink.
 Then Save the presentation as with filename of “Your-Lastname_Drill2”.
 Save as the presentation in PowerPoint show (.pptx) format.
 Present your presentation in your classmate (online or blended) or in your

any member of the family (modular or blended).

O. Assimilation Learning Task 3: Formative Assessment

Paglalapat
INSTRUCTIONS:
D. Read everything comprehensively;
E. Choose the letter of your best answer;
F. On your answer sheet, shade the circle that corresponds the letter of your
answer; No erasures
1) A function that adds a range of cells.

a. Percent
b. Sum
c. Plus
d. Addition
2) A function that used to count the number of cells that contains something
in them if the criteria are met.
a. COUNT
58 | P a g e
Suggested
IV. LEARNING PHASES
b. COUNTNOW
c. COUNTYES
d. COUNTIF
3) Which of the following is the correct excel formula for getting the product
of cell A4 and Cell A5. Note the result will be display on Cell A6.
a. A4 * A5 = A6
b. A6 = A4 * A5
c. = A4 * A5
d. = A6 * A5 * A6
4) A program that is designed to create spreadsheets which can later be used
to analyze statistical data.
a. MS word
b. Ms PowerPoint
c. MS Publisher
d. MS Excel
5) The bar that displays the contents of a cell.
a. Address Bar
b. Function Bar
c. Cell Bar
d. Formula Bar
6) A function that gets the average of a range of cells.
a. AVERAGE
b. SUM
c. MEAN
d. MEDIAN
7) Which of the following is NOT an Excel function.
a. AVERAGE
b. COUNTIF
c. AVERAGEIFS
d. COUNTS
8) Which of the following is not an example of spreadsheet application
a. LIbreOffice Calc
b. Google sheets
c. MS Excel
d. Access Calc
9) It is the place where information is held in a spreadsheet and the
intersection of row and column.
a. Row
b. Column
c. Cell
d. Formula Bar
10) Assumed that the value of cell A5 is 80, using the formula =IF (A5<=75,
“Honest”, “Humble”) what will be the result.
a. HONEST
b. Honest
c. Humble
d. HUMBLE
11) This application is a form of visual aid.
a. MS Excel
b. MS Word
c. MS Publisher
d. MS PowerPoint
12) Action buttons are found in Insert > _______________.
a. Smart Art
b. Shapes
c. Chart
d. Table
13) It is a single page of a presentation. Collectively, a group of slides may be
known as a slide deck.
a. Presentation
59 | P a g e
Suggested
IV. LEARNING PHASES
b. Work sheets
c. Slide
d. Design
14) Which of the following is not an Action Button?
a. Home
b. Terminal
c. Information
d. Help
15) To make the presentation automatically in slide show state upon opening
the presentation what file format you we select in saving the presentation.
a. .PPT
b. .Doc
c. .pps / .pptx
d. .SSS
16) In creating an effective presentation we should apply the following
elements except.
a. Simplicity
b. Visuals
c. Consistency
d. Productivity
17) Simplicity in the presentation will achieve by using bullets or short sentences
and the ______.
a. 6 x 7 rule
b. 7 x 7 rule
c. 5 x 5 rule
d. 10 x 10 rule
18) What are the two ways in embedding hyperlinks on the slides?
a. Using Action Button and Text/Objects
b. Using Smart Art and Action button
c. Using Action button and Chart
d. Using Text and URL
19) It is a text or object that contains a link to another files, web page or a place
in a documents. It allows you to jump to another location.
a. Shape
b. Smart Art
c. Text
d. Hyperlink
20) It is simplified layout of the page so you can quickly key, edit, and format
the test.
a. Normal View
b. Slide sorter View
c. Outline View
d. Note Pages View
60 | P a g e
Suggested
IV. LEARNING PHASES
V. ASSESSMENT Learning Task 4:

(Learning Activity Sheets for
Assessment to be given on
Answer the following Question in two or more sentences.
Weeks 4 and 5)
1. How does Excel help to analyze statistical data?
2. What is the significance of applying functions in using excel application?
3. What is the significance of applying hyperlinks and action buttons on the

presentations that navigate your presentation?
4. In creating a presentation, why do we need to put only the key word/s on

the topics rather than the whole information?
VI. REFLECTION  The learner communicates the explanation of their personal assessment as
indicated in the Learner’s Assessment Card.
I realize that ________________________.
W5
Learning Area EMPOWERMENT TECHNOLOGY Grade Level 11/12
Quarter Date
I. LESSON TITLE IMAGING AND DESIGN FOR ONLINE

II. MOST ESSENTIAL LEARNING apply web design principles and elements using online creation tools, platforms,
COMPETENCIES (MELCs) and applications to communicate a message for a specific purpose in specific
professional tracks (CS_ICT11/12-ICTPT-Ie-f-7)
III. CONTENT/CORE CONTENT Online file formats for images and text and Principles and basic techniques of
image manipulation
Suggested
Timeframe
P. Introduction To start, please answer this question: What is the most visited website in
Panimula the world? Think about it for a second. Here is a clue, the site’s mission
statement is to organize the world’s information and make it universally
accessible and useful. You have probably guessed it by now.
If your answer is GOOGLE, you are right.
On March 23, 2016, Alexa.com, a renowned website for ranking web
page popularity, ranks this website number one in the entire world.
Why do you think Google ranks number one despite the countless search
engines and websites in the internet?
Creating a web page is like creating a work of art. There are certain things
that you need to consider in order to get your message across. There are many
sources of photos and graphics. They can come direct from your camera, old
pictures, free from the Internet or purchased from the internet or stores.
Sources of Photos and Graphics

1. Personal and Professional Photo- are photos taken by amateur or
professional using a digital camera.
61 | P a g e
Suggested
Timeframe
2. Scanned Images - are those that you transfer from printed photos and
graphics using scanning devices .
3. Stock Photo Library - are several photographs and created images that are
available for sale.
4. Online Stock Photos - are found in the World Wide Web.
Click this link for additional information: https://tinyurl.com/EtechW5-a
Digital file formats are classified into three major groups:

1. Uncompressed or raw format
- is usually used for storing original file format, it is a flexible but needs
bigger memory to store.
2. Lossless File Format
- is a file format that was compressed to replicate the original quality
but at a reduced file size.
3. Lossy File Format
- is a file format that was compressed as an approximation of the
original file but is good enough.
IMAGE FILE FORMATS

Are means of storing and organizing digital images, photos and
illustrations. Image file formats may be classified into two types; Raster Image
Files and Vector Image Files.
Click this link for additional readings: https://tinyurl.com/EtechW5-b
Basic Principles of Graphics and Layout

Layout is the process of planning and arranging graphics or text in a
page or book. A good layout should have a balanced make up and
alignment of elements. Remember that simplicity is the key to a good layout.
Click this link for additional readings: https://tinyurl.com/EtechW5-C
Principles and Basic Techniques of Image Manipulation

There are various way to manipulate images like resizing, cropping,
adjusting color background, balance, brightness and contrast, combining
photos, combining text and photos, and add effects. You have to have a
good and clear image to be used in your webpage, blog or presentation, but
with the use of a photo editing tool, you can improve and edit the pictures to
be able to use them the way you want to be able to send your message to
your viewers.
Click this link for additional reading: https://tinyurl.com/EtechW5-d
Combining Text, Graphics, and Images

Combining text, graphics, and images in your presentation,
infographics or web page will make your message clearer.
Click this link for more information: https://tinyurl.com/EtechW5-e
Basic Image Manipulation Using Offline or Open-Source Software

Photo editing and designing tools allow you to manipulate or edit
images, apply effects, filters, add frames, crop, add text, change background
color, make photo collage, and photo album that you would like to do in an
image. There are various offline or open-source you can use for image
editing.
Click this link for additional readings; https://tinyurl.com/EtechW5-f
62 | P a g e
Suggested
Timeframe
Q. Development Learning Task 1:
Pagpapaunlad Create a PowerPoint presentation on the topic: My Education Experience
amidst Pandemic. Apply the Principles and Basic Techniques on Graphic
designs that you have learned in this topic.
*be guided by the rubric in the link: https://tinyurl.com/EtechW5-Rubric1
R. Engagement Learning Task 2:

Pakikipagpalihan Make a digital portfolio of interviews among your colleagues (at least 10
individuals) on their best practice in applying the Basic Principles of Graphics
and Layout
Be guided by the rubric on the link: https://tinyurl.com/EtechW5-RubricDP
S. Assimilation Formative Assessment:

Paglalapat
Option 1: Click this link for quiz via Google Form: https://tinyurl.com/EtechW5-
Formative
Option 2: quiz thru zipgrade platform:
Direction:
Read the questions comprehensively. Choose the letter of youe best answer.
On your answer sheet, shade the circle that corresponds your best answer. No
erasures.
1. _____ are photos taken by amateur or professional using a digital camera.

a. Personal and Professional Photo
b. Scanned Images
c. Stock Photo Library
d. Online Stock Photos
2. _____ are those that you transfer from printed photos and graphics using
scanning devices.
b. Scanned Images
3. _____ are several photographs and created images that are available for
sale.
63 | P a g e
Suggested
Timeframe
b. Scanned Images
4. _____ are found in the World Wide Web.
b. Scanned Images
5. _____ is usually used for storing original file format, it is a flexible but needs
bigger memory to store.
a. Uncompressed or raw format
b. Lossless File Format
c. Lossy File Format
6. _____ is a file format that was compressed to replicate the original quality
but at a reduced file size.
7. _____ is a file format that was compressed as an approximation of the
original file but is good enough.
8. It is the process of planning and arranging graphics or text in a page or
book.
a. Layout
b. Graphics
c. Design
d. None of these
9. There are various way to manipulate images like resizing, cropping,
adjusting color background, balance, brightness and contrast, combining
photos, combining text and photos, and add effects.
a. TRUE
b. FALSE
10. Photo editing and designing tools allow you to manipulate or edit images,
apply effects, filters, add frames, crop, add text, change background
color, make photo collage, and photo album that you would like to do in
an image. There are various offline or open-source you can use for image
editing.
a. TRUE
b. FALSE
V. ASSESSMENT Additional Enrichment Activity:
Assessment to be given on Weeks
Exchange your digital portfolio with one of your classmates and evaluate
3 and 6) his/her portfolio using the attached rubric. Below the rubric, write your
reflection (3-5 sentences only).
64 | P a g e
Suggested
Timeframe
Reflection:
__________________________________________________________________________
__________________________________________________________________________
__________________________________________________________________________
__________________________________________________________________________
__________________________________________________________________________
Rubric for Reflection is in the link: https://tinyurl.com/EtechW5-Rubric1
VI. REFLECTION  The learner communicates the explanation of their personal

assessment as indicated in the Learner’s Assessment Card.
I realize that ________________________.
W6
Learning Area EMPOWERMENT TECHNOLOGY Grade Level 11/12
Quarter Date
I. LESSON TITLE ONLINE PLATFORMS FOR ICT CONTENT DEVELOPMENT

II. MOST ESSENTIAL LEARNING create an original or derivative ICT content to effectively communicate a
COMPETENCIES (MELCs) visual message in an online environment related to specific professional tracks
(CS_ICT11/12-ICTPT-Ie-f-8)
III. CONTENT/CORE CONTENT Imaging and Design For the Online Environment focusing on Uploading, sharing,
and image hosting platforms
Suggested
Timeframe
T. Introduction What is an Online Platform?
Panimula Online Platforms are technologies that are grouped to be used as a
base upon which other applications, processes or technologies are
developed.
*Click this link for more details: https://tinyurl.com/EtechW6-a
Online Platforms for ICT Content Development

The following are some of the online platforms and applications that
you can use:
 Presentation tools – Prezi, Zoho Show, MS PowerPoint
65 | P a g e
Suggested
Timeframe
*Click this link for detailed Readings: https://tinyurl.com/EtechW6-
PresentationTools
 Newsletter, ICT content platforms – Dropbox, Tumblr, Wix

*Click this link for more details: https://tinyurl.com/EtechW6-
ContentPlatform
 Photo editing tools – Picasa, Adobe Photoshop, MS Paint

*Click this link for additional readings: https://tinyurl.com/EtechW6-
PhotoEditing
 Photo Uploading and hosting tools – Google Drive, Viber, Facebook

HostingSite
 Cloud Computing – DropBox, Google Drive, MS One Drive

CloudComputing
 Blog tools – blogger, WordPress, LiveJournal

BloggingTools
 Mapping Tools – Google Maps, Wikimapia

MappingTools
 Music production – Sibelius

MusicProd
 Survey and forms – Google Form

SurveyForms
 ICT projects and contents publishing and uploading platforms –

WordPress, MS Office Project Server, File Manager
*Click this link for additional readings: https://tinyurl.com/EtechW6-CPUP
 Content Management Systems platforms – Wordpress, Drupal, Joomla

*Click this link for additional readings: https://tinyurl.com/EtechW6-CMSP
 File Management platforms – Zamzar, Word2pdf

*Click this link for additional readings: https://tinyurl.com/eTECHw6-FMP
 Curating tools – Pinterest, Storify, Trafit

*Click this link for additional readings: https://tinyurl.com/EtechW6-CP
 Web page design platforms – Wix, Weebly, Adobe Dreamweaver

*Click this link for additional readings: https://tinyurl.com/EtechW6-WD
 Web Management platforms – Drupal, WordPress, Joomla

*Click this link for additional readings: https://tinyurl.com/EtechW6-WM
 Social Media Platforms

Websites like Facebook allow you to create not only personal accounts
but also pages and groups where you can share content.
*Click this link for additional readings: https://tinyurl.com/EtechW6-SMP
 Blogging Platforms
66 | P a g e
Suggested
Timeframe
Websites like WordPress, Tumblr, and Blogger focus on content and
design.
*Click this link for additional readings: https://tinyurl.com/EtechW6-BP
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.
Blogs is a discussion or informational website published on the web

consisting of discrete, often informal diary-style text entries ("posts"). Posts are
typically displayed in reverse chronological order, so that the most recent
post appears first, at the top of the web page
Major Features in Online Course Platform Comparison

(https://www.bitdegree.org/online-learning-platforms/comparison)
Comparing e-learning platforms may seem like a complicated task,
especially since there are so many important factors to consider. We want to
take that stress away from you, that’s why we created the most extensive
online course platform comparison tool there is. Take a look at which main
features you need to evaluate while doing the comparison of online learning
platforms.
Content Quality
It’s quite obvious that the quality of learning material is one of the most
important features of online learning platforms. By enrolling into a course you
naturally expect to gain new knowledge or develop your skills, but in some
cases your expectations could be far from the truth. That’s why in our online
learning platforms’ comparison, we always evaluate the quality of learning
material by gathering hundreds of user opinions & doing in-depth research.
Certifications
Having eligible proof of your efforts or gained knowledge is always a
great way to kick-start or advance your career. Certificates, specializations or
online degrees are great tools to do just that. So before deciding which e-
learning platform is the best for you, be sure to compare online courses & the
certifications they offer upon completion. It’s also important to find out
whether the certificates are free or paid. Learn that with our comparison tool.
Ease of Use
Having a smooth, stress-free & easy online learning process is bliss.
Obviously, not all e-learning providers can offer that, since they have
clustered pages, confusing navigation & overall bad UX. It may take a lot of
time for you to try out each learning platform and actually see if it’s easy to
use or not, but that’s what we’re here for! Here, the in-depth comparison of
online learning platforms will let you find out which provider offers the best
user experience.
Learning Experience
Learning experience can be very hard to measure as it usually depends
on many factors. It’s mainly shaped by the instructor or a lecturer, but the
overall positive learning flow of the online learning platforms also plays a big
part. Luckily, our reviewers & researchers know what makes the online
learning experience great and measure it for each e-learning provider fairly
and accurately. Uncover it in our e-learning platforms’ comparisons.
Price
We understand that if you pay for online courses, classes, degrees or
specializations, you always expect good value for the money you paid. Sadly,
there are many e-learning providers that do not offer fair pricing, have hidden
fees or simply offer poor content hidden under hefty price tags. We want to
help you steer away from these online learning platforms by disclosing real
pricing plans, additional payments & price VS value ratio.
Unique Features
67 | P a g e
Suggested
Timeframe
When you’re choosing between several top-notch online course
providers, unique features may be a main deciding factor for which platform
to pick. Whether it’s specialized certifications, customized learning paths or
valuable extra curriculum material, the top-rated online learning platforms
win by offering something authentic and valuable. All the most important,
unique features are disclosed in our online learning platforms’ comparison
charts.
U. Development Learning Task 1
Pagpapaunlad Using the table below, compare the content in the columns 2-5 using the
content in the rows 1-6:
Social Media Facebook Twitter Instagram Pinterest TikTok

Platforms
Content
Quality
Certifications
Ease of Use
Learning
Experience
Price
Unique
Features
*Click this link for grading rubric: https://tinyurl.com/EtechW6-Rubric1
V. Engagement Learning Task 2: Based on the results of Learning Task 1, what realization can
Pakikipagpalihan you draw? Write your reflection in 100 to 150 essential words. Use the attached
Rubric (LT1) as your guide.
W. Assimilation Formative Assessment:
Paglalapat Match the items in Column A whith those in Column B: Write the letter of your
answer (from Column B) in the space provided before each item in Column
A.
COLUMN A COLUMN B
1. Prezi, Zoho Show a) Presentation tools
2. Dropbox, Tumblr, Wix b) Mapping Tools
3. Picasa, Adobe c) Newsletter, ICT content
Photoshop, MS Paint platforms
4. Google Drive, Viber d) File Management platforms
68 | P a g e
Suggested
Timeframe
5. DropBox, Google Drive, e) Photo editing tools
MS One Drive
6. Google Maps, f) Curating tools
Wikimapia
7. Zamzar, Word2pdf g) Photo Uploading and hosting
tools
8. Pinterest, Storify, Trafit
h) Web page design platforms
9. Wix, Weebly, Adobe i) Cloud Computing
Dreamweaver
10. Drupal, WordPress, j) Web Management platforms
Joomla
V. ASSESSMENT Aside from Facebook, try at least other social media network. Discover how
(Learning Activity Sheets for these 2 social media sites of your choice will help in the educative process.
Write your reflection in 3 to 5 sentences only. Use the attached Essay Rubric
3 and 6) (LT1) as your guide.
VI. REFLECTION  The learner communicates the explanation of their personal
assessment as indicated in the Learner’s Assessment Card.
 The learner, in their notebook, will write their personal insights about
the lesson using the prompts below.
I realize that ________________________.
W7
Quarter Date
I. LESSON TITLE Creation of Online platforms as tools for ICT content development
II. MOST ESSENTIAL LEARNING Evaluate existing online creation tools, platforms and applications in developing
COMPETENCIES (MELCs) ICT content for specific professional tracks. CS_ICT11/12-ICTPT-Ig-h-9
Create an original or derivative ICT content using online creation tools,
platforms, and applications to effectively communicate messages related to
specific professional tracks. CS_ICT11/12-ICTPT-Ig-h-11
III. CONTENT/CORE CONTENT Online platforms as tools for ICT content development covering the nature and
purposes of online platforms and applications and creating original or derivative
ICT content.
Suggested
IV. LEARNING PHASES
A. Introduction
Panimula 2 HOURS The enhancement of software applications is unstoppable. It is inevitable
for today’s generation where technology has a big role in all aspects of work.
Almost all businesses were shifted into digital transactions especially now that
the world is facing a new normal setup of life due to pandemic. Adopting to a
new era of technologies is vital and everyone must ride on the flow else they will
leave behind.
In this lesson you will learn those different online ICT content applications
and evaluate its capabilities and purpose. And also we will demonstrate those
applications that can be used in order to establish the digital setup of an
organization to their transaction and marketing aspects.
Give your own opinion or observation about the following situations.
• During this pandemic in which access to the internet is limited, what do

you think are the strategies taken by organizations/companies in order
for them to survive in the business world?
69 | P a g e
• Is having online communication can help to stay connected to the
people or client? Why?
Nature and Purposes of Online Platforms and Applications
Online platforms and Applications are digital environments in which you

can access online or with internet connection. With these applications the
organization or even one individual can create a good presentation,
webpage, content portal group page, collaboration portal for a specific
purpose.
Online Platforms are technologies that are grouped to be used as a base

upon which other applications processes or technologies are developed.
Following are some of the online platforms and applications that you
can use:
• Presentation tools – Prezi, Zoho Show, MS PowerPoint

• Newsletter, ICT content platforms – Dropbox, Tumblr, Wix
• Photo editing tools – Picasa, Adobe Photoshop, MS Paint
• Photo Uploading and hosting tools – Google Drive, Viber, Facebook
• Cloud Computing – DropBox, Google Drive, MS One Drive
• Blog tools – blogger, WordPress, LiveJournal
• Mapping Tools – Google Maps, Wikimapia
• Music production – Sibelius
• Survey and forms – Google Forms
• ICT projects and contents publishing and uploading platforms –
WordPress, MS Office Project Server, File Manager
• Content Management Systems platforms – Wordpress, Drupal, Joomla,
Moodle and TalentLMS
• File Management platforms – Zamzar, Word2pdf
• Curating tools – Pinterest, Storify, Trafit
• Web page design platforms – Wix, Weebly, Adobe Dreamweaver
• Web Management platforms – Drupal, WordPress, Joomla
1. PRESENTATION/VISUALIZATION
It is a graphics program that allows you to create slideshows
presenting a topic, lecture, demonstration to enlighten, educate,
communicate or persuade the audience. It will help you to organize,
summarize and format the content of the information you want to convey
to your audience.
Example of Online Presentation tools are:
Zoho – it is an online presentation that features master slides, template,

customization, the ability to insert videos, images, transitions and
animations, shape effects and flowchart building.
LinkedIn SlideShare –is an online presentation service that launched in

2006 and was purchased by linkedIn in 2012. It is an online platform
that enables sharing content in the form of presentations as well as
pdf and word documents. The contents is in the form of the slides
where anyone who is connected in Slideshare can share and
comment on the information you uploaded on the portal. It is
70 | P a g e
somehow a combination of social network and online learning
resource.
SlideRocket – is an online presentation platform that lets users create,

manage, share and measure presentations. It also provides via Saas
model.
Ms Power Point 365 – It is a presentation developed by Microsoft. It offers

both offline and online setup of applications where you can sync
your create presentation on offline mode into online once your
device is connected to an internet.
Prezi – it is a cloud-based presentation software on a software as a service

model. The product employs a zooming user interface which allows
users to zoom in and out of their presentations.
Google Slide - This application is a one of the free applications offered by

Google once you created an account. With this you can create a
presentation online and can share it to everyone or specific person
via online.
1.1 HANDS-ON USING GOOGLE SLIDE:
Here are the steps on how to create a GOOGLE SLIDE.
Step 1: Login to your Gmail account. On your Gmail account look for the
app icon then click it, the drop down menu will appear then select
slides.
Click this app icon so

that the list of Google
application will
appear.
Step 2: Select the template you wanted to apply to your presentation.

You can also create your own template or design by selecting
the BLANK template.
Select Blank if you wanted These are available template that

to design your own you can use on your presentation.
presentation template or Just select the type of presentation
design. you wanted to apply.
71 | P a g e
Step 3: Start to input information and images on your presentation. This
process is similar to MS power point presentation. Once you
finish to create your presentation you don’t need to save it
because this application has the features of auto Save, so
whatever changes you have done on the presentation it will
automatically save.
After selecting the Blank or Template presentation.

Now we can design the presentation. You can now
add information on the slides.
Step 4: If you want to share the presentation, just click the share button,
you can change or name the presentation whatever you want.
Share
You can change the setting on

how you can share the files.
You can specify the restriction
of on the shared files.
Step 5: Change the restriction of the shared files. By licking the button
for the type of restriction you wanted to apply.
Viewer – the shared files can be viewed

only by the other user.
Commenter – the user can view and
comment on the files.
Editor – the shared files can not only view,
comment but also they can change or
edit the files.
72 | P a g e
Step 6: Once you have set up the restrictions just click the copy link
button and Done. Then send the link to the group or individual
you wanted to share the files.
1.2 HANDS-ON: USING SLIDESHARE
Step on Creating an Account and Access Slideshare.
SlideShare is supported by three different website account

options which you are able to use in order to login and create an
account on it. Those are:
• Login with LinkedIn: This lets you log into SlideShare with your
existing LinkedIn account.
• Login with Facebook: This option allows you to use SlideShare with
your Facebook account.
• Login with your SlideShare account: This option is for those who still
have an old SlideShare account from before LinkedIn purchased
the brand back in 2012.
If you click Signup on the main page or Sign Up for a new SlideShare
account It will actually prompt you to create a LinkedIn account. Just
fill in all the required fields in the application.
73 | P a g e
To start with, just
click Join LinkedIn
button or SignUp
account to
create an
account.
Type your
Password on the
space provided
then click Agree
and Join Button.
Once you already have an account you can now upload your
created presentations on the SlideShare.
https://www.lifewire.com/what-is-slideshare-how-does-it-work-
4775897
2. CLOUD COMPUTING
It is an online application site that offers services as data bank storage,

networking, software analytics and intelligence for faster innovation,
sharing with flexible resources between different organizations or within an
organization. We can use host services which most of it is paid for, but there
are some cloud computing offers with free services but with a limited
capacity so if you want to use it in full capacity you must need to pay for
their services. It is also considered as File Management Applications.
Categories of Cloud Computing
1. Software as a Service (SaaS) – Commercially available applications,

provided by third party to customers over the Internet.
2. Platform as a Service (PaaS) – Allow users to create software
applications and services using tools supplied by the provider over the
internet, simply via their web browser.
3. Infrastructure as a Service (IaaS) - provides companies with computer
resources including servers, networking, storage, and data center
space on a pay-per-use basis over the internet.
Example of Cloud Computing Tools.
Evernote - this is an online application that can allow the

user to create, store and organize their files. It also
provides online notes on which the task
management process can be established.
74 | P a g e
Google Drive - It is a free cloud-based storage
service that allows users to store, manage and
access files online. The service syncs stored
documents, photos, videos and more across all
of the user's devices, including mobile devices, tablets and PCs. You
can also create Google slides, Google docs, form and others.
Dropbox - It is also a cloud computing that offers free

space storage online. It is a file hosting service
operated by the American company Dropbox
Inc. It offers file storage, file synchronization,
personal cloud and client software. To have an account on Dropbox
we can use our Google account or any email accounts.
Amazon Cloud Drive – This is a data storage and file service

used to back up, protect and share files from any
devices.
Microsoft One Drive – It is a file hosting where you can

save and synchronize your files. It is operated by
Microsoft, part of the web version of office. With
this all MS office files on your registered device will
sync your files online.
HANDS-ON USING GOOGLE DRIVE
How to Access Google Drive.

To have a Google drive application you must need to have a
Google Account first. It is the most required account in order to access
Google drive and other Google applications.
Once you have a Google account just Login and look at the App Button,
by clicking this the Google Applications will appear. Then click the Drive
Icon.
Apps Button
Those are the

application
Google Drive available in your
Google account.
How to create folder on the Google Drive:
● You can create a Folder on your Google Drive by simply clicking

the New button, New Folder, and the New folder dialog Box will
appear then enter the name of the folder then click the Create
Button.
75 | P a g e
This is a sample
How to Upload files/folder on the Google Drive:
● On the Google Drive account click New Button then Select

File Upload if you wanted to upload files and Select Folder
Upload if you wanted to upload the whole folder.
You can also add

Google Docs, Google
Sheets, Google Slides
and Google Forms on
this application.
• Then the Select Folder Upload Dialog Box will appear, just select the files
or folder you wanted to upload then click Upload Button.
76 | P a g e
Once you click the upload
button, wait until the files is
uploaded. The check mark
appears on the side corner is
an indication that the file is
already uploaded.
HANDS-ON USING DROPBOX
Step on how to Create a Dropbox Account.
Step 1: Create an account on www.dropbox.com. You can create an account by simply

clicking the CREATE AN ACCOUNT link on the upper right side of the landing page of
the Dropbox site or you can used your existing Gmail or Apple Account.
77 | P a g e
Step 2: For example, you are using your existing Gmail account, then the
dialog box will appear and inform you about the policy and conditions
of the Dropbox site. If you decide to use your Gmail account just click
the Allow button.
Step 3: If you decide to create an account using Create an Account

link, then the Create an Account Page will appear. Just input
the data fields needed.
Just input your:

First name
LastName
Email and
Password.
Check the I
agree to Dropbox
Terms. Then click
Create an
78 | P a g e
Step 4: Then you can
now Login to Dropbox
site using your created
account and enjoy the
free allocated space. If
you wanted to avail or
upgrade the capacity
of your account, you
have to pay for a
specific plan or services.
This is a sample Dropbox Environment.
3. SOCIAL MEDIA
Social media is one of the busiest applications in this generation. These are
computer mediated tools that allow people to communicate, collaborate,
share and exchange information. According to Wikipedia, Social media
are interactive digitally-mediated technologies that facilitate the creation
or sharing/exchange of information, ideas, career interests, and other forms
of expression via virtual communities and networks.
Example of Social Media Application
3.1 Facebook – One of the most presently relevant and common platforms
for social networking is Facebook. Although trends come and go,
Facebook should be the second social media device used after
blogging for the very reason that it takes brand awareness to the next
level by making your company logo very visible and allowing people
to easily share news about your business.
One of the busiest websites in the world especially in the

Philippines. It has millions of Filipino users which are always online every
day. But the question is, how do Facebook help the organization build
an online platform? That is one of the best features of Facebook
nowadays. It has a special function that can support the business in
terms of having a simple and yet beautiful online portal for all the
customer, client or stakeholders in an organization. It is easy to manage
79 | P a g e
and easy to build. There is no required extensive knowledge in
computer programming in building the site.
3.2 YOUTUBE - This site is one of the widespread visited social media services.
This social media platform provides alternative sources of information.
Lectures, podcasts, even news can be found on this site. The most
common contents format of this is video. This can be a repository for
digital works such as videos and presentations. One of the features of
this site is the user can create their own channel as a repository of all
the videos, demonstrations, lectures, presentations, vlogs, and others
to share on the cloud environment.
3.3 Twitter - It was created by Jack Dorsey, Noah glass, Biz Stone and Evan
Williams in March 2006 and lunch in July 2006 also. It is an American
microblogging and social networking service on which the users can
post and interact with messages known as “Tweet”. Users access Twitter
through its website interface or its mobile-device application
software ("app"), though the service could also be accessed via SMS
before April 2020. https://en.wikipedia.org/wiki/Twitter
HANDS-ON USING FACEBOOK
How to Create Facebook Page
It is a business’s digital presence on Facebook. A page has tools

to help the business grow contacts, clients and connect with them. It
will also mean for them to have an interaction and communicate to
each other.
Benefits of Facebook page:

• Support a digital shop front for the business.
• Connect with customers and people interested in the
organization.
• Unlock business tools and advertising opportunities to grow the
company’s presence and reach the organization's goals.
Who can used this page:

● Business
● Organizations
● Charities
● Public figures.
Step on how to create a Facebook page.

2 hours • Create your business or company Facebook account.
• Go to facebook.com/page/create.
80 | P a g e
• Click to choose a Page type
• Fill out the required information
• Click Create Page.
Just fill in all the required

information about the FBpage
you planning to create. You can
insert Page Banner, Logo, and
Description of the page,
This is a sample FB page.
HANDS-ON USING YOUTUBE
How to Create a YouTube Channel.
One of the requirements of this site in order to create a youtube

channel is an email address (gmail, yahoo mail and others).
Step 1: Go to YouTube and sign in by typing YouTube.com on the

URL or address bar of browser and click 'sign in' in the top right
corner of the page.
Type www.youtube.com on the

address bar
Step 2: On the YouTube settings. At the top right corner of the screen,
click on your profile icon and then click "Your Channel." Then
Create Channel.
81 | P a g e
Step 3: You can upload or Go live on your YouTube channel by
simply click the Create Button.
Step 4: For example you wanted to upload your created video,

you only need to select Upload Videos. The Upload
Videos dialog box will appear. Click Select files then
locate the videos you wanted to upload then click Open.
Wait until the video is uploaded.
82 | P a g e
HANDS-ON USING TWITTER
How to create Twitter Account:
Step 1: Go to the Twitter

homepage and click on
the button "Sign Up Now."
Step 2: Begin the sign-up

information by providing
your username, date of
birth, and your choice of an
email account or phone
number. Your contact
information and date of
birth will not be public. For a
business account, use the
name of your business or a
word or phrase closely
associated with your
business. Shorter is always
better, so don’t get hung up
trying to use all the spaces
you are allocated. Click on
the button that says "Next."
Step 3: Choose how you

want to view ads. Click on
the button that says "Next."
Step 4: Click on the button
that says "Create Account."
A verification code will be
sent to your email address or
83 | P a g e
phone number. Enter the
verification code once you
receive it.
Step 5: Create a password.

It will need to be at least six
characters.
Step 6: Add your picture. At

the top of the settings page,
you will see a "photo" tab.
Click this and add a photo of
you. For a business account,
you can add your logo or an
icon.
Step 7: You will be given the

option to import your email
addresses from your Gmail,
Yahoo, or Outlook email
accounts. It is a great way to
get started in following
current contacts.
Step 8: Complete the rest of

your profile information. This
is where you can provide a
brief summary of your
business, list your website,
and more.
https://www.thebalancesmb.com/twitter-create-your-own-twitter-
account-2296075
Sample
Accout
OTHER ONLINE TOOLS:
Mapping
Online mapping services are used for finding locations, creating routes by
encoding the address or specific location. It also provides another function
which you can see the image of the location you have been searching for.
84 | P a g e
Example of Mapping Application:
1. Google Maps – this application was developed by Google. It offers
satellite views of locations, aerial photography and a 360-degree
interactive panoramic view of the locations. This can help you to route
the place you want to route the location. Also it will give you
information about the current situation of the traffic on the possible
area.
2. Wikimapia – is an open content collaborative mapping site with the use

of interactive web maps. The project implements an interactive
"clickable" web map that utilizes Google maps with a geographically-
referenced wiki system, with the aim to mark and describe all
geographical objects in the world.
https://en.wikipedia.org/wiki/Wikimapia
HANDS-ON USING GOOGLE MAPS
● On the address bar of your browser just type maps.google.com or

google.com/maps.
● On the Google Maps search bar, enter or input the location or place
you wanted to search then press Enter. For example, you wanted to
search the DepEd Calamba office.
● The Google Maps will provide the location and information of the
establishment. You will see the location Pin that indicates the location
of the place you are searching for.
Seach Bar
Location pin
Click this if you are looking to the Click this if you wanted to share
direction on how to go to the the location
location.
85 | P a g e
● Click the Directions Button for you to be able to know the directions
on how to go to the location. The Google Maps will ask where your
starting point is. For example, your starting point is from Brgy Mayapa
Calamba City Laguna, just type the starting location then press Enter.
● Google Maps will show you the route, the left panel will show you the
details of travels and the right side is the map view of the starting point
to the destination.
SHARING OF LOCATION
Using Google Maps, you can share your current location by clicking
the share button on the left panel.
Click this if you wanted to

share the location
86 | P a g e
Just copy the URL or link then send to the people wanted to share.
B. Development
Pagpapaunlad Learning task 1: Activity Drill 1
Application of the different ICT content tools create the following:
1. Your own Facebook Page or YouTube Channel then share to your

friends online. (You can select a topic that relates to your interest,
advocacy or awareness).
2. Create a presentation using Google Slides, SlideShare or any

presentation application that will present about you have selected
topics from problem number 1.

C. Engagement
Pakikipagpalihan Learning task 2: Practicum
Group Activity: At least 3 Members per group:
Look for small business establishments such as sari-sari stores, cooperative

organizations or even an online seller. You can also create your own business or
organization. From there, create a presentation about the establishment using
Google Slides, LinkedIn SlideShare, or any presentation applications. After that
create a Page using Facebook or Twitter; or a YouTube channel of the
establishment and share to the online world.

D. Assimilation Learning Task 3:

Paglalapat
Answer the following Question in two or more sentences. (4 points each
problem)
1. How do ICT content Development tools help teachers and students in

the teaching - learning process especially now that we are facing a
new normal setup of learning.
2. Is using social media platforms can help organizations or companies to

sustain their customer or client and provide a quality service? Explain
your answer.
87 | P a g e
3. Among those online ICT Content tools, select two applications that
catch your interest then discuss why you chose them.
The rubric below will serve as a guide and basis of your score
Sample answers:
1. ICT Content Development tools help both teachers and students to

establish communication. The teacher can manage those lessons and
activities to be given to the students while students can study the lesson
online. They can also download lessons uploaded by the teachers and
they can send answers through this portal even at a long distance.
(4pts)
2. Yes. Because, it will help to stay connected with their customer or client.
It can reach their target customers globally. It will help the organization
or company in terms of promotion and marketing purposes. (4pts)
3. Facebook and Google Drive. Facebook because it is one of the top

applications used by many nowadays. It does not only focus on
connecting friends and relatives or people but also it has features that
can support the business aspect. With this you cannot only connect to
one group of people but to all possible clients or customers. It is a good
drive because with these applications important files online can be
stored, so wherever people go, they can retrieve it as long as they have
an internet connection. (4pts)
V. ASSESSMENT Learning Task 4: Formative Assessment

4 and 5) https://quizizz.com/join?gc=55820060
INSTRUCTIONS:
C. On your answer sheet, shade the circle that corresponds the letter of
your answer; No erasures
1. Which of the following is not a presentation tool?

a) Prezi
b) Zoho Show
c) Google Slide
d) Dropbox
2. It is an online application site that offers services as data bank storage,
networking, software analytics and intelligence for faster innovation,
sharing with flexible resources between different organizations or within
an organization.
a) Social Media
b) Web Page
c) Presentation
d) Cloud Computing
3. This type of cloud computing is – Commercially available applications,
provided by third party to customers over the Internet.
a. Software as a Service (SaaS)
b. Platform as a Service (PaaS)
c. Infrastructure as a Service (IaaS)
88 | P a g e
d. Software Platform Cloud (SPC)
4. This social media platform is an American microblogging and social
networking service on which the users can post and interact with
messages known as “Tweet”.
a) Facebook
b) Twitter
c) Youtube
d) Dropbox
5. This type of cloud computing allows users to create software
applications and services using tools supplied by the provider over the
internet, simply via their web browser.
a) Software as a Service (SaaS)
b) Platform as a Service (PaaS)
c) Infrastructure as a Service (IaaS)
d) Software Platform Cloud (SPC)
6. This is a cloud computing application that allows the user to create,
store and organize their files. It also provides online notes on which the
task management process can be established.
a. Evernote
b. Dropbox
c. Google Drive
d. MS One Drive
7. It is one of the busiest applications in this generation. These are

computer mediated tools that allow people to communicate,
collaborate, share and exchange information.
a. Social Media
b. Dropbox
c. Google Drive
d. Ms. Drove
8. This site can be a repository for digital works such as videos and
presentations. One of the features of this site is the user can create their
own channel as a repository of all the videos, demonstrations, lectures,
presentations, vlogs, and others to share on the cloud environment.
a) Facebook
b) Twitter
c) Youtube
d) Dropbox
9. This type of cloud computing is providing companies with computer

resources including serves, networking, storage, and data center
space on a pay-per-use basis over internet
a) Software as a Service (SaaS)
b) Platform as a Service (PaaS)
c) Infrastructure as a Service (IaaS)
d) Software Platform Cloud
10. Which of the following applications is an example of cloud

computing?
a. Prezi
b. Zoho Show
c. Google Slide
d. Dropbox
89 | P a g e
VI. REFLECTION ● The learner communicates the explanation of their personal assessment
as indicated in the Learner’s Assessment Card.
● The learner, in their notebook, will write their personal insights about the
I realize that ________________________.

W8 Quarter Date
I. LESSON TITLE Online platforms as tools for ICT content development covering Web Design.
II. MOST ESSENTIAL LEARNING Apply web design principles and elements using online creation tools,
COMPETENCIES (MELCs) platforms, and applications to communicate a message for a specific purpose
in specific professional tracks. CS_ICT11/12-ICTPT-Ig-h-10
III. CONTENT/CORE CONTENT Online platforms as tools for ICT content development covering the topics of:
● Basic web design principles and elements
● Web page design using templates and online WYSIWYG platforms
Suggested
IV. LEARNING PHASES
A. Introduction
Panimula 4 HOURS Nowadays most of the companies and institutions have their own web
portal. This is one of their ICT integration on their organization that can support
them to build a strong connection with their client and stakeholders. With the
web portal the communications and process become easy and fast.
In the Philippines, one of the projects of the government is to strengthen
Information Communications Technology in all government agencies in order
to provide a quality service to the community.
Website development before was very difficult because it required an
advanced knowledge on computer programming but today you can easily
create your own website instantly even if you don’t have a knowledge in
programming.
In this lesson we will focus on the application of web design principles and
elements and those applications that can help us to create web design in order
to create an online platform which will be needed in continuous development
of an organization. Since one of the mission of every organization is to provide
quality services to their client and to sustain their organization on top, they will
need to find ways to reach their target clients and stakeholders.
90 | P a g e

1. Have you visited a website portal of any organization such as
government agency, establishment, schools, or company)? What did
you notice on the website?
______________________________________________________________________
_______________________________________.
BASIC WEB DESIGN PRINCIPLES AND ELEMENTS
Web design is a concept of planning, creating, updating and maintaining

websites. A good web design allows the user to understand the message,
contents and ideas in the most convenient way. Designing a website there
are key factors or elements that will contribute to make it more reliable and
usable.
In developing a website usability and functionally of the website is always

an issue that is why we must need to consider the purpose of it and how it will
work once it is deployed online.
Web Design Elements
In the development of Web Design there are elements or factors you need
to consider to build a website. Among of these elements are:
1. Text – font family and type must be chosen well, clear and in readable
size. Text must be readable so that we must need to identify what text
type we will use on the website.
2. Graphics/Illustrations –graphics is a vital element of the website. It will

help to grab the attention of the viewers and to convey the
information. It must be good quality and well arranged with the text
and order elements. Image must be relevant to the topics or purpose,
as much as possible use original graphics. Used appropriate file format
which is best in online for easily loading the webpage.
3. Shapes – this also helps the web designer to enhance the appearance
of the website. It will help the viewer to see the important part of the
website content. It can be used to denote an enclosed boundary in
the overall design. Any kind of shapes, like regular geometric or
abstract shapes that will fit the users’ design can be placed.
4. Background – or texture can help provide your website with a feeling of

a surface underneath. This will help the website text and information
clear and readable. This transmits emotions and stories that the website
wanted to convey.
5. Color – This must be used accordingly. As much as possible follow the

color wheel color combination as references so that you can combine
the appropriate color combination. It must blend well and
complement the elements on the page. Use vibrant and bold colors
that will attract but not too distracting.
6. Video/Audio – will help viewers easily understand what you are teaching
or selling. With this the information can easily deliver to the viewers.
91 | P a g e
7. Links – will allow users to connect to another site or page that is related
to the content of your page or site. This will help the user to navigate
the on environment of the websites.
PRINCIPLES OF WEB DESIGN

To develop an effective website, the following principles must be
considered and applied.
1. Website Purpose – In website development Planning is one of the most

important phases of development. In this process we will identify the
purpose of the website that we are going to build. Those factors
involved on the website must be identified for example who is the
users, the services, and functionality to be integrated to the websites
and others.
2. Simplicity – It focuses on the design of the website. As much as
possible the website is simple so that the information can easily be
understood. Use the appropriate text, use at least 3 text types on your
website. In terms of color use only not more than five color
combinations.
3. Navigation – Website navigation must be functional. Make sure that
the link will bring the user in to the appropriate webpage. Website
navigation is one of the keys to make the viewer stay on your website.
4. Design for low bandwidth – websites must be loaded fast. Avoid
animations, and large graphics that can cause slow on downloading
and loading the website.
5. Visual Hierarchy – It focuses on the direction of the elements on the
website. So to open the website we must need to identify the order of
importance of the various elements. Make sure you place them in a
sequence to emphasize the most important information is. This is done
either by size, imagery, color combinations and contrast, text, texture
and style.
6. Content – This is one of the most important elements in the website. So
make sure that all information is correct and legit. Content must be
relevant to the purpose of the website.
7. Simplify – remove those distracting options and confusion. Make sure
that all the links are directed to the webpage specified on the
navigation.
8. White spaces – This will make the design balance, harmony and brand
the design of the website. It will lead the reader from one element to
another.
9. Portable Design – Websites must be portable and accessible by the
users who have different browsers or operating systems and computer
platforms. It is focused on the compatibility of the website to different
browsers.
10. Convenience – to allow a visitor to make an action, the click buttons,
should be conveniently located on the visible place and must be
accessible.
11. Mobile friendly – It is important to consider the compatibility of the
website in mobile phones because almost all people use phones.
https://www.feelingpeaky.com/9-principles-of-good-web-design/
Example of WYSIWYG online platforms, HTML Editor.
1. Wix – is a software application developed by

Israeli software company. It provides cloud
based web development services. It allows
users to create html 5 websites and mobile sites
through drag and drop tools.
92 | P a g e
2. Weebly- is a free drag and drop website builder,
blogs and web hosting service.
3. Drupal – is a free and open source web content

management framework written in PHP and
distributed under the GNU General Public License. It
provides a back-end framework of the website.
4. WordPress – is a free open-source content management

system (CMS) builder based on PHP and paired with
MySQL. It offers free template builder and plugin
architecture for the website.
5. Moodle – It is an open source learning management

system (LMS) written in PHP and distributed under
GNU General Public License. This is intended for
Learning Portal for the collaboration of students and
teachers.
6. Google Site- it is a structured wiki and web page

creation tool which is part of the application
package of Google account. You can use this
once you already have a Google account.
HANDS-ON: WEB PAGE CREATION USING WIX WEBSITE BUILDER
Step 1: Create an account on Wix by going to www.wix.com. You have to

sign up to use the website. You may choose to log in using your
Facebook account or Gmail account. Once logged in, you can use
the existing templates of Wix and just modify and enhance your
website.
93 | P a g e
Step 2: Click the Get Started Button to start creating the website.
Click Get Started

button to start the
process.
Step 3: Click “Create New Site” to start designing the webpage on the
website.
Click Create New Site

to start designing the
website.
Step 4: Click “Choose a Template” to set up the website template to

be applied on your website.
Click Choose a Template for

you to be able to select the
template of website you
wanted to apply.
94 | P a g e
Select the Template you
wanted to use in the
website.
Step 5: you can customize the image and text to appear on your main
page.
You can Edit this portion by clicking

the text and input the text you
wanted to display
Step 6: To customize the website design, just click Site Menu by adding and
Deleting the site Menu.
Click Site Menu button to

add or delete webpage
Click Add Page to

insert new webpage
95 | P a g e
Step 7: Edit the text on the web page and change the background image on
the webpage. Assume that we wanted to replace the Text M&B
Remodelling with MyLearningPortal, just click the text then type a new
text.
Step 8: Once you are done in your website setup and design, just click the
PUBLISH Button to make it published and deploy online.
Step 9: This dialog box will appear once you click the PUBLISH button. On
the domain name just add the name of your domain or website.
Save & Continue
96 | P a g e
Click Done Button to finish the setup.
HANDS-ON: CREATE WEBSITE USING GOOGLE SITE
Step 1: On your Gmail account, just click the app icon then select site or
just type https://sites.google.com/ on the address bar of your
browser.
APP ICON
Step 2: Click Blank if you wanted to design your webpage with your own
layout. You can use a free template available on the application
depending on your taste and purpose of the website.
97 | P a g e
Free website Template
Step 3: Assume that we wanted to create a website with our own

template, so click blank then you can name the website, import
logo, upload web page banner image and description about the
website.
Step 4: Once you finish to add layout and information about your website
and if you think it is ready to publish, just click the PUBLISH button on
the right side of the screen beside your picture account.
Step 5: This will appear once you click the PUBLISH button, just input the
name of your website then click the publish button to make it
available online.
98 | P a g e
B. Development
Pagpapaunlad Learning task 1: Activity Drill 1
Using those web design elements and Principles look for small
establishments like sari-sari stores, online sellers, or any products that can be sold
online or maybe an organization then create a simple website using those
website builders to create a simple website design.

C. Engagement Learning Task 2: Practicum

Pagpapahinayan
Group Project: Maximum of 8 members per group.
Create an e-learning of Empowerment Technology. (Ask your teacher a

copy of all the lessons from week 1 – 8 of these subjects. Ensure you complete
all the lessons on the web design.
See sample output below.
Requirements to the e-learning but not limited to:
1. Create a navigation (Home, Lesson/module, Activities, Quizzes,

References)
2. Videos or tutorials related to the topics are highly recommended to

insert into e-learning.
3. All images, videos or content information must be properly sited to the

references to recognition to the owner of the files.
99 | P a g e
D. Assimilation Learning Task 3:

Paglalapat
From the activities you have done in Learning Task 1,
Answer the following questions in two or more sentences. (4 points each
problem)
1. How do web design elements help you in building your website

portfolio?
2. Is using a website can help an organization or company to sustain their

customer or client and provide a quality service? Explain your answer?
3. Among those online website builder applications which catch your

interest then discuss why you choose it.
The rubric below will serve as a guide and basis of your score.
Performance Score
4 3 2 1
Areas
Content The complete The ideas are The idea lacks No

idea is clearly vague, lack of supporting supporting
stated focus. points. points.
Relevance/ The answers are The answers are The answers No

aligned to what is somewhat have a little relevance
Appropriate needed. misleading. relevance to at all.
ness what is asked
for.
Mechanics Written answers Written answers Written Written

and have no errors in are relatively free answers have answers
Grammar word selection of errors in word several errors have serious
and use, selection and use, in word errors in
sentence sentence selection and word
structure, spelling structure, spelling use, sentence selection
and and structure, and use,
capitalization. capitalization. spelling and sentence
(1-2 errors) capitalization structure,
. (3-4 errors) spelling and
capitalizatio
n.
Learning Task 4: Formative Assessment

INSTRUCTIONS:
C. On your answer sheet, shade the circle that corresponds the letter of
your answer; No erasures
100 | P a g e
1. This web design element font family and type must be chosen well
to make it clear and readable in the website.
a) Text
b) Shapes
c) Color
d) Background
2. It is a texture that can help provide your website with a feeling of

a surface underneath.
a) Text
b) Shapes
c) Color
d) Background
3. This element will allow users to connect to another site or page

that is related to the content of your page or site. This will help the
user to navigate the on environment of the websites.
a) Text
b) Shape
c) Link
d) Shape
4. This element must blend well and complement the elements on
the page.
a) Text
b) Shapes
c) Color
d) Background
5. It is a vital element of the website which grabs the attention of the

viewers and conveys information. This may be in file format of jpeg
or .png.
a) Text
b) Graphics
c) Link
d) Color
6. This is one of the most important elements in the website. So make

sure that all information is correct and legit.
a) Website Purpose
b) Visual Hierarchy
c) Content
d) Navigation
7. This will make the design balance, harmony and brand the design
of the website. It will lead the reader from one element to another.
a) Simplicity
b) White space
c) Content
d) Convenience
8. This web design principle must need to apply to be portable and

accessible by the users who have different browsers or operating
systems and computer platforms.
a) Portable Design
b) Simplicity
c) Website Purpose
d) Visual Hierarchy
9. It is important to consider the compatibility of the website in

mobile phones because almost all people use phones.
a) Website Purpose
b) Visual Hierarchy
101 | P a g e
c) Navigation
d) Mobile Friendly
10. This web design principle will allow a visitor to make an action, the
click buttons, should be conveniently located on the visible place
and must be accessible.
a) Simplicity
b) White space
c) Content
d) Convenience
VI. REFLECTION ● The learner communicates the explanation of their personal assessment
as indicated in the Learner’s Assessment Card.
● The learner, in their notebook, will write their personal insights about the
I realize that ________________________.
REFERENCES:
https://drive.google.com/file/d/1ca9oCMOGrQuLvFAnm8OxZYxLkuiDq-m0/view February, 2021
https://ahs.aurorahuskies.org/wp-Retrived content/uploads/sites/3/2016/10/deep_map_essay_rubric.doc. February, 2021
https://quizizz.com/join?gc=44531228 February, 2021
http://deniseramos-ict.blogspot.com/2015/09/famous-people-behind-computers-and.html February, 2021
https://blogs.worldbank.org/edutech/10-global-trends-in-ict-and-education February, 2021
https://www.youtube.com/watch?v=RwapI9x1GI8 February, 2021
https://luminet.co.uk/top-10-common-internet-threats/ February, 2021
https://www.voicesofyouth.org/blog/dangers-internet-beyond-cyberbullying February, 2021
http://lcweb.loc.gov/z3950/gateway.html, RETRIEVED February, 2021

http://www.readwritethink.org/files/resources/printouts/Essay%20Rubric.pdf RETRIEVED
February, 2021
https://drive.google.com/file/d/1cBx095BMJS5PVip4zLacDV4HyRuUC49n/view?usp=shari
ng RETRIEVED February, 2021
https://drive.google.com/file/d/1qZJGf5vVX6A3KdQj-I7NP9Z6pLL32XBz/view Retrieved.
February, 2021
https://www.rcampus.com/rubricshowc.cfm?code=QX7B3WX&sp=yes& Retrieved.
February, 2021
https://tinyurl.com/EtechW5-a
https://tinyurl.com/EtechW5-b
https://tinyurl.com/EtechW5-C
https://tinyurl.com/EtechW5-d
https://tinyurl.com/EtechW5-e
https://tinyurl.com/EtechW5-f
https://tinyurl.com/EtechW5-Rubric1
https://tinyurl.com/EtechW5-RubricDP
OECD (2019), "What is an “online platform”?", in An Introduction to Online Platforms and Their Role in the Digital Transformation, OECD
Publishing, Paris, https://doi.org/10.1787/19e6a0f0-en.
(https://www.bitdegree.org/online-learning-platforms/comparison)
Prepared by: Alejandro D. Tatlonghari / Samson G. Melitante Checked by: Erlito Orlinga | Flor Tomas
102 | P a g e

Leap Etech 1st Quarter

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Leap Etech 1st Quarter

Uploaded by

Copyright:

Available Formats

W1

Learning Area EMPOWERMENT TECHNOLOGIES Grade Level 11/12

I. LESSON TITLE Introduction to Information and Communication Technologies

WHAT THEN IS ICT?

FAMOUS PERSONALITIES BEHIND THE ICT

Top Internet Service Providers in the Philippines

WHAT IS WORLD WIDE WEB (WWW)?

WHAT IS WEB PAGE?

WHAT IS WEB BROWSER?

WHAT IS WEB 1.0 STATIC?

WHAT IS WEB 2.0?

WHAT IS WEB 3.0 AND THE SEMANTIC WEB?

GOING FURTHER, LET US DIG DEEPER ON THE TRENDS IN ICT

*Click this link to a blog for additional information: https://tinyurl.com/ycx26fxm

NOW LET US TALK ABOUT SAFETY

What is internet Safety?

Awareness Campaign Project Rubric

Option 2: Zipgrade Application will be utilized

I. LESSON TITLE Contextualized online search and research skills

Internet research is the practice of using Internet information, especially, free

CLICK THIS LINK for additional readings. https://tinyurl.com/EtechW2

THE RESEARCH PROCESS

SEARCHING THE WEB

Click this link for additional readings: https://tinyurl.com/EtechW2-b

Evaluating Internet sources

Click this link for additional readings: https://tinyurl.com/EtechW2-c

F. Development Learning Task 1:

Click this link for the grading Rubric: https://tinyurl.com/EtechW2-d

Search Engine Search for “sheep” Search for “black sheep”

Number of hits is shown in the image below:

G. Engagement Learning Task 3:

Search Engine Search for “Sleeping” Search for “beauty”

H. Assimilation FORMATIVE ASSESSMENT

V. ASSESSMENT ADDITIONAL ENRICHMENT ACTIVITIES:

I. LESSON TITLE Applied productivity tools with advanced application techniques.

LET US HAVE A SIMPLE SELF ASSESSMENT.

Give your own opinion or observation about the situation.

LET US BEGIN THE JOURNEY

Example of Word Processor Applications.

Logo Application Name

Allows you to change document settings, such as the font

Used to insert different features such as tables, pictures, clip

Refers to the arrangement of text, images, and other

Refers to building Mail Merge application on the document.

Here are some features of Microsoft word:

 AutoCorrect – corrects common spelling errors as well as capitalization mistakes

Keyboard Shortcuts in MS Word in order to easy navigation on the application:

 Ctrl + A – Select All

Two components of Mail Merge:

MS word Built-in database excel file

Tips on how to build Mail Merge.

3. Create a document layout first, before establishing database or data to be linked on

PARTS OF MAILINGS TAB:

ICON NAME FUNCTION

Start Mail Merge Merges data into a publication which will be

Select Recipients Choose the list of recipients or data file to be

Address Block Add an address to the letter or document.

Greeting Line Add greeting line to the document.

Find Recipient This will help to locate or find recipient or record

Example: Applying Mail Merge on creating Certificate for a training.

1. Open Microsoft word and start new blank document.

Remember that there are three field name on the participants:

3. Create a folder name “SampleMerge” on the desktop then save the