Mother of Mercy Academy  Purok 6 Pob.

Barobo, Surigao del Sur

0907 699 0817
Barobo, Surigao del Sur @ moma.barobosds@gmail.com

Name: __________________________________________________________ Date: _____________________

Grade & Strand: ___________________________________

EMPOWERMENT TECHNOLOGIES
WEEK 9 - 10
Self-Learning Module
Unit 1: Lesson 5 - 6

Subject Description:
This module contains information about: the massive world of information and Communication Technology (ICT) has
continued to shape the world including the Philippines. This allows to discover the world of ICT in general and also helps
improve skills in various applications. It also creates several real-life scenarios where we can use these applications and
resources properly.

Learning Competency (MELC):

 Uses common productivity tools effectively by maximizing advanced application techniques.
 Creates an original or derivative ICT content to effectively communicate or present data or information related to
specific professional tracks.

Topic Title: Advanced Presentation Skills, Imaging and Design for Online Environment

Objectives:
At the end of this module, the students should be able to:
1. use hyperlinks to improve their slideshow(s);
2. embed files and data to their slideshow(s); and
3. maximize slideshow(s) as an effective visual aid tool.
4. understand the basic principles of graphics and
layout;
5. create a simple inforgraphic using web tools;
6. understand and use several file formats used on the
web;
7. easily manipulate images using a simple image
editor; and

Activity 1. Pre-Test.
A. True or False: Write T if the sentence is correct; otherwise, write F.
1. Use as many slides as you can so that the audience can clearly understand your message.

2. PowerPoint Presentation is a form of visual aid.

3. Most of the contents of your report through your PowerPoint Presentation and not from the speaker
himself/herself.
4. To insert a hyperlink, go to the Home tab then click the Hyperlink option.

5. To embed an object, go to the Insert tab and under the Text Group, click Object.

B. Multiple Choice: Write the letter of the correct answer on the space before each number.
1. Balance is to even distribution; emphasis is to
a. attracting c. design
b. colors d. weight
2. Movement is to guiding the eye; rhythm is to create
a. attraction c. visual
b. organization d. unity
3. These are visual elements creating a sense of unity where they relate well with one another.
a. style c. variety
b. proportion d. emphasis
4. It uses several design elements to draw a viewer’s attention
a. style c. variety
b. proportion d. emphasis
5. These are visual elements creating a sense of unity where they relate well with one another.
a. tables c. infographics
1

b. piktocharts d. slideshows
Page

Discussion: Advanced Presentation Skills

 There are plenty of tools you can use to present data. Whether it is scientific data, statistical, or book report, a
presentation tool has you covered.

Activity 2. Below is a list of presentation tools. Research about them and write their advantages and disadvantages.
Presentation Tool Advantages Disadvantages
1. Microsoft PowerPoint

2. Prezi

3. Apple Keynote

4. Google Slides

5. Haiku Deck

6. PhotoSnack

(Please do not depend only from Brainly or there will be deductions)

Creating an Effective Presentation

Designing your presentation is the fun part of creating a report for it gives you a chance to be creative. Placing
animations, transitions, and art could be on your mind right now. But whether or not these features would help is generally up to
you. Sometimes, these things could actually distract your audience rather than help you. Here are some quick 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. Remember that
the presentation is just a visual aid. Most information should still come from the reporter.
2. Clarity. Avoid being fancy by using a font style that is easy to read. Make sure that it is also big enough to be read by the
audience. Once you start making your presentation, consider how big the screen is during your report.
Tip: A font size of 72 is about an inch (depends on the screen size). A one-inch letter is readable 10 feet away; a two-inch
letter is readable 20 feet away.
3. Simplicity. Use bullets or short sentences. Summarize the information on the screen to have your audience focus on what
the speaker is saying than on reading the slide. Limit the content to six lines and seven words per line. This is known as the
6 x 7 rule.
4. Visuals. Use graphics to help in your presentation but not too many to distract the audience. In addition, instead of using a
table of data, use charts and graphics.
5. Consistency. Make your design uniform. Avoid having different font styles and backgrounds.
6. Contrast. Use light font on dark background or vice versa. This is done so that it is easier to read. In most instances, it is
2

