Analysis of Online Whiteboard Tools

May 30, 2012 by

NOTE: This post was revised considerably on 5/31/12 after a followup use with Dabbleboard proved to be awful.  Given this new development, I have to recommend Scribblar and I will plan to have a “backup” whiteboard handy in case the chosen system is “having a bad day.”

When I meet students online for office hours, it’s vitally important that we have an shared online whiteboard to use as a space to do problems.  These online whiteboard tools tend to come and go, so don’t shoot the messenger when one of the tools in the list below disappears. The good news is that these types of tools seem to pop up on the Internet all the time, so where one disappears, three others take its place.

Solving a problem in DabbleBoard

Solving a problem in Scribblar

I’ve been on a search for my “perfect” online whiteboard this week, so I thought I would run through several of the available options, and do my “math teacher analysis” for each.  I use the Chat interface in Canvas to see and hear my students, so I’m really only concerned with finding the “perfect” drawing space.  I paste the URL for the whiteboard in the text chat window, and we can all view the drawing screen from that link.

Here are some of the features I find important in an interactive whiteboard:

  • Large writing space
  • Ability to quickly clear the screen
  • Ability to add more space to the whiteboard or go quickly to a 2nd screen
  • Responsiveness of the pen with freehand drawing
  • Colored ink
  • Highlighting tools
  • Easy ability to share the board with students (ex: by pasting a URL into a chat window)
  • Ability to add a graphing grid or image

This morning I took a look at the following online whiteboard tools:

For the record, none of these tools will work on an iPad.  They all run using Flash and/or Java plugins.  The native Canvas Chat is actually Tinychat, and there is a whiteboard plugin included. However, it’s Flockdraw, and of all the tools I tested this morning, it is in the bottom two in terms of performance (toss up between Flockdraw and Google Draw for worst tool).  Here’s my detailed analysis of the six online whiteboard tools.

Analysis of Online Interactive Whiteboards (click on image to enlarge)

In the “War of the Online Whiteboards” I was torn between Dabbleboard and Scribblar.  I listed Dabbleboard as my top choice on Wednesday, but then its performance on Thursday was so horrid I’ve reversed my decision.  Scribblar has a couple of advantages: highlighter pens (the only tool I looked at that included this option for drawing) and if you do splurge for a Pro account there is a built-in WolframAlpha button which pastes the output of a WolframAlpha search directly to your screen.  The only downside of Scribblar is that students are prompted to “login” when they follow the URL to the whiteboard.  They don’t really have to login, they just have to provide a username for the board, but you will probably have to explain this to every single student that follows the link (sigh).

Guide to Dabbleboard (click on image to enlarge)

 

Guide to Scribblar (click on image to enlarge)

My recommendation for math teachers using the Instructure Canvas Chat: Ditch the Flockdraw whiteboard and create a “permanent space” in Scribblar or Dabbleboard (both will require you to create a free account for a permanent room) where you can keep a collection of all the pages you’ve used for a given class.  Create a different space for each class.  Then paste (or re-paste) the URL to the room URL  into the text chat whenever a new student arrives in Canvas Chat (since they don’t see the past history of the chat).

Possibly Related Posts:


read more

Abandon the Red Pen

Oct 31, 2011 by

This post was originally published as a column in MAA Focus (Oct/Nov 2011). The columns are no longer available online so I’m republishing here.

Even though I’ve had a tablet PC for a while now, it’s been hard to get used to grading student exams and problem sets (like exams and problem sets) in the digital world.  The primary reason for the roadblock was that I usually grade one or two problems at a time, and this always seemed well-suited to grading papers in a stack, all on the same page.  In past semesters I often printed the papers I had received digitally, graded them, and then scanned them to send back to students.  But this summer I was teaching two sections of online Calculus while on a road trip, and it forced me to just figure out some techniques for making digital grading of exams more efficient.  I’m now convinced that the digital grading has enough benefits to do it in lieu of paper-based grading, even when the students submit their work on paper.  Let me explain.

The most convincing reason to go with digital grading is that you can write a lengthy comment about a common error, save the comment as an image (or a “custom stamp”), and use it over and over again whenever you encounter the error.  How you do it depends on what program you use, but to see an example of how to create digital grading stamps, visit http://bit.ly/redstamp.

When the grading is digital, you can give  feedback to students as soon as the papers are graded (I email back the  graded assignments).  This means you will not waste  class time passing out papers and then answering questions about why one student lost only 2 points and a friend lost 3 points.   Questions about why a problem was graded in a particular way will be asked privately (via email) and you will always have a copy of the graded assignment.  Speaking of that, the fact that you retain a copy of every graded exam and problem set makes it much easier to investigate assessment questions or conduct future research linking instructional methods to student performance.  Rather than just a number in a gradebook, you can actually go back and see several semesters worth of student work on a particular type of problem.

