infographics

Malungon Senior High School

Live C. Angga, MSTJuly 7-11, 2016

Empowerment Technology

Say something about...

There is no point in being pretty/handsome if you

are not useful.What does it mean?

In your notebook, for 3 minutes, answer the following:1. What is the title and objective of the presented image?2. Give a story behind the picture ( in 20 words).

Department of Education

70 70 80 90 90

80

Reaching the Last Mile, by region

2016 TARGET

2010 BASELINE

NER - Elementary

R1

R8 R9R10

R11

R12

CARAGA

CAR

NCR

ARMM

R5R6 R7

R2

R3

R4A

R4B

PDP 2016 Target: 99%

OPS-PPD

Objectives

At the end of the lesson the students will be able to:

1. familiarize the microsoft excel in generating graphs (line, pie, bar, ogive)

2. mix picture from paint and graphs harmoniuosly

3. create meaningful information through infographics

Infographics

Pretty and UsefulEye-catching and useful contentA look at the whole thingDesigning critically Readability with simple rules of

whitespace, bold typography, color palette

Think of a statistics...

0

20

40

60

80

100

120

J an Feb Mar Apr

48. 5

76. 1

112. 799. 2

56. 871. 4 67. 3

86. 391. 2 89. 8 88. 676. 7

AsiaEuropeAmericaLi near (Asi a)Pol y. (Ameri ca)

Bar Graph

0%

10%

20%

30%

40%

50%

60%

70%

80%

90%

100%

Jan Feb Mar Apr

AmericaEuropeAsia

Think of a statistics...Line Graph

Asia48. 5

76. 1

112. 7

99. 2

J anFebMarApr


Pie graph

0

20

40

60

80

100

120

0 0. 5 1 1. 5 2 2. 5 3 3. 5 4 4. 5

AsiaEuropeAmerica


Think of an infographic

Define It

According to Google, an infographic is a visual image such as a chart or diagram used to represent information or data.

The infographic style combines quantitative data, explanatory text, and aesthetically flat icons.

According to unbounce company, infographic is a visual that clarifies and explains

Parts of an Infographic

• Title ( state the objective)

• The infographic's information and imagery

• Words, Data, and Ideas into infographics that engage and educate

• An infographic can be as simple as a picture or as complex as a dashboard graphic containing multiple graphic types such as pie charts, bar charts, and maps. As long as the imagery effectively clarifies or explains the subject matter, it is an informational graphic.

• For example, if the goal of the infographic is to explain how to assemble a chair, then quantitative information, ornate fonts, or decorative iconography are not needed. A schematic with simple instructions accompanying an image of the chair will be successful. In this case, the schematic clarifies or explains assembly instructions.

TIPS

• Define an infographic differently (goals).

• Start with the title, (purpose) sketch the content • Develop your ideas without

boundaries.• Give permission to make

mistakes, erase, scribble, and redraw images.

• Capture your thoughts as rough designs to pick the best path forward.

TIPS

Use the right tools for rendering

Powerpoint - the use of smart art, shapes with outline and fill, shadow, and 3D

Excel - the use of graphs

Microsoft publisher

Photoshop

( Sketch Up will be introduced soon)

• You may use a tool such as PowerPoint SmartArt to design an infographic because it is quick and easy.

• Sketching on paper enables you to determine whether a process diagram or a building block graphic better fits your concept—making it more memorable to your audience.

Make it easyConsider what you want the audience to

learn.

Next, list the phases in a step-by-step graphic. Your goal is to make it easy for the learner to understand, remember, and use the knowledge shared in the infographic.

KISS PRINCIPLE Keep It Simple, Silly.

Do not use unnecessary visual embellishment.

Avoid using too many colors, fonts, and styles. Avoid saturated complementary colors (colors

across from another on the color wheel such as a vibrant red and green) and use one font family.

Color has been proved to positively affect memory. The color palette you choose can improve retention—or give your audience a headache.

Validate

• Do not explain your content to your teacher ( Sir Live will just look at it) ensure unbiased feedback.

• Question to ask after making it: "What did you learn?"

INFOGRAPHIC TEMPLATES

Examples

STEM

HUMSS

ABM

C:\Users\User\Desktop\SHS demo\MTOT GRADE 11\Empowerment Technologies\HUMSS example infogra.ppt

C:\Users\User\Desktop\SHS demo\MTOT GRADE 11\Empowerment Technologies\AMB example infographic.ppt


July 12, 2016

Objectives:At the end of the lesson the students will be able to

1. be evaluated using a timed-quiz#2 and2. create an infographic in computer or in

sketching

C:\Users\User\Desktop\SHS demo\MTOT GRADE 11\TIMED quiz 2.ppt


Activity

In a 1/4 sheet of paper, create the following:1. In your expperiences, find an interesting event that

you would like to present to your friends.2. From this even, create a title from it.3. Describe the activities done and what are the results-

data?4. Present the data with words and pictures needed for

the presentation.5. Create/sketch an infographic as a tool for

presentation.


Analysis

1. Is your output suffice the requirement in the definition of infographic?

2. Are the parts complete? Title data ideasObjective image/pictureinformation words/label3. Are the informations clear and explain


Expected output

Create an infographic based on the research presented.

Rubrics: 100%, 90%, 70%, 60%Objective/Title: 20Ideas and words: 25Imagery: 25Meaning: 30


Presentation

For those with computer - individual presentation

For those with no computer - group output


References

NEW Inside the PC ( 2002), Peter Norton