Pa

QUARTER 1 WEEK 1
TOPIC: INFORMATION AND COMMUNICATION TECHNOLOGY
OBJECTIVE:
After going through this module, you are expected to:
1. differentiate Web 1.0, Web 2.0 and 3.0; and
2. compare and contrast the nuances of varied online platforms, sites and content.
PRE-ASSESSMENT:
Directions: Choose the letter of the best answer.

1. This media is designed to help people who have visual and reading impairments.
a. Assistive Media c. Bookmarking Site
b. Social Media d. Media Sharing
2. Pinterest is a social media website that can be classified as
a. Media Sharing c. Blogs and Forums
b. Microblogging d. Bookmarking Sites
3. This operating system is used by apple devices such as iPhone.
a. Symbian c. iOS
b. Windows OS d. Black
4. Which of the following is an example of a social networking site?
a. Pinterest c. Flickr
b. Google + d. YouTube
5. This feature of Web 2.0 allows users to categorize information through tagging.
a. Hashtag c. User participation
b. Folksonomy d. Taxonomy

DISCUSSION:
As the famous saying goes, "Love makes the world go round." But you might
argue how the Internet has made the world go round for decades before you start
searching for someone to fall in love with. Likewise, the Internet has probably made your world
go round in the motivation activity. In this lesson we will understand how information and
communication technologies in such a short period of time have improved our lives.
What is Information and Communication Technology or ICT?
It deals with the use of different communication technologies such as mobile phones,
Internet and etc. to locate, save, send, and edit information.
Having a unified way to communicate is one of the goals of ICT. We spend less
because of ICT.
World Wide Web
• The World Wide Web, commonly referred to as WWW, W3, or simply the Web is an
interconnected system of public webpages accessible through the Internet. It was
invented Sir Tim Berners-Lee in 1989.
• Web pages are what make up the world wide web and it can either be static or dynamic.

Page | 2
Web 1.0
• Web pages are static and not interactive. You can’t post comments or create an
account.
Examples of Websites in Web 1.0

