The Thinkquest project is nothing new to me, but I must have spent too much time away from perusing the entries and winners, because the current crop of 2009 winners display a remarkable feat of both excellent web design and compelling content. The older Thinkquest sites that I have my students use for research and/or exploration of topics look as though they were created with Netscape Composer compared to the new sites. Flash objects, javascript, and CSS are just a few of the web design techniques used in almost all of the winning sites, creating professional looking sites that many professionals could take note from.

WARNING:
For those curious, the rest of this post is written as a formal critique of a website for my graduate course; you may or may not find the following dull, boorish, long-winded, and downright dry. Enjoy!

By far, the most impressive was the winner of the 19 and under category, not just because of it’s design (which was very well executed), but the content as well. The LEAD Portal is a a full on social network designed to help foster leadership skills among young adults. Having gone through the Boy Scout’s junior leading training program (Brownsea Training),  I thought discussing traits of effective leadership while having to assemble your own campsite and latrine from a pile of canvas and raw materials was an achievement, but the LEAD Portal puts that training to shame.

The navigation on the page is flawless, giving the user simple and clear navigational headings running across the top of the page. Any questions or head scratching you might stumble across on amateur websites when it comes to navigation is non-existent. By using simple headings like Theories, Qualities, and Application of Leadership, it was quite apparent how to find the information needed for learning not just about good leadership theories, but also how to implement best leadership practices. Nice big shiny “clicky buttons” pulled my attention to the most important information about the site; how to get started, activities I could immediately “sink my teeth into”, and what the site was all about. In less than 5 minutes, I had a profile, was playing with some fun flash games (all coded by the student creator of the site), and was already working on memorizing simple leadership mantras and strategies.

The only information required of me was when I first visited the portal. A small pop up asked for a username, no password, no e-mail. After putting in some gibberish, it disappeared, and popped up in the upper right hand corner of the page. A quick click of my username revealed that I could change settings or view my profile. But here’s the kicker! The profile is kept completely by cookies in the browser! There’s no login, no need to enter an e-mail address, and no password to remember. Clicking on my profile showed me the games and activities I had tried, as well as suggestions for assessments or learning pieces I should look at. It was a unique experience to have the website recognize me without having to click a “remember me” button, or “keep me logged in” on the first visit. I assume the design is meant to make teens feel as comfortable as possible using the site, without having to worry about going through the lengthy process of creating yet another online account. Of course, the drawback is, you can’t have multiple people use the site, unless you clear your cookies and cache, or visit the site from multiple user accounts on the computer. Something that makes the site MUCH less practical in a school setting. That, and it tells the user that what you’re doing may be very important to developing your leadership skills, it’s not important enough to warrant being able to access the website and track your development from different computers.

The site is by no means perfect, and excels tremendously at trying to keep the content and layout simple, but at times there’s just too much. While the index page uses just enough white space to comfortably “cushion” the content, and chop the page up into manageble “bite size” pieces, the shear amount of pieces is staggering, and often not well placed. The “quick links” bar is placed at the bottom of the page, instead of the top where it might have been more useful. The 7 step flow chart of understanding and mastering leadership skills is also at the bottom, so while there’s a nice step by step suggestion of how to navigate the site, it’s hidden below the flashy video and tidbits about famous leaders like Bill Gates and past Presidents of the United States. Other small issues, like the inability to use the back button to return to a previous page are annoying (you have to use the HOME button at the top of the site).

The designers of the site have implemented some pretty impressive features though, to help make consuming the content of the site easier. The conventional search box and small navigation panel are present in the right hand sidebar of every page on the site, making it easy to find what you’re looking for. It functions much the same way the navigational frame on older frame driven sites worked, only a little smoother; clicking on one of the categories in the navigation panel opens up the small sub-menu in a very “jump menu” like way. However, the toolbox which tops this navigational tower is the most impressive. With four simple icons which were immediately recognizable, I was able to print the content of the page, open up a small flash-based notebook which could save any notations I wanted to make about the site, or even “star” my favorite pages, to make finding them again easier by automatically adding them to my bookmarks (an old convention, but a nice one). A silver sprocket even allowed me to turning highlighting of particularly important phrases and terms on or off, making it easier to scan through and pick out important pieces of information.

With a very nice blend of visual, textual, and interactive media, the LEAD Portal is an amazing site, that catches your attention, and does an effective job of steering you down the path of building leadership; that is once you’ve decided on which of the multiple starting points you want to take. The site is a little “ADHD” as far as providing no fewer than 5 text links, shiny buttons, or menu items that all take you to the same place from the homepage, but once you settle in to the site, it’s easy to appreciate how the activities all pop up as unobtrusive flash-objects, and quickly slide away when needed. The bottom line is, this website is a HUGE design coupe for a group of web designers not yet out of high school. Sure, there’s plenty of things to improve upon, but I never really felt lost while using the site; just a bit scatter-brained.

