EMPOWERMENT

TECHNOLOGIES
Online Platforms for ICT
THE ICT TODAY
Content Development
(Collaborative ICT
Development)
 ONLINE PLATFORMS
AND APPLICATIONS
The term “platform” refers to a program
created by developers that can be modified
or reprogrammed by outside users also a
facility for programming/developing an
application tailored to the user’s
specifications.
Online platforms are online
websites created to aid users in
creating their web content and
cater different kinds of
information such as texts,
images, and videos.
 FORTRAN
- Formula Translating System
- First successful commercial
programming language compiler
-The direction of platform development
was altered and online platform
development gained popularity.
 PLATFORM CATEGORIES
The Application Programming Interface (API)
is a set of governing protocol or rules on how
software elements should communicate and
interact with another. Commonly, API is used
in developing GUI. This tool is incorporated
into the developed application to enable
certain functions.
 TYPES OF API
•Access API – runs in remote machine,
server, or a computer, and the application is
accessed remotely by a guest user
application to draw data and services. The
development of this type of API requires
financial capabilities and technical
capabilities.
• Plug-in API – most of the time, it is
used in the user end. Generally,
different developers create different
applications that can be integrated
or “plugged in” to a core application
and/or the GUI of these
applications.
• Runtime Environment API –
are platforms for developing
different applications, wherein
programs/application codes are
evaluated and compiled in the
said APIs.
 TYPES OF ONLINE PLATFORMS/TOOLS
1. Presentation/Visualization
You don't have to download an office suite to build
great-looking presentations for work, a talk, or school.
There are plenty of online options that work well from
any computer with a web browser, whether it's your
desktop, a PC at work, or a laptop on the go.

Examples: Prezi , Zoho, Slideshare, Mindmeister

2. Cloud Computing
Is the practice of using a network of remote
servers hosted on the Internet (or the “cloud”) to
store, manage, and process data, rather than a
local server or a personal computer.

Examples: Google Drive, Evernote, Dropbox,

iCloud, OneDrive
3. Social Media Platforms
Websites like Facebook allow you to create not
only personal accounts but also pages and
groups where you can share content.
Types of Social Media:
• Social networks •Media sharing
•Bookmarking sites •Microblogging
•Social news • Blogs and
forums
4. Website Creation
Website builders are tools that typically
allow the construction of websites without
manual code editing.

Examples: Wix, Weebly, Squarespace,

GoDaddy
5. File Management and Filetype
Conversion
Online file converters are now very accessible.
Whenever you need to perform some transformation
for your files, they can easily be achieved, saves you
time and give you the same results as well compared
to those software that you still need to install in your
computer.
Examples: Zamzar, word2pdf , Keepvid.com, Online-
convert.com, smallpdf
6. Mapping Tools
Web mapping is the process of using maps
delivered by geographic information systems. A
web map on the World Wide Web is both served
and consumed.

Examples: Google Maps, Wikimapia, Waze,

MapQuest, Here WeGo
7. Blogging Platforms
It typically looks like a newsletter where you
are given options to change the design to
your liking. Though you can manipulate the
design, social media platform’s popularity is
still unrivaled.
Examples: Blogger, WordPress, TypePad,
Tumblr
8. Content 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.
Examples: WordPress, Drupal, Joomla!
WYSIWYG in website design is an acronym
for “WHAT YOU SEE IS WHAT YOU GET”. It
is an application that is used create a website
either online or offline. This type of application
uses the capability of directly handling the
components of the website. This uses the
“drag and drop” method in order for users to
manipulate the elements/layout of the
website.
 WEB DESIGN PRINCIPLES AND
ELEMENTS
To create an effective Website or Webpage, the
designer must instill a number of pointers. The
designer should also make it eye-catching. The
website should make the visitors curious so that
the information presented on the site is widely
1. Purpose - A Web site can be categorized
primarily in terms of the goal it aims to fulfill. Web
sites can be categorized into different types and
functions depending on the purpose they serve
the user or audience. In creating a Web page, the
designer should define first the purpose of the
Web page to determine the theme of the site. This
will help the developer create a more organized
and relevant site.
2. Communication - the primary objective is
to absorb as much valuable information as
possible in the shortest amount of time. Thus, the
information or text on a Web site should be
concise and direct to the point. The arrangement
of the text should be organized in a manner that
would entice readers. To effectively apply this, use
headings, subheadings, or bullets. Outlining will
also avoid long fuzzy sentences.
3. Typefaces -considered the
most dominant and noticeable in
terms of visuals. Typeface deals with
text format, text style, and text. The
appearance of texts can greatly
contribute to the perception of the
visitors to the Web site.
4. Colors - These enhance the
experience of visitors of the Web
site. The appropriate combination of
the foreground color and background
color can produce a better viewing
experience not only in the images
and pictures but also in the texts.
5. Images - Images alone placed on the Web
site can deliver a complete message that the Web
site wishes to communicate to the audience.
Choosing the correct images can connect the Web
site to viewers or the audience effectively. The
most commonly used images are infographics.
Images with proper balance, color, and contrast
accompanied by texts can deliver great impact
and information to the audience.
6. Navigation – refers to the
facility that the audience can use to
go through the website and its
subpages. The three-click rule
should be followed, wherein the user
should find the prospect information
within three mouse clicks.
7. Layouts - refers to the physical arrangement
of the content and elements on Web site. Various
way of an effective layout are determined by the
creator or developer.

a. Grid – enables user to create

sections/groups of related information. Information
can be arranged in columns and group of boxes
that can be placed anywhere on the website.
b. F-Pattern - Based on studies,
human vision flows like the letter F. This
means that humans tend to look heavily
at the left side of a visual material more
than the right side. As Web site
developers, this can be capitalized by
placing more information at the top and
left part of screen.
c. Mobile - The display devices
vary depending on the system an
individual uses. The developer then
should consider the layout for mobile
and work stations. To achieve this
objective, the developer must limit
the elements as much as possible.
8. Loadtime - Another basis for the success of a
Web site is the time that the Web site will load or
appear onto the viewers' display device. Nowadays,
people demand information at a very fast pace. If the
Web site takes some time to load, most especially if
there are too much content, the user will most likely
search for another source. It is best to minimize the
elements in a Web page and remove the elements that
are not important in delivering the information. Another
method is to optimize the size and resolution of the
images.
Members of a Web
Development Team
1. Project Manager
• Leader of the group.
• Synchronizes and supervises the group.
• Sets the goals and expectations for each
individual involved in the project.
• Sets realistic deadlines for each individual
• Ensures constant communication with every
individual of the team, checking the hurdles and
issues that they may encounter.
2. Web Strategist
• Plans the approach or method to be
done.
• Plans every step that the team should do
in phases or stages of the development.
• Determines the goals that the project
manager sets/gives.
• Defines and plans the structures and
arrangement of the Website.
3. Content Specialist
• Sometimes an experienced
writer and has knowledge on
how to catch the attention of
readers
4. Web Designer
• In charge of the visual presentation of
the web site.
• Goal is to catch the attention of the
target audience using attractive visual design
and layout.
• Specialist in stringing colors and shapes
that can bring the imagination of the viewers to
life.
5. Developer (a.k.a Programmer)
• Takes into account all of the outputs of
the content specialist and web designer.
• Essentially will make the website come to
life with the pointers given by the web designer and
content specialist.
• Assures the program will run and perform
the expected functions of each component.
6. Inbound Marketer
• Responsible for the success of the
website pertaining to its popularity.
• Uses different strategies such as
blogs, social media, and ads to promote
the website.