Build an interactive virtual classroom in Microsoft Teams

June 3, 2020 by Malcolm Wilson | 7 Comments

You’ve no doubt seen lots of teachers sharing their interactive virtual classroom images – a visually-friendly way to connect with your learners via an online platform where they can click on elements in the picture to view details of learning activities, or view videos, or read books chosen for the class, or click on a link to online resources to support their learning.

Click on this link to see the image above as an interactive virtual classroom shared as a PowerPoint show

Click on this link to see the image above as an interactive virtual classroom shared as a PDF

You can set up an interactive virtual classroom image in several online platforms and using a variety of digital tools. This blogpost is specifically looking at how to do so if your school uses Microsoft Teams.

What you need to set this up in Microsoft Teams

You will need the following to set up your interactive virtual classroom image:

PowerPoint in which the interactive virtual classroom image will be built
Images which you are free to use (this post will show where to access these) to create the background and items in the classroom.
Your Bitmoji character (though if you don’t want t use a cartoon-style Bitmoji character you can alternatively use the inbuilt stock character images in PowerPoint online, or a cartoon-style image you have created with another digital tool).
The links to the resources you will be adding as interactive links to the image (whether that’s videos or online resources, whether somewhere in the class files in Microsoft Teams or shared somewhere external to the class Team).
Microsoft Teams for your class – where you will share the pdf with clickable links (you can also choose to use PowerPoint online from your OneDrive if you prefer to share it as a PowerPoint show).

How to set up you virtual classroom image in PowerPoint

View this super detailed step-by-step video by Brian White showing how to create the virtual classroom slide in PowerPoint online – this includes how to use the Bitmoji plugin in the Chrome browser, how to search within PowerPoint online for transparent backgrounds, how to add items for the class scene, how to add a video from YouTube as an embedded video, and how to create the link from a shared PowerPoint link which makes it a play-only view for pupils to interact with it – by adding &amp=&action=embedview to the end of the weblink from your shared PowerPoint link.

This how-to video by Patricia Foley guides you through how to create a virtual classroom using PowerPoint

Check out my “How to make a Bitmoji Virtual Classroom video” using Microsoft PowerPoint!! https://t.co/JgJb7JgpwW @SeafordHSPride @SeafordSteam

— Patricia Foley (@folesspanish) May 15, 2020

This video on the Mrs M Shares YouTube channel gives a step by step guide to creating your virtual classroom in PowerPoint, with lots of advice about adding items to your classroom scene.

This video (on the Mrs M Shares YouTube channel) shows how to add interactive elements to your PowerPoint image for your virtual classroom

Interactive elements will be the links you attach to the individual items so when clicked on by your learners they will automatically be taken to what you have added. This might include websites, online resources, YouTube videos, or login to platforms your class uses.

Here’s a Bitmoji Virtual Classroom Tutorial Step by Step using PowerPoint video on Mrs Sekhon YouTube channel

How to remove the background from an image

There are different ways you can remove the background from any image so that when you place it on your background image it does not show anything from the background of the image you wish to place on the classroom background.

Using PowerPoint to remove background from an image

View the video below to see how you can use PowerPoint to remove the background from any image you have, whether from a download or from your own images

This how-to guide from Microsoft shows how to remove the background from any image – this also includes a guide to how you can choose which elements of an image to keep and which parts to remove. This guide includes a video but also illustrated text step-by-step guide.

Using RemoveBG to remove the background from an image

You can also use the free online tool RemoveBG to remove the background from any image (this also works from mobile devices)

Need more help?

There is a very helpful guide to “How to create Bitmoji classroom” on Shana Ramin’s “Hello Teacher Lady” site

How to share your Interactive Virtual Classroom in Microsoft Teams

You can choose whether to share your interactive virtual classroom as a simple image (which will have no interactivity) or PDF (which will retain any interactive links you added) or PowerPoint

To create an image from PowerPoint click on File > Save as > choose location on your device > from dropdown “Save as type” choose “PNG Portable Network Graphics” format

To create a PDF from PowerPoint click on File > Save as > choose location on your device > click on “Options” and specify single slide you wish to use

When uploading to Microsoft Teams you can choose to share in the Posts/Conversations by clicking on the paperclip attachments icon – you will then be asked where you wish to share the uploaded item so choose to save in the “Class Materials” folder as this is read-only for your learners.

