Online Platforms

and
Applications
Learning Objectives

The Learners;
• Evaluate existing online creation tools, platforms and applications
in developing ICT content for specific professional tracks.
• 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. Online
Platforms as Tools for Content Development 02
Online Platforms
•An online platform is a base of technologies designed
to run within an online environment and provides
interactive online services.
Online platforms currently include, but are not limited to:

Presentation and Visualization

• Allows you to present and share
presentations, infographics and videos with
other people.
• Use to communicate information clearly and
efficiently.
Cloud Computing

Simply called as “The Cloud”

Access anytime, anywhere.

The practice of using a network of remote servers hosted on the internet.

Instead of using your computer’s hard drive, you store and access your
data and programs over the Internet
Social Media
• Computer-mediated tools that allow large group of
people to create, share or exchange information,
interest
• The information shared can in the form of ideas,
pictures, videos or anything that you want to create
and share to virtual communities

File Management
• The storing, naming, sorting and handling of computer
files
• Allows you to convert and manage files without
downloading the software too
Mapping
• A transformation taking the points of one space
into the points of the same or another space. Uses
GPS to detect location and used for navigation.

Web Page Creation

• Encompasses a number of important elements including color,
layout, and overall graphical appearance.
• The platform does not require any web programming skill they
provide a drag and drop interface and free hosting as well.
 Facebook
Facebook is the biggest and the most popular social platform in the
Internet. It is commonly used by students and is a gaining ground
among professionals too.

1. Marketplace – allows members to post, read and respond to classified

ads.
2. Groups – allows members who have common interests to find each
other and interact.
3. Events – allows members to publicize an event, invite guests and track
who plans to attend.
4. Pages – allows members to create and promote a public page built
around a specific topic.
5. Presence technology – allows members to see which contacts are
online and chat.
 Instagram
an online mobile photo-
sharing site that allows its users to
share pictures and videos either
publicly or privately on the app.

Originally, a distinctive feature was that it confined photos to a square

shape, similar to Kodak Instamatic and Polaroid SX-70 images, in contrast to
the 4:3 aspect ratio typically used by mobile device cameras. In August 2015,
version 7.5 was released, allowing users to upload media captured in any
aspect ratio. Users can also apply digital filters to their images.
 Twitter
Twitter is an online news and social
networking service where users post and
interact with messages, “tweets,” restricted
to 140 characters. Registered users can
post tweets, but those who are unregistered
can only read them. Twitter Inc. is based in
San Francisco, California, United States,
and has more than 25 offices around the
world
Blogging Sites
Weebly

Weebly is one of the easiest website

builders in the market.

By using Weebly’s website building elements, you can literally

drag them into your website and have a website built relatively quickly,
and painlessly. Weebly’s elements include pictures, paragraphs, videos,
buttons, maps, contact forms – basically all the basics for website
building.
Tumblr
Tumblr is a popular microblogging platform
designed for creative self-expression. It is considered
a mindful alternative to Facebook and other social
media websites where users blog on a myriad of
topics

Tumblr is perfect for people who don’t need a full blog

to publish lengthy posts. It’s also great for people who prefer
to publish quick multimedia posts, particularly from their
mobile devices.
 Pinterest
Pinterest is a free website that requires
registration to use. Users can upload, save, sort,
and manage images—known as pins—and other
media content (e.g., videos) through collections
known as pinboards.

Users can browse the content of others in their feed. The end
result is that the “pin feed” of each user displays unique, personalized
results.
WEB TEMPLATES AND WYSIWYG
PLATFORMS

• WYSIWYG = “what you see is what you get”

• In this kind of platform, no coding skills are required.

• Web templates are unique full-page layout

that contains generic information which can
be replaced by the users with their own
personal information
Basic Web Design Principles and Elements

A. PRINCIPLE #1 VISUAL LANGUAGE

 Color Scheme
 Focus of Content using Contrasting color
 Use of consistent font size and color
 Make important links or menus noticeable
 Use high quality pictures that follows the rule of third
