"Cute Doggies" Photo-Globe Mash-up using Google Earth and a Flickr Set (How-to)

The above photo is a screen shot of photos of just about every dog I know, and some that happened to cross my path. In this post, I'll share some information about how to create a photo-globe in Google Earth.  I'll post a "how-to" video in the future.

The first step is to make sure you have lots of pictures related to your theme uploaded to a site such as Flickr.  (You can also create a photo-globe using pictures from your computer's hard drive.)

To get the pictures into Google Earth, I used the Image Overlay feature, and in the "link" textbox, I entered the image URL for each picture that I'd previously loaded as a set in Flickr.

To do prepare for this, make sure you go to "view" tab on the upper left-hand section of your screen, and make sure that "toolbar" is checked. Also make sure that "Grid" is selection, as this will help make it easier to arrange and align your pictures.  You can turn off this feature later. Near the top of the screen, click on the Image Overlay icon. (I've highlighted it in the picture.)

You'll have to enter the URL of the image you'd like to add to the globe in the "Link" textbox, which I've highlighted in the above picture.  In this case, I've used a link to one of my pictures in a Flickr set I created for this project.

One thing to keep in mind is that the picture will take up a much larger space than you might prefer, so you'll have to adjust the size using the green markers:


The following directions are from the "Positioning the Imagery in the Viewer" section in the help section:

1. Use the center cross-hair marker to slide the entire overlay on the globe and position it from the center. (Tip: do this first.)
2. Use the triangle marker to rotate the image for better placement.
3. Use any of the corner cross-hair markers to stretch or skew the selected corner. If you press the Shift key when selecting this marker, the image is scaled from the center.
4. Use any of the four side anchors to stretch the image in or out of from the selected side. If you press the Shift key when doing this, the image is scaled from the center.

TIP:  Try positioning the center of the image as a reference point first, and then use the Shift key in combination with one of the anchors to scale the image for best positioning.




In Flickr,  to get the image URL, go to the "share this" tab above the picture you'd like to put on the globe. You need to select the one that says "Grab the HTML", as shown below:

Select ONLY the code that comes after "src=" and before "width".

Then repeat. You can add place-marks that contain URLs that link to additional information about the subject of a picture, such as blog posts with embedded videos and/or text related to a picture, and so forth.

The process of building a photo-globe in Google Earth is a bit tedious.  If someone has a short-cut to share, please let me know!


TAG GALAXY - A "shortcut":
If you have a burning desire to create a quick photo-globe using random pictures, you see what the Tag Galaxy has to offer.  Enter "dogs" or whatever theme you want for your photo-globe, and in an instant, it will be created from publicly available pictures from Flickr. The application uses the Flickr API.

Here is an example of a "Dog" Tag Galaxy:

You can spin the Tag Galaxy globe by using a mouse, or if you have a touch screen computer or a SMARTBoard, with your fingers.

Here is the slideshow from the pictures selected for the photo-globe:


Why is this important to me?
The students at one of my schools started back last week, due to the school's "year-round" schedule. The students in this program have multiple special needs, including severe autism, and most learn best through visual and multimedia representations of information. I devote some of my spare time creating interactive content for the students, and I thought this might work out nicely.

To address the student's special learning needs, a number of new SMARTBoards were recently installed at the school, and now every classroom has an interactive whiteboard, including the room I usually use with students. We also have a few Dell Studio One All-in-One touch screen computers and a multi-touch SMARTTable.  Interactive multimedia content works nicely on these screens! (I'm planning on making a "how-to" video when I get the chance.)

RESOURCES
Google Earth
Flickr
Programmable Web (My hunch is that this site might provide some information about shortcuts for creating a photo-globe in Google Earth.)

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

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...

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.