Difference between revisions of "Whiteboard"

From myViewBoard
Jump to navigation Jump to search
 
(19 intermediate revisions by 4 users not shown)
Line 1: Line 1:
−
<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 />
+
{{Breadcrumb3
 +
|1=Welcome_to_myViewBoard
 +
|2=[[MyViewBoard_Whiteboard|myViewBoard Whiteboard]]
 +
|3=[[Whiteboard|Whiteboard online]]
 +
}}
 +
<section begin=intro />[[File:Whiteboard NEW.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.
  
−
==How-to Guides==
+
''Access Whiteboard from [https://myviewboard.com myviewboard.com] (requires sign-in).''
−
For introduction, information and tutorials on using Whiteboard, see the following guides:
 
  
−
{{Card-Feature
+
* See also: [[Whiteboard for Windows]], [[Whiteboard for Android]], or [[Whiteboard for iOS]].<section end=intro />
−
|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.
 
−
}}
 
  
−
{{Card-Feature
+
* For a printer-friendly list of toolbar icons, see [[Digital Whiteboard Toolbar Icons]].
−
|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]]'''
 
−
|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.
 
  
−
Whiteboard does not support Internet Explorer. Users are recommended to upgrade to the latest version of Microsoft Edge to access Whiteboard.
+
==Open Whiteboard online==
−
+
* 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 NEW.svg|40px|link=]] Whiteboard tile. Whiteboard will usually open in a new tab.
  
 
==Whiteboard Interface==
 
==Whiteboard Interface==
  
−
<gallery heights="400px" widths="600px">
+
<gallery heights="320px" widths="600px">
−
Quickboard-UI.png|Whiteboard user interface with labels
+
WhiteboardOnlineUIJuly2021.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">
+
===Toolbar icons===
−
<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>
 
  
−
 
+
{{Classroom_TB
−
</div>
+
|1='''[[Move Toolbar]]'''
−
 
+
|2='''[[File Management|File Manager]]'''<br><small>''Create, share, import and export files.''</small>
−
<br/>
+
|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>
−
==Whiteboard Toolbar Icons==
+
|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>
−
For more details about the icons that appear in Whiteboard, see [[Whiteboard_Toolbar_Icons|Whiteboard Icons]].
+
|7='''Sticky Note'''</br><small>''Add sticky notes with text.''</small>
−
 
+
|8='''[[Shape_Line|Shapes]]'''<br/><small>''Draw shapes with different styles.''</small>
−
====Main Toolbar====
+
|9='''Text'''<br/><small>''Insert and format text.''</small>
−
+
|9A='''Zoom'''<br/><small>''Zoom the canvas.''</small>
−
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.
+
|10='''[[Undo]]'''<br/><small>''Reverse the previous action.''</small>
−
 
+
|11='''[[Redo]]'''<br/><small>''Reverse the previous undo action.''</small>
−
Whiteboard includes the following icons in the toolbar:
+
|12='''Background'''<br/><small>''Change the background of one or all pages.''</small>
−
+
}}
−
<div class="TAB">
 
−
<div class="DTR">
 
−
<div class="DTC">{{IconBox|[[File:I-file-management-menu.svg|link=]]}}</div>
 
−
<div class="DTC">[[File Management|File]]<br/>Displays options for importing and exporting PDF files.</div>
 
−
</div><div class="DTR">
 
−
<div class="DTC">{{IconBox|[[File:I-main-tool-bar-magic-box.svg|center|link=]]}}</div>
 
−
<div class="DTC">[[Magic Box|Magic box]]<br/>Displays various tools that you can insert into the canvas.</div>
 
−
</div><div class="DTR">
 
−
<div class="DTC">{{IconBox|[[File:I-main-toolbar-selection-tool.svg|center|link=]]}}</div>
 
−
<div class="DTC">[[Selection]] <br/>Selects objects, text and pictures.</div>
 
−
</div><div class="DTR">  
 
−
<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/>
 
−
{{BR}}
 
−
====Floating bar====
 
−
The floating bar shows the current page number and total page count, with navigation arrows to change between pages. After opening whiteboard, the user is in prepare mode which allows editing of the canvas. You can add, move, copy and delete pages from the drop-down menu.</br>
 
−
<gallery widths="450" heights="150">
 
−
Map-page-management-0.png|Use the options on the floating toolbar to manage the canvas.
 
−
</gallery>
 
−
{{BR}}
 
−
{|
 
−
|-
 
−
|
 
−
|Click {{Icon Image|dashicons:arrow-left-alt2|font-size:1em;|true}} to navigate across the canvas pages. The floating toolbar displays the current page over the total number of pages.
 
−
|
 
−
|-
 
−
| 
 
−
|Click {{Icon Image|dashicons:arrow-right-alt2|font-size:1em;|false}} to navigate across the canvas pages. The floating toolbar displays the current page over the total number of pages.
 
−
|
 
−
|-
 
−
|
 
−
|Click [[File:Classroom_presentation.svg|30px|link=]] to start Presentation mode. In this mode, videos, widgets, and other media become playable and interactive.
 
−
|
 
−
|-
 
−
|
 
−
|Click and hold &nbsp;&nbsp;[[File:Classroom presentation toolbar drag icon.svg|30px|link=]]&nbsp;&nbsp; to move the toolbar.
 
−
|
 
−
|-
 
−
|}
 
−
{{BR}}
 
−
To add more pages, click {{Icon Image|ic:outline-arrow-drop-down}} to open the page management panel:
 
−
 
 
−
{|
 
−
|-
 
−
|
 
−
|Click {{Icon Image|ic:outline-arrow-drop-down|font-size:2em;}} on the floating toolbar to open the page management panel. This panel is accessible during presentation and preparation modes.
 
−
|-
 
−
|
 
−
|Click {{Icon Image|bx:bxs-plus-circle|font-size:2em;color:#990000}} to create a new page at that location.
 
−
|-
 
−
|
 
−
|Click {{Icon Image|bx:bx-x|font-size:2em;}} to delete a page.
 
−
|-
 
−
|
 
−
|Click {{Icon Image|mdi:content-duplicate|font-size:2em;}} to duplicate the current page of the canvas.
 
−
|-
 
−
|}
 
−
{{BR}}
 
−
The background for one or all canvases can be changed via the background icon [[File:VC-background.svg|30px|link=]] in the floating toolbar. myViewBoard Original Content backgrounds are shown by default, scroll to view categories and other background options shown here:
 
−
{|
 
−
|-
 
−
|
 
−
|Click [[File:I-image-background.svg|30px|link=]] to search online for a background image.
 
−
|-
 
−
|
 
−
|Click [[File:I-google-drive-logo.svg|20px|link=]] to select a background image from the linked Google Drive.
 
−
|-
 
−
|
 
−
|Click {{Icon Image|mdi:palette-outline|font-size:1.5em;}} to set a solid color as the background.
 
−
|-
 
−
|}{{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>

Latest revision as of 10:00, 7 September 2022

Homebutton3.svg >myViewBoard Whiteboard >Whiteboard online
Whiteboard NEW.svg

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 download on Android and Windows. Whiteboard for Windows is the most feature-rich solution, with the web-based solution being a lightweight version.

Access Whiteboard from myviewboard.com (requires sign-in).


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).


Open Whiteboard online

  • Go to myviewboard.com.
  • Sign in to your myViewBoard account (read how to create an account here).
  • Click the Whiteboard NEW.svg Whiteboard tile. Whiteboard will usually open in a new tab.

Whiteboard Interface

  • Whiteboard user interface with labels


Toolbar icons

Classroom-3-main-toolbar-drag-2-horizontal-lines.svg
MT 1 file.svg
MT 2 Magic Box.svg
Classroom 3.0 MT 3 select.svg
Classroom 3.0 MT 4 Pen.svg
Classroom 3.0 MT 5 eraser.svg
Classroom 3.0 MT 6 sticky.svg
Classroom 3.0 MT 7 shapes.svg
Classroom 3.0 MT 8 text.svg
Zoom-in2.svg
Classroom 3.0 MT 9 undo.svg
Classroom 3.0 MT 91 redo.svg
Classroom 3.0 MT 92 background.svg
Move Toolbar
File Manager
Create, share, import and export files.
Magic Box
Access cloud and local storage and other resources.
Select tool
Select objects and pictures.
Pen
Draw freehand lines. Click again to open pen options.
Eraser
Erase objects. Click again to open eraser options.
Sticky Note
Add sticky notes with text.
Shapes
Draw shapes with different styles.
Text
Insert and format text.
Zoom
Zoom the canvas.
Undo
Reverse the previous action.
Redo
Reverse the previous undo action.
Background
Change the background of one or all pages.
Classroom-3-main-toolbar-drag-2-horizontal-lines.svg
Move Toolbar
MT 1 file.svg
File Manager
Create, share, import and export files.
MT 2 Magic Box.svg
Magic Box
Access cloud and local storage and other resources.
Classroom 3.0 MT 3 select.svg
Select tool
Select objects and pictures.
Classroom 3.0 MT 4 Pen.svg
Pen
Draw freehand lines. Click again to open pen options.
Classroom 3.0 MT 5 eraser.svg
Eraser
Erase objects. Click again to open eraser options.
Classroom 3.0 MT 6 sticky.svg
Sticky Note
Add sticky notes with text.
Classroom 3.0 MT 7 shapes.svg
Shapes
Draw shapes with different styles.
Classroom 3.0 MT 8 text.svg
Text
Insert and format text.
Zoom-in2.svg
Zoom
Zoom the canvas.
Classroom 3.0 MT 9 undo.svg
Undo
Reverse the previous action.
Classroom 3.0 MT 91 redo.svg
Redo
Reverse the previous undo action.
Classroom 3.0 MT 92 background.svg
Background
Change the background of one or all pages.


Learn more 990000.svg Learn More

Access online resources to learn more about myViewBoard.


Social media 990000.svg Social Media

Follow us on social media and get notified of the latest news and updates.


Facebook-square.svg Facebook
Twitter-square.svg Twitter
Instagram.svg Instagram
Linkedin-square.svg LinkedIn
Youtube-play.svg YouTube channel

Learn more 990000.svg Learn More

Access online resources to learn more about myViewBoard.


Social media 990000.svg Social Media

Follow us on social media and get notified of the latest news and updates.


Facebook-square.svg Facebook
Twitter-square.svg Twitter
Instagram.svg Instagram
Linkedin-square.svg LinkedIn
Youtube-play.svg YouTube channel
Powered by
MyViewBoard Logo.svg
Built by
Logo.png

Disclaimer: All other trademarks are the property of their respective owners.

Powered by
MyViewBoard Logo.svg
Built by
Logo.png

 

Retrieved from "https://wiki.myviewboard.com/index.php?title=Whiteboard&oldid=41637"