Changes

Jump to navigation Jump to search
no edit summary
Line 1: Line 1: −
{{MVB}} Whiteboard is a web based collaborative whiteboard system.
+
Whiteboard is a web based collaborative whiteboard system.
       
==How-to Guides==
 
==How-to Guides==
For introduction, information and tutorials on using Digital Whiteboard, see the following guides:
+
For introduction, information and tutorials on using Whiteboard, see the following guides:
    
{{Card-Feature
 
{{Card-Feature
 
|1=<center><span class="iconify" data-icon="mdi:book-open-outline" data-inline="false" style="color:#F47C7C;font-size:120px;position:relative;top:15px;"></span></center>
 
|1=<center><span class="iconify" data-icon="mdi:book-open-outline" data-inline="false" style="color:#F47C7C;font-size:120px;position:relative;top:15px;"></span></center>
|2='''[[Digital Whiteboard Quick Start Guide]]'''
+
|2='''[[Whiteboard Quick Start Guide]]'''
|3=This document is a guide to quickly get started with using Digital Whiteboard.
+
|3=This document is a guide to quickly get started with using Whiteboard.
 
}}
 
}}
   Line 14: Line 14:  
|1=<center><span class="iconify" data-icon="mdi:book-open-outline" data-inline="false" style="color:#A1DE93;font-size:120px;position:relative;top:15px;"></span></center>
 
|1=<center><span class="iconify" data-icon="mdi:book-open-outline" data-inline="false" style="color:#A1DE93;font-size:120px;position:relative;top:15px;"></span></center>
 
|2='''[[Digital WhiteBoard User Guide]]'''
 
|2='''[[Digital WhiteBoard User Guide]]'''
|3=This document is a guide to using the Digital Whiteboard user interface.
+
|3=This document is a guide to using the Whiteboard user interface.
 
}}
 
}}
    
{{Card-Feature
 
{{Card-Feature
 
|1=<center><span class="iconify" data-icon="mdi:book-open-outline" data-inline="false" style="color:#70A1D7;font-size:120px;position:relative;top:15px;"></span></center>
 
|1=<center><span class="iconify" data-icon="mdi:book-open-outline" data-inline="false" style="color:#70A1D7;font-size:120px;position:relative;top:15px;"></span></center>
|2='''[[Digital Whiteboard Training Guide]]'''
+
|2='''[[Whiteboard Training Guide]]'''
|3=This document is a comprehensive guide to using Digital Whiteboard.  
+
|3=This document is a comprehensive guide to using Whiteboard.  
 
}}
 
}}
   Line 26: Line 26:  
|1=<center><span class="iconify" data-icon="mdi:book-open-outline" data-inline="false" style="color:orange;font-size:120px;position:relative;top:15px;"></span></center>
 
|1=<center><span class="iconify" data-icon="mdi:book-open-outline" data-inline="false" style="color:orange;font-size:120px;position:relative;top:15px;"></span></center>
 
|2='''[[Digital Whiteboard Toolbar Icons]]'''
 
|2='''[[Digital Whiteboard Toolbar Icons]]'''
|3=This document aims to be a printable guide that users can use as a quick 'cheat sheet' reference to the Digital Whiteboard icons.
+
|3=This document aims to be a printable guide that users can use as a quick 'cheat sheet' reference to the Whiteboard icons.
 
}}
 
}}
   Line 33: Line 33:  
==System Requirements==
 
==System Requirements==
   −
Digital Whiteboard is accessible online, but works best if used with the Chrome browser (or any other Chrome-based browser). Digital Whiteboard uses WebRTC (Web Real-Time Communication) API to achieve screen sharing across various platforms such as Chromebook, PC, and Mac.  
+
Whiteboard is accessible online, but works best if used with the Chrome browser (or any other Chrome-based browser). Digital Whiteboard uses WebRTC (Web Real-Time Communication) API to achieve screen sharing across various platforms such as Chromebook, PC, and Mac.  
   −
Digital Whiteboard does not support Internet Explorer. Users are recommended to upgrade to the latest version of Microsoft Edge to access Digital Whiteboard.
+
Whiteboard does not support Internet Explorer. Users are recommended to upgrade to the latest version of Microsoft Edge to access Whiteboard.
 
   
 
   
 
   
 
   
==Participating in a Digital Whiteboard Session==
+
==Participating in a Whiteboard Session==
 
<section begin=participate-in-QB />
 
<section begin=participate-in-QB />
Perform the following steps to participate in a Digital Whiteboard session: <br/>
+
Perform the following steps to participate in a Whiteboard session: <br/>
      −
