Lesson

1 Collaborative ICT Development

What’s in It?

Web Page is a document written in HTML (Hypertext Markup Language) that

can be made accessible through the use of internet or using an Internet browser.
A web page is accessed through the use of a URL (Uniform Resource Locator)
address and may contain text, graphics, and hyperlinks to other web pages and
files.
A web page contain can be in a form of an online publication, online
newsletter (such as advertisements or write ups) containing news of interest
chiefly to a specific group. A web page is the primary source for information
dissemination in the web community. Through it, different platforms made to make
users and viewers share information and build collaboration-connection to one
another.
Below is an example of a web page depicting the owner and users view.

Photo credit: https://www.youtube.com/

Online collaborative tools come in different kinds of platforms use for ICT
development. These platforms enable users and admins promote interpersonal
communication, enhances interactivity, establish a common goal that will result to
greater outcome of ICT readiness on an individual or group. Hence below are some
of the most common samples for platforms in collaborative ICT development.

1
 Examples of
different platforms
in ICT Development

Photo credit: https://www.google.com/

What’s New

Activity No. 1 - Sell Products through Online Platforms

Suppose you are to sell goods or products on a website or blog. Create a
website or use an existing one with the aid of but not limited to Google site or any
related platforms such as Blogger, Wix, Wiki, etc.
If your choice is https://www.blogger.com/ (desktop), this is the screen that you
will see when you go to their webpage to create your own idea and design. Make sure
to sign-in your Google account.

Note:
• Before and during this activity, make sure that your computer or mobile phone have a
steady and good internet connection.
• This may be done individually or by group depending on your teacher’s instruction.

STEP 1: If you are in a desktop computer, open the Chrome browser then go to
www.blogger.com. If you are in your mobile phone, download the Blogger app from
Google Play of your Android device.
STEP 2: If you are in desktop computer, sign-in your Google account in your Chrome
browser.

2
 (on Desktop computer)

Click here to create

your blog.

This indicates that I have

already signed-in my
Google account.

If you will be using the mobile version of blogger, this will be first screen that
you will see:
(on mobile phone)

Tap this button

to sign-in to your
Google account.

Tap to create your

blog.

Step 2 screen – Sign-in using your Google Step 3 screen – After signing-in, this is
account. what it looks like. Tap the “Create Blog” to
start creating your blog.
STEP 3: Tap or click the “Create Blog” button.
STEP 4: Provide the title of your blog. For example, Aling Maria’s Blog, Mang
Juan’s Blog, etc. The title of your blog is also the title of your contents (to be).

3
 (on Desktop computer)

Type-in the title

of your blog.

(on mobile phone)

Step 4 screen – Title of your blog Step 5 screen – Web Address of

your blog

STEP 5: Provide the web address of your blog. This must be the name which can
be easily remembered like “www.yahoo.com”. This will be the link that you will submit
to your teacher and will tell your friends. This should be unique worldwide. Blogger
will tell you right away if the web address you provided has the same name.
4
Example: alingmariasblog.blogspot.com
mangjuansblog.blogspot.com

(on Desktop computer)

Click save after

providing your
home address.

STEP 6: Create your first post.

(on mobile phone)

Tap this arrow

to finish editing
Give the title and publish
and content of your post.
your post. You
may also
include images
Tap this to if you want.
create new post
to your blog.

5
 (on Desktop computer)

Click this to
create new post
to your blog.

Type here the title

of your post.

Click here to Click here to

preview your publish your
Copy and paste post. post.
or type here the
content of your
post.

For those who are working out using the Blogger mobile app, publish at least 5 posts
to your blog then submit your web address to your teacher.

Note: Creating a blog and making a post are the limited tasks we can do with
the Blogger mobile app. Further enhancements can be done by signing into
Chrome browser then go to www.blogger.com.

For those who wants to enhance their blog, here is the extended instructions.

6
STEP 7: After signing-in your Google account into the Chrome browser, go to
www.blogger.com.

Click here to proceed

to choosing a theme
for your blog.

STEP 8: Choose by clicking the theme you want to use, then click “Apply”.

Click “Apply” to let the

theme take effect on
your blog.

STEP 9: You may want to customize the theme or template you selected. You may
choose the customize button.

7
 Click “Customize” to
modify the layout
aside from the default
design.

You may enhance or

beautify everything by
accessing this part.

Save the changes

you made by clicking
this icon.

STEP 10: Adding pages to your blog. Adding pages to your blog is the same as adding
choices to your navigations bar.

2
Click “New Page” from
the upper left panel.

1
Click “Pages” from
the left panel.

STEP 11: Finalize your layout and submit your link to your teacher.
8
WEBSITE EVALUATION RUBRIC (1 of 3)
9
WEBSITE EVALUATION RUBRIC (2 of 3)
10
WEBSITE EVALUATION RUBRIC (3 of 3) 11
 What Is It?

As you are done with your web page creation through your choice of platform,
we now go to evaluating the type, design, and quality of web page you made.
Hence let us first get acquainted with the different types of media platform for
online collaborative ICT Development. Platforms that may be currently used to host
newsletters and similar ICT content related information which include but are not
limited to are as follows for (a) Presentation and visualization platforms such as Prezi,
Zoho, SlideShare and Mindmeister. For (b) cloud computing, e.g. Google Apps. (c)
Social Media venues include Facebook Pages, Tumblr, Instagram and Pinterest.
Development of (d) web page in which Wix, Weebly and Google Sites and lastly (e)
Blog or Publisher sites such as Blogger, WordPress, LiveJournal, Issuu and Google
Sites.
These several choices of platforms contribute to accessing and working
collaboration through peers with the use of ICT.

What’s More
Activity No. 2: Collaborative Designed Website
Using the same website/page in Activity 1, evaluate 5 of your classmates’
website. To evaluate, use the rubric attached on pages 13 – 15. You may also access
this rubric through this url: http://www.galileo.org/tips/rubrics/website_rubric.pdf
You will submit 5 screenshots of your classmates’ website and identify which is
the first, second, etc. Submit an accomplished Website Evaluation Table #1 to your
teacher.
Note: This may be done individually or by group depending on your teacher’s
instruction.
WEBSITE EVALUATION TABLE #1
Website #1 Website #2 Website #3 Website #4 Website #5

Website
Name:

RUBRICS
Target and
Purpose
(4pts.)
Content
(5pts.)
Crediting
Sources
(4pts.)
12
Development
of Ideas
(4pts.)
Home Page
(4pts.)
Layout
(4pts.)
Functionality
(4pts.)
Organization
(4pts.)
Language &
Conventions
(4pts.)
Graphic
Elements
(4pts.)
Integration of
Multimedia
Elements
(4pts.)

13