Difference between revisions of "Whiteboard"

From myViewBoard
Jump to navigation Jump to search
m
 
(82 intermediate revisions by 8 users not shown)
Line 1: Line 1:
myViewBoard QuickBoard is a web based collaborative whiteboard system.
+
{{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.
  
==Participating in a QuickBoard Session==
+
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.
  
Perform the following steps to participate in a QuickBoard session: <br/>
+
''Access Whiteboard from [https://myviewboard.com myviewboard.com] (requires sign-in).''
  
{{IconBox|[[File:Quickboard-host.mp4|right|QuickBoard user interface with labels]]|300px;float:right;padding: 10px 0px 10px 30px;}}
+
* See also: [[Whiteboard for Windows]], [[Whiteboard for Android]], or [[Whiteboard for iOS]].<section end=intro />
  
To join a QuickBoard session:
+
* For a printer-friendly list of toolbar icons, see [[Digital Whiteboard Toolbar Icons]].
<ol>
 
<li>Go to https://myviewboard.com and click on the 'Join a QuickBoard' 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 QuickBoard host.</li>
 
</ol>
 
  
<br/>
 
  
To host a QuickBoard session:
+
==System Requirements==
<ol>
+
* We recommend using a Chromium-based browser, such as Google Chrome, Microsoft Edge, Mozilla Firefox, or Opera.
<li>Sign in to https://myviewboard.com, and click on the 'Start a QuickBoard' icon.</li>
+
* An internet connection (to load the page and elements like image search).
<li>The next window provides three options to join QuickBoard session:</li>
 
<ul>
 
<li>Login code - participants who are in the same room as the host </li>
 
<li>QR code - best for users who are using mobile devices</li>
 
<li>URL link - send through instant messaging.</li>
 
</ul>
 
<li>Distribute the code to all participants, and wait for them to join the session using one of the options above.</li>
 
</ol>
 
  
  
<br/>
+
==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.
  
==QuickBoard Interface==
+
==Whiteboard Interface==
  
{{IconBox|[[File:Quickboard-UI.png|right|QuickBoard user interface with labels]]|300px;float:right;padding: 10px 0px 10px 30px;}}
+
<gallery heights="320px" widths="600px">
 +
WhiteboardOnlineUIJuly2021.png|Whiteboard user interface with labels
 +
</gallery>
  
After signing in, users are presented with a blank canvas. QuickBoard provides the following options to manage the session:
 
  
<div class="TAB">
+
===Toolbar icons===
<div class="DTR">
 
<div class="DTC"><center>{{IconBox|[[File:LBBtn_On.png|center|link=]]}}</center></div>
 
<div class="DTC">Background Management <br/>Opens options to change the canvas background.</div>
 
</div><div class="DTR">
 
<div class="DTC"><center>{{IconBox|[[File:100-percent.png|center|link=]]}}</center></div>
 
<div class="DTC">Zoom <br/>Adjust zoom options.</div>
 
</div><div class="DTR">
 
<div class="DTC"><center>{{IconBox|[[File:Edu-huddle.png|center|link=]]}}</center></div>
 
<div class="DTC">Huddle <br/>Manage participants by placing them in groups.</div>
 
</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">QuickBoard information <br/>Displays details required to login to QuickBoard session.</div>
 
</div>
 
<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 myViewBoard 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 version details for the myViewBoard for Windows program. </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
 +
|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='''Sticky Note'''</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>
 +
}}
  
</div>
 
  
<br/>
+
----
 
+
<noinclude>
==QuickBoard Toolbar Icons==
+
{{ent:Get_more_information}}
 
+
{{ent:Ecosystem-nav-footer}}
For more details about the icons that appear in QuickBoard, see [[QuickBoard Toolbar Icons]].
+
[[Category:MyViewBoard]]
 
+
[[Category:Whiteboard online]]
====Main Toolbar====
+
[[Category:Distance Learning]]
+
</noinclude>
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 QuickBoard includes the following icons in the toolbar:
 
 
<div class="TAB">
 
<div class="DTR">
 
<div class="DTC">{{IconBox|[[File:MenuBarMove On.png|center|link=]]}}</div>
 
<div class="DTC">[[Move Toolbar|Move toolbar]]<br/>Click and drag to move toolbar to the side of the screen.</div>
 
</div><div class="DTR">
 
<div class="DTC">{{IconBox|[[File:Edu-ExportFile-On.png|center|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:Resource On.png|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:Selector On.png|center|link=]]}}</div>
 
<div class="DTC">[[Selection]] <br/>Selects objects, text and pictures.</div>
 
</div><div class="DTR">
 
<div class="DTC">{{IconBox|[[File:Pen On.png|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:Eraser On.png|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:ShapeLine On.png|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:Text On.png|center|link=]]}}</div>
 
<div class="DTC">[[Text/Handwriting]]<br/>Creates a textbox. Click again to switch to handwriting recognition.</div>
 
</div><div class="DTR">
 
<div class="DTC">{{IconBox|[[File:Undo On.png|center|link=]]}}</div>
 
<div class="DTC">[[Undo]]<br/>Reverses the previous action.</div>
 
</div><div class="DTR">
 
<div class="DTC">{{IconBox|[[File:Redo On.png|center|link=]]}}</div>
 
<div class="DTC">[[Redo]]<br/>Reverses the previous undo action.</div>
 
</div><div class="DTR">
 
<div class="DTC">{{IconBox|[[File:Page On.png|center|link=]]}}</div>
 
<div class="DTC">[[Page]]<br/>Creates, selects, sorts, and deletes pages.</div>
 
</div></div>
 
 
 
 
 
<br/>
 
 
 
====Floating Toolbar====
 
 
 
The Floating Toolbar allows users to perform operations on the canvas. This toolbar can be moved freely around the canvas area.
 
 
<div class="TAB">
 
<div class="DTR">
 
<div class="DTC">{{IconBox|[[File:Edu-MenuBarMove.png|center|link=]]}}</div>
 
<div class="DTC">[[Move Floating toolbar]] <br/>Drag to move the Floating Toolbar around the canvas.</div>
 
</div><div class="DTR">
 
<div class="DTC">{{IconBox|[[File:Edu-FullScreenMode.png|center|link=]]}}</div>
 
<div class="DTC">[[Present Mode]] <br/>Activate Present Mode to disable annotation tools.</div>
 
</div><div class="DTR">
 
<div class="DTC">{{IconBox|[[File:WindowsMode.png|center|link=]]}}</div>
 
<div class="DTC">[[Create Mode]] <br/>Activate Create Mode to enable annotation tools.</div>
 
</div><div class="DTR">
 
<div class="DTC">{{IconBox|[[File:NextPage 02.png|center|link=]]}}</div>
 
<div class="DTC">[[Previous Page]] <br/>If the canvas contains multiple pages, displays the previous page.</div>
 
</div><div class="DTR">
 
<div class="DTC"><i class="far fa-play-circle" style="font-size:35px;margin-left:10px;"></i></div>
 
<div class="DTC">[[Presentation Mode]] <br/>Switches the canvas to fullscreen mode.</div>
 
</div><div class="DTR">
 
<div class="DTC">{{IconBox|[[File:NextPage 01.png|center|link=]]}}</div>
 
<div class="DTC">[[Next Page]] <br/>If the canvas contains multiple pages, displays the next page.</div>
 
</div><div class="DTR">
 
<div class="DTC">{{IconBox|[[File:Edu-PageAdd.png|center|link=]]}}</div>
 
<div class="DTC">[[New Page]] <br/>Adds a new page to the canvas.</div>
 
</div><div class="DTR">
 
<div class="DTC">{{IconBox|[[File:Edu-polling.png|center|link=]]}}</div>
 
<div class="DTC">[[Polling]] <br/>Opens the polling window.</div>
 
</div><div class="DTR">
 
<div class="DTC"><i class="fas fa-eye" style="font-size:35px;margin-left:10px;"></i></div>
 
<div class="DTC">[[Eyes on me]] <br/>Displays text over the students screen to temporarily prevent interaction.</div>
 
</div><div class="DTR">
 
<div class="DTC">{{IconBox|[[File:Roaming off.png|center|link=]]}}</div>
 
<div class="DTC">[[Infinite Canvas|Infinite canvas]]<br/>In Presentation mode, allows zooming and moving the canvas .</div>
 
</div>
 
</div>
 
 
 
 
 
==Related Media==
 
 
 
* https://www.youtube.com/watch?v=F0ez3KyCAbY
 
: <embedvideo service="youtube" class="noprint">F0ez3KyCAbY</embedvideo>
 
 
 
{{DISPLAYTITLE:myViewBoard QuickBoard}}
 

Latest revision as of 10:00, 7 September 2022

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


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