Empowerment

Technologies
Quarter 1 – Module 3
The Nature and Purposes of
Online Platforms and Applications

Learner’s Packet

Page 1 of 41
For the learner:

Welcome to the Empowerment Technologies Grade 11/12 Self-Learning Module (SLM)

on The Nature and Purposes of Online Platforms and Applications!

The hand is one of the most symbolized part of the human body. It is often used to
depict skill, action and purpose. Through our hands we may learn, create and
accomplish. Hence, the hand in this learning resource signifies that you as a learner is
capable and empowered to successfully achieve the relevant competencies and skills
at your own pace and time. Your academic success lies in your own hands!

This module was designed to provide you with fun and meaningful opportunities for
guided and independent learning at your own pace and time. You will be enabled to
process the contents of the learning resource while being an active learner.

The following are some reminders in using this module:

1. Use the module with care. Do not put unnecessary mark/s on any part of the
module. Use a separate sheet of paper in answering the exercises.
2. Don’t forget to answer What I Know before moving on to the other activities
included in the module.
3. Read the instruction carefully before doing each task.
4. Observe honesty and integrity in doing the tasks and checking your answers.
5. Finish the task at hand before proceeding to the next.
6. Return this module to your teacher/facilitator once you are through with it.

If you encounter any difficulty in answering the tasks in this module, do not hesitate
to consult your teacher or facilitator. Always bear in mind that you are not alone.

We hope that through this material, you will experience meaningful learning and
gain deep understanding of the relevant competencies. You can do it!

What I Need to Know

This module was designed and written with you in mind. It is here to help you master
The Nature and Purposes of Online Platforms and Applications. The scope of this
module permits it to be used in many different learning situations. The language used
recognizes the diverse vocabulary level of students. The lessons are arranged to follow
the standard sequence of the course. But the order in which you read them can be
changed to correspond with the textbook you are now using.

Page 2 of 41
The module has one lesson, namely:

Lesson 9 – The Nature and Purposes of Online Platforms and Applications

MOST ESSENTIAL LEARNING COMPETENCIES

Evaluate existing online creation tools, platforms and applications in developing ICT
content for specific professional tracks

After going through this module, you are expected to:

1. Differentiate the platforms available in developing web content;

2. Understand the purpose of these platforms and know the basic of using them;
and
3. Enhance one’s knowledge in the world of cloud computing.

Definition of Terms
Online Platform- is technologies that are grouped to be used as a base upon which other
applications processes or technologies are developed.

Presentation/Visualization- communicates information clearly and efficiently via statistical

graphics, plots and information graphics.

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.

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.

Web Page Creation- encompasses a number of important elements including color, layout,
and overall graphical appearance.

File Management- is the storing, naming, sorting and handling computer files.

Mapping- a transformation taking the points of one space into the points of the same or another
space.

Page 3 of 41
What I Know

Write PV if the Online Platform example is a under Presentation/Visualization, CC for Cloud

Computing, SM for Social Media, WP for Web Page Creation, FM for File Management, and
M for Mapping.

_______1. Zoho

_______2. Dropbox

_______3. Wix

_______4. Zamzar

_______5. Google Maps

_______6. word2pdf

_______7. Weebly

_______8. Twitter

_______9. Google Drive

_______10. Prezi

What’s In

Basic principles of graphics and layout include balance, emphasis, movement, pattern,
repetition and rhythm, proportion, and variety. Balance deals with the visual weight of objects,
texture, colors, and space. Emphasis is the area designed to attract the viewer’s attention.
Movement guides the viewer’s eye around the screen. Pattern, repetition, and rhythm are visual
elements that are repeated to create unity in the layout of the image. Proportion includes visual
elements that create a sense of unity where they relate well with one another. Lastly, the
various use of several design elements to draw the viewer’s attention.

Page 4 of 41
Online Platform is technologies that are grouped to be used as a base upon which other
applications processes or technologies are developed some of the examples of an online
platform are Presentation/Visualization, Cloud Computing, Social Media, Web Page Creation,
File Management and Mapping.

What’s New

Activity 1

List down at least 5 examples of Social Media platforms.

1. _______________________

2. _______________________

3. _______________________

4. _______________________

5. _______________________

List down at least 5 examples of the Blogging Platform.

1. _______________________

2. _______________________

3. _______________________

4. _______________________

5. _______________________

Activity 2

Among the two mentioned online platforms which do you think is more superior?

Why?

__________________________________________________________________________
________
__________________________________________________________________________
________
__________________________________________________________________________
________
__________________________________________________________________________
________
__________________________________________________________________________
________

Page 5 of 41
What is It

Online Platforms for ICT Content Development

Online Platform is 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

Page 6 of 41
 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 d. Web
