Online Platforms

ONLINE
PLATFORMS
EMPOWERMENT TECHNOLOGIES
NATURE AND PURPOSES OF
ONLINE PLATFORMS
What is a Platform ?
-in computing, an operating system and computer hardware.
(by Techopedia)
-Follows set of standards
-enables software developers to develop software
applications
–a system that can be programmed and therefore
customized by outside developers-users. (by Marc
Andreessen)
THREE LEVELS OF
PLATFORM
Level 1 – Access API
- API means Application Programming
Interfaces.
- 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.
Level 2 – Plug-in API
- Has been used in end-user applications to
let developers build new functions that
can be injected or plugged into the core
system and UI.
- Best online example: Facebook
Level 3 – Runtime Environment
- Third-party application code actually runs
inside the platform-developer code is
uploaded and runs online, inside the core
system.
- Referred to as “Online Platforms”
WEB DESIGN PRINCIPLES
“Web design is a concept of

planning, creating and maintaining
websites.” by Cleverism
1. VISUAL HIERARCHY
-this explains the order in which human eye
perceives what it sees.
- Technique wherein the developer have to
distinguish the importance of every part of
your web page.
- Elements should be ranked according to its
importance and objectives
2. PROPORTION
-as the designer, you
should keep in mind the
proper division of the
contents of your web page
to avoid crowding the view.
- We can make use the
golden ratio and
Fibonacci
3. HICK’S LAW
-considered as a guideline for decision-making
in a viewer’s perspective.
-states that “with every additional choice,
the time required to make a decision
increases.”
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 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.
-make your own color palette and choose
contrasting colors.
6. VISIBLE LANGUAGE
-a web page design must communicate with
the users clearly and in an engaging manner.
-the principles for a successful visual
language: organize, economize, and
communicate.
7. WHITE SPACE AND
SIMPLE DESIGN
-white space helps divide the web page in
to several distinct parts that make it
simpler for the users to process
information.
TYPES OF LAYOUT
-Grid-based layout. Divided into columns, boxes
and different sections.
-F-pattern. The natural reading behavior
-Conventional designs. Conventional or

conservative designs still work well as far as
visitor response or likeability is concerned.
8. REGULAR TESTING
-Test Early and Test Often (TETO)
-conducting usability tests every now and
then provides important results and
insights for possible problems.
-Websites constantly need upgrades and
updates
WEB DESIGN ELEMENTS
-to come up with a good web design and an

effective visual and technical appeal of a
website, there are some elements that
must be considered
1. LINKS
• Normal. This is the default state of a link
• Visited. A link that is not being hovered over
but whose target has been visited by the user.
• Active. One that is currently being clicked by
the user
• Hover. Is what the link looks like when the
user moves the mouse over it.
2. FORMS
• Form Label. Forms typically
collect personal data that
users are reluctant to give
out.
• Input fields and labels. Plan
on how the input fields of
the form will be laid out on
the page
3. FORM VALIDATION
• This is the critical point where the website

communicates the user requirements and
errors in a form.
• Required Fields – all
required fields should
be indicated. This is
done usually with an
asterisk.
• Real-time Validation– this kind of validation
informs the user as quickly as possible of any
problems with the data they inputted.
• Post-back Validation- this kind of validation

happens after the user has submitted the
form.
4. STATUS MESSAGES:
ERRORS, WARNINGS, CONFIRMATION
• Users will usually need some sort of feedback

after performing an action on your website.
5. ANIMATIONS:
POP-UPS, TOOLTIPS, TRANSITIONS
• If animations are critical, it is best to provide

developers with a sample of how they should
work so that the product functions as it
should.
• Tooltips – those little pop-ups when user’s
mouse hovers over elements
• Image rotators – home page slide shows are

all the rage, and a wide range of options is
available for transitions and styles.
• Lightbox – you can style not only the lightbox
itself, but also the transition to it.
WEB PAGE DESIGN:
USING TEMPLATES AND ONLINE WYSIWYG PLATFORMS
-a web template is a ready-made design for your

website, including images, some navigation,
preferably several sample pages and in some cases
flash animations. (Wix and Weebly are free website
builders)
ADVANTAGES OF USING
TEMPLATES
1. You know how your finished site looks. You can choose
the template that appeals you.
2. Faster turnaround. You need to spend a lot of time on
getting the colors and layout right.
3. Templates are much cheaper than hiring a web
developer.
4. Templates look much better than sites developed in
traditional HTML programming.
5. Templates can be customized by anyone with basic
HTML knowledge.
WYSIWYG
- An acronym for “what you see is what you get”.
- Most WYSIWYG editors are installed in the
computer then it allows the developer to build and
preview the site.
- Adobe Dreamweaver, Rapidweaver, Microsoft
SharePoint Designer and WYSIWYG Web builder
are some examples of WYSIWYG editors.
ADVANTAGES OF USING
WYSIWYG EDITORS
1. It is great and fun. You can do it yourself.
2. It is a faster and easier to create web pages.
3. You can make changes to context(text or images) in
WYSIWYG editor.
4. WYSIWYG software runs on any windows computer.
5. You can also create background image on the fly.
ONLINE
TECHNOLOGIES
Online technologies also include presentation
programs, forms and file management that are
available over the internet.
According to TechTarget, cloud computing is a
term for the delivery of hosted services over
the internet.
THREE MAIN BENEFITS OF
CLOUD COMPUTING
1. Self-service provisioning -End users can spin up
computing resources for almost any type of
workload on-demand.
2. Elasticity- Companies can scale up as computing
needs increase and then scale down again as
demand decreases.
3. Pay-per-use - Measured at granular level
allowing users to pay for the resources and
workload they use.
PRESENTATION
-Prezi TOOLS
founded in 2009 by Peter Arvai, Peter
Halacsy and Adam Somlai-Fischer.
a presentation resource that features a
zoomable canvas unlike the box-type slides.
-Emaze
works similarly with prezi
CLOUD COMPUTING
AND MAPPING
A mind map is a concept of using diagrams for
representing tasks, words, concepts or items
linked to and arranged around a central concept
or subject.
MindMeister – an online mind mapping tool that
allows users to create, develop and share ideas
visually. It is for brain-storming, note taking,
project planning and other creative tasks.
Sibelius – is an online platform used for writing

music. A notation software that features a
magnetic layout and other tools good for music
compositions.
Google Forms- part of Google Drive, a tool
used for creating surveys, tests or web input
forms.
THANK YOU!
ORAYT!

Online Platforms

Uploaded by

Document Information

Original Description:

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Online Platforms

Uploaded by

Copyright:

Available Formats

ONLINE

“Web design is a concept of

-F-pattern. The natural reading behavior

-Conventional designs. Conventional or

-to come up with a good web design and an

• This is the critical point where the website

• Post-back Validation- this kind of validation

• Users will usually need some sort of feedback

• If animations are critical, it is best to provide

• Image rotators – home page slide shows are

-a web template is a ready-made design for your

Sibelius – is an online platform used for writing

You might also like