ºÝºÝߣ

ºÝºÝߣShare a Scribd company logo
PREPARED BY: MS. LEAH AMOR T. MAYO
Online
PLatforms as
Tools
for ICT Content Development
? Presentation/Visualization
? Cloud Computing
? Social Media
? File Management
? Mapping
? Web Page Creation
? Basic web design
principles and elements
Different types of Online
Platforms
The nature and
purpose
of Online Platforms
and Application
? Online platforms
currently include, but
are not limited to:
? Presentation or
Visualization
? Cloud Computing
? Social Media
? File Management
? Mapping
? Web Page Creation
? An online platform is
a base of technologies
designed to run within
an online environment
and provides
interactive online
services.
What is Online
Platforms ?
Allows you to present and
share presentations,
infographics and videos with
other people.
Use to communicate
information clearly and
efficiently
Presentation/
Visualization
ONLINE PLATFORMS AS TOOLS
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.
ONLINE PLATFORMS AS TOOLS
?Computer-mediated tools that
allow large group of people to
create, share or exchange
information, interest and
?The information shared can in the
form of ideas, pictures, videos or
anything that you want to create and
share to virtual communities.
Social Media
ONLINE PLATFORMS AS TOOLS
? The storing, naming,
sorting and handling of
computer files
? Allows you to convert
and manage files without
downloading the
software tool.
File
Management
ONLINE PLATFORMS AS TOOLS
? 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.
Mapping
ONLINE PLATFORMS AS TOOLS
? Encompasses a number of
important elements including
color, layout, and overall
graphical appearance.
? The platform does not
requireany web programming
skill they provide a drag and
drop interface and free hosting
as well.
Web Page
Creation
ONLINE PLATFORMS AS TOOLS
WEB
TEMPLATES
AND
WYSIWYG PLATFORMS
?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 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.
Web Templates and
WYSIWYG Platforms
WYSIWYG = " what you see is what you get "
BASIC WEB
DESIGN
Principles and
Elements
BASIC WEB
DESIGN
PRINCIPLE
? 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
01
BASIC WEB
DESIGN
PRINCIPLE
BALANCE
02
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
03
? FOCUS ON CONTENT
? Know the purpose of your web page so you
could match the content with the purpose.
? Include images on your content not just pure
text.
? Content should be spellchecked.
? Content should be organized.
? Content should be updated.
04
SIMPLIFY
? Keep content simple.
? Use minimal animated
graphics.
? Maintain a look and feel
across all the web pages.
05
?Lines are used to organize,
connect, and separate
information and design
elements. Combined with
shapes, color, and texture they
us a visual grammar which you
can use to communicate.
BASIC WEB
DESIGNING
ELEMENTS
ILLUSTRATIONS & STYLES
? Illustrations include lines,
shapes, texture and color
which are fundamental
elements that should not be
overlooked.
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.
BASIC WEB
DESIGNING
ELEMENTS
? Buttons and menus should be
well-organized.
? Button labels and menus
should be clear and easy to
understand.
BUTTON AND MENUS
? Just like links, buttons and
menus are also essential to web
pages and they too need
consistent styles.
BASIC WEB
DESIGNING
ELEMENTS
?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.
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.
BASIC WEB
DESIGNING
ELEMENTS
ONLINE
CREATION
TOOLS
?ºÝºÝߣshare ¨Cyou
can use this to
upload and share
your professional
videos and slide
presentations.
Google Drive ¨C 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
?Tumblr ¨C you can use this
to share text, photos,
quotes, 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 ¨C you can
use this to
create your web
site or mobile
site.
Google
Application
Bundle and useful
apps
?Search ¨C is a web search engine of
Google that allows you to find
anything you can think of.
?Maps ¨C is a desktop web mapping
service of Google that provides
information about geographical
areas around the world.
? YouTube - is a video-sharing
website of Google.
Google Apps
?Play - is the official app store of Google for Android
smartphones and tablets.
?News - is a computer-generated news site of Google
whose news aggregated from sources all over the world.
?Gmail - is a free, advertising-supported email service
provided by Google.
?Calendar - is a time-management web application
mobile app by Google.
Google Apps
? Google+ - is an interest-based social
network by Google.
?Translate - is a multilingual service
provided by Google to translate text,
speech, images, or real-time video from
one language into another.
?Photos - is the newest app of Google which
provides a photograph and video sharing
and storage service for Google users.
Google Apps
Google File
Creation
Word,
Spreadsheet,
Presentation
? Google Docs is a web
word processing
application of Google
which allows you to create
web-based documents
with its smart editing and
styling tools.
Google File
Creation
? Google Sheets is a web
spreadsheet application of
Google.
Google File
Creation
? Google ºÝºÝߣs is a web
presentation application of
Google.
Google File
Creation
Thankyou for
Listening!