To join a Digital Whiteboard session:  
+
To join a Whiteboard session:  
 
<ol>
 
<ol>
 
<li>Wait for the teacher to send you the session URL or scan the QR Code provided by the teacher.</li>
 
<li>Wait for the teacher to send you the session URL or scan the QR Code provided by the teacher.</li>
 
<li>Use a web browser to go to the session URL provided by the teacher.</li>
 
<li>Use a web browser to go to the session URL provided by the teacher.</li>
<li>On the new window, provide a name and a log in code if you are a student. The log in code is provided by your Digital Whiteboard host. For guest, the log in code is automatically entered.</li>
+
<li>On the new window, provide a name and a log in code if you are a student. The log in code is provided by your Whiteboard host. For guest, the log in code is automatically entered.</li>
 
</ol>
 
</ol>
    
<br/>
 
<br/>
   −
To host a Digital Whiteboard session:  
+
To host a Whiteboard session:  
 
<ol>
 
<ol>
 
<li>Sign in to https://myviewboard.com, and click on the 'Whiteboard' icon.</li>
 
<li>Sign in to https://myviewboard.com, and click on the 'Whiteboard' icon.</li>
<li>The next window provides three options to join Digital Whiteboard session:
+
<li>The next window provides three options to join Whiteboard session:
 
<ul>
 
<ul>
 
<li>Login code - participants who are in the same room as the host </li>
 
<li>Login code - participants who are in the same room as the host </li>
Line 68: Line 68:  
<br/>
 
<br/>
   −
==Digital Whiteboard Interface==
+
==Whiteboard Interface==
    
<gallery heights="400px" widths="600px">
 
<gallery heights="400px" widths="600px">
Quickboard-UI.png|Digital Whiteboard user interface with labels
+
Quickboard-UI.png|Whiteboard user interface with labels
 
</gallery>
 
</gallery>
   −
After signing in, users are presented with a blank canvas. Digital Whiteboard provides the following options to manage the session:
+
After signing in, users are presented with a blank canvas. Whiteboard provides the following options to manage the session:
    
<div class="TAB">
 
<div class="TAB">
Line 90: Line 90:  
<div class="DTR">
 
<div class="DTR">
 
<div class="DTC"><center>{{IconBox|[[File:Help Off.png|center|link=]]|50px}}</center></div>
 
<div class="DTC"><center>{{IconBox|[[File:Help Off.png|center|link=]]|50px}}</center></div>
<div class="DTC">Help <br/>Displays help for common Digital Whiteboard tasks and questions. </div>
+
<div class="DTC">Help <br/>Displays help for common Whiteboard tasks and questions. </div>
 
</div><div class="DTR">
 
</div><div class="DTR">
 
<div class="DTC"><center>{{IconBox|[[File:About off.png|link=]]|50px}}</center></div>
 
<div class="DTC"><center>{{IconBox|[[File:About off.png|link=]]|50px}}</center></div>
Line 104: Line 104:  
<br/>
 
<br/>
   −
==Digital Whiteboard Toolbar Icons==
+
==Whiteboard Toolbar Icons==
   −
For more details about the icons that appear in Digital Whiteboard, see [[Digital Whiteboard Icons]].
+
For more details about the icons that appear in Whiteboard, see [[Digital Whiteboard Icons]].
    
====Main Toolbar====
 
====Main Toolbar====
Line 112: Line 112:  
The main toolbar contains tools that allow users to add annotations to the canvas area. This toolbar is always fixed to the right, left or bottom side of the program window. The appearance of icons in the toolbar vary depending on the selected theme.
 
The main toolbar contains tools that allow users to add annotations to the canvas area. This toolbar is always fixed to the right, left or bottom side of the program window. The appearance of icons in the toolbar vary depending on the selected theme.
   −
Digital Whiteboard includes the following icons in the toolbar:
+
Whiteboard includes the following icons in the toolbar:
 
   
 
   
 
<div class="TAB">
 
<div class="TAB">
Line 193: Line 193:  
==Related Media==
 
==Related Media==
   −
{{YouTube-box|F0ez3KyCAbY|Digital Whiteboard introduction}}
+
{{YouTube-box|F0ez3KyCAbY|Whiteboard introduction}}
{{YouTube-box|O3c1qBZJBAE|Get Started with Digital Whiteboard Ecosystem }} {{BR}}
+
{{YouTube-box|O3c1qBZJBAE|Get Started with Whiteboard Ecosystem }} {{BR}}
     
1,329

edits

Navigation menu