SENIOR HIGH SCHOOL - ABM, GAS, HUMSS, STEM and TVL

LEARNING ACTIVITY SHEETS

EMPOWERMENT TECHNOLOGIES

WEEK 4
Online Platform Tools for ICT Content Development
MELC WITH CODE:
1. Creates an original or derivative ICT content to effectively communicate or present data or information related to
specific professional tracks. (CS_ICT11/12-ICTPT-Ic-d-5)
2. Evaluate existing websites and online resources based on the principles of layout, graphic, and visual message
design. (CS_ICT11/12-ICTPT-Ie-f-6)

RECHELLE T. BALDO MYLENE S. PADUL

SHS Teacher II SHS Teacher I
09302692486/09974374499 09751537849
 LEARNING ACTIVITY SHEET IN EMPOWERMENT TECHNOLOGY
Name of Student: ____________________ Contact Number:________
Grade and Section:____________________ Class Adviser: __________
Address: ____________________________ District: ______________
Lesson 4 and 5: Online Platform Tools for ICT Content
Development
Background of Information for Learner
What is online platform?
It is a base of technologies designed to run within an online environment and
provides interactions online services.
Examples of Online Platforms
Presentation Tools- Graphic program that allow you to create slide show
presenting the topic, lecture, demonstrate to enlighten, educate, communicate,
or persuade the audience.
Examples: Prezi, Zoho Show, Slide share and MindMeister.

Cloud Computing – The practice of using a network of remote servers hosted

on the internet to store, manage, and process data, rather than a local server
or a personal computer.
Examples: Google Drive, Drop box,
Social Media- Are computer -mediated tools that allow people, companies, and
other organizations to create, share, or exchange information, career
interests, ideas, and pictures/videos in virtual communities and networks.
Examples: Twitter, Facebook, Tumblr,
Web page Creation – Encompasses a number of important elements including
color, layout, and overall graphical appearance.
Examples: Wix, Weebly
File Management- Is the storing, naming, sorting and handling computer files.
Examples: Zamzar , Word2pdf
Mapping Tools- A transformation taking the points of one space into the points
of the same or another space.
The creation of maps, a graphic symbolic representation of the
significant features of part of the surface of the Earth.
 Examples: Google Maps, Wikimapia
Content Management System (CMS)
Is a computer application (sometimes online or browser-based) that allows you
to publish, edit and manipulate, organize and delete web content . CMS is used
in blogs news websites and shopping.
Vocabulary Words
Blogs- is a discussion of informational website published on the web consisting
of discrete , often informal diary -style text entries (“post”
WordPress- one of most popular blogging platform.
Graphics- Visual images or designs on some surface, such as a wall, canvass,
screen , paper , or stone to inform , illustrate or entertain.
Layout- Is the process of planning and arranging graphics or text in a page.

Basic Principles and Elements of Graphics and Layout

Balance- The visual weight of objects, texture, colors and space is evenly
distributed on the screen. It can be
a. Symmetrical - a layout
may be symmetrical where
there are equal weight of
elements on both sides of
the page. The layout may
be left braced or right
braced.
b. Asymmetrical - A layout may be asymmetrical where there is
an artistic and different intensity on one slide of the page

Emphasis – An area in the design that may appear

different in size, texture, shape or color to attract
the viewer’s attention.

Proportion - Visual elements create a

sense of unity where they relate
well with one another.
 Consistency- There should be uniformity
of theme on each page.

Text –
The text type should be legible appropriate font
face, and arranged either left justified, right justified
or centered. The flow of the text and picture should
be easy to read.
Images- The image should be proportionate,
with sharp color and high resolution. The images
use should have caption.
Proximity and Harmony - The elements should be close together and
not scattered and arranged from each other. Elements should not be
cluttered and not compete with each other.
Shape and Color - Use color to create interest by providing variety in
design like the use of color and shapes.
Variety- This uses several design elements to draw a viewer’s attention.
Learning Competency with Code:
1. Creates an original or derivative ICT content to effectively
communicate or present data or information related to specific
professional tracks. (CS_ICT11/12-ICTPT-Ic-d-5)
2. Evaluate existing websites and online resources based on the
principles of layout, graphic, and visual message design.
(CS_ICT11/12-ICTPT-Ie-f-6)
Directions/Instructions: Answer the following activities. Write your answer in
a piece of paper legibly and neat.
Activity 1 “Word Puzzle”
Identify the different online platforms. Write your answer in the box below. (2
points each)
1.Use GPS to detect the location and used for
navigation.
2. The process of administering a system that correctly handles digital data.

3. A hypertext document connected to the World Wide Web.

4.Storing and accessing data and program over the internet instead of your
computer’s hard drive.
5. A website and application that enable user to create and share content or
participate in social networking.

Activity 2. “CoVid19 Infographics”

Direction: In this time of the CoViD19 pandemic, there is a need to fully inform
the public on how to keep ourselves safe even when we are outside our
homes. As a graphic designer of the National Government, you are tasked to
create an infographic material to be distributed to the people. This will be
placed in a long sized bond paper. You must be guided by the different
principles of graphic design while making your infographic material. Your work
will be guided with the rubric below:

Rubrics:
CRITERIA 3: Exceeds Expectation
Topic/ The topic/purpose of the
Purpose infographic was clear and
concise.
Data Data of the infographic was
accurate and relevant to topic
Layout The infographic had a great
layout, with applicable graphics.
Color/Font The font was legible, and the
color scheme enhanced the
infographic.
Sourcing Citations for the infographic's
sources were included.
2: Meets Expectation
The topic/purpose was
somewhat broad and did not
allow viewer to understand the
purpose.
Data of the infographic was
somewhat accurate and relevant
to topic.
The graphics were somewhat
applicable to the infographic,
creating an average layout.
The font was somewhat legible,
and the color scheme didn't
affect the infographic.
Citations for some of the sources
used were included.
1: Needs Work
The topic/purpose of the
infographic was not clear
and concise.
Data of the infographic
was not accurate and
was not relevant to topic
The graphics had nothing
to do with the topic and
had a poor layout. There
was an overload of text.
The font was not legible,
and the color scheme
detracted from the
infographic.
No citations of the
infographic's sources
were included.

Activity 3: Table of Comparison: Differentiate graphics to layout using table

below .(10pts)
Graphics Layout
Activity 4: Matching Type Direction: Match Column A to Column B.
Column A Column B
1. It uses several design to draw viewer’s attention a. Images
2. Balance is to even distribution: emphasis is to b. Consistency
3. Sense of unity where they relate well to each other c. Text
4. With sharp and high resolution. d.
Symmetrical
5. Refers to visual weight of object, texture and etc. e. attracts
6. Uniformity of the theme of the page f. Color
7. Use to attract the interest of the viewer with right blending. g. Proportion
8. Equal weight of elements in both sides h. Balance
9. Well -chosen and must be readable i. Proximity
10. Elements should not be cluttered and j. Variety
not competing to each other. .

Activity 5

Evaluate the following layout based on the principles and elements of graphics
and layout. Write your evaluation in a piece of paper.
A.
B.