LESSON 7:
Online Platforms
for ICT Content
Development
ACO
Online Platform
• technologies that are grouped to be used as a base
upon which other applications processes or technologies are
developed.
Examples of Online Platform
PRESENTATION/ WEB PAGE CREATION
VISUALIZATION
CLOUD COMPUTING FILE MANAGEMENT
SOCIAL MEDIA MAPPING
Presentation / Visualization
• communicates information clearly and efficiently via
statistical graphics, plots and information graphics.
EXAMPLES OF PRESENTATION/VISUALIZATION
Prezi Zoho
– helping to reinvent the art – an online project management app
of presentation. that helps you plan your work and
keep track of your progress.
EXAMPLES OF PRESENTATION/VISUALIZATION
SlideShare MindMeister
– to build quickly from – an online mind-mapping tool that
concise, well-presented lets you capture, develop and share
content from top experts. ideas visually.
Cloud Computing
-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
Google Drive Dropbox
– keep all work in one – keeps your files safe, synced, and
secure place with online file easy to share.
storage.
Social Media
-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
Twitter Facebook
– online social networking – for-profit corporation and online
service that enables users social networking service.
to send and read short
140- character messages
called “tweets”.
EXAMPLES OF SOCIAL MEDIA
Tumblr
– a micro-blogging platform and social networking website.
Web Page Creation
-encompasses a number of important elements including
color, layout, and overall graphical appearance.
EXAMPLES OF WEB PAGE CREATION
Wix Weebly
– a cloud-based web – a web-hosting service featuring a
development platform that dragand-drop website builder.
allows users to create
HTML5 websites and
mobile sites through the
use of their online drag and
drop tools.
File Management
-the storing, naming, sorting and handling computer files.
EXAMPLES OF FILE MANAGEMENT
Zamzar word2pdf
– web application to – convert Word files to PDF (Portable
convert files. Document Format) with this online
tool.
Mapping
- a transformation taking the points of one space into the
points of the same or another space.
EXAMPLES OF MAPPING
Google Maps
– a desktop web mapping service developed by Google.
CONTENT MANAGEMENT SYSTEM
(CMS)
-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
- 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
WordPress (wordpress.com) Medium.com
Blogger (blogger.com or Squarespace.com
blogspot.com)
Blog.com
WEB DESIGN
PRINCIPLES AND
ELEMENTS
WEB DESIGN PRINCIPLES AND
ELEMENTS:
1. Consider the audience and goals.
2. 2. It is advisable to plan the site on paper first.
3. 3. Strive for consistency
WEB DESIGN PRINCIPLES AND
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.
WEBSITE
TEMPLATE
Website Template
• or web template, is a predesigned 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
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
without any coding knowledge.
WYSIWYG
• the acronym for “What You See Is What You Get”
• this means that whatever you type, 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.
Basic Web Page
Creation
Creating a Website using Microsoft
Word
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 “Web page (*.htm, *.html)”.
SEARCH ENGINE
OPTIMIZATION
SEARCH ENGINE OPTIMIZATION
• or SEO
• a feature that maximizes the search engine optimization
feature so visitors can easily locate your website.
THANKS!
Any questions?
You can find me at
▰ I’m@nowhere
▰ please@dont-mail.me
ACO
