Web 2.0 Tool Review: Aviary!

Name: Aviary
URL: http://www.aviary.com/
Tool Category: Creativity and Innovation
Description: Aviary is a suite of free, web-based creative tools.  The tools include:

1) Image Editor: This tool can be used to edit raster images.  Raster images are the usual format of images (e.g. jpg), where the image is recorded as a two-dimensional matrix of pixels (compare to the Vector Editor that follows).

2) Screen Capture: This allows you to take a screenshot and makes it available to you for editing.

3) Vector Editor: This graphics tool allows you to create and edit vector graphics.  Vector graphics are based on a mathematical models, not on a specific arrangement of pixels.  One of the virtues of vector graphics is that the images can be rescaled without losing information and resolution.

4) Effects editor: This editor expands on the image editor with a large number of image effects that do such things as blur the picture, or add a glow, or invert the colors (giving a photo negative effect).

5) Music Editor: This allows you to simulate musical instruments and create musical tracks.

6) Audio editor: The audio editor can edit audio files, allowing the user to mix together different music and voice recordings, as well as create effects such as changing the pitch of certain tracks, etc.

7) Image Markup: This tool is for quick marking up of images, allowing you to add circles, arrows, text, etc.

8) Color Editor: This a tool that allows you to create a color palette.  I'm particularly intrigued by this tool, since I am color-blind (I see colors, but I have a hard time seeing green).  This color tool gives more tools for quantifiably modifying colors  than any other color editor I've seen.  If you have trouble seeing colors, it helps to have measurements that tell you, for instance, how much green a color actually has in it. 

What do you need to know before using this tool?
The Image Editor, Effects Editor, Image Markup and Color Editor are similar to the tools found in image editing software such as Corel Paintshop.  It does not require any experience to use their basic functions, although using the more advanced features and effects skillfully would take practice.  To make use of the Vector Editor, you would want to have an understanding of vector graphics and how they differ from raster graphics.  To use the Music Editor and Audio Editor well it would really help to be familiar with audio tracks and sound mixing.  However, using these tools might be a good way to learn these skills.  The Aviary website does provide many tutorial articles and videos to learn how to make the best use of the

What do you need to have before using this tool?
Aviary runs within any web browser, so if you have a computer with an internet connection and a web browser, you can use Aviary.  To use Screen Capture, you must have Mozilla Firefox or Google Chrome installed.

How do you use this tool?
You navigate to http://www.aviary.com/ and double click the button for the tool you want to use.  The procedures for using each tool is different.  In this screencast, I attempt to show how the Vector Editor could be used to draw a giant water bug:

http://screenr.com/r4v

Describe a scenario of how you might use this tool for teaching.
In biology lab exercises that involve looking at and being able to remember and identify specimens, a commonly employed activity to facillitate learning is to have the student draw the specimen.  I never liked having to do this because I never liked my drawings.  Aviary provides a way to possibly make drawing specimens fun for those, like me, who don't like their own freehand drawing.  Lab students could be instructed at the beginning of the course that they will be routinely required to create illustration of lab specimens, with labels on the relevant parts.  Aviary would then be offered to the students as an option for creating these illustrations.
When instructed to draw a specimens, students sometimes are not sure what details need to be included in their diagram, and they get bogged down with details.  In contrast, the Vector Tool is ideal for creating images that are more abstract and schematic.  I believe if students were given a demonstration of creating an illustration using Vector Tool, then directed to create illustrations of their lab specimens, it would help them understand the difference between essential features and superficial differences.

What are some advantages of using this tool in a teaching environment?
Since the tools within this suite are free and available on the web to anyone with a computer, you could assign your students an art assignment using Aviary.  As long as there is a computer lab available for students to do homework, all students could be expected to complete the assignment.  Aviary offers "one stop shopping" for a wide range of creative tools.  Having all these tools on one page would simplify the process of directing students to find the tools.
The Color Tool has an option that simulates how colors look with normal vision and then with the various forms of colorblindness.  This could be useful for a science or health class, although I'm not sure how the simulation works for someone who's already colorblind :) .

What are some disadvantages of using this tool in a teaching environment?
Aviary is a very open-ended tool, allowing you to do a wide variety of things.  If students are directed to use Aviary to produce a product, they will probably need a significant amount of guidance.  Without guidance, many students might be overwhelmed by the number of options available.

Online help for biology lab students using Twiddla.

In the previous post, I described how Twiddla could be used to provide online tutoring or otherwise assist students in understanding material outside of class.  Laboratory science classes could particularly benefit from using Twiddla, because laboratory classes involve materials restricted to the lab and which therefore cannot be studied outside of class time or open lab hours.

