REPUBLIC OF THE PHILIPPINES

CITY GOVERNMENT OF ZAMBOANGA

COLEGIO DE LA CIUDAD DE ZAMBOANGA
Vitali Campus

STUDENT COPY
Technology 12-01
(Empowerment Technologies: ICT for Professional Tracks)
Self-Learning Module 2

HAZEL KIM M. CUDIA

Visiting Lecturer

COURSE DESCRIPTION:

The goal of this course is to provide students with the foundation of knowledge and skills
needed to succeed in environments that require the use of computer and internet. It covers topic
for building essential 21st century skills in working, collaborating, and creating content online.

COURSE OBJECTIVES:

At the end of the course, the students should be able to:

1. Create a foundation of understanding of the world of ICT;

2. Understand and demonstrate the proper etiquette in using ICT;
3. Demonstrate appropriate skills in using several computer applications;
4. Discover opportunities where one can use these skills in real-word scenarios;

COURSE OUTLINE:

Lesson 4: ONLINE PLATFORM FOR ICT CONTENT DEVELOPMENT

4.1 Nature and Purposes on online platforms
4.2 Web Application for content development

Lesson 5: BASIC WEBPAGE CREATION

5.1 Web page creation using template
5.2 Web page design using an online WYIWYG platform

Lesson 6: COLLABORATIVE ICT DEVELOPMENT

6.1 Team structure and dynamic for ICT Content
(Online collaborative tools and processes)

Lesson 4: ONLINE PLATFORM FOR ICT CONTENT DEVELOPMENT

1
 A. OBJECTIVES:
At the end of the lesson, the students are able to:
1. Differentiate the platforms available for developing web content;
2. Understand the purposes of these platforms and now the basic of using them;
and
3. Identify the advantage and disadvantage in the world of cloud computing

B. LESSON OUTLINE
4.1 Nature and Purposes on online platforms
4.2 Web Application for content development

C. LESSON CONTENT:

NATURE AND PURPOSES ON ONLINE PLATFORMS

Online platform is a specially developed platform using Internet technology. Online

platforms have revolutionized access to any information. In our daily life today, we used Internet
in doing such things and in our learning purposes. Here are some examples of Online Platforms:

1. Social Media Platforms – Websites like Facebook allow you to create not only personal
accounts but also pages and groups where you can share content. The only downside of
this is that you are restricted to Facebook’s “one-size-fits-all” design. (note: It has low
customization but backed up by popularity.)

a. Facebook-
Facebook is the biggest and the most popular social platform in the
Internet. It is commonly used by students and is a gaining ground among
professionals too.

 Marketplace – allows users to post, read and respond to classified ads.

 Groups – allows users who have common interests to discover each other and
interact.
 Events – allows users to publicize an event, invite others users and track those
who plans to attend.
 Pages – allows users to create and promote a public page built around a
specific and chosen topic.
 Presence technology – allows users to see which contacts are online and
possible to chat asap.

b. Instagram- is an online mobile media-sharing site that allows users to share

pictures and videos either publicly or privately on the app. Journalist commonly
uses this online platform.

c. Twitter- is an online news and social networking service where users post and

interact with messages, “tweets,” restricted to 140 characters. Registered users can
post tweets, but those who are unregistered can only read them.

2. Blogging Platforms – Websites like WordPress, Tumblr, and Blogger focus on content
and design. It typically looks like a newsletter where you are given options to change the
design to your liking. Though you can manipulate the design, social media platform’s

2
 popularity is still unrivaled. The amount of customization in blogs is also unrivaled
depending on the content management system implemented by the provider. (note: it has
high customization, popularity depends to the user to maximize the use of blogs.)

4. 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.

BIBLIOGRAPHY:
Strickland, Jonathan. ’How Web 3.0 will work’’. Howstuffworks. n.d. Web. 22 June 2015.

3
Name: __________________________________ Date: ________________
Grade & Strand: _________________________ Module 2(Tech. 12-01)

FORMATIVE EXAMINATION:

IDENTIFICATION:
Direction: Read each statement or question below carefully and fill in the blank(s) with the
correct answer.
_____________1. This is the biggest and the most popular social platform in the Internet.

