Empowerment

Technologies
Quarter 1- Module 6:
Imaging and Design for Visual
Message Using Infographics

CO_Q1_Empowerment Technologies
SHS Module 6
Empowerment Technologies
Alternative Delivery Mode
Quarter 1- Module 6: Imaging and Design for Visual Message Using Infographics
First Edition, 2020

Republic Act 8293, section 176 states that: No copyright shall subsist in any work of
the Government of the Philippines. However, prior approval of the government agency or office
wherein the work is created shall be necessary for exploitation of such work for profit. Such
agency or office may, among other things, impose as a condition the payment of royalties.

Borrowed materials (i.e., songs, stories, poems, pictures, photos, brand names,
trademarks, etc.) included in this module are owned by their respective copyright holders.
Every effort has been exerted to locate and seek permission to use these materials from their
respective copyright owners. The publisher and authors do not represent nor claim ownership
over them.

Published by the Department of Education

Secretary: Leonor Magtolis Briones
Undersecretary: Diosdado M. San Antonio

Development Team of the Module

Writers: Kiel Ajello Z. Pecjo
Editor: Lorena J. Mutas
Reviewers: June Rose A. Estrada
Illustrator: Kiel Ajello Z. Pecjo
Layout Artist: Kiel Ajello Z. Pecjo
Management Team: Malcom S. Garma, Director IV
Genia V. Santos, CLMD Chief
Dennis M. Mendoza, Regional EPS In Charge of LRMS
Micah S. Pacheco, Regional ADM Coordinator
Loida O. Balasa, CID Chief
Grace R. Nieves, Division EPS In Charge of LRMS
Lorena J. Mutas, Division ADM Coordinator

Printed in the Philippines by

Department of Education – National Capital Region

Office Address: Misamis St., Bago Bantay, Quezon City

Telefax: 02-929-0153
E-mail Address: [email protected]
 Empowerment
Technologies
Quarter 1 – Module 6:
Imaging and Design for
Visual Message Using
Infographics
Introductory Message
This Self-Learning Module (SLM) is prepared so that you, our dear learners, can
continue your studies and learn while at home. Activities, questions, directions,
exercises, and discussions are carefully stated for you to understand each lesson.

Each SLM is composed of different parts. Each part shall guide you step-by-
step as you discover and understand the lesson prepared for you.

Pre-tests are provided to measure your prior knowledge on lessons in each SLM.
This will tell you if you need to proceed on completing this module or if you need to ask
your facilitator or your teacher’s assistance for better understanding of the lesson. At
the end of each module, you need to answer the post-test to self-check you’re learning.
Answer keys are provided for each activity and test. We trust that you will be honest
in using these.

In addition to the material in the main text, Notes to the Teacher are also
provided to our facilitators and parents for strategies and reminders on how they can
best help you on your home-based learning.

Please use this module with care. Do not put unnecessary marks on any part of
this SLM. Use a separate sheet of paper in answering the exercises and tests. And read
the instructions carefully before performing each task.

If you have any questions in using this SLM or any difficulty in answering the
tasks in this module, do not hesitate to consult your teacher or facilitator.

Thank you.
 What I Need to Know

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

The module mainly focuses on one lesson:

Lesson 1 – Principles of Visual Message Design Using Infographics

Learning Competencies and Codes:

1. Use image manipulation techniques on existing images to change or enhance their
current state to communicate a message for a specific purpose. CS_ICT11/12-ICTPT-Ie-f-

After going through this module, you are expected to:

1. understand the infographics or similar graphs and its importance in showing

information;
2. identify which infographic or graph is most appropriate for a particular set of
information; and
3. create infographics or similar graphs using a spreadsheet application.

1 CO_Q1_Empowerment Technologies
SHS Module 6
 Lesson
Principles of Visual Message
1 Design Using Infographics

We, humans, highly depend in our sense of sight, that’s why it is said that we are ‘visual
creatures’. Text information can be very detailed but to most people it fails to ‘visualize’ the
message. Showing a table of sales in a year will take time to be fully analyzed but can be easily
understood with the smart use of graphics.

There are software that can be used in creating Infographics most requires advance
knowledge and skills to make or needs internet connection to use. With the use of a prior
application that we discussed earlier, Microsoft Excel, that is effective, practical and easy to learn.

What’s In
This module will tackle the use of infographics in improving the presentation of
information. The focus will be on what infographics are and how to make them using
Microsoft Excel.

Notes to the Teacher

Microsoft Excel will be used in the following activities. You may also
use software like Microsoft Office applications or of similar functions,
as long as it can be used in creating graphs and charts.

4 CO_Q1_Empowerment Technologies
SHS Module 6
 What’s New

Activity 1.1 Two Pictures, One Word

With each item in the table below, figure out what each pair of images represent. Write
your answer on a separate Answer Sheet.

What is It

Infographics is the portmanteau or combination of the words ‘information’ and ‘Graphics’,

meaning, information from graphics. Like what you did with the activity earlier, graphics, pictures
and images can convey a lot of information especially when it has context. Infographics can
greatly enhance the way you present your information. (see Figure 2.1)

Year Population 150,000

1945 70,024
100,000
1955 80,032
1965 99,209 50,000
1995 126,630
2005 123,639 0

2015 110,095 1945 1955 1965 1995 2005 2015

Figure 2.1: Sample Infographic, a Bar Graph

