An iThingr: ReCaptcha Illustrated and the Benefits of Playing with Apps


Product

Here’s my ReCaptcha Illustrated assignment for ds106.

The project gave me another chance to play around with Gimp and, as students and I discussed in class today, I discovered for myself that one of the tangible benefits of struggling with some of these programs is that, once you do, you know them all the better the next time.  Which is to say that though I didn’t exactly whiz through this creation, my time on task was much reduced having already played with Gimp for a previous assignment.  And though it’s still not perfect, I am relatively happy with the outcome.  I’m especially cognizant of the little boost to my confidence my success here has provided me with.  More visual mashups:   bring ‘em on!

Process

I went to Alan Levine’s assignment page and pulled the virtual slot machine lever a couple of times till I came up with a ReCaptcha that captivated my imagination.  Here were the others that were vying for first place:

But when I landed on “an ithingr,” images of my dongle (whose name affords my students no end of amusement) and “finger” sprang to mind, and I knew that I’d hit the jackpot.

I did a quick Google Images search on iFinger (I am a firm believer that not only are there no longer original ideas, but also that, however whacky you might find a concept to be, there’s usually a pretty good chance that if you Google it, you’ll find something out there that at least comes close.  My hunches were right.  Up popped this image from a 2007 Wired magazine post about the “X-finger” for amputees:

Another quick search of the Apple Store unearthed a workable background from the iPad 2 site, whose tagline,”now with iOS 5 and iCloud, it just got harder to put down” couldn’t have been more fiendishly apt.

 

 

 

 

Reflections

As I write this, I’m reminded again of our conversation in ENG 307 earlier today: about how, through the all of the low stakes play with apps that ds106 assignments require of us, we are actually learning the apps and, as I have written before, learning about learning, too.

We’re learning lessons such as how, when students are asked to create something meaningful that they will share with a supportive and like-minded community that truly values their contributions, motivation is high to acquire skills in order to produce high quality products.  Students have reported spending “24 hours” on assignments; warned me that they will “blame [me] when they fail all of their other classes :) ”; that they are “obsessed with [their] blog[s]“; and that they went outside for the first time all year and spent the “entire day” taking photos for our visual assignments.  Sure, they’re devoting tons of time to creating what Jim Groom and Alan Levine celebrate as “ds106 awesome,” but I never asked them to.  That my students — preservice teachers, mind you — are this motivated to spend time on schoolwork because they are enjoying it, are really seeing what “authentic” assignments, audience, and learning are all about, and are learning technology tools in the meanwhile (tools that they will eventually be able to apply to their own discipline-specific curriculum planning) are all invaluable lessons for these teachers-to-be.  I couldn’t be happier with the way our collaboration with ds106 is working out.

Today we spent time in class on independent work, partially because I wanted the opportunity to float around and help students who might still be struggling.  Much to my surprise (and delight), students displayed an amazing level independence that had been completely missing just a couple of weeks ago.  We joked that they didn’t need me any more, that I should just “leave them alone to play with their computers.”  Instead of panicked cries from all corners of the room about problems as tiny as where to find the directions (the classroom tenor at the beginning of the semester), students were brandishing a new savvy about finding solutions to their own problems:  asking their classmates for help, Googling their questions to see if there was help already out there, and knowing that they could ask the community, as well as me, their teacher, if they couldn’t help themselves.  They have become that much more competent and self-directed in only four weeks!

We reflected upon students’ amazing dispositional turnaround (an explicit objective of my course, btw) and agreed that the ds106 trial-by-fire in setting up our own blogs and then the relentless requirement to constantly engage in lots of low-stakes, “make art, dammit” assignments were to blame :) .  Without our actually recognizing what was happening, the weekly work of ds106 — the daily creates, the quantity and variety of new media assignments students are regularly engaged in, and students’ regular reflection upon their processes — all of these components of ds106 have helped us build competence in and confidence about our abilities as learners (of new media).

I reminded students of the old “hide the peas in the macaroni” trick that teachers often take from parents.  Digital storytelling and its component tasks can be a delicious distraction from the “what’s good for you” part of school.  I’ve been saying this for years (and most of these students heard it all last semester as we discussed thematic unit planning in ELA).  But now we’re not even one-third of the way through the semester and students are really “getting it” in ways I could only dream about last year.  I can hardly wait to see what the rest of the semester brings.

