Empowerment and technology

1. ONLINE PLATFORMS AS
TOOLS FOR ICT
DEVELOPMENT
PREPARED BY:
CALAJATE, KEN JOSHUA
VILLANUEVA, NOEL
JORDAS, CLAUDIA YSABELLE
VILLAFLORES, KAYECHIE

2. WHAT IS AN ONLINE
PLATFORMS?

3. An online platform is a base of
technologies designed to run
within an online environment and
provides interactive online
services platforms.

4. EXAMPLES OF ONLINE PLATFORMS:
•Presentation or Visualization
•Social Media
•File Management
•Mapping
•Web Page Creation

5. PRESENTATION/ VISUALIZATION
• Allows you to present and share infographics and
videos with other people
• Use information efficiently presentations to
communicate clearly and efficiently.
• Simply called as “The Cloud”.

6. SOCIAL MEDIA
•Computer–mediated tools, that allow
large groups of people to create, share or
exchange information interest.

7. FILE MANAGEMENT
•The sorting, naming, sorting, and
handling of computer files.

8. FILE MANAGEMENT
•The storing, naming sorting,
and handling of computer files

9. MAPPING
•Uses GPS to detect location
and for navigation.

10. WEB PAGE CREATION
• Encompasses a few important elements
including color, layout, and Graphical
appearance overall.
• The platform does not require any web
programming skill they provide a drag and
drop interface and free hosting as well

11. WEB TEMPLATES AND
WYSIWYG PLATFORMS

12. WEB TEMPLATE AND WYSIWYG
PLATFORMS
• WYSIWYG= “what you see is what you get”
• In this kind of platform, no coding skills are required instead,
you manipulated 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.

13. BASIC WEB DESIGN
PRINCIPLES AND
ELEMENTS

14. PRINCIPLE #1 VISUAL LANGUAGE
•Focus on Content using Contrasting
color.
•Use consistent font size and color.
•Use high quality pictures that follows
the rule of third.

15. PRINCIPLE #2 BALANCE
•Balance refers to the distribution of
elements in a specific design
•Our eyes naturally seek out order and
a sense of stability in any image that
we see.

16. PRINCIPLE #3 PARADOX OF CHOICE
•The more choices you provide, the
easier for others to choose Nothing.
•Focus in user need.
•Design Sites for multiplatform and
multiscreen.

17. PRINCIPLE #4 FOCUS ON CONTENT
•Know the purpose of your web page
so you could match the content with
purpose.
•Include images on your content not
just pure text.

18. PRINCIPLE #5 SIMPLIFY
•Keep content simple.
•Use minimal animated graphics.
•Maintain a look and feel across all the
web pages.

19. •ONLINE CREATION
TOOLS

20. BASIC WEB DESIGN
ELEMENTS

21. ILLUSTRATIONS & STYLES
•Illustrations include lines, shapes,
texture and color which fundamental
elements that should not be
overlooked.

22. IMAGES
• Images also aid in communicating your
message to the viewers.
• 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.

23. ONLINE CREATION
TOOLS

24. SLIDE SHARE
•You cause this to share your professional
videos and slide presentation upload.

25. GOOGLE DRIVE
•You can use this to back up your files
in the cloud and access them
anywhere. You can also use other
applications of Google along with
Google Drive.

26. TUMBLR
• You can use 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.

27. WIX
•Create your Muse this to site web site
or mobile

28. GOOGLE APPLICATION
BUNDLE & USEFUL
APPS

29. MY ACCOUNT
•Access to your Google account settings
and tools.

30. SEARCH
•Is web search engine of Google that
allows you to find anything you can
think of.

31. MAPS
•Is a desktop web mapping service of
google that provides information
about geographical areas around the
world.

32. YOUTUBE
•Is a video sharing website in google.

33. PLAY
•Is the official app store of Google for
Android smartphones and tablets.

34. NEWS
•Is a computer- generated news site of
google whose news aggregated from
sources all over the world.

35. GMAIL
•Free advertising supported email
service provided by Google.

36. CALENDAR
•Time management web application
mobile app by Google.

37. GOOGLE
•Is an interest- based social network by
Google.

38. TRANSLATE
•Is a multilingual service provided by
Google to Translate text, speech,
images, or real- time Video from
language into another.

39. PHOTOS
•Is the Google which provides
photograph and video sharing and
storage service for Google users.

40. Thank you for listening!!