_____________2. It allows you to create not only personal accounts but also pages and groups
where you can share content.

_____________3. allows users to post, read and respond to classified ads.

_____________4. allows users who have common interests to discover each other and interact.
_____________5. allows users to see which contacts are online and possible to chat asap.

_____________6. It is an online news and social networking service where users post and

interact with messages.

_____________7. allows users to see which contacts are online and possible to chat asap.

_____________8. Websites like WordPress, Tumblr, and Blogger focus on content and design.

_____________9. allows users to share pictures and videos either publicly or privately on the
app.

____________10. It allows users to create and promote a public page built around a specific and
chosen topic

4
WEB APPLICATION FOR CONTENT DEVELOPMENT

Creating Your Own Blog Using WordPress

1. Go to the Google and visit www.wordpress .com.

2. Click the “Get started”.

3. Choose a Theme.

4. Let’s find a domain

5
5. Pick a plan that’s right for you.

6. Create your account.

7. Manage your site.

8. Customize your site.

6
Posting on Your WordPress Blog

1. On your dashboard, go to Post>Add New

2. Creating a post is pretty straightforward in WordPress. Just type a title, customized the
URL (optional), then post in the editor
3. Compose a welcome message for your future readers with a minimum of 100 words (Tip:
a word counter is located at the bottom of the editor.)
4. You may replace the format of your post to a standard post, an image, video, aside, quote,
or link. For now, keep it on Standard.
5. You may also add a category so that your post are organized. Add tags so that others can
easily search your post using the tags you specified.
6. Once done, you may preview your post. Once satisfied, click on Publish to post it on
your website.
Tip: You may also change the visibility options and schedule your post.
7. Submit the URL of your website to your teacher.

Cloud Computing

When we creating infographics, we used Piktochart and its infographic editor uses
cloud computing. The same goes for making our own blog and creating our first post: we used
the editor from WordPress. These are referred to as cloud computing because we did not need to
install any software in our computer. The software is in the ‘’cloud’’ or over the internet. Here
are some advantage and disadvantage of cloud computing,

Advantage Disadvantage

1. No need to install A. Can be hampered down by slow

2. Saved hard disk space internet speed; no connection, no
3. Easy access to your software/files; can cloud computing
be run anywhere as long as there is B. May still require compatible software
internet connection like browser
4. Saves you money from buying C. You do not own the software; you are
software licenses and additional simply renting it.
hardware disk space D. Security risk of doing things over the
5. No need to updates because it updates internet as opposed to your personal
automatically computer alone
6. Minimum system requirements E. Security risk of doing things over the
7. Back up and data recovery are internet as opposed to your personal
relatively easier than on physical computer alone
device F. More prone to hacking
G. Limited control over the infrastructure
itself

BIBLIOGRAPHY:
‘’WordPress Images and Screenshots’. WordPress.com. N.p.Web.Dec.2024
,http://www.wordpress.com/.

7
Name: __________________________________ Date: ________________
Grade & Strand: _________________________ Module 2(Tech. 12-01)

FORMATIVE EXAMINATION:

IDENTIFICATION:
Rearrange the following step in chronological order by numbering the from 1 to the last
number of the steps. Write X if the step does not belong. Write your answer on the space
before each item
_______1. Click on change your blog description on permissions

_______2. Create a free WordPress account.

_______3. Choose a free theme then click Customize

_______4. Edit the page theme to your liking

_______5. Delete other existing blog

_______6. Choose the option Create a New Blog or Register Another Blog

_______7. Pick a blog address and name.

_______8. Change the general settings including the site title tagline, and time zone.

_______9. On the left menu, Choose Appearance >theme.

_______10. Open the website and restart the dvice.

II. Give at least 5 pros and cons of Cloud Computing.

Cloud Computing
The Pros The Cons
1. 1.

2. 2.

3. 3.

4. 4.

5. 5.

8
Name: __________________________________ Date: ________________
Grade & Strand: _________________________ Module 2(Tech. 12-01)

