View source for Classroom

{{Breadcrumb2
|1=Welcome_to_myViewBoard
|2=[[Classroom]]
}}
<div class="DesktopOnly"><div class="RedButtonOuter" style="text-align:center;vertical-align:center;width:100%;height:auto;background-color:#247BEF"> 
[https://forms.office.com/Pages/ResponsePage.aspx?id=EIKg99KMn0WUWd2xl4XzdpKKf1upSNpAoeYgGsKBuhZUMzlIVlg4SjM0UE4zSkU4TUY4T0FMMU04My4u <span class="RedButtonInner DloadLink" title="myViewBoard Classroom Feedback">Our goal with Classroom is to provide you with an easy, versatile tool for hybrid teaching.<br>If you have any ideas on how to improve Classroom, <u>please use this survey to let us know – your feedback is really appreciated</u>.</span>] </div></div>

<section begin=classroom intro />
[[File:Icon Classroom.svg|70px|link=]] '''Classroom''' is an online and fully browser-based platform for delivering lessons. It is designed to be as easy as possible to learn, and to be similar to a traditional physical classroom. There is no software to install and students do not need to create an account. There is also built-in support for Google Classroom and cloud integration, to easily invite students and share lesson materials.

Classroom works in two browser tabs (windows) and while not necessary, it is recommended to use two screens. The first tab shows the digital whiteboard, or canvas. This is where lesson content is imported and edited. The second tab is a [[Classroom dashboard|dashboard]] for viewing student information and the chat, group (huddle) work, whether the student is currently viewing the lesson, and whether students have requested speaking privileges to ask questions or share comments.

To get started for the first time, please check [[#System requirements|system requirements]] and [[#Create a myViewBoard account|how to create a myViewBoard account]].
<section end=classroom intro />

{{Classroom_QSG
|1=Classroom_for_Teachers
|2=<big>'''[[Classroom for Teachers|Quick Start Guide</br>for teachers]]'''</big>
|3=Classroom_for_Students
|4=<big>'''[[Classroom for Students|Quick Start Guide</br>for students]]'''</big>
|5='''[[MyViewBoard_Classroom_Toolbar_Icons|Toolbar Icons]]'''
|6='''[[ClassRoom_Release_History|Release History]]'''
}}
<div class="MobileOnly">
{{BR}} {{BR}}
</div>

==System requirements==
<div class="mw-collapsible mw-collapsed plus-toggle" style="overflow:auto;border:solid 1px #white; padding:8px;">
<div class="mw-collapsible-toggle" style="font-weight:bold;line-height:1.6;float:none;border-bottom:solid 1px #CCCCCC;">'''System requirements</div>
<div class="mw-collapsible-content">
{| class="wikitable WikiMat" 
!style="background-color:aliceblue;"|'''Use type (teacher side)''' 
!style="background-color:aliceblue;"|'''Recommended Specifications'''
|-
| style="text-align:left;"|Running Classroom to edit lesson content <br>(no students or videostreaming)
| style="text-align:left;"|
* ''CPU:'' dual-core, Intel i5 6th Gen or above
* ''RAM:'' 8GB
* ''Network:'' 30 Mbps download, 10 Mbps upload, wired connection
* ''Devices:'' PCs and laptops (including Surface Go), ViewSonic ViewBoards with Windows 10
* ''OS:'' Windows 10, MacOS 11, 10.15 (Big Sur, Catalina), and Chrome OS (versions later than 83). 
* ''Browsers:'' Google Chrome (v83+) or Microsoft Edge (88.0.705.74). Internet Explorer is not supported.
|-
| style="text-align:left;"|Editing lesson content, video streaming, <br> <nowiki><</nowiki>15 students
| style="text-align:left;"|
* ''CPU:'' dual-core, Intel i5 6th Gen or above
* ''RAM:'' 8GB
* ''Network:'' 60 Mbps download, 20 Mbps upload, wired connection
* ''Devices:'' PCs and laptops (including Surface Go), ViewSonic ViewBoards with Windows 10
* ''OS:'' Windows 10, MacOS 11, 10.15 (Big Sur, Catalina), and Chrome OS (versions later than 83). 
* ''Browsers:'' Google Chrome (v83+) or Microsoft Edge (88.0.705.74). Internet Explorer is not supported.
|-
| style="text-align:left;"|Editing lesson content, video streaming, <br> <nowiki>></nowiki> 15 students
| style="text-align:left;"|
* ''CPU:'' quad-core, Intel i7 or above
* ''RAM:'' 16GB
* ''Network:'' 100 Mbps download, 40 Mbps upload, wired connection
* ''Devices:'' PCs and laptops (including Surface Go), ViewSonic ViewBoards with Windows 10
* ''OS:'' Windows 10, MacOS 11, 10.15 (Big Sur, Catalina), and Chrome OS (versions later than 83). 
* ''Browsers:'' Google Chrome (v83+) or Microsoft Edge (88.0.705.74). Internet Explorer is not supported.
|-
| style="text-align:left;"|For student devices
| style="text-align:left;"|
* ''CPU:'' dual-core Intel i5 6th gen or above
* ''RAM:'' 8GB
* ''Network:'' 30 Mbps download, 10 Mbps upload
* ''Devices:'' PCs and laptops (including Surface Go), ViewSonic ViewBoards with Windows 10, Chromebooks, iPad Pro (all models), iPad (6th gen or above), iPad Air 2 or above, iPad mini 4 or above. We recommend the device is not more than 3 years old.
* ''OS:'' Windows 10, MacOS 11, 10.15 (Big Sur, Catalina), Chrome OS (versions later than 83), iPad OS (latest 2 releases), and Android (latest 2 releases).
* ''Browsers:'' Google Chrome (v83+) or Microsoft Edge (88.0.705.74). Internet Explorer is not supported.
|}

* If you experience performance issues, first close unnecessary programs and browser tabs. Contact your IT department for further support. 
* We recommend a screen resolution of 1920 * 1080 for best usability.
</div></div>

<div class="mw-collapsible mw-collapsed plus-toggle" style="overflow:auto;border:solid 1px #white; padding:8px;">
<div class="mw-collapsible-toggle" style="font-weight:bold;line-height:1.6;float:none;border-bottom:solid 1px #CCCCCC;">'''Whitelist domains'''</div>
<div class="mw-collapsible-content">
Whitelisting domains is typically handled by IT administrators.
{| class="wikitable WikiMat"
!style="background-color:aliceblue;"|'''Domain'''
!style="background-color:aliceblue;"|'''Description'''
|-
| style="text-align: left;"|<nowiki/>*.<nowiki/>myviewboard.com
| style="text-align: left;"|this is required for the web applications ecosystem to function
|-
| style="text-align: left;"|myviewboard.com 
| style="text-align: left;"|this contains a sub-service ecosystem required to allow wildcard subdomains
|-
| style="text-align: left;"|<nowiki/>*.<nowiki/>myviewboard.cloud 
| style="text-align: left;"|this is required for proper functioning of web service resources
|-
| style="text-align: left;"|myviewboardclips.com
| style="text-align: left;"|this allows proper functioning of [[myViewBoard Clips]]
|-
| style="text-align: left;"|*.visualstudio.com
| style="text-align: left;"| VisualStudio API is used to enhance user experience
|-
| style="text-align: left;"| *.pndsn.com
| style="text-align: left;"|Chat Room API
|}
''Asterisks <nowiki/>*<nowiki/> must be included where shown above.''


'''Please ensure the following compulsory ports are whitelisted'''
* Protocol : HTTPS/2 SSL  
* Port 443 for websocket connection

'''It is also strongly recommended to whitelist the following ports'''
* UDP port 40000-65535
* port 3478 (UDP and TCP listening)
* port 5349 (TLS and DTLS listening port)
* for STUN servers it is recommended port 19302 (UDP) is whitelisted 
</div></div>

<div class="mw-collapsible mw-collapsed plus-toggle" style="overflow:auto;border:solid 1px #white; padding:8px;">
<div class="mw-collapsible-toggle" style="font-weight:bold;line-height:1.6;float:none;border-bottom:solid 1px #CCCCCC;">'''Auto timeout'''</div>
<div class="mw-collapsible-content">
If the Classroom browser tab is not used for 30 minutes, you (the teacher/session host) will be automatically signed out and the session ended. This includes ending the session for students too. 

Please note that this auto-timeout is different to the myviewboard account timeout, which can be configured from the FollowMe settings on [https://myviewboard.com/viewboard/setting myViewBoard.com] (requires sign-in).
</div></div>

<div class="mw-collapsible mw-collapsed plus-toggle" style="overflow:auto;border:solid 1px #white; padding:8px;">
<div class="mw-collapsible-toggle" style="font-weight:bold;line-height:1.6;float:none;border-bottom:solid 1px #CCCCCC;">'''Current limitations'''</div>
<div class="mw-collapsible-content">

There is a list of the current limitations that users may encounter when using Classroom.<br> 
The {{mVB}} team is aware of these limitations and is working to resolve them. <br>
'''If you notice an issue not listed here, [https://myviewboard.com/main-support please let us know via {{mVB}} Support]'''. This helps us to improve {{mVB}} services. 
{{BR}}


'''General Limitations'''
<br>
1. On mobile devices, the session will terminate immediately if sent to the background, for example by switching apps. 
* For users currently in the session, they will be dropped. 
* The current session automatically ends for the host. 

2. Importing files to Classroom sometimes has formatting issues. Here are known issues:
* Tables with cell spacing
* Page colors and page borders
* Images/Fonts: effects, spacing, position
* Audio, video, and PDF active elements
* PPT: effects and animation
* PDF: bookmarks, tags, comments

3. If text or other elements aren't displaying correctly, consider adjusting the browser zoom level and the system zoom level. On Windows devices, search for ''Scale and layout'' in settings, and adjust to 100% - this may help resolve display issues in Classroom.

4. Classroom currently supports up to 30 students per session.


'''Browser'''
* ''Chrome'': underlined text sometimes does not display properly.


'''Devices'''
* ''iPad'': When a teacher plays both a YouTube clip and a video call, students using iPads may only see the YouTube clip. 
* ''iPad'': If a teacher first gives a student permission to talk, and then revokes that permission, students using an iPad may still be able to talk if they click the microphone pop-up after the teacher revokes permission. In other words, the talk permission from the teacher triggers the microphone pop-up on the student's iPad, which remains there until the student clicks ''Cancel'' or ''Allow''. If the student clicks ''Allow'' after the teacher has already revoked speaking permission, the student can still speak to the class. The teacher can disable this by again enabling and then disabling the student's speaking rights.
* ''iPad and Android tablets'': The screen record feature is not supported on Android tablets and iPads.
* ''iPad'': mp4 files may not work, due to incompatibility with the browser.

</div></div>

==Open Classroom==
<div style="60%">Classroom works directly from a suitable web browser, there is no need to download software. We recommend using [https://www.google.com/chrome/ Google Chrome] or a Chromium browser such as [https://www.microsoft.com/en-us/edge Edge]. Accessing Classroom is simple:

* Go to http://myviewboard.com and sign in with your {{MVB}} account.
* On the main screen, click [[File:Icon Classroom.svg|45px|link=]] Classroom.

<gallery widths="490" heights="250">
VC_user-interface.png|After opening Classroom, teachers are presented with a blank canvas.
Classroom dashboard123123213.png|In a second tab teachers can view the dashboard, displaying class information.
Classroom student view updated UI (1).png|This is what students see after joining classroom.
</gallery></div></div>


==Digital whiteboard tools==
''For a printer-friendly overview of all Classroom icons and features, see [[myViewBoard Classroom Toolbar Icons]].''

The main toolbar contains most of the key tools to create and import lessons. It appears on the right side of the screen by default but can be dragged to either side of the screen.

Teachers have the following tools to create a lesson:

{{Classroom_TB
|1='''[[Move Toolbar]]'''
|2='''[[File Management|File Manager]]'''<br><small>''Create, share, import and export files.''</small>
|3='''[[Magic_Box|Magic Box]]'''<br/><small>''Access cloud and local storage and other resources.''</small>
|4='''[[Selection|Select tool]]'''<br/><small>''Select objects and pictures.''</small>
|5='''[[Pen]]'''<br/><small>''Draw freehand lines. Click again to open pen options.''</small>
|6='''[[Eraser]]'''<br/><small>''Erase objects. Click again to open eraser options.''</small>
|7='''[[Magic Box Sticky Notes|Sticky notes]]'''</br><small>''Add sticky notes with text.''</small>
|8='''[[Shape_Line|Shapes]]'''<br/><small>''Draw shapes with different styles.''</small>
|9='''Text'''<br/><small>''Insert and format text.''</small>
|9A='''Zoom'''<br/><small>''Zoom the canvas.''</small>
|10='''[[Undo]]'''<br/><small>''Reverse the previous action.''</small>
|11='''[[Redo]]'''<br/><small>''Reverse the previous undo action.''</small>
|12='''Background'''<br/><small>''Change the background of one or all pages.''</small>
}}

==Import and save lessons==
Teachers can create a new lesson or import an existing lesson previously created into Classroom. Many filetypes are supported, so if you have existing lesson materials it is easy to open them in Classroom.

<section begin=Classroom filetypes />
<div class="mw-collapsible mw-collapsed plus-toggle" style="overflow:auto;border:solid 1px #white; padding:8px;">
<div class="mw-collapsible-toggle" style="font-weight:bold;line-height:1.6;float:none;border-bottom:solid 1px #CCCCCC;">'''Supported file formats</div>
<div class="mw-collapsible-content">
{| class="wikitable WikiMat"
!style="background-color:aliceblue;"|'''Type'''
!style="background-color:aliceblue;"|'''Format (Teacher view)'''
!style="background-color:aliceblue;"|'''Format (Student view)'''
|-
| '''Image'''
|colspan="2" style="text-align:center;" |''.JPEG, .PNG, .GIF ''
|-
| '''Video'''
|colspan="2" style="text-align:center;" | ''*.MP4, *.MOV ''
|-
| '''Audio'''
|colspan="2" style="text-align:center;" | ''.*.WAV, *.AAC, *.MP3 ''
|-
| '''Scalable Vector Graphics'''
|colspan="2" style="text-align:center;" | ''.SVG''
|-
| '''Microsoft Word'''
|style="text-align:center;" | ''.DOC, .DOCX''
|style="text-align:center;" | n/a
|-
| '''Portable Document Format'''
|style="text-align:center;" | ''.PDF''
|style="text-align:center;" | n/a
|-
| '''PowerPoint'''
|style="text-align:center;" | ''.PPT and .PPTX''
|style="text-align:center;" | n/a
|-
| '''Google'''
|style="text-align:center;" | ''Jamboard, Google Docs, Slides''
|style="text-align:center;" | n/a
|}
</div></div>
<section end=Classroom filetypes />

To import content from your device or cloud storage, use [[File:MT 2 Magic Box.svg|35px|link=]] Magic Box (as outlined above). To save/export your lesson, use the File Manager icon [[File:MT 1 file.svg|30px|link=]] in the main toolbar for the following options:

<div class="TAB">
<div class="DTR" style="background-color:aliceblue;text-align:center;vertical-align:middle;">
<div class="DTC">'''Option'''</div>
<div class="DTC">'''Description'''</div>
</div>
<div class="DTR">
<div class="DTC" style="background-color:#EDEDED;border-color:#EDEDED;text-align:center;">[[File:New file classroom1.svg|20px|link=]] <br>'''New file'''</div>
<div class="DTC" style="vertical-align:middle;>Creates a new blank canvas. <br/>Note that the current canvas is discarded.</div>
</div>
<div class="DTR">
<div class="DTC" style="background-color:#EDEDED;border-color:#EDEDED;text-align:center;">[[File:Open file classroom.svg|20px|link=]] <br>'''Open'''</div>
<div class="DTC" style="vertical-align:middle;>Loads the contents of a .qb file from either local drive or cloud storage into the lesson. </div>
</div>
<div class="DTR">
<div class="DTC" style="background-color:#EDEDED;border-color:#EDEDED;text-align:center;">[[File:Export to qb.svg|20px|link=]] <br>'''Export to .qb'''</div>
<div class="DTC">A copy of the lesson in .qb format can be saved to local or cloud storage. <br>This lesson can then be loaded in future sessions.</div>
</div>
<div class="DTR">
<div class="DTC" style="background-color:#EDEDED;border-color:#EDEDED;text-align:center;">[[File:Export to .pdf Classroom.svg|20px|link=]] <br>'''Export to .pdf'''</div>
<div class="DTC" style="vertical-align:middle;">Saves a copy of the lesson in PDF format to either the local drive or cloud storage.<br>Teachers can distribute the generated PDFs to their students.</div>
</div>
<div class="DTR">
<div class="DTC" style="background-color:#EDEDED;border-color:#EDEDED;text-align:center;"><span class="iconify" data-icon="wpf:qr-code" data-width="23" data-height="23"></span> <br>'''Share by QR Code'''</div>
<div class="DTC">Classroom generates a PDF version of the file, uploads it to the connected Google Drive account, and displays a QR code link.<br/> Students will be able to see the QR code during the Classroom session and scan the QR code to download the PDF file.</div>
</div>
</div>
{{BR}}
<div class="note-yellow" style="background-color: #e4f8fb; border: solid 1px #e4f8fb; border-left:solid 6px #87CEFA; padding:8px; width:99%;">'''Tip:''' connecting cloud storage such as Google Drive or Microsoft OneDrive to your myViewBoard account enables easy access to your files from any device you run Classroom on. It works with other myViewBoard apps like Whiteboard too, and allows easy sharing of lesson content. See [[Classroom#Integrate with cloud services|Integrate with cloud services]] section on this page for more information.
</div>

==[[File:MT 2 Magic Box.svg|40px|link=]] Magic Box: tools for interactivity==
<section begin=MB />
[[Magic Box]] is where you can import content from your device, cloud storage, or the web. There is also support for adding videos from YouTube and [[myViewBoard Clips]]. 

Click the Magic Box icon [[File:MT 2 Magic Box.svg|30px|link=]] on the main toolbar to access the following:

{| class="wikitable" style="background-color:white; width:auto;text-align:center;""
!style="background-color:aliceblue; text-align:center;"| '''''Icons'''''
!style="background-color:aliceblue;"| <big>Classroom</big>
|-
!style="background-color:#EDEDED;"|[[File:Classroom 3.0 Magic Box PC icon.svg|50px|link=]]
|'''This PC'''<br>Insert files from your device.
|-
!style="background-color:#EDEDED;"|[[File:Google drive.svg|70px|link=]]
|'''Google Drive'''<br>Insert resources saved in the connected Google Drive account.<br>For multipage PDFs, each PDF page is inserted into its own canvas.
|-
!style="background-color:#EDEDED;"|[[File:OneDrive_Classroom.svg|70px|link=]]
|'''OneDrive''' & '''OneDrive for Business'''<br>Insert resources saved in the connected OneDrive account.<br>For multipage PDFs, each PDF page is inserted into its own canvas.
|-
!style="background-color:#EDEDED;"|[[File:Classroom 3.0 Magic Box image search.svg|50px|link=Magic_Box_Image_Search]]
|'''[[Magic_Box_Image_Search|Images]]'''<br>Safely search for images from the web.To insert, drag them to the canvas.
|-
!style="background-color:#EDEDED;"|[[File:New_polls_classroom.svg|70px|link=]]
|'''Polls'''<br>Create ''True or False'' or ''Multiple Choice'' quiz.
|-
!style="background-color:#EDEDED;"|[[File:Icon Clips.svg|50px|link=MyViewBoard_Clips]]
|'''[[MyViewBoard_Clips|myViewBoard Clips]]'''<sup>1</sup><br>Insert curated, safe and certified educational videos.<br>''<sup>1</sup> Available for [[MyViewBoard_Entity|Entity]] accounts.''
|-
!style="background-color:#EDEDED;"|[[File:Icon YouTube.svg|70px|link=Magic_Box/YouTub]]
|colspan="2" |'''[[Magic_Box/YouTube|YouTube]]'''<br>Search for YouTube videos using keywords.<br>To insert, drag them to the canvas.<br>Switch to presentation mode (bottom left icon) to play the video.
|-
!style="background-color:#EDEDED;"|[[File:Icon Webpage.svg|50px|link=]]
|colspan="2" |'''Webpage'''<br>Embed a webpage link onto the canvas. Switch to presentation mode to activate.
|-
!style="background-color:#EDEDED;"|[[File:Icon Animated widget.svg|50px|link=Magic_Box/Online Widgets]]
|colspan="2" |'''[[Magic_Box/Online Widgets|Widgets]]'''<br>Animations that users can insert on the canvas.<br>In '''present mode''', users can click on an object to trigger the animation.
|-
!style="background-color:#EDEDED;"|[[File:Classroom Sketchfab.svg|70px|link=]]
|'''Sketchfab*'''<br>Browse millions of 3D models.<br>Let students explore models at their own pace in present mode.
|}

''Drag and drop media from the above into the current canvas or different huddles from the Huddle overview menu''

<section end=MB />

==Page management==
[[File:Classroom 3 Page overview.svg|150px|link=]]<br>
The current page number and total pages are displayed at the bottom centre of the screen.
* Click [[File:Classroom 3.0 page arrow left.svg|25px|link=]] and [[File:Classroom 3.0 page arrow right.svg|25px|link=]] to navigate across the canvas pages. The current page number is displayed over the total number of pages.
* Click the [[File:Classroom 3.0 Add page main screen.svg|20px|link=]] plus icon to add a new page.


<div class="note-yellow" style="background-color: #e4f8fb; border: solid 1px #e4f8fb; border-left:solid 6px #87CEFA; padding:8px; width:99%;">'''Important note on how pages work in Classroom''' 

Every page in the teacher canvas has a corresponding page in students' huddles. Adding and deleting pages of the teacher canvas will therefore add and delete corresponding pages for student huddles, and vice versa. For example, if the teacher adds five pages to her canvas, all huddles will automatically get 5 new pages too. If page three of five is deleted from one huddle, the corresponding third page is removed from the teacher and all huddle canvasses too. The same applies to reordering pages.
</div>


Similarly, when in huddle overview, using the left [[File:Classroom 3.0 page arrow left.svg|25px|link=]] and right [[File:Classroom 3.0 page arrow right.svg|25px|link=]] arrows at the bottom of the page will move between all pages simultaneously for the teacher and all huddles, allowing a quick overview of all classwork in one place.


===Page overview===
Click the page number to open an overview for all your pages. 
<gallery widths="490" heights="250">
File:Classroom 2 new UI page overview.png|Click the page number at the bottom of the screen to open an overview of teacher pages.
</gallery><br>

* Click [[File:Classroom 3.0 Icon duplicate.svg|30px|link=]] to copy (duplicate) the page.
* Click [[File:Classroom 3.0 Apply to huddle icon.svg|35px|link=]] to duplicate the page and apply to one or all huddles.
* Click [[File:Classroom 3.0 delete page icon circle red.svg|30px|link=]] to delete a page.
* Click [[File:Classroom 3.0 page overview add page plus .svg|30px|link=]] to add a new page.
* Click and drag to reorder pages. Note that reordering teacher pages will reorder pages for every huddle in the same way.


===Teacher/Huddle overview===
[[File:Classroom 3 Teacher icon page overview.svg|100px|link=]]<br>

Clicking the ''Teacher'' icon (shown above, located in the bottom center of the Classroom screen) opens the Huddle overview. This is similar to the page overview, but allows you to change between viewing and editing the teacher canvas, or Huddle canvasses. 

Use the arrow keys [[File:Classroom 3.0 page arrow left.svg|25px|link=]]  [[File:Classroom 3.0 page arrow right.svg|25px|link=]] at the bottom of the screen to switch between pages for all teacher and huddles simultaneously, allowing a quick overview of all content at once. 

<gallery widths="490" heights="250">
File:Classroom 2 UI Huddles overview.png| Click [[File:Classroom 3.0 huddle overview download button.svg|30px|link=]] to download one or all pages to your device as a PDF file.
</gallery>


<div class="note-yellow" style="background-color: #e4f8fb; border: solid 1px #e4f8fb; border-left:solid 6px #87CEFA; padding:8px; width:99%;">'''Note:''' remember that if you have set the student view to "teacher canvas" in the Dashboard, students will also be viewing the same. This allows the teacher to share to the whole class content from a particular huddle at the same time.
</div>

==Invite students==

Students do not need to create a myViewBoard account to participate in lessons. They can also access Classroom directly from a web browser and do not need to download any software. 


''Classroom supports up to 30 students per session.''


To invite students:

# The Classroom host can click their ID in the top right corner of the screen to display their unique QR code, session ID, and URL. 
#* Students can scan the QR code with the [[myViewBoard Companion App]], or another QR code reader, and be redirected to join the Classroom session. This may be convenient if students are using mobile devices.
#* Students can go to the URL shared by the teacher, for example <code><nowiki>https://myviewboard.com/classroom/student?c=xxxxxx</nowiki></code>
# Next, the student enters their name and the session password (if a password has been set by the teacher), and can join the Classroom session.



[[File:Classroom 3.0 top right user info QR code.svg|300px|link=]]


===Importing students via Google Classroom===
To import students via Google Classroom, the Google Classroom account must first be bound to the myViewBoard account. Do this in the ''Cloud Integration'' section of [https://myviewboard.com/viewboard/setting ''FollowMe settings''] at myviewboard.com. 

Follow these steps next:
# In Classroom, click the gear icon [[File:Classroom 3.0 Settings gear.svg|25px|link=]] at the top right of the screen. Under ''Cloud Integration'' [[File:Classroom 3.0 cloud integration.svg|25px|link=]] click ''Bind'' next to Google class. 
# In the pop-out window, follow the steps to link your Google Classroom to the myViewBoard Classroom. Make sure you sign in to the same Google account that you use for Google Classroom, and which has been bound to myViewBoard in the FollowMe Settings area (mentioned above). 
# Finally, from the ''Cloud Integration'' section in Classroom settings, click the drop down arrow to select which Google Class to bind. 


<gallery widths="400" heights="300">
Classroom 3.0 bind Google Classroom account.png|Classes from Google Classroom account will appear in the drop down menu.
</gallery>

<div class="note-yellow" style="background-color: #e4f8fb; border: solid 1px #e4f8fb; border-left:solid 6px #87CEFA; padding:8px; width:99%;">'''Note:''' binding your existing Google Classroom class to myViewBoard Classroom allows you to share lesson materials and invitation links to Google Classroom.
</div>

==Share your audio and video==
Allowing students to see the teacher as well as hear their voice helps with student engagement.

: First, click the streaming icon [[File:Classroom 3 teacher video audio streaming.svg|30px|link=]] at the bottom of the screen.
: Click [[File:Classroom 3.0 video recorder.svg|30px|link=]] to begin sharing video from device camera/webcam. Click again to stop sharing video.
:: Click [[File:Classroom 3.0 video recorder off.svg|30px|link=]] to reopen video sharing.
: Click [[File:Classroom 3.0 teacher microphone.svg|30px|link=]] to begin sharing audio. Click again to stop.
:: Click [[File:Classroom 3.0 teacher microphone off.svg|30px|link=]] to reopen audio sharing.

: Minimize or Maximize the screen with this button [[File:Classroom streaming maxminimize-2.svg|30px|link=]]
: To end audio and video sharing, click the stop button [[File:Classroom streaming end.svg|30px|link=]]

<gallery widths="440" heights="250">
Classroom 3.0 videofeed teacher canvas page view.png|This is the video feed box on the main tab.
Classroom videofeed teacher dashboard page view.png|This is the video feed box in the dashboard.
</gallery>

==Dashboard: Manage students==
Classroom supports up to thirty students. The main browser tab (window) that is displayed after opening Classroom is for viewing and editing the canvas. The  '''[[Classroom dashboard|dashboard]]''' can be opened in another tab, which is specifically for viewing and managing students. 

Open the dashboard by clicking this icon [[File:Classroom 3.0 open dashboard.svg|30px|link=Classroom dashboard]] in the bottom right.

<gallery widths="490" heights="280">
Classroom 3.0 dashboard view.png|In a second tab teachers can view the [[Classroom dashboard|dashboard]], displaying class information.
</gallery>


'''''<big>Read more about [[Classroom dashboard|Dashboard here]]</big>.'''''


==Huddle discussions==
Just as in a physical classroom, myViewBoard Classroom also allows for group discussions. The teacher can switch from the default discussion with the whole class into group discussions in each huddle.


# In the dashboard, first make sure you have set the number of huddles you want (1-30). Drag and drop students or click the shuffle button [[File:Shuffle huddle.svg|32px|link=]]
# Click the [[File:Huddle_toggle.svg|60px|link=]] the huddle discussion icon in the dashboard (above the video feed box).
# Set a timer for the discussion - when this runs out, all students will be brought back to the teacher's presentation. The timer can be extended once set by clicking it.
# Now that the huddle discussions have started, the teacher can join discussions by clicking the join discussion icon next to the huddle[[File:Classroom Icon join.svg|26px|link=]].
# Leave a huddle discussion by clicking the button again [[File:Classroom Icon exit.svg|26px|link=]].
# Extension the huddle discussion by clicking the timer [[File:Classroom discussion timer.svg|60px|link=]] in the top right of the dashboard.
# End the discussion before the timer runs out by clicking the [[File:Huddle_toggle.svg|60px|link=]] icon again.


<gallery widths="480" heights="300">
File:Classroom teacher side join discussion.gif
</gallery>

==Using video quizzes with Clips==
[[myViewBoard Clips]] videos and quizzes can be added directly to CLassroom. Access Clips from the [[File:MT 2 Magic Box.svg|30px|link=]] Magic Box. From here you can search videos, and see your existing playlists, collections, and quizzes. Click the [[File:Clips Quiz.svg|22px|link=]] Quiz icon to select which quiz for the selected video you wish to add.

Read the wiki guides for creating a playlist or [[MyViewBoard Clips#Create a quiz in Clips|quiz]] in Clips [[myViewBoard Clips|here]].




'''To add a Clips quiz to your Classroom session:'''

<small>''Click to expand images''</small>

<gallery widths="500" heights="280">
File:Classroom hightlighted.png|1) Open Clips from the Magic Box 
File:Gg.png|2) In the Clips window, select My Quiz
File:Classroom clips Quiz selected.png|3) Choose a quiz version for a video by clicking the question mark quiz icon. 
File:Classroom clips quiz question pop up.png|4) Enter present mode to play the video. Students and the teacher will view the questions as pop-ups.
</gallery>





==Record lessons==
[[File:Classroom 3.0 Record lesson save menu.png|thumb|Upload to Google Drive, save to cloud storage and share by QR Code, or download directly.]]
You can record your current session to allow students to review it at a later date. 
To record your session:

# Click the ''Record your screen button'' [[File:VC screen record.svg|25px|link=]] in the bottom left of the screen.
# If prompted, select the screen that contains the Classroom session and click Share.
# If prompted, grant browser access to your microphone and/or camera.
# Recording should begin immediately. The record icon should now be [[File:Classroom 3.0 recording.svg|25px|link=]] and flashing red to indicate recording. Most browsers will also display a dialogue box informing your screen is being shared, and a record icon in the tab title.
# Once the session is over, click the [[File:Classroom 3.0 recording.svg|25px|link=]] button again to stop recording.
# The browser pop up prompts to choose a save option. The session is saved as a WEBM video. 


<gallery widths="490" heights="260">
File:Classroom save record lesson GIF.gif|Record up to an hour at a time (click to expand).
</gallery>

'''Note the following:'''
* Sessions may be recorded up to a maximum of one hour. After reaching the limit you may save the video and begin a new recording.
* Sessions are saved as WEBM videos. To open WEBM videos, you can advise your students to do one of the following: 
:: - WEBM videos can be played in a web browser.
:: - To use the default Windows Media Player, install the [https://codecguide.com/download_kl.htm K-Lite Codec Pack]. 
:: - Download and install other media players which have built-in support for WEBM, like [https://www.videolan.org/vlc/index.html VLC Media Player] or [https://mpc-hc.org/ Media Player Classic].


==Create a myViewBoard account==
{{:Signing Up for a myViewBoard Account}}

==Integrate with cloud services==
Your myViewBoard account and Classroom can be [[Cloud Integration|connected to third-party services]] for cloud storage and lesson management. 
{{#lst:Uploading Custom Images|CloudBind}}

<gallery widths="385px" heights="270px">
Cloud Integration.PNG|Cloud Integration page on myViewBoard.com
</gallery>
==Related media==
{{YouTube-box|oteELrB5vKc|What is myViewBoard Classroom? Quick video overview (Episode 1)}} 
{{BR}}
----
<noinclude>
{{ent:Get more information}}
{{ent:MVBClassroom-nav-footer}}

<seo metak="myViewBoard, Classroom, distance learning" metad="Read how to use myViewBoard Classroom to easily deliver online browser-based lessons." ogtitle="Classroom" ogimage="wiki.myviewboard.com/images/f/fe/Logo-filled.png" ogdescr="myViewBoard Classroom is an online browser-based education platform within myViewBoard Ecosystem. It is designed as a collaborative learning tool for delivering teaching, visual lear
ning and participation for a full class, individuals or groups of students." />
{{DISPLAYTITLE:Classroom}}
[[Category:myViewBoard]]
[[Category:Classroom]]
[[Category:Distance Learning]]
</noinclude>