Basic Web Design Principles and Elements

B. PRINCIPLE #2 BALANCE

C. PRINCIPLE #3 PARADOX OF CHOICE

 “The more choices you provide, the easier for others

to choose nothing.”
 Focus on Users need
 Design Sites for multiplatform and multiscreen
Basic Web Design Principles and Elements

D. PRINCIPLE #4 FOCUS ON CONTENT

 Know the purpose of your web page so you could

match the content with the purpose.
 Include images on your content not just pure text.
 Content should be spellchecked.
 Content should be organized.
 Content should be updated.
Basic Web Design Principles and Elements

E. PRINCIPLE #5: SIMPLIFY

 Keep content simple.

 Use minimal animated graphics.
 Maintain a look and feel across all the web pages.
BASIC WEB DESIGN ELEMENTS
ILLUSTRATIONS & STYLES

Illustrations include lines, shapes, texture

and color which are fundamental elements that
should not be overlooked. Lines are used to
organize, connect, and separate information and
design elements.

Combined with shapes, color, and texture they us a visual

grammar which you can use to communicate.
BASIC WEB DESIGN ELEMENTS LINKS

Links are the most basic interface on web

pages. Links should be distinctive in color from
other types of text in a webpage. Keep links and
regular text styled consistently to avoid users
from thinking whether or not the text is a link.
Make sure your links are working.
BASIC WEB DESIGN ELEMENTS BUTTON
AND MEN

Just like links, buttons and

menus are also essential to web
pages and they too need consistent
styles. Buttons and menus should be
well-organized. Button labels and
menus should be clear and easy to
understand.
BASIC WEB DESIGN ELEMENTS IMAGES

Images also aids in communicating your message to the

viewers. Aside from being used as fillers, images also help in leaving a
lasting first impression. Use specific images that are related to your
content so that it will draw attention not only to the content but to your
web page as a whole.
ONLINE CREATION TOOLS
SlideShare

• you can use this to upload and share

your professional videos and slide
presentations.

Google Drive
• you can use this to back up your files in
the cloud and access them anywhere.
You can also use other applications of
Google along with Google Drive.
 Tumblr Wix

• you can use this to share text, photos, quotes, • you can use this to
music, and videos from your browser, phone,
create your web site or
desktop, email or wherever you happen to be.
mobile
This is a microblogging service that has recently
become a popular social media site.
GOOGLE APPLICATION BUNDLE
& USEFUL APPS
Google Applications

My Account
• gives you an access to your Google account
settings and tools.

Search
• is a web search engine of Google that
allows you to find anything you can
think of.

Maps
• is a desktop web mapping service of Google that
provides information about geographical areas
around the world.
YouTube
• is a video-sharing website of Google.

Play

• is the official app store of Google for

Android smartphones and tablets.

News
• is a computer-generated news site of Google whose
news aggregated from sources all over the world.
Gmail
• is a free, advertising- supported email service
provided by Google.

Calendar
• is a time-management web application
mobile app by Google.

Google+
• is an interest-based social network by Google.
Translate

• is a multilingual service provided by Google to

translate text, speech, images, or real-time
video from one language into another.

Photos

• is the newest app of Google which

provides a photograph and video sharing
and storage service for Google users.
Google file creation
Word, Spreadsheet
& Presentation
Google Docs

• is a web word processing application of Google

which allows you to create web-based
documents with its smart editing and styling
tools.
Google Sheets

• is a web
spreadsheet
application of
Google.
Google Slides
• is a web presentation application of Google.
QUESTIONS:
1. What is the importance of using Online Platform
Application in Education?
2. What are the advantages and disadvantages of using
Online Platform Application?
3. What is the nature and purpose of Online platforms
and applications in terms of
• Business
• Education
• Government
• Society
Learning Activity 1:
Instructions: In the given Online Platforms, fill out the information needed