Jun 6, 2008

New Interactive Technology: Tag Galaxy, Windows 7, PaperVision 3D, Microsoft Surface, Touch Screens, and Blog Posts Revisited

The image “http://papervision3d.files.wordpress.com/2008/05/taggalaxy.jpg?w=400&h=400” cannot be displayed, because it contains errors.
Steven Wood's Tag Galaxy
Via Papervision3D, Richard Banks, and Flowing Data


Tag Galaxy is an application that uses Flickr and Papervision 3D. If you type in a tag, the tag is represented as the sun in the galaxy, and related tags are represented as planets. When you rotate and browse through the galaxy in 3D space, you can view the pictures according to the tag. Steven Wood created Tag Galaxy for his thesis project.

Separated at Birth?
Vacation pictures on an interactive photo-globe - April 2007

Just over a year ago, I finished some class projects that were designed for touch screens or tables. At the time, I had no idea that Microsoft was working on the Surface. I was determined that I'd make my own table if I couldn't get my hands on one, and even joined the NUI Group to learn more about the open-source DYI approach to satisfying my fascination with this interactive technology.


The first day I learned about Microsoft Surface will be etched in my memory forever...


It is not because I'm a 100% Microsoft fan. It is because I'd been thinking about touch-screen interaction since my first encounter with an interactive whiteboard several years ago. At the time, I was involved with group counseling with middle school students, seated around a table.

What would happen if we took the whiteboard put it on a table?

As noted below, the demo projects worked best on a NextWindow Human Touch. Although the large display was only "single-touch", it provided excellent resolution and touch response. Since then, NextWindow has come out with a multi-touch display, which I've had a chance to see. It is not a table, but it has possibilities.

What would happen if we took a NextWindow multi-touch display and mounted it onto an adjustible drafting board? It could be used as a vertical display, a "surface" table, and a drafting board. The best thing is that this could support quite a bit of collaborative work between two or more people, as well as learning, creative-artistic, and gaming activities.

New things are on the horizon. Windows 7, will replace Vista in the future. Bill Gates has pronounced that "every surface will be a computer". Touch screen surfaces are finding homes on tablet PC's, cell phones, and the latest OLPC "$100.00" laptops for children.

I think there will be more possibilities for using touch-screen technology for education in the very near future.


Here is my post about Microsoft's Surface from last year, with some updates:

Microsoft Surface multi touch screen table - I wish I had one for my projects last semester!

Microsoft Research recently unveiled Microsoft Surface: http://microsoft.com/surface. This multi - touch table can be used for a variety of applications, as outlined in the video from CNET and YouTube below:



I'd like to work on applications for use on a touch-table to support students with special needs, especially those who have autism spectrum disorders.

.....Last semester, I worked on prototype applications for use on a touch-screen surface -here is a photo. We used a
NextWindow Human Touch large-screen display, which provided great screen resolution and touch-response.



This application was part of a travel-planning prototype developed for a course in Human Computer Interaction. The application was demonstrated on a NextWindow Human Touch large screen display. Would it work on the iPhone?







Update: Examples from some of my other posts:











Below is another demo video-clip of a globe created in GoogleEarth using photo-overlays, with links to video clips that pop up on the screen. You can spin and rotate the globe at any size, and zoom into the pictures. The above photo and the video clip show the application on a NextWindow Human Touch large-screen display.

This application would be great on a touch-table or touch-table set up on a drafting board. Although it was designed for a travel-planning application, it would work well in educational settings in subjects such as geography.


Poetry Picture Share

This was my first attempt at a "poetry picture share" application. It was designed for eventual use on a multi-touch table. It was developed using JavaScript and Ajax. It could be accessed remotely so people in different places can move things around on the screen. The video shows how the application works on a large interactive touch-screen display.

I am planning on adapting this application for use with students with special needs, such as those who have autism or other communication disorders. (Note: I've used it with several students, with success. It still is a work in progress!)



Update:

Link to Papervision 3D: Press the picture to enter a 3-D interactive underwater world...


The image “http://www.papervision3d.org/blog/jpg/shark.jpg” cannot be displayed, because it contains errors.

If you have tried PaperVision 3D or Tag Galaxy on an interactive whiteboard or touch screen display, please leave a comment and share your impressions
.

Jun 2, 2008

Interactive Data Visualization Online: NY Times Examples









All of Inflation's Little Parts

This interactive data visualization can be found in the on-line version of the New York Times.










This is what you see in the zoom view.













For those of you interested in sports data, here an interactive chart about Tiger Woods:

How Woods Wins a Major







If you look closely, the data that relates from the various years is brushed to a fader shade. By clicking on various years, you can look at patterns and trends in the data, and see how Tiger did in the various areas.












Links via Ranjit S. Mathoda: When will blogs start presenting data using interactive visuals alongside their stories?


Update 6/3/08: Another InfoGraphic from the New York Times, via Randy Krum:



Low-tech Interaction: Moving Sand Pictures


A father and son team in my region create furniture, jewelry, and beautiful moving sand pictures. These aren't computer displays, they are the real thing!

Liquid mixes with the sand as you turn the display upside down. Take a look at the video to see it in action. For more information, visit Rosey's Unique Products.

May 31, 2008

May 29, 2008

Umajin Creative -Digital Story Telling for Interactive Whiteboard or Touch Screen- free demo available


Umajin Creative is an application designed for digital storytelling. I haven't had a chance to preview it. I was impressed with the pictures on the website. If you use this application, please leave a comment. It looks kid and teacher friendly. I can see that it has potential!

According to the website, you can "compose multi-page digital documents with rich text, digital photography (including blue screen support), illustrations, sound, video, 3D models, particle fx, interactive functionality, and so much more... runs on both a Mac and PC. It also supports interactive whiteboards and touch screen PC's.. so you can interact directly with the content. With the HP Touchsmart PC you can use real brushes on the screen..to experience digital painting with variable width brush strokes!

Interactive Digital Storybook:

ebook1.gif
Below: Cool-looking digital brushes.
The image “http://www.umajin.com/slides/album1/images/clip.jpg” cannot be displayed, because it contains errors.
http://www.umajin.com/slides/album1/images/3d.jpg
Above- Sample 3D models
Below- Sample of blue-screened cutout images
http://www.umajin.com/slides/album1/images/cutouts.jpg
Below: Samples of animated particle effects
The image “http://www.umajin.com/slides/album1/images/pfx.jpg” cannot be displayed, because it contains errors.
Seven Custom Functions:

The image “http://www.umajin.com/slides/album1/images/animations.jpg” cannot be displayed, because it contains errors.

I think the people from Fingertapps are responsible for UMAJIN. Below is a video highlighting multi-touch applications:

May 28, 2008

Windows 7 Demo on a Dell laptop: More Multi Touch


Video: Multi-Touch in Windows 7

Via SoapBox, Greenbush Labsand CNET

If you are new to this blog and would like to learn more about multi-touch interaction and technology, enter a keyword in the search box.

Also take a look at the Technology Supported Human-World Interaction blog.

For multi-touch DYI, check out the NUI Group!