<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>distriqt // labs &#187; work</title>
	<atom:link href="http://labs.distriqt.com/category/work/feed" rel="self" type="application/rss+xml" />
	<link>http://labs.distriqt.com</link>
	<description>flash platform &#38; digital development australia</description>
	<lastBuildDate>Fri, 27 Jan 2012 00:24:57 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>HEARTweb Sync Application</title>
		<link>http://labs.distriqt.com/post/773</link>
		<comments>http://labs.distriqt.com/post/773#comments</comments>
		<pubDate>Wed, 18 Jan 2012 23:00:47 +0000</pubDate>
		<dc:creator>Michael Archbold</dc:creator>
				<category><![CDATA[work]]></category>
		<category><![CDATA[air]]></category>
		<category><![CDATA[application]]></category>
		<category><![CDATA[as3]]></category>
		<category><![CDATA[desktop]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[livecycle]]></category>

		<guid isPermaLink="false">http://labs.distriqt.com/?p=773</guid>
		<description><![CDATA[Last year we developed an application for the University of Melbourne, Ultrasound Education Group, Heartweb. The application is a file browsing, support and synchronisation utility for students enrolled in the Ultrasound Education Group's courses. The group had a large amount of course material that traditionally was distributed on media (such as DVDs) to the students. [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Flabs.distriqt.com%2Fpost%2F773"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Flabs.distriqt.com%2Fpost%2F773&amp;source=distriqt&amp;style=normal&amp;service=bit.ly&amp;service_api=R_d2c0f1a5509cd228ab0be545d628ad7a&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>Last year we developed an application for the University of Melbourne, Ultrasound Education Group, <a href="http://www.heartweb.com/">Heartweb</a>. The application is a file browsing, support and synchronisation utility for students enrolled in the Ultrasound Education Group's courses.</p>
<p><a href="http://labs.distriqt.com/wordpress/wp-content/uploads/2012/01/heartweb-browse1.png" rel="shadowbox[sbpost-773];player=img;"><img src="http://labs.distriqt.com/wordpress/wp-content/uploads/2012/01/heartweb-browse1-600x414.png" alt="" title="heartweb-browse" width="600" height="414" class="alignnone size-medium wp-image-832" /></a></p>
<p>The group had a large amount of course material that traditionally was distributed on media (such as DVDs) to the students. The material was all being protected via Livecycle PDF security policy but they requested a simpler method of distributing and updating the materials.<br />
<span id="more-773"></span></p>
<p>Users' of the application log in and then are presented with a list of material that their policy allows them access to. The content was all moved to the Livecycle server and access was only available through custom developed secure API. </p>
<p>The application allows the user to select material for synchronisation keeping a directory, or individual files, "up-to-date" with the most recent updates to course material. As they browse through the material, files can be viewed or located on the local machine in the default system viewers or in the application where applicable.</p>
<p><a href="http://labs.distriqt.com/wordpress/wp-content/uploads/2012/01/heartweb-browse1.png" rel="shadowbox[sbpost-773];player=img;"><img src="http://labs.distriqt.com/wordpress/wp-content/uploads/2012/01/heartweb-browse1-600x414.png" alt="" title="heartweb-browse" width="600" height="414" class="alignnone size-medium wp-image-832" /></a></p>
<p>Additionally links and other information can be passed to the students via the application allowing the course organisers to supply the students with important information through a single application portal.</p>
<p>A web browsing function was included so they could display content from the Heartweb website directly in the application. We used the StageWebView class functionality to achieve this end.</p>
<p><a href="http://labs.distriqt.com/wordpress/wp-content/uploads/2012/01/heartweb-support.png" rel="shadowbox[sbpost-773];player=img;"><img src="http://labs.distriqt.com/wordpress/wp-content/uploads/2012/01/heartweb-support-600x360.png" alt="" title="heartweb-support" width="600" height="360" class="alignnone size-medium wp-image-825" /></a></p>
<p><a href="http://labs.distriqt.com/wordpress/wp-content/uploads/2012/01/heartweb-payment.png" rel="shadowbox[sbpost-773];player=img;"><img src="http://labs.distriqt.com/wordpress/wp-content/uploads/2012/01/heartweb-payment-600x359.png" alt="" title="heartweb-payment" width="600" height="359" class="alignnone size-medium wp-image-826" /></a></p>
<p>The application is written completely in Adobe AIR, allowing us to deploy across the multiple different platforms that the students used. We used the built in application updating techniques to provide application updates to the students. </p>
<p>Unfortunately, unless you want to sign up to the Heartweb course to get access to the materials, the application is unavailable, but it was a great experience in integrating file synchronisation with a secure document-based internet distribution process.</p>
<div name="googleone_share_1" style="position:relative;z-index:5;float: right; margin-left: 10px;"><g:plusone size="tall" count="1" href="http://labs.distriqt.com/post/773"></g:plusone></div>]]></content:encoded>
			<wfw:commentRss>http://labs.distriqt.com/post/773/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Schools Disaster Mapper</title>
		<link>http://labs.distriqt.com/post/767</link>
		<comments>http://labs.distriqt.com/post/767#comments</comments>
		<pubDate>Tue, 10 Jan 2012 23:27:41 +0000</pubDate>
		<dc:creator>Michael Archbold</dc:creator>
				<category><![CDATA[news]]></category>
		<category><![CDATA[work]]></category>
		<category><![CDATA[as3]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[google-maps]]></category>
		<category><![CDATA[kml]]></category>
		<category><![CDATA[mashups]]></category>
		<category><![CDATA[website]]></category>
		<category><![CDATA[xmlrpc]]></category>

		<guid isPermaLink="false">http://labs.distriqt.com/?p=767</guid>
		<description><![CDATA[The Disaster Mapper - An interactive Resource for Schools is a project for the Attorney-General's Department, Australian Emergency Management Institute. The aim of the project was to provide an educational resource aimed at school students for investigating Australian natural disasters throughout history. It was developed in 2009 but has just been released to the public. [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Flabs.distriqt.com%2Fpost%2F767"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Flabs.distriqt.com%2Fpost%2F767&amp;source=distriqt&amp;style=normal&amp;service=bit.ly&amp;service_api=R_d2c0f1a5509cd228ab0be545d628ad7a&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>The Disaster Mapper - An interactive Resource for Schools is a project for the Attorney-General's Department, Australian Emergency Management Institute. The aim of the project was to provide an educational resource aimed at school students for investigating Australian natural disasters throughout history.</p>
<p>It was developed in 2009 but has just been released to the public.</p>
<p><a href="http://labs.distriqt.com/wordpress/wp-content/uploads/2012/01/agd_disastermapper_screen_3.png" rel="shadowbox[sbpost-767];player=img;"><img src="http://labs.distriqt.com/wordpress/wp-content/uploads/2012/01/agd_disastermapper_screen_3-600x444.png" alt="" title="agd_disastermapper_screen_3" width="600" height="444" class="size-medium wp-image-777" /></a><br />
<span id="more-767"></span></p>
<p>This project made use of the latest Flash technologies with the Google Maps API to provide an interactive map where users could navigate and search disaster information by time, location, disaster types and keywords.</p>
<p>The application uses a very simple series of navigational elements. A series of large buttons allows the user to select the disaster categories of interest and a timeline allows the user to limit the time period displayed. The disasters matching these two filters are then displayed on the map along with overview information of the selected disaster categories in the information panels on the left.</p>
<p>Media associated with each disaster (including images, flv, youtube, viemo, mp3 and other media types) can be viewed either in quick view in the information panels or in the detail overlay.</p>
<p>The system also supported and included additional data such as population, temperature, rainfall and specific high-risk disaster areas which could be overlaid on the map.</p>
<p>The result is a very easy-to-use, interesting website and something suitable for the target audience of school students.</p>

<a href='http://labs.distriqt.com/wordpress/wp-content/uploads/2012/01/agd_disastermapper_screen_1.png' rel='shadowbox[sbalbum-767];player=img;' title='agd_disastermapper_screen_1'><img width="150" height="150" src="http://labs.distriqt.com/wordpress/wp-content/uploads/2012/01/agd_disastermapper_screen_1-150x150.png" class="attachment-thumbnail" alt="agd_disastermapper_screen_1" title="agd_disastermapper_screen_1" /></a>
<a href='http://labs.distriqt.com/wordpress/wp-content/uploads/2012/01/agd_disastermapper_screen_2.png' rel='shadowbox[sbalbum-767];player=img;' title='agd_disastermapper_screen_2'><img width="150" height="150" src="http://labs.distriqt.com/wordpress/wp-content/uploads/2012/01/agd_disastermapper_screen_2-150x150.png" class="attachment-thumbnail" alt="agd_disastermapper_screen_2" title="agd_disastermapper_screen_2" /></a>
<a href='http://labs.distriqt.com/wordpress/wp-content/uploads/2012/01/agd_disastermapper_screen_3.png' rel='shadowbox[sbalbum-767];player=img;' title='agd_disastermapper_screen_3'><img width="150" height="150" src="http://labs.distriqt.com/wordpress/wp-content/uploads/2012/01/agd_disastermapper_screen_3-150x150.png" class="attachment-thumbnail" alt="agd_disastermapper_screen_3" title="agd_disastermapper_screen_3" /></a>
<a href='http://labs.distriqt.com/wordpress/wp-content/uploads/2012/01/agd_disastermapper_screen_4.png' rel='shadowbox[sbalbum-767];player=img;' title='agd_disastermapper_screen_4'><img width="150" height="150" src="http://labs.distriqt.com/wordpress/wp-content/uploads/2012/01/agd_disastermapper_screen_4-150x150.png" class="attachment-thumbnail" alt="agd_disastermapper_screen_4" title="agd_disastermapper_screen_4" /></a>
<a href='http://labs.distriqt.com/wordpress/wp-content/uploads/2012/01/agd_disastermapper_screen_5.png' rel='shadowbox[sbalbum-767];player=img;' title='agd_disastermapper_screen_5'><img width="150" height="150" src="http://labs.distriqt.com/wordpress/wp-content/uploads/2012/01/agd_disastermapper_screen_5-150x150.png" class="attachment-thumbnail" alt="agd_disastermapper_screen_5" title="agd_disastermapper_screen_5" /></a>
<a href='http://labs.distriqt.com/wordpress/wp-content/uploads/2012/01/agd_disastermapper_screen_6.png' rel='shadowbox[sbalbum-767];player=img;' title='agd_disastermapper_screen_6'><img width="150" height="150" src="http://labs.distriqt.com/wordpress/wp-content/uploads/2012/01/agd_disastermapper_screen_6-150x150.png" class="attachment-thumbnail" alt="agd_disastermapper_screen_6" title="agd_disastermapper_screen_6" /></a>
<a href='http://labs.distriqt.com/wordpress/wp-content/uploads/2012/01/agd_disastermapper_screen_7.png' rel='shadowbox[sbalbum-767];player=img;' title='agd_disastermapper_screen_7'><img width="150" height="150" src="http://labs.distriqt.com/wordpress/wp-content/uploads/2012/01/agd_disastermapper_screen_7-150x150.png" class="attachment-thumbnail" alt="agd_disastermapper_screen_7" title="agd_disastermapper_screen_7" /></a>

<p>Making use of some extra available time, distriqt also developed an additional component for the CMS which allowed an administrator to directly edit overlay data on top of a Google Map, using a standard data format (KML). This allowed the client to create more meaningful and suitable overlay information for the website such as risk areas, temperature, population and rainfall data.</p>
<p><img src="http://labs.distriqt.com/wordpress/wp-content/uploads/2012/01/agd_disastermapper_screen_7-541x450.png" alt="" title="agd_disastermapper_screen_7" width="541" height="450" class="size-medium wp-image-793" /></p>
<p>The project was delivered on-time and on-budget, and has been well-received by the client, schools, and educators - all feedback has been very positive.</p>
<p>See the site <a href='http://disastermapper.ema.edu.au/' target='_blank'>here</a>.</p>
<div name="googleone_share_1" style="position:relative;z-index:5;float: right; margin-left: 10px;"><g:plusone size="tall" count="1" href="http://labs.distriqt.com/post/767"></g:plusone></div>]]></content:encoded>
			<wfw:commentRss>http://labs.distriqt.com/post/767/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Holden &#8220;Barina Beats&#8221; Game</title>
		<link>http://labs.distriqt.com/post/732</link>
		<comments>http://labs.distriqt.com/post/732#comments</comments>
		<pubDate>Mon, 19 Dec 2011 02:59:33 +0000</pubDate>
		<dc:creator>Michael Archbold</dc:creator>
				<category><![CDATA[news]]></category>
		<category><![CDATA[work]]></category>
		<category><![CDATA[as3]]></category>
		<category><![CDATA[facebook]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[game]]></category>
		<category><![CDATA[robotlegs]]></category>

		<guid isPermaLink="false">http://labs.distriqt.com/?p=732</guid>
		<description><![CDATA[Holden's latest promotion for their Barina includes a game that we developed for ThinkNimble and McCann Melbourne. The game is a Guitar Hero style game, where icons move along the road and the player has to hit the matching key as the icon moves over the hit area. "The aim of the game is to [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Flabs.distriqt.com%2Fpost%2F732"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Flabs.distriqt.com%2Fpost%2F732&amp;source=distriqt&amp;style=normal&amp;service=bit.ly&amp;service_api=R_d2c0f1a5509cd228ab0be545d628ad7a&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p><a href="http://labs.distriqt.com/wordpress/wp-content/uploads/2011/12/barinabeats-2.png" rel="shadowbox[sbpost-732];player=img;"><img src="http://labs.distriqt.com/wordpress/wp-content/uploads/2011/12/barinabeats-2-150x150.png" alt="" title="barinabeats-2" width="150" height="150" class="alignleft size-thumbnail wp-image-756" /></a></p>
<p>Holden's latest promotion for their Barina includes a game that we developed for ThinkNimble and McCann Melbourne.</p>
<p>The game is a Guitar Hero style game, where icons move along the road and the player has to hit the matching key as the icon moves over the hit area.</p>
<p>"The aim of the game is to beat the street and score as many points possible by hitting colourful icons as they race down the street! There are eight stages that get more challenging as you play. The prize? Whoever has the highest eligible score at the end of the competition period will win an all-new Holden Barina."</p>
<p><a href="http://labs.distriqt.com/wordpress/wp-content/uploads/2011/12/barinabeats-4.png" rel="shadowbox[sbpost-732];player=img;"><img src="http://labs.distriqt.com/wordpress/wp-content/uploads/2011/12/barinabeats-4-600x438.png" alt="" title="barinabeats-4" width="600" height="438" class="aligncenter size-medium wp-image-753" /></a><br />
<span id="more-732"></span></p>
<p>It was created as a Facebook application to tap into the popularity of the growing social gaming market and to promote the features of the all-new Holden Barina. The game features music and sound effects from the radio adverts and TVC. </p>
<p>The competition is running until the end of February 2012. <a href="https://www.facebook.com/HoldenSmallCarCollection">Play the game here</a></p>
<p><iframe width="600" height="340" src="http://www.youtube.com/embed/pkeXLLwGkTI?rel=0" frameborder="0" allowfullscreen></iframe></p>
<div name="googleone_share_1" style="position:relative;z-index:5;float: right; margin-left: 10px;"><g:plusone size="tall" count="1" href="http://labs.distriqt.com/post/732"></g:plusone></div>]]></content:encoded>
			<wfw:commentRss>http://labs.distriqt.com/post/732/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Marija Ivkovic Portfolio Application</title>
		<link>http://labs.distriqt.com/post/696</link>
		<comments>http://labs.distriqt.com/post/696#comments</comments>
		<pubDate>Fri, 16 Dec 2011 02:25:57 +0000</pubDate>
		<dc:creator>Michael Archbold</dc:creator>
				<category><![CDATA[news]]></category>
		<category><![CDATA[work]]></category>
		<category><![CDATA[Apple]]></category>
		<category><![CDATA[AppStore]]></category>
		<category><![CDATA[as3]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[iOS]]></category>
		<category><![CDATA[mobile]]></category>
		<category><![CDATA[mobile application]]></category>

		<guid isPermaLink="false">http://labs.distriqt.com/?p=696</guid>
		<description><![CDATA[We've been so busy over the last few months that we haven't had a chance to update any information on what we've been doing. So here's the first in a series of updates. One of our clients Marija Ivkovic, an amazing photographer, whose site I did a while ago. In order to show to power [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Flabs.distriqt.com%2Fpost%2F696"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Flabs.distriqt.com%2Fpost%2F696&amp;source=distriqt&amp;style=normal&amp;service=bit.ly&amp;service_api=R_d2c0f1a5509cd228ab0be545d628ad7a&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>We've been so busy over the last few months that we haven't had a chance to update any information on what we've been doing.</p>
<p>So here's the first in a series of updates.</p>
<p>One of our clients <a href="http://www.marijaivkovic.com">Marija Ivkovic</a>, an amazing photographer, whose site I did a while ago. In order to show to power of Flash we decided to turn her site into a mobile application, by taking the exact same code base from the site and applying a few small tweaks.</p>
<p><img src="http://labs.distriqt.com/wordpress/wp-content/uploads/2011/12/marija-ivkovic-app-icon.png" alt="" title="marija-ivkovic-app-icon" width="175" height="175" class="alignleft size-full wp-image-712" /></p>
<p><img src="http://labs.distriqt.com/wordpress/wp-content/uploads/2011/12/marija-ivkovic-app-screenshot.jpeg" alt="" title="marija-ivkovic-app-screenshot" width="320" height="480" class="aligncenter size-full wp-image-713" /></p>
<p>The end result was actually quite surprising for a direct port of a website. We obviously added some touch and swipe based interactions, removed the "mouse over" interactions and added in a nifty little database cache process to cache images for offline access, but overall the code base remained relatively unchanged.</p>
<p>We were very excited to be able to supply this as an option for development. Creating an interactive web and mobile application has never been easier or more powerful.</p>
<p>It's available for free for iPhone, iPod Touch and iPad in the App Store.</p>
<p><a href="http://itunes.apple.com/us/app/marija-ivkovic-portfolio/id459956316"><img src="http://labs.distriqt.com/wordpress/wp-content/uploads/2011/12/app-store-badge-580x189.png" alt="Available on the App Store" title="Available on the App Store" width="184" height="60" /></a></p>
<div name="googleone_share_1" style="position:relative;z-index:5;float: right; margin-left: 10px;"><g:plusone size="tall" count="1" href="http://labs.distriqt.com/post/696"></g:plusone></div>]]></content:encoded>
			<wfw:commentRss>http://labs.distriqt.com/post/696/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>David Hicks Website</title>
		<link>http://labs.distriqt.com/post/665</link>
		<comments>http://labs.distriqt.com/post/665#comments</comments>
		<pubDate>Sun, 07 Aug 2011 04:22:57 +0000</pubDate>
		<dc:creator>Michael Archbold</dc:creator>
				<category><![CDATA[news]]></category>
		<category><![CDATA[work]]></category>

		<guid isPermaLink="false">http://labs.distriqt.com/?p=665</guid>
		<description><![CDATA[We've just pushed a new site live for the interior designer, David Hicks. The site is a simple gallery style site using jQuery and smarty templates. David has had a Flash site for a long time but recent trends has made him request a new simplified html version of his site, and to reflect his [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Flabs.distriqt.com%2Fpost%2F665"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Flabs.distriqt.com%2Fpost%2F665&amp;source=distriqt&amp;style=normal&amp;service=bit.ly&amp;service_api=R_d2c0f1a5509cd228ab0be545d628ad7a&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p><a href="http://labs.distriqt.com/wordpress/wp-content/uploads/2011/08/screenshot-davidhicks-version2.jpg" rel="shadowbox[sbpost-665];player=img;"><img src="http://labs.distriqt.com/wordpress/wp-content/uploads/2011/08/screenshot-davidhicks-version2-580x401.jpg" alt="" title="screenshot-davidhicks-version2" width="580" height="401" class="aligncenter size-medium wp-image-666" /></a></p>
<p>We've just pushed a new site live for the interior designer, David Hicks. The site is a simple gallery style site using jQuery and smarty templates. </p>
<p>David has had a Flash site for a long time but recent trends has made him request a new simplified html version of his site, and to reflect his new branding. </p>
<p>See the new site at <a href="http://www.davidhicks.com" target="_blank">davidhicks.com</a>.</p>
<div name="googleone_share_1" style="position:relative;z-index:5;float: right; margin-left: 10px;"><g:plusone size="tall" count="1" href="http://labs.distriqt.com/post/665"></g:plusone></div>]]></content:encoded>
			<wfw:commentRss>http://labs.distriqt.com/post/665/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Zoos Victoria Mashups v2.0</title>
		<link>http://labs.distriqt.com/post/597</link>
		<comments>http://labs.distriqt.com/post/597#comments</comments>
		<pubDate>Sun, 26 Jun 2011 10:00:55 +0000</pubDate>
		<dc:creator>Michael Archbold</dc:creator>
				<category><![CDATA[news]]></category>
		<category><![CDATA[work]]></category>

		<guid isPermaLink="false">http://labs.distriqt.com/?p=597</guid>
		<description><![CDATA[The Victorian Zoos Mashups site has been updated to include some new features that we had a bit of fun implementing. A couple of simpler improvements, including mashup ratings, staff picks and an updated gallery view, along with some new functionality to record from your web camera, using a Red5 installation! The most interesting addition [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Flabs.distriqt.com%2Fpost%2F597"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Flabs.distriqt.com%2Fpost%2F597&amp;source=distriqt&amp;style=normal&amp;service=bit.ly&amp;service_api=R_d2c0f1a5509cd228ab0be545d628ad7a&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p><a href="http://labs.distriqt.com/wordpress/wp-content/uploads/2011/06/zoosvictoria_mashups_v2_gallery.png" rel="shadowbox[sbpost-597];player=img;"><img src="http://labs.distriqt.com/wordpress/wp-content/uploads/2011/06/zoosvictoria_mashups_v2_gallery-580x418.png" alt="" title="zoosvictoria_mashups_v2_gallery" width="580" height="418" class="aligncenter size-medium wp-image-610" /></a></p>
<p>The <a href="http://wild.zoo.org.au/mashups/" target="_blank">Victorian Zoos Mashups site</a> has been updated to include some new features that we had a bit of fun implementing. A couple of simpler improvements, including mashup ratings, staff picks and an updated gallery view, along with some new functionality to record from your web camera, using a Red5 installation! </p>
<p><span id="more-597"></span></p>
<p>The most interesting addition was, of course, the live streaming of your web camera to the server which you could then add into your mashup, mixing text and audio in with your recorded video. We created a simple interface, similar to the video player that included a record button.</p>
<p>We installed a Red5 server on the Zoos website, a procedure I detailed in a previous <a href="http://labs.distriqt.com/post/493">post</a>.  </p>
<p><a href="http://labs.distriqt.com/wordpress/wp-content/uploads/2011/06/zoosvictoria_mashups_v2_record_security.png" rel="shadowbox[sbpost-597];player=img;"><img src="http://labs.distriqt.com/wordpress/wp-content/uploads/2011/06/zoosvictoria_mashups_v2_record_security-580x409.png" alt="" title="zoosvictoria_mashups_v2_record_security" width="580" height="409" class="aligncenter size-medium wp-image-611" /></a></p>
<p>So once the user had allowed the application access to the camera, the user could just press record to start the application streaming and recording the web camera, and press stop to complete. The user could then press play to review the video and continue to accept the video and use it in the mashup.</p>
<p><a href="http://labs.distriqt.com/wordpress/wp-content/uploads/2011/06/zoosvictoria_mashups_v2_record.png" rel="shadowbox[sbpost-597];player=img;"><img src="http://labs.distriqt.com/wordpress/wp-content/uploads/2011/06/zoosvictoria_mashups_v2_record-580x414.png" alt="" title="zoosvictoria_mashups_v2_record" width="580" height="414" class="aligncenter size-medium wp-image-612" /></a></p>
<p><a href="http://labs.distriqt.com/wordpress/wp-content/uploads/2011/06/zoosvictoria_mashups_v2_create.png" rel="shadowbox[sbpost-597];player=img;"><img src="http://labs.distriqt.com/wordpress/wp-content/uploads/2011/06/zoosvictoria_mashups_v2_create-580x417.png" alt="" title="zoosvictoria_mashups_v2_create" width="580" height="417" class="aligncenter size-medium wp-image-609" /></a></p>
<p>In addition we created a new embed functionality to simplify the process of users being able to put their video on a site. The code became a simple <code>iframe</code> embed code as below:</p>
<pre>&nbsp;
&lt;iframe width=&quot;370&quot; height=&quot;315&quot; src=&quot;http://wild.zoo.org.au/mashups/embed.php?id=587&quot; frameborder=&quot;0&quot;&gt;&lt;/iframe&gt;</pre>
<p><iframe width="370" height="315" src="http://wild.zoo.org.au/mashups/embed.php?id=587" frameborder="0"></iframe></p>
<p>This new player included the quick rating functionality and the ability to show staff/zoo picks.</p>
<p>The updates are live now, so check them out at the <a href="http://wild.zoo.org.au/mashups/" target="_blank">Victorian Zoos Mashups site</a>.</p>
<div name="googleone_share_1" style="position:relative;z-index:5;float: right; margin-left: 10px;"><g:plusone size="tall" count="1" href="http://labs.distriqt.com/post/597"></g:plusone></div>]]></content:encoded>
			<wfw:commentRss>http://labs.distriqt.com/post/597/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Lachlan Moore Photography Updated</title>
		<link>http://labs.distriqt.com/post/492</link>
		<comments>http://labs.distriqt.com/post/492#comments</comments>
		<pubDate>Sat, 09 Apr 2011 08:27:34 +0000</pubDate>
		<dc:creator>Michael Archbold</dc:creator>
				<category><![CDATA[news]]></category>
		<category><![CDATA[work]]></category>
		<category><![CDATA[as3]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[royalecms]]></category>

		<guid isPermaLink="false">http://labs.distriqt.com/?p=492</guid>
		<description><![CDATA[We've recently updated Lachlan's site with some new features, including an introduction slideshow, and integration with RoyaleCMS. The CMS is a powerful, rebrandable CMS for any XML driven website or web application. It's a flash/php based CMS and provides a very simple and clean interface especially good for gallery and image based websites. Previously this [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Flabs.distriqt.com%2Fpost%2F492"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Flabs.distriqt.com%2Fpost%2F492&amp;source=distriqt&amp;style=normal&amp;service=bit.ly&amp;service_api=R_d2c0f1a5509cd228ab0be545d628ad7a&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>We've recently updated Lachlan's site with some new features, including an introduction slideshow, and integration with <a href="http://www.royalecms.com/">RoyaleCMS</a>. The CMS is a powerful, rebrandable CMS for any XML driven website or web application. It's a flash/php based CMS and provides a very simple and clean interface especially good for gallery and image based websites. </p>
<p><a href="http://lachlanmoore.com.au"><img src="http://labs.distriqt.com/wordpress/wp-content/uploads/2011/04/lachlanmoore-updated.jpg" alt="" title="lachlanmoore-updated" width="580" height="370" class="aligncenter size-full wp-image-523" /></a></p>
<p><span id="more-492"></span><br />
Previously this site integrated with a Drupal backend, but we found that ordering images in a Drupal gallery was overly complex and was becoming an issue for image management for this site. Hence we decided to try RoyaleCMS.</p>
<p>We had a few minor integration issues but overall it was a simple experience to get our website interfacing to the CMS. The available parser libraries definitely made it an easy experience to get the content from the CMS. Our biggest problem was the difficulty of associating a description with an image. Something that nearly every gallery site requires however it was a bit of a process (though by no means impossible) to get the CMS setup to add this simple piece of metadata.</p>
<p><img src="http://labs.distriqt.com/wordpress/wp-content/uploads/2011/04/lachlanmoore-updated-cms.jpg" alt="" title="lachlanmoore-updated-cms" width="580" height="364" class="aligncenter size-full wp-image-527" /></p>
<p>We definitely recommend RoyaleCMS if you're looking for a simple backend to manage a flash portfolio site.</p>
<p>Check out the updated site at <a href="http://lachlanmoore.com.au">lachlanmoore.com.au</a>.</p>
<div name="googleone_share_1" style="position:relative;z-index:5;float: right; margin-left: 10px;"><g:plusone size="tall" count="1" href="http://labs.distriqt.com/post/492"></g:plusone></div>]]></content:encoded>
			<wfw:commentRss>http://labs.distriqt.com/post/492/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>ABC Kids</title>
		<link>http://labs.distriqt.com/post/468</link>
		<comments>http://labs.distriqt.com/post/468#comments</comments>
		<pubDate>Tue, 15 Feb 2011 00:50:30 +0000</pubDate>
		<dc:creator>Michael Archbold</dc:creator>
				<category><![CDATA[news]]></category>
		<category><![CDATA[work]]></category>

		<guid isPermaLink="false">http://labs.distriqt.com/?p=468</guid>
		<description><![CDATA[We've produced a series of games for ABC Kids around the "Giggle and Hoot" TV program. The games were simple "hide and seek" and "dress up" games aimed at young children. Check out the games here. Also as part of the ABC Kids site we developed a player that would load games and media from [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Flabs.distriqt.com%2Fpost%2F468"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Flabs.distriqt.com%2Fpost%2F468&amp;source=distriqt&amp;style=normal&amp;service=bit.ly&amp;service_api=R_d2c0f1a5509cd228ab0be545d628ad7a&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>We've produced a series of games for <a href="http://www.abc.net.au/abcforkids/">ABC Kids</a> around the "Giggle and Hoot" TV program. The games were simple "hide and seek" and "dress up" games aimed at young children.</p>
<p><a href="http://www.abc.net.au/abcforkids/sites/giggleandhoot/#/frame/games/findHoot"><img src="http://labs.distriqt.com/wordpress/wp-content/uploads/2011/04/abc-giggleandhoot-hideseek.jpg" alt="" title="abc-giggleandhoot-hideseek" width="580" height="378" class="aligncenter size-full wp-image-531" /></a><br />
<span id="more-468"></span><br />
<a href="http://www.abc.net.au/abcforkids/sites/giggleandhoot/#/frame/games/join"><img src="http://labs.distriqt.com/wordpress/wp-content/uploads/2011/04/abc-giggleandhoot-joingigglenhoot.jpg" alt="" title="abc-giggleandhoot-joingigglenhoot" width="580" height="378" class="aligncenter size-full wp-image-532" /></a></p>
<p>Check out the games <a href="http://www.abc.net.au/abcforkids/sites/giggleandhoot/">here</a>.</p>
<p>Also as part of the ABC Kids site we developed a player that would load games and media from the back catalogue of ABC developed games, audio and video. The player was used to provide parents the ability to assemble a "list" of games and media that their child can watch and play through.</p>
<p><a href="http://www.abc.net.au/abcforkids/games/show.htm?show=WOTWOTS/#/2982241/make-some-music"><img src="http://labs.distriqt.com/wordpress/wp-content/uploads/2011/04/abc-kids-playlist-player.jpg" alt="" title="abc-kids-playlist-player" width="580" height="600" class="aligncenter size-full wp-image-535" /></a></p>
<p>It is used extensively across the ABC for Kids website. </p>
<p>There was also an augmented reality game produced, which will hopefully be live soon! We'll post more when we have a link.</p>
<div name="googleone_share_1" style="position:relative;z-index:5;float: right; margin-left: 10px;"><g:plusone size="tall" count="1" href="http://labs.distriqt.com/post/468"></g:plusone></div>]]></content:encoded>
			<wfw:commentRss>http://labs.distriqt.com/post/468/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Sportsgirl Virtual Style Studio</title>
		<link>http://labs.distriqt.com/post/403</link>
		<comments>http://labs.distriqt.com/post/403#comments</comments>
		<pubDate>Thu, 16 Sep 2010 02:25:55 +0000</pubDate>
		<dc:creator>Shane Korin</dc:creator>
				<category><![CDATA[news]]></category>
		<category><![CDATA[work]]></category>

		<guid isPermaLink="false">http://labs.distriqt.com/?p=403</guid>
		<description><![CDATA[One of our latest projects, the 'Sportsgirl Virtual Style Studio', has gone live this week! Working with Citrus, we developed an augmented reality Flash app which features interactive video scenes showing off the Sportsgirl range. You can print out the marker from the page, and if you don't have a webcam, you can play through [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Flabs.distriqt.com%2Fpost%2F403"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Flabs.distriqt.com%2Fpost%2F403&amp;source=distriqt&amp;style=normal&amp;service=bit.ly&amp;service_api=R_d2c0f1a5509cd228ab0be545d628ad7a&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>One of our latest projects, the 'Sportsgirl Virtual Style Studio', has gone live this week!</p>
<p>Working with Citrus, we developed an augmented reality Flash app which features interactive video scenes showing off the Sportsgirl range.</p>
<p><a href="http://sportsgirl.com.au/super-style-me/"><img src="http://labs.distriqt.com/wordpress/wp-content/uploads/2010/09/sgar-545x450.png" alt="Sportsgirl Virtual Style Studio" title="Sportsgirl Virtual Style Studio" width="545" height="450" class="aligncenter size-medium wp-image-405" /></a></p>
<p>You can print out the marker from the page, and if you don't have a webcam, you can play through and watch the video scenes all the same.</p>
<p>Check it out <a href="http://sportsgirl.com.au/super-style-me/">here</a>.</p>
<div name="googleone_share_1" style="position:relative;z-index:5;float: right; margin-left: 10px;"><g:plusone size="tall" count="1" href="http://labs.distriqt.com/post/403"></g:plusone></div>]]></content:encoded>
			<wfw:commentRss>http://labs.distriqt.com/post/403/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Zoos Victoria Conservation Mashups</title>
		<link>http://labs.distriqt.com/post/257</link>
		<comments>http://labs.distriqt.com/post/257#comments</comments>
		<pubDate>Fri, 30 Jul 2010 05:34:35 +0000</pubDate>
		<dc:creator>Michael Archbold</dc:creator>
				<category><![CDATA[news]]></category>
		<category><![CDATA[work]]></category>
		<category><![CDATA[as3]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[flex]]></category>
		<category><![CDATA[fuse]]></category>
		<category><![CDATA[mashups]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[video]]></category>
		<category><![CDATA[xmlrpc]]></category>
		<category><![CDATA[zoos]]></category>

		<guid isPermaLink="false">http://labs.distriqt.com/?p=257</guid>
		<description><![CDATA[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 [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Flabs.distriqt.com%2Fpost%2F257"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Flabs.distriqt.com%2Fpost%2F257&amp;source=distriqt&amp;style=normal&amp;service=bit.ly&amp;service_api=R_d2c0f1a5509cd228ab0be545d628ad7a&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>Our latest <a href="http://wild.zoo.org.au/mashups/">project</a> 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.</p>
<p><a href="http://wild.zoo.org.au/mashups/"><img src="http://labs.distriqt.com/wordpress/wp-content/uploads/2010/07/zoosvictoria-videomashup-screenshot.jpg" alt="Conservation Mashups Gallery" title="Conservation Mashups Gallery" width="580" height="300" class="aligncenter size-full wp-image-292" /></a></p>
<p>The site was <a href="http://www.zoo.org.au/Melbourne/News_Events/Zoo_Digital_Learning">released yesterday</a> by the Victorian Education Minister, Hon. Bronwyn Pike MP.</p>
<blockquote><p>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.
</p></blockquote>
<p>Check out one of the user's mashups below:</p>
<div style="margin-left:100px">
<script type='text/javascript' src='http://wild.zoo.org.au/mashups/js/swfobject.js'></script>
<div id='mashupplayercontent' class="aligncenter"></div>
<p><script type='text/javascript'>var vars = {submissionid:'61', endpoint:'http://wild.zoo.org.au/mashups/silverback/', destination:'services/silverback/xmlrpc/'}; var params = { scale:'noScale', salign:'lt', menu:'false', allowFullScreen:'true', wmode:'none', allowScriptAccess: 'always', bgcolor: '' };var attributes = { id:'MashupPlayer', name:'MashupPlayer' };swfobject.embedSWF('http://wild.zoo.org.au/mashups/MashupPlayerStandalone.swf', 'mashupplayercontent', '365', '310', '9.0.115', 'http://wild.zoo.org.au/mashups/js/expressInstall.swf', vars, params, attributes );</script>
</div>
<p>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).</p>
<p>Check it out <a href="http://wild.zoo.org.au/mashups/">here</a>.</p>
<div name="googleone_share_1" style="position:relative;z-index:5;float: right; margin-left: 10px;"><g:plusone size="tall" count="1" href="http://labs.distriqt.com/post/257"></g:plusone></div>]]></content:encoded>
			<wfw:commentRss>http://labs.distriqt.com/post/257/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