Web 2.0
• term used to describe the present generation of the World Wide Web that concentrates
on its capability of providing people the means to collaborate and share information
online
• The second stage in World Wide Web
• Dynamic Website
o The content of the website changes
• Interactive
o The user may be able to comment or
create user account
• enables an increased user participation in the
web
• Darcy DiNucci, an information architecture
consultant, coined the term Web 2.0 in her
1999 article, “Fragmented Future”.
• The term was popularized by Tim O'Reilly and Dale Dougherty at the O'Reilly Media
Web 2.0 Conference in late 2004 (TechTarget, 2015).
Features of Web 2.0
• Folksonomy - It allows users to categorize and classify/arrange information using
freely chosen keywords (e.g., tagging). Popular social networking sites such as Twitter,
Instagram, Facebook, etc. use tags that start with the pound sign (#). This is also
referred to as hashtag.
• Rich User Experience - Content is dynamic and is responsive to user’s input. An
example would be a website that shows local content. In the case of social networking
sites, when logged on, your account is used to modify what you see in their website.
• User Participation - The owner of the website is not the only one who is able to put
content. Others are able to place a content of their own by means of comment, reviews,
and evaluation. Some websites allow readers to comment on an article, participate in
a poll, or review a specific product (e.g., Amazon.com, online stores).

Page | 3
 • Software as a Service - Users will subscribe to a software only when needed rather
than purchasing them. This is a cheaper option if you do not always need to use a
software. For instance, Google Docs is a free web-based application that allows the
user to create and edit word processing and spreadsheet documents online. When you
need a software, like a Word Processor, you can purchase it for a one-time huge
amount and install it in your computer and it is yours forever. Software as a service
allows you to “rent” a software for a minimal fee.
• Mass Participation - It is a diverse information sharing through universal web access.
Since most users can use the Internet, Web 2.0’s content is based on people from
various cultures.
Web 3.0
• also called as Semantic Web
• Semantics – ability of Web technologies to understand and interpret human-generated
content
• The aim of Web 3.0 is to have machines understand the user’s preferences to be able
to deliver web content specifically targeting the user.
• The Internet is able to predict the best possible answers to your question by “learning
from your previous choices
Trends in ICT
As the world of ICT continues to grow, the industry has focused on several innovations.
These innovations cater to the needs of the people that benefit most out of ICT. Whether it is
for business or personal use, these trends are current front runners in the innovation of ICT.
1. Convergence
• Technological convergence is the combination of two or more different entities of
technologies to create a new single device.
• Example: Using of smartphone to create word documents that was previously can only
be created using desktop computer.
2. Social Media
• It is a website, application, or online channel that enables web users to create, co-
create, modify, and exchange user-generated content.
Types of Social media:
a. Social Networks - sites that allow you to connect with other people with same
interests or background. Examples: Facebook, Google+
b. Bookmarking Sites - sites that allow users you to store and manage links to
various websites and resources, and to tag Examples: StumbleUpon, Pinterest
c. Social News - sites that allow users to post their own news items or links to
other news sources. Examples: reddit, dig
d. Media Sharing - sites that allow you to upload and share media content like
images, music, and video. Examples: Flickr, YouTube, and Instagram
e. Microblogging - sites that focus on short updates from the user. Those who
are subscribed will receive updates. Examples: Twitter Plurk

Page | 4
 f. Blogs and Forums - sites that allow users to post their content. Examples:
Blogger, WordPress, Tumblr
3. Mobile Technologies
• The popularity of smartphones and tablets has taken a major rise over the years. This
is largely because of the devices’ capability to do tasks that were originally found in
personal computers.
Different types of mobile operating systems:
a. iOS – used in Apple devices such as the iPhone and iPad
b. Android – an open source operating system developed by Google. Being open
source means several mobile phone companies use this OS for free.
c. Blackberry OS – used in blackberry devices
d. Windows Phone OS – a closed source and proprietary operating system
developed by Microsoft
e. Symbian – the original smartphone OS used by Nokia devices
f. WebOS – originally used for smartphones; now used for smart TVs
g. Windows Mobile – developed by Microsoft for smartphones and pocket PCs.
4. Assistive Media
• It is a nonprofit service designed to help people who have visual and reading
impairments. A database of audio recordings is used to read to the user. You may visit
http://assistivemedia.org/ for several of their audio recordings.

ACTIVITY:
Matching Type
Directions: Match column A with the correct answer on column B.
Column A
Column B
1. The Supreme Student Government A. Folksonomy
of KNCHS organized a successful B. Rich User Experience
unity run for a cost called C. User Participation
KapatiRUN. Everyone especially
D. Mass Participation
the official page of KapatiRUN had E. Software as a Service
included #KapatiRUN2020 on their
F. Technological Convergence
social media posts. They categorize
G. Assistive Media
the information on their page by the
H. Social Networks
use of tags.
I. Bookmarking sites
2. Celine used her smartphone
J. Media Sharing
instead of using her laptop in doing
K. Microblogging
her research. L. Blogs and Forums
3. Angelo created a website intended
to help people with visual and
reading impairments.
4. Albert is fond of pinning things he
finds on the web using Pinterest.
5. Ana likes to post short updates on
her Twitter account.

Page | 5
 6. Lucy uploads her pictures in
Instagram to update her followers
of her daily activities.
7. Alice uses Facebook to connect
with her friends.
8. Most Internet users subscribe to
Netflix for new movies.
9. Justine posted an article on his
blog and his followers commented
on his post.
10. Aside from news article websites,
journalists post their news item on
platforms like Reddit.

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

Page | 6
QUARTER 1 WEEK 2
TOPIC: ONLINE SAFETY, SECURITY, ETHICS, AND ETIQUETTE
OBJECTIVE:
After going through this module, you are expected to:
1. name the various online threats;
2. identify the online safety measures; and
3. consider one’s and others’ reputation when using the Internet.

PRE-ASSESSMENT:
Choose the letter of the best answer.

1. What type of file does key logger software typically use to store its recording?
a. Data Files b. Virus Files c. Text Files d. Log Files
2. Raffy is using a technique that tries to take information from the user. He commonly
takes things like credit cards, usernames, passwords, and home address. What type
of threat is depicted in the scenario?
a. Fishing b. Scam c. Spam d. Phishing
3. How does spyware infect a computer?
a. Popups c. Recording web information
b. Theft of personal information d. All of the above
4. People who practice identity theft usually go for
a. Personal information c. Send users an email
b. Being able to have another name d. Victim’s Address
5. The following are tips on how to stay safe online except
a. Add friends you know in real life.
b. Avoid visiting untrusted websites.
c. Share your password with anyone.
d. Buy the software, do not use pirated ones.

DISCUSSION:
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 through games, online communities, and everything in between. But like most
things in this world, there is always “other side of the coin”. The internet is one of the most
dangerous places especially if you do not know what you are doing with it. But there is no
need to worry; it is never that late. Hopefully, by the end of this lesson, you can consider how
you go about your use of the Internet.

Page | 7
 The Internet is defined as the information superhighway. This means that anyone has
access to this highway, can place information, and can grab that information. This is why social
networking sites like Facebook continue to improve their security features. The threat of
cybercrime is very real. Whatever information we share today could affect our future.
Tips to Stay Safe Online
The Internet is a public place and it is up to you to protect yourself. Here are some tips to help
you stay safe when using the internet.
1. Be mindful of what you share online and what site you share it to.
2. Do not just accept terms and conditions; read it.
3. Know the security features of the social networking site you use. By keeping your
profile private, search engines will not be able to scan your profile.
4. Do not share your password with anyone.
5. Avoid logging in to public networks/Wi-Fi. Browsing in “incognito (or private) mode
will NOT protect you from hackers.
6. Do not talk to strangers whether online or face-to-face/
7. Never post anything about a future vacation. It is similar to posting, “Rob my house
at this date.”

Page | 8
 8. Add friends you know in real life.
9. Avoid visiting untrusted websites.
10. Install and update an antivirus software on your computer. Use only one anti-virus
software to avoid conflicts.
11. If you have Wi-Fi at home, make it private network by adding a password.
12. Avoid downloading anything from untrusted websites.
13. But the software, do not use pirated ones.
14. Do not reply or click links from suspicious emails.
15. Make Online Purchases from Secure Sites
Most people would dispute that there is no such thing as private over the Internet and
they may be right. Some hackers can find a backdoor even if your profile is already set to
private. You have no control whoever is looking at your friend's screen whenever they open
your profile or chat with you.
Internet Threats
Here are some of the threats you should be aware of when using the Internet:
1. Malware – or malicious software, is any program or file that is harmful to a computer
user.
Types:
a. Virus - a malicious program designed to replicate itself and transfer from one
computer to another (internet, local networks, FDs, CDs, etc.)
b. Worm - a malicious program that transfers from one computer to another by any
type of means.
Ex. ILOVEYOU Worm - The malware originated in the Pandacan neighborhood
of Manila in the Philippines on May 5, 2000.
c. Trojan - a malicious program that disguises as a useful program but once
downloaded or installed, leaves your PC unprotected and allows hackers to get
your information.
d. Spyware - a program that runs in the background without you knowing it (thus
called “spy”). It has the ability to monitor what you are currently doing and typing
through keylogging.
Ex. Keylogger – used to record keystrokes done by the user. This is done to
steal their password or any other sensitive information. The key logger software
typically uses log file to store its recording.
e. Adware - a program designed to send you advertisements, mostly as pop-ups.
f. Ransomware - or ransom software is a type of malicious software from
cryptovirology that threatens to publish the victim's data or perpetually block
access to it unless a ransom is paid.
2. Spam - an unwanted email mostly from bots or advertisers. It can be used to send
malware.
3. Phishing - its goal is to acquire sensitive personal information like passwords and credit
card details. This is done by sending you an e-mail that will direct the user to visit a fake
website and be asked to update his/her username, password, credit card or personal
information.

Page | 9
Protecting Reputations Online
Here are the things you might want to consider before posting something over the internet:
1. Before your post something on the web, ask these questions to yourself: Would you
want your parents or grandparents to see it? Would you want your future boss to see it?
2. If you feel that a post can affect you or other’s reputation, ask the one who posted it to
pull it down or report it as inappropriate.
Copyright Infringement
It is the use of works protected by copyright law without permission for a usage where
such permission4 is required.
Here are some tips that could help you avoid copyright infringement:
1. Always assume that the work is copyrighted.
2. Do not copy, share or alter without seeking permission.
3. Review and retain licensing agreements.
4. Consider buying content.
5. Give credit to the original author of the page or information.
ACTIVITY:
Share an experience that you have always tend to do but later did you discover that
it is not a standard of ONLINE SAFETY, SECURITY, ETHICS, AND ETIQUETTE.
REFERENCE:
Empowerment Technologies First Edition.(2016).Sampaloc Manila:Rex Bookstore, Inc.

Page | 10
QUARTER 1 WEEK 3
TOPIC: CONTEXTUALIZED ONLINE SEARCH AND RESEARCH SKILLS
OBJECTIVE:
After going through this module, you are expected to:
1. Use precise keywords to improve online searches; and
2. Evaluate website’s credibility

PRE-ASSESSMENT:
Choose the letter of the best answer.

1. A reliable source is .
a. Biased c. Trusted
b. Trying to sell you something d. Google
2. To broaden your search on advertising, you will search the term .
a. advertising OR commercial c. advertising BUT commercial
b. advertising AND commercial d. advertising NOT commercial
3. Which of the following do you not need to include in a citation?
a. author, if available c. date of publication
b. title of the article d. call number
4. Any information coming from these domain types are usually reliable except
a. .com b. .org c. .edu d. .gov
5. What symbol will you use to search for the exact term or phrase?
a. ( ) b. “ “ c. & d. –

DISCUSSION:
Did you type the whole question on the search box? Are you sure that you
get your answer from reliable websites? Are the authors of article you get your
answers from are credible? Are there articles listed on the search results that re irrelevant to
your question?
On this lesson, we will learn how to evaluate website’s credibility and use keywords to
specify our search term.
Tips on Improving Search and Research Skills
Online search and research are more than just ‘googling’ – typing a word in Google
and then clicking the search button. It is a skill that every Internet user should know to do
smart searching and this starts with improving search and research skills to get better results.
Here are the things that you need to know to improve your online search and research skills.
This will guide you to obtain the most relevant information that you need.
1. When searching online, narrow your topic. Identify the key concepts or important
ideas. Assuming that you would like to search for the answer to this question:
“What precautionary measures should you observe when you are logged-in in a
public computer?”

Page | 11
 Do not type the whole question
in the search box. Typing the whole
question often leads to a large number
of and inappropriate search results.
From the question, the
keywords are: precautionary
measures, observed, logged-in,
public computer.
Keywords are terms that are
used in by most search engines to find
related documents.

2. Put the word “AND” between each keyword to create a search string. You may
type the following in the search box:
Precautionary measures AND observe AND logged-in AND public computer
You will notice a decrease in search results as shown below.

3. Identify synonyms of the key words. Not all databases or articles use the same
words to describe a topic. Group similar words together by using the word “OR” for a
quick and relevant search.
In the case of our example: the synonyms of some of the keywords are:
Precautionary measures – preventive measures

Page | 12
 Observe – pay attention to
Logged-in – signed-in

You may type the following in the search box:

Precautionary measures OR preventive measures AND observe OR pay attention to
AND logged-in OR signed-in AND public computer

4. Review the first pages returned. If these are not helpful, change your keywords for
a better description.
In this case you may remove the phrase “pay attention to” and then type the
following in the search box:
Precautionary measures OR preventive measures AND observe AND logged-in or
signed-in AND public computer.
This gives you another set of search results.
If you think you have found what you are searching for, then you may stop here.
Otherwise, you may proceed with these other techniques.
5. Use the plus (+) sign for a more specific search. Just type + before a keyword to
indicate that the word after the sign is a required word that must be found in the search.
Example: +preventive measures
6. Use the minus (-) sign for a more specific search. If you want to exclude a word from
your search, place a minus sign just before (without any space) the word you want to
exclude.
Example: public computers - personal
7. Use wildcards for a broader search. Wildcard characters (*) let you find variations of a
word.
Example: measur*
8. Use quotation marks to find phrases or names. Enclose the phrase or names that you
want to search in quotation marks.
Example: “precautionary measures"

Page | 13
 9. Use several search engines. Search engines are programs that look for documents
based from specified keywords and return these documents where the keywords were
found. Major search engines include Google, Yahoo (which uses Google), AltaVista,
Bing, and Lycos.
Evaluating Websites
To help you evaluate the website’s credibility, here are the questions that you need to answer:
1. What is the domain type of the website?
Preferred Domain Names:
• .com – commercial business (the most common TLD)
• .org – organizations (typically, nonprofit)
• .gov – government agencies
• .edu – educational institutions
• .net – network organizations
• .mil – military
If it is a personal website, then you should further evaluate the website.
2. Who wrote the article?
Check if the author’s credentials or affiliations are listed so you can tell whether
or not the author is qualified to write the topic. Check also the publisher of the article if
it is a reliable publisher. Make sure that the author provides e-mail or a contact
address/phone number.
3. What is the purpose of the document and why was it produced?
It is also important to check the document’s purpose and why it was produced.
The document should provide accurate information and must be objective in presenting
it. Some websites produce documents for the purpose of motivating users to buy
products. If this is the case, information might be biased. However, bias is not
necessarily bad but you need to investigate the author or connections.
4. When was the document published and updated?
The document should be regularly updated. As to the freshness of the date, it
depends on the information needed. For some topics you want current information. For
others, you want information near the time it became known. The links should also be
up-to-date. There should be no dead links.

Page | 14
 POST-ASSESSMENT:
Directions: The column on the left tells what to search for. On the second column,
you will write on the search box what will you type to achieve the task. Apply the use
of symbols and tip you’ve learned. The first one is done for you.

Page | 15
REFERENCE:
Tarun, I. M. (2016). Empowerment Technologies. Plaridel, Bulacan: St. Andres Publishing
House.

Page | 16
QUARTER 1 WEEK 4
TOPIC: Advanced Techniques using Microsoft Word
OBJECTIVE:
After going through this module, you are expected to:
1. Create a main document, a data source; and
2. Link the main document with the data source.
3. Insert pictures, clipart, shapes, SmartArt, charts and screen clippings;
4. Format pictures, clip art, shapes SmartArt, charts, and screen clippings;
5. Discuss the concept of Mail Merge;
PRE-ASSESSMENT:
Choose the letter of the best answer.

1. What feature of Microsoft Word allows you to efficiently create documents that have
the same general content but may have different recipients or purpose?
a. Mail Merge b. Print Merge c. Send Merge d. View Merge
2. Which of the following is not a component of the mail merge?
a. Address b. Filename c. Form d. Data File
3. What are the steps in creating a simple mail merge?
a. Create form document, preview, insert place holders, print
b. Preview, insert place holders, create form document, print
c. Create main document, create data source, insert place holders, preview
d. Create data source, insert place holders, preview, print
4. What image compression/file type is capable of displaying simple animation?
a. .bmp b. .gif c. .jpg d. .png
5. Among the text wrap options, which one allows you to place an image or external
material in line with the text, treating the image just like how a text is treated?
a. In line with text b. Square c. Through d. Tight

DISCUSSION:
Word processor is an application that allows users to create, edit, and print
documents. One of the most widely used word processors is Microsoft Word. It is
developed by Microsoft and was released on October 25, 1983. With Microsoft Word, you can
create random things like calendar, newsletter, invitations, etc. Microsoft Word offers several
elements that can be used in editing documents which is shown in the figure below.

Page | 17
 Microsoft Word is a complex program which people use to perform various functions
such as composing and editing, formatting and saving, and printing. With these functions you
were able to correct spelling, grammar, format your text using boldface and italics, and save
your documents electronically to the computer's hard drive.
In the professional world, sending out information to convey important information is
vital. Because of ICT, things are now sent much faster than the traditional newsletters or postal
mail. You can now use the internet to send out information you need to share. What if we
could still do things much faster—an automated way of creating and sending uniform letters
with different recipients? Would that not be more convenient?
Mail Merge
This feature of Microsoft Word allows you to create documents and combine them with
another document or data file. It is commonly used when sending out advertising materials to
various recipients.
The simplest solution for the previous scenario is to create a document and just copy
and paste it several times then just replace the details depending on whom you send it to. But
what if you have hundreds or thousands of recipients? Would not that take too many hours?
What if you have a small database on information where you can automatically generate those
letters?

Mail merging basically requires two components:

1. Main Document
The document that contains the body of the message we want to convey or
send. Example: Letter
2. Data Source
It is your Excel® spreadsheet containing the names and addresses you want
to merge into a Word® document from the Data Source.

How to Perform Mail Merge?

In Mail Merge you need to:
• Create the main document
• Create data source
• Merge data with document

Page | 18
To create a form letter, do the following:
1. Open an existing Word document, or create a new one.
2. Click the Mailings tab.

To create a form letter, do the following:

3. Click the Start Mail Merge command.

4. Select Step by Step Mail Merge Wizard.

Mail Merge task pane appears at the right side of your screen.

Mail Merge
task pane

Page | 19
 5. Choose the type of document you want to create. If you want to create a letter, select
Letters. Six main steps in guiding you to complete a merge will be displayed at the
bottom.

To create a form letter, do the following:

6. Click Next: Starting document to move to Step 2.

7. Select Use the current document. Click Next: Select recipients to move to Step 3.

You will need an address list so Word can automatically place each address into the
document. The list can be in an existing file, such as an Excel workbook, or you can type a
new address list from within the Mail Merge Wizard.
8. From the Mail Merge task pane, select Type a new list, then click Create.

Page | 20
 9. The dialog box of New address list appears, displaying fields that Word assumes you
need. Select an entry that you don't need and click the Delete button. Use the TAB
key to move from cell to cell.

When you delete, a confirmation dialog box will appear.

To customize the address list, click Customize Columns button at the bottom of the window.

Page | 21
 The dialog box of Customized Address List will appear. The resulting window lists
the Field Names provided. When you are done, click OK then customized fields appear as
column headings in the New Address List dialog box.

Fill in the recipient list by typing the record’s data. Type the information that’s
appropriate to each field, then press Tab to enter the next field. After filling in the last field, and
add another record just press the Tab key after inputting the last field.
When you press the Tab key on the last field in a record, a new record is automatically
created and added on the next line.

10. Click OK after filling the recipient list. A special Save As dialog box pops up, allowing
you to save the recipient list. Type a name for the address list then click the Save
button.

Page | 22
 Return to your document. You are now ready to write your letter, each copy of the letter
will mostly be the same, except the recipient data (name and address). You have to add
placeholders for the recipient data so Mail Merge identifies correctly where to add the data.
If you're using Mail Merge with an existing letter, make sure the file is open.
11. Click Next: Write your letter. Click the Address Block button to insert an address
block into your letter.

12. Dialog box of Insert Address Block appears. Choose the desired format for the
address block and click OK. The placeholder of Address block will appear in the
document.

Page | 23
 Use the Match Fields button to match your field names with the required fields to
correct problems. This may be essential if you created the address list in another program,
such as Excel.

13. Click Greeting Line from the Mail Merge task pane to insert a
greeting line into your document. Dialog box of Insert Greeting
Line will appear.

14. Choose a format for the greeting line and click OK.

The placeholder of Greeting lines will appear in the document.

Page | 24
 15. To view your merged data, click the Preview Results button on the Mail merge task
pane or on the ribbon to replace the merge fields with data from your recipient list.

Inserting Illustrations
An illustration in Microsoft Office is visualization or drawing that is in the form of pictures, Clip
Art, shapes, SmartArt, charts or screen clippings. You can insert illustrations easily using the
Illustrations group of the Insert tab.

To insert a picture from a file, do the following:

1. Click where you want to insert the picture in your document.
2. In the Illustrations group of the Insert tab, click Picture. Insert Picture dialog box
will appear.

3. Locate the picture that you want to insert.

Page | 25
 4. Double-click the picture that you want to insert. Format tab of the Picture Tools will
appear on the ribbon at the same time the picture is inserted.

To insert a Clip Art, do the following:

1. Click where you want to insert the Clip Art in your document.
2. In the Illustrations group of the Insert tab, click Clip Art. Clip
Art task pane will appear usually at the right side of the window.
3. In the Search for text box of the Clip Art task pane, type a word
or phrase that describes the clip art that you want.
4. In the Results should be drop-down list box, you may want to
modify your search by selecting a particular media type or all
media file types.
5. Click Go. List of results will be displayed.
6. Click the desired clip art to insert it.

To insert a shape, do the following:

1. In the Illustrations group of the Insert tab, click
Shapes.

2. Click the shape that you want.

3. Click anywhere in the document, and then drag to
insert the shape.

Page | 26
To insert a SmartArt, do the following:
1. In the Illustrations group
of the Insert tab, click
SmartArt. Choose a
SmartArt Graphic dialog
box will appear.
2. Select from the list of
SmartArt that you want
and then click OK.
3. Enter your text by clicking
[Text] in the Text pane,
and then type your text. If
the Text pane is not
visible, click the control as
shown.

To insert a chart, do the following:

1. Click where you want to insert the
chart in your document.
2. In the Illustrations group of the
Insert tab, click Chart. Insert Chart
dialog box will appear.
3. Select the type of chart that you want
and then click OK. MS Excel window
will appear together with the chart.
4. Edit the data in the MS Excel window.
You can close Excel after editing the
data.

To insert a screen clipping, do the following:

When you click the Screenshot button, you can insert the whole program window or
use the Screen Clipping tool to select part of a window. Remember that only windows that
have not been minimized to the taskbar can be captured.
1. Click the window you want to clip from.
2. Click where you want to insert the screen clipping in your document.
3. In the Illustrations group of the Insert tab, click Screenshot.
4. Click Screen Clipping.
When the pointer becomes a cross, select the area of your screen that you want to capture
by clicking and dragging.
To delete illustrations, do the following:
1. Select the illustration that you want to delete.
2. Press the Delete key.

Page | 27
Formatting Illustrations
To resize illustrations, do the following:
1. Select the illustration that you want to resize.
The sizing handles will appear.

2. Click and drag any of the sizing handles. The sizing handles will tell you the direction
of where you are going to stretch the object. The green circle above the illustration is
the rotating handle which you can use to rotate the object.
To format pictures and clip art, do the following:
1. Select the picture that you want to format. Format tab of the Picture Tools will appear.

2. Do any of the following as needed:

• To improve the brightness, contrast and
sharpness of the object, click Corrections and
then select from the available thumbnails.
• To improve the color quality of the object, click
Color and then select from the available
thumbnails.
• To add artistic effects to the picture, click Artistic Effects and then select from the
available thumbnails.
3. Do any of the following as needed:
• To add visual style to
the whole picture or clip
art, click the More drop-
down arrow in the
Picture Styles group;
• Click one from the gallery of picture styles. You can also click Picture Border
to add border or Picture Effects to add other visual effects to the object.
To format shapes, do the following:
1. Select the shape that you want to format. Format tab of the Drawing Tools will
appear.

Page | 28
 2. Do any of the following as needed:
• To quickly change the appearance of the shape,
click the More drop-down arrow of the Shape
Styles and then click one from the gallery of
shape styles.

You may click also any of these three buttons if you want
to fill the shape with color, change the line width or style, or add
effects to the shape.

To design the SmartArt graphic, do the following:

1. Select the SmartArt that you want to add design to. Design and Format tabs of the
SmartArt Tools will appear.

2. Do any of the following as needed:

• To change the colors of the SmartArt, click Change
Colors in the Design tab and then select one from
the gallery of themes.
• To change the visual style of the
SmartArt, click the More drop-down
arrow of the SmartArt Styles group in
the Design tab and then select one
from the gallery.
• To add shape to the SmartArt graphic, click the Add Shape drop-down arrow in the
Create Graphic group of the Design tab and then select the appropriate command
on where to insert the shape from the menu.
To design a chart, do the following:
1. Select the chart that you want to add design to. Design, Layout and Format tabs of
the Chart Tools will appear.

2. Do any of the following as needed:

• To change the visual style of the chart, click the More drop-down arrow of the Chart
Styles under the Design tab and then select one from the gallery.
• To edit the data of the chart, click Edit Data of the Data group under the Design
tab. MS Excel window will appear. This is where you can edit the data of your chart.
Close the Excel window as soon as you are finished editing.
• To add labels to your chart, go to the Layout tab and click the appropriate button
in the Labels group.

Page | 29
Kinds of Materials
There are various kinds of materials Microsoft Word is capable of integrating to make your
documents richer, more impressive, and more informative.
1. Pictures – these are electronic, “soft copy”, or digital pictures you have saved in any
local storage device. Three common types of picture files:
a. .JPG – pronounced as “jay-peg”. Short term for Joint Photographic Experts
Group. This type of image file can support 16.7 million colors. Suitable for use
when working with full color photographic images.
b. .GIF – This stands for Graphics Interchange Format. This type of image file is
capable of displaying transparencies and animation. It only supports Only
supports 256 colors.
c. .PNG – It stands for Portable Network Graphics. It is capable of displaying
transparencies but not animation. It supports only 16 million colors.
2. Clipart - This is generally a .GIF type; line art drawings or images used as generic
representation for ideas and objects that you might want to integrate in your document.
3. Shapes - These are printable objects or materials that you can integrate in your
document to enhance its appearance or to allow you to have some tools to use for
composing and representing ideas or messages.
4. SmartArt - Generally, these are predefined sets of different shapes grouped together
to form ideas that are organizational or structural in nature.
5. Chart - Another type of material that you can integrate in your Word document that
allows you to represent data characteristics and trends.
6. Screenshots - Screenshot. Sometimes, creating reports or manuals for training or
procedure will require the integration of a more realistic image of what you are
discussing on your report or manual.

Page |
REFERENCE:
Tarun, I. M. (2016). Empowerment Technologies. Plaridel, Bulacan: St. Andres Publishing
House.
Empowerment Technologies First Edition.(2016).Sampaloc Manila:Rex Bookstore, Inc.

Page | 31
QUARTER 1 WEEK 5
TOPIC: ADVANCED SPREADSHEET SKILLS
OBJECTIVE:
After going through this module, you are expected to:
1. Familiarize the most commonly used functions in Microsoft Excel.
2. Use several conditional functions available in Microsoft Excel; and
3. Verify the use of MS Excel as a viable tool in market research and product
development.
PRE-ASSESSMENT:
Multiple Choice: Select the letter of the best answer from the given choices.

1) What application program is designed to create spreadsheets which can later be used
to analyze statistical data?
A. Microsoft Word C. Microsoft PowerPoint
B. Microsoft Excel D. Microsoft Publisher
2) What feature of MS Excel that can contain up to 1024 characters and must always start
with an equal sign (=)?
A. Absolute Referencing C. Functions
B. Formula D. Relative Referencing
3) What number format that puts a dollar symbol before each value by default?
A. percent B. Currency C. Comma D. date / time
4) What symbols that tell Excel exactly what type of calculations to perform.
A. Math Operators C. Absolute Referencing
B. Symbol Operators D. Relative Referencing
5) What function adds a range cell
A. ADD B. PLUS C. TOTAL D. SUM
6) What do you call the cells that do not change?
A. Math Operators C. Absolute Referencing
B. Symbol Operators D. Formula Operators
7) This is the tab in the Format Cells dialog box where you can change the orientation of
a text.
A. View B. Orientation C. File D. Alignment
8) What function that gets the average of range of cells?
A. MEDIAN B. AVERAGE C. MEAN D. SUM
9) Which among the following is not part of the syntax for AVERAGEIF?
A. Logical Test B. Range C. Average Range D. Criteria
10) What function used to count the number of cells that contains something in them if the
criteria are met.
A. COUNTNOW B. COUNTING C. COUNTIF D. COUNT
11) What function used to add a certain range of cells if a condition is met?
A. ADDIF B. TOTALIF C. SUMIF D. PLUSIF

