Module 8

Online Creation Tools, Platforms, and

Applications for ICT Content Development
Existing Online Creation Tools and Applications for
Specific Purposes.
Audio and Visual Content Creation and Applications

A. Audio- These tools and application allow users to

create, edit, trim, remix, and publish kinds of music
and sounds.
Examples: Hobnox audio tool
Twisted Wave Audio Editor
Audi Trimmer
B. Infographics
• These tools and applications give users the chance
to create a creative and stunning infographics.
Examples:
1. Creately
2. Piktochart
3. Canva
C. Video
• These tools and applications allow users to edit and
create videos 0nline.
Examples:
1. Powtoon
2. WeVideo
3. YouTube Video Editor
D. Presentations
• These tools and applications let the users utilize
images, videos, and graphics on their presentations to
get into the minds of their target audiences.
Examples:
1. Prezi
2. Haiku Deck
3. Emaze
E. Memes
• The internet is full of colorful images and videos
because audiences love them and sharing them.
Memes get copied and spread rapidly.
• These applications and tools make meme creation
easier.
Example:
1. Imgur
2. Rage Comic Generator
3. QuickMeme
Online offices
• These applications and tools are word processors,
spreadsheets, slides, and survey forms that work in
cyberspace.
Example:
1. Google doc, sheets, slides
2. Google forms
3. Microsoft Office 365
4. Microsoft Forms
Content Management System (CMS)
• Is an application that allows the user to publish, edit,
manipulate, organize, and delete web content.
• Most webpage creation platforms are using CMS to
develop ICT content for a specific purposes.
Online Platforms
• These are some online applications and tools that are
integrated within one place.
• Combine all tools into one place and system for
efficient processes and faster accomplishment of
different tasks
• Online platforms and tools are different from online
platforms in the sense that they only get one part of
the job.
• Also defined as DIGITAL SERVICES that enable
collaboration between two or more different but
interdependent groups of users who interact through
the internet.
• Allow users to develop ICT content to connect,
communicate, and collaborate with other users in the
online world.
 Existing Online Platforms

A. Presentation/Visualization
• These are online platform that let you showcase and
share presentations, infographics, and videos with
other people.
Examples:
1. Prezi
2. Zoho
3. Slides Share
B. Cloud Computing
• This type of platform allow you to upload, organize,
and store files on the online storage, which is called
cloud instead of using offline storage like a
computer desktop. Here, users can share and even
collaborate files with other users.
Examples:
1. Google drive
2. Dropbox
3. OneDrive
C. Social Media
• These are interactive online technologies that enable
the creation and sharing of information, ideas, career
interests, and other forms of expression through
virtual communities, and networks.
Examples:
1. Facebook
2. Twitter
3. Instagram
D. Mapping
• This online platform provides detailed information
about geographical regions and sites around the
world. It allows the embedding of maps into
propriety sites.
Examples:
1. Google Maps
2. Bing Maps
3. Wikimapia
E. File Management
• This online platform allows you to convert and
manage files like images, videos, documents, audio,
and more to other formats without downloading a
software tool.
Examples:
1. Zamzar
2. word2pdf
3. Cloud Convert
F. Web Page Creation
• It is an online platform that lets you build a web page
that includes colors, texts, images, and often contains
links to media such as video and audio.
Examples:
1. WordPress
2. Wix
3. Weebly
Nature and Purpose of Online Platforms and
Applications
Which Online Platforms and Applications will
you choose
a. Address Specific Purpose
• In choosing online platforms and applications, make
sure that they have features that are fitted to your
needs.
• They should help you create content that you wanted
develop.
b. Easy to use
• Good platforms and applications must have a friendly
interface.
• It means that you can easily understand, manipulate
and use its different features.
c. Collaborative Features
• As much as possible, choose platforms and
applications that promote collaboration.
• Aside from the fact that collaboration makes tasks
easier and faster to accomplish, better content will be
developed if it is thought and worked on by more
than one brain.
d. Browser Support
• You need to ensure that a variety of browsers
supports your chosen online platforms and
applications
e. Content Security
• Any platforms or application must guarantee the
security of users’ data-for instance, features of
content privacy or the ability to delete content.
1. Which of the following is an example of file
management platform?

A. Google Drive C. Word2pdf

B. Wikimapia D. Zoho
2. Carina wants to create a document in the internet,
which of the following online application can she use?

A. Microsoft Office 365 C. Emaze

