Group 2
Online
z
Platforms
for ICT Content
Development
z
What is an Online Platform?
Are technologies that are
grouped to be used as a
base upon which other
applications processes or
technologies are developed.
Examples
z of Online Platform
a. Presentation/Visualization
b. Cloud Computing
c. Social Media
d. Web Page Creation
e. File Management
f. Mapping
a. Presentation/ Visualization
z
Communicates
information clearly and
efficiently via statistical
graphics, plots and
information graphics
Examples
z of Presentation / Visualization
Prezi – helping to reinvent
the art of presentation
Zoho – an online project
management app that helps you
plan your work and keep track of
your progress
Examples
z of Presentation / Visualization
SlideShare – to build quickly from
concise, well presented content
from top experts.
MindMeister – an online mind-
mapping tool that lets you capture,
develop and share ideas visually
b. Cloud Computing
z
The practice of using a
network of remote servers
hosted on the internet to
store, manage, and process
data, rather than a local
server or a personal computer.
Examples of Cloud Computing:
z
Google Drive – keep all work in
one secure place with online file
storage
Dropbox – keeps your files safe,
synced, and easy to share
c. Social Media
z
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
Examples of Social Media
z
Twitter- online social networking
service that enables users to
send and read short 140-
character messages called
“tweets”
Examples of Social Media
z
Facebook – is for-profit
corporation and online social
networking service
Tumblr - a micro-blogging
platform and social
networking website
d. Web Page Creation
z
Encompasses a number of
important elements including
color, layout,
and overall graphical
appearance.
Examples Web Page Creation
z
Wix – a cloud-based web
development platform that
allows users to create
HTML5 websites and mobile
sites through the use of their
online drag and drop tools.
Examples Web Page Creation
z
Weebly – a web-hosting
service featuring a drag
and-drop website builder.
z
e. File Management
is the storing, naming,
sorting and handling
computer files
Examples of File Management
z
Zamzar – web application
to convert files
word2pdf – convert Word files to
PDF (Portable Document Format)
with this online tool
f. Mapping
z
A transformation taking the
points of one space into
the points of the same or
another space
Examples of Mapping
z
Google Maps – a desktop
web mapping service
developed by Google
z
CONTENT
MANAGEMENT
SYSTEM
Content
z Management System (CMS)
is a computer application (sometimes
online or browser-based) that allows
you to publish, edit and manipulate,
organize and delete web content. CMS
is used in blogs, news websites, and
shopping
Blogs
z
Is a discussion or informational
website published on the web
consisting of discrete, often informal
diary-style text entries (“posts”). Posts
are typically displayed in reverse
chronological order, so that the most
recent post appears first, at the top of
the web page
Examples of Blogging Sites:
z
WordPress (wordpress.com)
Blogger (blogger.com or
blogspot.com)
Blog.com
Medium.com
Squarespace.com
z
WEB DESIGN
PRINCIPLES
AND ELEMENTS
WEB DESIGN PRINCIPLES AND
z
ELEMENTS:
1. Consider the audience and goals.
2. It is advisable to plan the site on
paper first.
3. Strive for consistency
4. Provide a rich set of links within a
site.
WEB DESIGN PRINCIPLES AND
z
ELEMENTS:
5. Don't hide important
information.
6. Provide opportunities for
interaction.
7. Avoid text-only pages.
8.
. Don't sacrifice elegance
z
WEBSITE
TEMPLATE
Website Template
z
Or web template, is a pre-
designed webpage, simply by
adding your text and
customization to create your
desired web page. It is usually
built with HTML and CSS code.
Website Template
z
Or web template, is a pre-
designed webpage, simply by
adding your text and
customization to create your
desired web page. It is usually
built with HTML and CSS code.
z
Back in the day, you actually need
to learn HTML and CSS to be able
to create a decent website, but
today, we use a
WYSIWYG editor. It allows you to
create and design a web page
WYSIWYG
z
The acronym for “What You See ls
What You Get
This means that whatever everything
insert, draw, place, rearrange, and
everything you do on a page is what
the audience will see. It shows and
prints whatever you type on the screen.
z
Basic
Web Page
Creation
Creating a Website using Microsoft Word
z
1. Open Microsoft Word.
2. Type anything on the page
like “Hello World!”
3. Click on File > Save As >
Type any file name.
4. In the Save as Type, select
z
z
SEARCH ENGINE OPTIMIZATION
z
Or SEO
a feature that maximizes
the search engine
optimization feature so
visitors can easily locate
your website
z
END.
ANY QUESTIONS?
