MODULE 3: NON-DIGITAL AND DIGITAL SKILLS AND TOOLS IN 2.

Simplicity – Makes ideas and relationships simple and easy

DELIVERING TECHNOLOGY-ENHANCED LESSONS to recall. Avoid cluttering a visual with too many words,
numbers, or graphics. The audience should be able to grasp
the concept in 10 to 15seconds.
LESSON 1: DEVELOPMENT AND USE OF NON-DIGITAL OR
3. Legibility – Make letters big and readable for all audiences.
CONVENTIONAL MATERIALS
4. Consistency – Use the same type style and art style.

5. Clarity – Avoid typing letters that are too small to read,

Instructional materials- are the tools used in educational
avoid all caps.
lessons, which includes active learning and assessment. It is
the supplementary materials, which help the teachers 6. Quality –Make it neat and professional and remember to
to make his/her presentation concrete , effective, interesting, proofread.
meaningful and inspiring.

LESSON 2: SELECT AND USE ICT TOOLS FOR TEACHING

Instructional materials have several roles in teaching and AND LEARNING
learning which include the following:

1. They promote meaningful communication and effective

ICT- stands for Information and Communication Technology.
learning.
This refers to various tools and devices or gadgets used in
2. They ensure better retention, thus making learning more communicating, disseminating, creating, storing, and
permanent. managing information.

3. They help to overcome the limited classroom by making the

inaccessible accessible.
Different ICT Tools Applicable in Teaching and Learning
4. They provide a common experience upon which late
learning can be developed.
A. Using Mobile Phone and the QR Code
5. They encourage participation especially if students can
manipulate materials used (Brown at al., 2005;Effiong & Igiri, QR Code- It is a code that was created by a Japanese
2015). corporation Denso-Wave in 1994.-QR stands for
“Quick Response”-It allows the readers to decode the
information at a high rate of speed.
In any teaching and learning process ,instructional materials
play a vital role as they provide sensory experiences to the
learners. Ten Interesting Ways to Integrate QR Code in Your Teaching
1. Diorama- a scenic representation in which sculptured 1. Create Interactive and Engaging Content- You can enrich
figures and lifelike details are displayed usually in miniature the content you teach in a class by using QR Codes that link to
size, to blend indistinguishably with a realistic painted other readings and resources.
background.
2. Scavenger Hunts- Create an interactive classroom activity
2. Nature Table- is a table that contains objects and or scene such as the Scavenger’s Hunt by using QR Codes that provide
related to the current season or upcoming festival or symbol directions or instruction resulting in better learner
of an ecosystem. engagement.
3. Writing Board- 3. Share Resources- Learners can use QR Codes to share
a writing board can display information written with chalks educational resources with each other (e.g. lecture notes,
(chalkboards or blackboard) or special pens. web contents, how-to-do videos.)
4. Flip Chart- is a large tablet or pad of paper usually on tripod 4. Enhance Classroom Library- Create QR Codes of students’
or stand. brief write-ups about why they enjoy their book and put them
right in or on the books in the class library.
5. Zigzag Board- is a multi-board series of three or four
rectangular boards. They are joined together along the sides 5. Use in classroom Activities- The QR Code can be used
by hinges so that they can be easily folded up and carried. in giving instructions in class and pin them up inside the
Each board can be of different type. classroom instead of providing them with thick copies of
printed materials giving instruction on how to do an activity.
6. Wall Display- is a collection of many different types of items
and materials put up on a wall to make an interesting and 6. Provide Help with Homework- A detailed instruction can be
informative display. made into a QR Code which students can scan at home and
use the information to help them comply with their
7. Rope and Pole Display Board- a board consist of two
assignments.
parallel, horizontal poles tied loosely together with rope.
Visual aids such as posters can be pinned to the rope. 7. Gather Students Feedback- You can create surveys, polls,
and forms using google form and share them with students as
QR Codes.
Guidelines when Designing Conventional Instructional
8. Research Project- Make students create QR Codes linking
Materials:
other resources and web content to their research work.
1. Unity – Use only one idea for each visual aid and include a
9. Provide Easy Access to Online Content- Create QR Codes
headline.
with URLs for students to gain easy access to online resources.
10. Communicate with Parents or Partners- You can share • Monitoring students` progress can be highlighted in a
information to parents on school events or activities in school. portfolio- It may not only contain finished products but also
several versions on how the students improved their work
based on the feedback provided by mentors.
B. Infographics- are useful for sharing information because
• Portfolios document students` learning growth- They
they can improve cognition (understanding and perception)
encourage the student sense of
by utilizing eye-catching design elements and concise
language to enhance the human visual system’s ability to see accountability for their own learning process.
patterns and trends
• Creating an Online Portfolio Using a Site- There are many
- is a visual representation or an image such sites that can be used in creating an ePortfolio. One of which
as a diagram, chart, or picture representing information, or is the Google site. If
data.
you have a google account, you can start using the available
applications. You can now also try Weebley, or Wix, among
others.
There are ways for which infographics can be used.

