ED 104

Technology for Teaching and Learning 1

CHAPTER 3
B. DIGITAL TOOLS OR NON-CONVENTIONAL INSTRUCTIONAL SUPPORT FOR
TEACHING AND LEARNING

Reporters:
Irene Leduna
Relly Mae Denosta
Erelyn Reble
Sheila Marie Arcenas
Stephanie Balbino

Digital learning tools - include a wide variety of applications, websites, and learning platforms that
facilitate learning by connecting students, teachers, and sometimes even parents. Digital Learning Tools can
assist teachers and students with teaching, learning, and communication. While Digital learning tools may
be hard to define, think of them as online programs, applications, or technology that can enhance a student's
ability to access information and understanding. It is important to remember that there are a plethora of
digital learning tools and that they are always expanding. Digital learning tools are mostly accessed via the
internet but can be used at home or in a school setting. They can help students more deeply understand the
content their teacher is sharing.
Why Use Online Learning Tools?
With an increase in technology available in classrooms, more teachers and students are using digital
learning tools than ever before. Digital learning tools should enhance a teacher's instruction and support
students in grappling with key concepts, knowledge, and understanding of the content. Many of these tools
can simplify lesson creation and management, improve engagement and discussion for students, and allow
clear communication from the instructor to both the student and the caregiver. Using digital learning tools
can increase students' time learning and can be very effective. Today's teachers must familiarize themselves
with digital learning tools to be proficient in the classroom.
Types of Online Learning Tools: There is a wide and ever-increasing variety of online education tools
available to educators and students today. Remember that online learning tools refer to any program,
application, or technology that enhances a teacher's instruction. The main types of digital tools for educators
or online educational tools can be broken into three major categories: online classrooms, assistive
technology, and apps (applications). This list is not exhaustive, and educators should be proactive when
looking into the most current online learning tools.
Online Classrooms - Many students and teachers have experienced an online classroom in the past few
years. Many teachers and districts put their teaching and learning materials in a virtual learning platform or a
learning management system (LMS). Think of this as a virtual locker that houses your textbooks, materials,
novels, resources, notes, etc. One may encounter a learning management system in many online classrooms.
Online classrooms have a wide range but can be broken into three categories; blended classrooms, flipped
classrooms, and distance education classrooms.
A blended classroom is when the teacher is utilizing both print and computers within the classroom space
meaning they are doing some face-to-face instruction and utilizing the computer to support student learning
as well. This can look a variety of ways, but many times teacher will supplement their curriculum with
videos, games, or specific software to practice on. Many national curriculums offer their materials in both
print and digital.
A flipped classroom also uses both face-to-face instruction and digital instruction. What makes a flipped
classroom unique is that students are doing the "learning" of information at home via videos, texts, or
software and then coming into the classroom to engage in projects, discussions, and collaborative tasks.
Finally, distance education classrooms, also known as virtual classrooms, are where the entire instruction is
done remotely. The teacher and the student may meet online and engage in instruction together via the
internet, but they will never meet face to face.
C. SELECT AND USE OF ICT TOOLS FOR TEACHING AND LEARNING
Introduction
The current systems employ technologies by integrating ICT tools and application in education and
in instruction. The great part of learning is working on information and using it to create something that can
be useful and edifying for humanity.
Since the intention of education is to make learners become useful and productive citizens, the use of
ICT tools can provide a lot of possibilities on how learners can do something with what they know.
Teachers can therefore employ ICT tools in their ways of engaging learners by communicating,
disseminating and managing information. The effective use of ICT tools depends on how the teacher will
use them. When employed appropriately, they can make the lesson meaningful and learner’s engagement in
the process of learning. In instruction of ICT tools can be used in presentation of the lesson, demonstrating a
point or presenting a concept.

Learning Inputs
“Technology will never replace great teachers, but technology in the hands of great teachers is
transformational”
-George Couros

 The current systems employ technologies by integrating ICT tools and applications in education and
in instruction.
 ICT stands for Information and Communications Technology. This refers to various tools and
devices or gadgets use in communicating, disseminating, and creating, storing and managing
information.
 It is important that learners understand how to use these tools in helping them learn.
 Since the intention of education is to make learners become useful and productive citizens , the use
of ICT tools can provide a lot of possibilities on how learners do something with what they know.

1. Using Laptop and the Info graphics

