Upload
live-angga
View
235
Download
0
Embed Size (px)
Citation preview
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
Think of a statistics...
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 a statistics...
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
Department 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 and2. create an infographic in computer or in
sketching
Department 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.
Department of Education
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
Department of Education
Expected output
Create an infographic based on the research presented.
Rubrics: 100%, 90%, 70%, 60%Objective/Title: 20Ideas and words: 25Imagery: 25Meaning: 30
Department of Education
Presentation
For those with computer - individual presentation
For those with no computer - group output
Department of Education
References
NEW Inside the PC ( 2002), Peter Norton