DEPARTMENT OF EDUCATION

DIVISION OF CAMARINES SUR

COLEGIO DELA VIRGEN DEL PILAR (CVP) INC.
COLACLING LUPI, CAMARINES SUR
SCHOOL ID: 433585
S/Y 2021 - 2022

SENIOR HIGH SCHOOL LEARNING MODULES

GRADE 11

MODULE 6
QUARTER 2 – WEEK 1

Prepared by:
Jessie s. Monida
Teacher

MODULE THE NATURE AND PURPOSE OF ONLINE

PLATFORMS AND APPLICATIONS
6
SENIOR HIGH SCHOOL LEARNING MODULES
1
EMPOWERMENT TECHNOLOGY G11
 INTRODUCTION
To create a good online presentation, webpage and content, you should know
the principle and techniques of design using online creation tools, platforms and
application to develop ICT contents.

LEARNING
1. Evaluate existing online creation tools, platforms and applications in
developing ICT content for specific professional tracks.
2. Apply web design principles and elements using online creation tools,
platforms and applications to communicate a message for a specific purpose
in specific professional tracks.
3. Create an original or derivative ICT content using online creation tools,
platforms and applications t o effectively communicate messages related to
specific professional tracks.

MODULE
a. The Nature and Purposes of Online Platforms and Applications
b. Basic web design principles and elements
c. Web page design using templates and online WYSIWYG platforms
Before you flip the module into the next page, ask first the guidance of our lord

Dear Lord and Father of All

Thank you for ways in which you provide for all of us. For your protection and love we
thank you.
Help us focus our hearts and minds now on what we are about to learn.
Inspire us by your Holy Spirit as we listen and write.
Guide us by your eternal light as we discover more about the world around us.
We ask all thus in the name of Jesus
Amen

DISCUSSION: THE NATURE AND PURPOSE SOF ONLINE

PLATFORMS AND APPLICATIONS

PLATFORM
 Refers to the program created by developers that can be modified or
reprogrammed by outside users.
 It is a facility for programming or developing applications.

SENIOR HIGH SCHOOL LEARNING MODULES

2
EMPOWERMENT TECHNOLOGY G11
ONLINE PLATFORMS
 Are technologies that are grouped to be used as a base upon which other
applications processes or technologies are developed.
 Are online websites created to aid users in creating their web content and cater
to different kinds of information such as text, images, and video.
 In=s an online market place that place in one party in touch such as buyers
and sellers. These technologies help us to produce and share meaningful
information through online platforms.
Unique feature of Online Platforms
The ability to program, modify, access the application remotely using the
internet.
PLATFORM CATEGORIES
The Application Programming Interface (API) is a set of governing protocol
rules on how software elements should communicate and interact with one another.

API TYPES AND THEIR FUCNTIONS

ACCESS API
This type of API runs in a remote machine, server pr computer, and the
application is accessed remotely by a guest user application to draw data and
services. The development of this type of API requires financial capabilities
and technical capabilities.
It is the process of ensuring that calls with authenticated logins can enter API
and is a common type of internet platform that run elsewhere and call into the
platform via web services API to draw on data and services.
PLUG IN API
Most of the time, this API is used in the user end. Generally different
developers created different applications that can be integrated or “Plugged
in” to a core applications and/or the Graphics User Interface (GUI) of these
applications. Typical examples are the plug in programs for web browsers that
enables different functions such as application for playing video clips and
video games.
Is a software components that adds a specific feature to an existing software
application and enables you to writ custom code that interactions. The plug in
API is made up of hooks, also known as actions and filters.
1. Actions are triggered by specific events that take place in Word Press, such as
publishing a post, changing themes, displaying an administration screen.

SENIOR HIGH SCHOOL LEARNING MODULES

3
EMPOWERMENT TECHNOLOGY G11
 2. Filters are functions that Word Press passes data through, at certain points in