So I guess it goes without saying that I’ll be definitely looking into more of the winning ThinkQuest sites, as the LEAD Portal has shown me just how amazingly far student designed websites have come since I first started using Dreamweaver a decade ago. The fact that is was created by 6 students who are physcially scattered across Asia and Australia goes to show that this “world is flat” thing can really produce some pretty impressive results.

For those note aware, Wolfram|Alpha is a new “automagic” computational engine attempting to make all systemic knowledge on the Earth searchable and accessible. In other words, searching for a map of the U.S. gives you a map of the U.S., not lists of sites with maps, and typing in a complex math equation gives you the answer. Doesn’t sound impressive enough. Check out the examples page. Wolfram|Alpha will automatically graph descriptive statistics, up to the minute GDP per capita comparisons of any country on Earth, and will automagically compute the time elapsed since your birthdate, famous people who share your birthday, and give you the current phase of the moon on that date when you enter in the date of your birth!

Oh, and just for fun, the nutritional information for 10 peanut M&Ms

Education is about to get a heck of a lot more interesting!

Watch live video from Wolfram|Alpha on Justin.tv

I spent this week reading through a couple of articles for my graduate level seminar course. The one that caught my attention the most was a paper that came out of the MIT Media Lab, written by Mitchell Resnick. The paper, (which you can download and read with this link) “Computer as Paintbrush: Technology, Play, and the Creative Society“, paints a picture of playtime as learning time. Not just the average run of the mill playtime with blocks, crayons, and toys; but rather play time as serious problem-solving engagement time. Something almost akin to the Montessori method; allow children to have the tools and the time to learn, experiment, fail, and ultimately achieve on their own.

Which got me thinking. In my unique situation as a computer lab teacher, my lessons, teaching goals, and methods can often conflict with the student’s expectations. The students come into my room and they want to play on the computer. Games, drawing, internet; they don’t care what it is, they just want to play. I have clear standards and goals for them to master, or at least be introduced to, and can’t justify letting them play all the time. Which is the problem. I personally believe that allowing a learner time to play with a new program, website, or piece of software, will help them pick up new skills faster, make deeper connections with how programs work in general, and give them the chance to discover those all important “this is totally SWEET ” moments.

As I write this, a 4th grade class is exploring Art Rage, a fabulous art simulation program that all schools should have installed on their computers. This is the 3rd year I’ve worked with this program, and by giving them time to play, they make important discoveries about what’s important to them in the program. Some students become experts in erasing, undoing, and eliminating mistakes with the many tools they have. Others get excited when they discover that they can zoom in on their painting, or move the canvas around with a right-click drag. And the truly artistic start playing with all of the drawing tools, and manipulating the settings until they can draw the most perfect bunch of purple grapes. Their excitement with the painting program is ten fold the amount it would be if I had simply told them to open up this new painting program, and then had them start painting and authoritatively instructing them on how to use the tools. When I assign them their self-portrait project next week, they will feel much more prepared, and feel more confident because they’ll be basing their work on their own personal trails and errors, not on what “Mr. Rimes told them to do”.

However, there needs to be a balance. If I let them play for too long, or too often, students will enter my room with the notion that “computer lab = play time”. Many students will enter asking “Do we have free time today?!” week after week in hopes that they will get to play. In every class there are also a few students who will purposely neglect work in order to continue playing. They already understand the concepts I’m teaching them, and how to manipulate the program, I just haven’t provided them with a compelling enough reason to stop playing.

Then again, there are some programs that I can’t expect the students to just “play with” and figure out. Google Earth is a great example of a very unintuitive experience for elementary students. Flying to places is simple enough, but creating placemarks, adding folders, and then organizing those placemarks by folders is something I have yet to see a student just “pick up” on their own. It requires careful planning on my part to disguise the tutorials for Google Earth as “games.” I imagine the challenge is akin to what video game designers must go through in planning tutorials for their proprietary game or control systems.

Where to strike the balance between play and instruction can be difficult, especially with a classroom full of a wide range of learning styles, disabilities, and students that bring with them a diverse background knowledge. How do we as educators, find the perfect balance of play?

The CIA Factbook is one of those “old internet” websites that is a treasure trove to educators helping students gather facts and information about foreign countries. You want the birth rate of Bulgaria? It’s got it. The age of suffrage in Somalia? It’s got it! The median age of people in Madagascar? Yeah, it’s all on the CIA Factbook. Everything from the Geography to an overview of the Transportation and Economy of a nation is registered on the Factbook; which is great for older students, or those with proficient reading skills.