Page | 32
 12) What features of MS Excel refers to the angle at which a text is displayed?
A. Layout C. Orientation
B. Layout View D. Formula in Cell
13) What function used to count the cells with content in a range?
A. COUNTNOW B. COUNTING C. COUNTIF D. COUNT
14) Which among the following is the shortcut key for the Format Cells dialog box?
A. Ctrl + F B. Alt + F C. Ctrl + 1 D. Shift + 1
15) What syntax used in the AVERAGEIF function that includes the value or label that
determine if the cell is part of the range to be average?
A. Criteria B. Range C. Logical Test D. Average Range

DISCUSSION:
What is spreadsheet?
Spreadsheet refers to the spreadsheet program which is the electronic version of
the familiar columnar pad. It is an application that helps the user to create spreadsheets
commonly used for budgets, forecasting, and finance-related tasks.
Excel is a spreadsheet program that allows you to store, organize, and analyze
information. While you may believe Excel is only used by certain people to process
complicated data, anyone can learn how to take advantage of the program's powerful
features. Whether you're keeping a budget, organizing a training log, or creating an invoice,
Excel makes it easy to work with different types of data.
Advanced Spreadsheet Skills Needed in Life
1. Data Entry, Sorting, and Filtering 6. Pivot Tables
2. Applying Data Validation 7. Macros and Scripts
3. Protecting Sheets and Locking Cells 8. Combine Multiple Functions to Create
4. Custom Filtering Formulas
5. Sort by Column 9. Perform Calculations
In Excel, formulas are tools with which you can manipulate, analyze and draw
calculations about your worksheet data. One of this program’s most valuable features is its
ability to store math formulas in individual cells. A formula is simply a mathematical operation
you can perform in your worksheet. It is a sequence of values, cell references, names,
functions and operators that are contained in a cell. The formula produces a new value from
the existing value.
A formula can contain up to 1024 characters and must always start with an equal sign
(=). In the Excel worksheet formula is a powerful tool. In its basic form, a formula can add,
subtract, multiply or divide two numbers, displaying the answer in a cell that you choose. When
you type a formula into a cell, Excel makes every attempt to display an answer to the formula.
How to Enter a Formula in a Worksheet Cell?
1. Click on the cell where you want to enter a formula and type = (equal sign) as the first
character of your formula.
2. Enter a value or select the cell that includes the value you want in the formula.
3. Add the necessary operators or functions. Use parentheses, if applicable.
4. When the formula is complete, click on the Enter button on the Formula bar ✓ or press
Enter.

