Online Platforms for

ICT Content
Development
THE NATURE AND PURPOSES OF
ONLINE PLATFORMS AND APPLICATIONS
Objectives:
⮚ evaluate existing online creation tools, platforms and
applications in developing ICT content for specific
professional tracks CS_ICT11/12-ICTPT-Ig-h9
⮚ 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 CS_ICT11/12-ICTPT-Ig-
h10
⮚ create an original or derivative ICT content using
online creation tools, platforms, and applications to
effectively communicate messages related to specific
professional track CS_ICT11/12-ICTPT-Ig-h11
Presentation
Software

Presentation and
Visualization tools online
provide ways to create a
visual aid to a presentation.
Products of visualization
tools are visually appealing
with some providing
interactions and features
responsiveness.
Mapping Software

Web mapping applications are websites

developed from Geographical Information
Systems (GIS) data. Mapping apps use GIS
to create a graphical and illustrative
representation to easily visualize maps.
Social Media
Platforms
Social media exists to connect people
all over the world. It allows you to
have a personal profile and create
group pages where you can share
content.
Blogging
Platforms
Websites like WordPress,
Tumblr and Blogger focus
on content and design. It
typically looks like a
newsletter where you are
given options to change the
design to your liking.
Cloud
Computing
is a type of internet-based
computing that provides shared
computer processing resources
and data to computers and other
devices on demand.
 Web Page Creation tools provide ways to
create a personalized, publishable websites
depending on the needs of the user. Most of
these tools are very easy to use as they have
templates categorized according to themes
Web Page and serve different kinds of functions. Some
tools allow editing while on the go.
Creation
Software
Content Management
System

►Is a content publishing Platform that

appeals to site developers
►because of its customizability and plug-
ins
► Drag and drop website building
► Fun and Code-free
► 500 ready made templates
ACTIVITY#1: ONLINE
PLATFORMS
Direction: Identify which online platform to use in the following scenario:
 Web Design
Is a process of planning, creating, and maintaining
websites. Designing an effective website requires more
than just gathering relevant information and sharing it on
the web.
 Good web design always caters to the needs of
the user. Are your web visitors looking for
Purpose information, entertainment, some type of
interaction, or to transact with your business?
Each page of your website needs to have a clear
purpose, and to fulfill a specific need for your
website users in the most effective way possible.
Communication
People on the web tend to want information quickly, so it is important
to communicate clearly, and make your information easy to read and
digest. Some effective tactics to include in your web design include:
organizing information using headlines and sub headlines, using bullet
points instead of long windy sentences, and cutting the waffle.
Typefaces

►Using the right font and the right font

size is Significant in web designing.
►Note:
►16 px for the ideal font size
►stick to a maximum of 3 typefaces
Colors

►Choosing the right color sets

the mood of the users.
►You may use the color pallet
or search for a contrasting
colors that is relaxing to the
eye.
 ►A picture can speak a thousand words, and
choosing the right images for your website
can help with brand positioning and
connecting with your target audience.

Images
Navigation
Navigation is about how easy it is for people to take action and move
around your website. Following the 3 CLICK RULE makes the user
able to find the information they are looking for with three Clicks
Grid Based Layout

►Placing content randomly on your

web page can end up with a haphazard
appearance that is messy. Grid based
layouts arrange content into sections,
columns and boxes that line up and feel
balanced, which leads to a better-
looking website design.
“F” PATTERN
DESIGN

► Eye tracking studies

have identified that
people scan computer
screens in an “F” pattern.
Load Time

►Everybody hates a website that takes

ages to load. Tips to make page load
times more effective include
optimizing image sizes (size and scale),
combining code into a central CSS or
JavaScript file (this reduces HTTP
requests) and minify HTML, CSS,
JavaScript (compressed to speed up
their load time).
Mobile
Friendly
►Make sure your web design
fits on both computers and
mobile phones
Watch the Wix Tutorial video:
https://www.youtube.com/watch?v=JTdK9q_iuE0&t=2s
then create an account on wix.com and explore the platform.
ACTIVITY2:
WEBSITE
MAKING
Directions: Create a webpage
about yourself using wix.com.
You may include your personal
information or a paragraph
about yourself and some of
your photos. Make sure to
apply the principles of web
design. Send your webpage link
to our Google Classroom. Criteria Score
Simplicity (5pts)
Design and Composition
(5pts)
Content (5pts)
Total (15pts)