Empowerment &
Technologies
FINALS
ARE YOU
READY TO
LISTEN??
THE NATURE AND PURPOSE
OF ONLINE PLATFORMS AND
APPLICATIONS
LESSON OBJECTIVES:
To evaluate existing online creation tools,
platforms and applications in developing ICT
content for specific professional tracks.
To apply web design principles and elements using
online creation tools, platforms, and applications
to communicate a message for a specific purpose
in specific professional tracks.
Social Media VS Online Platform
WHAT ARE T H E S E ? ? ?
WHAT IS ONLINE PLATFORM??
The t e r m “ online p l a t f o r m ” has been used to
d e s c r i b e a r a n g e of s e r v i c e s available on the
Internet including marketplaces, s e a r c h
engines, social media, cr eat i v e content
outlets, app stores, communi cat i on s services,
payment systems, s e r v i c e s c o m p r i s i n g the so-
called “collaborative” o r “gig” economy, and
m u c h more.
What is an API?
TYPES OF WEBSITE:
Level 1- A c c e s s API
Level 2 - Plug-in API
Level 3 - R u n t i m e E n v i r o n m e n t
WEB DESIGN PRINCIPLES
Visual Hierarchy
Proportion
Hicks Law
Fitts’ Law
Accessibility
Visible Language
White Space and Simple Design
Regular Testing
WEB DESIGN ELEMENTS
Links (Normal, Visited, Active, Hover)
F o r m s (Form Label, Input Fields)
F o r m Validation (Required Fields, Real-time
Validation, Post-back Validation)
Status Messages: E r r o r s , Warnings, Confirmation
Animations: Pop-ups, Tooltips, Transition
(Tooltips, Image R o t a t o r s o r Sliders, Lightbox)
WEB DESIGN ELEMENTS
Links (Normal, Visited, Active, Hover)
WEB PAGE DESIGN: USING TEMPLATES AND
ONLINE WYSIWYG PLATFORMS
WEB TEMPLATES
T h e s e a r e unique full p a g e layout t h a t c o n ta i n s g e n e r i c
i n f o r m a ti o n w h i c h c a n b e r e p l a c e s by th e u s e r s with t h e i r
o w n p e r s o n a l informati on
WYSIWYG ( p r o n o u n c e d a s “wiz-ee-wig”)
“ w h a t you s e e is w h a t you get”
No c o d i n g skills a r e r e q u i r e d h e r e . Instead, you manipulate
with design c o m p o n e n t s using a n e d i t o r w i n d o w a n d g e t th e
c h a n c e to c h o o s e w h a t e l e m e n t s a r e on y o u r p a g e
ONLINE TECHNOLOGIES
Prezi Emaze
CLOUD COMPUTING 3 MAPPING
MindMeister Sibelius
CLOUD COMPUTING 3 MAPPING
Google F o r m s Cloud Architect
ANY
QUESTION??
“Share your thoughts”
Wheœ to answer?
- In a 'lb cœsswise
- limit your answer to five sentences only
1. Among the online platforms presenteil, w'hich
platform do you find most useful on a personal ț
level? Please elaborate.
2. If you were to create a website in the future,
what topic would you choose to share with
others, and why?
Callo, E. R. (2023). Science in Today's World for Senior High School:
Empowerment Technologies. Sibs Publishing House, Inc.