Page | 33
 5. Observe that the result of the formula you created appears in the cell, while the actual
formula appears in the Formula bar.
Using Math Operators
Excel always knows exactly what type of calculations to perform. When you create a
formula, you include symbols, called math operators, which tell Excel the kind of math
operations to perform.
Operator Description
: Reference operator (as in B3:D6)
, Argument separator
- Negation (as in -4)
% Percentage sign
^ Exponentiation
* and / Multiplication and division
+ and - Addition and subtraction
& Text concatenation (two strings combined)
>,<, >=, <=, <> Comparison operators (greater than, less than, greater than or equal to,
less than or equal to, not equal to)
When you enclose part of a formula within a pair of parentheses, Excel evaluates that
part as an independent unit. The result produces a used-in-the-normal, left-to-right flow
calculation.
Understanding Cell Referencing
In copying and moving formulas in a worksheet. Excel assumes that you want to copy
the formula’s calculation, and not the cells involved in a calculation. Using cell references, you
can control how formulas in a cell display when you paste or drag them to a new location.
There two basic types of cell references: the relative and the absolute cell reference.
Using Relative Referencing

By default, Excel records

new formula entries are relative
reference formulas. When you copy
or move a relative reference formula,
Excel changes the cell references in
the copies of the formulas to reflect
the relative location of the formula
from the cell references in the
formula.

