The document provides an overview of online tools that can be used for content development. It discusses online platforms and applications, web design principles and elements, using templates and WYSIWYG editors for web design, online presentation tools, cloud storage, and mapping applications. Specific applications and websites are described for each category, such as Google Drive for cloud storage, Prezi and SlideShare for online presentations, and Google Maps and Wikimapia as mapping tools.

1. MODULE 4
ONLINE TOOLS FOR CONTENT
DEVELOPMENT

2. Topics
Online Platforms and Applications
Web Design Principles and Elements
Web Design using Templates and WYSIWYG

3. Topics
Online Presentation Tools
Cloud Storage
Mapping Applications

4. Online Platforms and
Applications
Luza | Filipino | Cabusas | Borres | Humigop

5. Online Platform
and Applications
• Platform refers to a
program created by
developers that can
be modified or
reprogrammed by
outside users.

6. Online Platform
and Applications
• Online platforms are online
Web sites created to aid
users in creating the
content and cater to
different kinds of
information such as texts,
images, and videos.

7. Online Platform
and Applications
• The Formula Translating
System (FORTRAN), the first
successful commercial
programming language
complier, helped humans
give instructions and interact
with computers without
altering the hardware
component of the computer.

8. Portfolio
Presentation
You can simply impress your audience and add a unique and appeal to your
Reports and Presentations with our Templates. I hope and I believe that this
Template will your Time, Money and Reputation.
Platform Categories
The Application Programming Interface (API) is a set of
governing protocol or rules on how software elements
should communicate and interact with one another.

9. Platform
Categories:
• Access API- this type of
API runs in a remote
machine, server, or
computer, and the
application is accessed
remotely by a guest user
application to draw data
and services.

10. Platform
Categories:
• Plug-in API- this API is
used in the user end.
Different developers create
different applications that
can be integrated to a core
application and/or the GUI
of these applications.

11. Platform
Categories:
• Runtime Environment-
these APIs are platforms
for developing different
applications, wherein
programs or application
codes are evaluated and
compiled in the said APIs.

12. Portfolio
Presentation
You can simply impress your audience and add a unique and appeal to your
Reports and Presentations with our Templates. I hope and I believe that this
Template will your Time, Money and Reputation.
Platform Categories
The convenience of having different APIs running on a
Web site offers viewers or users of these Web sites the
ability to easily access different online services
integrated in one facility.

13. Common Web sites
that use plug-in APIs
• YouTube- a Web site
dedicated to hosting video
clips.
• Flickr- a Web site that
caters to the hosting of
images.

14. Common Web sites
that use plug-in APIs
• Twitter- a social networking
service that enables users
to send and read short
messages.
• Facebook- a social
networking Web site that
requires that user to
register an account and
create a user profile.

15. Common Web sites
that use plug-in APIs
• Google Maps- are used to
indicate a location of an
establishment described
on a Web site.

16. Web Design Principles
and Elements
Maquiling | Madelozo | Tayros | Raagas |
Ontolan | Blando

17. Web Design
Principles and
Elements
• Web design is a similar
process of creation, with
the intention of
presenting the content on
electronic web pages,
which the end-users can
access through the
internet with the help of
web browser.

18. Web Design
Principles and
Elements
• Purpose- a web site can
be categorized primarily
in terms of goals it aims
to fulfill. The designer
should define first the
purpose of the Web
Page to determine the
theme of the site.

19. Web Design
Principles and
Elements
• Communication- makes
information easy to read
and digest. The
arrangement of the text
should be organized in a
manner that would entice
readers.

20. Web Design
Principles and
Elements
• Typefaces- an essential
factor in Web site
design because this is
considered the most
dominant and
noticeable in terms of
visual. This deals with
text format, text style,
and text.

21. Web Design
Principles and
Elements
• Colors- enhances the
experience of visitors of
the Web site. This
introduces the
perception of a modern
or classic look on the
Web site.

