Difference between revisions of "Whiteboard"

From myViewBoard
Jump to navigation Jump to search
Line 1: Line 1:
myViewBoard is a web based collaborative whiteboard system.
+
Digital Whiteboard is a web based collaborative whiteboard system.
  
  
 
==How-to Guides==
 
==How-to Guides==
For introduction, information and tutorials on using myViewBoard, see the following guides:
+
For introduction, information and tutorials on using Digital 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='''[[myViewBoard Quick Start Guide]]'''
 
|2='''[[myViewBoard Quick Start Guide]]'''
|3=This document is a guide to quickly get started with using myViewBoard.
+
|3=This document is a guide to quickly get started with using Digital 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='''[[myViewBoard User Guide]]'''
 
|2='''[[myViewBoard User Guide]]'''
|3=This document is a guide to using the myViewBoard user interface.
+
|3=This document is a guide to using the Digital Whiteboard user interface.
 
}}
 
}}
  
Line 20: Line 20:
 
|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='''[[myViewBoard Training Guide]]'''
 
|2='''[[myViewBoard Training Guide]]'''
|3=This document is a comprehensive guide to using myViewBoard.  
+
|3=This document is a comprehensive guide to using Digital 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='''[[myViewBoard Toolbar Icons]]'''
 
|2='''[[myViewBoard Toolbar Icons]]'''
|3=This document aims to be a printable guide that users can use as a quick 'cheat sheet' reference to the myViewBoard 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.
 
}}
 
}}
  
Line 33: Line 33:
 
==System Requirements==
 
==System Requirements==
  
myViewBoard is accessible online, but works best if used with the Chrome browser (or any other Chrome-based browser). myViewBoard uses WebRTC (Web Real-Time Communication) API to achieve screen sharing across various platforms such as Chromebook, PC, and Mac. Currently, this can only be supported on Chrome.
+
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. Currently, this can only be supported on Chrome.
  
myViewBoard does not support Internet Explorer. Users are recommended to upgrade to the latest version of Microsoft Edge to access myViewBoard.
+
Digital Whiteboard does not support Internet Explorer. Users are recommended to upgrade to the latest version of Microsoft Edge to access Digital Whiteboard.
 
   
 
   
 
   
 
   
==Participating in a myViewBoard Session==
+
==Participating in a Digital Whiteboard Session==
 
<section begin=participate-in-QB />
 
<section begin=participate-in-QB />
Perform the following steps to participate in a myViewBoard session: <br/>
+
Perform the following steps to participate in a Digital Whiteboard session: <br/>
  
  
To join a myViewBoard session:  
+
To join a Digital Whiteboard session:  
 
<ol>
 
<ol>
<li>Go to https://myviewboard.com and click on the 'Join a myViewBoard session' icon. Signing in is not required. </li>
+
<li>Go to https://myviewboard.com and click on the 'Join a Digital Whiteboard session' icon. Signing in is not required. </li>
<li>On the new window, provide a name and a log in code. The log in code is provided by your myViewBoard host.</li>
+
<li>On the new window, provide a name and a log in code. The log in code is provided by your Digital Whiteboard host.</li>
 
</ol>
 
</ol>
  
 
<br/>
 
<br/>
  
To host a myViewBoard session:  
+
To host a Digital Whiteboard session:  
 
<ol>
 
<ol>
<li>Sign in to https://myviewboard.com, and click on the 'Start a myViewBoard session' icon.</li>
+
<li>Sign in to https://myviewboard.com, and click on the 'Start a Digital Whiteboard session' icon.</li>
<li>The next window provides three options to join myViewBoard session:
+
<li>The next window provides three options to join Digital 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 67: Line 67:
 
<br/>
 
<br/>
  
==myViewBoard Interface==
+
==Digital Whiteboard Interface==
  
 
<gallery heights="400px" widths="600px">
 