For younger students, or learners that don’t have very well established vocabularies, the CIA Factbook is difficult to pull information out of. That and it makes comparing data quickly a bit cumbersome. Which is why the KML Factbook is so impressive. Frank Taylor of the Google Earth blog wrote about it, and I couldn’t resist playing around with the visual data. Comparing population growth, or the percent of people below the poverty line is as easy as seeing the difference in height and color of the nations outlines. Each country produces a 3D outline that is raised or lowered depending on the data being compared. Highly useful for secondary Social Studies or Economics classes, these visual tools can be downloaded as a KML file and then opened up locally in Google Earth on your computer, or just viewed on the web. Clicking on the individual countries flags pulls up all of the information that the CIA Factbook contains about that country, so you still have access to the written data.

The data loaded a bit slowly when I was playing around with it, so you might want to consider preloading the data you want to use with your class, or download it for future use. However, I was able to capture an image of one interesting set of data; the amount of debt each nation owes. Yup, that’s the U.S., with it’s massive red tower of debt, which might help explain why so many more free programs and open sources resources are being used in schools these days

KML Factbook

Thanks to Frank Taylor – KMLFactBook – A Data Visualization Tool with Google Earth

My biggest “beef” being an elementary teacher, is that my students are usually almost always too young and naive about the world to talk about global issues with any real substance. To them pirates talk with British accents, and fight zombies, ninjas, and other pirates (though not necessarily in that order). Global warming is something “bad”, and copyright infringement means  don’t cut and paste information from Wikipedia into your report. Very rarely do I have the opportunity to engage students with any deeper conversation beyond the superficiality of placing events into good and bad categories. I know that part of this is a product of the time I have to interact with students (only 45 minutes a week in the computer lab), and structuring lessons to meet their developmental needs (5th graders really don’t need to be engaged in a conversation about whether merchant vessels should be carrying armed escorts).

However, I do come across resources that I think would be fabulous in a middle school or high school setting that accomplish two tasks; first of all, add a visual or aural element to help aid in global awareness, and secondly, help dispel stereotypical archetypes of popular culture that cloud perception of reality. So without much further ado, I submit a few resources to help better understand how modern day piracy is both similar, but also very different, from Disney’s version of old world piracy:

Somalia Piracy Map in Google Earth (from November 2008)

NPR News Stories on Piracy (over 1,100 articles, some of them dealing with I.P. piracy)

LIVE Piracy Map (an excellent Google Maps Mash-Up)

ICC Commercial Crimes Services (A corporation dedication to “helping business stay in business”). A great look at the other side of piracy; how people make money from the problem.

Alright, alright, so I wasn’t accepted to the main campus in Ann Arbor, but the UofM extension campus in Flint, Michigan is still the University of Michigan as far as I’m concerned! That makes one more item scratched from my list of accomplishments to achieve before turning 30 40 (if I had one of those lists that is).

I was snuffed by the UofM School of Engineering while applying for undergrad studies (I would have made a poor engineer), but I can now proudly wear the blue and gold as I’ve been acccepted into the UofM-Flint’s Global Program in Education Technology.

I’ll be trying my best to reflect upon my experiences, and share the resources I’ll be developing with my team over the next two summers during our residencies in Geneva. Yup, We get to travel to Europe twice for a couple of 3 week residencies to work closely with some NGOs at the U.N. The idea is to foster global awareness and competencies via technology, and build up some serious programming skills with HTML, Java, and Ruby on Rails in order to put out plans into “digital” action.

The first seminar began today; the first task? Publish a profile on the program’s social networking site. I think this graduate school thing is going to be right up my alley

I had mentioned it before on a few earlier posts that my wife and I were pregnant with our second child. We were 4 months pregnant, and were thrilled that our 3 year old was finally starting to realize that something was different about Mommy. Many questions were asked at the dinner table, extra toys were set aside during playtime (for the baby, Daddy!), and we were starting to plan what our summer would be like with a newborn.

Unfortunately, at the 4 month check-up we learned that the baby’s heart had stopped. Our little unborn child had not been growing for the past two weeks and we would have to make an appointment at the hospital the next day for a planned miscarriage. We spent most of Friday sitting in a delivery room (the irony was quite bitter), waiting for the medication to induce labor to work before moving down to surgery. Nicole and I played cards, watched some television shows I can’t recall, and I read to her while she attempted to nap.