As seen in Figure 2.1, the graph through the use of shapes and lines, gives the reader
a visual interpretation of the data. The main purpose of an infographic is to engage and to make
understanding easier. Remember that infographics are not used to make documents more
appealing, but the use of graphical elements that will improve how quickly and easily an idea or
information is presented.
5 CO_Q1_Empowerment Technologies
SHS Module 6
Graphs and Charts as Infographics
Graphs and charts are representation of data (mostly numeric) through graphics.
There are many types of charts. Their uses depend on what you want to show or report.
The following are some of the charts and their uses.

Bar graphs – These are primarily used in comparing sets of data. They visualize the difference
between values in a table and show rate of change over time. (Figure 2.1 is
an example of a Bar graph)
Line graphs – These are similar with bar graphs in terms of use, with a difference
that line graphs are more suitable in showing trends.
Pie charts – These are circular statistical graphical representation of proportion or
percentage.
Forest graphs – These graphs are used to visually represent values within a group
and compare them to other groups.
Radial graphs – These are similar to a forest graph in many aspects but are presented
using a circle.

Figure 2.2: Forest and Radial Graph

Creating Infographics using Excel

1. In your desktop, create a document named ‘Sales Data’. (Always remember to save your
progress by pressing Ctrl + S.)

Figure 2.3: Sample Sales Table

NOTE:
2. In your work area, copy the set of data. (see Drag Selection
Figure 2.3) You drag select by clicking on
the first cell then while pressing
shift, click the second cell
3. Drag select A1 to L2, then in the ribbon press
Insert then in the charts section, click the specified. Particularly in this
desired chart. For example, click Insert Column example, click on A1 then press
Chart or Area Chart. (See Figure 2.4) shift and L2.

6 CO_Q1_Empowerment Technologies
SHS Module 6
 1
2

Figure 2.4: Inserting a Chart

4. A dropdown window will appear as seen in

Figure 2.5, in the 2-D Column section, select
Clustered Column. It will create a graph as seen
in Figure 2.6.

5. To rename, double click the name of the graph

then type the “Sale Rending Graph” (Steps 5 to
7 are already tackled in earlier modules. You
may refer to Module 2.2 “Working with
Spreadsheets” for more detailed
instructions)

6. To resize, click the graph then click and drag any

of the eight handles in the edges of the graph.

7. To reposition the graph, click and drag the Figure 2.5: Line Graph Selection
graph to the desired position.

8. You can copy and paste the graph to other Microsoft Office application. To copy
press Ctrl + C then press Ctrl + V to paste.

Figure 2.6: Sample Column Chart

7 CO_Q1_Empowerment Technologies
SHS Module 6
Infographic Image and Graphical Formatting
The visual preference of people when it comes to gathering data must not be discounted.
When making an infographic specifically a graph, it is necessary it is tailored to our target
audience. In MS excel there are options in editing, manipulating and formatting visual elements
in our graph.

Design Tools

1. To access the Chart Tools where Design and

Format Menu tools can be found you must first
select any Graph that you want to edit. In the
ribbon. The said Menu tools will be available
as seen on figure 2.7
Figure 2.7: Chart Tools

2. Click on Design, In the Chart Styles section click More (as seen on figure 2.8). It will
expand and display multiple Chart Styles options as seen on Figure 2.9.

More

Figure 2.8: More button Figure 2.9: Multiple Chart Styles Option

3. In the Multiple Chart Styles you can choose different types of styles that can accommodate
different styles requirements or preference. Click and explore any of each to see their
differences. For the purpose of demonstration, click Style 14 as seen on figure 2.10.

Style 14

Figure 2.10: Multiple Chart Styles Option

8 CO_Q1_Empowerment Technologies
SHS Module 6
 What’s More

Activity 1.2 Graph the Data

With a group of five (5) students, create an excel document and name it “ICT in the
Philippines Data”. Create two tabs. Name the first one as Line Graph, the second one as Pie
Graph. In the Bar Graph tab, create a bar graph using the data in Population Data below. In
the Pie Graph tab, create a bar graph using the data in Percentage Data.

Population Data Percentage Data

Year Population Category Percentage
2006 5,028,346 With
5,028,346
2009 5,028,346 Internet
2010 23,259,726 No
5,028,346
2016 44,478,808 Internet

What I Have Learned

1. What are the importance of infographics in presenting data or information?

2. Which graph works best in showing change over time? Compare the graphs used.

What I Can Do

Activity 1.3 Survey Graphing

Survey at least 25 people on which color from red, yellow, blue, green, violet and
orange do they prefer. Record the result of your survey.

Create an excel document and name it “Color Survey Data and Graph”. Create two tabs.
Name the first one as Data, the second one as Graph. In the Data tab create a table
following the format below and write the results in your table. In the Graph tab, create a
Bar Graph based on the data from the Data tab.

Color Red Yellow Blue Green Violet Orange

Favoring
Respondents

9 CO_Q1_Empowerment Technologies
SHS Module 6
 Additional Activities

Graphing the Graph

Following the instruction for Survey Graphing activity. Make a line graph with the same
data used in the previous activity. Show both graphs to at least 10 people then ask which graph
is best used in comparing data. Record the result then make a Pie Graph. Create a Word document
and named it “Graph Survey”. Copy and paste your graph with a brief description regarding your
findings.

12 CO_Q1_Empowerment Technologies
SHS Module 6
For inquiries or feedback, please write or call:

Department of Education - Bureau of Learning Resources (DepEd-BLR)

Ground Floor, Bonifacio Bldg., DepEd Complex

Meralco Avenue, Pasig City, Philippines 1600

Telefax: (632) 8634-1072; 8634-1054; 8631-4985

Email Address: [email protected] * [email protected]