<gallery heights="400px" widths="600px">
Quickboard-UI.png|myViewBoard user interface with labels
+
Quickboard-UI.png|Digital Whiteboard user interface with labels
 
</gallery>
 
</gallery>
  
After signing in, users are presented with a blank canvas. myViewBoard provides the following options to manage the session:
+
After signing in, users are presented with a blank canvas. Digital Whiteboard provides the following options to manage the session:
  
 
<div class="TAB">
 
<div class="TAB">
Line 87: Line 87:
 
</div><div class="DTR">
 
</div><div class="DTR">
 
<div class="DTC"><center><i class="fas fa-home" style="font-size:35px;margin-left:10px;"></i></center></div>
 
<div class="DTC"><center><i class="fas fa-home" style="font-size:35px;margin-left:10px;"></i></center></div>
<div class="DTC">myViewBoard information <br/>Displays details required to login to myViewBoard session.</div>
+
<div class="DTC">Digital Whiteboard information <br/>Displays details required to login to Digital Whiteboard session.</div>
 
</div>
 
</div>
 
<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 myViewBoard tasks and questions. </div>
+
<div class="DTC">Help <br/>Displays help for common Digital 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 105: Line 105:
 
<br/>
 
<br/>
  
==myViewBoard Toolbar Icons==
+
==Digital Whiteboard Toolbar Icons==
  
For more details about the icons that appear in myViewBoard, see [[myViewBoard Toolbar Icons]].
+
For more details about the icons that appear in Digital Whiteboard, see [[myViewBoard Toolbar Icons|Digital Whiteboard Icons]].
  
 
====Main Toolbar====
 
====Main Toolbar====
Line 113: Line 113:
 
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.
  
myViewBoard myViewBoard includes the following icons in the toolbar:
+
Digital Whiteboard includes the following icons in the toolbar:
 
   
 
   
 
<div class="TAB">
 
<div class="TAB">
Line 194: Line 194:
 
==Related Media==
 
==Related Media==
  
{{YouTube-box|F0ez3KyCAbY|myViewBoard introduction}}
+
{{YouTube-box|F0ez3KyCAbY|Digital Whiteboard introduction}}
{{YouTube-box|O3c1qBZJBAE|Get Started with myViewBoard Ecosystem }} {{BR}}
+
{{YouTube-box|O3c1qBZJBAE|Get Started with Digital Whiteboard Ecosystem }} {{BR}}
  
  
Line 204: Line 204:
 
{{ent:Contact-channels}}
 
{{ent:Contact-channels}}
  
{{DISPLAYTITLE:myViewBoard}}
+
{{DISPLAYTITLE:Digital Whiteboard}}
  
<seo metak="myviewboard" ogtitle="myViewBoard" ogimage="wiki.myviewboard.com/images/f/fe/Logo-filled.png" ogdescr="myViewBoard is a web based collaborative whiteboard system." />
+
<seo metak="Digital Whiteboard" ogtitle="Digital Whiteboard" ogimage="wiki.myviewboard.com/images/f/fe/Logo-filled.png" ogdescr="Digital Whiteboard is a web based collaborative whiteboard system." />
  
 
{{ent:Authored by Google Certified Educator}}
 
{{ent:Authored by Google Certified Educator}}
  
[[Category:myViewBoard]]
+
[[Category:Digital Whiteboard]]

Revision as of 16:28, 4 June 2020

Digital Whiteboard is a web based collaborative whiteboard system.


How-to Guides

For introduction, information and tutorials on using Digital Whiteboard, see the following guides:

Whiteboard Quick Start Guide
This document is a guide to quickly get started with using Digital Whiteboard.

Whiteboard User Guide
This document is a guide to using the Digital Whiteboard user interface.

Whiteboard Training Guide
This document is a comprehensive guide to using Digital Whiteboard.