Hurray for ds106!

‘ReCaptcha Illustrated’: A Unique Assignment

Although this assignment and tutorial has been created as part of my contribution to the Ds106 learning community, it also has great potential as an activity/project for our Senior Years’ students. “ReCaptcha Illustrated” is a unique Visual Assignment that was proposed by Alan Levine (aka cogdog), who challenged DS106 students to:

Include a screenshot of a word pair from a reCapctha in an illustration or visual mashup that shows what the words might mean. Use your imagination to create something meaningful out of the random words.

When you write it up, provide some narrative that puts the image in context.

As someone who can trace his heritage back to the “Emerald Isle”, it would have been ideal if my visual mashup creation, and its equally important narrative, could have been posted on March 17th.

I will provide a step-by-step tutorial to help engage others in this unique learning experience.

1.   After reading the description of the “ReCaptcha Illustrated” assignment, I searched for a web site that would allow me to activate a ReCaptcha display.

2.  My Google search led me to the “What is a reCAPTCHA?” site with an active reCAPTCHA “generator”.

3.   I examined the initial “two string” display, which made no sense, so I kept pressing the “recycle” button located above the “speaker” icon to generate a new text combination for consideration.

4.  I admit that I rejected perhaps 80% of the reCaptcha images generated because I was unable to visualize a context under which the displayed text might apply.

5.   However, when I found a reCaptcha display which looked promising, I took a screen capture and saved the image. Some of my “possibles” are shown below:

This one had possibilities if I could find an image of a “farming family”. I could then manipulate the photo and add a speech bubble having the children complain that “Ma …kills o(ur) farming”.

 

 

This one looked much more promising. I envisaged a teenaged boy, texting his buddy and (with an unfortunate slip on one letter) proudly announcing “I’ve dat3d Lisa”. Perhaps this display might also be a person typing in a 15 character password using the popular technique of replacing the letter “E” with the image reversed number “3″.

6.   When the reCaptcha displayed this one, based on my Irish heritage, I immediately imagined “a bubble in green beer”.

 

 

7.   The next step was to find an image of a “green bubble” using Flickr’s “Advanced Search Tool”.

8.   In the “search field” at the top of the page, I entered the two words “green bubble” (without quotes). Since I only wanted Creative Commons-licensed images that I could modify or mashup, I clicked on the check-boxes in front of the following two statements near the bottom of the search screen:

  • Only search within Creative Commons-licensed content; and
  • Find content to modify, adapt, or build upon

9.   I began searching for images that I felt had potential. Whenever I found an image that I thought I might use, I clicked on Flickr’s “Actions => View all sizes” menus to check the “license type”, and verified that the image was available for downloading.

10.   Whenever I found a possible image, I always recorded the image’s URL address in my Research URL File, together, with a brief description and a 1-10 rating. Experience has taught be that it takes little time to record the URL at the time of download as opposed to deciding to use an image and then having to go back later to find the image address. If you finally decide on an image and then have to go back later to find its URL for citing purposes, you often can no longer remember the exact search parameter terms which can be very frustrating and a real time waster!

11.   I decided on this “Green Bubble” Flickr image with its Creative Common’s Attribution-NonCommercial-ShareAlike attributes. Under this photo’s license, I could “Share” and, most importantly “Remix” or modify/manipulate it by adding a speech or thought bubble. I proceeded to download the largest format size available that didn’t exceed 1024 x 768 pixels.

12.   I think that one should always follow the DS106 “ABC” mantra of “Always Be Commenting”. In particular, I believe that it is proper etiquette to leave a “Thank You” comment below the original Creative Commons image that you are going to use. Furthermore, I try to provide a URL link to the the remixed image in your own Flickr photostream. This provides an opportunity so that the individual who uploaded the original file can visit your remixed or modified creation so s/he can see how you utilized the original.

13.   Next I decided that I would need to add a speech bubble to the image. The only mechanism that I knew for accomplishing this task (at that time) was to use PowerPoint 2007. I started this application and used the Insert => Picture menu items to transfer this image on to a PowerPoint slide.

14.   After dragging the image’s corner handles out to fill the entire slide, I clicked on PowerPoint’s Insert => Shapes => Callouts menu items and selected the “thought bubble” icon. I clicked on the slide and dragged the “thought bubble” into position.

