Online Teaching and Learning Platforms and Tools

Teaching staff should prepare for online teaching and learning. Undertaking online teaching and learning activities requires preparation. The steps below guide teaching staff to adopt FREE and accessible online tools to enable content delivery, engagement and assessment. Below is a basic guide for preparing a shift from face-to-face teaching to online teaching (we have drawn reference to the resource page developed by Centre for Innovation in Learning and Teaching of the University of Cape Town).


Present Content

  • Source for or develop text, audio and/or video content.

  • Decide what format you would like to present to cater for students’ different learning styles. Then, choose a suitable tool for developing such content by referring to the table below.

  • Upload content to the Learning Management System/cloud-based storage space.

Image by Bram Naus
Understand the shift from face-to-face to online teaching and learning
Organizing the Calendar
 Create a plan for
online teaching and learning
Image by Dai KE
Present content
Image by John Schnobrich
Engage students in learning activities
Image by Markus Winkler
Administer assessment
Image by Marvin Meyer
Organise and

This video shares some tips on how to make different types of content more accessible for students, especially students that are low vision or blind.

Learning Management System/Online classroom platform

Choose a platform as a virtual classroom space for sharing resources and communication with students.

  • Google classroom

  • Edmodo

  • Piazza

  • Lark

  • Facebook Group

Cloud-based storage space

Choose a platform or an online cloud-based storage space, and share your files from any devices with your colleagues and students.


Protect data privacy and data security when uploading and sharing data or educational resources.

  • PDF (e.g. Scanned Notes, journal articles, book chapters etc)

  • Microsoft Office suite/365 (e.g. Word, Excel, PPT, Onenote)

  • Google Suite (e.g. Google Docs, Spreadsheets or Slides)


Keep audio short. 

“Cut up” a single lecture into 10-15 minute sessions.


Keep videos short. 

“Cut up” a single lecture into 10-15 minute pieces.

Consider data -  reduce file size where possible.

Consider accessibility, have notes available.

Interactive lesson

Use existing learning resources (e.g. from YouTube, Podcast, etc), instead of creating them from scratch.

  • EdPuzzle: Choose a video, give it your magic touch and track your students' comprehension

  • Nearpod: Create lessons with informative and interactive assessment activities

Keep your presentation choices as low tech as possible or always provide low tech options for students with access constraints.


According to Daniel Stanford from the DePaul University's Center for Teaching and Learning, the diagram (on the left) provided a useful mapping of student engagement activities. It shows multiple modes of interactions with respect to different levels of bandwidth  and immediacy.

Yellow Zone (High bandwidth, Low immediacy)

Screencasting allows you to record what’s on your computer screen—from PowerPoint slides to math equations to works of art—and add audio narration as you record.

Red Zone (High bandwidth, High immediacy)

Videoconferencing allows students to see and hear each other in real time. It can also be useful for online office hours, since it’s easier to feel connected and avoid misunderstandings.

Green Zone (Low bandwidth, Low immediacy)

Sharing readings with students in a consistent and organized way provides your online course with a very practical, solid foundation.

Blue Zone (Low bandwidth, High immediacy)

These tools allow students and yourself to edit and comment on the same document, spreadsheet, or presentation slides.