easier to read on screen if the background is dark. This is due to the brightness of the screen.
Page

Use Hyperlinks in Microsoft PowerPoint

 Using hyperlinks in your presentation is an easy way to navigate slides during your presentation. It may be wise to
insert action buttons for most slides or place hyperlinks to your Excel file in case your audience asks a specific question.

Ways to insert hyperlinks:

1. Select an object or highlight a text.

2. Go to Insert > Hyperlinks (under links category) or use the shortcut key Ctrl+K. The Insert Hyperlink dialog box would
appear.
Link to Options:
a. Existing File or Web Page – creates a hyperlink
to website or a local file saved in your hard
drive. Just browse your file in the dialog box or
type the web address.
b. Place in this document – creates a hyperlink
that allows you to jump to a specific slide in
your presentation.
c. Create a New Document – creates a hyperlink
that once clicked, creates a new document on
your specified location.
d. E-mail Address – creates a hyperlink that
opens Microsoft Outlook that automatically
adds your specified recipient on a new email.
3. When done, click OK to apply your hyperlink.

Embedding Objects in Microsoft PowerPoint

Embedding objects is easy using Microsoft PowerPoint. With this
option, you can insert an Excel file that would look like a table to a
presentation.

Embedding an Excel File to your Slide presentation

1. Go to the Insert tab.
2. On the Text group, click on Object.
3. The Insert Object dialog box would appear:
Options:
a. Create New – creates a new file from scratch.
You can select on a wide variety of files listed.
b. Create from File – creates a file from an
existing file saved on your hard drive; simply
browse the file to use it. Putting a check on
the “link” option will allow you to modify the
Excel file inside your presentation.
4. Once you done, click OK.

Activity 3. Answer the following questions Write your answer in a 1 whole sheet of yellow/intermediate paper.
1. What is the significance of using hyperlinks that navigate around your presentation instead of just keyboard shortcuts?
2. Cite three instances where objects can help you improve your presentation.
3
Page

Imaging and Design for Online Environment

 What is the most visited website in the world? Think about it for a second. No, it is not Facebook nor Twitter. 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, yes – it is Google.
On December 2014, 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 a work of art. There are certain things that you need to consider in order to get your
message across. In the previous lesson, you learned how to create an effective PowerPoint Presentation. Some of those tips
can help you in graphics and layout design.

Basics Principles of Graphics and Layout

1. Balance – The visual weight of objects, textures, colors, and space is evenly distributed on the screen. When visiting a
website, check if one side holds the same amount of weight on the other. The colors should also have a similar visual
weight.
2. Emphasis – An area in the design that may appear different in size, texture, shape or color to attract the viewer’s attention.

Figure 1. An example page of balance and emphasis

3. Movement – Visual elements guide the viewer’s eyes
around the screen.
4. Pattern, Repetition, and Rhythm – These are the
repeating visual element on an image or layout to
create unity in the layout or image. Rhythm is achieved
when visual elements create a sense of organized
movement.

5. Proportion – Visual elements create a sense of unity 6. Variety – This uses several design elements to draw a
where they relate will with one another. viewer’s attention.

Infographics
Information graphics or infographics are used to represent information, statistical data, or knowledge in a graphical
4
Page

manner usually done in creative way to attract the viewer’s attention. Infographics make complex data become more visually
appealing to an average user.
Activity 4. Creating Infographics Using Piktochart
Go to this site: https://www.alexa.com/topsites and copy the top 10 websites from The top 500 sites on the web. We will
create an infographic of the top ten websites that you copied using piktochart,com, a free online app that allows you to create
your own infographic.
1. Create a Picktochart account by going to www.piktochart.com and click sign up on the upper right corner of the page.

2. Fill up the information on the Sign up page; alternatively, you can connect with Google account or Facebook.

3. One you have created an account and logged in, click Create New. Select Infographic and select one of the templates or
you can select Start from blank.

4. The Piktochart editor will open (may take a while to load depending on your Internet connection). The board consists of
blocks (parts). Select the blocks and input the information.
5
Page
 5. While editing a block you can use the various tools on the left side of the page:
a. Graphics – allows you to insert lines, shapes, icons, and even photos
b. Uploads – allows you to upload images for your infographic
c. Background – changes the background of a selected block
d. Text – allows you to insert text to your infographic with the option to add text frames
e. Styles – allows you to modify the color scheme of your infographic
f. Tools – allows you to create charts (similar to the ones in PowerPoint), maps (for demographics), and videos.

Editing tips:
 Double-click a text to edit the content.
 When working with objects, the toolbox on top of the topmost block will allow you to manipulate it. This is similar to
working with objects in PowerPoint where you can arrange an object to be on top or bottom of another.
 When working with charts, double-click the chart to open the datasheet editor.

Picktochart Datasheet Editor

6. Save your work, click on Save at the top of the page. To download, click on Download. In the Download options, select the
medium-sized and the PNG file.

7. Submit your output through email: esperamarilie@momanian.com with the subject: Your Last name, First name – Strand –
Lesson6 Actvitiy5 (Example: Tamad, Juan – STEM – Lesson6 Activity4).

Online Image File Formats

Unlike images that are found in our computer, you have to consider that website images should be more compressed
because data travels over the Internet and not everyone has a fast Internet connection. Consequently, we have to use
compressed images on our websites. Likewise, even though a variety of websites already support high-definition (HD) photos,
you do not have to use HD all the time. In fact, most of the time, you do not even have to.
Here are common image file formats used on the web. All of them are already discussed in lesson 3. Here, we will take
a look at their use in the web.
Supports Supports
Name File Extension Use
transparency animation
Real-life photographs,
1. Joint Photographic Experts Group .jpeg or .jpg No No
high compression
Computer-generated
2. Graphics Interchange Format .gif Yes Yes
graphics
Screenshots, high
3. Portable Network Graphics .png Yes No
compatibility

There are plenty of other image file formats used in the web but most of the time you will be using these three because
6

of their compatibility with all major web browsers.

Page
 When inserting text to a web page, you can simply copy a text to your HTML editor, or you can upload it on a website
as a PDF file. Most browsers support “add-ons” so that you can open PDF files without leaving the browser.

Principles and Basic Techniques of Image Manipulation

Most of the time, we just capture an image and upload it on our Facebook account. From there, Facebook does the
rest by formatting our image to best fit the standards set by Facebook. But once you run your own website, you will have to edit
your images. It seems a simple task but you have to strike the balance between the right image quality and the time for the page
to load these images.
Personal websites do not necessarily have to downsize the file size of the image. But if you have a wider target
audience, you need to make the necessary changes. Here are some tips to help you edit images for your website.
1. Choose the right file format. Try to make a real-life photograph into GIF to the difference between PNG, GIF, and JPEG.
Knowing the purpose is the key to finding out the best file format.
2. Choose the right image size. A camera with 12 megapixels constitutes to a bigger image size. Monitors have a resolution
limit, so even if you have a million megapixels, it will not display everything. Thus, it is not always wise to make our image
big, most especially in a website. Know how much space you want the image to consume. Or have a “preview” image
where the audience has the option to “see full size.”
3. Caption it. Remember to put a caption on images whenever possible. If it is not related to the web page, then remove it.

Activity 5. Photo-Montage
Photo-Montage is when you combine different photographs to make a new
image and give it a new meaning.
Photo-Montage started at the time of the “Great War” when artists began to see
the use of montage as a truly new art form. The centre of this explosion of creativity was
Berlin, where a group of artists calling themselves Dada was looking for a new means of
expression.
Create your own Photo-Montage imagery using your own photo and another
photo of a combination of 3 – more photographs. You can use a computer or smartphone
to edit with any photo editor that is convenient for you.
Submit your output through email: esperamarilie@momanian.com with the
subject: Your Last name, First name – Strand – Lesson6 Actvitiy5
(Example: Tamad, Juan – STEM – Lesson6 Activity5).
Example of Photo-Montage
(Combination of 10+ photographs)

Activity 6. Post Test.

