Online Tools for Content

Development
Online Platforms and Applications

 The term “platform” refers to a

program created by developers that
can be modified or reprogrammed
by outside users.
 It is a facility for programming or
developing an application tailored
to user’s specifications
Online Platforms

 Are online Web sites created to aid users

in creating their Web content and cater
to different kinds of information such as
texts, images, and videos.
 Another unique feature of online
platforms is the ability to program, modify
and access the application remotely
using the internet.
Formula Translating System
(FORTRAN)

 The first successful commercial

programming language compiler,
helped human give instructions and
interact with computers without
altering the hardware component of
the computer.
 Sincethen, programming advanced
and gained popularity altogether.
 FORTRAN and its successors
operated offline or without
connectivity with other computing
devices.
Platform Categories

The Application Programming

Interface (API)
 is a set of governing protocol or
rules on how software elements
should communicate and interact
with one another.
 commonly, API is used in
developing the GUI
this tool is incorporated into the
developed application to
enable certain functions.
API Types and their Functions

1. Access API
- this type of API runs in a remote
machine, server, or a computer, and
the application is accessed remotely
by a guest user application to draw
data and services.
 - Creation of application is left to the
host of the said API, as well as the
maintenance, the continuous running, and
the standby of API waiting for the users to
access it.
- The development of this type of API
requires financial capabilities and
technical capabilities.
2. Plug-in API

- most of the time, this API 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.
typical examples are the plug-in
programs for Web browsers that
enable different functions such
as applications for playing video
clips and video games.
3. Runtime Environment

- these API are platforms for

developing different
applications, wherein programs
or application codes are
evaluated and compiled in the
said APIs.
 the application codes are uploaded
or injected into the API and the API
will test and run the application
code. Most of the time, this API is
hosted in a remote area and
requires the services of the internet.
For Web site developers and bloggers, plug-in APIs
are the most popular because they are simple and
easy to integrate.
The convenience of having different APIs running on
a Web site offers viewers or users of these Web sites
the ability to easily access different online services
integrated in one facility.
Common Web sites that use plug-in
APIs

1. YouTube
- Is a Web site dedicated to hosting
video clips. Users can create an account
on YouTube and upload videos for public
and private viewing. Most of the Web sites
integrated videos into another developing
Web sites.
 Tocapitalized this Web site, an API
tool is created to enable developers
to embed the YouTube video player
and play any YouTube content on
their Web sites.
Reflect upon: ½ crosswise COPY AND
ANSWER!

1. YouTube is an online video sharing

platform that has millions of users
worldwide. Based on everything you
have seen and heard about YouTube,
why is it important to evaluate
YouTube videos before embedding
them on your Web site?
2. Flickr

- Is a Web site that caters to the hosting of

images. Users of the site create a private
account wherein they can upload images
and categorize the images to whether they
are viewed privately by the uploader or by
the public.
 an API is created to enable a Web
site developer to embed or use
images on Flickr.
 Also, the image slide player API of
Flickr can further organize the
presentation of images in a slide
show fashion.
3. Twitter

- is a social networking service that

enables users to send and read short
messages within 140 characters. These
short messages are called “tweets”.
Twitter APIs are used by developers to
embed Twitter functions in developing
Web sites.
 - commonly, in using Twitter API, users
can find a facility to create messages and
tweet those messages.
- furthermore, there are Web sites using
Twitter API to display information or
messages from a certain user commonly
governing those Twitter accounts.
4. Facebook

 isa social networking Web site that

requires the user to register an
account and create a user profile. A
profile contains the information about
the owner of the account such as his
or her birthday, location, work and
education.
 - different users can then connect
with one another by adding them as
“friends”. On this Web site users, are
also capable of posting information
on their “wall” or the page that
contains users’ information.
 also,
users can post images, videos
and Web site links on their wall.
Facebook APIs are used to connect
an individual’s wall or an
organization’s Facebook services
connected to a Facebook account.
5. Google Maps

