// labs

Recently we've been using some of our own tools in other projects and found some room for improvement on the KML Loader we developed. In particular we wanted a simple class that could handle all the processing from the loader, adding the resulting overlays to the google map. Also we needed it to load in some of the styles, such as colours and line types.

So we've expanded our KmlLoader class and provided a few additional utility classes.
Read the rest of this entry »

Our latest project for Zoos Victoria has gone live. Part of the FUSE (Find, Use, Share, Educate) portal that supports kids to explore and solve complex issues facing our society through the use of digital technology. Designed for school aged children to create a conservation based mashup video from a series of resources from the FUSE portal.

The site was released yesterday by the Victorian Education Minister, Hon. Bronwyn Pike MP.

Unsustainable palm oil production in SE Asia is pushing orang-utans to extinction through loss of habitat. At the current rate of clearing the Orang-utan could be extinct within ten years. Kids can access a collection of video clips and images and use an online tool to ‘mash up' their own video to support the Zoo's Don't Palm us Off campaign. They can share videos in an online gallery.

Check out one of the user's mashups below:

The site was all built in AS3 using Flash Builder and integrated with a custom build of our content management system (a Flex and PHP-based XMLRPC server). The CMS provided a simple interface for the administrator to preview and approve the submitted mashups. It also included an AIR application build for desktop use, and a standalone version of the mashup player (as used above to show the mashup).

Check it out here.

We recently developed the Flash sketchpad component for the BIC Express Yourself campaign site for our friends at HardHat Digital.

The site features a great Flash-based sketch pad which let's users create their own artworks for the competition. It's been going really well, and some of the entries so far are mind-blowing!

Check it out and if you're feeling artistic, get in there and maybe win an iPad!

DISCLAIMER: If you win, the sketchpad application will not work on your iPad! (thanks Steve.)

BIC Express Yourself - Big Friendly Giant

We've put up a site for Melbourne based photographer, Lachlan Moore. He is a great photographer and I've found myself wasting a lot of time looking through his portfolio. My favourites have to be some his landscapes of New Zealand.

Check it out here.

Together with Citrus, we built a competition based website giving fans of Ford Fiesta a change to win the ultimate weekend away.

The site required users to enter a code and build a image of their Fiesta "Key to the City" experience. This involved users building their own image with the editor interface, importing and editing photos, and sharing their creation through social networking integration with Facebook and Twitter services.

Check it out here.

We all know about mm.cfg and its uses but here's a great reference for all the hidden treasures!!

http://jpauclair.net/2010/02/10/mmcfg-treasure/

Lately we have been playing around a fair bit with some google flash maps and have been amazed by the power and simplicity of the API. We used it heavily in the ABC Black Saturday site using custom markers with images and even a scrolling grid.

We were faced with another challenge of being able to mark out areas (districts) within Victoria that represented the most affected regions. These regions were sometimes complex and we needed to be able to update them simply and quickly as the need arose. The regions weren't to be displayed directly but used for two major items. Firstly to focus the map on a particular region, by moving the view to the region contained by these districts, and secondly, to assign events/markers to a district by calculating if they were contained within the bounds of the district lines.

The solution ended up being ridiculously simple. We created a shared map on google maps, with shapes defining the districts. We then could export from this online map to kml by grabbing the view in Google Earth link and changing the output parameter from nl to kml. This gave us the map of the districts in a nice kml format.

Once we had the map in kml we needed to load in the objects and create overlays for google maps. Surprisingly there wasn't a simple "load kml" function in google maps, but there are some nice kml parsing utilities in the google map extras library. So we created a kml loader class that loads the kml file, extracts the objects and creates overlays for placement on a google map. Hopefully it can be helpful to others, check it out from the following:

svn co http://svn.distriqt.com/public/trunk/gmaps


Usage:

Firstly create the loader and start the load of your kml file. You'll need to add a listener to the COMPLETE event to process the code on completion.

import com.distriqt.gmaps.kml.utils.*;
 
var kmlLoader:KmlLoader = new KmlLoader();
kmlLoader.addEventListener( Event.COMPLETE, kmlLoader_completeHandler );
kmlLoader.load(  "your-kml-file-location.kml" );

Once the loading is complete you'll have to re-curse through the object list in the loader, adding the objects to your map. Note the "map" variable in the below should be your google map instance.

function kmlLoader_completeHandler( _event:Event ):void
{
	for each (var _object:KmlDisplayObject in KmlLoader(_event.currentTarget).objects)
		addObject( _object );
}
function addObject( _object:KmlDisplayObject ):void
{
	// It may just be a container with child elements
	//    so check if there is an overlay
	if (_object.overlay != null)
	{
		// Here you can add the kml object to your map
		map.addOverlay( _object.overlay );
	}
	// Add the children
	for each (var _child:KmlDisplayObject in _object.children)
		addObject( _child );
}

Let us know if you find it useful.

Our first major project, ABC Black Saturday Interactive, went live yesterday!

"It pulls together hundreds of pieces of media – professionally produced media, official documents and records and the best user generated content – to provide a stunning insight into the fires and the people who lived through them. An interactive map and timeline allow you to explore the events through time and location, and a series of dramatic video portraits provide a moving insight into the personal experiences of some survivors."

This project has been a great experience, and we're really happy with the end product. The site pulls together a heap of media data such as video, audio, imagery and news content from a multitude of sources and combines it into a great interactive experience. The Google Maps API also provided us with a really interesting way of exploring the data visually based on the time and location of every media item and story.

Huge thanks go to the ABC Innovation Department, the producer Priscilla Davies, designers Bec Smith and Sarah Fawcett, and everyone else who contributed to the project - it was a great team to work with.

We're really proud to see this online so please go and check it out and explore the site!

Black Saturday Interactive

We developed a website for a customer but unfortunate circumstances meant it was never deployed. So we're offering it up cheap.

It's a full xml driven photo gallery website, designed for a photographer. We even linked it into a drupal CMS install with some custom php, to pull the images from the galleries allowing the site to be easily updated by the client.

We are really disappointed this site never went live, so if you have any interest in putting a photo based website up this may be for you.

Have a look at some screen shots below:

And if you're interested in the website drop us an email and we'll setup a preview of the site for you.

Our first phase with the Black Saturday Interactive has been released on the ABC site.

The "mini-module" is a smaller version of the eventual full interactive site but is to be used on other news pages to draw people into the site. It displays a mosaic tiled wall of stories about the Black Saturday fires, each of which contains media items from a variety of sources including YouTube, Vimeo, flickr and ABC internal media sources.

ABC BSI Mini-Module Screenshot

Find it initially at:

• ABC News bushfire recovery
• Out of the Ashes blog