Senior High School

Empowerment Technology
Learning Activity Sheet
Quarter 1- MELC 7&8
Imaging and Design for the Online
Environment
Part II

REGION VI – WESTERN VISAYAS

Empowerment Technology
Activity Sheet No. 7 & 8
First Edition, 2021

Published in the Philippines.

By the Department of Education
Region 6 – Western Visayas

Republic Act 8293, section 176 states that: No copyright shall subsist in any
work of the Government of the Philippines. However, prior approval of the
government agency or office wherein the work is created shall be necessary for the
exploitation of such work for a profit. Such agency or office may, among other things,
impose as a condition the payment of royalties.

This Learning Activity Sheet is developed by DepEd Region 6 – Western

Visayas.

ALL RIGHTS RESERVED. No part of this learning resource may be

reproduced or transmitted in any form or by any means electronic or mechanical
without written permission from the DepEd Regional Office 6 – Western Visayas.

Development Team of Empowerment Technology Activity Sheet

Writer: Mansueto Jorge P. Medina

Illustrators: Anthony Cordilla
Editors: Vincent J. Castro
Lorgin G. Nuniala
Sol Grace O. Timola
Layout Artist: Annamor M. Eleccion, Llaine Grace B. Coronel
Jose Karrlo G. Barro
Schools Division Quality Assurance Team:
Edna T. Arbon
Julie Ann G. Vegilio
Sol Grace O. Timola
Roquito O. Garcia
Division of Sipalay City ManagementTeam:
Renato T. Ballesteros
Ma. Teresa P. Geroso
Ronie T. Tababa
Annamor M. Eleccion
Sol Grace O. Timola
Regional ManagementTeam:
Ramir B. Uytico
Pedro T. Escobarte Jr.
Elena P.Gonzaga
Donald T. Genine
April C. Velez
Gorgonio A. Batilaran, Jr.

2
Introductory Message
Welcome to Empowerment Technology!

The Learning Activity Sheet is a product of the collaborative efforts of the

Schools Division of Sipalay City and DepEd Regional Office VI - Western Visayas
through the Curriculum and Learning Management Division (CLMD). This is
developed to guide the learning facilitators (teachers, parents, and responsible
adults) in helping the learners meet the standards set by the K to 12 Basic Education
Curriculum.

The Learning Activity Sheet is self-directed instructional material aimed to

guide the learners in accomplishing activities at their own pace and time using the
contextualized resources in the community. This will also assist the learners in
acquiring lifelong learning skills, knowledge, and attitudes for productivity and
employment.

For learning facilitator:

The Empowerment Technology Activity Sheet will help you facilitate the
teaching-learning activities specified in each Most Essential Learning Competency
(MELC) with minimal or no face-to-face encounter between you and the learner. This
will be made available to the learners with references/links to ease the independent
learning.

For the learner:

The Empowerment Technology Activity Sheet is developed to help you

continue learning even if you are not in school. This learning material provides you
with meaningful and engaging activities for independent learning. Being an active
learner, carefully read and understand the instructions then perform the activities and
answer the assessments. This will be returned to your facilitator on the agreed
schedule.

3
 Quarter 1, Week 5&6

Learning Activity Sheet (LAS) No. 7 & 8

Name of Learner:
__________________________________________________________ Grade and
Section: _______________________________Date: _____________________

EMPOWERMENT TECHNOLOGY ACTIVITY SHEET

Imaging and Design for the Online Environment Part II

I. Learning Competency (MELC)

Use image manipulation techniques on existing images to change or enhance

their current state to communicate a message for a specific purpose and 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- 7, CS_ICT11/12-ICTPT-Ie-f- 8)

II. Background Information for Learners

PhotoScape
There are plenty of image manipulation programs but if you are going to
create a website, you have to use the efficient one. PhotoScape is a good tool
because it is feasible for beginners and advanced users alike.

Features of PhotoScape:

1. Viewer – as the name implies, is a picture viewer with features the same as
most image viewers like changing image orientation.

2. Editor – alters the appearance of a single image

3. Batch Editor – alters the appearance of multiple images

4. Page – arranges several photos to create a single one; similar to a mosaic

5. Combine – links several images together to form a bigger image

6. Animated GIF – allows you to create an animated GIF from several pictures

7. Print – readies pictures for printing

8. Splitter – divides a single photo into multiple parts

9. Screen Capture – captures the screen and saves it

10.Color Picker – grabs a pixel from your screen to be used in editing

4
11. Raw Converter – converts RAW images (uncompressed images usually from
digital camera to JPEG.

12. Rename – This allows you to rename a batch of photos

13. Paper Print – useful tool for printing your calendars, sheets, lined paper,
graph paper, etc.

Principles and Basic Techniques of Image Manipulation

Whether you are using a free image manipulation program or purchased one,
there are basic techniques common to all image editing programs.

1. Cropping – It is a process of removing unwanted parts of the image, focusing

only on the subject. When cropping, one must always follow the Rule of
Thirds to organize the image composition.

2. Color Balance – In any image manipulating program, this command will allow
you to make changes in the mixture of colors in an image.

3. Adjusting Brightness and Contrast – This command is the most basic

technique when adjusting the image tone (highlights, shadows, and mid-
tones).

4. Compression and Resizing – Compressing and Resizing an image is an

important aspect of image manipulation. Images to be uploaded on the web
must be of the standard resolution of 72 dpi (dots per inch) to maintain its
image file size of 30-50 KB. If the image is for printing, set the maximum
resolution to 300 dpi at setting, its physical printing size in inches.

5. Color Blending – Use the different special effects buttons available in the
different image editing software. You can combine colors and commands
that will give you a more dynamic image result.

6. Combining Multiple Images – Compositions must be planned and

conceptualized first so that you will be able to render the best image and
message possible.

Online Graphics Software

There are a lot of image editing sites on the internet that also offer basic
and advanced techniques that we can do with other professional software.

Based on TechRadar, the following is the list of websites that you can try
as beginners in the field or for professionals who would like to try other software.

5
1. BeFunky. With BeFunky's photo editor, you can play with hundreds of
amazing photo effects that you can't find anywhere else, like its world-famous
Cartoonizer®, oil painting, and pop art effects.

2. Fotor. It is a multiplatform photo editing website. It offers a wide range of

effects and tools for editing images.

3. Pixlr. It is also a multiplatform image editing program. You can choose

between the editor for editing images or creating an original image right
through the browser.

Other image editing suites that can be downloaded for free:

 Serif PhotoPlus Starter Edition

 GIMP

 Paint.Net

Image Hosting Sites

Images also can be shared online through different web hosting free
sites. You just need to create a free account, and you will be able to post,
organize, and share your photos. The following is a list of different hosting
sites you can try.

1. Imgur– It is a free image hosting site wherein you can upload images from
your computer. You can also edit your images before posting them online.

2. Flickr – It is an image social networking site. You can save and manage your
photos for it offers a 1 TB storage capacity in your account.

3. Photobucket – It has almost similar features to Flickr as you can upload and
share your images over the internet through your account.

4. SlickPic – It is an online image-hosting service that allows you to upload and

store an unlimited number of photos online. You can create as many albums,
and it also offers professional editing of images.

5. Zenfolio – It is an online image-hosting site that does not only allows you to
upload an image but also lets you create an online image website for your
images.

6
 III. Accompanying DepEd Textbook and Educational Sites

Callo, E. R. 2018. "Imaging and Design for the Online Environment." In

Empowerment Technologies, by E. R. Callo, 35-40. Quezon City, Philippines:
Sibs Publishing House.

Yuvienco, Joel C. and Santos, Mika Ira L. 2016. Empowerment Technologies for the
Technical-Vocational-Livelihood Track. Ground Floor Bonifacio Building, DepEd
Complex.

IV. Activity Proper

Activity 1:

Suppose you are a dedicated member of a tourism activist group, you are
tasked to create a poster of the tourist spots in the city of Sipalay that will be
sponsored by your group. The poster should contain adorable images of typical
tourist spots and should entice participants. Basic information about the event
should be written clearly. The name of the organizers and their contact
information should be placed also.

Criteria weight Exceptional Admirable Marginal Unacceptable

Content 50%
 Appropriate details  Most details  Few details  No details to
support the main idea support the main support the main support the main
 Accurate and idea idea idea
detailed information  Accurate  Lacking accurate  Information is
 Information information for information not accurate
adequately supports almost all subject  Inadequate  The information
the purpose of visual matter information is not does not support
 Information is supportive of the the visual’s
mostly adequate and visual’s purpose purpose
supportive of the
visual’s purpose
Focus 20%
 Topic and title clear  Topic and title are  Topic and title  Topic and title
and easily identified mostly clear and difficult to identify are not identified
 The main idea is easily identified  The main idea not  No main idea
appropriate to the  The main idea is clearly stated  Illustrations do
topic appropriate to the  Few illustrations not complement
 All illustrations topic complement the the purpose of
complement the  Most illustrations purpose of visual visual
purpose of visual complement the
purpose of visual

Visual 20%
Appeal  Outstanding use of  Adequate use of Inappropriate use of Little attempt to
color, design, and color, design, and color, design, and use color, design,
space space space and space
 Original and  Design is  Design lacks appropriately
creative design adequate creativity  Design is dull
 The overall design  The overall design  Lack of  The project has
is pleasing and is most pleasing and harmonious design a sloppy
harmonious harmonious in a presentation appearance

7
Mechanic 10%  Free of  Mostly free of  Frequent  Too frequent
s grammatical errors grammatical errors grammatical errors grammatical errors
 Words are legible  Most words are  Presentation is  Distractive
and pertinent to the legible and pertinent illegible and elements make
topic to the topic confusing illustration
ineffective

Activity2:

True or False: Write true if the statement is correct and False if it is incorrect. Use a
separate sheet of paper for your answer.
__________________1. When cropping an image, one must follow the rule of
thirds.
__________________2. Accurate compression of an image will help you save
memory space.
__________________3. BeFunky, Pixlr, and Photobucket are examples of image
hosting sites.
__________________4. One must follow the rules that govern a website when
uploading an image.
__________________5. People who work on computer graphics and image
manipulation are called graphic artists.
__________________6. You can resize the picture in PhotoScape on the
Viewer’s tab.
__________________7. You can create an animated GIF using PhotoScape.

__________________8. You are tasked to enhance an image captured in lowlight

therefore you must manipulate its shadows.
__________________9. If there is too much red in a picture, you will adjust its
brightness to balance the color.
__________________10. Resizing is a process of removing unwanted parts of
the image.
__________________11. Photobucket is an image manipulation program.

__________________12. You can use Pixlr without installing it to your computer.

__________________13. PhotoScape has a feature that can batch edit photos.

__________________14. If the image is for printing, set the resolution to 300 dpi.

__________________15. Imgur is an image manipulation program.

V. Reflection

8
 1. Why is PhotoScape efficient to use and when is the time we need to manipulate an
image? ___________________________________________________________________
______________________________________________________________
______________________________________________________________

2. What could be the necessary features of an image hosting site?

______________________________________________________________
______________________________________________________________
______________________________________________________________

3. What part of the activity did you find easy/difficult and how will your Teacher /
Learning Facilitator help in improving your task?
______________________________________________________________
______________________________________________________________
______________________________________________________________

VI. Answer Key

Activity 1:
Answer may vary

Activity 2:

15.False
14.True
13.True
12.True
11.False
10.False
9.False
8.True
7.True
6.False
5.True
4.True
3.False
2.True
1.True