An info graphic is a visual representation or an image such as a diagram, chart or picture
representing information or data. It is eye-catching and makes use of a clear layout, attractive colors and
hues, and caricatures that provide. If it is used to make market products in the increasing visual world, then
info graphics can also be employed in marketing information and ideas in the teaching and
learningprocess.de a cohesive presentation of the information.
Canva ( http:://www.canva.com) is a tool that can be used in creating info graphics. It has several info
graphics template for education. You can try out the free design elements and produce one just
like a professional info graphic designer. You can start exploring this site and familiarize yourself with its
features. As a gentle reminder, please take time to read the instructions and navigate around that features to
get optimal use of it.

There are many ways for which info graphics can be used:
1). To present survey data
-Presenting statistical data is highly useful. \
-Data are much easier to decode and understood if they are presented by info graphics.
2) To simplify a complex concept
-Simplifying data is the core purpose of info graphics.
-It is very effective in summarizing key points or providing an overview of the lesson.
3) To explain how something functions
-By using info graphics, you can show the intricacy of how something complex works. It can reveal
the mechanics behind how an object works.
- Designers can create info graphics by showing the mechanics behind intricate objects, processes, concepts.
4) To compare
-Presenting information by highlighting similarities and differences through a visual parallel in an
info graphics can turn out more effective than sometimes expressing it in words.
-It is easier to draw comparisons with the same information neatly organized.

HOW TO MAKE YOUR INFOGRAPHICS

You need the following:
1. You need to be online
2. Using the PC, laptop or mobile phone, search for Canva, Vismen or Venngage
3. Create or sign up an account if you still do not have one in order to design your own infographics
4. Procedure:
Step 1: Choose the most suitable template for your use from the library
Step 2: You may use images from their file or upload your own pictures
Step 3: Make a cohesive layout containing correct and essential information
Step 4: You can choose a background and font styles
Step 5: You may change the color of boxes and the text to suit your style
Step 6: Save the image of the info graphics
Step 7: Share the info graphic you have created

2. Ipad/Tablet and the Online Bulletin Board

Creativity and collaboration are fun! A dull and boring bulletin board can be made interesting when done
online. Posts when done with themed backgrounds, stylish fonts and varied colors become attractive to the
learners. An online bulletin board is a way of presenting ideas with a twist and interest with no cost at all.
Here’s how:
Step 1: Search for https://padlet.com/
Step 2: Sign up or log-in using any of your social media account.
Step 3: If you want to make your own, click MAKE A PADLET
a.You can choose Start with a Blank or Pick a Template
b. Start making posts by clicking the + sign
c. Make your posts as creative as you can by clicking Modify and selecting your choice of color, font,
theme, etc.
d. You can now share your Padlet or online bulletin board to your friends. Click Share and allow others to
have access to it or you can share through the social media account where others can view it.
Step 4: If you want to join someone’s bulletin board, click JOIN A PADLET.
a. Enter in the dialog box the URL of the padlet you want to join.
b. Start posting on your friend’s/ classmate’s padlet by clicking the + sign.

Different types of App that can be used in teaching

1. Canva This app is used in addition to Canvas Teacher and can be used to help students access
classroom information from their devices.-
2. Mentimeter -This online tool enables teachers to engage with students using live polls, word clouds,
quizzes, multiple-choice questions, and more.
3. Google Classroom -This app is available to download for free on Google Play. It pulls together all of
the G-Suite apps (Docs, Slides, Sheets, and Draw). Teachers can create assignments and
announcements for individual classes, attach worksheets, slides, or web links (among many others),
 and set due dates. Completed work from the students is saved automatically to their Google
Classroom class folders in their Google Drive.

3. Using Mobile Phone and the QR code

A QR code is (quick response code) is a type of 2D bar code that is used to provide easy access to
information through smartphone. Example of QR code in this process, known as mobile tagging, the smart
phone’s owner points the phone at a QR code and opens a barcode reader app which works in conjunction
with the phone’s camera. It is a code that was created by a Japanese corporation Denso-Wave in 1994.
Effectively and Efficiently connecting the physical world, QR stands for “Quick Response”. It allows the
readers to decode the information at a high rate of speed.

You can easily read QR codes through a QR code scanner. Here’s all you need to do:
1. Have a mobile phone with a camera;
2. Using the mobile phone, download from Play store or App store the QR Code Reader/Scanner
application. Chose an appropriate QR code reader for your operating system whether IOS or Android. Once
installed in your gadget, you can use it to read the codes.
3. Focus your camera on QR code. Click it and the message will be revealed to you.