SUMMATIVE EXAMINATION:

ESSAY
Direction: Explain the following question (5 points each)
Criteria: Content= 3pts; Organizational and Grammar = 2pts

1. Can you make a distinction between Facebook and Instagram?

2. How would you compare and contrast the social media platforms to blogging platforms?

3. Why social media is one of the contents in online platforms?

4. What was it better social media in online marketplace is it Facebook or Instagram?

5. Can you classify what are the platforms under social media and in content management
system?

9
6. How would you use blogging to solve community problem?

7. How Online Platforms can help you in your daily life?

8. What would happen if online platforms don’t exist?

9. What is the nature of online platforms?

10. What are other blogging platforms beside WordPress that piqued your interest?

11. Do you agree that cloud computing is prone to hacking?

10
12. Beside WordPress and Piktochart, what are the other cloud computing software you have
used so far and what are their advantages and disadvantages?

13. What would you suggest to secure your blog account?

14. Can you elaborate on the reason why cloud computing Can be hampered down by slow
internet speed?

15. Can you propose an alternative way to avoid security risk while doing things on your
personal computer?

11
Lesson 5: APPLIED PRODUCTIVITY TOOLS WITH ADVANCED APPLICATION
TECHNIQUES

A. LESSON OBJECTIVES:
At the end of the lesson, the students are able to:
1. create a web page using Microsoft word;
2. create your own website using a free host;
3. design a website using an online WYSIWYG platform; and
4. edit and insert element for the website

B. LESSON OUTLINE:
5.1 Web page creation using template
5.2 Web page design using an online WYIWYG platform

C. LESSON CONTENT:

WEBPAGE CREATION USING TEMPLATE

How is basic? Imagine the way our ancestors do fishing. They used fishing rod or spear
to catch a fish. Huge companies rule the fishing industry with their huge fishing vessels with
huge nets to catch fish by the truckload. Unfortunately, those fishing vessels are not affordable
so we will be still using our fishing rod or spear.
However, that is not the case in web page creation. First of all, the internet is free.
Secondly, it is of free courtesy of many website providers that provide basic functionalities for
our website to function. Back in the day, you actually have to learn the HTML (Hypertext
Markup Language) and CSS (Cascading Style Sheet) to be able to create a descent website.
Definition of the acronym WYSIWYG
WYSIWYG is 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 page is what audience will see.
Lie using the Microsoft Word, WYSIWYG, shows and prints whatever you type on screen.
Ways of Accessing the Web:

 Dial-up connection – is established when two or more communication devices use a

public switched telephone network (PSTN) to connect to an Internet service provider
(ISP).
 DSL provides high-speed networking over ordinary phone lines using broadband
modem technology. The technology behind DSL enables Internet and telephone service
to work over the same phone line without requiring customers to disconnect either their
voice or Internet connections.
 Cable internet uses the existing lines for your cable TV to provide fast, reliable service,
meaning you can browse the web and watch your favorite TV shows at the same time, all
over a single cable and through a single provider.
 Wireless Internet enables wireless connectivity to the Internet via radio waves rather than
wires on a person’s home computer, laptop, smartphone or similar mobile device.

 A Dedicated line is a telecommunications path between two points that is available 24

hours a day for use by a designated user (individual or company). It is not shared in
common among multiple users as dial-up lines are. A dedicated line can be a physical

12
 path owned by the user or rented from a telephone company; in which case it is called