executions, just before taking some actions with the data.
RUNTIME ENVIRONMENT
This API is platforms for developing different applications, wherein programs
or applications codes are evaluated and compiled in the said API’s. The
application codes are uploaded or injected to the API and the API will test and
run the application code. Most of time, this API is hosted in a remote area and
requires the service of the internet.
The runtime environment is the execution environment provided to an
application or software by operating system and can send instructions or
commands to the processor and access other resources. Which implements
control over the order in which work that was specified in terms of the
language gets performed.
COMMON WEBSITES THAT ARE USE PLUG IN API’s ARE:
YOUTUBE YouTube is a website dedicated to hosting video clips.
Users can create an account on YouTube and upload
videos for public and private viewing. Most of the
websites integrate videos in to other developing
websites. To capitalize this website, an API tool is
created to enable developers to embed the YouTube
video player and play any YouTube content in their
websites.
FLICKR Is a website that caters to the hosting of images. Users
of the site create a private account wherein they can
upload images and categorize the images as to
whether they are viewed privately by the uploader or
by the public. An API is created to enable website
developer to embed or use images or Flickr.
TWITTER Twitter is a social networking service that enables
users to send and read short messages with 140
characters. These short messages area called tweets.
Twitter API’s are used by developers to embed twitter
functions in developing websites. Commonly, in using
Twitter API, user can find a facility to create messages
and tweet those messages.
FACEBOOK Is a social networking website that requires the user to
register an account and create user profile. A profile
contains the information about the owner of the
account such as his or her birthday, location, work and
SENIOR HIGH SCHOOL LEARNING MODULES
4
EMPOWERMENT TECHNOLOGY G11
 education. Different users can then connect with one
another by adding them as a friend. On this website
user are also capable of posting information on their
wall or the page that contains the user’s information.
Also users can post images, videos, and website links
on their wall. Facebook API is used to connect
individual’s wall or an organization’s Facebook
account so that the audience user can easily access
facebook services to facebook account.
Google Maps Google Maps API’s are one of the most APIs by
website developers. Commonly Google Maps API’s
enable the developers to display an accurate map
depicting the satellite views or the actual appearance
and layout of roads and building in a particular area.

EXAMPLES OF ONLINE PLATFORMS

Presentation/Visualization Communicates information clearly and
efficiently via statistical graphics, plots and
information graphics.
Prezi helps to reinvent the art of presentation.
Zoho an online project management apps that
help you to plan your work and keep track of
your progress.
Slide Share to build quickly from concise, well
presented content from top experts.
Mindmeister an online mind mapping tools that
lets you capture and develop and share ideas
visually.
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.
Google Drive keep all work in one secure place
with online file storage.
Dropbox keeps your files safe, synced, and easy
to share.
Social Media Are computer mediated tools that allows people ,
companies, and other organizations to create,
share or exchange information, career interests,
ideas, and pictures/videos in virtual communities

SENIOR HIGH SCHOOL LEARNING MODULES

5
EMPOWERMENT TECHNOLOGY G11
 and networks.
Twitter is a social networking service that
enables users to send and read short messages
with 140 characters. These short messages area
called tweets
Facebook is for profit corporation and online
social networking service, allow you to create
not only personal accounts bit also pages and
groups where you can share content. The only
downside of this is that you restricted to the face
book’s one side fits all design. It is the biggest
social network of students and is gaining around
among professionals too.
Tumblr is a micro blogging platform and social
networking website
LinkedIn is a social networking site designed
especially for the business community. The goal
of the site s to allow registered members to
establish and document networks and trust
professionally. It is another example of social
networking site where its focus is on business
and professional networking.
What is LinkedIn and how can it help you?
LinkedIn is the leading professional network on
the web. Connect with classmate, faculty and
family professionally.
Find new opportunities for internships and full
time position
Manage what potential employees learn about
you from the internet
Find key contacts at companies that interest you.
Web Page Creation Encompasses a number of important elements
including color, layout, and overall graphical
appearance.
Wix a cloud based web development platform
that allows user to create HTML5 websites and
mobile websites through the use of their online
drag and drop tools.
Weebly a web hosting service featuring a drag
and drop website builder.

SENIOR HIGH SCHOOL LEARNING MODULES

6
EMPOWERMENT TECHNOLOGY G11
File Management Is the storing, naming, sorting, and handling
computer files.
Zamzar web application to convert files.
Word2pdf coverts words files to PDF (Portable
Document Format) with this online tool.
Mapping A transformation taking the points of the same or
another space,
Google Maps a desktop web mapping service
developed by Google.