A common part of the college general biology lab curriculum is the fetal pig dissection.  Students study the fetal pig in order to learn about the viscera and major blood vessels.  Obviously, students cannot usually take their fetal pigs outside of the lab for study.  However, there are a number of excellent free websites that a student can access to study the fetal pig virtually.  One example is The Virtual Fetal Pig Dissection from Whitman College: http://www.whitman.edu/biology/vpd.  Another is Fetal Pig Dissection from SUNY: http://faculty.clintoncc.suny.edu/faculty/michael.gregory/files/bio%20102/bio%20102%20laboratory/fetal%20pig/fetal%20pig.htm.  Using Twiddla, a student and teacher can both interact with one of these online dissections together.

To use Twiddla to study the fetal pig online, the instructor and the student(s) would have to log onto the same Twiddla whiteboard URL.  Once there, they would click the "Webpage" button.  This opens a window where you can enter a URL to set as your background.  I discovered that Twiddla drawing features do not work on the online dissection from Whitman College (probably because this webpage has advanced features that require Shockwave).  However, I found that the SUNY pig dissection does work, so we'll type http://faculty.clintoncc.suny.edu/faculty/michael.gregory/files/bio%20102/bio%20102%20laboratory/fetal%20pig/fetal%20pig.htm into the URL line.  At this point, we have Fetal Pig Dissection from SUNY as our background within Twiddla.  Whoever navigates to this URL can join the chatroom conversation and mark up the webpage.

Here is an example of how online help via Twiddla might go:

The lab instructor is already in a Twiddla session, during scheduled helproom hours.  The URL for the session has been posted to the course webpage.  A student navigates to the URL. 

Teacher: Welcome!
Student: hi
Teacher: How can I help you?
Student: During lab, I wasn't sure about the pulmonary artery.
Teacher: Okay, let's take a look at some images on the SUNY fetal pig webpage:

The teacher scrolls and finds an image of the fetal pig heart, then using the "browse" button within Twiddla, navigates to the enlarged image.  To make the learning more active, the teacher has selected an unlabeled image.  The unlabeled image is very large, so the teacher zooms to 50% using "ctrl -" for a wider view.

Teacher: Can you circle where you think the pulmonary artery is?
Student: Okay.

Teacher: That's the left subclavian artery.
Student: Okay.  I really don't know where the pulmonary artery is.
Teacher: That's okay.  I will show you.

Student: Oh, I thought that was the aorta.  It's huge.
Teacher: The aorta is just behind the pulmonary trunk/artery.  It descends down the back of the heart so you really don't see much of it from this view.  Let me show you:

Teacher: Hmm.  I can't seem to change the text font's color.  I was able to make one green box so you can read it better, but I can't make anymore for some reason.  Anyway, the aorta branches into the braciocephalic (feeds right arm and head) and left subclavian (feeds left arm).  The pulmonary artery is basically in front of the aorta.  You can check out the website's labeled diagram for better labels!
Student:  Okay.  I think that's what I needed.
Teacher: You also might want to look at more pictures on this website, so that you can see these vessels from different views.
Student: Okay.  I'll try to do that.

End of example.  

I had a lot of trouble getting the drawing tools to work consistently in Twiddla.  Sometimes the tools would not draw and I didn't know why.  Also, I found no way to change the text color, which was a problem since it was very difficult to see the labels I made against the background.  There was a tool for making backgrounds for the text, but I couldn't get those to work consistently either.

I would want to figure out those glitches before using Twiddla as an official learning tool. 

Web 2.0 Tool Review: Twiddla!

Name: Twiddla

URL: http://www.twiddla.com/

Category: Collaboration Tool

Description:

Twiddla is a Web 2.0 tool that takes the basic chatroom concept and expands it by allowing not only instant text messaging, but also real time graphics drawing on a canvas shared by all participants.  Marking on the whiteboard is similar to marking in other basic art software such as Microsoft Paint.  For example, you can draw freehand, draw straight lines, and create geometric shapes of various dimensions.  You can also insert images or text.  The individual items you create (e.g. line doodles, shapes, text, jpeg images) can each be selected and moved around the whiteboard, rescaled, or deleted.  Graph lines can be switched on or off in the background of the whiteboard.

A versatile feature of Twiddla is that it allows you to draw on a variety of canvas backgrounds besides the plain whiteboard.  Possible canvases include webpages, images or documents in Word, Excel, PowerPoint, or PDF format.  You can’t edit the documents or images within Twiddla, but you can mark them up as much as you want.  Twiddla also includes a background called Etherpad that is a notepad where you can edit the text (unlike an imported Word document), while also marking it up like any of the other backgrounds.  It is possible to navigate the web using a Twiddla webpage background, but doing so clears any markings when you navigate away from your current page.