How to make a QR Code

Step 1: Be online
Step 2: Search for a QR code generator and ensure that you read the information about the application. This
is important to ensure your safety in the internet. There are tons of QR code generators but a few of the most
popular include KAYWA, GOQR.me, Visualead, and QR stuff. There are many FREE applications online
and therefore you can take this chance to use them.
Step 3: Once you have identified your free online QR Code generator, you can now encode the text or the
information that you want.
Step 4: Run it and save it as a jpeg file. Now, you have successfully created your own code which you can
download.
Step 5: Test the QR Code using QR reader or scanner.

Five (5) Interesting Ways to Integrate QR Codes in your Teaching

1. Create Interactive and Engaging Content

You can enrich the content you teach in a class by using QR codes that link to other readings and
resources. You can link to a pdf, a video representation, a website, a document, or an audio file among
others.
2. Share Resources
Learners can use QR codes to share educational resources with each other.
3. Use in Classroom activities
The QR code can be used in giving instructions in class and pin them up inside the classroom instead
of providing them with thick copies of printed materials giving instruction on how to do an activity.
4. Gather students’ feedback
You can create surveys, polls, and forms using Google form and share them with students as QR
codes which can be easily scanned and accessed.
5. Provide Easy Access to Online Content
Create QR codes with URLs for students to gain easy access to online resources. Sometimes
when a long URL is given learners may copy a broken URL version hence, resources become
inaccessible.

D. CREATING E-PORTFOLIO AS A TECHNOLOGY TOOL

Lesson Outcome:
1. Explored the use of a platform such as google site
2. Constructed an e-portfolio to document learning.
PORTFOLIO – It is a collection of student work that exhibits student’s effort, progress, achievements and
competencies gained during the course.

CREATING AN ONLINE PORTFOLIO USING A SITE

Steps in Constructing an ePortfolio:
1. Enter your google account and look for sites.
2. You scroll down and read further until you see the icon for sites.
3. When you click it, it will lead you to another section. This will let you create a site that you can use as an
ePortfolio.
4. Consider a good label or a title for your ePortfolio and prepare the texts, links, multimedia outputs,
images or jpeg files that you want to upload in the pages of the ePortfolio.

Parts of an ePortfolio
1. Home Page – The first section and the first thing that your readers will see.
2. Pages – The pages that you can add depend on how you would like to organize your ePortfolio. When
adding pages, click the icon and decide whether it will be parallel to your Home Page or it will be under it.

References:
Sagu, Ira (2020). Creating ePortfolio as a Technology Tool. https://www.slideshare.net/IraSagu/creating-
eportfolio-as-a-technology-tool

E. COLLABORATIVE ENVIRONMENT IN THE DIGITAL WORLD

Collaborative environment-refers to a s pace where