Page | 34
Using Absolute Referencing
You use an absolute reference formula
when you want to anchor cell references in a
formula. In absolute referencing, the cell
references always point to a specific location
regardless of where the formula is moved or
copied. When you anchor cell references, Excel
will not adjust them when you copy the formula
to a different location in a worksheet. Therefore,
the absolute reference formula is more useful
for relocating a formula’s answer elsewhere on
the same worksheet.

$A$2 The column and the row do not change when copied.
A$2 The row does not change when copied.
$A2 The column does not change wen copied

To use an absolute reference:

1. Click on the cell where you want to enter a formula.
2. Type the equal sign (=) to begin the formula.
3. Select the cell to be computed then enter an arithmetic operator.
4. Select another cell then press the F4 key on the keyboard to make the cell reference
absolute. Observe the $ signs added to the cell reference.

Cost Using Microsoft Excel

Let us assume that we are going to sell milk tea with the following information
Production Information
Product Name / Brand: Fresh Buko Shake+plus
Company / Group Name: Benz9 Center Inc.
Product Description:
Fresh Buko Shake is s special shake using real/fresh young coconuts fruit and pure
natural which is very good for the health.
Ingredients: Condensed milk, ice, buko fruit. Special sweetener
Estimated Sale Price: 30 Php per cup

1. Copy the information below:

Page | 35
 2. Use the SUM formula to get the summation of the
values from C4 to C7. The SUM formula is
=SUM(C4:C7). Type this on cell C8 as shown
below:

3. Check if out estimated price will earn us profit.

Type the additional information shown below then
apply the arithmetic formula for subtraction:

4. Our estimated price is less profitable since the result is