B. Google classroom D. Mindmaster
3. If you want to back up your file in your computer
to the online storage, which online platforms will
you use?

A. Cloud Computing C. Mapping

B. File Management D. Social Media
4. All of the following are purpose of online platforms
EXCEPT.

A. Repairing computers.
B. Sharing information
C. Organizing files.
D. Marketplace
5. Which of the following are NOT TRUE about
online tools and applications.
A. They perform specific task.
B. They do not require installation on computers.
C. They are combinations of different
technologies that are set in one place.
D. They can be access anytime and anywhere if
the user is connected to the internet.
6. A group of student wants to have an advocacy
campaign about the advantages and benefits one can
in adapting a healthy lifestyle as a requirement in one
of their subjects. Which of the following online
platform is the best to use?
A. Social Media
B. Mapping
C. Presentation/Visualization
D. File Management
7. Which of the following situations will be best addressed by
social media platforms?
A. Maria wanted to connect with her distant relatives
in the province.
B. Jackson is asked to create a jingle for their new
company’s product.
C. Michelle will have to present a business proposal
next month for her client.
D. Jhong wanted his restaurant’s location be easier to
find by his potential customers.
Basic Web Page Creation
• A Web page is a document for the World Wide Web
that can be accessed and displayed on a monitor or
smartphone using any web browser.
• Web pages are made up of Hypertext Markup
Language (HTML) and can be created and modified
by using basic application like Notepad and
professional HTML editors.
HTML is Easy to Learn and Use
• HTML is easy to learn and understand.
• For someone who wants to learn web development,
HTML is the first and foremost computer language
that you need to take note but do not worry, it is not
a sensitive case and as simple as it is.
• It already has some tags that serve a specific
purpose to make.
• One can easily understand others’ code and make
changes in it when required without reading a
whole book of a manual.
• Moreover, it does not throw any error or create
any problem like other programming languages do
when the developer forgets to close the tags or
makes mistakes in coding.
HTML is Free
• One of the biggest advantages of HTML is that it is
free of all cost and there is no need to purchase
specific software for it to be used.
Online Website Builder - Easy Use of Drag-And-
Drop Interface
• For those who love to make changes to their
website, a drag-and-drop interface is convenient.
WYSIWYG is the acronym for What You See Is What
You Get.
• This means that whatever you will type, insert, draw,
place, rearrange, or whatever you do on a web page
is what the audience will see.
• Just like using the Microsoft Word, WYSIWYG
shows and prints whatever you will type on the
screen.
HTML
• HTML stands for Hyper Text Markup Language
• HTML describes the structure of a web page
• HTML consists of a series of elements
• HTML elements tell the browser how to display the content
• HTML elements are represented by TAGS
• HTML TAGS label pieces of content such as “heading”,
“paragraph”, “table” and so on...
• Browsers do not display the HTML tags, but use them to
render the content of the page
Requirements in creating a web page using the html
1.Editor – using the Notepad (source code) in text and
extension name - .html or .htm.
2.Browser – responsible for reading HTML instruction
and displaying the web page output. (ex. Internet
Explorer, Mozilla Firefox, Google Chrome)
Creating a Website Using Notepad Web pages can be
created and modified using professional HTML editors.
However, in learning HTML, it is better to use a simple
text editor like Notepad.
Follow the steps below to create your first web page
with Notepad.

Step 1: Open Notepad For Windows 8 or above

computers:
a. Open the Start Screen (the window symbol
at the bottom left on your screen). b. Search and open
the Notepad
• HTML document is divided into two main sections
the head and the body.
• Each section contains specific information. The
head section contains information about the
documents like title, search engine or keywords but
is not visible to the reader.
• The body section contains the information or
content that you want to appear on the web page.
• Creating a Website Using an Online Website
Builder Wix.com is a WYSIWYG cloud-based web
development platform that was first developed and
popularized by the Israeli company also called Wix.
• It allows users to create websites and mobile sites
through the use of online drag-and-drop tools.
1. Create an account on Wix through their website
www.wix.com and click GET STARTED.
3. Customize your website with the Wix Editor. Once you select a
template, you can be able to customize it in the Wix Editor using
simple drag-and-drop editing.
4. Update the Texts and Images At this point, you can get to see a
preview page of your chosen template. This is where you can play
around with simple but brilliant editing features, like the drag and-
drop design and text boxes.
5. Personalize the Background If small images are still not enough,
you can also change your template background. The left-hand sidebar
features a ‘Background’ button, which you can use to click and
change with ease.