15.   Since the reCaptcha’s “A green bubble.”  text was displayed on a white background, it is very important that one right-clicks on the active “thought bubble”, selects the Format Shape => Fill => Solid Fill => Color, and selects the white “Theme Color” to match the white background of the reCaptcha disply.

16.   Next one must choose the Insert => Text Box menu items and enter an appropriate “thought” as a layer above the bubble image.

17.   One must now use a graphic viewer, such as the Irfanview freeware for Windows, or image editing software to capture only the reCaptcha’s “A green bubble.” text with its white background. Once this portion has been saved as a new image, it can be inserted onto the PowerPoint slide.

18.   All that remains is to add appropriate text into the thought bubble, add the ”A green bubble.” image, and experiment with resizing and positioning these components.

19.   Once you are satisfied with the thought bubble text and it’s position on the slide, it is important to save this file. Certainly one can save this PowerPoint file (of one slide) as “Greeen Bubble.ppt” or (.pptx using the newer 2007 file format) or any suitable file name. However, it is also important to save this single slide as an image. To do so one must click on PowerPoint’s Office Button” in the top left corner of the screen and select Save As => Other Formats menu items. Under the “Save in:” location options, navigate to an appropriate folder or location on your hard drive. Next, click the “Down arrow” at the right end of the “Save as type:” field, scroll down, choose the “JPEG File Interchange Format (*.jpg), enter an appropriate “File name:” and click the “Save” button. When prompted “Do you want to export every slide in the presentation or only the current slide?”, click the “Current Slide Only” button to save the following creative image for display and/or later use.

 

Teachable Moment

“Enquiring Minds Want to Know”
Providing a narrative to put the image in context


Background

This assignment has great potential for being used to engage students in Manitoba’s Senior Years Information and Communication Technology (ICT) courses. Undoubtedly, it could be introduced in both the “Applying ICT” and the “Digital Pictures” courses.

One might consider having students investigate the work of Luis von Ahn at Carnegie Mellon University as he developed different CAPTCHA processes. Some excellent resources were provided in my earlier blog post entitled “CAPTCHAs Reduce Blog Comment Spam“. Once students are more familiar with CAPTCHAs, this “hands-on”, multidisciplinary assignment will complement the theory and provide an excellent opportunity for students to demonstrate their creativity.

Although the somewhat technical portion of this Visual Assignment is completed, there are still ample ways to demonstrate creativity. This “reCaptcha Illustrated” activity has many learning opportunities for Senior Years students. Why not request that pairs of students work on this activity together? One person may take the lead in the more technical areas while his/her partner may wish to focus more on this narrative component. Regardless of how the work load is divided, students will learn more through communication in a collaborative environment.

ReCaptcha Illustrated – The story behind the image
The scene opens on St. Patrick’s Day in Ireland. The story centers around a wee, Irish leprechaun by the name of Tommy O’Toole. Since early morning,Tommy has been celebrating all by himself in the local public house (or bar) called “Clancy’s Cellar”.

Tommy has not been keeping track of the number of beers that he has consumed. but it is safe to assume that even the locals would agree that “wee Tommy” is, indeed, intoxicated.

Tommy shouts to the barman … “Clancy  … draw me another pint of your best green beer, my good man.” Within moments a large glass tankard automatically appears in front of Tommy.

Just as Tommy toasts St. Patrick, hoists the tankard to his lips, and is about to pour the green nectar down his throat, he stops abruptly. He spies a large green bubble staring back at him from the frothy surface of his beer. Grasping the mug in both of his alcohol-induced shaky hands, Tommy slowly lowers his tankard and gingerly sits it carefully on the bar so as not to upset the delicate equilibrium.

Although his mind is somewhat clouded, after spending more than seven hours sampling all varieties of green beer, Tommy says to himself … “Faith and begorrah … have ye ever seen such an amazing green bubble? I wonder if St. Patrick is, indeed, sending me a sign of future good luck? I must share this good fortune with my closest friends.”

Through squinting eyes Tommy surveys the patrons of “Clancy’s Cellar” and, regretfully, does not recognize any of his friends. “How can I share this moment with my personal learning network?”, Tommy thinks.

