ONLINE

PLATFORMS
Empowerment Tech Sir Jerwin Velasquez
Glimpse of History
The first website on the World Wide
Web was created by Tim Berners-Lee,
who was then a computer scientist at
European Organization for Nuclear
Research (CERN) in Geneva.

It first went live in August 1991. The site

explained the concept and history of the
web, provided links to all “the world’s
online information,” and outlined the
process by which people could improve
and expand the web.

The first website: info.cern.ch

Nature and Purposes
of Online Platforms

Techopedia defines “platform” in

computing as the operating system
and computer hardware. It follows a
set of standards that enables
software developers to develop
software applications for the
platform.
A platform has three-levels:
Level 1 - Access API
Level 2 - Plug-in API
Level 3 - Runtime Environment
 Level 1:
Access API
API means Application
Programming Interfaces. It is the
most common type of internet
platform. The apps on this level run
elsewhere and call into the platform
via web services API to draw on
data and services. On this level, the
processes of building and running
the application itself is solely done
by a developer
 Level 2:
Plug-in API

This is the kind of platform approach

that, historically, has been used in end-
user applications to let developers build
new functions that can be injected or
plugged into the core system and its user
interface.
 Level 3:
Runtime Environment
In a level 3 platform, the huge
difference is that the third-party
application code actually runs inside
the platform--developer code is
uploaded and runs online, inside the
core system. For this reason, Level 3
platform, referred to as “online
platforms” in casual conversation is
most favorable.
 Web Design
Principles
According to Cleverism, “Web
design is a concept of planning,
creating, and maintaining
websites.” It is the process of
creatively designing and
constructing a website and
updating it regularly to
incorporate changes.
1. Visual Hierarchy
This explains the order in which
human eye perceives what it sees.
This is a technique wherein, as the
developer, you have to distinguish
the importance of every part of your
web page. Elements should be
ranked according to its importance
and your objectives. It can be shown
through the use of varying sizes and
amount of content.
2. Proportion

You can make use of the golden

ration, a magical number
approximately equal to 1.618 that
makes all things proportioned so as
to make a design aesthetically
pleasing.
THE GOLDEN
RATIO
3. Hick’s Law
This law can be considered as a guideline
for decision-making in a viewer’s
perspective.
Hick’s law states that “with every
additional choice, the time required to
make a decision increases.” This law
does not only hold true for web design
but also in a number of other situations
and settings. This means that we need to
reduce the number of choices in order to
provide a better user experience.
4. Fitts’ Law
According to this law, the time
needed to move to a target is
dependent upon the size of the
target as well as the distance to the
target. This means that the larger
the object or target and the shorter
the distance, the easier would it be
to move it or reach it.
5. Accessibility
When a visitor enters the website,
he or she must be able to access
each bit of information in the easiest
manner. Typefaces must be readable
to all and is not too fancy for some
to access or understand. Make your
own color palette and choose
contrasting colors for the
background and written content so
that it can be easily read.
6. Visual Language

A web page design should

communicate with the users
clearly and in an engaging
manner. The following are
principles for a successful
visual language: organize,
economize, and
communicate.
7. White Space

White space helps divide

the web page into several
distinct parts or areas that
make it simpler for the
users to process
information.
 SIMPLE DESIGNS
Grid-based layout.
The content of this
layout is divided
into columns,
boxes, and
different sections.
SIMPLE DESIGNS
F-pattern design. Design a web page or website
in a way that complements the natural reading
behavior of the
visitors like the
"F-pattern."
8. Regular Testing
Test Early and Test Often, or TETO, is
another web design principle that all
designers and website owners must
consider. Conducting usability tests
every now and then provides important
results and insights into many kinds of
problems and complications related to a
website layout or aspects of design.
Websites constantly need upgrades and
updates to maintain the visitor
customer's interests and trends.
WEB DESIGN
ELEMENTS
 1. Links
Links (or hyperlinks) are clickable
elements that allow users to navigate
between different pages or sections of a
website or to external websites.

Internal Links: Navigate within the

same website (e.g., from one page to
another).
External Links: Direct users to an
external website.
Anchor Links: Navigate to specific
sections within the same page.
2. Forms

Forms are interactive elements where users can

input and submit data, typically used for tasks like
signing up, logging in, or providing feedback.

Form Label: Forms typically collect personal

data that users are reluctant to give out. As
such, properly informing users of the exact
purpose of the form is wise.
Input fields and labels: Plan on how the input
fields of the form will be laid out on the page
and how the labels for those fields will be
styled and oriented relative to the fields.
3. Form Validation

Form validation ensures that the

data entered by users is correct and
meets the required format before
the form is submitted. Three core
things to consider:
Required Fields
Real-time validation
Post-back validation
4. Status Messages

Errors, Warnings, Confirmation:

Status messages provide feedback
to users about the results of their
interactions, indicating whether
actions are successful or if there are
issues.
5. Animations: Pop-ups,
Tooltips, Transitions

Animations enhance the

user experience by adding
motion and interaction to
elements, making interfaces
more engaging and guiding
user attention.
Careers in relation to Web Design
Web Web SEO E-Commerce
Designer Developer Specialist Specialist

Web designers focus Web developers SEO (Search Engine E-commerce specialists
on creating the visual handle the technical Optimization) manage online stores,
aspects of a website, side of websites, specialists work to optimizing product
including layout, color ensuring they function improve a website’s listings, handling
schemes, typography, smoothly. They may visibility on search transactions, and
and imagery. specialize in front-end, engines, driving improving user
back-end, or full-stack organic traffic through experiences on e-
Salary Range: development. content optimization. commerce platforms.
₱21,500 - ₱151,650/mo
Salary Range:
Salary Range: Salary Range:
₱30,000 - ₱80,000/mo
₱21,500 - ₱151,650/mo ₱25,000 - ₱60,000/mo
 Assignment No. 1
To prepare for our next lesson. In a short bond paper, search and
answer the following questions in at least 3-5 sentences:

1. How would you describe an online environment? Give at least

three indicators.
2. Differentiate Web 2.0 and Web 3.0
3. Using a graphic organizer, give the different types of Multimedia
according to their uses.