Page Creation- encompasses a number of important elements including color,
layout, and overall graphical appearance.
Examples Web Page 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 (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

Page 7 of 41
Examples of Blogging Sites:

WordPress (wordpress.com)

Blogger (blogger.com or blogspot.com)

Medium.com

Squarespace.com

Tumblr

What’s More

Read and answer each question concisely

1. What are the different online platforms that can be used for ICT content development?

_______________________________________________________________________
_______
_______________________________________________________________________
_______
______________________________________________________________________
________
______________________________________________________________________
________
______________________________________________________________________
________
_______________________________________________________________________
_______

Page 8 of 41
2. Differentiate the different online platform available to be used for ICT content development.

_______________________________________________________________________
_______
_______________________________________________________________________
_______
_______________________________________________________________________
_______
_______________________________________________________________________
_______
_______________________________________________________________________
_______
_______________________________________________________________________
_______

3. Among the mentioned Online Platform for ICT development which do you think is
more superior? Why?
_________________________________________________________________
_______
_________________________________________________________________
_______
________________________________________________________________
________
________________________________________________________________
________
________________________________________________________________
________
_________________________________________________________________
_______

What I Have Learned

Read and answer each question concisely

1. What are other blogging platforms besides WordPress that awaken your interest?
Why?
____________________________________________________________________
_______
____________________________________________________________________
_______
____________________________________________________________________
_______

Page 9 of 41
2. Besides Google Drive, what is the other cloud computing software you have used so
far?
____________________________________________________________________
_______
____________________________________________________________________
_______
____________________________________________________________________
_______

3. What is your commonly used social Media Platform? Why?

____________________________________________________________________
_______
____________________________________________________________________
_______
____________________________________________________________________
_______

4. Among the aforementioned example of Presentation / Visualization, what software

did you used so far?
____________________________________________________________________
_______
____________________________________________________________________
_______
____________________________________________________________________
_______

5. Why large companies opt to use cloud computing in storing data?

____________________________________________________________________
_______
____________________________________________________________________
_______
____________________________________________________________________
_______

Page 10 of 41
What I Can Do

1. Create a Venn diagram to compare and contrast Social Media Platforms and Blogging
Platforms.

Assessment

Test I. MULTIPLE CHOICES

Direction: Read each question carefully and write the letter of the best answer.
1. What should be the proper information to be posted on social media and blogging
platforms?
a. valuable and worthwhile
b. comments that would sometimes lead to bullying
c. anything that you desire
d. vague ideas
2. It is an application used by blogs, news and shopping websites.
a. Content Management System
b. WordPress
c. Facebook
d. Hypertext Markup Language
3. The following are advantages of blogging platforms except

Page 11 of 41
 a. allows to share information
b. focus on design
c. one-size-fits-all design
d. users are given options to change the design to their liking
4. Which of the following statements is not true about cloud computing applications?
a. Cloud computing applications are readily available over the Internet.
b. These are the applications which do not need any installation.
c. These applications do not require software like a browser.
d. Users do not have to update cloud computing applications because They
update automatically.
5. Which of the following statements is not true about WordPress?
a. It is one of the most popular blogging platforms
b. It allows users to create their blogs for free.
c. WordPress is a very good example of blogging and social media
platforms.
d. WordPress is one of the examples of cloud computing applications.
Test II- Fill-in the blank: Choice your Answer from the data bank below.
_______6. It refers to a computer application that allows you to publish, edit, manipulate,
Organize, and delete content.
_______7. It refers to a platform that focuses on content and design. It typically l looks like a
newsletter where you are given options to change the design you are liking.
_______8. It refers to a platform that is computer-mediated tools that allow people, companies
and other organizations to create, share, or exchange information, career
interests, and ideas.
_______9. A free blogging platform.
_______10.It refers to 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

Data Bank

Content Management System(CMS) Cloud Computing

Blogging WordPress

Social Media Platforms

Page 12 of 41
Additional Activities

1. Create a blog using WordPress.

2. Research ten uncommonly used Filipino words, their definition, and example for each
when used in a sentence.
3. Create a blog post about these words using the blog you created.

Page 13 of 41
 Answer Key

References

Empowerment Technologies First Edition.(2016).Sampaloc Manila:Rex Bookstore, Inc.

Page 14 of 41
For the learner:

Welcome to the Empowerment Technologies Grade 11/12 Self-Learning Module

(SLM) on Web page design using templates and online WYSIWYG platforms!

The hand is one of the most symbolized part of the human body. It is often used
to depict skill, action and purpose. Through our hands we may learn, create
and accomplish. Hence, the hand in this learning resource signifies that you as
a learner is capable and empowered to successfully achieve the relevant
competencies and skills at your own pace and time. Your academic success
lies in your own hands!

This module was designed to provide you with fun and meaningful
opportunities for guided and independent learning at your own pace and time.
You will be enabled to process the contents of the learning resource while
being an active learner.

The following are some reminders in using this module:

1. Use the module with care. Do not put unnecessary mark/s on any part of the
module. Use a separate sheet of paper in answering the exercises.
2. Don’t forget to answer What I Know before moving on to the other activities
included in the module.
3. Read the instruction carefully before doing each task.
4. Observe honesty and integrity in doing the tasks and checking your answers.
5. Finish the task at hand before proceeding to the next.
6. Return this module to your teacher/facilitator once you are through with it.

If you encounter any difficulty in answering the tasks in this module, do

not hesitate to consult your teacher or facilitator. Always bear in mind that
you are not alone.

We hope that through this material, you will experience meaningful learning
and gain deep understanding of the relevant competencies. You can do it!

What I Need to Know

This module was designed and written with you in mind. It is here to help you
master the nature and purposes of online platforms and applications. The
scope of this module permits it to be used in many different learning
situations. The language used recognizes the diverse vocabulary level of
students. The lessons are arranged to follow the standard sequence of the
course. But the order in which you read them can be changed to correspond
with the textbook you are now using.

The module has one lesson, namely:

Lesson 6 – Web page design using templates and online WYSIWYG

platforms

Page 15 of 41
 After going through this module, you are expected to:

Evaluate the quality, value, and appropriateness of peer’s existing or

previously developed ICT content in relation to the theme or intended
audience/ viewer of an ICT project

What I Know

Direction: Read each question carefully and write the letter of the best answer
on your activity notebook.
1. When a user makes a mistake which of the following would they expect?
A. An easily understood error message.
B. A detailed error message which gives them detailed instructions on
how they can avoid the error next time.
C. To have log-out to the site, log back in and start again.
D. A redirection to another website where you will log in.

2. Which principle of a good web design refers to the waiting time for your
website to load?
A. Navigation C. Load Time
B. Visual Hierarchy D. Grid-based Layout
3. What principle of a good web design refers to the type of font used in the
web site?
A. Color C. Navigation
B. Visual Hierarchy D. Typography
4. The F-shaped reading pattern is designed for what specific type of reading
strategy?
A. Active Reading C. Skimming
B. Previewing D. Scanning
5. When a user makes a mistake which of the following would they expect?
A. Animation should never be used on a website; it is just too distracting.
B. Animation should be used sparingly and to create impact.
C. Animation should be used as much as possible to attract audience
attention.
D. Animation should be in small sizes, so they do not get too much
space in the website

What’s In

Web Page Creation

While it is easy to build a web page, it's hard to make it look right. If all you want
is plain text, everything will be too straightforward. The tricky part is when you
want something more. Most bad web pages are bad because of their design
rather than their contents. The more stuff on the page, the messier it gets and
the less likely you are to keep the interest of the visitor
(http://billconner.com/techie/webpages.html).

Page 16 of 41
An effective website design should fulfill its intended function by conveying its
message while simultaneously engaging the visitor. Several factors such as
consistency, colors, typography, imagery, simplicity, and functionality all
contribute to good website design. A well-designed website can help build trust
and guide visitors to act. Creating a great user experience involves making sure
your website design is optimized for usability (form and aesthetics) and how it
easy is it to use (functionality). (https://www.feelingpeaky.com/9-principles-of-
good-web-design/).

WEB TEMPLATES and “WYSIWYG” PLATFORMS

“WYSIWYG” means What You See Is What You Get

In this kind of platform, no coding skills are required. Instead, you manipulate
with design components using an editor window and get the chance to choose
what elements are on your page.

Web Templates

These are unique full-page layout that contains generic information which can
be replaced by the users with their own personal information.

BASIC WEB DESIGN PRINCIPLE

Website Purpose
Your website needs to accommodate the needs of the user. Having a simple
clear intention on all pages will help the user interact with what you have to
offer. Are you imparting practical information like a ‘How to guide’? Is it an
entertainment website like sports coverage or are you selling a product to the
user? Below are the common core purposes of websites:

✓ Describing expertise
✓ Building reputation
✓ Generating leads
✓ Sales and after care

Simplicity
Simplicity is the best way to go when considering the user experience and the
usability of your website. Below are ways to achieve simplicity through design.

Page 17 of 41
✓ Color - it has the power to communicate messages and evoke emotional
responses. Finding a color palette that fits your brand will allow you to influence
your customer’s behavior. Keep the color selection limited to less than 5 colors.
Pleasing color combinations increase customer engagement and make the user
feel good.
✓ Typography or the text used. Typefaces should be legible and only use a
maximum of 3 different fonts on the website.
✓ Imagery is every visual aspect used with communications. This includes still
photography, illustration, video and all forms of graphics.
Navigation

Navigation is the way finding system used on websites

where visitors interact and find what they are looking for.
Website navigation is key to retaining visitors. If the
websites navigation is confusing visitors will give up and
find what they need elsewhere. Keeping navigation simple, intuitive and
consistent on every page is key.

F-Shaped Pattern Reading

The F- based pattern is the most common way visitors scan

text on a website. Eye tracking studies have found that most
of what people see is in the top and left area of the screen.
The F’ shaped layout mimics our natural pattern of reading
in the West (left to right and top to bottom). An effective
designed website will work with a reader’s natural
pattern of scanning the page.
Visual Hierarchy
The arrangement of elements is order of importance. This is done either
by size, color, imagery, contrast, typographically, whitespace, texture
and style. One of the most important functions of visual hierarchy is to
establish a focal point; this shows visitors where the most important
information is.

Page 18 of 41
Content
An effective web design has both great design and great content. Using
compelling language great content can attract and influence visitors by
converting them into customers.

Grid Based Layout

The grid-based layout arranges content into a clean

rigid grid structure with columns, sections

that line up and feel balanced and impose order and

results in an aesthetically pleasing website.
Load Time

Waiting for a website to load will lose visitors. Nearly half of web visitors
expect a site to load in
2 seconds or less and they will potentially leave a site that isn’t loaded
within 3 seconds. Optimizing image sizes will help load your site faster.

Mobile Friendly
More people are using their phones or other devices to browse the
web. It is important to consider building your website with a
responsive layout where your website can adjust to different
screens.

Online Creation Tools

Types of Visual Content

Visual content is great because it powers up your communication and receives

great attention from the target audience.

✓ Infographics are graphic visual representations of information, data, or

knowledge intended to present information quickly and clearly. They can
improve cognition by utilizing graphics to enhance the human visual
system's ability to see patterns and trends.
✓ Videos are recording of moving pictures and sound, especially as a
digital file.
✓ Presentations use catchy images, videos, and graphics in your
presentation to get into the minds of your target audience.

Page 19 of 41
For Infographics
✓ Piktochart is an infographic creation tool that lets you design stunning
pieces worth sharing in minutes.

For Videos

✓ PowToon. The online animation software of PowToon is perfect for

storytelling and creating Flash-style movies. You don’t have to go
through hundreds of tutorials to learn motion creation as PowToon will
do it for you.
✓ YouTube Video Editor is simple and with a single-track timeline, you
get all the basic transitions and effects and a soundtrack feature. It is
easy to learn and quick to use. Users can edit and remix the YouTube
videos that are uploaded in their YouTube accounts.

For Presentation

✓ Prezi is cloud-based presentation software that is simple to use as

compared to the traditional slideshow makers. It displays information
not as series of slides but as a large board that zooms in on specific
information, text, or an image, giving presentations a fresh and non-
traditional feel.
✓ SlideShare. You can use this to upload and share professional videos
and slide presentations.
For Web Site Creations
✓ Wix you can use this to create your web site or mobile site.

For Blogging

✓ WordPress.org the self-hosted version of WordPress is, by far the

most popular blogging platform in the world. WordPress powers over
90 percent of all the blogs on the Internet.
✓ Blogger.com This free blog hosting service has been around for a
long time. It was founded in 1999 and acquired by Google in 2003.
You can sign up easily with your existing Google account.
✓

Page 20 of 41
What’s Is It

Activity: Web Design Quality Check

Direction: Use the Internet to research on the designated topics depending
on your track:

A. COVID Vaccine (STEM students) D. Negosyo, Trabaho o

Kolehiyo

B. Life of an Entrepreneur (ABM students) (TVL Students)

C. Depression in Teenager (HUMSS students)

Once you find the website, evaluate the website using the checklist below.
Copy the

checklist in your notebook.

Name of Website:
___________________________________________________

Website URL:
_______________________________________________________

YES NO CRITERIA

Content Evaluation

The contents of the website valuable and relevant to my research

topic.

The contents are readable.

The information that the website contains is valid and true.

The website is free from misspelled words and grammatical errors.

Purpose Evaluation

Did the website achieve its purpose of giving information in accordance to its
theme?

Image and Color Quality Evaluation

Page 21 of 41
 The website uses custom images that are in consistent size and quality
throughout website.

The primary header image is in high-resolution.

The colors used are harmoniously and logically related.

Font Consistency and Readability

The font sizes used for each of the primary elements of the page is consistent
all throughout.

The font spacing is consistent.

The fonts are readable.

The website follows the F-shaped pattern.

Accessibility to Mobile Devices

The website can be accessed using smartphones.

The layout in the smartphone is easy to navigate.

What I Have Learned

An effective website design should fulfill its intended function by conveying
its message while simultaneously engaging the visitor. Several factors such
as consistency, colors, typography, imagery, simplicity and functionality all
contribute to good website design. A well-designed website can help build
trust and guide visitors to act. Creating a great user experience involves
making sure your website design is optimized for usability (form and
aesthetics) and how it easy is it to use (functionality).

What I Can Do
Direction: Search for a blog on why incoming SHS students must choose your
track. Answer the following questions:

1. What can you say about the text layout, use of graphics and
multimedia?
2. How about the content and creativity of the blog?

Page 22 of 41
 3. Did the blog follow the principles of web and graphics design? Briefly
explain.

Assessment
Direction: Read each question carefully and write the letter of the best answer
on your activity notebook.
Direction: Read each question carefully and write the letter of the best answer
on your activity notebook.
1. When a user makes a mistake which of the following would they expect?
a. An easily understood error message.
b. A detailed error message which gives them detailed instructions on
how they can avoid the error next time.
c. To have log-out to the site, log back in and start again.
d. A redirection to another website where you will log in.

2. Which principle of a good web design refers to the waiting time for your
website to load?
A. Navigation C. Load Time
B. Visual Hierarchy D. Grid-based Layout
3. What principle of a good web design refers to the type of font used in the
web site?
A. Color C. Navigation
B. Visual Hierarchy D. Typography
4. The F-shaped reading pattern is designed for what specific type of reading
strategy?
A. Active Reading C. Skimming
B. Previewing D. Scanning
5. When a user makes a mistake which of the following would they expect?
A. Animation should never be used on a website; it is just too distracting.
B. Animation should be used sparingly and to create impact.
C. Animation should be used as much as possible to attract audience
attention.
D. Animation should be in small sizes, so they do not get too much
space in the website

Page 23 of 41
 Page 24 of 41
POST PRETEST
TEST B, C,
1. B, C, D,
D, D,
D, B
B
REFERENCES
1. Nagar, Tarun. n.d. “What is the Difference between Website and Web
Portal”. Accessed July 27,2020.
https://www.geeksforgeeks.org/difference-website-web-portal/
2. Schmidt, Casey. 2019. “Online Collaboration – How Modern Teams
Succeed Together”. https://www.canto.com/blog/online-collaboration/
3. Smartsheet Inc. 2020. “All about Online Collaboration Tools and 5
Essential Tips for Selecting the Right Solution”.
https://www.smartsheet.com/choosing-an-online-collaboration-tool
4. Sukta, Sarah. 2015. “Website vs. Portal - the Differences between the
Two”. http://info.eunify.net/blog/website-vs.-portal-the-differences-
between-the-two
5. TEC Team. 2018. “Top Benefits of Online Collaboration Tools”
https://www3.technologyevaluation.com/sd/category/collaboration/art
icles/top-benefits-of-online-collaboration-tools
6. https://www.feelingpeaky.com/9-principles-of-good-web-design/

Page 25 of 41
The following are some reminders in using this module:

1. Use the module with care. Do not put unnecessary mark/s on any part of the
module. Use a separate sheet of paper in answering the exercises.
2. Don’t forget to answer What I Know before moving on to the other activities
included in the module.
3. Read the instruction carefully before doing each task.
4. Observe honesty and integrity in doing the tasks and checking your answers.
5. Finish the task at hand before proceeding to the next.
6. Return this module to your teacher/facilitator once you are through with it.

If you encounter any difficulty in answering the tasks in this module, do not hesitate
to consult your teacher or facilitator. Always bear in mind that you are not alone.

We hope that through this material, you will experience meaningful learning and
gain deep understanding of the relevant competencies. You can do it!

What I Need to Know

This module was designed and written with you in mind. It is here to help you master
the Collaborative ICT Development. The scope of this module permits it to be used in
many different learning situations. The language used recognizes the diverse
vocabulary level of students. The lessons are arranged to follow the standard
sequence of the course. But the order in which you read them can be changed to
correspond with the textbook you are now using.

This module contains one lesson, namely:

Lesson 7 – Collaborative ICT Development

MOST ESSSENTIAL LEARNING COMPETENCIES

Evaluate the quality, value, and appropriateness of peer’s existing or previously

developed ICT content in relation to the theme or intended audience/ viewer of an ICT
project.

Share and showcase existing or previously developed material in the form of a

collaboratively designed newsletter or blog site intended for a specific audience or
viewer

Page 26 of 41
After going through this module, you are expected to:

1. identify the different online collaborative tools that can enhance communication
and collaboration among groups;
2. determine the advantages of using online collaborative tools; and
3. use an online collaborative tool to effectively evaluate the quality, value, and
appropriateness of peer’s existing or previously developed ICT content in
relation to the theme or intended audience/ viewer of an ICT project.

What I Know (Pre-Assessment)

I. Multiple Choice: Choose the letter of the best answer. Write your answer on a
separate sheet of paper.

1. It is a specially designed website that provides information catered from various

sources such as emails, online forums, search engines on one platform, in a
uniform way.
a. Website c. Google Chrome
b. Web Portal d. Search Engine

2. It is used to create a group page or group chat that will allow people in your group
to communicate your ideas and send files.
a. WordPress c. Facebook
b. DropBox d. G Suite

3. This allows multiple contributors to easily create a beautiful single website or blog.
a. WordPress c. Lark
b. Trello d. G Suite

4. It comprises Gmail, Hangouts, Calendar, and Currents for communication; Drive

for storage; Docs, Sheets, Slides, Keep, Forms, and Sites for productivity and
collaboration.
a. Microsoft Teams c. WordPress
b. Lark d. G Suite

5. It is a simple, reliable file-syncing and storage service with enhanced collaboration

features.
a. Trello c. Microsoft Teams
b. Dropbox d. Lark

Page 27 of 41
 II. Enumeration: Give five online collaborative tools a group can use for
communicating effectively using the internet.

6. _____________________________________________

7. _____________________________________________

8. _____________________________________________

9. _____________________________________________

10. ____________________________________________

Nowadays, the field of Information and Communication Technology offers a variety of

ways to connect and collaborate with people around the world. Online collaboration
allows people to generate content, reflection, review while making modifications
process visible to others. A team may work together even though they are in different
areas with the use of collaboration tools and can easily get feedback and approval
from the group they are working on.

Team structure and dynamics for ICT content aims to discover the ways such tools
can enhance communication and collaboration among groups/teams and promotes
the choice of an ICT tool for two different projects. Thus, in this digital age,
collaboration tools have found to significantly improved work efficiency, productivity,
and promote innovation.

What’s In
In the previous lesson, you learned the underlying principles and techniques in
designing and creating your web page using different web editors. You have learned
the basics of HTML, the WYSIWYG, web hosting, as well as editing and inserting
page content like images, videos, paragraphs, photo gallery, and buttons. These
skills will help you further understand online collaboration.
Technology has come to play an integral role in widening the scope and definition of
collaboration. The distance, time and limited resources have not stood in the way of
developing ideas and innovation. Platforms for sharing and communication, such as
group video calling, team meetings, and online note-making or content sharing
platforms have become part of our everyday routine and are used as prominently as
email or group chatting. In short, collaboration has become less of a ‘step’ and more
of a medium.

Page 28 of 41
 .

Notes to the Teacher

Provide links to different online collaborative tools. If students
have reliable access to the internet, challenge them to -sign up on
collaborative tools/sites.

What’s New
Activity 1

Do you like to read blogs or watch your favorite personalities vlogs? How many
blogs/vlogs have you subscribed to? Think of what you would like to share with the
world if given the opportunity to create your own blog/vlog. Ask yourself the following
questions and write your answer on a separate sheet of paper.

Question Your Answer

1. What will be the content of my

blog?

2. Who is the target audience of my

blog?

3. How often will I post new content

(once a week, twice a month,
etc.)?

4. What platform will I use

(blogging site or video)? Why?

5. Where will I post my blog

(YouTube, Facebook, Twitter,
etc.)?

Page 29 of 41
What is It
Based on the latest statistics published at Oberlo.com, Facebook continues to reign
strong as the king of social media, with 2.498 billion active users as of April 2020.
That means that nearly two out of every three of the 3.81 billion active social media
users are active Facebook users. It is still the most popular social media platform
used by many people for communication and collaboration. Same with other
websites and blogs, this app would not be that interesting if it were not for all your
friends. Let us now learn how to create a collaborative ICT content.
Web Portals

A Web Portal is a specially designed website that provides information catered from
various sources such as emails, online forums, search engines on one platform, in a
uniform way. It is a personalized and customized library that helps in navigation and
personalization of notifications that provide well-integrated information from diverse
sources with advanced features such as task management, collaboration, business
intelligence, etc.

An example of a web portal is the Microsoft Network! (www.msn.com). MSN is a

collection of Internet services and apps for Windows and mobile devices, provided by
Microsoft where news, email, weather, etc. are found on one page.

Sometimes the terms "website" and "portal" are used interchangeably, and this usage
isn't entirely inaccurate but do you know the difference between website vs portal? By
definition, a website is a location on the internet that is unique and which is accessed
via a web browser using a specific URL (web address). Portals are also accessed via
a web browser and specific URL, but the content is login protected and user-specific
(Sukta, 2015).

Page 30 of 41
Online Collaborative Tools

Collaboration is the situation of two or more people working together to create or

achieve the same thing. More and more people, especially at this time are going digital
and enabling partially or completely remote workforces. Wikipedia defines
collaboration software as, “An application software designed to help people involved
in a common task to achieve goals.” And for benefits, it goes on to say: “A collaborative
working environment supports people in both their individual and cooperative work
thus evolving into a new class of professionals, e-professionals, who can work together
irrespective of their geographical location.”

Online Collaboration is the process of connecting users digitally to communicate in an

online space. Online collaboration is usually supplemented using a software system
that lets team members chat using video, audio and text. There are many great online
tools available, which can help your team accomplish its goals, manage workflow, and
provide the most recent version of files in real-time, so work can get done any time of
the day.

Here are some of the collaboration tools available:

Name Icon Description

You can use Facebook groups to create a

group page that will allow people in your
1. Facebook
group to communicate your ideas and
send files.
It is a suite of cloud computing, productivity
and collaboration tools, software and
products developed by Google. G Suite
2. G Suite comprises Gmail, Hangouts, Calendar, and
(Google Suite) Currents for communication; Drive for
storage; Docs, Sheets, Slides, Keep,
Forms, and Sites for productivity and
collaboration

MS Teams is a unified communication and

3. Microsoft collaboration platform that combines
Teams persistent workplace chat, video meetings,
file storage, and application integration.

It is a simple, reliable file-syncing and

storage service with enhanced
4. Dropbox collaboration features. Dropbox lets
anyone upload and transfer files to the
cloud, and share them with anyone.

Page 31 of 41
 Lark combines a multitude of essential
collaboration tools in a single
5. Lark
interconnected platform, including Chat,
Calendar, Creation and Cloud storage.
Trello offers an online to-do checklist for
your team. Users can create their task
boards with different columns and move
6. Trello
the tasks between them. Typically,
columns include task statuses such as To
Do, In Progress, Done.

The open-source software that allows

7. WordPress multiple contributors to easily create a
beautiful single website or blog.

Yammer is a freemium enterprise social

networking service used for private
communication within organizations.
8. Yammer Access to a Yammer network is determined
by a user's Internet domain so that only
individuals with approved email addresses
may join their respective networks.

Advantages of using online collaborative tools

1. A Centralized hub for files, announcements, calendars, etc.

Collaboration solutions innately offer a centralized hub wherein all data is
located and from which it is all accessed by the team. It also makes things more
effective such as announcements and calendars, as everyone can coordinate
deadlines, milestones, appointments, and personal availability without fail.
2. File Sharing. Since everyone with access can write in the same document
together in real-time, instant change reflection is possible across all shared
documentation.
3. Host Online Meetings. Online tools promote better participation in
collaborative decision-making. Arranging these meetings requires only marking
the calendar and announcing them once. People can attend the meetings via
their laptop, their mobile device, or even their smart TV.
4. Live Chat. Chat and messaging tools are built-in features of most collaboration
platforms currently on the market. With real-time communication tied directly
into the platform, it’s easy to coordinate properly and all conversations are
properly and securely logged for later recall.

Page 32 of 41
Tips to have a successful collaborative tool:

1. Choose easy, intuitive online collaboration tools to increase adoption.

2. Pick a collaboration tool that supports all communication methods.
3. Ensure your choice has scheduling features to help keep projects on track.
4. Choose a dynamic file-sharing solution.
5. Choose a product with real-time collaboration.

What’s More
Activity 2

Answer the following questions on the separate sheet of paper or in your test notebook.

1. Do you use other collaborative/social tools besides Facebook? If yes, what are
they and what do you use them for?

2. Knowing the advantages of using collaboration tools, how does online

collaboration will help you as a student?

3. List down at least three more examples of a web portal.

Scoring Rubric for questions 1 and 2.

Component Definition Points

Originality and quality of ideas,

Content 5
reflecting thought and insight.

Thoughtful, logical progression of

Organization and
supporting examples; Mature 3
Transitions
transitions between ideas.
Use of information for varied sources;
Use of sources use of references and paraphrasing 2
of citations.

Total 10 pts.

Page 33 of 41
What I have learned
Activity 3

Fill in the blanks with terms that complete the paragraph. Write your answer on a
separate sheet of paper.

Nowadays, the field of Information and Communication Technology offers a

variety of ways to connect and collaborate with people around the world. Team
structure and dynamics for ICT content aims to discover the ways such tools can
enhance (1)___________________________ and (2)_________________________
among groups/teams and promotes the choice of an ICT tool for two different projects.

A (3) __________________________ is a specially designed website that

provides information catered from various sources such as (4)________________,
online forums, (5)_____________________ on one platform, in a uniform way. Based
on the latest statistics published at Oberlo.com, (6)____________________ is still the
most popular social media platform used by many people for communication and
collaboration.

(7)_________________________ is the situation of two or more people

working together to create or achieve the same thing.
Wikipedia defines
(8)____________________________________as, “An application software designed
to help people involved in a common task to achieve goals.” On the other hand, (9)
________________________________ is the process of connecting users digitally to
communicate in an online space. It is usually supplemented using a
(10)________________________________ that lets team members chat using video,
audio and text.

There are many great online tools available, which can help your team
accomplish its goals and manage workflow. Examples of these tools are Facebook,
(11) ____________________________, (12)
________________________________, (13) ________________________,
Dropbox, and WordPress.

Using online collaborative tools provides a lot of benefits for a team or a

company. First, there is a centralized hub for files, announcements, calendars, etc.;
second, (14) ________________________; third, host online meetings; and lastly,
(15) ______________________________.

Page 34 of 41
What I Can Do
Activity 4: Reflection

1. Write your insights on how collaboration tools do help people with the current
situation we are in today.

___________________________________________________________________
___________________________________________________________________
___________________________________________________________________
___________________________________________________________________
___________________________________________________________________
___________________________________________________________________
___________________________________________________________________
___________________________________________________________________
___________________________________________________________________
___________________________________________________________________
___________________________________________________________________
___________________________________________________________________.

Scoring Rubric

Component Definition Points

Originality and quality of ideas,

Content 30
reflecting thought and insight.

Thoughtful, logical progression of

Organization and
supporting examples; Mature 15
Transitions
transitions between ideas.

Use of information for varied sources;

Use of sources use of references and paraphrasing 5
of citations.

Total 50 pts.

Page 35 of 41
Post Assessment

Multiple Choice. Choose the letter of the best answer. Write your answer on a
separate sheet of paper.

1. It is a specially designed website that provides information catered from various

sources such as emails, online forums, search engines on one platform, in a
uniform way.
a. Website c. Google Chrome
b. Web Portal d. Search Engine
2. Application software designed to help people involved in a common task to
achieve goals.
a. Collaboration Software c. Website
b. Search Engines d. Browser
3. It is used to create a group page or group chat that will allow people in your group
to communicate your ideas and send files.
a. WordPress c. Facebook
b. DropBox d. G Suite
4. This allows multiple contributors to easily create a beautiful single website or blog.
a. WordPress c. Lark
b. Trello d. G Suite
5. It comprises Gmail, Hangouts, Calendar, and Currents for communication; Drive
for storage; Docs, Sheets, Slides, Keep, Forms, and Sites for productivity and
collaboration.
a. Microsoft Teams c. WordPress
b. Lark d. G Suite
6. It is a simple, reliable file-syncing and storage service with enhanced collaboration
features.
a. Trello c. Microsoft Teams
b. Dropbox d. Lark
7. This site offers online to-do checklist for your team.
a. WordPress c. Lark
b. Trello d. G Suite
8. It combines a multitude of essential collaboration tools in a single interconnected
platform, including Chat, Calendar, Creation and Cloud storage.
a. Trello c. Lark
b. Dropbox d. Facebook
9. The following are advantages of using online collaborative tools except one
a. Live Chat c. File Sharing
b. Face-to-Face d. Host Online Meetings
10. Lian was tasked to choose an online collaborative tool for his group. Which of the
following he must do?

Page 36 of 41
 a. Choose a product with real-time collaboration.
b. Pick a collaboration tool that supports all communication methods.
c. Choose a dynamic file-sharing solution.
d. All of the above

Additional Activities
Activity 5

A. Create an advertising campaign for your blog or vlog in activity 1 to get more
visitors. It can be made of a collage of old magazines or newspapers or a
poster using oil pastels, crayons, watercolor, or any medium available at your
home. Use 1/4 size illustration board.

If you have a computer or smartphone, you can use Canva, PhotoScape, or

any software to create the advertisement. This will be collected by the teacher-
in-charge upon retrieval of the modules. Happy working 😊
Scoring Rubric

10 8 6 4 2
Content Content is Content is Content is Content is Content is
accurate and accurate but accurate but either inaccurate.
all required some required some required questionable Information is
information is information is information is or incomplete. incomplete,
presented in a inaccurate,
missing and/or missing and/or Information is
logical order. or not
not presented in not presented in not presented
presented in
a logical order a logical order, in a logical a logical
but is still making it order, making order,
generally easy difficult to it difficult to making
to follow. follow. follow. it difficult to
follow.
Presentation Presentation is Presentation is Presentation Presentation is Presentation
neat, clean, mostly neat and flows well. unorganized. has no flow.
well- organized clean. Some tools are Tools are not Insufficient
and presented Information is used to show used in a information
in a creative organized in a acceptable relevant and lacking
way. logical manner understanding. manner. some of the
Presentation is and shows Each member’s Lacking some member’s
colorful and some degree information is of the information.
creative. of creativity. represented and members’
Information is The overall identified with information/
interesting and presentation is their name. and or
accurate. interesting. information is
not identified

Page 37 of 41
 Pictures, Images, Images, Most images Images are No images or
inappropriate
Clip Art, and pictures, clip pictures, and and/or artwork is artwork
art and drawn clip art and are colorful and and artwork included.
Artwork shows little, if
artwork are drawn artwork appropriate.
colorful, and are mostly The layout any, creativity.
appropriate to colorful and shows little The layout is
the topic. appropriate. creativity and/or messy,
Layout flows Layout may is not organized disorganized or
well, shows show some logically or cluttered.
creativity, and degree of cluttered.
is pleasing to creativity but is
the eye. not organized
logically and/or
is cluttered.
Mechanics No spelling, A few (2-3) No more than 5 No more than More than 7
grammar, or errors spelling, 7 spelling, spelling,
punctuation in spelling, grammar, or grammar or grammar, or
errors in the grammar, or punctuation punctuation punctuation
text. Text is in punctuation. errors. Several errors.. Most of errors. Text
the student’s Most text is in instances where text is not in is copied or
own words. student’s own the text is not in authors’ own not included.
words. student’s own words and/or
words. no text
included.
Overall The poster The poster
Presentation fulfills all fulfills all but
requirements of one of the
the assignment requirements of
and represents the assignment
the student’s and shows that
full potential. the student put
forth an honest
effort to
complete the
assignment.
B. Additional Challenge (Optional)
Note: This activity will be done if and only if the student has a computer or
smartphone and an internet connection.

Creating a Portal Using Jimdo or WordPress.

1. Collaborate with your classmates who also have an available internet

connection.
2. Create a web portal using Jimdo or WordPress including links to your different
blogs and posts including Facebook.
3. Create a list of tasks and use Trello to organize your tasks.
4. Design the web portal to fit your interest. Alternatively, you can also modify the
individual blogs to make them more similar.
5. Design graphics for your portal and place them on all your blogs to create a
common identity for your blogs.

Page 38 of 41
Page 39 of 41
Post
Assessment
1. B
2. A
3. C
4. A
5. D
6. B
7. B
8. C
9. B
10. D
Answer Key
References

Deloitte MCS Limited. 2013. Digital Collaboration. London: The Creative Studio

Empowerment Technologies, First Edition. 2016. Manila: REX Book Store, Inc.

Empowerment Technologies Student Reader, First Edition. 2016. Pasig City:

Department of Education

Evans, Nic. 2013. “How to collaborate: The creative & the practical”.GatherContent,
July 16, 2013. United Kingdom. https://gathercontent.com/blog/how-tocollaborate-
the-creative-the-practical

Nagar, Tarun. n.d. “What is the Difference between Website and Web Portal”.
Accessed July 27,2020. https://www.geeksforgeeks.org/difference-website-webportal/

Schmidt, Casey. 2019. “Online Collaboration – How Modern Teams Succeed

Together”. https://www.canto.com/blog/online-collaboration/

Smartsheet Inc. 2020. “All about Online Collaboration Tools and 5 Essential Tips for
Selecting the Right Solution”. https://www.smartsheet.com/choosing-anonline-
collaboration-tool

Sukta, Sarah. 2015. “Website vs. Portal - the Differences between the Two”.
http://info.eunify.net/blog/website-vs.-portal-the-differences-between-the-two

TEC Team. 2018. “Top Benefits of Online Collaboration Tools”

https://www3.technologyevaluation.com/sd/category/collaboration/articles/topbenefits
-of-online-collaboration-tools
https://dictionary.cambridge.org/us/dictionary/english/collaboration

Page 40 of 41
 Para sa mga katanungan o puna, sumulat o tumawag sa:

Department of Education Division Rizal

Office Address: DepEd Bldg.,Cabrera Rd.,Bgy. Dolores,Taytay,Rizal 1920

Telephone number: 09274562115/09615294771

Email Address: rizal.lrms@deped.gov.ph

Page 41 of 41