You can alternatively choose to upload the PowerPoint into your OneDrive and when choosing the share link ensure the permissions are set to “anyone with the link” (and ensure edit rights are disabled). To ensure the PowerPoint link opens as a play-only view for your learners to interact with it you can add &amp=&action=embedview to the end of the weblink from your shared PowerPoint link from OneDrive before you share it in the Microsoft Teams Posts/Conversations (this method also permits sharing outwith Microsoft Teams, such as on website or social media).

This video by Patti Duncan shows how you can save your interactive virtual classroom created in PowerPoint as a PowerPoint show and upload to Microsoft Teams so that anyone viewing it in your class will go straight to “present” mode and not have the option to do anything other than view the PowerPoint and click on the links you’ve added.

Want to find out how others are using interactive virtual classrooms in Microsoft Teams?

There is a Facebook group (called Bitmoji Classrooms for Teams) just for teachers sharing about their use of interactive Bitmoji virtual classrooms in Microsoft Teams.

Here’s some educators sharing about their virtual classrooms created using PowerPoint

Missing my classroom @castlemilk_high so I had a go at creating a virtual one on Powerpoint 🤓 Definitely spent longer than i should have on this… #virtualclassroom #digitalskills pic.twitter.com/sjn34j03MK

— Castlemilk High Technologies Faculty (@CHS_TechFac) May 29, 2020

Feeling inspired by fellow teacher chum @MckRoxi and made my own virtual classroom in PowerPoint. Of course my slides are pink 💁🏻‍♀️ pic.twitter.com/SqMU1YgiWR

— Miss Ross (@MisssRosssBusEd) May 28, 2020

I've made my first virtual classroom using Bitmoji and PowerPoint. Now made for each day with working links for students. Love it! #ELearning #edutwitter #edchat #PLN pic.twitter.com/x81ZYu3ldW

— Eddie (@Edducation_) May 4, 2020

I’m obsessed with my “virtual classroom” made in @powerpoint, featuring my @AXIEDU ActivPanel! 😂 pic.twitter.com/EamVfko7SD

— Katelyn Reulet (@kreulet2) April 23, 2020

Want to add even more interactivity?

You can also upload the image from your PowerPoint slide to ThingLink to add hotspots which, when clicked by your learners, give you the option to add the links as popout windows so that the learners don’t leave your virtual classroom space. ThingLink also gives the option to have text read aloud using Immersive Reader, and also to let you add audio recordings of your voice if you choose.

Creating Visual Learning Materials with ThingLink – a free online course on the Microsoft Educator Centre guiding you through learning how to use ThingLink to bring images, video and 360-degree virtual tours to life with added popup links, voice and text notes, and more. ThingLink creations can be shared via Microsoft Teams anywhere a link can be added.

Super dooper blog post from @ThingLink_EDU can't recommend this highly enough, powerful, engaging, amazing 🥰 #MIEEXpert https://t.co/Gv7ZhzpsUe

— Amanda Pickard 🙋🏻‍♀️ (@AJOBPickard) June 2, 2020

Click on this link to see more from primary teacher Amanda Pickard about how she combined a virtual classroom image with Thinglink to add interactivity in Microsoft Teams for her primary 1 class

This post today by @FHSComputing illustrates how virtual classroom can be created in PowerPoint > interaction added with @ThingLink_EDU > incorporated in @MicrosoftTeams class
https://t.co/a8SRsJVvm0

— 📱Malcolm Wilson 🏴󠁧󠁢󠁳󠁣󠁴󠁿 (@claganach) May 21, 2020

Helpful collection by #TeamMIEEScotland #MIEExpert @FHSComputing of resources for making your own interactive virtual classroom image come to life (showing how to create in PowerPoint > add @ThingLink_EDU interaction > share with your class in your @MicrosoftTeams class space) https://t.co/eB6L27C0LJ

— 📱Malcolm Wilson 🏴󠁧󠁢󠁳󠁣󠁴󠁿 (@claganach) May 21, 2020

Build an interactive virtual classroom in Microsoft Teams

Manage Notifications in Microsoft Teams

Video Meetings in Microsoft Teams

Using Posts/Conversation tab in Microsoft Teams

Send an Emoji, Meme, Gif or Sticker in Microsoft Teams

Assignments in Microsoft Teams

Transform Learning with Microsoft Teams

Microsoft Teams Quick Tips Videos

About Microsoft Teams for Education

Follow Microsoft Teams on Twitter

Log in to Microsoft Teams

Follow Malcolm Wilson on Twitter

Use and share files in Microsoft Teams

Calendar n Microsoft Teams

Send Praise to People in Microsoft Teams

Use Immersive Reader in Microsoft Teams

Use OneNote Class Notebook in Microsoft Teams