Empowerment
Technologies
Quarter 2 – Module 5 & 6:
Online Platforms for ICT
Content Development and
Collaborative ICT Development
This Photo by Unknown Author is licensed under CC BY-ND
11/12
Empowerment
Technologies
Quarter 2 – Module 5 & 6:
Online Platforms for ICT
Content Development and
Collaborative ICT Development
ARNEL G. CALARO
This module has the following parts with their corresponding icons:
What I Need to This will give you an idea of the skills or
Know competencies you are expected to learn
in the module.
What I Know This part includes an activity that aims
to check what you already know about
the lesson to take. If you get all the
answers correctly, you may decide to
skip this module.
What’s In This is a brief drill or review to help you
link the current lesson with the previous
one.
What’s New In this portion, the new lesson will be
introduced to you in various ways such
as a story, a song, a poem, a problem
opener, an activity or a situation.
What is It This section provides a brief discussion
of the lesson. This aims to help you
discover and understand new concepts
and skills.
What’s More This comprises activities for
independent practice to strengthen your
understanding and skills of the topic.
You may check the answers in the
exercises using the Answer Key at the
end of the module.
What I Have This includes questions or open-ended
Learned statements to be filled in to process what
you learned from the lesson.
What I Can Do This section provides an activity which
will help you transfer your new
knowledge or skill into real life
situations.
Assessment This is a task which aims to evaluate
your level of mastery in achieving the
learning competency.
Additional In this portion, another activity will be
Activities given to
you to enrich your knowledge or skill of
the lesson learned. This also develops
retention of learned concepts.
Answer Key This contains answers to all activities in
the module.
Online Platforms for ICT
Lesson Content Development and
1 Collaborative ICT
Development
A business’ success depends on its management and marketing. Nowadays there
are many ways to market your business, one of which is the use of online content
development. Many people tend to use the internet for many purposes be it business,
leisure, communication and many countless reasons why people use it. For many
business owners, Online platforms are very useful to create a better collaboration with
their employees giving them much more efficient work output during work hours. Today,
you will learn about the different online platforms for ICT Content development and
Collaborative ICT development online.
What I Need to Know
At the end of this lesson, you must be able to enumerate and describe Online
Platforms for ICT Content Development and Collaborative ICT Development.
.
What I Know
PRE-TEST
Let us first check on your background about ICT. If you don’t know the answers yet,
make a wild or an educated guess and simply write the letter of your answers in your
activity notebook.
1. These are technologies that are grouped to be used as a base upon which
other applications processes or technologies are developed.
a. Online Platform c. Social Media
b. Online Collaborative Tools d. Bloggs
2. These are tools that can help your group “go the distance” and work as if
you already have your own office. Working together does not
necessarily mean you have to be physically together.
a. Online Platform c. Social Media
b. Online Collaborative Tools d. Bloggs
3. are computer-mediated tools that allow people, companies and other
organizations to create, share, or exchange information, career interests,
ideas, and pictures/videos in virtual communities and networks
a. Online Platform c. Social Media
b. Online Collaborative Tools d. Bloggs
4. It is a discussion or informational website published on the web
consisting of discrete, often informal diary-style text entries ("posts").
Posts are typically displayed in reverse chronological order, so that the
most recent post appears first, at the top of the web page
a. Online Platform c. Social Media
b. Online Collaborative Tools d. Bloggs
5. The practice of using a network of remote servers hosted on the internet
to store, manage, and process data, rather than a local server or a
personal computer
a. Cloud Computing c. Social Media
b. File Management d. Webpage Creation
What’s In
True or False: State whether each statement about the basic principle on
webpage creation and elements is true or false.
________1. Consider your income from the website.
________2. It is advisable not to plan the site on paper first.
________3. Strive for inconsistency
________4. Provide a poor set of links within a site.
________5. You should hide important information.
________6. Provide opportunities for interaction.
________7. Avoid text-only pages.
________8. Never sacrifice elegance.
________9. Provide a link for every URL used in the site.
________10. Provide a descriptive title of the site.
________11. Include a short introduction.
________12. Make the site’s home page as useful a starting point as possible.
________13. Make sure the text is legible.
________14. See to it that the site is platform independent.
________15. Consider the needs of the viewers.
________16. Thoroughly test the website and carefully proofread.
What’s New
Directions: Answer the following questions in your activity notebook.
List all the following:
1. Online Platforms for ICT Content Development
2. Online Collaborative Tools
3. Web Design Principles and Elements
What is It
I. Online Platforms for ICT Content Development
What is an Online Platform?
• are technologies that are grouped to be used as a base upon which
other applications processes or technologies are developed.
Examples of Online Platform
a. Presentation/Visualization
b. Cloud Computing
c. Social Media
d. Web Page Creation
e. File Management
f. Mapping
a. Presentation / Visualization
• communicates information clearly and efficiently via statistical
graphics, plots and information graphics
Examples of Presentation/Visualization
• Prezi – helping to reinvent the art of presentation
• Zoho – an online project management app that helps you plan your work
and keep track of your progress
• SlideShare – to build quickly from concise, well presented content from
top experts
• MindMeister – an online mind-mapping tool that lets you capture, develop
and share ideas visually
b. Cloud Computing
• the practice of using a network of remote servers hosted on the internet
to store, manage, and process data, rather than a local server or a
personal computer
Examples of Cloud Computing:
• Google Drive – keep all work in one secure place with online file storage
• Dropbox – keeps your files safe, synced, and easy to share
c. Social Media
• are computer-mediated tools that allow people, companies and other
organizations to create, share, or exchange information, career interests, ideas,
and pictures/videos in virtual communities and networks
Examples of Social Media
• Twitter – online social networking service that enables users to send and read
short 140-Character messages called “tweets”
• Facebook – is for-profit corporation and online social networking service
• Tumblr – a micro-blogging platform and social networking website
d. Web Page Creation
• encompasses a number of important elements including color, layout, and
overall graphical appearance.
Examples of Webpage Creation
• Wix – a cloud-based web development platform that allows users to create
HTML5 websites and mobile sites through the use of their online drag and
drop tools
• Weebly – a web-hosting service featuring a drag and-drop website builder.
e. File Management
• is the storing, naming, sorting and handling computer files
Examples of File Management
• Zamzar – web application to convert files
• word2pdf – convert Word files to PDF (Portable Document Format) with
this online tool
f. Mapping
• a transformation taking the points of one space into the points of the same or
another space
Examples of Mapping
• Google Maps – a desktop web mapping service developed by Google
CONTENT MANAGEMENT SYSTEM
Content Management System (CMS)
• is a computer application (sometimes online or browser based) that allows
you to publish, edit and manipulate, organize and delete web content. CMS is
used in blogs, news websites, and shopping
Blogs
• is a discussion or informational website published on the web consisting of
discrete, often informal diary-style text entries ("posts"). Posts are typically
displayed in reverse chronological order, so that the most recent post appears
first, at the top of the web page
Examples of Blogging Sites:
• WordPress (wordpress.com)
• Blogger (blogger.com or blogspot.com)
• Blog.com
• Medium.com
• Squarespace.com
WEB DESIGN PRINCIPLES AND ELEMENTS:
1. Consider the audience and goals.
2. It is advisable to plan the site on paper first.
3. Strive for consistency
4. Provide a rich set of links within a site.
5. Don’t hide important information.
6. Provide opportunities for interaction.
7. Avoid text-only pages.
8. Don’t sacrifice elegance.
9. Provide a link for every URL used in the site.
10. Give a descriptive title of the site.
11. Include a brief introduction.
12. Make the site’s home page as useful a starting point as possible.
13. Make sure the text is legible.
14. Make sure the site is platform independent.
15. Consider the needs of the viewers.
16. Thoroughly test the site and carefully proofread.
WEBSITE TEMPLATE
Website Template
• or web template, is a pre-designed webpage, simply by adding your text
and customization to create your desired web page. It is usually built with
HTML and CSS code. Back in the day, you actually need to learn HTML and
CSS to be able to create a decent website, but today, we use a WYSIWYG
editor. It allows you to create and design a web page without any
coding knowledge.
WYSIWYG
• the acronym for “What You See Is What You Get”
• this means that whatever you type, insert, draw, place, rearrange,
and everything you do on a page is what the audience will see. It shows
and prints whatever you type on the screen.
Basic Web Page Creation
Creating a Website using MS Word
1. Open MS Word.
2. Type anything on the page like “Hello World!”
3. Click on File >Save As >Type any file name.
4. In the Save as Type, select “Web page (*.htm, *.html)”
Click the Change Title button.
Input the title as seen below, then click OK then Save.
Open your saved file and you will see that you just created a webpage
using MS Word.
SEO
SEARCH ENGINE OPTIMIZATION
• or SEO
• a feature that maximizes the search engine optimization feature so visitors
can easily locate your website
II. Collaborative ICT Development
Facebook would not be that interesting if it were not for all your friends. In
fact, the more friends you have, the more content you get. This also rings true
for other websites and blogs. It is now time for us to create a collaborative ICT
content.
ONLINE COLLABORATIVE TOOLS
• are tools that can help your group “go the distance” and work as if you
already have your own office. Working together does not necessarily mean you
have to be physically together.
Examples of Online Collaborative Tools:
• Facebook Groups
• WordPress
• G Suite
• Google Docs, Sheets, and
• Microsoft Office Online
• Microsoft’s Yammer
• Trello
• Web Portals
Facebook Groups
• allows you to create a group page that will allow people in your group to
communicate your ideas
WordPress
• allows you to multiple contributors for a single blog
G Suite
• is a brand of cloud computing, productivity and collaboration tools, software
and products developed by Google. It comprises Gmail, Hangouts, Calendar,
and Google+ for communication
Google Docs, Sheets, and Slides • are a word processor, a spreadsheet and a
presentation program respectively, all part of a free, web-based software office
suite offered by Google within its Google Drive service
Microsoft Office Online
• allows multiple people to work on different office files
MICROSOFT’S YAMMER
• offers companies to have their own social network that allows sharing and
managing content
TRELLO
• offer an online to-do checklist for your entire team
WEB PORTAL
• is a website that contains information from different sources and places them
in one location in a uniform way.
Yahoo.com
• offers a web portal a web portal where news, email, weather, etc. are found
in one page
What’s More
TRY IT!
You are the manager of a company that runs all heritage products and services
in Sarrat, Ilocos Norte, what Online Platform and Online Collaborative Tools are you
going to use and why?
What I Have Learned
1. What are the different online platforms available today?
2. What are the different online collaborative tools that are used in the
classroom?
3. What are the basic principles for creating a webpage?
4. Give some examples of Online collaborative tools that are available in the
internet?
Assessment
Direction: Read and understand each item carefully. Write the letter of the correct
answer on your activity notebook.
1. These are technologies that are grouped to be used as a base upon which
other applications processes or technologies are developed.
c. Online Platform c. Social Media
d. Online Collaborative Tools d. Bloggs
2. These are tools that can help your group “go the distance” and work as if
you already have your own office. Working together does not
necessarily mean you have to be physically together.
c. Online Platform c. Social Media
d. Online Collaborative Tools d. Bloggs
3. are computer-mediated tools that allow people, companies and other
organizations to create, share, or exchange information, career interests,
ideas, and pictures/videos in virtual communities and networks
a. Online Platform c. Social Media
b. Online Collaborative Tools d. Bloggs
4. It is a discussion or informational website published on the web
consisting of discrete, often informal diary-style text entries ("posts").
Posts are typically displayed in reverse chronological order, so that the
most recent post appears first, at the top of the web page
a. Online Platform c. Social Media
b. Online Collaborative Tools d. Bloggs
5. The practice of using a network of remote servers hosted on the internet
to store, manage, and process data, rather than a local server or a
personal computer
c. Cloud Computing c. Social Media
d. File Management d. Webpage Creation
6. It is a Facebook feature that allows you to create a group page that will
allow people in your group to communicate your ideas
a. Microsoft’s Yammer c. Trello
b. G Suite d. Facebook Group
7. It is a brand of cloud computing, productivity and collaboration
tools, software and products developed by Google. It comprises Gmail,
Hangouts, Calendar, and Google+ for communication
a. v
8. It offers an online to-do checklist for your entire team
a. Microsoft’s Yammer c. Trello
b. G Suite d. Facebook Group
9. It offers companies to have their own social network that allows sharing
and managing content
a. Microsoft’s Yammer c. Trello
b. G Suite d. Facebook Group
10. It is a computer application (sometimes online or browser based)
that allows you to publish, edit and manipulate, organize and delete web
content. CMS is used in blogs, news websites, and shopping
a. Computer Managing System c. Computing Management System
b. Computed Manger System d. Computer Management System
Answer Key
5. B
A
4. D
3. B
C
2. A
B
1. C
A
Post-test
Pre-test
References:
https://www.slideshare.net/markjhonoxillo/empowerment-technologies-
collaborative-ict-development
https://www.slideshare.net/markjhonoxillo/empowerment-technologies-
online-platforms-for-ict-content-development
