CHAPTER 3

Imaging and Design for

Online Environment
Performance Task
• Basic principles of graphics and layout
• Online file formats for images
• Principles and basic techniques of image
manipulation
• Uploading, sharing, and image hosting
At the end of this lesson, the students should be able to:

1. understand the basic principles of graphics and layout;

2. create a simple infographic using web tools;

3. understand and use several file formats used on the web;

4. easily manipulate images using a simple image editor; and

5. upload and share images using online image hosting services.

PERFORMANCE TASK NO. 4 – SOCIAL MEDIA
GRAPHIC
 PERFORMANCE TASK NO. 4 – SOCIAL MEDIA
GRAPHIC
OBJECTIVES
 Create a social media graphic that
promotes a selected product or
service in the students’ specific
track.
COOPERATIVE LEARNING
 Group of 5 students
 PERFORMANCE TASK NO. 4 - SOCIAL MEDIA
GRAPHIC
Each group will draw one (1) specific item:
TOURISM
 A social media post by a travel agency promoting an
international travel destination.
CULINARY/HRM
 A social media post by a restaurant promoting a food
or beverage product.
 PERFORMANCE TASK NO. 4 - SOCIAL MEDIA
GRAPHIC
DRAW LOTS!
 PERFORMANCE TASK NO. 4 - SOCIAL MEDIA
GRAPHIC
TOURISM: Travel Destinations

KUALA LUMPUR SINGAPORE

 PERFORMANCE TASK NO. 4 - SOCIAL MEDIA
GRAPHIC
TOURISM: Travel Destinations

LONDON PARIS NEW YORK

 PERFORMANCE TASK NO. 4 - SOCIAL MEDIA
GRAPHIC
CULINARY/HRM: Food & Beverage Products

FRIED CHICKEN CHOCO CAKE SUSHI

 PERFORMANCE TASK NO. 4 - SOCIAL MEDIA
GRAPHIC
CULINARY/HRM: Food & Beverage Products

FREAKY SHAKES MOCKTAILS

 PERFORMANCE TASK NO. 4 - SOCIAL MEDIA
GRAPHIC
MATERIALS / TOOLS
 Web tool : Canva (www.canva.com)
 Photo editing software or applications
(optional)
 Adobe Photoshop, GIMP, Pixlr
 Computer
 Smartphone

Photo Credit :
https://www.canva.com/
http://www.digitalrabbitcellular.com/
 PERFORMANCE TASK NO. 4 - SOCIAL MEDIA
GRAPHIC

SOCIAL MEDIA POST MUST HAVE THE FOLLOWING

SPECIFICATIONS:
The graphic must be in a SQUARE shape
Instagram post.
Must contain the image of the specific item.
Name of the travel agency or restaurant.
Description must be related to the item being sold.
PLEASE KEEP IN MIND.

 The selected digital graphic must be

uploaded and shared on Facebook.
 The digital poster must focus on the
product or service and not attack or
mentioned personalities. Use of foul
words are not allowed.

Photo Credit:
www.Edmodo.com
www.facebook.com
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
PLEASE KEEP IN MIND.

You can use free stock

photo websites like
pexels.com when you
want to use generic
photos in your poster.
Photo Credit:
https://www.pexels.com/assets/pexels-stock-photos-b3d
10c31f607f9971c55287b4518b7374d8f82fee1246c1bab
a546d922688265.png
 PLEASE KEEP IN MIND.

Submit the Digital Poster through email:

jibmedialiteracy@gmail.com
The graphic must be shared on one of the group
members’ Facebook account, and gather likes.
Subject: EMTECH PT4 Group surnames
Example: EMTECH PT 4 Mahadali, Ito, Abordo
Deadline is today.
 RUBRIC

Criteria Excellent Good Fair NI

Content Message Message Message Message
 Message is clear, is clear is clear is unclear
must be accurate, and but and/ or
able to and accurate. question- inaccurate
properly strong.   able. .
sell the        
product.    
   
10 8
5 2
 RUBRIC

Criteria Excellent Good Fair NI

Graphic All graphics All graphics All graphics Graphics do
 Relevance and are related to are related to relate to the not relate to
Citation the topic and the topic and topic. Two the topic
make it easier most make it borrowed and/or three
to easier to graphics have or more
understand. understand. no source borrowed
All borrowed One borrowed citation. graphics do
graphics have graphics have   not have a
a source no source   source
citation. citation. citation.
 
8
5 5 2
 RUBRIC

Criteria Excellent Good Fair NI

Design and The poster The poster The poster The poster
Layout is excep- is is is poorly
tionally attractive acceptably designed
attractive in terms of attractive and the
in terms of design, though layout is
design, layout, and layout is cluttered.
layout, and neatness. cluttered.  
neatness.       
     
5 8 5 2