More Related Content

ONLINE PLATFORMS AS TOOLS

  • 1. PREPARED BY: MS. LEAH AMOR T. MAYO
  • 2. Online PLatforms as Tools for ICT Content Development
  • 3. ? Presentation/Visualization ? Cloud Computing ? Social Media ? File Management ? Mapping ? Web Page Creation ? Basic web design principles and elements Different types of Online Platforms
  • 4. The nature and purpose of Online Platforms and Application
  • 5. ? Online platforms currently include, but are not limited to: ? Presentation or Visualization ? Cloud Computing ? Social Media ? File Management ? Mapping ? Web Page Creation ? An online platform is a base of technologies designed to run within an online environment and provides interactive online services. What is Online Platforms ?
  • 6. Allows you to present and share presentations, infographics and videos with other people. Use to communicate information clearly and efficiently Presentation/ Visualization
  • 8. 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.
  • 10. ?Computer-mediated tools that allow large group of people to create, share or exchange information, interest and ?The information shared can in the form of ideas, pictures, videos or anything that you want to create and share to virtual communities. Social Media
  • 12. ? The storing, naming, sorting and handling of computer files ? Allows you to convert and manage files without downloading the software tool. File Management
  • 14. ? 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. Mapping
  • 16. ? Encompasses a number of important elements including color, layout, and overall graphical appearance. ? The platform does not requireany web programming skill they provide a drag and drop interface and free hosting as well. Web Page Creation
  • 19. ?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 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. Web Templates and WYSIWYG Platforms WYSIWYG = " what you see is what you get "
  • 21. BASIC WEB DESIGN PRINCIPLE ? 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 01
  • 22. BASIC WEB DESIGN PRINCIPLE BALANCE 02 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 03
  • 23. ? FOCUS ON CONTENT ? Know the purpose of your web page so you could match the content with the purpose. ? Include images on your content not just pure text. ? Content should be spellchecked. ? Content should be organized. ? Content should be updated. 04 SIMPLIFY ? Keep content simple. ? Use minimal animated graphics. ? Maintain a look and feel across all the web pages. 05
  • 24. ?Lines are used to organize, connect, and separate information and design elements. Combined with shapes, color, and texture they us a visual grammar which you can use to communicate. BASIC WEB DESIGNING ELEMENTS ILLUSTRATIONS & STYLES ? Illustrations include lines, shapes, texture and color which are fundamental elements that should not be overlooked.
  • 25. 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. BASIC WEB DESIGNING ELEMENTS
  • 26. ? Buttons and menus should be well-organized. ? Button labels and menus should be clear and easy to understand. BUTTON AND MENUS ? Just like links, buttons and menus are also essential to web pages and they too need consistent styles. BASIC WEB DESIGNING ELEMENTS
  • 27. ?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. 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. BASIC WEB DESIGNING ELEMENTS
  • 29. ?ºÝºÝߣshare ¨Cyou can use this to upload and share your professional videos and slide presentations.
  • 30. Google Drive ¨C 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
  • 31. ?Tumblr ¨C you can use this to share text, photos, quotes, 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.
  • 32. ?Wix ¨C you can use this to create your web site or mobile site.
  • 34. ?Search ¨C is a web search engine of Google that allows you to find anything you can think of. ?Maps ¨C is a desktop web mapping service of Google that provides information about geographical areas around the world. ? YouTube - is a video-sharing website of Google. Google Apps
  • 35. ?Play - is the official app store of Google for Android smartphones and tablets. ?News - is a computer-generated news site of Google whose news aggregated from sources all over the world. ?Gmail - is a free, advertising-supported email service provided by Google. ?Calendar - is a time-management web application mobile app by Google. Google Apps
  • 36. ? Google+ - is an interest-based social network by Google. ?Translate - is a multilingual service provided by Google to translate text, speech, images, or real-time video from one language into another. ?Photos - is the newest app of Google which provides a photograph and video sharing and storage service for Google users. Google Apps
  • 38. ? Google Docs is a web word processing application of Google which allows you to create web-based documents with its smart editing and styling tools. Google File Creation
  • 39. ? Google Sheets is a web spreadsheet application of Google. Google File Creation
  • 40. ? Google ºÝºÝߣs is a web presentation application of Google. Google File Creation