This document discusses online platforms that can be used as tools for ICT content development. It defines online platforms as bases of technologies designed to run within online environments and provide interactive online services. The document then lists and describes several types of online platforms including presentation/visualization tools, cloud computing, social media, file management, mapping, web page creation, and web templates. It also discusses basic web design principles and elements that can be used to create online content. Finally, the document outlines several Google online creation tools that can be used for files, presentations, spreadsheets, and other content.
3. ? Presentation/Visualization
? Cloud Computing
? Social Media
? File Management
? Mapping
? Web Page Creation
? Basic web design
principles and elements
Different types of Online
Platforms
5. ? Online platforms
currently include, but
are not limited to:
? Presentation or
Visualization
? Cloud Computing
? Social Media
? File Management
? Mapping
? Web Page Creation
? An online platform is
a base of technologies
designed to run within
an online environment
and provides
interactive online
services.
What is Online
Platforms ?
6. Allows you to present and
share presentations,
infographics and videos with
other people.
Use to communicate
information clearly and
efficiently
Presentation/
Visualization
8. 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.
10. ?Computer-mediated tools that
allow large group of people to
create, share or exchange
information, interest and
?The information shared can in the
form of ideas, pictures, videos or
anything that you want to create and
share to virtual communities.
Social Media
12. ? The storing, naming,
sorting and handling of
computer files
? Allows you to convert
and manage files without
downloading the
software tool.
File
Management
14. ? 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.
Mapping
16. ? Encompasses a number of
important elements including
color, layout, and overall
graphical appearance.
? The platform does not
requireany web programming
skill they provide a drag and
drop interface and free hosting
as well.
Web Page
Creation
19. ?In this kind of platform, no coding skills are required. Instead,
you manipulate with design components using an editor
window and get the chance to choose what elements are on
your page.
?Web templates are unique full page layout that contains
generic information which can be replaced by the users with
their own personal information.
Web Templates and
WYSIWYG Platforms
WYSIWYG = " what you see is what you get "
21. BASIC WEB
DESIGN
PRINCIPLE
? 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
01
22. BASIC WEB
DESIGN
PRINCIPLE
BALANCE
02
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
03
23. ? 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.
04
SIMPLIFY
? Keep content simple.
? Use minimal animated
graphics.
? Maintain a look and feel
across all the web pages.
05
24. ?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
DESIGNING
ELEMENTS
ILLUSTRATIONS & STYLES
? Illustrations include lines,
shapes, texture and color
which are fundamental
elements that should not be
overlooked.
25. 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
DESIGNING
ELEMENTS
26. ? Buttons and menus should be
well-organized.
? Button labels and menus
should be clear and easy to
understand.
BUTTON AND MENUS
? Just like links, buttons and
menus are also essential to web
pages and they too need
consistent styles.
BASIC WEB
DESIGNING
ELEMENTS
27. ?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.
IMAGES
?Images also aids in
communicating your message
to the viewers. Aside from
being used as fillers, images
also helps in leaving a lasting
first impression.
BASIC WEB
DESIGNING
ELEMENTS
30. Google Drive ¨C you
can use this to backup
your files in the cloud
and access them
anywhere. You can
also use other
applications of
Google along with
Google Drive
31. ?Tumblr ¨C you can use this
to share text, photos,
quotes, music, and videos
from your browser, phone,
desktop, email or
wherever you happen to
be. This is a
microblogging service
that has recently become
a popular social media
site.
32. ?Wix ¨C you can
use this to
create your web
site or mobile
site.
34. ?Search ¨C is a web search engine of
Google that allows you to find
anything you can think of.
?Maps ¨C 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.
Google Apps
35. ?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 Apps
36. ? 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 Apps
38. ? 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 File
Creation
39. ? Google Sheets is a web
spreadsheet application of
Google.
Google File
Creation
40. ? Google ºÝºÝߣs is a web
presentation application of
Google.
Google File
Creation