only Php 3.00. Let us make an adjustment. Include the
information below and deduct the Total from the New
Sale price.
5. The result is Php 8.00. this is now definitely profitable
at this price. However, this does not guarantee our
product success.
6. Save your file as M4 Cost Ingredients.xlsx.
Analyzing Data Using Microsoft Excel (Illustration)
It is now time for us to collect data from our target market. In reality, researchers would
also come up with survey questions before they release the product. The data they gathered
would help them determine if the product has any chance of succeeding in a target market.
For your group’s product, come up with several questions that will help you
determine how your sample from your target market would perceive your product. Your
target market for this activity is the people in your school (teachers, students, personnel).

Page | 36
 Add more questions fitting for your product. If your product is not a food product,
replace the ‘taste” rate with durability or function rate. Have this survey form approved by your
teacher then produce around 15 copies of these.
Start your product testing in your school by letting students, teachers, and or personnel
taste/test your product. Afterward, gather the data and place them in Microsoft Excel. A sample
of this spreadsheet is on the next page using the milk tea example.

Page | 37
Note: To change the orientation of a text, press Ctrl + 1. To open the Format Cells dialog box
> Alignment tab / under Orientation, specify the degrees you want.

Obviously, this data is raw. Assuming that we have a huge sample, we have to apply
for several formulas to be able to easily analyze the result of this survey.

Let us start by a simple average formula to determine the average rating of Quality,
Taste, Presentation, and Product.
The syntax would be =AVERAGE (cells involved).
Example:
(Using figure above, determine the average for quality.) =AVERAGE(F5:19)
Determine the average for all your criteria and place them at the bottom of your survey
results similar to the screenshot below.

Next, determine how many people said YES or NO if they were satisfied with the
product or if they would recommend it to their friend. For this, we will use the COUNTIF
function.
Using the =COUNTIF function will allow us to count the number of cells that contains
something. However, in this case, we just need to count the ones that have YES or NO in
them. For this, we have to use the COUNTIF function.
COUNTIF Function Syntax: =COUNTIF (range, criteria)
Range – the cells where the counting will take place.
Criteria – the label or value that determine if it is to be counted.
Example:
Using again the figure, the formula for getting the number of YES for the criteria is
=COUNTIF (J5:J19, “YES”)
Determine the number of YES answers in both criteria and place them at the bottom
of your survey results similar to the screenshot below.
If we were to determine if we would sell your
product or service to teachers or students, we can
use the AVERAGEIF Function.

AVERAGEIF
Using the AVERAGEIF, we can average a range if the cell beside it equals to “teacher”
and/ or “student”.
AVERAGEIF uses the following syntax:

Page | 38
 =AVERAGEIF (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 range to be averaged.
Average Range(optional) – the actual range of cells that will be averaged, if omitted, the
range will be used instead.

=AVERAGEIF(E5:24,”Teacher”,F5:F24)

Spreadsheet Terminology
• Accounting Number Format – number format that is used for accounting
• Orientation – the angle at which a text is displayed.
• Count – a function used to count the cells with content in a range.
• Sum – a function used to computer for the summation of the number of a range.
• Average – a function used to compute for the average of the number of a range.
• COUNTIF – a function used to compute for the summation of a range if a certain
condition is met.
• AVERAGEIF – a function used to compute for the average if a certain condition is met.
• 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 range to be averaged.
• Average Range – the actual range of cells that will be averaged, if omitted, the range
will be used instead.
• Relative Reference – All cell references are called relative references, when copied
across multiple cells, they change based on the relative position.
• Absolute Reference – These are cell references that do not change when copied or
filled in keeping a row and / or column constant.

REFERENCE:
• Empowerment Technologies. Rex Book Store Inc. and Innovative Training Works,
Inc., First Edition 2016

• Peñaflorida, A. R., Paquingan, A.R., “Electronic Spreadsheet and Database

Creation and Management”, Vibal Publishing House, Inc
QUARTER 1 WEEK 6
TOPIC: Advanced Techniques Using Microsoft PowerPoint
OBJECTIVE:
After going through this module, you are expected to:
1) describe terms, views, and functions of Microsoft PowerPoint;
2) discuss the tips on how to make effective presentations;
3) discuss how to add animation in a presentation; and
4) explain the use of hyperlinks in a presentation.
PRE-ASSESSMENT:
Directions: Select the letter of the best answer from the given choices.

1. The shortcut key for inserting new slide.

a. Ctrl + E b. Ctrl + H c. Ctrl + K d. Ctrl + M
2. It is a readymade style that can be used for a presentation?
a. Template b. Layout c. Presentation d. Merge
3. It refers to the motion effects that occur in the Slide Show view when you move
from one slide to the next during a presentation?
a. Animation c. Transition
b. Custom Animation d. Custom Slideshow
4. This shortcut key is used to start a presentation from the beginning.
a. ALT F4 b. F5 c. CTRL + ALT +F5 d. ALT +F5
5. The following are animation styles of Microsoft PowerPoint, except .
a. Entrance c. Exit
b. Emphasis d. Motion

DISCUSSION:
Microsoft PowerPoint
Microsoft PowerPoint is a powerful presentation software that helps you
produce an effective presentation in the form of on-screen slides. It provides hyperlinks and
several animation styles such as
Entrance, Emphasis, Exit and
Motion Paths. Animation and
hyperlinks are great tools in
making a presentation more
dynamic.
Terms, Views and Functions
in Microsoft PowerPoint
• Slide - is a single page of a
presentation collectively, a
group of slides may be
known as a slide deck. The
shortcut key to insert a new
slide is Ctrl+M

Page | 41
• Design Templates – are pre-designed graphic styles that you can apply to your
slides.

• Slide Show Button - a collection of pages arranged in

sequence that contain text and images for presenting to an
audience. You may press F5 if you want to start your
presentation from the
beginning of the slides or
you may click the slide
show button to display the
current slide in the
presentation.

Animation - is a
set of effects which
can be applied to
text or graphics
within a slide.

Page | 42
• Transitions - are motion effects that when in Slide Show view add movement to your
slides as you advance from one slide to another.

• Presentation Views – These are the buttons that you use

to change views into normal, outline, slide sorter, notes
page, and reading views

• Normal View – a simplified layout of the page so you can

quickly key, edit, and format the text.

• 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 – allows you to see

thumbnails of all the slides in your
presentation to easily rearrange them.

Page | 43
Tips in Creating an Effective Presentation
1. Minimize - Keep slide counts to a minimum to maintain a clear message and to keep
the audience attentive
2. Clarity - Use a font style that is easy to read
3. Simplicity - Use bullets or short sentences
4. Visuals - Use graphics to help in your presentation but not too many to distract the
audience
5. Consistency - Make your design uniform
6. Contrast - Use light font on dark background or vice versa
Sample Animation
Create an animation where one person wants to pass the ball to another person.
To add animation, do the following:
1. On the first slide of your presentation, change the layout into a blank layout. To do
this, follow the steps below:
– Click the Home tab.
– On the Slides group, click Layout.
– Click Blank.
2. Draw two objects in the form of a man using PowerPoint’s shapes. To do this, follow
the steps below:
– Click the Insert tab.
– Click Shapes and select the appropriate shapes as
shown on the figure using a black fill color for the two
men, dark red for the ball and green for the
rectangular ground.
6. Right-click the first slide thumbnail on the Slides
pane and click Copy.
7. Paste the slide after the second slide on the
Slides pane.
8. On the third slide, click the ball.
9. Click the Animations tab.
10. Click Add Animation and then select More Motion Paths. Add Motion Path dialog
box will appear.