Steps in constructing an ePortfolio

• A recruiting tool- Infographics have long been used by
designers on resumes, a way of visually simplifying their 1. Enter your Gmail account and look for Sites. If it is
careers and highlighting specific skills and sets in utilizing their the first time that you have done this, you need to read the
own design style. directions.

• To present survey data- Presenting statistical data such as 2. You scroll down and read further until you see the
from surveys can be overwhelming, Infographics can be highly icon for Sites.
useful. Data are much easier to decode.
3. When you click it, it will lead you to another section.
• To simply a complex concept- Simplifying a complex idea is This will let you create a site that you can use as an ePortfolio.
the core purpose of using an infographic.
4. Consider a good label or a title for your ePortfolio
• To explain how something function. Using infographics, you and prepare the texts, links, multimedia outputs, images, or
can show the intricacy of how something complex works. It jpeg files that you want to upload in the pages of the
can reveal the mechanics behind how an object works. ePortfolio.
Designers can create infographics by showing the mechanics
behind intricate objects, processes, concepts.
Parts of an ePortfolio
• To compare/comparison- Presenting information by
highlighting similarities and differences through a visual 1. Home Page- the first section is the Home or your cover
parallel in an infographic can turn out more effective than page. This is the first thing that your readers will see. So, you
expressing it in words. need to introduce yourself and the objectives of your
ePortforlio.
• To present interesting facts- When information or facts are
presented all in words, the use of infographics can bring life. 2. Pages- the pages that you can add depend on how you
would like to organize you ePortforlio. When adding pages,
click the icon and decide whether it will be parallel to your
C. IPad/Tablet and the Online Bulletin Board Home Page or it will be under it.

Creativity and collaboration are fun! A dull and boring bulletin 3. Reflections- a major element in a portfolio whether it is
board can be made interesting when done online. Posts with online or not, is the writing of the reflection. It is thinking –
good backgrounds, stylish fonts and varied colors become aloud, a way of documenting what they are thinking.
attractive to learners. An online bulletin board is a way of
presenting ideas with a twist and interest, with no cost at all.
Gibb’s Reflective Cycle

1. Feelings- learners are involved in learning and an activity or

LESSON 3: CREATING EPORTFOLIO AS A TECHNOLOGY TOOL
perhaps a lesson can trigger certain feelings.

2. Evaluation- discuss how well you think the activity went.

• An electronic portfolio (also known as eFolio, e-portfolio, E- Recall how you reacted to the task or situation and how
Folio, or online portfolio) is a others reacted.