“I could take out my cell phone and take a picture of the bubble”, thinks Tommy, but he quickly dismissed that poor idea. He says to himself. Although my brain is a bit fuzzy, the picture would be worse, as my hands would shake so much while taking the picture.

He continues problem solving as he thinks of a strategy. “I could brace my shaking hands on the bar and take a much steadier photo to send to my friends. No … even if I they were to receive a good quality picture of this green bubble, they would all accuse me of “Photoshopping” it. There has to be a better solution”, he thought.

Then Tommy shouted out loud … “OMG!”

He quickly realized that he had to invite all his Irish friends over to this bar ASAP, so they could witness for themselves, this wonderful green bubble.

He reached into his pocket with one shaky hand and slowly withdrew his cell phone. He grasped the device in both shaky hands as he navigated his thumbs over the keypad. Even in his drunken stupor, “wee Tommy” remembered he had to be extra careful with that one key that kept sticking.

“Was it the letter ‘e’ or the number ’3′?”, he muttered under his breath.

“I’m sure that every sober person knows that the uppercase ‘E’ looks like a backwards ’3′”, however Tommy was far from sober. “It’s understandable that everyone becomes confused over their similarities. They look so much a like”, thought Tommy in his drunken state.

Tommy realized that there was some urgency in sending a quick message to members of his PLN, so they could quickly travel to “Clancy’s Cellar” and view this amazing green bubble.

In his mind he began formulating a message he could send out through Twitter. Wee Tommy struggled to compose a coherent message. Furthermore, he knew he had less than the standard message length of 140 characters, because he needed to alert his friends using the important “#Irish” hashtag.

Tommy’s brain tried its best to send signals to activate both thumbs appropriately as Tommy stabbed at each key in turn.

As displayed below, there was a close correlation between the thought image in “wee Tommy’s” brain and the message that each of his friends actually received through Twitter …

 

Take care & keep your “Irish eyes” smiling :-)

Credits:
-   Flickr – Creative Commons image “Green Bubble
by jacsonquerubin – http://www.flickr.com/photos/spacial/4861327151/

-  Brian Metcalfe’s DS106 “photostream”
http://www.flickr.com/photos/life-long-learners

Visual Assignment – ReCaptcha

I love the idea behind this assignment. I have stared at countless Captchas wondering ” what in the world is that?”, I would even go and Google a word out of curiosity(usually with no luck). However, I digress.

For this assignment, the ds106 gods gave me the captcha “Homeip Elected”. Upon seeing this, immediately thought of a  family at home, watching elections and election campaigns. However, the president was replaced with a new profession – the PI, other wise known as Private Investigators.

PIelection

To make this, I once again used GIMP, which is quickly beating out Photoshop for my affection. However, this required less cutting of the images. The only image that required the scissor tool was the Private Investigator, which was surrounded by a white background. Then all I had to do was scale the images to put inside the television. I did find out a time saving trick though, at least for my circumstances.

After I had already edited all the images into their place, I realized that I wanted to make the Television/Home image larger and feared that it would mess up the rest of them. I was wrong. Since I had adjusted them and saved it as a new file, I simply opened it up (which at this point has all the elements saved into it) and rescaled the entire thing. Everything moved along with it and I was a happy boy.

Recaptcha madness

Happy February to all!

I thought that this week’s DS106 assignment should be something random, so I went with the illustrated recaptcha assignment suggestion whereby you are given the task to illustrate one of those random recaptcha images.  I must have hit that button to give me another captcha many times because I couldn’t get inspired by any of the random text.  In the end I got something that looked like Peachill Insurrection. My initial thought was something out of Super Mario (Peachill maybe something named after Princess Peach), maybe some protesting or fighting Goombas or Hammer Brothers…but I couldn’t find any fan art of insurrecting goombas to add to images of rolling (peach)hills.

So here’s a mashup of Super Mario (World) hills with an image of the Warsaw insurrection (from wikipedia).

The Softain Biopsy – Visual Assignment 305: ReCaptcha Illustrated

The Softain Biopsy

The Softain Biopsy is a medical procedure performed by specialist surgeon Dr Sigmeund Softain involving sampling of diseased human cells or tissues for examination, repair, duplication and then re-insertion back into the patient.

Visual Assignment 305 – ReCaptcha Illustrated brief