a leased line.
Others Ways to Create a Website
As a mention earlier, people use HTML codes to create page CSS codes to design them.
If you have taken up these coding skills before, it will help you in creating pages using
WYSIWYG. If you have not, WYSIWYG is designed for anyone who has not or does not have
prior coding skills.
Creating a Website using Microsoft Word
1. Open Microsoft Word
2. Type anything on the page like ‘’Welcome to my Website’’
3. Click on File > Save As> Browser
4. On the Save As dialog box, locate your activities folder and create a new folder named’’
Sample Webpage’’.
5. Specify the Filename’’ Sample Web page’’.
6. On the Save As type, Select ‘’Web Page (*.htm, *.html)’’.
7. Click the Change Title button.
8. Input the title as seen below, then click OK then Save.
9. Check the files on your Sample Web page folder. you will see a new folder generated
including your htm. or html file.
10. Open the Sample Web page.htm file and you will see that you just created a web page
using MS Word.
Tip: any file inside the Sample Web Page files folder is generated by MS Word.
These are the files that make HTML files display visual elements correctly.
You have just created a web page using Microsoft Word – a technique you can also use
using Microsoft Excel. These office applications can be used as WUSIWYG platform. The next
step is uploading these files to a web server. However, we will skip that step because we are
going to use a much easier approach in creating website. We are going to use an online
application that is actually to design to create website.
BIBLIOGRAPHY:
‘’Measuring the information Society 2013’’. International Telecommunication Union. Web. 23
June 2015

13
Name: __________________________________ Date: ________________
Grade & Strand: _________________________ Module 2(Tech. 12-01)

FORMATIVE EXAMINATION:

TRUE or FALSE
Direction: Write T if the statement is correct; otherwise, write F if it is false on the space before
each item.

______1. HTML stands for Hypertext Markup language

______2. Jimdo’s URL is www.jimdo.net
______3. The homepage is the first page of your website
______4. The form element adds a space for selling an item
______5. The photo element adds multiple Photo in an area
______6. CSS stands for Cascading style sheets
______7. You can insert YouTube videos in your Jimdo’s account
______8. WYSIWYG stand for what you sense is what you go.
______9. The horizontal line in the Jimdo WYSIWYG editor is used as divider
______10. To add an element, hover over the left or right side of an existing element

14
WEB PAGE DESIGN USING AN ONLINE WYSIWYG
Jimdo is WYSIWYG web hosting service. It offers free, professional, and business web
hosting services. Jimdo is an iOS and Android app which you can use to manage your website
whenever you do not have access to PC.
Creating a Website using Jimdo
1. create an account on Jimdo by going to www.jimdo.comand clicking Create your Free
Website.
2. You will be instructed to choose template. Pick any template that you want.
3. Choose URL for your website. Enter your email and your password.
4. Your website will be generated and soon you will end up in the site’s WYSIWYG editor.
5. The editor is pretty easy to se. the center shows the preview of your website the design
tools are located on the right.
Tips in using WYSIWYG editor:
By default, the homepage is shown on your editor. To navigate t another page, simply
click the page title on your navigator. The navigator contains a setoff links going through the
different pages of your website. The navigator currently available to you depends on which
template you used.
Inserting a Page
1. Hover your mouse pointer the site navigator. The edit Navigation button will appear
2. Click on the Edit Navigation button. Click Add a New page.
3. Rearrange pages using the tools on the right page title.
4. Click Save when done.
Editing Elements
Hovering over the text, image, or any element you see on the website will highlight the
element.
1. Move element up – used to move the element up by one level.
2. Moe element down – used to move the element one level lower.
3. Delete element – used to remove the element
4. Copy element – used to copy the element
5. Drag tool – click and drag the element to valid part of the page.
Clicking on the element will show more options regarding on what visual element you
clicked:
1. Header – if it is a header, clicking the text will allow you to edit the text and change its
font size.
2. Image – if it is an image, several options would also appear. It also allows you to upload
an image directly from your computer or a Dropbox account.
 Sizing Tools- used to make image larger or smaller or restore to actual size page
 Align Tools – use for left, right, and center alignment page
 Rotate Tools – use to rotate image clockwise or counterclockwise page.
 View tools- use to enable enlarge image link photo and remove link

15
 (Tip: enable enlarge image will show us small image on the page and will only be
enlarge when a user clicks it. Link photo allows you to insert image from another
website or image host like Photobucket.)
 Other tools – caption and alternative text: allow sharing to Pinterest (Tip: alternative
text refers to the text that will be shown if the image does not load.)
3. Paragraph – if it is a paragraph, you will be treated to even more options similar to using a
word processor.
Adding Elements
1. To add elements on screen, hover the mouse pointer over the top or bottom of an exciting
element until the add element bottom appears.