Unlike a graphics program like Paint, Twiddla does not save your work or any images you make on the board once a meeting has ended.  You must save screenshots to have a record of your work.

What do you need to know before using this tool? One of Twiddla selling points is that requires virtually no prior knowledge to use.  Marking up the whiteboard is very similar to marking up images using basic graphics programs like Microsoft Paint, and the chat feature is self-explanatory.  There are some extra features that were not self-explanatory to me, but the main functions of the tool are easy to learn.

What do you need to have before using this tool? Besides being simple to use, another user-friendly feature of Twiddla is that it only requires a computer with an internet connection and a web browser.

How do you use this tool? 

    1) Navigate to http://www.twiddla.com/

2) Click on “Start a new meeting.”

3) To add other participants to the session, contact them and instruct them to navigate to your current URL.  You could cut and paste the URL into an instant message or email.

Some ways to use Twiddla for teaching:

1)   When holding in person office hours is not possible, Twiddla would be excellent for holding online office hours.  Online tutoring typically uses shared whiteboards, and helping students during office hours is very similar to tutoring.  Tutors generally have to provide help without advance preparation, and Twiddla is excellent for quick, impromptu interaction using both words and drawings.  The student’s access to the whiteboard would make it easier for the teacher to lead the student into finding his own answers.  To set up online office hours, a teacher could communicate the time and the URL to his students, then wait for them to navigate to the Twiddla session during the scheduled time period.

2)   Another scenario where Twiddla would be useful would be in instructing students on how to use a particular website, for example their course's website.  The instructor could lead the students webpage by webpage within Twiddla, using the drawing tools to point out the important buttons, links and other features.  The drawings would disappear when navigating away from each page, but if the markings are just simple pointers and highlights, this shouldn’t be a major drawback.  I don’t know of any other way to make marks on active webpages other that by using Twiddla.  Thus, this particular use would probably be equally helpful in a face to face setting where the teacher’s screen was projected for the students to see, without using the online collaboration aspect of Twiddla.  (In the example below, the highlighting circle and arrow were created using Twiddla.)

3) A teacher could give an effective live online presentation using Twiddla.  Twiddla sessions cannot be saved and reloaded like a PowerPoint presentation.  However, an instructor could save a set of image files in a folder, and upload each of them to Twiddla before giving the presentation.  Besides drawings and photos, the images could be snippets of text or mathematical functions.  Ideally, these would be PNG files with a transparent background to avoid obscuring the view of other images on the whiteboard.  The Etherpad background could be used to allow the teacher to make impromptu notes.  This would probably be best combined with an audio feature so that the teacher can speak while manipulating the images for the lecture.  Twiddla does include voice channels, but they were all everytime I clicked for them.
    A lecture given in this way would be more dynamic than a slide presentation.  It would give the lecturer the power to move and interact the images on his board in different ways.  It would also give him the opportunity to ask a student to complete a figure using the elements on the whiteboard.  For example, in a lecture on Mendelian genetics, the instructor could create an image of a Punnett square, and PNG images of genotypes.  The teacher could invite students to move the correct genotypes into the correct boxes.  Alternatively, the students could use the text writing whiteboard tool to fill in the boxes.

What are the advantages of using this tool in a teaching environment?  One aspect of Twiddla that is conducive to progressive learning methods is that it allows all users to easily mark on the whiteboard.  In an in-person classroom, it is usually only the instructor that marks on the whiteboard.  This practice probably has less to do with teaching philosophy and more to do with the logistical difficulties of multiple students moving around the classroom and standing in front of the whiteboard to mark on it.  Twiddla would encourage active learning by making use of the whiteboard equally available to teacher and student alike.

    What are the disadvantages of using this tool in a teaching environment?    The ability of students to manipulate the whiteboard would present both advantages and disadvantages.  A single student could cause problems, either maliciously or unintentionally.  However, there is an undo button that would help with this.  A related point is that there is probably a limit to how many people can collaborate on whiteboard before it becomes unwieldy.  If Twiddla was used to teach a class of perhaps twenty or more students, the teacher might have to carefully coordinate the timing of who marks on the board.  Otherwise there the whiteboard might end up a mess of markings on top of markings.

    I did find that some of the tools in Twiddla did not work correctly.  Importing documents only worked for me when I used the bottom button, but not the top button.  This was frustrating until I figured it out.  Also Twiddla's screen capture function did not work for me (the image file never finished loading).  However, I could use my computer's screen capture function to get the same result.