Online platform as tools

for ict content development

Topic outline
• The Nature and purposes of online
platforms and applications
• Basic web design principles and elements
THE NATURE AND
Online Platforms and Applications
PURPOSE OF
 ONLINE
PLATFORM
Is a base of technologies designed
to run within an online
environment and provides
interactive online services.
CATEGORIE
• Presentation/Visualization
S• Cloud Computing
• Social Media
• Mapping
• File Management
• Web Page Creation
Presentation/
visualization
Allows you to present and
share presentation,
infographics and videos with
other people.
Cloud
computing
Allows you to upload,
download, organize, and store
files
on the online storage
Cloud
computing
1. Google Drive
2. Dropbox
3. OneDrive
Social media
These are interactive online
technologies that enable the
creation or sharing of information,
ideas, career interests, and other
forms of expression through
virtual communities and networks.
mapping
This online platform provides
detailed information about
geographical regions
and sites around the world.
File
management
Allows you to convert and
manage files like images,
videos, documents, audio, and
more to other formats without
downloading a
software tool.
File
management
1. Zamzar
2. Word2pdf
3. CloudConvert
Web page creation
It is an online platform that lets
you build a web page that
includes colors, texts, images,
and often contains links to media
such as video and audio.
Web page creation
1. WordPress
2. Wix
3. Weebly
BASIC WEB
DESIGN
PRINCIP
LE
 PRINCIPLE
VISUAL LANGUAGE
#1
• 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.
 PRINCIPLE
VISUAL LANGUAGE
#1
• The RULE OF THIRDS is
a type of off-center
composition where important
elements of a photograph are
placed along a 3×3 grid,
which equally divides the
image into nine parts.
PRINCIPLE
BALANCE
#2
 PRINCIPLE #3
PARADOX OF CHOICE
• “The more choice you provide, the easier for others to
choose nothing.”
• Focus on users need
• Design sites for multiplatform and multiscreen
 PRINCIPLE #4
FOCUS ON CONTENT
• “Know the purpose of your webpage so you could
match the content with purpose.
• Include images on your content not just pure text
• Content should be spellchecked
• Content should be organized
• Content should be updated
 PRINCIPLE #4
FOCUS ON CONTENT
• “Know the purpose of your webpage so you could
match the content with purpose.
• Include images on your content not just pure text
• Content should be spellchecked
• Content should be organized
• Content should be updated
 PRINCIPLE
SIMPLIFY
#5
• Keep content simple
• Use minimal animated graphics
• Maintain a look and feel across all the web pages
 ILLUSTRATION
AND STYLES
Include shapes, lines, texture and color which are
fundamental elements that should not be overlooked.
 links
The most basic interface on web pages. Links should be
distinctive in color from other types of text in a webpage.
 Buttons and
• menus
Also essential to web pages
and they too need consistent
styles.
• Should be well-organized
• Should be clear and easy to
understand
 images
• Aid to communicating your message to the viewers.
Aside from being used as fillers, images also helps in
leaving a lasting first impressions.
• 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.
Thank
YOu
So
Much!