Department of Education

Region III
Division of City of San Fernando
San Fernando East District
ST. VINCENT OF QUEBIAWAN INTEGRATED SCHOOL
City of San Fernando (P)
(045) 409-8521

Teacher JOANNE P. MANLISES Grade TWELVE ( 12 )

Level
Teaching Date Week 4 Learning EMPOWERMENT TECHNOLOGY
and Time: Area
Semester 1ST QUARTER

I.OBJECTIVES
A. Content Standard:
The learners demonstrate an understanding of: how to manipulate text, graphics, and images to
create ICT content intended for an online environment.
B. Performance Standard:
The learners shall be able to: at the end of the 2-week period independently apply the techniques of
image manipulation and graphic design to create original or derivative ICT content from existing
images, text and graphic elements for use in specific professional tracks.
These may be in the form of, but not limited to:
1. Team/ athlete/ league recruitment posters (Sports)
2. Logo or crest for a community, school organization or barkada (Arts)
3. Labeling and manual of operation for tools and equipment (Tech-Voc)
4. Presentation of cafeteria patronage data (Business/Academic)
C. Learning Competency / Most Essential Learning Competency (MELC):
 evaluate existing websites and online resources based on the principles of layout, graphic,
and visual message design CS_ICT11/12-ICTPT-Ie-f-6
 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-7
 create an original or derivative ICT content to effectively communicate a visual message in
an online environment related to specific professional tracks CS_ICT11/12-ICTPT-Ie-f-8
II.CONTENT
Imaging and Design for the Online Environment

III.LEARNING RESOURCES
References
 https://goo.gl/44vFXy)
 https://www.slideshare.net

A. Reviewing previous lesson or presenting the new lesson

Magandang Buhay! Welcome to our Empowerment Technology class!

Malugod kitang binabati dahil iyong napagtagumpayan ang mga nakaraang aralin!
Review of the past lesson.
 What are Digital tools?
 Will you give at least 5 keystrokes in office productivity tools.

Malugod kitang binabati dahil iyong napagtagumpayan ang mga nakaraang aralin!

B. Establishing a purpose for the lesson

Introductory Activity:
1) Have you ever visited any website?
2) Were you attracted to these websites? Why?
3) Will you keep visiting these websites?

Take a look of the four images.

 Guide questions:
 Are the object, texture, colors evenly distributed?
 Do these web pages attract your attention?
 Is there any pattern or rhythm in the web page?
 Do the elements of the web page relate well with one another?
 Do the web pages use a variety of design elements?

C. Presenting examples/instances of the new lesson.

What is an image?

An Image is a representation of the external form of a

person or thing in art.

Images may be 2-dimensional such as a photograph or screen

display, or 3-Dimensional, such as a statue or hologram.

How about Graphics?

These are visual images or designs on some surface, such as a wall, canvas, screen, paper, or
stone to inform, illustrate or entertain.Examples are:

Photographs Drawings
 Line art Graphs

Typography

D. Discussing new concepts and practicing new skills

Balance Proximity

Basic
Principle of
Graphics
and Layout

White space Repetition

Alignment
E. Discussing new concepts and practicing new skills #2

What are Infographics?

Infographics are used to represent information,

statistical data, or knowledge in a graphical manner usually
done in a creative way to attract the viewer’s attention.

Five Principles to create an effective

infographics:
 Be unique
 Make it simple
 Be creative and bold
 Less is more
 The importance of getting it across

Steps in Creating Infographics using Piktochart

 Create a piktochart account by going to
www.piktochart.com
 Fill up the information on the sign up page
 Once you have created your account and logged in, select
a template for your infographic
 Select the blocks and input the information
 Edit the block and use the various tools on the left side of
the page

Principles and Basic Techniques of Image Manipulation

1. Cropping
2. Color Balance
3. Brightness and contrast
4. Filters
5. Cloning
6. Changing the background
7. Removing color
8. Combining text, graphics and image

F. Developing mastery
 An Image is a representation of the external form of a person or thing in art.
 Graphics are visual images or designs on some surface, such as a wall, canvas, screen,
paper, or stone to inform, illustrate or entertain.
 Basic Principle of Graphics and Layout
 Balance
 Proximity
 White space
 Alignment
 Repetition
 Infographics are used to represent information, statistical data, or knowledge in a graphical
manner usually done in a creative way to attract the viewer’s attention.
 Principles and Basic Techniques of Image Manipulation
o Cropping
o Color Balance
o Brightness and contrast
o Filters
o Cloning
o Changing the background
o Removing color
o Combining text, graphics and image

G. Finding practical applications of concepts and skills in daily living

Activity 1: Choose atleast 2 webpages from different websites and distinguish what principle of
graphics and layout is shown.
H.Making generalization and abstractions about the lesson
Activity 2. Create your own Infographics with the theme “Study Tips during Covid-19”

Guide Questions:
1. Were you able to follow instructions?
2. Which part of the process was difficult for you?
3. Why do we need to consider the principles in creating Infographics?

I. Evaluating learning
Activity 3: Look and explain the infographics sample below

__________________________________________________________________________________
__________________________________________________________________________________
__________________________________________________________________________________
__________________________________________________________________________________
__________________________________________________________________________________

J. Additional activities for application or remedial

 List down all the Online Image file formats and its function.

Prepared by: Noted by:

JOANNE P. MANLISES ARIEL D. GARCIA, Ed.D

Teacher I OIC, Office of the School Head