2. Select the visual elements you want to add:

a. Heading – to insert heading type of text
b. Text – to insert a paragraph type of text
c. Photo – to insert a single photo
d. Text with Photo – to insert a photo surrounded with text
e. Photo Gallery – to insert multiple photos on one area
f. Horizontal Line – to insert a horizonal line that act as divider
g. Spacing – to add a space with the specified size
h. Columns – to insert columns that divide an area vertical
i. Video – to insert a video from a video hosting site like YouTube.
j. Form – creates a send an email form for feedback
k. Store Item – add a space for selling an item (online shopping)
l. Share buttons – add buttons for the site visitors to share your website.
m. Additional elements – includes other options like Google Map, file Download,
Widget, etc.
3. Edit the element to your linking then click save.
Site Settings
a. Template – changes the design Templates selected
b. Style -change the design style of the page (like colors)
c. Blog – creates a blog for your website
d. Upgrade – upgrades to Jimdo pro or Jimdo business
e. Settings – change account and websites settings
f. SEO – search engine optimization uses for other to easily fond your site using
search engines like Google and Bing
g. Store - manage the others late from your website
h. Statistics – views your site statistics
i. Help – accesses Jimdo’s help archives
Settings
a. The settings option contains important information that you should edit to make the
most out of your Jimdo website.
b. The Account Settings include changing your password, email, and personal profile.
c. The Website Options allows you to change your site title and footer; check your
storage; creates your privacy policy and your favicon (the icon of your website
shown on a browser).
d. The Mobile Settings is used to prepare your page for mobile devices.
e. The Email and Domain Management setting is a premium feature. It’s used to
manage email accounts for your website.
f. The Store Settings allows you to manage the items you sell on your website.

16
 g. The SEO option is a premium feature that maximizes the Search Engine
Optimization feature of Jimdo so visitor can easily locate your website.
h. The Apps Options contains setting for embedded apps on your website like
Dropbox, QR Codes, Google Analytic, and Twitter.
i. The Jindo Settings allow you to remove the Jimdo box on your website (premium
feature) and check Jimdo news.

BIBLIOGRAPHY
REX Book Store Empowerment Technologies. Innovative Training Works, Inc. First Edition p.
103-113

17
Name: __________________________________ Date: ________________
Grade & Strand: _________________________ Module 2(Tech. 12-01)

FORMATIVE EXAMINATION:

IDENTIFICATION
Direction: Read each statement or question below carefully and fill in the blank(s) with the
correct answer.

___________1. It changes the design Templates selected

___________2. This will add a space for selling an item (online shopping)
___________3. It creates a send an email form for feedback.
___________4. It is is used to prepare your page for mobile devices.
___________5. It is used to manage email accounts for your website.
___________6. add buttons for the site visitors to share your website
___________7. Can views your site statistics
___________8. Can help you accesses Jimdo’s help archives.
___________9. This setting can change account and websites settings
___________10. Use to enable enlarge image link photo and remove link

18
Name: __________________________________ Date: ________________
Grade & Strand: _________________________ Module 2(Tech. 12-01)

E. SUMMATIVE EXAMINATION:

Direction: Explain the following question (5 points each)

Criteria: Content= 3pts; Organizational and Grammar = 2pts

1. Based on what you know. What is Microsoft Word?

2. How will you create a web page using Microsoft Word?

3. Select the best web page for you and explain why?

4. List the steps in creating web page using Microsoft word.

5. What judgement can you make in creating a page using Microsoft word?

19
6. How hard is it to create a website?

7. If you have given a chance to create a site what will be the content and why?

8. What are the other ways to create a website aside from free host?

9. What was it better in creating a website is it Jimdo or Microsoft word?

10. What would you recommend to have the best editing design in WYSIWYG platform?

11. What is the acronym WYSIWYG stands for and what is the purpose of it in designing a
webpage?

12. How would you rephrase the meaning of WYSIWYG?

20
 13. How would you compare the editing tools of WYSIWYG to Jimdo website?

14. What will you do if you’re going to add an element on screen?

15. Think of an original way in editing your own version of website.

