Scribd
Upload
12 views62 pages

Week 4 Online Platforms

The document discusses online platforms and provides definitions and levels of online platforms. It covers web design principles, elements, using templates, and cloud computing and mapping. The first website was created by Tim Berners-Lee at CERN in Geneva in 1990. Platforms are underlying systems that allow applications to run and are the base for other technologies. There are different levels of online platforms including access APIs, plugin APIs, and runtime environments.

Uploaded by

jessa mae bagay arzaga
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
12 views62 pages

Week 4 Online Platforms

The document discusses online platforms and provides definitions and levels of online platforms. It covers web design principles, elements, using templates, and cloud computing and mapping. The first website was created by Tim Berners-Lee at CERN in Geneva in 1990. Platforms are underlying systems that allow applications to run and are the base for other technologies. There are different levels of online platforms including access APIs, plugin APIs, and runtime environments.

Uploaded by

jessa mae bagay arzaga
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 62

Online

Platforms

Here is where your


presentation begins
Table of
contents

01 03 05
Definition Web Design Using
Principles Templates

02 04 06
Levels of Web Design Cloud
Platforms Elements Computing
and Mapping
The First Website
• The first website
GLIMPSE OF was created by
Tim Berners-Lee,
who was then a
HISTORY computer scientist
at European
Organization For
Nuclear Research
(CERN) in
Geneva

• info.cern.ch
Breaking Down the
Definition

OPERATING SYSTEMS like


hardware/software used to
WINDOWS or MAC
host an application or service
COMMON ONLINE
PLATFORMS
01.
Definitions
Platform
an underlying system on
which application
programs can run any
base of technologies on
which other technologies
or processes are built.
02.
Levels of
Platform
Levels of Online
Platforms

Access API Plugin API Runtime


Environment
APPLICATION
PROGRAMMING
INTERFACE
API
Software
intermediary -
messenger linking
user to server
How does API
Work?

Component 1 Component 2 Component 3 Component 4

User App/Website Data System


How does API
Work?

User API System

Customer Waiter Kitchen


Developer's application code
lives outside the platform

Access API
Building and running is left
entirely to the developer
(programming language,
database, servers, storage,
networking, security, etc)
Access API
Developers build new functions
that can be plugged in to the
core system (platform itself) and
user interface

Plugin API
Third party application codes
run inside the platform
(developer code is uploaded and
runs online inside the platform
itself)
Runtime Environment
03.
Web Design
Principles
Concept of
planning,
creating and
maintaining
websites
process of creatively
designing and
constructing a
website and updating
it regularly to
incorporate changes
Visual Hierarchy

elements should be ranked


according to importance
and objectives
Proportion

use of golden ratio


(dividing width by 1.618)
Hick's
Law

reduce number of choices


for better user experience
Fitts'
Law

the larger the object/target


and the shorter the distance,
the easier it would be to move
it or reach it
Accessibility

user must be able to access


each bit of info in the easiest
manner
Visible Language

design must be clear,


consistent, economical
Whitespace/
Simple Design

makes processig of
information simpler
Regular
Testing

Test Early, Test Often (TETO


04.
Web Design
Elements
Call to Action

means to gain
clientele/regular visitors
Contact Us Page
About Us Page
Search Option
Footer
05.
Using Templates
ready-made
design for your
website,
including images,
some navigation,
sample pages
Advantages of Web
Templates

You know how Faster Much cheaper


your finished turnaround
site looks.

Look much Can be


better than customized by
traditional anyone
HTML
06.
Cloud
Computing
and Mapping
CLOUD
COMPUTING -
delivery of
services over the
internet
DROPBOX
IBM Cloud
Google Cloud
Google Drives
iCloud
MIND
MAPPING -
graphical ways of
representing
ideas and
concepts
(frameworks/
diagrams)
Thanks!
CREDITS: This presentation template was created
by Slidesgo, including icons by Flaticon, and
infographics & images by Freepik

“Please keep this slide for attribution”

You might also like