Difference between revisions of "Whiteboard"

From myViewBoard
Jump to navigation Jump to search
(18 intermediate revisions by 4 users not shown)
Line 1: Line 1:
{{Breadcrumb3
+
<section begin=intro />Whiteboard (browser-based) is a lightweight digital whiteboard that supports [[Magic Box]] features. It is recommended to use [https://https://www.google.com/chrome/ Google Chrome] for both Whiteboard and the wider [[myViewBoard Ecosystem]]. </br></br>See also: [[Whiteboard for Windows]] and [[Whiteboard for Android]].<section end=intro />
|1=Welcome_to_myViewBoard
 
|2=[[MyViewBoard_Whiteboard|myViewBoard Whiteboard]]
 
|3=[[Whiteboard|Whiteboard online]]
 
}}
 
<section begin=intro />[[File:Whiteboard_full.svg|left|60px|link=]] Whiteboard (web-based) is a fully browser-based digital whiteboard that requires no software to be installed.
 
  
myViewBoard also offers more powerful versions of Whiteboard, available for [https://myviewboard.com/download/ download] on [[Whiteboard for Android|Android]] and [[Whiteboard for Windows|Windows]]. Whiteboard for Windows is the most feature-rich solution, with the web-based solution being a lightweight version.
 
  
''Access Whiteboard from [https://myviewboard.com myviewboard.com] (requires sign-in).''
+
==How-to Guides==
 +
For introduction, information and tutorials on using Whiteboard, see the following guides:
  
 +
{{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>
 +
|2='''[[Whiteboard Quick Start Guide]]'''
 +
|3=This document is a guide to quickly get started with using Whiteboard.
 +
}}
  
* See also: [[Whiteboard for Windows]] and [[Whiteboard for Android]].<section end=intro />
+
{{Card-Feature
 
+
|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>
* For a printer-friendly list of toolbar icons, see [[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 Whiteboard icons.
 +
}}
  
 +
{{BR}}
  
 
==System Requirements==
 
==System Requirements==
* We recommend using a Chromium-based browser, such as Google Chrome, Microsoft Edge, Mozilla Firefox, or Opera.
 
* An internet connection (to load the page and elements like image search).
 
  
 +
Whiteboard is accessible online, and 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.
  
==Open Whiteboard online==
+
Whiteboard does not support Internet Explorer. Users are recommended to upgrade to the latest version of Microsoft Edge to access Whiteboard.
* Go to [https://myviewboard.com myviewboard.com].
+
* Sign in to your myViewBoard account (read how to create an account [[Signing_Up_for_a_myViewBoard_Account|here]]).
 
* Click the [[File:Whiteboard_full.svg|40px|link=]] Whiteboard tile. Whiteboard will usually open in a new tab.
 
  
 
==Whiteboard Interface==
 
==Whiteboard Interface==
  
<gallery heights="320px" widths="600px">
+
<gallery heights="400px" widths="600px">
WhiteboardOnlineUIJuly2021.png|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. In the top right of the screen there are the following icons:
 +
 +
</div><div class="DTR">
 +
<div class="DTR">
 +
<div class="DTC"><center>{{IconBox|[[File:Help Off.png|center|link=]]|50px}}</center></div>
 +
<div class="DTC">Help <br/>Displays help for common Whiteboard tasks and questions. </div>
 +
</div><div class="DTR">
 +
<div class="DTC"><center>{{IconBox|[[File:About off.png|link=]]|50px}}</center></div>
 +
<div class="DTC">Info <br/>Displays information about the user currently logged in. </div>
 +
</div><div class="DTR">
 +
<div class="DTC"><center>{{IconBox|[[File:Setting Off.png|link=]]|50px}}</center></div>
 +
<div class="DTC">Gear <br/>Settings that affect the current session. </div>
 +
</div>
 +
 +
 +
</div>
 +
 +
<br/>
 +
 +
==Whiteboard Toolbar Icons==
 +
 +
For more details about the icons that appear in Whiteboard, see [[Whiteboard_Toolbar_Icons|Whiteboard Icons]].
  
===Toolbar 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.
  
{{Classroom_TB
+
Whiteboard includes the following icons in the toolbar:
|1='''[[Move Toolbar]]'''
+
|2='''[[File Management|File Manager]]'''<br><small>''Create, share, import and export files.''</small>
+
<div class="TAB">
|3='''[[Magic_Box|Magic Box]]'''<br/><small>''Access cloud and local storage and other resources.''</small>
+
<div class="DTR">
|4='''[[Selection|Select tool]]'''<br/><small>''Select objects and pictures.''</small>
+
<div class="DTC">{{IconBox|[[File:I-file-management-menu.svg|link=]]}}</div>
|5='''[[Pen]]'''<br/><small>''Draw freehand lines. Click again to open pen options.''</small>
+
<div class="DTC">[[File Management|File]]<br/>Displays options for importing and exporting PDF files.</div>
|6='''[[Eraser]]'''<br/><small>''Erase objects. Click again to open eraser options.''</small>
+
</div><div class="DTR">  
|7='''Sticky Note'''</br><small>''Add sticky notes with text.''</small>
+
<div class="DTC">{{IconBox|[[File:I-main-tool-bar-magic-box.svg|center|link=]]}}</div>
|8='''[[Shape_Line|Shapes]]'''<br/><small>''Draw shapes with different styles.''</small>
+
<div class="DTC">[[Magic Box|Magic box]]<br/>Displays various tools that you can insert into the canvas.</div>
|9='''Text'''<br/><small>''Insert and format text.''</small>
+
</div><div class="DTR">
|9A='''Zoom'''<br/><small>''Zoom the canvas.''</small>
+
<div class="DTC">{{IconBox|[[File:I-main-toolbar-selection-tool.svg|center|link=]]}}</div>
|10='''[[Undo]]'''<br/><small>''Reverse the previous action.''</small>
+
<div class="DTC">[[Selection]] <br/>Selects objects, text and pictures.</div>
|11='''[[Redo]]'''<br/><small>''Reverse the previous undo action.''</small>
+
</div><div class="DTR">
|12='''Background'''<br/><small>''Change the background of one or all pages.''</small>
+
<div class="DTC">{{IconBox|[[File:I-main-toolbar-pen.svg|center|link=]]}}</div>
}}
+
<div class="DTC">[[Pen]]<br/>Draws freehand lines and squiggles. Click again to open pen options.</div>
 +
</div><div class="DTR">
 +
<div class="DTC">{{IconBox|[[File:I-eraser-menu-eraser.svg|center|link=]]}}</div>
 +
<div class="DTC">[[Eraser]] <br/>Erases objects, based on the last mode selected. Click again to display eraser options.</div>
 +
</div><div class="DTR">  
 +
<div class="DTC">{{IconBox|[[File:I-main-toolbar-shape-tool.svg|center|link=]]}}</div>
 +
<div class="DTC">[[Shape/Line]] <br/>Draws lines and shapes with different styles. Click again to display shape options.</div>
 +
</div><div class="DTR">
 +
<div class="DTC">{{IconBox|[[File:I-text-editor-T.svg|center|link=]]}}</div>
 +
<div class="DTC">[[Text/Handwriting]]<br/>Creates a textbox. Click on the canvas to type, and edit with the adorning menu.</div>
 +
</div><div class="DTR">  
 +
<div class="DTC">{{IconBox|[[File:SVG Undo Off.svg|center|link=]]}}</div>
 +
<div class="DTC">[[Undo]]<br/>Reverses the previous action.</div>
 +
</div><div class="DTR">  
 +
<div class="DTC">{{IconBox|[[File:SVG Redo Off.svg|center|link=]]}}</div>
 +
<div class="DTC">[[Redo]]<br/>Reverses the previous undo action.</div>
 +
</div><div class="DTR">
 +
</div></div>
 +
 
 +
 
 +
<br/>
 +
==Related Media==
 +
 
 +
{{YouTube-box|F0ez3KyCAbY|Whiteboard introduction}} {{BR}}
 +
 
 +
 
 +
{{BR}}
 +
</div>
 +
{{ent:Contact-channels}}
 +
 
 +
{{DISPLAYTITLE: Whiteboard}}
 +
 
 +
<seo metak=" Whiteboard" ogtitle="Whiteboard" ogimage="wiki.myviewboard.com/images/f/fe/Logo-filled.png" ogdescr="Whiteboard is a web based collaborative whiteboard system." />
  
  
----
+
[[Category:Digital Whiteboard]]
<noinclude>
 
{{ent:Get_more_information}}
 
{{ent:Ecosystem-nav-footer}}
 
[[Category:MyViewBoard]]
 
[[Category:Whiteboard online]]
 
[[Category:Distance Learning]]
 
</noinclude>
 

Revision as of 17:59, 15 December 2020

Whiteboard (browser-based) is a lightweight digital whiteboard that supports Magic Box features. It is recommended to use Google Chrome for both Whiteboard and the wider myViewBoard Visual Learning Platform.

See also: Whiteboard for Windows and Whiteboard for Android.


How-to Guides

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

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

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


System Requirements

Whiteboard is accessible online, and 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 does not support Internet Explorer. Users are recommended to upgrade to the latest version of Microsoft Edge to access Whiteboard.


Whiteboard Interface

After signing in, users are presented with a blank canvas. In the top right of the screen there are the following icons:

Help Off.png
Help
Displays help for common 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.



Whiteboard Toolbar Icons

For more details about the icons that appear in Whiteboard, see 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.

Whiteboard includes the following icons in the toolbar:

I-file-management-menu.svg
File
Displays options for importing and exporting PDF files.
I-main-tool-bar-magic-box.svg
Magic box
Displays various tools that you can insert into the canvas.
I-main-toolbar-selection-tool.svg
Selection
Selects objects, text and pictures.
I-main-toolbar-pen.svg
Pen
Draws freehand lines and squiggles. Click again to open pen options.
I-eraser-menu-eraser.svg
Eraser
Erases objects, based on the last mode selected. Click again to display eraser options.
I-main-toolbar-shape-tool.svg
Shapes and Lines
Draws lines and shapes with different styles. Click again to display shape options.
I-text-editor-T.svg
Text and Handwriting
Creates a textbox. Click on the canvas to type, and edit with the adorning menu.
SVG Undo Off.svg
Undo
Reverses the previous action.
SVG Redo Off.svg
Redo
Reverses the previous undo action.



Related Media

F0ez3KyCAbY

Whiteboard introduction




ent:Contact-channels