BASIC WEB DESIGN PRINCIPLES AND ELEMENTS

WEB DESIGN
 Is a concept of planning, creating updating and maintaining website.
 A good web design allows the user to understand the message, contents and
ideas in the most convenient way.
 In order to come up with a technically and visually good appealing and
effective web design, elements must be arranged in a way that is pleasing to
the eye, well coordinated and maintaining good balance among the elements.
WEB DESIGN ELEMENTS
A. PURPOSE
 A website can be categorized primarily in terms of the goal it aims to
fulfill. Website can be categorized into different types and functions
depending on the purpose they serve the user or audience.
 Visitors may want to look for information, be entertained, play games,
socialize, or transact business.
B. COMMUNICATION
 Essentially, when we visit a website, the primary objective is to absorb
as much valuable information as possible in the shortest amount of time.
 Thus, the information or text on a website should be concise and direct
to the point.
C. TYPE FACES
 This in an essential factor in web site design because this is considered
the most dominant and noticeable term of visuals.

SENIOR HIGH SCHOOL LEARNING MODULES

7
EMPOWERMENT TECHNOLOGY G11
  A typeface deals with the text, formats, text style and text. The
appearance of the text can greatly contribute to the perception of the
visitors to the website.
D. COLORS
 , Furthermore, color can introduce a mood or make the web site lively
and enticing for viewers.
E. IMAGES
 Image alone placed on the web site can deliver a complete message to
the web site wishes to communicate to the audience. Choosing correct
images can connect to the web site to viewers or the audience
effectively.
 The most commonly used images ate infographics, images with proper
balance, color and contrast accompanied by texts can deliver great
impact and information to the audience.
F. NAVIGATION
 Navigations refer to the facility that the audience can use to go through
the web site and its subpages. There are several ways on how to create
an effective and good navigation system on a web site.
 One of this includes a hierarchical organization of information, so that
the user can logically anticipate the location of information.
G. LAYOUTS
 A layout refers to the physical arrangement of the contents and elements
n a website. There are various ways on how to do an effective layout on
a web site and typically, these are ways are determined by the creator or
developer.
 However, there are categories that classify a layout that will guide the
user with the suitable layout for their target audience
H. LOAD TIME
 Another basis for the success of the web site is the time that web site
will load or appear onto the viewers display device.
 Nowadays, people demand information at the very fast pace. If the
website takes some time to load, most specifically if there are too much
content, the user wills most likely search for another service.
WEB PAGE DESIGN USING TEMPLATES AND ONLINE WYSIWYG
 WYSIWYG
 Is an acronym for “what you see is what you get”

SENIOR HIGH SCHOOL LEARNING MODULES

8
EMPOWERMENT TECHNOLOGY G11
  Does an editor system in which content (texts and graphics) can be edited in a
form closely resemble its appearance when printed or displayed as a finished
product.

ACTIVITY 1: ESSAY TYPE

Direction: Reflect the following question with your depth thoughts and
understanding. Each item is equivalent to 5 points.

1. As a student, in what way online platforms helps you in gathering

information?
_______________________________________________________________
_______________________________________________________________
_______________________________________________________________
2. Is the information reliable given by the online platforms?
_______________________________________________________________
_______________________________________________________________
_____________________________________________________________
3. Why do we need to consider the basic principles and elements in creating a
web design?
_______________________________________________________________
_______________________________________________________________
_______________________________________________________________
ACTIVITY 2: CREATING LOGO OF YOUR WEB PAGE
Assume that you already have the web page and design. On a short size bond paper,
create a logo of your web page and illustrate or draw its own symbol/sign/icon,
make sure that it is not plagiarized from the internet or other sources. You must

SENIOR HIGH SCHOOL LEARNING MODULES

9
EMPOWERMENT TECHNOLOGY G11
include an explanation of the symbol/ logo used as well at its function, purpose and
meaning.

References:
a. http:/slideshare.net
b. www.google.com
c. Empowerment Technologies making Small Shifts towards a Big Difference
for Senior High School
Joel C. Yuvienco

SENIOR HIGH SCHOOL LEARNING MODULES

10
EMPOWERMENT TECHNOLOGY G11