collection of electronic evidence assembled and managed by 3. Analysis- this part of the write up includes your analysis of
a user, usually on the Web. what worked well and what have facilitated it or what may
have hindered it.
• Portfolios are one good means of keeping things in order.
Portfolio is a collection of a student work that exhibits 4. Conclusion- now, you can write what you have learned
students` effort, progress, achievements, and competencies from the experience or what you could have done.
gained during the course.
5. Action Plan- at the end of your reflection, you write what
• Student ePortfolio can evaluate students` academic action you need to take so that you will improve the next
progress- They can inform the teacher to time.

adapt and use instructional strategies when pieces of

evidence indicate that they are either learning or not.
LESSON 4: TECHNOLOGY COLLABORATIVE TOOLS IN THE The 4 Cs of the 21st Century Skills
DIGITAL WORLD
• Critical Thinking – is learning how to solve problems.

• Creativity – requires students to think out of the box and to

Available tools and applications that can used to work take pride in what is uniquely theirs.
collaboratively with others like:
• Communication – makes students express their ideas in the
1. SKYPE- Is a software application allowing you to do a clearest and organized manner. Through varied modes – face
videoconferencing for free. – to – face, technologically mediated or a blended medium,
they need to know how to convey ideas efficiently and clearly.
2. WIKI- Is software that allows you to create a page or
a selection of pages designed to allow you to post or write, • Collaboration – happens when students know how to work
edit, or upload a link quickly. well with others to accomplish a given task or solve a problem
at hand.
3. BLOGGING- In blogging, it is journaling your ideas to
which others can react allowing a thread of discussion to take In addition to the 4cs, there are Citizenship and Character.
place and which can be used online.

4. GOOGLE GROUP OR GOOGLE FORM- Is an

Digital Literacy Skills vs. Digital Literacy
application that can be used in a collaborative documentation
of ideas contributed by members of the team. • Coding – is a universal language. Basic understanding of
HTML, CSS and the like will create a shared understanding of
what can be done with the web pages.
LESSON 5: DIGITAL LITERACY SKILLS IN THE 21ST CENTURY
• Collaboration – the use of Google docs among others allows
student to begin experimenting with effective online
collaboration.
Digital literacies- are the individual's capabilities to be able to
effectively and responsibly function and perform in a digital • Cloud Software – This is essential part of document
society. management. The cloud is used to store everything from
photos to research projects, to term papers and even music.
-The term digital literacy was coined by Paul Gilster in 1997
and it came from the discussion of the concepts on • Word Processing Software – Google, Microsoft Online Drop
Box are available for storage and management solutions.
(a)visual literacy when images and nonverbal symbols try to
capture the knowledge; • Screen casting – A screencast is a video recording using the
computer screen, and usually includes an audio. On the other
(b) technological literacy requiring one to be able to use
hand, when you take a picture on the screen of your
technology in addressing a need;
computer, it is called a Print screen.
(c) computer literacy which in the 1980s is started to become
• Personal Archiving – Students should be taught the
a household item manipulated to achieve once target; and
concepts of meta-data, tagging, keywords and categories to
(d) information literacy which refers to the finding evaluating make them aware how they are represented online.
using and sharing of information.
• Information evaluation – Critical thinking to weed out fake
news is a crucial 21st century skill.

The Digital Literacies • Use of social media – Social media serves different purposes
depending on the user, the technology, and the need.
• Media literacy – is one’s ability to critically read
information or content and utilize multimedia in creatively
producing communications.

• Information Literacy – is locating information from

the web and interpreting while evaluating its validity in order
that it can be shared.

• ICT Literacy – is knowing how to select and use

digital devices, applications, or services to accomplish tasks
requiring the use of the internet.

• Communications and Collaboration – are one’s

capabilities in being able to participate in the digital networks
in the teaching and learning context.

• Identity Management – is being able to understand

how to ensure safety and security in managing online identity
and foster a positive digital reputation.

• Learning Skills – are ways of knowing how to study

and learn in a technology – enriched environment; this is
knowing how to utilize technology in addressing the need to
learn efficiently.

• Digital Scholarship – is being able to link and

participate in professional and research practices.