Lesson 6: COLLABORATIVE ICT DEVELOPMENT

A. LESSON OBJECTIVES:
At the end of the lesson, the students are able to:
1. Use an online collaborative tool to efficiency monitor group task;
2. Explain the advantage of using online collaborative tools; and
3. create project that requires team member cooperation

21
B. LESSON OUTLINE:
6.1 Team structure and dynamic for ICT Content
(Online collaborative tools and processes)

C. LESSON CONTENT

TEAM STRUCTURE AND DYNAMIC FOR ICT CONTENT

Web Portal- A web portal is a website that contains information from different sources and
places them in a one location in a uniform way. An example of a web portal is Google.
   Top 10 Web Portals
Myspace
 Baidu
 Wikipedia
 Blogger
 MSN
 Facebook
 YouTube
 Yahoo
 Google
  
 Portlet- Interactive elements that gives information to the user.

 Online Collaboration- Simply put, online collaboration lets a group of people work
together in real-time over the internet

 Web Conference- provides live audio/video communication between two or more

locations to conduct meetings, training, or presentations via the Internet.

 The difference between Online Collaboration and Web conference is that Online
collaboration is sharing information to each other to come with a way to achieve the
group’s goal. While in Web Conference is more like a meeting to discuss about a certain
topic.

 Encryption- additional layer of security that makes content unreadable for people with
malicious intent.

 SSL (Secure Socket Layer)- is the standard security technology for establishing an
encrypted link between a web server and a browser.

Online Collaborative tools

A collaboration tool helps people to collaborate. The purpose of a collaboration tool is to

support a group of two or more individuals to accomplish a common goal or objective.[1]
Collaboration tools can be either of a non-technological nature such as paper, flipcharts, post-it
notes or whiteboards. They can also include software tools and applications such as collaborative
software.

22
Three aspects of collaboration: communication, coordination and cooperation can be used
to categorize collaboration tools.

1. Communication – Communication tools provide exchange of information

between individuals
a) E-Mail – The invention of email as a collaboration tool changed the way we used to
communicate in the workplace. It is the easiest method to make contact within an
organization and is well established. Especially for organizing daily correspondence,
email can reach various people with just one click.

Although email is still the most common used tool in communication collaboration it is
not very efficient on a big scale and other forms of communication seem to take over.
Besides its flexibility it is not very good for group conversations as they grow too fast.
[citation needed] There is no way to be sure that a person has the latest version of a
document that has been sent to them and it is impossible to always track via their email
what tasks need to be done and by which deadline.[12] As Cisco states in their Cisco
Blog about the “Future of Email”, emails “will improve productivity by organizing your
data for you” [13] and try to bring more transparency in their work with email.

b) Voicemail – Voicemail as a collaboration tool is more and more integrated in services

such as Google Voice. As pointed out in an IBM future scenario the role of voicemail
could be that of what email is for us today.

c) Instant messaging (IM) – Through instant messaging as a collaboration tool we are

able to reach people within an organization in real-time. In the future instant
messaging is not a stand-alone software anymore, but very well integrated in bigger
solutions such as Unified Communication.

d) VoIP (voice over IP) / video call – Voice over IP as a collaboration tool has quickly
gained popularity among companies and is part of their communication portfolio. As
a report from Eclipse Telecom is pointing out, the VoIP is moving towards the state
to totally replace our telephones in our offices and also integrate in existing
collaboration service environments.

2. Coordination – Coordination is defined as “the deliberate and orderly alignment or

adjustment of partners’ actions to achieve jointly determined goals”. Collaboration tools
supporting this are the ones who allow a person to set up group activities, schedules and
deliverables.

a) Online Calendars – Online calendars are part of professional behavior at work and
fully integrated in other systems. As a research paper from University of Bath
explains, online calendars could in the future be much closely linked to other data
such as social media and have even a larger effect.

b) Time trackers – Time trackers are especially used to measure the performance of
employees. Its effect on productivity is discussed as being controversial.

