ONLINE PLATFORM AS

TOOLS FOR ICT CONTENT

AND DEVELOPMENT

EMPOWERMENT TECHNOLOGY
WYSIWYG
Objectives:
• Identify the nature and purposes of online
platforms and applications.
• Apply web design principles and elements
using online creation tools, platforms, and
application.
• Create a web page design using templates and
online WYSIWYG(“What you see is what you
get”) platforms.
HOW CAN YOU DEFINE A GROUP?
Natures and Purposes of Online Platforms
and Application
• Platforms – are technologies that are grouped
to be used as a base upon which other
applications processes or technologies are
developed. Learning platforms are essential to
the vision of emerging ICT and learning for
the future.
Purposes of Online Platforms
Create and share materials and information
which can be accessed online.
Publish plans and other resources online
enabling users to access them anywhere.
Access a variety of materials that can be
customized to meet the needs of the users.
Purposes of Online Platforms
Increase their ICT competence and
confidence.
Improve digital literacy.
Become active users by engaging themselves
to the issues through online communication
tools.
Examples of Online Platforms:
1. Presentation/Visualization – A primary
goal of this is to communicate information
clearly and efficiently via statistical
graphics, plots and information graphics.

1. Prezi – helping to reinvent the art of

presentation.
Presentation/Visualization
a) Prezi – helping to reinvent the art of
presentation.
Examples of Online Platforms:
1. Presentation/Visualization – A primary
goal of this is to communicate information
clearly and efficiently via statistical
graphics, plots and information graphics.

1. Prezi – helping to reinvent the art of

presentation.
POWERPOINT VS PREZI
Presentation/Visualization
b) Zoho – an online project
management app that helps you plan
your work and keep track progress.
Presentation/Visualization
c) Slideshare – To build quickly from
concise, well-presented content
from top experts.
Presentation/Visualization
d) Mindmeister – an online mind
mapping tool that lets you capture,
develop and share ideas visually.
DRILL
14 X 6
25 X 6
10 - ( -8)
- 100 + 65
200 - ( -8)
- 400 + 65
432 / 72
200 / 5
Examples of Online Platforms:
2. Cloud Computing – the practice of using a
network or remote servers hosted on the
internet to store, manage, and process data,
rather than a local server or a personal
computer.
Cloud Computing
a) Google Drive – Keep all work in one secure
place with inline file storage. Access the
work whenever needed, from a laptop, tablet
or phone.
TRIVIA ABOUT GOOGLE DRIVE
•Documents: Up to 1.02 million characters. If you convert a text
document to Google Docs format, it can be up to 50 MB.
•Spreadsheets: Up to 2 million cells for spreadsheets that are
created in or converted to Google Sheets.
•Presentations: Up to 100 MB for presentations converted to
Google Slides.
•All other files: Up to 5 TB.
Cloud Computing
b) Dropbox – keeps your files safe, synced,
and easy to share.
Examples of Online Platforms:
3. Social Media – are computer-mediated tools
that allow people, companies and other
organizations to create, share, or exchange
information, career interests, ideas and
pictures/videos in virtual communities and
networks.
Social Media
a) Twitter – online social networking service
that enables users to send and read short
140-character messages called “tweets”.
Social Media
b) Facebook – is a for-profit corporation and
online social networking service.
Social Media
c) Tumblr – a microblogging platform and
social networking website.
Examples of Online Platforms:
4. Web Page Creation – encompasses a
number of important elements including
color, layout and overall graphical
appearance.
Web Page Creation
a) Wix – a cloud-based web development
platform that allows users to create HTML5
web sites and mobile sites through the use of
their online drag and drop tools.
Web Page Creation
b) Weebly – a web-hosting service featuring a
drag and drop website builder.
Examples of Online Platforms:
5. File Management – is the storing, naming,
sorting and handling computer files.
File Management
a) Zamzar – a web application to convert files.
b) Word2pdf – convert WORD files to PDF
with this online tool.
Examples of Online Platforms:
6. Mapping – a transformation taking the
points of one space into the points of the
same or another space.
Mapping
a) Google Maps – a desktop web mapping
service developed by Google.
b) Ikimapia – an open-content collaborative
mapping project, aimed at marking all
geographical objects in the world and
providing a useful description.
Basic Web Design Principles and Elements
• An effective web site designing requires more
than just gathering relevant information and
posting it on web. It is like a good research
presentation or paper that also demands as
much attention to the organization. The creator
should strive, clarity, it can quickly lose the
audience and without engagement, it will not
catch their attention in the first place.
Before you begin
1. Consider the audience and goals – it
should have a clear sense of who will be
using the site and what kind of experiences
are hoping to provide.
2. It is advisable to plan the site on paper
first – Draw a “family tree” of pages with
arrows that indicates the links or a
hierarchical outline. Either way, attempting
to implement the vision is essential.
Site Lay-Outing
1. Strive for consistency – The project must
have an identity, so all the pages in it should
have a common feel: consistency among
color schemes, backgrounds, tone of voice
and navigational tools.
Site Lay-Outing
2. Provide a rich set of links within the site –
There should be multiple ways for future
users to navigate the pages. Consider
including a highlighted links within textual
material to related information elsewhere on
the site, prominent ‘home’ link or icon on
each page and a menu or table of contents.
Site Lay-Outing
3. Don’t hide important information - Users
don’t like to click many times just to find the
certain information they want, try to make it
accessible up front if top left corner is the
most important.
Web Medium
1. Provide opportunities for interaction –
Interactivity can be innovative and
compelling in means of engaging the readers
and making experiences that can not be
duplicated in other media.
Web Medium
2. Avoid text-only pages – a user should not
see an entire screen full of uninterrupted text
in browsing your site. Take advantage of the
web’s medium.
Web Medium
3. Don’t sacrifice elegance – Every design
element of the site(images, animation,
colors) ought to correspond thematically
with the content and goals of the project.
Web Medium
4. Provide a link for every URL used in the
site – Make it hyperlinked so that the users
can go directly to the site.
The Front Door
1. Give a descriptive title of the site – The
title must convey the content of the site in a
brief but engaging manner which ideally
should pique the curiosity of users and eager
them to explore more of the pages.
The Front Door
2. Include a brief introduction – This must be
on the site’s home page which also explains
the scope and purpose of the site. The
introduction is the chance to heighten the
user’s interest and persuade them to stick
around and explore more.
The Front Door
3. Make the site’s home page as useful a
starting point as possible – Viewer should
be able to see at a glance how it is laid out,
what it is about, and what kinds of resources
and features it includes. Ideally, all of these
information should be visible on a single
fast-loading screen that requires a minimum
of scrolling.
Accessibility
1. Make sure the text used is legible – Check
the color, font, and size of all text in the site
to affirm that it can be easily read especially
on dark or fancy backgrounds that makes
text harder to read.
Accessibility
2. Make sure the site is platform
independent – Think about the bandwidth
and keep in mind that not all users will have
the luxury of an internet connection.
Minimize the memory requirements of the
site by compressing large files and images.