Include a screenshot of a word pair from a reCapctha (or heck right at the bottom of this assignment submission form) in an illustration or visual mashup that shows what the words might mean. Use your imagination to create something meaningful out of the random words. When you write it up, provide some narrative that puts the image in context.

ReCaptcha Predictions for 2012

I’m not going to shake the magic 8 ball or come up with a list of really insightful surprise predictions for 2012. Instead I’m attempting @cogdog’s new #ds106 assignment to illustrate something meaningful out of random words.

ReCaptcha Predictions!

This is the equivalent of reading the random tea leaves at the bottom of your cup. What Black Swans does ReCapcha say Education has in store for the next year?


cc licensed ( BY NC SD ) flickr photo shared by giulia.forsythe

In 2012,

THE Shumpt is the teacher in a slump, living in his walled classroom, relying on tech support to make things happen. The Shumpt will suddenly be carried by his educational technology support team to the edge of the wall to see over the other side.

Here he will encounter Sir PartsBo and become acquainted with the deconstruction of digital fluency. Immediately The Shumpt will come out of his slump and will be reanimated as if a layer of stone has been removed and his professional life will transcend beyond purposeful but might even include- FUN.

Merely considering what exists on the other side of the wall will be known as the Wallar Proposition.

It will not always be simple, of course, because the apocalyptic veffig will try to attenuate the use of toolitas outside the wall. New legislation will be drafted and redrafted, remixed and repurposed to the point of ridiculousness. For example, the Family Educational Rights Stop Online Piracy (fersop) bill will be the source of much consternation to the liberated educator.

Of course, it is difficult to know how this will turn out. The only thing to do would be to analyze more ReCapchas. I recommend submitting assignment ideas to DS106, as there will be a ReCaptcha at the end of each form submission.

This will serve the dual purpose of working on Assignment 305 and contributing to the reanimation of your creative self.

ReCaptcha Illustrated

Include a screenshot of a word pair from a reCapctha (http://www.google.com/recaptcha or heck right at the bottom of this assignment submission form http://assignments.ds106.us/submit-an-assignment/) in an illustration or visual mashup that shows what the words might mean. Use your imagination to create something meaningful out of the random words.

When you write it up, provide some narrative that puts the image in context.

Captcha Art (ds106 assignment)

Among other TEDx Talk videos I have seen recently, the one by Luis von Ahn on Massive-scale online collaboration, Stephen Downes notwithstanding, generated a number of ideas for me. von Ahn is the man behind the idea of reCaptcha- originally a Carnegie-Mellon project eventurally gobbled up by Google. What I liked most is his example of looking differently at a problem- digitizing texts via OCR and turning a normally wasted amount of human activity- proving themselves to not be bots by entering the text into a box of scrambled letters– into a useful activity by making the captcha images not random, but ambiguous words in the proces.

The video alone is worth watching for von Ahn’s description of his newest project, to translate the web into all languages via free language learning lessons (see the video or http://duolingo.com/)

I signed up for to get an invite for dulingo, but it was von Ahn’s examples of humorous random examples that got me thinking, e.g. “Bad Christians” showing up on a theology site

Then he talked about how some people were setting up sites to illustrate the word combinations, such as “Invisible Toaster”

And thus SHAZAM! Here’s a ds106 visual assignment idea.

Go to any site that uses a repcatcha e.g. the repcatcha site itself and recycle them until you get something that might be illustratable. The recycle button is the one at the top:

Take a screenshot of the word pair, then find some re-usable image(s) that might cleverly illustrate the words, mix them together to a single image that includes the captcha.

Now here is the thing- the reCaptcha images seem to have gotten more complex; most have one recognizable word and the other is a fragment or maybe a word in some other language (?), so you might have to be super creative.

Like this one I might illustrate someone talking to a confused waiter in a restaurant trying to order something strange:

I ended up cheating a bit- a few years back I had noticed interesting word pairs in reCaptcha and played with building a story out of the images, so I used some of the ones I had saved for my two examples.

My first one tries to describe what dentists really eat for dinner, foods that are easily chewable and always floss, hence Dentist Dinners:

Image credits:

For captcha art number two, we see how we can ascertain that bulldogs are above taking bribes; they have stanps of approval by the US government as Ethical Bulldogs:

image credits:

So what can you make with random captchas?