- are one of the most APIs by

Web site developers. Commonly,
Google Maps APIs are used to
indicate a location of an
establishment described on a
Web site.
-these APIs enable the developers
to display an accurate map
depicting the satellite views or the
actual appearance and layout of
roads and buildings in a particular
area.
Reflect upon ½ Copy and Answer!!!!

2. In your opinion, how can these

online platforms be use in raising
awareness of important societal and
environmental issues for the people?
Web Design Principles and Elements

 Tocreate an effective Web site or Web

page, the designer of the Web site must
instill a number of pointers.
 The
designer should also make the Web site
eye-catching.
 TheWeb site should make site visitors curious
so that the information presented on the
Web site is widely disseminated.
Factors that greatly contribute to
this goal.

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.
 - Web site visitors may want to look for
information, be entertained, play games,
socialize, or transact business.
- 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

- an essential factor for Web site design

because this is considered the most
dominant and noticeable in terms of
visuals.
- deals with text format, text style and
text. The appearance of the text can
greatly contribute to the perception of the
visitors to the Web site.
 -Academic Web sites will use simple
typefaces, whereas those that deal
with entertainment will use fancy and
artistic typefaces.
4. Colors

- these enhance the experience of

visitors of the Web site. The
appropriate combination of the
foreground color and the background
color can produce a better viewing
experience not only in the images and
pictures but also in the texts.
 - can introduce a mood or make the
Web site lively and enticing for viewers.
- can also introduce the perception of a
modern or classic look on the Web site.
Border colors of images or button colors
can define the mood that the Web site
reflects.
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 text
can deliver great impact and information
to the audience.
- the ratio of the size of the image with
respect to the Web page and text can also
contribute to its impact on the site visitors.
6. Navigation

- refers to the facility that the

audience can use to go through the
Web site and its subpages.
- There are several ways on how to
create an effective and good
navigation system on a Web site.
• Hierarchical organization of information- so
that users can logically anticipate the
location of information
• Placing buttons or links to direct the
audience to a specific page location on the
Web site.
• The use of search bars to enable the
audience to type key words and phrases
Whatever method is chosen for
navigation, the three-click rule
should be followed, wherein the
users should find the prospect
information within three mouse
clicks.
7. Layout

- refers to the physical arrangement of the

content and elements on a Web site. There
are various ways on how to do an effective
layout Web site, and typically these ways are
determined by the creator or developer.
- there are categories that classify a layout
that will guide the users with suitable layout for
their target audience.
• Grid

- without direction or organization,

placing the content of the Web site
will mostly appear chaotic. Grid
layouts can be useful because they
will enable the user to create sections
or groups of related information.
 - another is that the information can
be arranged in columns and group
boxes that can be placed anywhere
on the Web site. This will help in
creating an eye-soothing
arrangement of text and photos.
• F-Pattern

- based on studies, human vision

flows like the letter F. This means that
humans tend to look at the left side of
a visual material more than the right
side. Furthermore, humans tend to
look at the upper portion than the
lower point of the visual material.
 -thus, the pattern is similar to the
letter F. As Web site developers,
this can be capitalized by placing
more information at the top and
left part of the screen.
• Mobile

-the popularity of using mobile

devices in viewing a Web content
is increasing. This is because of the
portability and convenience
brought about by mobile devices
to its users.
 - the display devices vary depending on
the system an individual uses. The
developer then should consider the layout
for mobile and work stations.
- a desktop computer’s display is usually
bigger than mobile displays, and because
of this, the content should be accessible for
both devices.
 - there are ways to achieve this
objective, and one of which is to limit the
elements as much as possible.
- it is also reasonable to place the
majority of the Web site elements,
especially the important ones, at the
middle of the Web page.
8. Load Time

- 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.
 - its 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 the resolution of the images.
½ Crosswise
What I have learned so far?

As a netizen, which factor in

Web site design catches
your attention the most?