Digital Whiteboard Toolbar Icons
This document aims to be a printable guide that users can use as a quick 'cheat sheet' reference to the Digital Whiteboard icons.


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. Currently, this can only be supported on Chrome.

Digital Whiteboard does not support Internet Explorer. Users are recommended to upgrade to the latest version of Microsoft Edge to access Digital Whiteboard.


Participating in a Digital Whiteboard Session

Perform the following steps to participate in a Digital Whiteboard session:


To join a Digital Whiteboard session:

  1. Go to https://myviewboard.com and click on the 'Join a Digital Whiteboard session' icon. Signing in is not required.
  2. On the new window, provide a name and a log in code. The log in code is provided by your Digital Whiteboard host.


To host a Digital Whiteboard session:

  1. Sign in to https://myviewboard.com, and click on the 'Start a Digital Whiteboard session' icon.
  2. The next window provides three options to join Digital Whiteboard session:
    • Login code - participants who are in the same room as the host
    • QR code - best for users who are using mobile devices
    • URL link - send through instant messaging.
  3. Distribute the code to all participants, and wait for them to join the session using one of the options above.



Digital Whiteboard Interface

After signing in, users are presented with a blank canvas. Digital Whiteboard provides the following options to manage the session:

LBBtn On.png
Background Management
Opens options to change the canvas background.
100-percent.png
Zoom
Adjust zoom options.
Edu-huddle.png
Huddle
Manage participants by placing them in groups.
Digital Whiteboard information
Displays details required to login to Digital Whiteboard session.
Help Off.png
Help
Displays help for common Digital Whiteboard tasks and questions.
About off.png
Info
Displays information about the user currently logged in.
Setting Off.png
Gear
Settings that affect the current session.



Digital Whiteboard Toolbar Icons

For more details about the icons that appear in Digital Whiteboard, see Digital Whiteboard Icons.

Main Toolbar

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:

MenuBarMove On.png
Move toolbar
Click and drag to move toolbar to the side of the screen.
Edu-ExportFile-On.png
File
Displays options for importing and exporting PDF files.
Resource On.png
Magic box
Displays various tools that you can insert into the canvas.
Roaming on.png
Infinite canvas
In Presentation mode, allows zooming and moving the canvas .
Selector On.png
Selection
Selects objects, text and pictures.
Pen On.png
Pen
Draws freehand lines and squiggles. Click again to open pen options.
Eraser On.png
Eraser
Erases objects, based on the last mode selected. Click again to display eraser options.
ShapeLine On.png
Shapes and Lines
Draws lines and shapes with different styles. Click again to display shape options.
Text On.png
Text and Handwriting
Creates a textbox. Click again to switch to handwriting recognition.
Undo On.png
Undo
Reverses the previous action.
Redo On.png
Redo
Reverses the previous undo action.
Page On.png
Pages in Whiteboard
Creates, selects, sorts, and deletes pages.



Floating Toolbar

The Floating Toolbar allows users to perform operations on the canvas. This toolbar can be moved freely around the canvas area.

Edu-MenuBarMove.png
Move Floating toolbar
Drag to move the Floating Toolbar around the canvas.
Edu-FullScreenMode.png
Present Mode
Activate Present Mode to disable annotation tools.
WindowsMode.png
Create Mode
Activate Create Mode to enable annotation tools.
NextPage 02.png
Previous Page
If the canvas contains multiple pages, displays the previous page.
Present mode
Switches the canvas to fullscreen mode.
NextPage 01.png
Next Page
If the canvas contains multiple pages, displays the next page.
Edu-PageAdd.png
New Page
Adds a new page to the canvas.
Edu-polling.png
Polling
Opens the polling window.
Eyes On Me
Displays text over the students screen to temporarily prevent interaction.

Related Media

F0ez3KyCAbY

Digital Whiteboard introduction

O3c1qBZJBAE

Get Started with Digital Whiteboard Ecosystem





ent:Contact-channels


ent:Authored by Google Certified Educator