Multiple Choice: Write the letter of the correct answer on the space before each number.
1. Balance is to even distribution; emphasis is to
a. attracting c. design
b. colors d. weight
2. Movement is to guiding the eye; rhythm is to create
a. attraction c. visual
b. organization d. unity
3. These are visual elements creating a sense of unity where they relate well with one another.
a. style c. variety
b. proportion d. emphasis
4. It uses several design elements to draw a viewer’s attention
a. style c. variety
b. proportion d. emphasis
5. These are visual elements creating a sense of unity where they relate well with one another.
a. tables c. infographics
b. piktocharts d. slideshows
6. The following are common image file formats used in the Internet EXCEPT
a. JPEG c. PNG
b. GIF d. BMP
7. The file extension JPEG stands for
a. Joint Photographic Experts Group c. Jotter Prime Element Garnish
b. Japan Photo Excellence Guild d. Japan Poland England Guatemala
8. A file format typically used for screenshots
a. PNG c. BMP
b. GIF d. JPEG
9. A file format supports animation
a. PNG c. BMP
7

b. GIF d. JPEG
Page

10. Uses several design elements to draw viewer’s attention

a. Movement c. Proportion
 b. Variety d. Emphasis

Reference:
Innovative Training Works, Inc. 2016, Empowerment Technologies, First Edition, Rex Bookstore
https://www.tes.com/teaching-resource/image-manipulation-project-6302049
https://www.cabcallowayschool.org/wp-content/uploads/2018/07/Photomanipulation-RUBRIC.pdf

Things to remember:
"Man, the living creature, the creating individual, is always more important than any established style or system." - Bruce Lee

Prepared by: Checked by: Reviewed by:

MARILIE L. ESPERA JANESSA WENZ L. URBIZTONDO, RN RAE ABNEE C. GARRIDO

Secondary Teacher Secondary Teacher SHS Coordinator/Assistant School Principal

----------------------------------------------------------------------------------------------------------------------------------------------------------------------
Name: _____________________________________________ Grade & Strand: 12 - ___________

EMPOWERMENT TECHNOLOGIES
Score Sheet for Lesson 5
(To be filled up by your teacher only)
LEVELS
Criteria Novice Apprentice Proficient Distinguished
Score
Score 3 6 8 10
Activity 1 Score 0 - 3 Score 4 - 6 Score 7 - 8 Score 9 - 10 ____ out of 10
Activity 2 Student engaged in some Student engaged in Student engaged in
Student did not produce assignments, but work assignments with some activity with most work
____ out of 10
any work. was not representative of work representative of representative of best
best effort. best effort. effort.
Activity 3 Student engaged in some Student engaged in Student engaged in
Student did not produce assignments, but work assignments with some activity with most work
____ out of 10
any work. was not representative of work representative of representative of best
best effort. best effort. effort.
Student engaged in some Student engaged in Student engaged in
Student did not produce assignments, but work assignments with some activity with most work
Activity 4 ____ out of 10
any work. was not representative of work representative of representative of best
best effort. best effort. effort.
The manipulation The manipulation
The manipulation
The manipulation did not adequately grabs the effectively grabs the
attempted
grab the attention of the attention of the audience attention of the audience
to grab the attention of the
audience or is not and was adequately and was effectively
audience and is weakly
composed using the composed using the composed using the
composed using the
elements of design. elements of design. elements of design.
Activity 5 elements of design ____ out of 10
The selection of photos The selection of photos The selection of photos
The selection of photos
does not create a sense adequately creates a effectively creates a
creates a loose sense of
of harmony throughout sense of harmony sense of harmony
harmony throughout the
the manipulation. throughout the throughout the
manipulation.
manipulation. manipulation.
Activity 6 Score 0 - 3 Score 4 - 6 Score 7 - 8 Score 9 - 10 ____ out of 10
Overall Submits some of the Submits most of the items. Presents all items in a Presents thorough, clear
Presentation items in a disorganized chronological form. and complete items. ____ out of 5
form.
Prompt Submits late (5-6 days). Submits late (3-4 days). Submits late (1-2 days). Submits on time.
____ out of 5
Submission
8
Page
Page 9