22. Web Design
Principles and
Elements
• Images- choosing the
right images can help
brand positioning and
connecting with your
target audience. The
most commonly used
images are info graphics.

23. Web Design
Principles and
Elements
• Navigation- the
facility that the
audience can use to
go through the Web
site and its
subpages.

24. Web Design
Principles and
Elements
• Layouts- refers to
the physical
arrangement of the
content and
elements on a
website.

25. Possible layouts
• Grid- enables the user
to create sections or
groups of related
information.
Information's can be
group in columns and
group boxes.

26. Possible layouts
• F-pattern- humans tend
to look heavily at the
left side of a visual
material more than the
right side. Humans tend
to look at the upper
portion than the lower
portion of the visual
material.

27. Possible layouts
• Mobile- the popularity
of using mobile
devices in viewing web
contents is increasing.
The display devices
vary depending on the
system an individual
uses.

28. Web Design
Principles and
Elements
• Load time- people
demand information at
a very fast space. The
user might find another
source if the web is
loading so slow. The
developer should
minimize the elements
in a web page.

29. Web Design using
Templates and
WYSIWYG
Maquiling | Madelozo | Tayros | Raagas |
Ontolan | Blando

30. Web Design Using
Templates and
WYSIWYG
• What You See Is What
You Get(WTSIWYG)-
an application that is
used to create a Web
site either online or
offline.

31. WYSIWYG applications
for both online and
offline development
• Adobe Dreamweaver-
an offline proprietary
Web development tool
offered by Adobe
Systems. This tools
presents a wide range
of tools for the drag-
and-drop option.

32. WYSIWYG applications
for both online and
offline development
• Amaya- an open source
Web site development
tool used to update
documents directly on
running Web site.
Amaya enables
continues browsing and
editing of a Web site.

33. WYSIWYG applications
for both online and
offline development
• Microsoft Expression
Web- a propriety Web
Site Development tool
created by Microsoft.

34. WYSIWYG applications
for both online and
offline development
• IM Creator- caters to
both experienced and
inexperienced users, IM
Creator offers
predesigned templates
that will aid
inexperienced users.

35. WYSIWYG applications
for both online and
offline development
• Wix- a Web site that
offers its users to create
their website. The
advantage of using Wix
is that knowledge of
website programming is
not prerequisite.

36. Online Presentation
Tools
Baco | Oracion | Dela Calzada | Padilla

37. Portfolio
Presentation
You can simply impress your audience and add a unique and appeal to your
Reports and Presentations with our Templates. I hope and I believe that this
Template will your Time, Money and Reputation.
Online Presentation Tools
These applications offer the function of an image and
presentation software without the trouble of purchasing
and installing the presentation software on your device.
This application also offer online storage for saving
created files.

38. Online Presentation
Tools
• Prezi- a cloud-based
application dedicated to
help you create a
presentation.
• Slideshare- the primary
function of this Web site is
to provide a facility for
uploading and sharing
presentation files.

39. Online Presentation
Tools
• MindMiester- an online
collaborative tool in which
different individuals can
share ideas on a common
scratchpad-like workplace.

40. Cloud Storage
Macabodbod | Mantalaba

41. Cloud Storage
• Is a service wherein
files from users are
stored online.

42. Common storage
Web sites and
services:
• Google Drive- This is
a storage application
developed by Google.
• Dropbox- This is a file
hosting and storage
service developed by
Dropbox, Inc.

43. Common storage
Web sites and
services:
• Evernote- This is an
online note-taking and
archiving application
service.

44. Mapping Applications
Villantes | Nobleza

45. Mapping
applications
• Web mapping
applications are Web
sites developed from
Geographical
information
systems’(GIS) data.

46. Some of the
typical mapping
applications:
• Google Maps- A Web
mapping application
developed by Google.
It shoes both graphic
and satellite maps.

47. Some of the
typical mapping
applications:
• Wikimapia- A
collaborative open
content mapping
application. This Web
site uses Google
Maps APIs for
mapping.

48. Thank you
“Questions regarding our discussion can now be entertained”