11. Make sure the motion path is still selected. Click Animation Pane on the Advanced
Animation group.
12. On the Animation pane, click the drop-down arrow on the Oval animation and then
select Effect Options.

Page | 44
To integrate timing, do the following:
1. Click the Timing tab.
2. On the Start drop-down arrow, click With Previous.
3. Click OK.
4. Click the first slide thumbnail.
5. Click the Transitions tab. On the Timing group under Advance Slide, click After and
select 00:01:00 (1 second). Make sure that the same timing is selected to the other
two slides.
To check your output > Go to the first slide and click Slide Show view button.
Hyperlinks in a Presentation
Hyperlink allows you to easily navigate your slides during your presentation. It allows
you to link to another slide in the current presentation, another slide in a different presentation,
another file or webpage, or email address.

Hyperlinks are usually activated by clicking on the text or image. Text hyperlinks are
usually in color blue and underlined. When you use hyperlinks only the location of the source
file is stored in the destination file, the linked data or file remains in the source file. The data
in the destination file is updated whenever the source file is updated.
To insert hyperlink, do the following:
1. Select the text or object you want to insert a hyperlink to.
2. Click the Insert tab.
3. On the Links group, click Hyperlink. Insert Hyperlink dialog box will appear.
To insert a hyperlink to another slide in the current presentation, do the following:
a. Click Place in This Document.
b. You may also add a text to display when you hover your pointer by clicking the
ScreenTip button. Set Hyperlink Screen Tip dialog box will appear.
To insert a hyperlink to another slide in the current presentation, do the following:
1. Enter text to the ScreenTip text box.
2. Click the slide where you want to link to under the Select a place in this document.
3. Click OK.

Page | 45
To insert a hyperlink to another slide in a different presentation, do the following:
a. Click Existing File or Webpage.
b. Browse and select for the PowerPoint file.
c. Click the Bookmark button.
To insert a hyperlink to another slide in a different presentation, do the following:
a. Click the slide where you want to link to under the Select an existing place in the
document.
b. Click OK.
To insert a hyperlink to another file, do the following:
a. Click Existing File or Webpage.
b. Browse and select for the PowerPoint file.
c. Click OK.
To insert a hyperlink to a webpage, do the following:
1. Click Existing File or Webpage.
2. Enter the complete URL in the address text box.
3. Click OK.
To insert a hyperlink to an email address, do the following:
a. Click E-mail Address.
b. Enter the complete email address in the E-mail address text box.
c. Enter the subject in the Subject text box.
d. Click OK.

ACTIVITY 1:
Directions: You will be presented with four pictures and guess the word that fits
with the photos presented.

Page | 46
ACTIVITY 2:
Directions: Name and describe the terms, views and functions shown in the picture.

1)

2)

3)

4)
5)

6)

Page | 47
 7)

8)

9)

10

Page | 48
 POST-ASSESSMENT:
Directions: Read each item carefully, choose the letter of the correct answer.

1. Luke wants to include videos in his presentation. He wants to play those videos
without going out from his current presentation. Which of the following could be his
best option?
a. Use hyperlink to navigate those videos.
b. Use another computer in playing the videos.
c. Open the presentation and the videos to be played and then use Alt + Tab.
d. Embed those videos as object in your slides.
2. Which of the following statements is NOT true about a linked object?
a. Linked object is stored in the source file.
b. Information in the destination file doesn't change if you modify the source file.
c. Information in the destination file is updated whenever the source file is modified.
d. The data in the destination file changes whenever the source file is modified.
3. Jethro was tasked to report a topic in one of his subjects. He wants to apply one of
the hyperlink options where he could jump to a specific slide in his presentation.
Which of the following hyperlink options will he use?
a. Create a New Document
b. Existing File or web Page
c. Place in This Document
d. E-mail Address
4. Which of the following shortcut keys will you use if you want to start your presentation
from the beginning of the slides?
a. CTRL + F5 b. SHIFT + F5 c. F5 d. F7
5. The following are benefits of planning a presentation, except
a. improves the quality of presentation
b. saves time and effort
c. makes presentation slightly effective
d. makes presentation more enjoyable
6. To make her presentation more effective, Kiana used different animation styles.
Which of the following is NOT an animation Style?
a. Entrance b. Emphasis c. Motion d. Exit
7. Evelyn would like to put motion effects on each slide in her presentation when she
moves from one slide to the next slide. Which of the following features of MS
PowerPoint will she use?
a. Animation c. Custom Slideshow
b. Custom Animation d. Transition
8. Which of the following best describes a text hyperlink?
a. color black and underlined c. bold and underlined
b. color blue and underlined d. color blue and bold
9. Which of the following statements is true about creating an effective presentation?
a. Use as many slides as you can so that the audience can clearly understand your
message.

Page | 49
 b. Use dark fonts on dark backgrounds to gain proper contrast.
c. Use bullets to simplify your message.
d. Use serif fonts to make your presentation more attractive.
10. A file which contains readymade styles that can be used for a presentation is

a. AutoStyle c. Wizard
b. Template d. Pre-formatting
11. The following are the buttons used for switching views, except
a. Normal view c. Slide show view
b. Slide sorter view d. Thumbnails view
12. PowerPoint is best described as .
a. Presentation software c. Drawing software
b. Database software d. Publishing software
13. The following are things to consider in creating an effective presentation, except
a. Clarity c. Consistency
b. Simplicity d. Creativity
14. Which of the following is an easy way to navigate slides during your presentation?
a. Use hyperlinks c. Use a mouse instead of arrow keys
b. Flood your slides with text d. Press escape to locate the slides
15. Marco used bullets and short sentences in his presentation. What tip in creating an
effective presentation did he apply?
a. Contrast b. Clarity c. Consistency d. Simplicity

REFERENCE:
• Tarun, I. M. (2016). Empowerment Technologies. Plaridel, Bulacan: St. Andres
Publishing House.
• Empowerment Technologies First Edition.(2016).Sampaloc Manila:Rex Bookstore,
Inc.

Page | 50
QUARTER 1 WEEK 7
TOPIC: IMAGING AND DESIGN FOR THE ONLINE ENVIRONMENT PART I
OBJECTIVE:
After going through this module, you are expected to:
1. define computer graphics and layout;
2. identify the basic principles of graphics and layout;
3. create simple infographic using web tools;
4. understand several file formats used on the web; and
5. evaluate existing websites and online resources based on the principles of layout,
graphic, and visual message design.

PRE-ASSESSMENT:
Direction: Choose the letter of the best answer.

1. This is achieved when all parts of a composition appear to have equal weight and is stable.
a. contrast b. balance c. unity d. focal point
2. It is obtained by repeating colors and shapes—all parts of a design.
a. repetition b. balance c. unity d. focal point
3. It creates the center of interest in a design.
a. repetition b. balance c. unity d. emphasis
4. It is when lines, colors, or shapes are repeated over and over in a planned way.
a. repetition b. balance c. unity d. emphasis
5. It is when it catches the viewer’s attention. Usually the artist will make one area stand out
by contrasting it with other areas. The area could be different in size, color, texture, shape,
etc.
a. repetition b. balance c. unity d. emphasis

DISCUSSION:
Computer graphics are visual representations of data made on a computer and
is displayed on a computer screen or monitor. They can be a single image or series of
images called video. They can be anything on computers such as photographs, drawings or movies
that does not involve sound.
Layout is the arrangement of graphic elements on a page. An effective graphics and
layout contribute to the efficiency of website. Hence, you must begin learning the basic principles
of graphics and layout before creating your own graphic design which you can integrate on the
online environment.
Principles of Graphics and Layout
Across disciplines, the following principles are followed to standardized image creation
and manipulation using any graphics software. It will help you create layouts and design web
pages compliant with protocols.

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