Just to be fair, there are some cons too.  The biggest issue is that you will probably need some kind of hardware to do the grading efficiently in the digital world: a tablet PC, an iPad with a stylus, or a peripheral tablet and pen (these plug in to the USB drive and “replace” the mouse while in use).   You also need the papers or exams in a digital format.  For problem sets this is relatively easy, just ask students to submit them digitally and give them an extra 12 hours or so on the deadline if they do so.  For example , if my class meets at 10am, students can submit the assignments on paper at 10am, or digitally in Blackboard by midnight on the same day.  About 90% of the students take the extra time.  For the ones that don’t, I just use the copier at school to scan and send the papers as an email (most copiers made recently have this feature).   Finally, you will have to take the time to return the papers digitally.  This means either emailing them one by one to the individual students, or uploading them to some kind of learning management system (i.e. Blackboard, Moodle, Desire2Learn).

Tips for Managing Digital Grading

  • If students will be submitting the files themselves, ask for a common format.  For example, students can submit a PDF version of their files (from just about any file type they can think of) by sending their file through a free online PDF converter like PrimoPDF Online (http://www.primopdf.com/online.aspx) .
  • Ask for a specific naming convention for the files.  I’d suggest “Last First Assignment-name”
  • Purchase or obtain software that will allow you to easily write on documents (i.e Adobe Acrobat Pro, OneNote, Jarnal).
  • When you receive the files, download them into a common folder and, if necessary, rename them.  I name the files “Last First Assignment-name” (see image) because it puts the files in alphabetical order by last name that makes it pretty easy to keep track of which paper you’ve just graded and which you should do next.

  • If you can, format the assignments so that the same problems always fall on the same page.  The easiest way to do this is to ask for a set number of problems per page.  While this might seem wasteful of paper, remember the submissions and grading are going to happen digitally.  This makes it easier to jump to a particular page of each assignment to grade a particular problem.
  • In the File Manager, use the “List View” instead of “Icon View” to see the files alphabetically by filename.
  • When you move on to grading the next paper, use the time portion of the  “Date Modified” field on the file to keep track of which papers you’ve just finished and which you should grade next.
  • Use the “Next page” and “Previous page” buttons to quickly navigate to the proper page for grading.
  • Set up custom stamps (See http://bit.ly/redstamp for directions in Adobe Acrobat).  Your comments can be longer and have more explanation than they might normally have since you will only have to write them once.
  • You can open several files to the same problem at once, then decide how you might assign the points.  You can use a custom stamp to explain your grading rubric if you think it will warrant questions.
  • In most learning management systems, you can use an “assignment” feature that will let you download all the submitted files at once.

To grade papers one problem at a time, this is the procedure I run through.

  • Open Adobe Acrobat Pro (and keep it open the entire time)
  • Go to the file folder holding the papers and start with the first file (the first name alphabetically)
  • Jump to the page of the problem using the Next Page button (yes, I realize I could jump right to the correct page by typing in the number of the page, but I’m using a Tablet, not a keyboard, so it’s easier to tap three times than it is to convert to a keyboard just to jump to the page).

  • Use a combination of the pen tool and custom stamps to grade the problem.
  • Save the file and close it (but don’t close Adobe Acrobat).
  • Open the next file in the list (use the time stamp or glance at recently opened to figure out which is next). Repeat.

The ability to use custom stamps may just edge out the convenience of paper-based grading.  You can include a solution for a particularly difficult problem.  You can explain the grading for a problem if you know that it will warrant a lot of questions.  You can add an explanation for why certain notation is necessary in a problem.  You can include graphs, tables, anything you want to in your custom stamps (just use a snipping tool or a program like Jing or SnagIt to make the custom stamp images you need).

One last tip – don’t forget you can easily change your grading without making a mess.  Maybe you realized you assigned too many points a problem, want to remove a comment, or decided to regrade a problem after you’ve saw the spectrum of student errors.  Digital ink is much easier to erase than actual ink.

 

Possibly Related Posts:


read more

Custom Stamps for Grading in Adobe Acrobat

Aug 19, 2011 by

Many people have asked me to give a tutorial on creating custom stamps in Adobe Acrobat for paper grading.  There’s no reason why you couldn’t do something similar in other programs by pasting images into files, but there’s no doubt that the ease of one-click access to custom stamps is a nice feature of Adobe Acrobat.

Step One:  Create the content of the Custom Stamp

You can use any program on your computer to create the content: MathType, LaTeX, Wolfram Alpha, Mathematica, Maple, Sage, Word, Journal, etc.  Write the content and try to make it somewhat compact in width (aim for a square or squarish-rectangle rather than a long skinny rectangle).

Step Two: Capture an image of the Content

Use any screen capturing program to capture an image of your content.  You want to use one that has a “snipping” feature so that it’s not a screen capture of the entire screen.  Just capture the content you want in the stamp.  I usually use Jing or SnagIt to do this, although there are certainly many other options.

Step Three (optional): Make a Border

If I am making a longer comment, I like to put a border around my “stamp” content to make it clear that this was something that was added in the grading and not part of the original content of the exam or assignment.  Even free programs like Jing have the ability to add a rectangular “border” box on the image.  Save the file.

Step Four: Create the Custom Stamp

In Adobe Acrobat, open the stamp menu and choose “Create a Custom Stamp.”  Browse to find the image file you’ve created (Adobe defaults to finding PDF files, but you can use the drop-down menu to choose from other file formats).

 

 

You’ll find it helpful to have stamp categories (Limits, Derivatives, Integrals, Exam 2, etc.) to make stamps easy to find.

Step Five: Use the Custom Stamp (over and over and over and over)

At this point, you should be able to use the stamps by choosing them from Comments & Markup Tools –> Custom Stamps.


Once the custom stamp is inserted in a PDF document, it can be resized and moved all over the page.  You can use a custom stamp multiple times in the same document.

And now that notation error that requires you to explain in a lengthy comment is not such a burden to correct anymore.  I use custom stamps to explain the difference between d/dx and dy/dx, to insert missing limit notation, to explain the difference between a derivative and a differential, to explain how to rewrite an improper integral … once you can just stamp the comments, the explanations can be as clear as you want them to be.

Possibly Related Posts:


read more

Lost Pointer in Tablet Projection?

Jan 7, 2010 by

tcm_blog_button1

Many of us in math (and many other technical subjects) are now using tablets (slate tablets, tablet PCs, or peripheral tablets) to teach classes. Using a tablet to project what you’re writing has several advantages over traditional whiteboards/blackboards:

1. You can face the students (instead of facing the board).
2. You can make better use of color, shading, and drawing tools (see How Tablets Enhance the Math).
3. You can save your lessons in as either images or screencaptures (videos of the computer screen with your audio recorded in sync).

There is, however, one problem. When you project the image of your journaling software onto the “big screen” in your room, the pen tip is typically projected as a black pixel. This is not so much of a problem when you’re actually writing, but is a big problem when you’re using the cursor to point at some part of the screen (nobody in the classroom can see where you’re pointing).

Luckily, there’s a simple solution. Kenrick Mock (@macharoni on twitter), from the University of Alaska Anchorage, a computer programmer and tablet PC enthusiast has written two programs that simply create a colored circle of emphasis around the cursor area. The pen tip becomes easily visible.

penattention

I’ve written Kenrick’s free PenAttention program before, but it was worth mentioning again for two reasons. First, Kenrick has just written an update for the PenAttention (for tablet computers) . Second, Kenrick also quietly wrote a program called CursorAttention, designed for those of you using peripheral tablets (external tablets that plug in to your computer via USB, like the Wacom Bamboo).

The new update has a few new features:

  • Support for mapping to extended displays (displays a highlight on extended displays like Microsoft PowerPoint in Presenter View mode or Classroom Presenter in Dual-Monitor Output Mode)
  • Support for rectangular highlight (useful for highlighting text passages or lines)
  • Right-click to toggle highlight color

tcm_penattention

Kenrick also recorded a nice tutorial video to show you what PenAttention will do on both the native computer screen and on the projected screen.

Possibly Related Posts:


read more

eLearning Tools for STEM

Oct 6, 2009 by

For anyone who has ever had trouble convincing your administration to give you the proper tools to teach online, I give you this little gift: eLearning Tools for STEM, published today in eLearning Magazine.

elearning-tools-for-stem

The tools for STEM eLearning

  1. Tablets
  2. Recording & editing software
  3. Jing
  4. Equation software and training
  5. Synchronous communication system
  6. Online homework system

Other head-turning resources for STEM

  • Wolfram Demonstrations
  • Digital libraries (a lengthy list)
  • Video collections (another list)
  • TI-SmartView

Other tips (about accessibility, computer labs, etc) can be found at the end of the article.

You can read about all the tools, and why I recommend them, by going to the article, eLearning Tools for STEM.

Possibly Related Posts:


read more