c) Spreadsheets – Spreadsheets are like emails very popular within the corporate
environment and as a collaboration tool essential for financial analysis or modelling.
Although very popular, several studies found out that many spreadsheets contain
inaccurate data and are therefore inefficient.
3. Cooperation – Cooperation tools allow groups to have real-time discussions and to shape an
idea or thought together. Trends in terms of collaboration target on helping to maintain the
“main idea” within big organizations and make connections visible. Also, the idea of
bringing people who are not working in a company on a regular basis into the organization
and make use of their knowledge.

23
 a) Video conferencing – In most cases video conferencing is part of the overall
communication and collaboration strategy of organizations. Especially now when all
services are cloud-based and therefore implementation costs became more affordable.
The long-term vision for video conferencing lies in the correct usage of computer
processing power, data storage or mobile bandwidth speeds to further decrease the
obstacles of collaboration

  Tips to have a successful collaboration tool

1. Easy to use
2. Have features that will fit your purpose
3. Ability to upload documents
4. Security Features

Using Trelo For Online Collaboration

How to create a Trello account

Step 1: download the Trello application

Step 2: create a Trello account as follows:
a. Click on “sign up”
b. Fill in your full name
c. Fill in an email address. This has to be the same email
address you provided to the Model of Care team
d. Chose a password

Step 3: you will receive a verification email from Trello. Please

click on the like to verify your account

How to invite a colleague to Trello discussion

Step 1: click on the board you would like to invite colleagues to
Step 2: on the left-hand side of the screen, click on “add members”
Step 3: type in the email address of the colleague you would like to add Step 3: press enter

How to contribute to the discussion

Step 1: Click on a board

you would like to
access.

24
Step 2: Click on a topic
card.
Step 3: Comment /
Reply to contribute to
the discussion.

BIBLIOGRAPHY:

REX Book Store Empowerment Technologies. Innovative Training Works, Inc. First Edition p.
159-179

25
Name: __________________________________ Date: ________________
Grade & Strand: _________________________ Module 2(Tech. 12-01)

FORMATIVE EXAMINATION:

MULTIPLE CHOICE
Direction: Encircle the letter that corresponds to the correct answer.

1. This site offers an online to-do checklist for your entire team.
a. Team Structure b. Team Dynamics c. Yammer d. Trello

2. This social networking site allows you to create a graph where in people can collaborate
a. Multiply b. Plurk c. Twitter d. Facebook

3. This allows a group of people to collaborate on one blog

a. Yammer b. WordPress c. Jimdo d. Trello

4. It offers companies to have their own social network or managing projects/content

a. Yammer b. Drive c. Trello d. office online

5. it is a website that contains information from different sources and places them in one location
in a uniform way.
a. Trello b. Search c. Portal d. Wiki

II. Enumerate
Direction: List down or enumerate what are asked for each of the following:

6-10. Give five online collaborative tools a group can use for communicating effectively using
the internet.
6.___________________________________
7.___________________________________
8.___________________________________
9.___________________________________
10.__________________________________

26
Name: __________________________________ Date: ________________
Grade & Strand: _________________________ Module 2(Tech. 12-01)

E. SUMMATIVE EXAMINATION

ESSAY: Explain the following question (5 points each)

Criteria: Content= 3pts; Organizational and Grammar = 2pts

1. What are the used of web portal in online collaborative tools?

2. How does the Trello use for online collaboration?

3. Aside from Trelo and Yammer what social media can we use in online collaboration?

4. What is the function of Trelo, yammer, Jimdo in monitoring group task.

27
5. What judgement can you make in assessing the best collaborative tool to use in online group
communication?

6. Do you use other collaborative/social tools beside Trello? If yes, what are they and

7. How would you use Trelo in promoting collaborative works?

8. How does Trelo help improve your team dynamics?

9. How the website Trelo help you in your study?

10. What are the advantages in using online collaboration?

11. Why online collaboration considered as one of the efficient ways to collaborate online?

28
12. Beside online collaboration what other can you suggest to use in online discussion and how
does it will help you and your group to improve have better communication?

13. What are the limitations in creating New Organization using Trello?

14. How would you improve to have a better group cooperation in online discussion?

15. Create project that will promote social interaction.

29