Empowerment technology in senior high school

1. Malungon Senior High School
Live C. Angga, MST
July 7-11, 2016
Empowerment Technology

2. 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).

3. Department of EducationDepartment of Education
70
70
80
90 90
80
Reaching the Last Mile, by region
2016 TARGET
2010 BASELINE
NER - Elementary
R1
R8 R9
R10
R11
R12
CARAGA
CAR
NCR
ARMM
R5
R6 R7
R2
R3
R4A
R4B
PDP 2016 Target: 99%
OPS-PPD

4. 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

5. Infographics
Pretty and Useful
Eye-catching and useful content
A look at the whole thing
Designing critically
 Readability with simple rules of
whitespace, bold typography, color palette

6. Think of a statistics...
0
20
40
60
80
100
120
Jan Feb Mar Apr
48. 5
76. 1
112. 7
99. 2
56. 8
71. 4
67. 3
86. 3
91. 2 89. 8 88. 6
76. 7
Asia
Europe
America
Li near ( Asi a)
Pol y. ( Amer i ca)
Bar Graph

7. 0%
10%
20%
30%
40%
50%
60%
70%
80%
90%
100%
Jan Feb Mar Apr
America
Europe
Asia
Think of a statistics...
Line Graph

8. Asia
48. 5
76. 1
112. 7
99. 2
Jan
Feb
Mar
Apr
Think of a statistics...
Pie graph

9. 0
20
40
60
80
100
120
0 0. 5 1 1. 5 2 2. 5 3 3. 5 4 4. 5
Asia
Europe
America
Think of a statistics...

10. Think of an infographic

11. 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

12. Parts of an Infographic
• Title ( state the objective)
• The infographic's information and
imagery
• Words, Data, and Ideas into
infographics that engage and educate

13. • 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

14. • 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

15. 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)

16. • 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.

17. Make it easy
Consider 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.

18. 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.

19. 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?"

20. INFOGRAPHIC
TEMPLATES

41. Examples
STEM
HUMSS
ABM

42. Department of EducationDepartment of Education
July 12, 2016
Objectives:At the end of the lesson the students
will be able to
1. be evaluated using a timed-quiz#2 and
2. create an infographic in computer or in
sketching

43. Department of EducationDepartment of Education
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.

44. Department of EducationDepartment of Education
Analysis
1. Is your output suffice the requirement in the
definition of infographic?
2. Are the parts complete?
Title data ideas
Objective image/picture
information words/label
3. Are the informations clear and explain

45. Department of EducationDepartment of Education
Expected output
Create an infographic based on the research
presented.
Rubrics: 100%, 90%, 70%, 60%
Objective/Title: 20
Ideas and words: 25
Imagery: 25
Meaning: 30

46. Department of EducationDepartment of Education
Presentation
For those with computer - individual
presentation
For those with no computer - group output

47. Department of EducationDepartment of Education
References
NEW Inside the PC ( 2002), Peter Norton