There were many small moments filled with tears, some amid awkward silences, and others coming in the middle of conversations. We left the hospital Friday evening exhausted, emotionally drained, and a bit disoriented from the after effects of the anesthesia. We’ve been saying goodbye with the help of our friends (who brought us the most delicious pasta dish on Saturday), my mother-in-law (who drove across the state to be with us), and our 3 year old (who watched Cinderella more times this weekend than I can count). I spent some time last night talking with my closest friend, and was able to share a lot of thoughts that really helped.

I may be posting again soon, and I may not; it really depends on how soon our lives start to return to normal. There’s a lot of cleaning to do around the house, and a lot of schoolwork to catch up on, but I know that talking and writing will help.

Don’t get me wrong, I’m a member of several networks and websites that allow for ranking, promotion of sites and content, and even removing content from my personal view. I liken it to the independent bookstore I work at in the summertime; after several years both the employees and several of the regular customers have reviews written on 3×5 index cards that are prominently displayed on the shelves, informing shoppers of favorites or the details of a book that they want to know more about that they can’t get from inside flaps. Quite helpful for those looking around and aren’t sure what to purchase (one reason that Amazon is so popular).

The big beef I have with Google’s promotion links (and it looks like others do too) is that I really don’t want other people’s opinions affecting my search results of the open web. When I walk into the bookstore, I know that if I don’t like a recommendation, I can still see lots of other choices on the shelf. But if enough people starting removing a particular search result from their searches, does that mean Google may decide it might be a good idea to remove that search result for everyone? Now I can’t even see some of the choices. I think I might be blowing this out of proportion a bit, but the ramifications of allowing the more social element of highlighting “favorites” and removing “undesirables” just doesn’t fit with Google’s attempt to catalog everyone know website and piece of media on the planet.

Granted, for now it’s only available for people who login to their Google accounts; I’m just hoping that it stays that way until there’s a very clear reason as to why the options to promote a link and remove a link are there. I really don’t need to put up with the artificial search result and rick-rolling that goes on at Digg to start showing up in my Google searches.

Thankfully, as I sat there bemoaning having to change lessons for my 5th graders that were due in less than 10 minutes, I took her advice to heart. My brain flashed back to my substituting days, and quickly referenced the “cheat sheet” of games and activities that I carried with me in case of emergencies. Sparkle? Nope, spelling games wouldn’t fly with this class. Free Choice Time? I really didn’t want to waste the whole class. Win, Lose, or Draw Technology Vocabulary? OMG! My interactive whiteboard; win, lose, or draw; perfect! So with less than 5 minutes to go, I quickly printed up my handy dandy list of technology vocabulary, and the first class of the day got to play a rather loud game of Win, Lose, or Draw. It was exciting for them, because they got to use the board. It was exciting for me, because I got to see how well they knew their technology terminology (many remembered wikis from last year).

Most of all, it was surprising to see how literal they were drawing the images. Almost everything started out as a box. Website? A box with picture and writing in it. Monitor? A box with pictures and words in it. Search Engine? A box with a tiny box with writing inside of that. Kind of disappointing to not see the sort of creativity I expected (a picture of a spider’s web perhaps for website), so I think I’m going to have to work the Win, Lose, or Draw game into my regular routine now. I hadn’t thought of it before because I only see the kids for 45 minutes a week, and quite often from week to week there’s a lot of retention lost. Maybe a few rousing rounds of a drawing or matching game might be helpful. In any event, I’m hoping I can turn this “punt” into a touch-down drive some time in the near future (yes, yes, I’m well aware that’s not how it really works in real football).

But I’m still curious as to what other technology using educators do when their technology fails them and they have to “punt”.

Image: ‘Jacob‘ – www.flickr.com/photos/84226264@N00/464813527

Rather than work on rather dry word prcoessing skills by typing up a story and then adding clipart in just the right places followed by some simple font editing, I decided to give them the comic template to practice. By the end of week 3 they’ll have had plenty of practice adding clipart, manipulating text, changing fonts, and hopefuly some spell checking!

Not sure on my verdict for how well the conversion to Open Office Draw went. The speech bubbles and boxes all came over with a simple copy and paste, but I had to group all of the boxes together and then lock their position in the properties box (thought I’d stay two steps ahead of the kids). Unfortunately, Open Office still has a ways to go; despite grouping the boxes and locking their positions down, I was still able to double click on a single box, and then move it around the page. Not very helpful when the kids are trying to put images and words inside of the boxes and they keep sliding around. Putting text into the speech bubbles was also a half-victory. Typing too much text does not automatically stretch the speech bubble out, and you have to put in artifical breaks because the text doesn’t auto-wrap inside of the bubbles

So if anyone out there is a whiz with Open Office and knows how to fix those mistakes, feel free to offer a suggestion or two. Otherwise, enjoy the template below!

Comic Template for Open Office Draw