Online Platform Tools for
ICT Content Development
Nature and Purpose of Online Platform
and Application
 Create an presentable output using these online platforms
Online Platforms
 Presentation Tools
 Cloud Computing
 Mapping Tools
 File Management Platforms
 Social Media
 Web Page Creation
Presentation Tool
 Graphic program that allow you to create slide show presenting
the topic, lecture, demonstrate to enlighten, educate, communicate,
or persuade the audience.
 Prezi
 Zoho Show
 Slide Share
 MindMeister
Cloud Computing
 It means storing and accessing data and program over
the internet instead of your computer’s hard drive.
 Google Drive
 Evernote
 Dropbox
Social Media
A website and application that enable
user to create and share content or
participate in social networking.
Facebook
Twitter
File Management
It is a computer program that provide a
user interface to manage file and folder.
Zamzar
Word2pdf
Mapping
Is the creation of maps, a graphic symbolic
representation of the significant features of part
of the surface of the Earth.
Wikimapia
Google Maps
Web Page Creation
It is document that is suitable for the World Wide
Web and Web browser. It is also written in HTML
or comparable mark up language
Wix
Weebly
WordPress
Basic Web Design Principle and
Elements
Web Design
it is a concept of planning, creating,
updating, and maintaining the website.
Web Design Elements
Text
font family and type must be chosen well, clear and in readable size.
Graphics/Illustration
must be good quality and well arrange with
text and another elements. Info graphics may be
used.
Web Design Elements
Shapes
It can be used to denoted an enclosed boundary in all over
design.
Background
It can help provide your website with a feeling
of a surface underneath. It must be used to bring
out the content given on website to make it look
more appealing.
 COLOR
Must blend well and complement the elements on the page.
Use vibrant and bold colors that will attract but not too distracting.
 VIDEO/AUDIO
Help viewer to easily understand what you are teaching or
selling.
 LINKS
Allow user to connect to another page or site that related on
the content of your page
Web Design Principle
Portable Design
It must be portable and accessible by user who have different
browser, operating system and computer platform.
Design for Low Bandwidth
It must be accessible at variety of speed. Avoid large graphics or
animation as the user may leave the site if downloading is slow.
Direction
Identify the order of importance of the various element and place
them in a sequence where the eye moves and perceive the things it
see.
Accessible
Visitor must be able to easily access the information. Text must be
legible/readable, colors must create visual harmony and balance,
and image should be of high quality.
White Space
Use to deliberately in your design as a breathing space. It
may also be used to show division of contents.
Convenience
Allow visitor to make an action, click button should be
conveniently located and accessible.
Regular Testing
Website should be regularly upgraded ,updated , and
tested so that problem will quickly resolved.
Simplify
Remove distracting options and clutter.

ol-platform.........................pptx

  • 1.
    Online Platform Toolsfor ICT Content Development
  • 2.
    Nature and Purposeof Online Platform and Application  Create an presentable output using these online platforms
  • 3.
    Online Platforms  PresentationTools  Cloud Computing  Mapping Tools  File Management Platforms  Social Media  Web Page Creation
  • 4.
    Presentation Tool  Graphicprogram that allow you to create slide show presenting the topic, lecture, demonstrate to enlighten, educate, communicate, or persuade the audience.  Prezi  Zoho Show  Slide Share  MindMeister
  • 5.
    Cloud Computing  Itmeans storing and accessing data and program over the internet instead of your computer’s hard drive.  Google Drive  Evernote  Dropbox
  • 6.
    Social Media A websiteand application that enable user to create and share content or participate in social networking. Facebook Twitter
  • 7.
    File Management It isa computer program that provide a user interface to manage file and folder. Zamzar Word2pdf
  • 8.
    Mapping Is the creationof maps, a graphic symbolic representation of the significant features of part of the surface of the Earth. Wikimapia Google Maps
  • 9.
    Web Page Creation Itis document that is suitable for the World Wide Web and Web browser. It is also written in HTML or comparable mark up language Wix Weebly WordPress
  • 10.
    Basic Web DesignPrinciple and Elements Web Design it is a concept of planning, creating, updating, and maintaining the website.
  • 11.
    Web Design Elements Text fontfamily and type must be chosen well, clear and in readable size. Graphics/Illustration must be good quality and well arrange with text and another elements. Info graphics may be used.
  • 12.
    Web Design Elements Shapes Itcan be used to denoted an enclosed boundary in all over design. Background It can help provide your website with a feeling of a surface underneath. It must be used to bring out the content given on website to make it look more appealing.
  • 13.
     COLOR Must blendwell and complement the elements on the page. Use vibrant and bold colors that will attract but not too distracting.  VIDEO/AUDIO Help viewer to easily understand what you are teaching or selling.  LINKS Allow user to connect to another page or site that related on the content of your page
  • 14.
    Web Design Principle PortableDesign It must be portable and accessible by user who have different browser, operating system and computer platform. Design for Low Bandwidth It must be accessible at variety of speed. Avoid large graphics or animation as the user may leave the site if downloading is slow.
  • 15.
    Direction Identify the orderof importance of the various element and place them in a sequence where the eye moves and perceive the things it see. Accessible Visitor must be able to easily access the information. Text must be legible/readable, colors must create visual harmony and balance, and image should be of high quality.
  • 16.
    White Space Use todeliberately in your design as a breathing space. It may also be used to show division of contents. Convenience Allow visitor to make an action, click button should be conveniently located and accessible.
  • 17.
    Regular Testing Website shouldbe regularly upgraded ,updated , and tested so that problem will quickly resolved. Simplify Remove distracting options and clutter.