Page | 51
 2. Movement – It describes the flow of elements on the page. Visual elements guide the
viewers’ eyes around the page.
3. Unity – the sense of oneness of the elements that creates balance and harmony.
4. Repetition – It describes the consistent and balanced
repetition of a design or element.
An example is infographics that applied repetition to the
design. It repeatedly used callouts with identical font size
of inside texts.
5. Proximity – It describes the organization and
relationship of the elements included in the design.
6. Contrast – it is the combination of the opposing
characteristics of an element like color, size, thickness,
and among others. It allows emphasis on key elements.
7. Emphasis - An area in the design that catches
viewer’s attention. The area may appear different in size, color, texture or shape.

Infographics
Information graphics or infographics are used to represent information, statistical data, or
knowledge in a graphical manner usually done in a creative way to attract the viewer’s attention.
Infographics make complex data become more visually appealing to an average user.
An infographic should have the following characteristics:
1. Thesis/Story. The subject and the main idea of your infographic must be clear.
2. Data. Data must be well-organized and supports the main idea.
3. Simplicity. (color, style, and illustrations). You must be able to create your own palette; your
style must be able to attract readers so as not to make your infographic full of text. Do not use
stock photos.
4. Sources. You must cite your sources so as to give credibility to your data.
5. Branding/Shareability. Your infographic must be creative and innovative.
The following websites will help you create infographic:
1. http://piktochart.com/
2. https://www.canva.com/create/infographics
3. https://venggage.com
4. https://infogr.am/

Image File Formats

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

Page | 52
 1. JPEG – Joint Photographic Experts Group. It is the most popular image format used on the
web. JPEG are very ‘lossy’ files where much of the information about the image is lost from
original state to keep the image file size small. JPEG files are used mostly by photographers,
artists, graphic designers, medical imaging specialists, art historians, and other groups
because image quality and color fidelity is important in the field.
2. GIF – Graphics Interchange Format. It is limited to the 8-bit palette with only 256 colors. GIF
is best used for diagrams, cartoons, and logos which use few colors and is the chosen
format for animation effects.
3. PNG – Portable Network Graphic. This file format is best with line art, text, and logo. It is
capable to display transparencies.
4. TIFF – Tagged Image File Format. It is considered as a high-quality image format, where all
color and data information are stored. However, it produces a very large file size and take
huge disk consumption.

ACTIVITY:
Promote your specific track/strand by making an infographic. In making your infographic
you must log on to www.piktockart.com. Send it to your teacher through Google Classroom.
You may use your Facebook or Gmail account or create your own Piktochart account.

REFERENCE:
• Callo, E. R. (2018). Imaging and Design for the Online Environment. In Empowerment
Technologies (pp. 35-40). Quezon City, Philippines: Sibs Publishing House.
• Empowerment Technologies First Edition.(2016).Sampaloc Manila:Rex Bookstore, Inc.
• Tarun, I. M. (2016). Empowerment Technologies. Plaridel, Bulacan: St. Andres Publishing
House.

Page |
QUARTER 1 WEEK 8
TOPIC: IMAGING AND DESIGN FOR THE ONLINE ENVIRONMENT PART II
OBJECTIVE:
After going through this module, you are expected to:
1. identify some of the features and capabilities of PhotoScape;
2. identify the different principles and basic techniques of image manipulation;
3. apply the basic image manipulation techniques using PhotoScape; and
4. upload and share images using an online image hosting website.

PRE-ASSESSMENT:
Directions: Choose the letter of the best answer.

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

DISCUSSION:
PhotoScape
There are plenty of image manipulation
program but if you are going to create a website,
you have to use the one which is efficient.
PhotoScape is a good tool because it is feasible
for beginners and advanced users alike.
Features of PhotoScape:
1. Viewer – as the name implies, is a
picture viewer with features the same
with the most image viewers like
changing image orientation.
2. Editor – alters the appearance of a
single image
3. Batch Editor – alters the appearance of multiple images
4. Page – arranges several photos to create a single one; similar to a mosaic
5. Combine – links several images together to form a bigger image
6. Animated GIF – allows you to create an animated GIF from several pictures
7. Print – readies pictures for printing
8. Splitter – divides a single photo into multiple parts

Page | 55
 9. Screen Capture – captures the screen and saves it
10. Color Picker – grabs a pixel from your screen to be used in editing
11. Raw Converter – converts RAW images (uncompressed images usually from digital
camera to JPEG.
12. Rename – allows you to rename batch of photos
13. Paper Print – useful tool for printing your own calendars, sheets, lined paper, graph
paper, etc.
You can download PhotoScape from this link:
• http://www.photoscape.org/ps/main/download.php
Principles and Basic Techniques of Image Manipulation
Whether you are using a free image manipulation program or purchased one, there
are basic techniques common to all image editing programs.
1. Cropping – It is a process of removing unwanted parts of the image, focusing only on
the subject. When cropping, one must always follow the Rule of Thirds to organize the
image composition.

2. Color Balance – In any image

manipulating program, this command will
allow you to make changes in the mixture
of colors in an image.

3. Adjusting Brightness and

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

Page | 56
 4. Compression and Resizing – Compressing and Resizing an image are an important
aspect in image manipulation. Images to be uploaded on the web must be pf the
standard resolution of 72 dpi (dots per inch) to maintain its image file size of 30-50 KB.
If the image is for printing, set the maximum resolution to 300 dpi at set its physical
printing size in inches.

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

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

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

Online Graphics Software

There are a lot of image editing sites on the internet that also offer basic and advanced
techniques that we can do with other professional software.
Based on TechRadar, the following are the list of websites that you can try as
beginners in the field or for professionals who would like to
try other software.
1. BeFunky. With BeFunky's photo editor, you can play
with hundreds of amazing photo effects that you can't
find anywhere else, like our world-famous
Cartoonizer®, oil painting, and pop art effects.

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

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

Other image editing suites that can be downloaded for free:

• Serif PhotoPlus Starter Edition
• GIMP
• Paint.Net
Image Hosting Sites
Images also can be shared online through different web hosting sites that are free. You
just need to create a free account, and you will be able to post, organize, and share your
photos. The following is a list of different hosting sites you can try.
1. Imgur – It is a free image hosting site wherein you can
upload images from your computer. You can also edit your
images befire posting it online.
2. Flickr – It is an image social networking site. You can save
and manage your photos for it offers a 1 TB storage capacity
in your account.

3. Photobucket – It has almost similar features with Flickr as

you can upload and share your images over the internet
through your account.

Page | 58
 4. SlickPic – It is an online image-hosting service that
allows you to upload and store an unlimited number of
photos online. You can create as many albums, and it
also offers professional editing of images.
5. Zenfolio – It is an online image-hosting site that does
not only allow you to upload image but also lets you
create an online image website for your images.

ACTIVITY:
Suppose you are a dedicated member of an animal activist group, you are
tasked to create a poster of the pet show that will be sponsored by you group. The
poster should contain adorable images of typical pets and should entice participants. Basic
information of the event should be written clearly. The name of the organizers and their
contact information should be placed also. Use any image manipulation you are comfortable
with and upload your poster to the google classroom.

REFERENCE:
• Callo, E. R. (2018). Imaging and Design for the Online Environment. In Empowerment
Technologies (pp. 35-40). Quezon City, Philippines: Sibs Publishing House.
• Empowerment Technologies First Edition.(2016).Sampaloc Manila:Rex Bookstore, Inc.

Page | 59