4. Learning competencies
•Evaluate existing online creation tools,
platforms and applications in developing ICT
content for specific professional tracks.
•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.
04
10. Topic outline
• The nature and purposes of online platforms and
applications
• Different types of Online Platforms
• Presentation/Visualization
• Cloud Computing
• Social Media
• File Management
• Mapping
• Web Page Creation
• Basic web design principles and elements
010
11. The nature and purpose
of
Online platforms and applications
12. What is online platforms
•An online platform is a base of
technologies designed to run within an
online environment and provides
interactive online services.
012
13. What is online platforms
Online platforms currently include, but are not limited to:
•Presentation or Visualization
•Cloud Computing
•Social Media
•File Management
•Mapping
•Web Page Creation
013
14. Presentation/visualization
•Allows you to present and
share presentations,
infographics and videos with
other people.
•Use to communicate
information clearly and
efficiently.
014
15.
16. Cloud computing
•Simply called as “The cloud”
•Access anytime, anywhere.
•The practice of using a network of
remote servers hosted on the
internet.
•Instead of using your computer’s
hard drive, you store and access
your data and programs over the
Internet.
016
17. Advantages of Cloud
computing
•Back-up and restore data
•Improved collaboration
•Excellent accessibility
•Low maintenance cost
•Mobility
•IServices in the pay-per-use model
• Unlimited storage capacity
017
20. File management
•The storing, naming, sorting
and handling of computer
files
•Allows you to convert and
manage files without
downloading the software
tool.
22
21.
22. mapping
•A transformation taking the
points of one space into the
points of the same or another
space.
•Uses GPS to detect location
and used for navigation.
24
23. Group activity
•Choose any topic from today's lesson. Create a
Venn diagram showing similarities and
differences between them. Present it in front of
the class.
25
26. Online Creation Tools 28
•Slideshare – you can use this to upload
and share your professional videos and
slide presentations.
•Google Drive – you can use this to
backup your files in the cloud and
access them anywhere. You can also
use other applications of Google along
with Google Drive.
27. Online Creation Tools 29
•Tumblr – you can use this to share text,
photos, quotes, links, music, and videos
from your browser, phone, desktop, email
or wherever you happen to be. This is a
microblogging service that has recently
become a popular social media site.
•Wix – you can use this to create your web
site or mobile site.
28. Web Page Creation
•Encompasses a number of
important elements including color,
layout, and overall graphical
appearance.
•The platform does not require any
web programming skill as they
provide a drag and drop interface
and free hosting as well.
31
31. Web Templates and WYSIWYG Platforms
• WYSIWYG = “what you see is what you get”
• In this kind of platform, no coding skills are required. Instead, you
manipulate with design components using an editor window and get the
chance to choose what elements are placed on your page.
• Web templates are unique full page layout that contains generic
information which can be replaced by the users with their own personal
information.
Online Platforms as Tools for ICT Content Development
34
33. Basic web design principle
• PRINCIPLE #1 VISUAL LANGUAGE
• Color Scheme
• Focus of Content using Contrasting color
• Use of consistent font size and color
• Make important links or menus noticeable
• Use high quality pictures that follows the rule of third
• PRINCIPLE #2 BALANCE
• PRINCIPLE #3 PARADOX OF CHOICE
• “The more choices you provide, the easier for others to choose nothing.”
• Focus on Users need
• Design Sites for multiplatform and multiscreen
Online Platforms as Tools for ICT Content Development
36
34. Basic web design principle
• PRINCIPLE #4 FOCUS ON CONTENT
• Know the purpose of your web page so you could match the content with the
purpose.
• Include imageson your content not just pure text.
• Content should be spellchecked.
• Content should be organized.
• Content should be updated.
• Principle #5: Simplify
• Keep content simple.
• Use minimal animated graphics.
• Maintain a look and feel across all the web pages.
Online Platforms as Tools for ICT Content Development
37
35. BASIC WEB DESIGN ELEMENTS
ILLUSTRATIONS& STYLES
• Illustrations include lines, shapes, texture and color which are fundamental
elementsthatshould not be overlooked.
• Lines are used to organize, connect, and separate information and design
elements. Combined with shapes, color, and texture they give us a visual
grammar whichyou can useto communicate.
Online Platforms as Tools for ICT Content Development
38
36. BASIC WEB DESIGN ELEMENTS
LINKS
• Links are the most basic interface on web pages. Links should be
distinctive in color from other types of text in a webpage. Keep links and
regular text styled consistently to avoid users from thinking whether or
not the text is a link.
• Make sure your links are working.
Online Platforms as Tools for ICT Content Development
39
37. BASIC WEB DESIGN ELEMENTS
BUTTON AND MENUS
• Just like links, buttons and menus are also essential to web pages and they
too need consistent styles.
• Buttons and menus should be well-organized.
• Button labels and menus should be clear and easy to understand.
Online Platforms as Tools for ICT Content Development
40
38. BASIC WEB DESIGN ELEMENTS
IMAGES
• Images also aids in communicating your message to the viewers. Aside
from being used as fillers, images also helps in leaving a lasting first
impression.
• Use specific images that are related to your content so that it will draw
attention not only to the content but to your web page as a whole.
Online Platforms as Tools for ICT Content Development
41
collaborationThe term “online platform” has been used to describe a range of services available on the Internet including marketplaces, search engines, social media, creative content outlets, app stores, communications services, payment systems, services comprising the so-called “collaborative” or “gig” economy, and much more. It is also definedas a digital service that facilitates interactions between two or more distinct but interdependent sets of users (whether firms or individuals) who interact through the service via the Internet. (OECD 2019, chap. 2) Online application is also known as web application. Yourdictionary.com defines it is a computer application that is accessed via a web browser over a network.