1. MEDIA AND INFORMATION
LITERACY (MIL)
Mr. Arniel Ping
St. Stephen’s High School
Manila, Philippines
Introduction to MIL (Part 3):
Design Elements and Principles
Performance Task: Project
MIL PPT 03
Revised: October 5, 2017
2. LEARNING COMPETENCIES
Learners will be able to…
• discuss basic text and visual design
elements and principles (SSHS);
• identify design elements and principles
used in different text and visual media
(SSHS);
3. LEARNING COMPETENCIES
Learners will be able to…
• produce and evaluate a creative text based
presentation using design principle and
elements (MIL11/12TIM-IVb-6);
• produce and evaluate a creative visual based
presentation using design principle and
elements (MIL11/12VIM-IVc-10); and
4. LEARNING COMPETENCIES
Learners will be able to…
• create a text and visual digital poster which
will campaign for high school students to
be a responsible user and competent
producer of media and information (SSHS);
5. TOPIC OUTLINE
I- Introduction to Media and Information
Literacy
A. Design Elements and Principles
B. Performance Task: Project
1. Cooperative Learning - Digital Poster
Making
19. 5. ORGANIZATION
• conscious effort to organize the different
text elements in a page
• ensures that while some text elements
are separated from each other, they are
still somehow connected with the rest of
the elements in the page
25. white text on a dark background
large font with a small font
serif and sans serif
thin elements with wide elements
cool color and warm color
CONTRAST: TWO ELEMENTS ARE DIFFERENT
28. 1.CONSISTENCY
• Consistency of margins, typeface,
typestyle, and colors is necessary,
especially in slide presentations or
documents that are more than one
page.
32. 2. CENTER OF INTEREST
• an area that first attracts attention in a
composition
• important objects or elements in a
composition
• can be achieved by contrast of values,
more colors, and placement
42. 5. CONTRAST
• offers some change in value creating a visual
discord in a composition
• shows the difference between shapes and
can be used as a background to bring
objects out and forward in a design
• can also be used to create an area of
emphasis
45. 6. DIRECTIONAL MOVEMENT
•a visual flow through the composition
•can be the suggestion of motion in a
design as you move from object to
object by way of placement and
position
49. 7. RHYTHM
• a movement in which some
elements recur regularly
• like a dance, it will have a flow of
objects that will seem to be like
the beat of music
52. 8. PERSPECTIVE
• created through the arrangement of
objects in two dimensional space to
look like they appear in real life
• learned meaning of the relationship
between different objects seen in
space
90. OBJECTIVES
Create a digital poster which will
be a campaign for high school
students to be a responsible user
and competent producer of media
information
COOPERATIVE LEARNING
Group of 3 students
PERFORMANCE TASK- DIGITAL POSTER MAKING
91. MESSAGE
Be a responsible user and competent producer of
media information.
MEDIUM
Digital poster which will be shared on Facebook.
AUDIENCE
High School Students (JHS and SHS)
PERFORMANCE TASK- DIGITAL POSTER MAKING
92. MATERIALS / TOOLS
Web tool : Canva (www.canva.com)
Photo editing software or applications
Computer
Smartphone Camera
PERFORMANCE TASK NO. 2 - DIGITAL POSTER
MAKING
Photo Credit :
https://www.canva.com/
http://www.digitalrabbitcellular.com/
93. PLEASE KEEP IN MIND.
The selected digital poster will be
shared on Edmodo and Facebook.
The digital poster must focus on the
issue and not attack or mentioned
personalities. Use of foul words are
not allowed.
Photo Credit:
www.Edmodo.com
www.facebook.com
94. PLEASE KEEP IN MIND.
Cite credit for
borrowed materials
(i.e. image, design,
etc.)
Photo Credit: http://www.freepik.com/free-photo/young-
man-holding-many-books_857159.htm
95. Date Venue
Time
Allotted
Procedure
Day 1 Classroom 1 period • Conceptualize your poster.
(Message and Design)
• Take pictures to be used for
the poster.
Day 2 Computer
Laboratory
2 periods • Create your digital poster
using Canva. You’re allowed
to use additional tools.
• Submit the digital poster in
our Edmodo group.
PERFORMANCE TASK NO. 3 - DIGITAL POSTER
MAKING
96. RUBRIC
Criteria Excellent Good Fair NI
Content
Be a
responsible
user and
producer of
media
information.
Message
is clear,
accurate,
and
strong.
10
Message
is clear
and
accurate.
8
Message
is clear but
question-
able.
5
Message
is unclear
and/ or
inaccurate.
2
97. RUBRIC
Criteria Excellent Good Fair NI
Graphic
Relevance and
Citation
All graphics
are related to
the topic and
make it easier
to
understand.
All borrowed
graphics have
a source
citation.
10
All graphics
are related to
the topic and
most make it
easier to
understand.
One
borrowed
graphics have
no source
citation.
8
All graphics
relate to the
topic. Two
borrowed
graphics have
no source
citation.
5
Graphics do
not relate to
the topic
and/or three
or more
borrowed
graphics do
not have a
source
citation.
2
98. RUBRIC
Criteria Excellent Good Fair NI
Design and
Layout
The poster
is excep-
tionally
attractive
in terms of
design,
layout, and
neatness.
10
The poster
is
attractive
in terms of
design,
layout, and
neatness.
8
The poster
is
acceptably
attractive
though
layout is
cluttered.
5
The poster
is poorly
designed
and the
layout is
cluttered.
2
99. RUBRIC
Criteria Excellent Good Fair NI
Work Ethics
Cooperation
Every
individual
in the
group
contributed
to the
creation of
the digital
poster.
10
Group
work is
done
mostly by
two
individuals.
8
Group
work is
done
mostly by
one
individual.
5
Group
members
are not
working
during the
designated
time.
2
100. TOPICS
Campaign Against Cyberbullying
Be Safe in Cyberspace
Media Message Analysis (Critical Thinking)
Think Before You Click
No to Plagiarism
Proper Behavior on the Internet (Netiquette)
(Note: Students may proposed a related topic which
will be approved by the teacher.)
110. Media and Information Literacy Curriculum
Guide by DepEd
Media and Information Literacy Teaching
Guide by CHED
Media and Information Literacy by Boots C.
Liquigan, Diwa Learning Systems Inc.
References