individuals can work together, share ideas, and collaborate on
projects regardless of their physical location. It allows people to
connect, communicate, and collaborate in real-time, breaking
down geographical barriers and enabling global collaboration.
Collaborative environments in the digital world foster teamwork, creativity, and innovation. They
encourage diverse perspectives and enable individuals with different skills and expertise to contribute to a
common goal. By leveraging the power of technology, collaborative environments enhance productivity,
efficiency, and the overall quality of work.
In the digital world, there are various types of collaborative environments that facilitate teamwork and
cooperation. These environments leverage technology to connect individuals, regardless of their physical
location. Here are some common collaborative environments in the digital world:
•Online Collaboration Tools: These tools provide a platform for teams to collaborate on projects, share
files, and communicate. Examples include Microsoft Teams, Slack, and Basecamp.
•Virtual Meeting Platforms: These platforms enable teams to hold virtual meetings, conduct video
conferences, and share screens. Popular options include Zoom, Google Meet, and Cisco Webex.
•Cloud Storage and File Sharing: Services like Google Drive, Dropbox, and OneDrive allow teams to
store and access files in a centralized location, making it easy to collaborate and maintain version control.
•Project Management Software: These tools help teams organize and manage projects, assign tasks, track
progress, and collaborate on project-related activities. Examples include Trello, Asana, and Jira.
•Online Document Collaboration: Platforms such as Google Docs, Microsoft Office 365, and Notion
enable multiple users to work simultaneously on the same document, facilitating real-time collaboration and
editing.
•Social Collaboration Platforms: These platforms provide a social networking-like environment for teams
to communicate, share ideas, and collaborate. Examples include Workplace by Facebook, Microsoft
Yammer, and Slack.
•Virtual Whiteboards and Mind Mapping Tools: Tools like Miro, Mural, and Lucidchart allow teams to
brainstorm, create visual representations, and collaborate on ideas in a virtual space.
•Online Learning and Training Platforms: These platforms facilitate collaborative learning experiences,
providing features like discussion forums, group projects, and shared resources. Moodle, Canvas, and
Bl`ackboard are popular examples.
However, it is important to recognize that effective collaboration in the digital world requires certain skills
and practices. Clear communication, active listening, and the ability to provide constructive feedback are
essential for successful collaboration. Additionally, establishing clear goals, roles, and responsibilities, as
well as utilizing appropriate collaboration tools, can contribute to a productive and efficient collaborative
environment.
The use of collaborative environments in the digital world has become increasingly important due to
the rise of remote work, globalization, and the need for effective teamwork. These environments provide
numerous benefits and play a crucial role in facilitating collaboration and enhancing productivity. Here are
some key reasons for the use and importance of collaborative environments in the digital world:
•Enhanced Communication: Collaborative environments allow team members to communicate and
collaborate in real-time, regardless of their physical location. This improves communication efficiency,
reduces delays, and fosters better teamwork.
•Remote Collaboration: With the increasing trend of remote work, collaborative environments enable
teams to work together seamlessly, even when they are geographically dispersed. This promotes inclusivity,
flexibility, and the ability to tap into a global talent pool.
Efficient File Sharing and Version Control: Collaborative environments provide centralized storage and
file sharing capabilities. This ensures that team members have access to the latest versions of documents,
reduces the risk of data loss, and streamlines collaboration on shared files.
•Real-time Collaboration and Editing: Online document collaboration tools enable multiple users to work
simultaneously on the same document. This allows for real-time collaboration, feedback, and editing,
eliminating the need for back-and-forth exchanges and expediting the decision-making process.
•Enhanced Engagement and Team Building: Collaborative environments often incorporate social features
that promote engagement, team building, and a sense of community. This can include virtual water cooler
chats, discussion forums, and social networking functionalities.
The collaborative environment in the digital world offers immense opportunities for individuals to work
together, share ideas, and create meaningful outcomes. By leveraging technology and embracing digital
collaboration, we can tap into the collective intelligence and creativity of a global community.

DIGITAL LITERACY SKILLS IN THE 21ST CENTURY

DIGITAL LITERACIES
This are individual’s capabilities to be able to effectively and responsibly function and perform in a digital
society. In school, it has become a buzzword which refers to the ability to access, process, understand,
utilize, create media content using information technologies and the internet.
CONCEPT OF DIGITAL LITERACY: PAUL GILSTER
a. A visual literacy when images and non-verbal symbols try to capture knowledge.
b. A technological literacy requiring one to be able to use technology in addressing a need.
c. A computer literacy which in the 1980s started to become a household item manipulated to achieve one’s
target; and
d. An information literacy which refers to the finding, evaluating, using and sharing of information

THE DIGITAL LITERACIES

1.Media Literacy
It is one’s ability to critically read information or content and utilize multimedia in creatively producing
communications.
2. Information Literacy
It is locating information from the web and evaluating its validity in order that it can be shared.
3. ICT Literacy
It is knowing how to select and use digital devices, applications or services to accomplish tasks requiring
the use of the internet.
4. Communications and Collaboration
This are one’s capabilities in being able to participate in the digital networks in the teaching and learning
context.
5. Identity Management
It is being able to understand how to ensure safety and security in managing online identity and foster a
positive digital reputation.
6. Digital Scholarship
It is being able to link and participate in professional and research practices.
7. Learning Skills
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.

THE 4 C’s OF THE 21 ST CENTURY SKILLS:

1.Critical Thinking
It is learning how to solve problem. It teaches students not to accept immediately claims without seeking the
truth.
2. Creativity
Requires student to think outside of the box and to take pride in what uniquely theirs
3. Communication
Makes students express their ideas in the clearest and organized manner.
4. Collaboration
Happens when students know how to work well with others to accomplish a given task or solve a problem.