LESSON 3: Online

Tools for ICT

Content and
Development
LEARNING OBJECTIVES :
At the end of the lesson, you will be able to
• identify the different platforms and applications in developing ICT content;

• evaluate existing online creation tools, platforms and applications in developing ICT content;

• identify the basic web design principles and elements;

• demonstrate an understanding of the purpose of online platforms and applications and know the
basics of using them; and

• design a website using templates and online WYSIWYG

Review previous Lesson.
ONLINE PLATFORMS
FOR ICT AND
CONTENT
DEVELOPMENT
 CONTENT
DEVELOPMENT
The process of creating content
through researching, gathering,
writing and editing information
 Presenting Content Online
This means presenting a prepared talk with or without a
presentation through video call or using a platform that
allows sharing the presentations.
 Creating Visual Representation of Content
The conversion of textual and numeric data into charts,
diagrams, maps, figures and tables.
 Sharing Content Online
The distribution of information and ideas through
different platforms.
 Storing Content Online
Saving data or information on the internet.
 Designing Web Pages Online
Process of creating websites and web pages.
Pinning Locations Using Interactive Maps
 Creating Survey Forms Online
The easiest way of collecting data from a group of
respondents about certain topics.
 Accessing Data and Applications Online
Cloud Computing is a platform that processes software
and services, stores data, host websites and blogs,
streams audio and video, and manages database and
servers.
 What do you think are the
advantages and disadvantages
of cloud computing?
WEB DESIGNING
AND
DEVELOPMENT
What is a Web Page?
A Web Page is a digital
document that is accessible
through the Internet.

What is a Website?
A Website is a collection of web
pages with related information
 Principles in designing websites

Determine the objective and purpose before starting.

Consider the design.

Ensure that the content is informative and all the

links are functional
Web Pages can be categorized according to their
purpose
ADVOCACY
BUSINESS
INFORMATIONAL/EDUCATIONAL
NEWS
PERSONAL
ENTERTAINMENT
SOCIAL
Basic Components or Elements of Website

 Page Header

 Navigation or Main Menu

 Search

 Content Area

 Page Footer
 WYSIWYG (What You See Is What You Get)
Whatever you type, draw, place, insert, rearrange, and
everything that you do on a page is what the audience will see.
 Collaborative
Development of
ICT Platforms
 Web Development Team
Project Manager – leader of the group

Web Strategist – plans the approach or method to be done

Content Specialist – an experienced writer

Web Designer – in charger of the visual presentation of the website

Developer – execute the web site as planned

Inbound Marketer
Collaborative Tools
 Content Evaluation Criteria for Online Tools
QUALITY
-refers to the adherence of the content to good standards

VALUE
-refers to what it can add to your intended audience .

APPROPRIATENESS
-refers to the adherence of the content or project to its defined intention
Phases to Effectively Manage ICT Content
Development

Monitoring
Development and
Initiation Planning Implementation and Closing
Controlling
 Ways to Effectively Share ICT Contents Online

Check if the content has passed the criteria of a good ICT content
Identify the online platform to which the content is to be shared.
Ensure that the platform to which the content is to be shared.
Share the content as scheduled
Use the desired and suitable platform for sharing
Reminders When Curating ICT Contents for online
purposes :

Identify a theme

Conceptualize a design.

Select the contents

Curate the contents

TAKEAWAYS:

• There are online platforms and applications available on the

Internet for creating content. These platforms vary in usage.

• Some are designed for creating presentations, designing and

developing web pages, storing data and information, sharing
content, managing files, creating maps, and others.

• Developing web pages has become much easier with the use
of a WYSIWYG editor.
TAKEAWAYS:

• It is found out that in doing collaborative projects, especially in

ICT, the utilization of tools, is of big help.

• When developing an ICT content project, it is advisable to do it

in a sequential manner. It goes with initiating, planning,
developing, implementing, monitoring, controlling and closing.

• To manage these series of tasks, it would be best if there is

already a plan on what to do and how to do it in each of the
development.
 Exercises #2 : Designing a Web Page
A. Try using a web builder online tool in developing a website.
Follow the steps below :

1. Go to www.wix.com, and create an account.

2. Locate the option where you can create a website using a
template. If you are using Wix, choose Create Your
website with Editoe. Click Choose a Template.
3. You will be prompted with different templates. Pick the
template you want.
 Exercises #2 : Designing a Web Page
4. Your Website will be generated in the WYSIWYG Editor.
5. Clicking on an element will give you more editing options.
6. Clicking the Add button will enable you to add other
elements to your page.
7. Explore it. Try replacing the images on the home page.
8. Create the Contact Page. Click the Pages button and then
choose Add Page.
 Exercises #2 : Designing a Web Page

9. Choose the template for your Contact page and then

choose Add Page.
10. You will be prompted to save your site and choose a
domain. Click Continue once done.
11. Edit your Contact page with your details.
12. Click the Preview button to see how it will look like
when published.
13. Once done, click the Publish button.
 WRITTEN WORKS #4: E-Planning
Together with your group, meet via an online collaboration
application (Google Meet, Gdrive, Zoom, etc.) and plan and
discuss your definite actions and strategies for your project
launch. You need to define your action plan for the content
launch that you will do later on. The plan can be documented
by identifying the needed activity, the specific process of the
activity, the timeline and the specific person in charge. You
may also onclude other matters that are crucial.
 Activity 4: E-Planning
You can use this template for this activity.
MAJOR ACTIVITY SPECIFIC PROCESS TIMELINE PERSON-IN-CHARGE
OF THE ACTIVITY
1.

4
Big Performance Task #3
Integrating Ideas via Online Communication and
Collaboration

Your goal is to showcase your company profile. You are a

company representative at a conference where you will
show your company presentation to the participants of the
conference. To create the presentation, you and your
colleagues need to communicate and collaborate online to
come up with an integration of ideas that are useful for
the company presentation.
 Big Performance Task #3
It should also be published online so it can easily be accessible to
other participants of the conference.

● Your group should use online collaborative tools to

collaboratively develop an online product that will showcase what
your company is and what it does.
● Your online product should provide relevant content that shows
what your company is about, and should have sufficient
information about what your company does. All members of the
team should effectively use online collaborative tools to develop
the online product.
 Big Performance Task #3

● Your online product should show considerable originality and

uniqueness.
● Your online product should have well-organized content and
ideas and should be clear, easy to understand, and appropriate to
the audience.
● Your online product will be evaluated based on content,
teamwork, originality, organization, and clarity.