<?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>Marc Hibbins</title>
	<atom:link href="http://blog.marchibbins.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.marchibbins.com</link>
	<description>RIAs, Web standards and the Semantic Web</description>
	<lastBuildDate>Mon, 08 Feb 2010 11:25:07 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Start Making Sense</title>
		<link>http://blog.marchibbins.com/2010/01/12/start-making-sense/</link>
		<comments>http://blog.marchibbins.com/2010/01/12/start-making-sense/#comments</comments>
		<pubDate>Tue, 12 Jan 2010 12:43:29 +0000</pubDate>
		<dc:creator>Marc Hibbins</dc:creator>
				<category><![CDATA[blogging]]></category>
		<category><![CDATA[development]]></category>

		<guid isPermaLink="false">http://blog.marchibbins.com/?p=1376</guid>
		<description><![CDATA[Adding some optimisations to my Wordpress blog, improving SEO and clearing some things up.]]></description>
			<content:encoded><![CDATA[<p>I thought with the turn of the new year and whatnot, I&#8217;d make a few improvements to my blog.</p>
<p>For some reason when I started writing I thought it&#8217;d be a great idea to use rather abstract titles for all of my posts, something short and curiously inviting (hopefully) rather than the straightforward approach of actually describing what the post is about. I wanted to avoid long and boring titles like &#8220;Differences between Flash Player 10 and 10.1&#8243; or &#8220;How to install.. blah blah&#8221;.</p>
<p>So although, as far as titles go, they could probably be more boring &#8211; they could definitely be more helpful. Most of them are obscure and aren&#8217;t really meaningful. They&#8217;re fine for human readers, especially after people have read the post, but they&#8217;re not so good for search engines or people searching for what I&#8217;ve written about.</p>
<p>I decided then to use Wordpress&#8217; <a title="Custom Fields « WordPress Codex" href="http://codex.wordpress.org/Custom_Fields" target="_blank">custom fields</a> to add a descriptive &#8217;subtitle&#8217; to each post that should shed some light on what I&#8217;m actually writing about and hopefully the titles should start making sense.</p>
<p>I could have started anew and use descriptive titles from here on, but that would be inconsistent and make those old titles even more nonsensical. I could have renamed the lot, but the old URLs would then be meaningless (the name is in the permalink) or if I changed those URLs then previously incoming links would be broken.</p>
<h3><a name="Adding_Custom_Fields" class="anchor">Adding Custom Fields</a></h3>
<p>Custom fields are essentially metadata for each post and can be pulled in by your theme.</p>
<p>I choose to display my subtitle under the each post title so humans, search engines and crawlers alike can read abstract title and the helpful subtitle description together.</p>
<p>Custom fields are added at the bottom of the &#8216;Add New Post&#8217; page and can be any amount of value pairs that take a <strong>name</strong> and <strong>value</strong>.</p>
<p>These custom fields won&#8217;t automatically show in your post, you&#8217;ll need to edit your current theme&#8217;s PHP files to retrieve them.</p>
<p>The <a title="Function Reference/get post custom « WordPress Codex" href="http://codex.wordpress.org/Function_Reference/get_post_custom" target="_blank"><strong>get_post_custom</strong> function</a> will return a multidimensional array with all custom fields of a particular post or page, which you can traverse to find your custom value pair:</p>
<blockquote><p>&lt;?php get_post_custom($post_id); ?&gt;</p></blockquote>
<p>Otherwise you can use the <a title="Function Reference/get post custom values « WordPress Codex" href="http://codex.wordpress.org/Function_Reference/get_post_custom_values" target="_blank"><strong>get_post_custom_values</strong> function</a> and send the field name to get an array of all the values with that particular key:</p>
<blockquote><p>&lt;?php get_post_custom_values($key); ?&gt;</p></blockquote>
<p>I&#8217;m using a field to add a subtitle, so I append the value onto the end of my title which you can see on the left (if you&#8217;re reading this <a title=" » Start Making Sense by Marc Hibbins" href="http://blog.marchibbins.com/2010/01/12/start-making-sense/">on my site</a>).</p>
<p>Semantically this is part of my title. As I stated above, for SEO purposes, I want this to be considered as a part of my title for all intents and purposes by search engines and spiders as well as humans. I only ever want them considered &#8217;separately&#8217; on an aesthetic level and in Wordpress&#8217; forming of the permalink.</p>
<p>So I&#8217;ve styled up the subtitle to look complimentary to the &#8216;actual&#8217; title with CSS, but injected it into the post&#8217;s <strong>h2</strong> title tag in my mark-up so it stays semantically sound for machine readers and accessibility purposes.</p>
<p>So here&#8217;s the combined title mark-up (without style hooks):</p>
<blockquote><p>&lt;h2 class=&#8221;entry-title&#8221;&gt;<br />
<span style="padding-left:15px">&lt;a href=&#8221;..&#8221;&gt;Start Making Sense&lt;/a&gt;:</span><br />
<span style="padding-left:30px">&lt;span class=&#8221;entry-subtitle&#8221;&gt;Wordpress, SEO and pimping my blog&lt;/span&gt;</span><br />
&lt;/h2&gt;</p></blockquote>
<p>And the styled and un-styled versions look like this:</p>
<p><a href="http://blog.marchibbins.com/wp-content/uploads/2010/01/subtitle-styled.jpg" target="_blank"><img src="http://blog.marchibbins.com/wp-content/uploads/2010/01/subtitle-styled-300x95.jpg" alt="" title="Title and subtitle - styled" width="300" height="95" class="aligncenter size-medium wp-image-1386" style="border:1px solid #333" /></a><br />
<a href="http://blog.marchibbins.com/wp-content/uploads/2010/01/subtitle-unstyled.jpg" target="_blank"><img src="http://blog.marchibbins.com/wp-content/uploads/2010/01/subtitle-unstyled-300x95.jpg" alt="" title="Title and subtitle - unstyled" width="300" height="95" class="aligncenter size-medium wp-image-1387" style="border:1px solid #fff" /></a></p>
<p>It&#8217;s subject to a conditional statement that checks whether the custom field has been populated, so I don&#8217;t have to rush through adding them to all my posts and those without subtitles yet won&#8217;t look broken.</p>
<p>This does mean however that it&#8217;s only implemented by the theme, not by the publishing platform. This means it will only be seen by visitors to the blog, it isn&#8217;t published to the RSS feed, for example, so syndicated readers won&#8217;t see it.</p>
<h3><a name="Sitemaps" class="anchor">Sitemaps</a></h3>
<p>Another improvement for SEO purposes was to add an XML sitemap.</p>
<p>I recently added a HTML sitemap in the form of my <a title="» Index by Marc Hibbins" href="http://blog.marchibbins.com/index/" target="_blank">index page</a>, but then saw <a title="YouTube - Which is better: an HTML site map or XML Sitemap?" href="http://www.youtube.com/watch?v=hi5DGOu1uA0&amp;fmt=22" target="_blank">Google&#8217;s Matt Cutts discussing HTML versus XML sitemaps</a> who concludes that if you can have both, then do so.</p>
<p>It&#8217;s very easy to generate a sitemap and according to Matt&#8217;s video a simple list of URLs would suffice, but I looked up the <a title="WordPress › WordPress Plugins" href="http://wordpress.org/extend/plugins/" target="_blank">Wordpress Plugin Directory</a> for ready-to-roll solution and found the <a title="WordPress › Google XML Sitemaps « WordPress Plugins" href="http://wordpress.org/extend/plugins/google-sitemap-generator/" target="_blank">Google XML Sitemaps</a> which does the job for me.</p>
<p>It&#8217;s fully automatic so it doesn&#8217;t need my attention once I&#8217;ve installed it. It generates an XML file based on my current posts and pages and automatically updates whenever I publish or modify anything new.</p>
<p>It also sends notifications of updates to the main search engines &#8211; Google, Bing, Ask.com and Yahoo! &#8211; and has a number of advanced options concerning prioritising pages and setting the frequency of how often certain pages should be checked again by crawlers for updates.</p>
<p>The XML file it generates sits at <a title="My Sitemap" href="http://blog.marchibbins.com/sitemap.xml" target="_blank">http://blog.marchibbins.com/sitemap.xml</a> (for me) and there&#8217;s an option to attach an XSL file for styling, but I choose just to use plain XML.</p>
<h3><a name="Social_Bookmarking" class="anchor">Social Bookmarking</a></h3>
<p>I got to browsing some of the other <a title="WordPress › Most Popular « WordPress Plugins" href="http://wordpress.org/extend/plugins/browse/popular/" target="_blank">popular plugins</a> and temporarily tried out <a title="WordPress › Sociable « WordPress Plugins" href="http://wordpress.org/extend/plugins/sociable/" target="_blank">Sociable</a> which adds typical social bookmarking links to the bottom of each post.</p>
<p>It supports nearly 100 different APIs and <a title="WordPress › Sociable « WordPress Plugins" href="http://wordpress.org/extend/plugins/sociable/screenshots/" target="_blank">the drag-and-drop interface</a> and nice and easy to work with.</p>
<p>I chose not to use it in the end, I thought it was a bit over-the-top for my site.</p>
<p>There&#8217;s a lot more in the directory though, like <a title="WordPress › Add to Any: Share/Bookmark/Email Button « WordPress Plugins" href="http://wordpress.org/extend/plugins/add-to-any/" target="_blank">Add to Any</a>, <a title="WordPress › SexyBookmarks « WordPress Plugins" href="http://wordpress.org/extend/plugins/sexybookmarks/" target="_blank">SexyBookmarks</a> and <a title="WordPress › ShareThis « WordPress Plugins" href="http://wordpress.org/extend/plugins/share-this/" target="_blank">ShareThis</a> &#8211; though they&#8217;re not hard to write anyway, if I eventually change my mind.</p>
<h3><a name="Tweaks" class="anchor">Tweaks</a></h3>
<p>I made a few other minor changes here and there, some CSS changes and design tweaks.</p>
<p>I threw an RSS link into the header and dropped the amount of posts that show on my front page.</p>
<p>I realised my posts can tend to get pretty lengthy and often have embedded videos or Flash content, so showing ten of those (the default) made the page quite heavy.</p>
<p>I started using the <a title="Theme Tuesday: ChaosTheory — Blog — WordPress.com" href="http://en.blog.wordpress.com/2007/11/05/theme-tuesday-chaostheory/" target="_blank">ChaosTheory theme</a> when my blog was freely hosted on Wordpress.com and I&#8217;ve stuck with it since, making odd modifications to both server-side code and the front-end as and when. To use it on a Wordpress.org blog I found <a title="WordPress › Support » Chaos Theory Theme" href="http://wordpress.org/support/topic/192260" target="_blank">a port hosted by Automattic</a> but it&#8217;s never been quite right nor entirely compliant with mark-up or CSS standards, I&#8217;ve only really maintained it for consistency.</p>
<p>Recently though I found the <a title="Unicorn" href="http://qa-dev.w3.org/unicorn/" target="_blank">Unicorn &#8216;Universal Conformance Checker&#8217;</a> from the W3C which combines all the common validation checks and also has a MobileOK Checker which looks at the &#8216;mobile-friendliness&#8217; of a site.</p>
<p>Shamefully my blog scores an awful 0/100, due to links with <strong>&#8220;_blank&#8221;</strong> targets, the amount of images embedded, the presence of Flash and Javascript and a ton of other things.</p>
<p>Over time it&#8217;ll be my aim to get all that sorted. Hopefully without having to start my own theme completely from scratch.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.marchibbins.com/2010/01/12/start-making-sense/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Chrome&#8217;s On It</title>
		<link>http://blog.marchibbins.com/2009/12/15/chromes-on-it/</link>
		<comments>http://blog.marchibbins.com/2009/12/15/chromes-on-it/#comments</comments>
		<pubDate>Tue, 15 Dec 2009 00:29:43 +0000</pubDate>
		<dc:creator>Marc Hibbins</dc:creator>
				<category><![CDATA[google]]></category>

		<guid isPermaLink="false">http://blog.marchibbins.com/?p=1319</guid>
		<description><![CDATA[A preview to Google's Chromium OS - how to build, install and my first thoughts on what's to come.]]></description>
			<content:encoded><![CDATA[<p>In July, <a name="Official Google Blog: Introducing the Google Chrome OS" href="http://googleblog.blogspot.com/2009/07/introducing-google-chrome-os.html" target="_blank">Google announced their plan</a> to develop a lightweight operating system based on their successful <a title="Google Chrome - Download a new browser" href="http://www.google.com/chrome" target="_blank">Chrome browser</a>. Intending to be open source, speedy, secure and <em>simple</em>, this would be their attempt to re-think the operating system as Chrome previously &#8216;re-imagined&#8217; the browser.</p>
<p>It was Google&#8217;s aim to get users from start-up and on to the Web in a matter of seconds.</p>
<p>The Chrome OS would be the kind of system targeted at Netbooks, catering for the modern generation of computer user for whom the majority (if not all) of interaction takes place on the Web.</p>
<p>The OS would pretty much <em>just</em> be a browser in fact. All the user&#8217;s applications and data would (and would have to) be stored in the cloud; as stateless data and Web-based apps.</p>
<p>With that in mind Google could completely go back to basics and redesign the underlying security architecture of an OS. Because it was their plan to run everything &#8216;in the browser&#8217;, the underlying system would no longer need the capabilities of a normal operating system, for example, the ability to install applications or the need for security precautions to handle them. There is also no file storage, so you wouldn&#8217;t even need any real kind of storage space or file system in the traditional sense.</p>
<p>This all results in the user never needing to deal with viruses, malware or updates for applications or their security system. It also means the OS will be up and running in seconds of booting up &#8211; and thus, ready almost immediately to get on to the Web.</p>
<p>A couple weeks ago, Google held a special event <a title="Official Google Blog: Releasing the Chromium OS open source project" href="http://googleblog.blogspot.com/2009/11/releasing-chromium-os-open-source.html" target="_blank">announcing the official release</a> of the product and previewed some of the features on a live webcast (covered by <a title="Live From Google's Chrome OS Event" href="http://www.techcrunch.com/2009/11/19/chrome-os-event/" target="_blank">TechCrunch</a> and <a title="Live Blog: The Google Chrome OS Press Event" href="http://www.readwriteweb.com/archives/live_blog_the_google_chrome_os_press_event.php" target="_blank">ReadWriteWeb</a>).</p>
<p>They followed it up with a short introductory video explaining some of their decisions and what users can expect in the full version:</p>
<p><object width="500" height="304"><param name="movie" value="http://www.youtube.com/v/0QRO3gKj3qw&#038;hl=en_GB&#038;fs=1&#038;ap=%2526fmt=22"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/0QRO3gKj3qw&#038;hl=en_GB&#038;fs=1&#038;ap=%2526fmt=22" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="500" height="304"></embed></object></p>
<p>Their YouTube channel also has <a title="YouTube - Google Chrome OS Open Source Project Announcement" href="http://www.youtube.com/watch?v=5JyFbF7QFlY&amp;fmt=22" target="_blank">a recording of the announcement</a> and the <a title="Google, Inc." href="http://investor.shareholder.com/googpr/eventdetail.cfm?eventid=75092" target="_blank">audio of the Webcast is archived here</a>.</p>
<p>As part of that announcement Google publicly released the code to the open source community and called for contributors to engage with their developers and start working with the code.</p>
<p>If you&#8217;re interested in doing that, the Chromium wiki has a <a title="Getting and Building a Chromium-Based OS (The Chromium Projects)" href="http://www.chromium.org/chromium-os/building-chromium-os" target="_blank">how-to on getting and building the source</a> and TechCrunch wrote up <a title="Want To Try Out Google Chrome OS For Yourself? Here's How." href="http://www.techcrunch.com/2009/11/19/guide-install-google-chrome-os/" target="_blank">a step-by-step guide</a> to getting started.</p>
<p>This also meant that you could download and build the source to have a play, so I thought I&#8217;d give it a go.</p>
<h3><a name="Getting_and_Installing_Chromium_OS" class="anchor">Getting and Installing Chromium OS</a></h3>
<p><a title="Want To Try Out Google Chrome OS For Yourself? Here's How." href="http://www.techcrunch.com/2009/11/19/guide-install-google-chrome-os/" target="_blank">TechCrunch&#8217;s coverage</a> has a guide to running the Chromium OS on a virtual machine, essentially software that replicates the behaviour of a standalone physical machine. This means you don&#8217;t have to install this OS instead of your native system or worry about any operations performed by Chromium affecting your current platform, it&#8217;s running in a secure sandbox.</p>
<p>They link to two disk images, one built by <a title="Google Chrome OS - gdgt" href="http://gdgt.com/google/chrome-os/" target="_blank">GDGT</a> (which requires a free registration) and <a href="http://torrents.thepiratebay.org/5170843/chromeos-image-999.999.32309.211410-a1.vmdk.bz2.5170843.TPB.torrent" target="_blank">a Pirate Bay hosted torrent file</a>.</p>
<p><em>At the time of this writing, the torrent file and image is considered to be safe, though as Jason Kincaid writes, this could at some point be re-written to be unsafe.</em></p>
<p>Now although it&#8217;s obvious, I&#8217;ll point out (as the article does) that this is a very early release of Chromium, so isn&#8217;t as near fully featured as that we&#8217;ve seen demonstrated. That version too is itself unfinished. This build has also not been put together by Google.</p>
<p>Neither is this intended to run on a virtual machine, so you won&#8217;t get anywhere near the performance that you would for real. This is the usually the case for any system running on a VM, but because pretty much the <em>whole deal</em> with Chromium is the speed, what we&#8217;ll be seeing should not be considered &#8216;as is&#8217;, it just a method to give you a bit of a sneak preview instead.</p>
<h4><a name="Using_VMWare" class="anchor">Using VMWare</a></h4>
<p>Usually, <a title="VMware Player: Run Windows 7, Chrome OS - Free Download for a Virtual PC" href="http://www.vmware.com/products/player/" target="_blank">VMWare Player</a> is my preferred choice for virtualisations. However the build comes as a <strong>VMDK </strong>file and VMWare Player runs from a <strong>VMX </strong>file. The <strong>VMDK </strong>file is the appliance, the <strong>VMX </strong>file is a descriptor (processing instructions that the Player relies on).</p>
<p><strong>VMX</strong> files are easily written in a text editor and I found <a title="Trying out ChromeOS from a VMWare image | Rough Book" href="http://vivin.net/2009/11/20/trying-out-chromeos-from-a-vmware-image/" target="_blank">an example</a> which I modified to run as part of my development environment, which follows below.</p>
<p>Simply save this file as <strong>VMX </strong>format and run it from VMWare Player:</p>
<blockquote><p>.encoding = &#8220;UTF-8&#8243;<br />
displayName = &#8220;Chrome OS&#8221;<br />
guestOS = &#8220;other&#8221;<br />
<strong>memsize = &#8220;1024&#8243;</strong></p>
<p>ethernet0.present= &#8220;true&#8221;<br />
ethernet0.startConnected = &#8220;true&#8221;<br />
ethernet0.virtualDev = &#8220;e1000&#8243;<br />
<strong>ethernet0.connectionType = &#8220;bridged&#8221;</strong><br />
ethernet0.addressType = &#8220;generated&#8221;<br />
ethernet0.generatedAddress = &#8220;00:0c:29:cd:8d:e6&#8243;<br />
ethernet0.generatedAddressOffset = &#8220;0&#8243;</p>
<p>usb.present = &#8220;true&#8221;</p>
<p>sound.present = &#8220;false&#8221;<br />
sound.autodetect = &#8220;true&#8221;<br />
sound.virtualDev = &#8220;es1371&#8243;<br />
sound.fileName = &#8220;-1&#8243;<br />
sound.startConnected = &#8220;true&#8221;</p>
<p>ide0:0.present = &#8220;true&#8221;<br />
<strong>ide0:0.fileName=&#8221;chrome-os-0.4.22.8-gdgt.vmdk&#8221;</strong><br />
ide0:0.deviceType = &#8220;disk&#8221;<br />
ide0:0.mode = &#8220;persistent&#8221;<br />
ide0:0.redo = &#8220;&#8221;<br />
ide0:0.writeThrough = &#8220;false&#8221;<br />
ide0:0.startConnected = &#8220;false&#8221;</p>
<p>virtualHW.version = &#8220;3&#8243;</p>
<p>config.version = &#8220;8&#8243;</p>
<p>floppy0.present = &#8220;false&#8221;</p></blockquote>
<p>Depending on your settings, you may have to change the <strong>ethernet0.connectionType</strong> to &#8220;<strong>nat</strong>&#8221; and the <strong>ide0:0.fileName</strong> to your <strong>VMDK </strong>filename &#8211; if you got the torrent version, that will be &#8220;<strong>chromeos-image-999.999.32309.211410-a1.vmdk</strong>&#8220;. I also gave it a little more memory.</p>
<h4><a name="Using_VirtualBox" class="anchor">Using VirtualBox</a></h4>
<p>TechCrunch recommend using <a title="Downloads - VirtualBox" href="http://www.virtualbox.org/wiki/Downloads" target="_blank">VirtualBox</a>, a cross-platform virtualisation. VirtualBox can run straight from the VMDK so don&#8217;t worry about a VMX file &#8211; just follow the instructions.</p>
<h3><a name="First_Impressions" class="anchor">First Impressions</a></h3>
<p>Initially, everything is a bit sparse and you may wonder if you&#8217;ve done everything properly (have a look at the screenshots below), but this is just a reminder that what we&#8217;re playing with here isn&#8217;t ready <em>at all</em> &#8211; the video demo is a far more polished version than this and we&#8217;ll keep that in mind.</p>
<p><a href="http://blog.marchibbins.com/wp-content/uploads/2009/12/chrome_01.jpg" target="_blank"><img class="size-medium wp-image-1321 alignnone" title="Chrome login screen" src="http://blog.marchibbins.com/wp-content/uploads/2009/12/chrome_01-300x225.jpg" alt="Chrome login screen" width="240" height="180" /></a> <a href="http://blog.marchibbins.com/wp-content/uploads/2009/12/chrome_02.jpg" target="_blank"><img class="alignnone size-medium wp-image-1322" title="Chrome boot screen" src="http://blog.marchibbins.com/wp-content/uploads/2009/12/chrome_02-300x225.jpg" alt="Chrome boot screen" width="240" height="180" /></a></p>
<p>When it gets going though, we start to see some of those familiar features.</p>
<p>There&#8217;s the application menu, not a drop down menu in our version but a &#8216;pinned&#8217; tab &#8211; the drop down must have been put in later.</p>
<p>I started to play with some of the apps, they&#8217;re exactly the same here as they are on any other platform &#8211; they work completely as they should &#8211; Google&#8217;s Calendar, Docs and Reader to name a few.</p>
<p><a href="http://blog.marchibbins.com/wp-content/uploads/2009/12/chrome_03.jpg" target="_blank"><img class="alignnone size-medium wp-image-1324" title="Chrome application menu" src="http://blog.marchibbins.com/wp-content/uploads/2009/12/chrome_03-300x225.jpg" alt="Chrome application menu" width="240" height="180" /></a> <a href="http://blog.marchibbins.com/wp-content/uploads/2009/12/chrome_04.jpg" target="_blank"><img class="alignnone size-medium wp-image-1325" title="Chrome Calendar" src="http://blog.marchibbins.com/wp-content/uploads/2009/12/chrome_04-300x225.jpg" alt="Chrome Calendar" width="240" height="180" /></a></p>
<p>Saying that though, why wouldn&#8217;t they? These &#8216;apps&#8217; are just the webpages we&#8217;re used to, actually you&#8217;ll see <em>exactly </em>the same as visiting &#8216;<a title="Google Mail" href="http://www.google.com/mail" target="_blank">http://www.google.com/mail</a>&#8216; and &#8216;<a title="Google Reader" href="http://www.google.com/reader" target="_blank">http://www.google.com/reader</a>&#8216;. There is zero difference, just like visiting &#8216;<a title="Amazon.co.uk: Low Prices in Electronics, Books, Sports Equipment &amp; more" href="http://www.amazon.co.uk/" target="_blank">Amazon.co.uk</a>&#8216; works plenty fine too.</p>
<p>The fact they&#8217;re called &#8216;apps&#8217; is just semantic thing, just a way of thinking about them as products launched from some kind of desktop-analogy, rather than destinations found at the end of a search engine. I&#8217;ll come back to this later.</p>
<p>Then I started to play with the apps that launch in &#8216;panels&#8217; &#8211; the first hint of something that looks native to Chromium.</p>
<p>There&#8217;s appropriations of the Calendar again and Google Talk.</p>
<p><a href="http://blog.marchibbins.com/wp-content/uploads/2009/12/chrome_05.jpg" target="_blank"><img class="alignnone size-medium wp-image-1326" title="Chrome Calendar in panels" src="http://blog.marchibbins.com/wp-content/uploads/2009/12/chrome_05-300x225.jpg" alt="Chrome Calendar in panels" width="240" height="180" /></a> <a href="http://blog.marchibbins.com/wp-content/uploads/2009/12/chrome_06.jpg" target="_blank"><img class="alignnone size-medium wp-image-1327" title="Chrome Chat" src="http://blog.marchibbins.com/wp-content/uploads/2009/12/chrome_06-300x225.jpg" alt="Chrome Chat" width="240" height="180" /></a></p>
<p>But then the illusion was slightly shattered when I notice &#8216;View: Mobile&#8217; link at the bottom of the calendar and chose to click &#8216;Desktop&#8217;, which just showed just the other Calendar view (the first one, above), all displayed in that little window with scrollbars &#8211; because, again, it&#8217;s just a Web page we&#8217;ve loaded here, but in a custom view.</p>
<p>The chat is pretty much the same as the Google Talk, and includes voice chat.</p>
<p>This was actually a bit disappointing, of course I know that the Chromium OS is pretty much just Chrome and that <em>everything </em>is a Web page really, but I expected these apps to have detected that I&#8217;m visiting on the Chromium OS and serve a more tailored interface. I wanted some kind of dedicated experience basec on the app knowing that I&#8217;d be seeing everything through one of these panels.</p>
<p>Having said that, the Chromium OS project site has a whole section dedicated to <a title="User Experience (The Chromium Projects)" href="http://www.chromium.org/chromium-os/user-experience" target="_blank">the User Experience</a>, which describes the &#8216;motivations, assumptions, and directions&#8217; behind the interface design. It shows much of their work in-progress.</p>
<p>On their screenshots of the latest version, these windows seem to be more developed, the chat doesn&#8217;t have the default controls and there&#8217;s a notification panel that looks like it nicely ties up the application in some kind of native <a title="Growl" href="http://growl.info/" target="_blank">Growl</a> equivalent &#8211; <a href="http://sites.google.com/a/chromium.org/dev/chromium-os/user-experience/sdres_0002_Panels.png" target="_blank">see here</a>.</p>
<p>By the looks of it something like that could be achieved as simply as combining RSS and Javascript (maybe it does &#8211; it&#8217;s all Web pages remember), but putting it in a custom panel, presented in custom &#8216;chrome&#8217;, would give it a lot more strength and me more confidence.</p>
<p>The majority of the links from this application menu, in fact, are just to Web pages, rather than apps in these custom windows.</p>
<p>One of them links to a straightforward enough Chess game, demonstrating Chromium&#8217;s support for Flash. It comes with Flash Player 10.0.32.18 installed (currently the latest stable release) and it runs just fine.</p>
<p><a href="http://blog.marchibbins.com/wp-content/uploads/2009/12/chrome_07.jpg" target="_blank"><img class="alignnone size-medium wp-image-1328" title="Chrome Flash support" src="http://blog.marchibbins.com/wp-content/uploads/2009/12/chrome_07-300x225.jpg" alt="Chrome Flash support" width="240" height="180" /></a> <a href="http://blog.marchibbins.com/wp-content/uploads/2009/12/chrome_08.jpg" target="_blank"><img class="alignnone size-medium wp-image-1329" title="Chrome Chess" src="http://blog.marchibbins.com/wp-content/uploads/2009/12/chrome_08-300x225.jpg" alt="Chrome Chess" width="240" height="180" /></a></p>
<h3><a name="A_new_paradigm" class="anchor">A new paradigm</a></h3>
<p>On the idea of using only Web applications, looking at Web apps <em>versus </em>desktop apps, I think for a long time people have been wary of becoming completely dependant on them.</p>
<p>When I say &#8216;Web apps&#8217; here, I don&#8217;t mean everything that you could consider to be an app or just any kind of RIA, arguably any &#8217;site&#8217; is or could be &#8216;an application&#8217;. Instead I&#8217;m going to refer to the purely stateless apps, where the software, user settings and data are all stored somewhere in the cloud &#8211; on a server somewhere as opposed to the user&#8217;s local machine. Here I&#8217;m referring to the kinds of Web applications that are direct parallels of popular desktop apps, think the likes of the Google Docs suite.</p>
<p>For example, I know of a few people who dabble with Google Documents (Google&#8217;s word processor), but won&#8217;t use it exclusively over Microsoft Word, they use it for the odd document or quick note but not anything of length or real importance. Likewise with Google Spreadsheets as a possible choice over Microsoft Excel.</p>
<p>I think Spreadsheets is a different game, Excel is really quite powerful and has a lot more advanced features, though I&#8217;m no spreadsheet wizard. With Documents however, with the feature set far closer to that of Word or any enterprise desktop word processor, what&#8217;s the problem halting full adoption?</p>
<p>Is it a trust issue? Are people <a title="Updated: Does Google Have Rights to Everything You Send Through Chrome?" href="http://www.readwriteweb.com/archives/does_google_have_rights_to_all.php" target="_blank">wary of Google</a> or concerned about losing their data?</p>
<p>I&#8217;m a big fan of Documents, I use it for all my writing, I don&#8217;t own Microsoft Word and anyway, I like it. I&#8217;m writing this post using Documents because I prefer the environment over Wordpress&#8217; authoring tool, I&#8217;m confident that my data is safe and secure.</p>
<p>And then there&#8217;s email, I don&#8217;t use a desktop client at all for my personal email, I use Google Mail. But compared to the rest of the Google app suite, Google Mail is seen as something quite different.</p>
<p>For some reason, Google Mail is set apart from the rest of the Google Docs applications, not seen on par, even though your data there is equally as secure or insecure, and backed-up or prone to loss there as it is with the apps on Docs. They run alongside each other, they have the same authors, same security, the same look and feel even.</p>
<p>So why is this? Is it just the case that Google Mail has been around for longer, so we&#8217;ve just gotten used to it? It has had a longer development life, but those advances are duplicated across to other software.</p>
<p>I wonder how many of the people who choose not to use Documents for trust, security or want of having their documents saved locally, do use Google Mail but haven&#8217;t ever exported their mail and backed-up an archive on their computer?</p>
<p>I think two things set Google Mail apart. Firstly, it&#8217;s just <em>better </em>than most mail clients &#8211; it&#8217;s fast, responsive, it shows emails in threads (which was pretty new at the time) and since then we&#8217;ve gotten hooked and now can&#8217;t possibly drop it for any of those old clunky desktop clients.</p>
<p>Secondly, probably because of that first reason, it seems we&#8217;ve kind of &#8216;forgotten&#8217; that it&#8217;s a Web app &#8211; that&#8217;s just a load of that temperamental HTML and Javascript substance writing data to the browser, but not only is it so powerful that it can trump the desktop software, it&#8217;s extremely reliable so we seem to think that it surely can&#8217;t just be a Web page like any other page in our browser.</p>
<p>Not only are we forgetting that actually there really is no difference between Google Mail and any other page (other than excellent engineering), but that there <em>is </em>a difference between it and one the desktop alternatives.</p>
<p>What I&#8217;m talking about here is that we should consider our way of thinking about these applications. It&#8217;s not a new observation that the gap between desktop applications and Web-based applications is closing, Google Mail is probably the best example of that &#8211; perhaps the killer app in that respect. It just seems surprising that the Chromium OS has <em>zero</em> file storage, you do not save <em>anything</em> &#8211;  but it really shouldn&#8217;t be.</p>
<p>I talked about suspending disbelief in convincing myself that some of the Web pages I was looking at were actually apps and not just normal HTML pages &#8211; but does it really matter?</p>
<p>Take the application menu, note it&#8217;s similarities to the application interface on the iPhone which also collates Web links and native &#8216;applications&#8217; together. Both treat them as one and the same with an icon treatment that doesn&#8217;t distinguish between the two.</p>
<p>Ultimately, if we get the desired result &#8211; on the basis that trust and security is in place and what we want to get done, gets done &#8211; I don&#8217;t think it matters if the program is Web-based or &#8216;desktop&#8217;-based, as much as it doesn&#8217;t matter if the app is written in HTML, AJAX or Flash instead of C or VBA.</p>
<p>When Adobe first starting talking about AIR, describing it as something like a desktop runtime for Flash, I didn&#8217;t think anyone would consider any Flash app to stand on equal footing to traditionally written desktop software (again, from the likes of C or VBA). At that time no-one really took Flash anywhere near as seriously as they do now. But now look at all the Twitter clients we use, the <a title="BBC iPlayer - Install" href="http://www.bbc.co.uk/iplayer/install/" target="_blank">BBC iPlayer</a>.</p>
<p>I digress. What I&#8217;m saying is that everything on the Web is constantly evolving.</p>
<p>Google Mail is the application that proved that stateless computing &#8216;can be done&#8217; and <em>can</em> be accepted as the norm. Chromium then, has the potential to be the software that proves true stateless computing &#8216;can be done&#8217; and is a confident first step to introducing <em>that</em> as the norm.</p>
<p>Chromium loads some Web apps natively, others it loads as if they were native. With apps like these, if you were the kind of user that didn&#8217;t know or didn&#8217;t care that they only served online, you wouldn&#8217;t be any the wiser because of the way in which Chromium unblinkingly presents them.</p>
<p>I&#8217;m reminded of the <a title="YouTube - What is a Browser?" href="http://www.youtube.com/watch?v=o4MwTvtyrUQ&amp;fmt=18" target="_blank">&#8216;What is a browser?&#8217; video</a> and how initially I thought of the people as being quite naive, but in retrospect I don&#8217;t think it matters what a browser is, it&#8217;s what you do with it.</p>
<p>For a lot of people the search engine (Google or otherwise) is synonymous with the Web, or <em>is</em> the Web. Not removing choice, I don&#8217;t see a problem with these apps being synonymous with &#8216;mail&#8217;, or &#8216;chat&#8217; or &#8216;calendar&#8217; for users who wish to use them.</p>
<p>We&#8217;re pretty much always online now and Chromium is targeting the Netbook type system (also to note perhaps, the TechCrunch article says you cannot download and install Chrome on any machine &#8211; you will have to buy a new one), Chromium could really work. As I say, if it does it&#8217;ll enforce this new paradigm of how we think about these apps.</p>
<p>NB: There are fall backs for offline use &#8211; recently<a title="What's powering Web apps: Google waving goodbye to Gears, hello to HTML5 [Updated] | Technology | Los Angeles Times" href="http://latimesblogs.latimes.com/technology/2009/11/google-gears.html" target="_blank"> Google announced that they are dropping Gears for HTML5 APIs and offline storage</a>, but I won&#8217;t go into that now and anyway, replacing normal computer usage isn&#8217;t what this is about.</p>
<p>In the end I couldn&#8217;t survive the whole day on Chromium because of the virtual machine&#8217;s performance, but I got to wondering whether I could sustain myself on completely stateless computing if I was handed the real Chromium to try out for a period of time.</p>
<p>With the help of <a title="Wakoopa - Discover software &amp; games" href="http://wakoopa.com/" target="_blank">Wakoopa</a>, I looked at the most popular apps for various platforms and chose those I use the most, for each I came up with a currently cloud-based alternative &#8211; all of which I&#8217;ve used at least once when circumstance has called for it.</p>
<p>Here&#8217;s a sample of what&#8217;s available:</p>
<table border="0" cellpadding="2" style="margin-bottom:15px;">
<tr>
<th width="175">Desktop</th>
<th>Web-based</th>
</tr>
<tr>
<td>Internet Browser</td>
<td>N/A</td>
</tr>
<tr>
<td>Mail</td>
<td>Google Mail, Google Wave, Hotmail, Yahoo! Mail etc</td>
</tr>
<tr>
<td>iTunes/Spotify</td>
<td>Last.fm, Pandora</td>
</tr>
<tr>
<td>Instant Messaging</td>
<td>Google Talk, Google Mail</td>
</tr>
<tr>
<td>Skype/Voip</td>
<td>As above, <a title="GizmoCall - Talk to Anyone Anywhere" href="https://www.gizmocall.com/" target="_blank">GizmoCall</a>, or any webcam supporting site</td>
</tr>
<tr>
<td>DVD/Video player</td>
<td>Hulu, YouTube (Now supports <a title="YouTube - Watch TV shows on YouTube" href="http://www.youtube.com/shows" target="_blank">TV</a> and &#8216;<a title="YouTube - Watch Films on YouTube" href="http://www.youtube.com/movies" target="_blank">films</a>&#8216;)</td>
</tr>
<tr>
<td>Word Processing</td>
<td>Google Documents</td>
</tr>
<tr>
<td>Microsoft Excel</td>
<td>Google Spreadsheets</td>
</tr>
<tr>
<td>Adobe Photoshop</td>
<td><a title="Splashup" href="http://www.splashup.com/" target="_blank">Splashup</a>, <a title="Picnik - Photo editing the easy way, online in your browser" href="http://www.picnik.com/" target="_blank">Picnik</a></td>
</tr>
<tr>
<td>Twitter client</td>
<td><a title="Brizzly / A simple way to experience the social web" href="http://brizzly.com/" target="_blank">Brizzly</a>, Twitter <img src='http://blog.marchibbins.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </td>
</tr>
<tr>
<td>RSS aggregator</td>
<td>Google Reader</td>
</tr>
<tr>
<td>Code IDE</td>
<td><a title="CodeRun - Online IDE" href="http://www.coderun.com/ide/" target="_blank">CodeRun</a> &#8211; can edit, run and compile various languages including PHP, ASP.NET and Silverlight</td>
</tr>
</table>
<p>There are far more than I&#8217;ve listed here &#8211; what I&#8217;m saying is, this isn&#8217;t a phase this is just development.</p>
<p>So Chromium is looking promising, no doubt more official releases will be on the cards for next year. Until then, if anyone does happen to have a Chromium-ready Netbook they want me to Beta test.. I&#8217;m up for the challenge. <img src='http://blog.marchibbins.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://blog.marchibbins.com/2009/12/15/chromes-on-it/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Reruns</title>
		<link>http://blog.marchibbins.com/2009/10/14/reruns/</link>
		<comments>http://blog.marchibbins.com/2009/10/14/reruns/#comments</comments>
		<pubDate>Wed, 14 Oct 2009 21:55:01 +0000</pubDate>
		<dc:creator>Marc Hibbins</dc:creator>
				<category><![CDATA[adobe]]></category>
		<category><![CDATA[air]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[flex]]></category>
		<category><![CDATA[mobile]]></category>

		<guid isPermaLink="false">http://blog.marchibbins.com/?p=1299</guid>
		<description><![CDATA[My picks of the best talks from this year's Adobe MAX and Future of Web Apps, with links to videos and presentations.]]></description>
			<content:encoded><![CDATA[<p>Two of the big events of the conference season, <a title="Adobe MAX 2009" href="http://max.adobe.com/" target="_blank">Adobe MAX</a> and <a title="Future Of Web Apps" href="http://events.carsonified.com/fowa" target="_blank">Future of Web Apps</a>, finished up a couple weeks ago and now most of the recorded talks have surfaced online.</p>
<h3><a name="Adobe_MAX_2009" class="anchor">Adobe MAX 2009</a></h3>
<p>Adobe TV has a <a title="AdobeTV" href="http://tv.adobe.com/channel/max/max-2009/" target="_blank">MAX 2009 channel</a> with a lot of content, with videos divided into three categories &#8211; <a title="AdobeTV | MAX 2009 Develop" href="http://tv.adobe.com/show/max-2009-develop" target="_blank">Develop</a>, <a title="AdobeTV | MAX 2009 Design" href="http://tv.adobe.com/show/max-2009-design/" target="_blank">Design</a> and <a title="AdobeTV | MAX 2009 Envision" href="http://tv.adobe.com/show/max-2009-envision/" target="_blank">Envision</a>.</p>
<p>Here&#8217;s some of the highlights:</p>
<h4>Develop:</h4>
<ul style="padding-bottom:15px">
<li><a title="MAX 2009 Develop - Building Applications for iPhone with Flash Professional CS5 | Adobe TV" href="http://tv.adobe.com/watch/max-2009-develop/building-applications-for-iphone-with-flash-professional-cs5/" target="_blank">Building Applications for iPhone with Flash Professional CS5</a><br />
Aditya Bansod</li>
<li><a title="MAX 2009 Develop - Designing Applications for Desktops and Mobile Devices with Adobe AIR | Adobe TV" href="http://tv.adobe.com/watch/max-2009-develop/designing-applications-for-desktops-and-mobile-devices-with-adobe-air/" target="_blank">Designing Applications for Desktops and Mobile Devices with Adobe AIR</a><br />
Arno Gourdol</li>
<li><a title="MAX 2009 Develop - Designing and Developing for the Multi-screen Web | Adobe TV" href="http://tv.adobe.com/watch/max-2009-develop/designing-and-developing-for-the-multiscreen-web/" target="_blank">Designing and Developing for the Multiscreen Web</a><br />
Thibault Imbert</li>
<li><a title="MAX 2009 Develop - Multitouch Development with Flex | Adobe TV" href="http://tv.adobe.com/watch/max-2009-develop/multitouch-development-with-flex/" target="_blank">Multi-touch Development with Flex</a><br />
Andrew Trice</li>
<li><a title="MAX 2009 Develop - Creating Real-Time Social Applications with Flex and Flash Collaboration Service | Adobe TV" href="http://tv.adobe.com/watch/max-2009-develop/creating-realtime-social-applications-with-flex-and-flash-collaboration-service/" target="_blank">Creating Real-time Social Apps with Flex and Flash Collaboration Service</a><br />
Kevin Hoyt</li>
<li><a title="MAX 2009 Develop - Introduction to BlazeDS and LiveCycle Data Services | Adobe TV" href="http://tv.adobe.com/watch/max-2009-develop/introduction-to-blazeds-and-livecycle-data-services/" target="_blank">Introduction to BlazeDS and LiveCycle Data Services</a><br />
James Ward</li>
<li><a title="MAX 2009 Develop - What's Coming in Adobe AIR 2  | Adobe TV" href="http://tv.adobe.com/watch/max-2009-develop/whats-coming-in-adobe-air-2-/" target="_blank">What&#8217;s Coming in Adobe AIR 2</a><br />
Christian Cantrell</li>
</ul>
<h4>Design:</h4>
<ul style="padding-bottom:15px">
<li><a title="MAX 2009 Design - Multi-touch and the Flash Platform | Adobe TV" href="http://tv.adobe.com/watch/max-2009-design/multitouch-and-the-flash-platform/" target="_blank">Multi-touch and the Flash Platform</a><br />
Daniel Dura and Matt Bugbee</li>
<li><a title="MAX 2009 Design - From Big Screen to Browser, Desktop, and Mobile Device with Adobe Flash CS4 | Adobe TV" href="http://tv.adobe.com/watch/max-2009-design/from-big-screen-to-browser-desktop-and-mobile-device-with-adobe-flash-cs4/" target="_blank">From Big Screen to Browser, Desktop and Mobile Device with Flash</a><br />
Jonathan Wall</li>
<li><a title="MAX 2009 Design - Flash for the Digital Home: Flash on TV! | Adobe TV" href="http://tv.adobe.com/watch/max-2009-design/flash-for-the-digital-home-flash-on-tv/" target="_blank">Flash for the Digital Home: Flash on TV!</a><br />
Matt Snow</li>
<li><a title="MAX 2009 Design - Using Code to Prototype Interactive Design | Adobe TV" href="http://tv.adobe.com/watch/max-2009-design/using-code-to-prototype-interactive-design/" target="_blank">Using Code to Prototype Interactive Design</a><br />
Remon Tijssen</li>
<li><a title="MAX 2009 Design - Design Considerations for Contextually Aware Solutions | Adobe TV" href="http://tv.adobe.com/watch/max-2009-design/design-considerations-for-contextually-aware-solutions/" target="_blank">Design Considerations for Contextually Aware Solutions</a><br />
Ali Ivmark and Christian Robertson</li>
<li><a title="MAX 2009 Design - MegaPhone: Your Phone is Your Controller | Adobe TV" href="http://tv.adobe.com/watch/max-2009-design/megaphone-your-phone-is-your-controller/" target="_blank">MegaPhone: Your Phone is Your Controller</a><br />
Colin Moock</li>
</ul>
<h4>Envision:</h4>
<ul style="padding-bottom:15px">
<li><a title="AdobeTV | MAX 2009 Envision" href="http://tv.adobe.com/watch/max-2009-envision/max-2009-keynote-day-1/" target="_blank">Adobe MAX 2009 Keynote: Day One</a><br />
Shantanu Narayen</li>
<li><a title="MAX 2009 Envision - MAX 2009 Keynote - Day 2 | Adobe TV" href="http://tv.adobe.com/watch/max-2009-envision/max-2009-keynote-day-2/" target="_blank">Adobe MAX 2009 Keynote: Day Two</a><br />
Ben Forta</li>
<li><a title="MAX 2009 Envision - Open Screen Project Fund: Fueling the Future of Flash Experiences | Adobe TV" href="http://tv.adobe.com/watch/max-2009-envision/open-screen-project-fund-fueling-the-future-of-flash-experiences/" target="_blank">Open Screen Project Fund: Fuelling the Future of Flash Experiences</a><br />
Bill Perry and Mark Doherty</li>
</ul>
<h3><a name="Future_of_Web_Apps" class="anchor">Future of Web Apps</a></h3>
<p>Carsonified have only uploaded a small handful of talks over the past few weeks but they&#8217;re all worth a watch. So far I&#8217;ve only found their London talks on their <a title="Carsonified on Vimeo" href="http://www.vimeo.com/carsonified" target="_blank">Vimeo channel</a>, but the Dublin sessions have started to appear on <a title="Future Of Web Apps - Dublin 2009" href="http://events.carsonified.com/fowa/2009/dublin/content" target="_blank">the FOWA site</a>.</p>
<p>Here&#8217;s what I&#8217;d go for:</p>
<ul style="padding-bottom:15px">
<li><a title="The Future of HTML5 by Bruce Lawson on Vimeo" href="http://www.vimeo.com/6985053" target="_blank">The Future of HTML5</a><br />
Bruce Lawson</li>
<li><a title="Future Of Web Apps - Dublin 2009" href="http://events.carsonified.com/fowa/2009/dublin/videos/blaine-cook-2" target="_blank">How to Build Amazing Web Apps</a><br />
Blaine Cook</li>
<li><a title="Future Of Web Apps - Dublin 2009" href="http://events.carsonified.com/fowa/2009/dublin/videos/emma-perksy-2" target="_blank">The Future is Ruby without Rails</a><br />
Emma Perksy</li>
<li><a title="Future Of Web Apps - Dublin 2009" href="http://events.carsonified.com/fowa/2009/dublin/videos/ryan-carson-3" target="_blank">14 Web App Survival Tips</a><br />
Ryan Carson</li>
<li><a title="Introducing Atlas: A Visual Development Tool for creating Web Applications by Francisco Tolmasky on Vimeo" href="http://www.vimeo.com/6930037" target="_blank">Introducing Atlas: A Visual Development Tool for creating Web Applications</a><br />
by Francisco Tolmasky</li>
<li><a title="Taking your Site from One to One Million Users by Kevin Rose on Vimeo" href="http://www.vimeo.com/6905398" target="_blank">Taking your Site from One to One Million Users</a><br />
Kevin Rose</li>
<li><a title="Branding and Marketing Essentials for Your Web App by Alex Hunter on Vimeo" href="http://www.vimeo.com/6969446" target="_blank">Branding and Marketing Essentials for Your Web App</a><br />
Alex Hunter</li>
</ul>
<p>I&#8217;ll update as and when more work their way online!</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.marchibbins.com/2009/10/14/reruns/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Stuck Inside of Mobile</title>
		<link>http://blog.marchibbins.com/2009/10/12/stuck-inside-of-mobile/</link>
		<comments>http://blog.marchibbins.com/2009/10/12/stuck-inside-of-mobile/#comments</comments>
		<pubDate>Mon, 12 Oct 2009 13:13:08 +0000</pubDate>
		<dc:creator>Marc Hibbins</dc:creator>
				<category><![CDATA[flash]]></category>
		<category><![CDATA[flex]]></category>
		<category><![CDATA[iphone]]></category>
		<category><![CDATA[mobile]]></category>

		<guid isPermaLink="false">http://blog.marchibbins.com/?p=1273</guid>
		<description><![CDATA[The big news out of Adobe MAX 2009 - developments for the Flash on mobile devices, the iPhone and a look into Flash Player 10.1 with multi-touch and gestural controls.]]></description>
			<content:encoded><![CDATA[<p>The big news out of <a title="Adobe MAX 2009" href="http://max.adobe.com/" target="_blank">Adobe MAX 2009</a> last week was all about mobile and the developments for the Flash platform on devices, the forthcoming release of <a title="Adobe Labs - Adobe Flash Player 10.1" href="http://labs.adobe.com/technologies/flashplayer10/" target="_blank">Flash Player 10.1</a> and of course the announcement that Flash CS5 will be able to publish Flash files as native iPhone applications!</p>
<h3><a name="Flash_on_the_iPhone" class="anchor">Flash on the iPhone</a></h3>
<p>Here&#8217;s how they broke the news:</p>
<p><span style="text-align:center; display: block;"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="492" height="299" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/rebv7iXKufw&amp;hl=en&amp;fs=1&amp;" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="492" height="299" src="http://www.youtube.com/v/rebv7iXKufw&amp;hl=en&amp;fs=1&amp;" allowscriptaccess="always" allowfullscreen="true"></embed></object></span></p>
<p>It&#8217;s a huge announcement.</p>
<p>Rumours of Flash running on the iPhone have been going around <a title="» Going Mobile Marc Hibbins" href="http://blog.marchibbins.com/2008/10/02/going-mobile/">for over a year now</a>, with Adobe and Apple &#8216;officially&#8217; being in talks <a title="» Rumours Marc Hibbins" href="http://blog.marchibbins.com/2008/11/07/rumours/">since November</a>. The Flash team did well to bluff any developments <a title="» The Beach Marc Hibbins" href="http://blog.marchibbins.com/2009/09/22/the-beach/#Adobe_Town_Hall">when asked about it at Flash on the Beach this year</a>, so clearly they were keen to save the big reveal for MAX as it deserves.</p>
<p>As you can see in the video, Flash CS5 will make it super-easy for developers to publish their Flash applications as a native iPhone executable, so simply it would seem, as changing a publishing setting at author-time.</p>
<p>This means developers don&#8217;t need to make any changes to their applications in order to run them on the iPhone (though presumably the APIs will be limited). It also means that existing applications won&#8217;t need to be rebuild from scratch (not even be completely refactored, as before) and can be distributed via the AppStore.</p>
<p>It doesn&#8217;t, however, have effect on viewing Flash in the Safari browser. This still cannot be done.</p>
<p>What Adobe have achieved is the ability to compile Flash as an iPhone executable to run as a native application &#8211; they haven&#8217;t created a Flash Player for the iPhone, or any way for the iPhone to interpret a SWF at run-time. They&#8217;ve made <em>their</em> files compatible, rather than the other way round.</p>
<p>There&#8217;s already some applications available in the AppStore, these are:</p>
<ul>
<li><a title="Chroma Circuit - iTunes Store" href="http://itunes.apple.com/WebObjects/MZStore.woa/wa/viewSoftware?id=331078068&amp;mt=8" target="_blank">Chroma Circuit</a></li>
<li><a title="Trading Stuff - iTunes Store" href="http://itunes.apple.com/WebObjects/MZStore.woa/wa/viewSoftware?id=331031044&amp;mt=8" target="_blank">Trading Stuff</a></li>
<li><a title="FickleBlox - iTunes Store" href="http://itunes.apple.com/WebObjects/MZStore.woa/wa/viewSoftware?id=330996323&amp;mt=8" target="_blank">FickleBlox</a></li>
<li><a title="Just Letters - iTunes Store" href="http://itunes.apple.com/WebObjects/MZStore.woa/wa/viewSoftware?id=331034020&amp;mt=8" target="_blank">Just Letters</a></li>
<li><a title="South Park Avatar Creator - iTunes Store" href="http://itunes.apple.com/WebObjects/MZStore.woa/wa/viewSoftware?id=331751052&amp;mt=8" target="_blank">South Park Avatar Creator</a></li>
<li><a title="That Roach Game - iTunes Store" href="http://itunes.apple.com/WebObjects/MZStore.woa/wa/viewSoftware?id=331141362&amp;mt=8" target="_blank">That Roach Game</a></li>
<li><a title="Red Hood - iTunes Store" href="http://itunes.apple.com/WebObjects/MZStore.woa/wa/viewSoftware?id=331140070&amp;mt=8" target="_blank">Red Hood</a></li>
</ul>
<p>&nbsp;<br />
Adobe have created an <a title="Adobe Labs - Adobe Flash Professional CS5: Applications for iPhone" href="http://labs.adobe.com/technologies/flashcs5/appsfor_iphone/" target="_blank">Applications for iPhone Labs page</a> demonstrating apps running on the phone:</p>
<p><a title="Adobe Labs - Adobe Flash Professional CS5: Applications for iPhone" href="http://labs.adobe.com/technologies/flashcs5/appsfor_iphone/" target="_blank"><img src="http://blog.marchibbins.com/wp-content/uploads/2009/10/flash_iphone_demonstration.jpg" alt="Flash iPhone demonstration" title="Flash iPhone demonstration" width="480" height="291" class="aligncenter size-full wp-image-1280" /></a></p>
<p>There&#8217;s also an <a title="Adobe Labs - Adobe Flash Professional CS5: Applications for iPhone" href="http://labs.adobe.com/technologies/flashcs5/appsfor_iphone/#faq" target="_blank">FAQ</a> (and <a title="Applications for iPhone:Developer FAQ - Adobe Labs" href="http://labs.adobe.com/wiki/index.php/Applications_for_iPhone" target="_blank">Developer FAQ</a>) which goes through what can and can&#8217;t be done.</p>
<p>Mark Doherty has <a title="Flash Platform Extends to the iPhone Platform | www.flashmobileblog.com" href="http://www.flashmobileblog.com/2009/10/05/flash-platform-extends-to-the-iphone-platform/" target="_blank">written about the announcement</a> and lists some of the limitations that will be imposed, for example some typical features you might expect to work with, but <em>won&#8217;t</em> be available:</p>
<ul>
<li>Microphone access</li>
<li>Camera access</li>
<li>Photo selection from file system</li>
<li>Contact selection from the address book</li>
<li>Cut/copy/paste</li>
<li>Maps</li>
</ul>
<p>&nbsp;<br />
..actually quite a few limitations.</p>
<p>Ted Patrick is one of the Adobe team who developed some of the demo applications. He has posted <a title="Ted On Flash: SOURCE to 4 Flash iPhone Apps" href="http://onflash.org/ted/2009/10/source-to-4-flash-iphone-apps.php" target="_blank">an article on his blog</a> with the four sample apps and included full source so you can see, as he says, there&#8217;s absolutely nothing special going on &#8211; it&#8217;s just simple AS3 cross-compiled to iPhone ARM Binaries.</p>
<p><a title="www dot aditya bansod dot net: Home" href="http://www.adityabansod.net/home.aspx" target="_blank">Aditya Bansod</a> has written <a title="Developing for the Apple iPhone using Flash | Adobe Developer Connection" href="http://www.adobe.com/devnet/logged_in/abansod_iphone.html" target="_blank">an article for the Adobe Developer Connection </a>which goes in the technicalities in a little more depth. He also has <a title="MAX 2009 Develop - Building Applications for iPhone with Flash Professional CS5 | Adobe TV" href="http://tv.adobe.com/watch/max-2009-develop/building-applications-for-iphone-with-flash-professional-cs5/" target="_blank">an hour-long episode on Adobe TV</a>, taken from MAX, exploring the technologies:</p>
<p><span style="text-align:center; display: block;"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="425" height="256" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="FlashVars" value="fileID=2421&amp;context=162&amp;embeded=true&amp;environment=production" /><param name="src" value="http://images.tv.adobe.com//swf/player.swf" /><param name="flashvars" value="fileID=2421&amp;context=162&amp;embeded=true&amp;environment=production" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="425" height="256" src="http://images.tv.adobe.com//swf/player.swf" flashvars="fileID=2421&amp;context=162&amp;embeded=true&amp;environment=production" allowscriptaccess="always" allowfullscreen="true"></embed></object></span></p>
<p>Of course, it&#8217;s not news that Flash isn&#8217;t without sceptics. Not everyone is looking forward to the prospect.</p>
<p>Jeff Lamarche is an iPhone developer <a title="iPhone Development: Adobe Adds iPhone Native App Creation to Flash" href="http://iphonedevelopment.blogspot.com/2009/10/adobe-adds-iphone-native-app-creation.html" target="_blank">who has some very good points</a> on being cautious when developing Flash for the iPhone.</p>
<p>He shares <a title="» Changes Marc Hibbins" href="http://blog.marchibbins.com/2009/04/06/changes/">my opinion</a> that you should avoid &#8216;hammer development&#8217; principles and instead should choose the best tools for a platform. He says:</p>
<blockquote><p>Flash has always been a compromise that takes considerable overhead to let you create applications that can run on multiple platforms, while feeling native on none and getting native performance on none.</p></blockquote>
<p>He goes on to make valid points about performance when road-testing some of the applications, also noticing some inefficiencies and possible breaches of Apple&#8217;s guidelines.</p>
<p>Presumably when you create applications with the recommended workflow, with XCode, Interface builder and the iPhone SDK, developers are somewhat constrained by them &#8211; definitely with regard to the interface, visual components and interactivity. With Flash&#8217;s &#8216;back-door&#8217; sneak of creating apps, these may be breached.</p>
<p>That being said, I haven&#8217;t had a chance to play with these applications yet (I don&#8217;t actually have an iPhone..) but even then, presumably these are apps for demonstration and are, as proven, purposely uncomplicated.</p>
<p>And as always Flash has its haters.</p>
<p>A <a title="Building Applications for the iPhone with Flash at Mike Chambers" href="http://www.mikechambers.com/blog/2009/10/05/building-applications-for-the-iphone-with-flash/comment-page-2/#comment-17044" target="_blank">comment on Mike Chambers&#8217; post</a> might be a bit knee-jerk and unjustified, but also hints as to some of the feelings that will no doubt surface if the AppStore is inundated with bad Flash apps and games.</p>
<p>Hopefully Apple won&#8217;t change their position on accepting Flash.</p>
<h3><a name="Flash_on_everything_else" class="anchor">Flash on everything else</a></h3>
<p>But not to forget &#8211; this was really the second big announcement of MAX.</p>
<p>The first announced that the forthcoming <a title="Adobe Labs - Flash Player 10.1 Features and Enhancements" href="http://labs.adobe.com/technologies/flashplayer10/features.html" target="_blank">Flash Player 10.1</a> appears to run on pretty much every other smartphone and high-end mobile device on the market too. Which has a lot to do with new commitments to the <a title="Rich internet applications | Open Screen Project" href="http://www.openscreenproject.org/" target="_blank">Open Screen Project</a>.</p>
<p><span style="text-align:center; display: block;"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="492" height="299" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/Pee3nT4bPw4&amp;hl=en&amp;fs=1&amp;" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="492" height="299" src="http://www.youtube.com/v/Pee3nT4bPw4&amp;hl=en&amp;fs=1&amp;" allowscriptaccess="always" allowfullscreen="true"></embed></object></span></p>
<p>Ryan Stewart <a title="Rundown of the MAX News |  Ryan Stewart &amp;#8211; Rich Internet Application Mountaineer" href="http://blog.digitalbackcountry.com/2009/10/rundown-of-the-max-news/" target="_blank">has a run-down of the news</a>, which announces Flash will run <a title="RIM Plans To Bring BlackBerry Browser Full Flash and Silverlight - SlashGear" href="http://www.slashgear.com/rim-plans-to-bring-blackberry-browser-full-flash-and-silverlight-1952933/" target="_blank">on Blackberry</a>, <a title="YouTube - flash10.1 on palmpre" href="http://www.youtube.com/watch?v=V0RoQ6t1g9c" target="_blank">Palm Pre</a>, <a title="YouTube - flash10.1 on windows mobile" href="http://www.youtube.com/watch?v=i2RqQMzobsI" target="_blank">Windows Mobile</a>, <a title="YouTube - HTC Hero - Adobe Flash demo" href="http://www.youtube.com/watch?v=xuTQD08hYFs" target="_blank">Android</a> and on <a title="YouTube - Skyfire 1.0 Mobile Browser Demo" href="http://www.youtube.com/watch?v=kESdESjyOdA" target="_blank">Skyfire browser for Nokia Symbian OS</a> (links <a title="Flash on Devices - InsideRIA" href="http://www.insideria.com/2009/10/flash-on-devices.html" target="_blank">via InsideRIA</a>).</p>
<p>Google have joined the project, see the <a title="Official Google Blog: Teaming up with Adobe and the Open Screen Project" href="http://googleblog.blogspot.com/2009/10/teaming-up-with-adobe-and-open-screen.html" target="_blank">post on their blog</a> and <a title="100509AFPforMobileDevicesandPCs" href="http://www.adobe.com/aboutadobe/pressroom/pressreleases/200910/100509AFPforMobileDevicesandPCs.html" target="_blank">Adobe&#8217;s press release</a> for more information.</p>
<p>At Flash on the Beach, <a title="» Day Three Marc Hibbins" href="http://blog.marchibbins.com/2009/09/27/day-three/#Contextual_Application_Development" target="_blank">Mark Doherty&#8217;s spoke</a> about the improvements to Flash Lite and how advances in Flash technology outside of the &#8216;main&#8217; Flash Player have beneficial effects overall, to the platform as a whole. One such advancement is that the new multi-touch and gestural events in Flash 10.1 will be completely available for non-mobile applications too.</p>
<p><a title="Daniel Dura" href="http://www.danieldura.com/" target="_blank">Daniel Dura</a> and <a title="Bugbee.com" href="http://bugbee.com/" target="_blank">Matt Bugbee</a>&#8217;s <a title="MAX 2009 Design - Multi-touch and the Flash Platform | Adobe TV" href="http://tv.adobe.com/watch/max-2009-design/multitouch-and-the-flash-platform/" target="_blank">Multi-touch and the Flash Platform on Adobe TV</a> discuss and demonstrate what can be achieved with these new events.</p>
<p><span style="text-align:center; display: block;"><object width="425" height="256"><param name="movie" value="http://images.tv.adobe.com//swf/player.swf"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><param name="FlashVars" value="fileID=2488&#038;context=163&#038;embeded=true&#038;environment=production"></param><embed src="http://images.tv.adobe.com//swf/player.swf" flashvars="fileID=2488&#038;context=163&#038;embeded=true&#038;environment=production" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="256"></embed></object></span></p>
<p>I&#8217;ve just noticed that InsideRIA already have <a title="Preparing for Multi-touch in Flash - A Primer - InsideRIA" href="http://www.insideria.com/2009/10/getting-started-with-multitouc.html" target="_blank">a &#8216;Getting started&#8217; primer for multi-touch Flash</a>, too.</p>
<p>As I say, advances in one technology can propagate development in another. That said, Adobe have also announced that they are developing a lightweight Flex framework for mobile devices, called <a title="Adobe Labs - Slider: Flex Mobile Framework" href="http://labs.adobe.com/technologies/flex/mobile/index.html" target="_blank">Slider</a>.</p>
<p>Slider is a mobile-optimized version of the Flex 4 framework, allowing developers to leverage their existing Flex skills but benefit from optimised performance and a streamlined user experience for devices with less memory and slower processors.</p>
<p>There will also be a new set of user interface components.</p>
<p>Going full circle, a greater presence of Flash and Flex on mobile devices puts more pressure on Apple to adopt the Flash player for their Safari browser.</p>
<p>Hopefully some time soon, seeing this screen will be a thing of the past:</p>
<p><a href="http://www.peterelst.com/blog/2009/10/06/using-flash-to-compile-to-iphone-applications/" target="_blank"><img class="aligncenter" title="Flash Player on iPhone by Peter Elst" src="http://www.peterelst.com/blog/wp-content/uploads/2009/10/iphone-error.jpg" alt="" width="320" height="480" /></a>
<div style="text-align:center; font-size:0.9em; padding-bottom:12px">From <a href="http://www.peterelst.com/blog/2009/10/06/using-flash-to-compile-to-iphone-applications/" target="_blank">Using Flash to compile to iPhone applications</a> by <a href="http://www.peterelst.com/blog/" target="_blank">Peter Elst</a></div>
<p>As <a title="It’s a great time to be a Flash Platform developer (about Flash and the iPhone) | Serge Jespers" href="http://www.webkitchen.be/2009/10/05/its-a-great-time-to-be-a-flash-platform-developer/" target="_blank">Serge says</a>, there&#8217;s lots of things to get excited about and it’s a great time to be a Flash Platform developer!</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.marchibbins.com/2009/10/12/stuck-inside-of-mobile/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Eight</title>
		<link>http://blog.marchibbins.com/2009/10/11/eight/</link>
		<comments>http://blog.marchibbins.com/2009/10/11/eight/#comments</comments>
		<pubDate>Sun, 11 Oct 2009 22:49:33 +0000</pubDate>
		<dc:creator>Marc Hibbins</dc:creator>
				<category><![CDATA[thishappened]]></category>

		<guid isPermaLink="false">http://blog.marchibbins.com/?p=1261</guid>
		<description><![CDATA[This Happened returned with their eighth London event as part of London Digital Week, another night exploring inspirational success stories of interaction design.]]></description>
			<content:encoded><![CDATA[<p><a title="This happened..." href="http://www.thishappened.org/" target="_blank">This Happened</a> returned with their eighth London event as part of <a title="London Digital Week | A Week of Events Celebrating Digital in London..." href="http://www.londondigitalweek.com/" target="_blank">London Digital Week</a> last month.</p>
<h3>Shajay Bhooshan &#8211; Computer Generated Architecture</h3>
<p><a title="trabajamos para ella !" href="http://www.data-tribe.net/wework4her/" target="_blank">Shajay Bhooshan</a> is an architectural researcher working at <a title="Zaha Hadid Architects" href="http://www.zaha-hadid.com/" target="_blank">Zaha Hadid Architects</a> and a course tutor at the <a title="AA SCHOOL OF ARCHITECTURE" href="http://www.aaschool.ac.uk/" target="_blank">AA School of Architecture</a>.</p>
<p>Shajay talked about his research into alternative approaches to architectural design, namely his use of unconventional software and modelling techniques for some of his work at Zaha Hadid.</p>
<p>He spoke about using software traditionally used for developing videos games and designing motion graphics, showing us some of his experiments with Maya.</p>
<p>He explored the effects of using CGI over traditional methods, writing algorithmic and generative visualisations to create new original designs or influence his existing &#8216;traditional&#8217; ideas.</p>
<p>Shajay showed us a lot of illustrations and motion captures from his research and project work, all of which can be found <a title="trabajamos para ella !" href="http://www.data-tribe.net/wework4her/" target="_blank">on his blog</a>.</p>
<p><a title="This happened to Shajay Bhooshan" href="http://www.thishappened.org/talks/shajaybhooshan-london-8/" target="_blank">Shajay Bhooshan &#8211; Computer Generated Architecture video and slides</a>.</p>
<h3>Dotmancando &#8211; CoinFlipper</h3>
<p><a title="Main : dotmancando" href="http://www.dotmancando.info/" target="_blank">Dotmancando</a> is Nitipak Samsen, an interaction designer and recent Royal College of Art graduate, who demonstrated his exhibition piece; the <a title="CoinFlipper : dotmancando" href="http://www.dotmancando.info/index.php?/projects/coin-flipper/" target="_blank">CoinFlipper</a>.</p>
<p>His ideas revolved around the psychological aspect of control and his belief that contrary to our outward appearance, we don&#8217;t always want decisions left up to fate or randomness, such as that found in the event of a coin-toss.</p>
<p>Dot claims that we most likely always form a preference as to the outcome before flipping a coin and probably really only flip a coin anyway to feel less guilty about a choice, or to affirm that such an outcome is the right decision.</p>
<p>So he created a mechanism to take that decision out of the hands of fate and to perform a predictable coin toss by way of a impartial mechanical device, in turn, forcing &#8216;the flipper&#8217; to reveal their true intention.</p>
<p>Dot was very entertaining in showcasing his many prototypes and the recordings of the experiments he carried out. We saw various incarnations constructed with wood, solenoid and Meccano and DIY-style gears attached to rulers until he ultimately achieved his final design.</p>
<p>His has all his work <a title="CoinFlipper : dotmancando" href="http://www.dotmancando.info/index.php?/projects/coin-flipper/" target="_blank">on his blog</a> too, along with most of those prototypes), which can all be seen in <a title="Coin Flipper exp on Vimeo" href="http://vimeo.com/5293679" target="_blank">this highlights video, on Vimeo</a>:</p>
<p><span style="text-align:center; display: block;"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="400" height="300" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=5293679&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" /><embed type="application/x-shockwave-flash" width="400" height="300" src="http://vimeo.com/moogaloop.swf?clip_id=5293679&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" allowscriptaccess="always" allowfullscreen="true"></embed></object></span></p>
<p><a title="This happened to Dotmancando" href="http://www.thishappened.org/talks/dotmancando-london-8" target="_blank">Dotmancando &#8211; CoinFlipper video and slides</a>.</p>
<h3>Alexander Grünsteidl &#8211; Digital Wellbeing Labs</h3>
<p><a title="digital wellbeing labs | Alexander Grünsteidl" href="http://digitalwellbeinglabs.com/dwb/?page_id=65" target="_blank">Alexander Grünsteidl</a> is an ex-product designer who founded <a title="digital wellbeing labs | we tune technology to create harmony in your life" href="http://digitalwellbeinglabs.com/dwb/" target="_blank">Digital Wellbeing Labs</a>, a project set up to pilot a new kind of retail environment for digital lifestyle products.</p>
<p>Born out of distaste and &#8216;recognition of failure&#8217; of the traditional mindset of consumer retail in selling electronic products, Digital Wellbeing Labs attempts to address the need for innovative consumer experiences in converging products with digital services and new media.</p>
<p>Alexander saw that his electronic products no longer sold successfully in &#8216;traditional&#8217; shops, suggesting that the conventional retail model is a leftover process of the industrial age, a process that works for big brands but not for smaller.</p>
<p>He claims that now in our &#8217;society of information&#8217; a different distribution model is required, that small brands don&#8217;t need innovation in their products &#8211; what&#8217;s needed is innovation in shopping.</p>
<p>His showroom attempted to challenge both the traditional and Internet retail economies, specifically the current trend of &#8216;the last click&#8217; &#8211; and pointed out <a title="coffee and pie  » Blog Archive   » The Last Place You Want To Go" href="http://coffeeandpie.net/?p=991" target="_blank">Dixon&#8217;s recent advertising campaign</a> which recognises that.</p>
<p>His showrooms are intended to be places for companies to connect with customers and to demonstrate their products, not places to perform actual transactions, but social spaces to engage.</p>
<p>Alexander has written <a title="Goodbye high-street? | digital wellbeing labs" href="http://digitalwellbeinglabs.com/dwb/?p=17" target="_blank">an interesting article, titled &#8216;Goodbye high-street?&#8217;</a>, which explores the thinking behind Digital Wellbeing Labs.</p>
<p><a title="This happened to Alexander Grünsteidl" href="http://www.thishappened.org/talks/grunsteidl-london-8/" target="_blank">Alexander Grünsteidl &#8211; Digital Wellbeing Labs video and slides</a>.</p>
<h3>Jenhui Liao &#8211; The Self-Portrait Machine</h3>
<p><a title="Welcome to jenhui-liao.com" href="http://jenhui-liao.com/" target="_blank">Jenhui Liao</a>, another RCA graduate, showed us his exhibition piece; the <a title="Self-Portrait Machine - we make money not art" href="http://www.we-make-money-not-art.com/archives/2009/07/selfportrait-machine.php" target="_blank">Self-Portrait Machine</a>.</p>
<p>Jenhui works on the connections of humankind and machine, exploring the relationship and cooperation between humans and machines in the manufacturing process and the apparent dependency and inseparability that the two share.</p>
<p>He created a machine that takes a snapshot of the &#8216;user&#8217;, a person whose hands are immovably strapped the machine, holding marker pens, and moved around a canvas by a set of motors and devices in order to create their portrait in a &#8216;cooperative&#8217; process.</p>
<p><a href="http://www.flickr.com/photos/hayeon/3956033262" target="_blank"><img class="aligncenter" title="This Happened #8 London by ha++ on Flickr" src="http://farm3.static.flickr.com/2545/3956033262_d04f856be7.jpg" alt="" width="500" height="333" /></a>
<div style="text-align:center; font-size:0.9em; padding-bottom:12px"><a href="http://www.flickr.com/photos/hayeon/3956033262" target="_blank">This Happened #8 London</a> by <a href="http://www.flickr.com/photos/hayeon/" target="_blank">ha++</a> on Flickr</div>
<p>Jenhui was intrigued by the cooperative roles of humans in manufacturing, working around (<a title="YouTube - China press work" href="http://www.youtube.com/watch?v=vqCstvuBYAI" target="_blank">and even inside</a>) machines.</p>
<p>He claims that similarly human identity is not independent of the machine-like workings of our society. That consumer buying and what we consider to be individual characteristics of our personalities are determined by mechanics outside of our control, that we are extensions of that machine.</p>
<p>He went on to consider the notion of a portrait, a single representation of a person, a traditionally <em>selected </em>and contrived choice.</p>
<p>His conception subverts that idea, partially removing choice by enslaving the human locked into his machine (which he named Geppetto) and forcing the human to recreate (and experience) the machine&#8217;s point of view.</p>
<p>Whilst their influence is limited, the participant can affect the outcome of portrait in choosing to cooperate with the machine (or not) by allowing or constricting their movements.</p>
<p><a title="This happened to Jenhui Liao" href="http://www.thishappened.org/talks/jenhuiliao-london-8/" target="_blank">Jenhui Liao &#8211; The Self-Portrait Machine video and slides</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.marchibbins.com/2009/10/11/eight/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Notes</title>
		<link>http://blog.marchibbins.com/2009/10/03/notes/</link>
		<comments>http://blog.marchibbins.com/2009/10/03/notes/#comments</comments>
		<pubDate>Sat, 03 Oct 2009 09:53:07 +0000</pubDate>
		<dc:creator>Marc Hibbins</dc:creator>
				<category><![CDATA[adobe]]></category>
		<category><![CDATA[air]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[flex]]></category>
		<category><![CDATA[fotb]]></category>

		<guid isPermaLink="false">http://blog.marchibbins.com/?p=1187</guid>
		<description><![CDATA[All the links, slides, source code and videos from Flash on the Beach 2009 collected in one place.]]></description>
			<content:encoded><![CDATA[<p>It&#8217;s been two weeks now since <a href="http://www.flashonthebeach.com/" title="Flash on the Beach 09 - Sept 20-23" target="_blank">Flash on the Beach</a> so I thought I&#8217;d collect all the links, slides, source code and videos from the various talks and demonstrations here in one place for ease of reference for whoever might need them.</p>
<p>I&#8217;ll try and keep this updated as and when I see more appear online, likewise if you see something I&#8217;ve missed &#8211; give me a shout!</p>
<p>I also thought I&#8217;d show off <a href="http://www.artillery.tv/" title="//ARTILLERY//DESIGN ART DIRECTION ANIMATION BRANDING" target="_blank">Artillery</a>&#8217;s excellent <a href="http://www.vimeo.com/6682731" title="Flash On The Beach Titles 2009 on Vimeo" target="_blank">FOTB titles</a>:</p>
<p><span style="text-align:center; display: block;"><object width="400" height="225"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=6682731&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=6682731&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="400" height="225"></embed></object></span></p>
<h3>Day 0: Sunday 20th Sep 2009 (Workshops day)</h3>
<ul style="padding-top:15px; padding-bottom:15px">
<li><strong>Julian Dolce</strong> (<a title="deleteaso" href="http://deleteaso.com/" target="_blank">site</a>) &#8211; iPhone App Development For Flash Developers<br />
<a title="deleteaso » IPhone Workshop" href="http://deleteaso.com/iphone-workshop/" target="_blank">Handout, files, slides, samples</a></li>
<li><strong>Lee Brimelow</strong> (<a title="The Flash Blog" href="http://www.theflashblog.com/" target="_blank">site</a>) &#8211; Down And Dirty With The Low Level Bytes<br />
<a title="The Flash Blog » ByteArray examples, links, and slides" href="http://theflashblog.com/?p=1391" target="_blank">Slides, source, ByteTrainer app</a></li>
<li><strong>Seb Lee-Delisle</strong> (<a title="Seb Lee-Delisle" href="http://sebleedelisle.com/" target="_blank">site</a>) &#8211; Papervision3D 2.0</li>
</ul>
<h3>Day 1: Monday 21st Sep 2009</h3>
<ul style="padding-top:15px; padding-bottom:10px; border-bottom: 1px solid #333333">
<li><strong>Adobe Keynote</strong> &#8211; Richard &amp; Mark Expose All!<br />
<a title="Galvan on Flash" href="http://blogs.adobe.com/rgalvan/" target="_blank">Richard Galvan&#8217;s blog</a>, <a title="Mark Anders' Blog" href="http://www.andersblog.com/" target="_blank">Mark Anders&#8217; blog</a> and <a href=" http://www.thegood.com/archive/thegood/fotb/FOTB-09-AdobeKeynoteCombined.mp4" target="_blank">video (182mb mp4)</a></li>
</ul>
<ul style="padding-top:5px; padding-bottom:10px; border-bottom: 1px solid #333333">
<li><strong>Keith Peters</strong> (<a title="BIT-101 Flash ActionScript" href="http://www.bit-101.com/blog/" target="_blank">site</a>) &#8211; Casual Game Architecture: How to finish coding a game without despising it<br />
<a title="FOTB Slides and Asobu Game Toolkit | BIT-101 Blog" href="http://www.bit-101.com/blog/?p=2402" target="_blank">View slides</a></li>
<li><strong>Mike Chambers</strong> (<a title="Mike Chambers" href="http://www.mikechambers.com/" target="_blank">site</a>) &#8211; Advanced Desktop Development with Adobe AIR<br />
<a title="FOTB Slides : Advanced Desktop Development with Adobe AIR at Mike Chambers" href=" http://www.mikechambers.com/blog/2009/09/22/fotb-slides-advanced-desktop-development-with-adobe-air/" target="_blank">View slides</a></li>
<li><strong>Carlo Blatz</strong> (<a title="GELB der  Powerflasher Blog" href="http://blog.powerflasher.de/" target="_blank">site</a>) &#8211; The shoemakers son always goes barefoot&#8230;<br />
<a href="http://blog.powerflasher.de/das-war-fotb-2009/" title="Das war FOTB 2009 » GELB der  Powerflasher Blog" target="_blank">Review (in German) and links</a></li>
</ul>
<ul style="padding-top:5px; padding-bottom:10px; border-bottom: 1px solid #333333">
<li><strong>Carlos Ulloa</strong> (<a title="http://www.carlosulloa.com/" href="http://blog.carlosulloa.com/" target="_blank">site</a>) &#8211; HelloEnjoy<br />
<a title="HelloEnjoy™" href="http://www.helloenjoy.com/" target="_blank">HelloEnjoy</a> &amp; <a title="EnergyLab" href="http://www.energylab.tv/" target="_blank">EnergyLab</a></li>
<li><strong>Rich Shupe</strong> (<a title="Rich Shupe (richshupe) on Twitter" href="http://twitter.com/richshupe" target="_blank">Twitter</a>) &#8211; Lead the Hand and the Arm will Follow: Inverse Kinematics in Flash CS4<br />
<a title="Inverse Kinematics in Flash CS4: FOTB’09  @  Learning Flash CS4" href="http://www.learningflashcs4.com/2009/09/20/inverse-kinematics-in-flash-cs4-fotb09/" target="_blank">Slides, source and samples</a></li>
<li><strong>Chuck Freedman</strong> (<a title="Chuck Freedman" href="http://www.chuckstar.com/blog/" target="_blank">site</a>) &#8211; Visualizing Voice: Using the Flash Microphone for advanced interaction<br />
<a title="Recording Flash Microphone via… : getMicrophone()" href="http://www.getmicrophone.com/?p=69" target="_blank">Video of a similar talk</a> from <a title="FITC // Events" href="http://www.fitc.ca/events/about/?event=79" target="_blank">FITC Toronto 2009</a></li>
</ul>
<ul style="padding-top:5px; padding-bottom:10px; border-bottom: 1px solid #333333">
<li><strong>Rob Chiu</strong> (<a title="The Ronin" href="http://www.theronin.co.uk/" target="_blank">site</a>) &#8211; Fear/Love<br />
<a title="Untitled Memories » Fear/Love Sneak Preview Shots" href=" http://www.theronin.co.uk/blog/2009/07/13/fearlove-sneak-preview-shots/" target="_blank">Preview of Fear/Love</a> and <a title="The Ronin" href="http://theronin.co.uk/Motion/?Flash_on_the_Beach.mov" target="_blank">last year&#8217;s FOTB promo</a></li>
<li><strong>Mike Jones</strong> (<a title=".: Blog.FlashGen.Com :: Mike Jones - Flash Platform Consultant :." href="http://blog.flashgen.com/" target="_blank">site</a>) &#8211; Who&#8217;s A Bright Spark Then!</li>
<li><strong>Adobe Town Hall</strong> &#8211; Adobe Flash Platform team<br />
<a title="Galvan on Flash" href="http://blogs.adobe.com/rgalvan/" target="_blank">Richard Galvan</a>, <a title="Mark Anders' Blog" href="http://www.andersblog.com/" target="_blank">Mark Anders</a>, <a title="Multimedia Art Design" href="http://www.mad.com.au/" target="_blank">Paul Burnett</a>, <a title="Andrew Shorten" href="http://www.ashorten.com/" target="_blank">Andrew Shorten</a>, <a title="Adobe Flash Mobile and Devices Blog" href="http://www.flashmobileblog.com/" target="_blank">Mark Doherty</a> and <a title="The Flash Blog" href="http://www.theflashblog.com/" target="_blank">Lee Brimelow</a></li>
</ul>
<ul style="padding-top:5px; padding-bottom:10px; border-bottom: 1px solid #333333">
<li><strong>Dr. Woohoo!</strong> (<a title="Dr. Woohoo!" href="http://blog.drwoohoo.com" target="_blank">site</a>) &#8211; Cybernetic Art Revisited<br />
<a title="Dr. Woohoo!  &raquo; Blog Archive   &raquo; Cybernetic  Art Revisited - Lecture Notes++;" href="http://blog.drwoohoo.com/?p=1026" target="_blank">Slides and lecture notes</a></li>
<li><strong>Joshua Hirsch</strong> (<a title="Big Spaceship  | A Digital Creative Agency" href="http://www.bigspaceship.com/" target="_blank">site</a>) &#8211; Big Spaceship : Fun Begets Quality<br />
Some of the <a title="Stryson: Title Sequence on Vimeo" href=" http://vimeo.com/3297814" target="_blank">showcased videos are on Vimeo</a></li>
<li><strong>Thea Eaton</strong> (<a title="Thea Eaton (doodledoo) on Twitter" href="http://twitter.com/doodledoo" target="_blank">Twitter</a>) &#8211; Accessible Action Games!<br />
<a title="Adobe - Flash CS4 Professional Accessibility" href="http://www.adobe.com/accessibility/products/flash/tutorial/" target="_blank">Accessibility in Flash</a> and <a title="DoodleDoo - Accessibility" href="http://www.doodledoo.com/accessibility.htm" target="_blank">some examples</a></li>
</ul>
<ul style="padding-top:5px; padding-bottom:15px;">
<li><strong>Hillman Curtis</strong> (<a title="hillmancurtis :: film | video | design for the web :: home :: 347 756 5049" href="http://www.hillmancurtis.com/" target="_blank">site</a>) &#8211; Telling Stories</li>
<li><strong>Joel Gethin Lewis</strong> (<a title="YesYesNo  - Joel Gethin Lewis" href="http://yesyesno.com/joel-gethin-lewis" target="_blank">site</a>) &#8211; Epiphany<br />
<a title="YesYesNo  - Lights On!" href="http://yesyesno.com/" target="_blank">Lights On!</a> in action</li>
</ul>
<h3>Day 2: Tuesday 22nd Sep 2009</h3>
<ul style="padding-top:15px; padding-bottom:10px; border-bottom: 1px solid #333333">
<li><strong>Elevator Pitch</strong> &#8211; 3 Minute Wonders<br />
<a href="http://blog.iainlobb.com/" title="Iain Lobb" target="_blank">Iain Lobb</a>, <a href="http://www.wimvanhenden.be/" title="Wim Vanhenden Internet Artist" target="_blank">Wim Vanhenden</a>, <a href="http://www.blackcj.com/" title="Christopher Black | Blackcj.com - Cutting Edge ActionScript" target="_blank">Chris Black</a>, <a href="http://jolyonruss.co.uk/" title="A Creative Technologist | " target="_blank">Jolyon Russ</a>, <a href="http://code.google.com/p/asaxb" title="asaxb - Project Hosting on Google Code" target="_blank">Conrad Winchester</a>, <a href="http://zenbullets.com/" title="zenbullets.com" target="_blank">Matt Pearson</a>, <a href="http://swingpants.com/" title="Flash Lab" target="_blank">Jon Howard</a>, <a href="http://www.everydayflash.com/" title="Everyday Flash" target="_blank">Bartek Drozdz</a>, <a href="http://www.fuente.se/" title="Fuente Interactive Lab" target="_blank">Aron Hallborg</a>, <a href="http://mediatonic.co.uk/" title="Mediatonic | Premium Online Games">Paul Croft</a>, <a href="http://www.mrhenry.be/" title="Mr. Henry = an internet-bureau, a graphic design firm, a development factory, a birthplace of concepts and ideas, a creative cave... Call it what you want, we love what we do!" target="_blank">Bram Plessers</a>, <a href="http://www.nickkuh.com/" title="Nick Kuh &#8211; Flex Developer &#8211; Ideas and Rants" target="_blank">Nick Kuh</a>, <a href="http://prinzipiell.com/" title="actionscript microcosmos" target="_blank">Frank Reitberger</a>, <a href="http://www.flimp.net/" title="Flash Video Landing Pages with Viewer Analytics | Flimp Media" target="_blank">Sean Randles</a>, <a href="http://blog.trevorboyle.com/" title="Oops&#8230; I think I just blogged" target="_blank">Trevor Boyle</a>, <a href="http://michiel.vanderros.nl/" title="Michiel van der Ros's weblog" target="_blank">Michiel van der Ros</a>, <a href="http://www.robertturrall.com/blogs/" title="Robert Turrall's Blog" target="_blank">Robert Turrall</a>, <a href="http://blog.desuade.com/" title="Desuade Blog &#8211; Beyond Flash Particle Effects" target="_blank">Andrew Fitzgerald</a></li>
</ul>
<ul style="padding-top:5px; padding-bottom:10px; border-bottom: 1px solid #333333">
<li><strong>Grant Skinner</strong> (<a href="http://gskinner.com/blog/" title="gskinner.com: gBlog: News and views on Flash, Flex, and ActionScript" target="_blank">site</a>) &#8211; Quick as a Flash<br />
<a href="http://gskinner.com/talks/quick/" title="Quick As A Flash: Optimization Strategies for AS3 and Flash" target="_blank">Presentation slides and sample code</a></li>
<li><strong>Mark Anders</strong> (<a href="http://www.andersblog.com/" title="Mark Anders' Blog" target="_blank">site</a>) &#8211; Flash Catalyst in Action<br />
<a href="http://www.ashorten.com/2009/09/23/fotb-video-on-flash-catalyst/" title="Andrew Shorten &raquo; FOTB video on Flash Catalyst" target="_blank">Andrew Shorten&#8217;s video interviews on Flash Catalyst</a></li>
<li><strong>Peter Elst</strong> (<a href="http://www.peterelst.com/" title="Peter Elst" target="_blank">site</a>) &#8211; The Secret Life of a Flash Freelancer<br />
<a href="http://www.peterelst.com/blog/2009/09/22/the-secret-life-of-a-flash-freelancer/" title="The Secret Life of a Flash Freelancer at Peter Elst" target="_blank">View slides</a></li>
</ul>
<ul style="padding-top:5px; padding-bottom:10px; border-bottom: 1px solid #333333">
<li><strong>Andy Polaine</strong> (<a href="http://www.polaine.com/playpen" title="Playpen - Notes on interactivity, play and service design" target="_blank">site</a>) &#8211; A Interaction Designer&#8217;s Guide to Play</li>
<li><strong>Joa Ebert</strong> (<a href="http://blog.joa-ebert.com/" title="blog.joa-ebert.com &#8211; Blog of Joa Ebert" target="_blank">site</a>) &#8211; Leaving The Sandbox<br />
<a href="http://www.slideshare.net/guesta9c115e/leaving-the-sandbox" title="Leaving The Sandbox" target="_blank">Slides</a> and <a href="http://blog.joa-ebert.com/2009/09/28/fotb-recordings/" title="FOTB Recordings at blog.joa-ebert.com &#8211; Blog of Joa Ebert" target="_blank">video</a></li>
<li><strong>Lisa Larson</strong> (<a href="http://www.flashconnections.com/" title="FlashConnections" target="_blank">site</a>) &#8211; NEVER MIND the Buffer! FMS Made Easy<br />
<a href="http://www.flashconnections.com/2009/09/23/fotb-09-fms-made-easy/" title="FOTB 09: FMS Made Easy! - FlashConnections" target="_blank">Presentation and code examples</a></li>
</ul>
<ul style="padding-top:5px; padding-bottom:10px; border-bottom: 1px solid #333333">
<li><strong>Jeremy Thorp</strong> (<a href="http://blog.blprnt.com/" title="blprnt:blpg" target="_blanK">site</a>) &#8211; Hacking the Newsroom</li>
<li><strong>Jennifer Shiman</strong> (<a href="http://www.angryalien.com/" title="Angry Alien Productions: 30-Second Bunnies Theatre and other cartoons." target="_blank">site</a>) &#8211; Using Flash for Your Cartoon and Comic Projects</li>
<li><strong>Richard Lord</strong> (<a href="http://www.bigroom.co.uk/" title="Richard Lord" target="_blank">site</a>) &#8211; Frameworks: The good, the bad, and the ugly<br />
<a href="http://www.bigroom.co.uk/blog/application-frameworks-at-fotb" title="Application Frameworks at FOTB" target="_blank">View slides</a></li>
</ul>
<ul style="padding-top:5px; padding-bottom:10px; border-bottom: 1px solid #333333">
<li><strong>Joel Baumann</strong> (<a href="http://www.tomato.co.uk/" title="tomato" target="_blank">site</a>) &#8211; Numbers in Art</li>
<li><strong>Paul Burnett</strong> (<a href="http://www.mad.com.au/" title="Multimedia Art Design" target="_blank">site</a>) &#8211; More than Bending Pixels<br />
<a href="http://www.mad.com.au/blog/?p=579" title="Paul Burnett &#8211; madblog  &raquo; Blog Archive   &raquo; More than Bending Pixels &#8211; FOTB 09" target="_blank">Source code and examples</a></li>
<li><strong>Karsten Schmidt</strong> (<a href="http://toxi.co.uk/" title="toxi: generative interactive objects, art, demos, tools, source code" target="_blank">site</a>) &#8211; We make our own tools, and then they shape us.</li>
</ul>
<ul style="padding-top:5px; padding-bottom:15px;">
<li><strong>Contrast</strong> (<a href="http://www.contrast.ie/" title="Contrast | We do web apps | We're pretty good" target="_blank">site</a>) &#8211; Unconventional Web Applications<br />
<a href="http://twitter.com/destraynor" title="Des Traynor (destraynor) on Twitter" target="_blank">Des Traynor on Twitter</a> and <a href="http://twitter.com/eoghanmccabe" title="Eoghan McCabe (eoghanmccabe) on Twitter" target="_blank">Eoghan McCabe on Twitter</a></li>
<li><strong>Craig Swann</strong> (<a href="http://www.craigswann.com/blog/" target="_blank">site</a>) &#8211; Choose Your Own Adventure<br />
<a href="http://www.crashmedia.com/" title="CRASH!MEDIA | An Interactive Entertainment Agency | Creating Word Of Mouseâ„¢ since 1997" target="_blank">Craig&#8217;s agency, Crash!Media</a></li>
</ul>
<h3>Day 3: Wednesday 23rd Sep 2009</h3>
<ul style="padding-top:15px; padding-bottom:10px; border-bottom: 1px solid #333333">
<li><strong>Andre Michelle</strong> (<a href="http://www.andre-michelle.com/" title="KLING KLANG Flash Audio DSP" target="_blank">site</a>) &#8211; Kling Klang</li>
<li><strike><strong>Serge Jespers</strong> (<a href="http://www.webkitchen.be/" title="Serge Jespers | Life as an Adobe evangelist" target="_blank">site</a>) &#8211; The Flash Platform in a multi-screen world</strike></li>
<li><strong>Mark Doherty</strong> (<a href="http://www.flashmobileblog.com/" title="Adobe Flash Mobile and Devices Blog" target="_blank">site</a>) &#8211; Contextual Application Development</li>
<li><strong>Koen de Weggheleire</strong> (<a href="http://www.newmovieclip.com/" title="//---NEW MOVIECLIP--/" target="_blank">site</a>) &#8211; PLAY with Vectors!</li>
</ul>
<ul style="padding-top:5px; padding-bottom:10px; border-bottom: 1px solid #333333">
<li><strong>Mario Klingemann</strong> (<a href="http://www.quasimondo.com/" title="Quasimondo - Mario Klingemann's Flash Blog" target="_blank">site</a>) &#8211; Connecting the Dots</li>
<li><strong>Marco Casario</strong> (<a href="http://casario.blogs.com/" title="Marco Casario | RIAvolutionize the web" target="_blank">site</a>) &#8211; Preparing for the Flash Catalyst&#8217;s era<br />
<a href="http://casario.blogs.com/mmworld/2009/09/setting-your-flash-catalyst-custom-options-using-the-hidden-preferences-window.html" title="Marco Casario | RIAvolutionize the web: Setting your Flash Catalyst custom options using the hidden Preferences window" target="_blank">Part One (more to follow)</a></li>
<li><strong>Stacey Mulcahy</strong> (<a href="http://bitchwhocodes.com/" title="BitchWhoCodes" target="_blank">site</a>) &#8211; Can play well with others<br />
<a href="http://bitchwhocodes.com/mt/?p=344" title="BitchWhoCodes &raquo; FOTB 2009- where are my pants?" target="_blank">FOTB writeup</a></li>
</ul>
<ul style="padding-top:5px; padding-bottom:10px; border-bottom: 1px solid #333333">
<li><strong>Colin Moock</strong> (<a href="http://www.moock.org/" title="moock.org" target="_blank">site</a>) &#8211; Union and MegaPhone</li>
<li><strong>Seb Lee-Delisle</strong> (<a href="http://sebleedelisle.com/" title="Seb Lee-Delisle" target="_blank">site</a>) &#8211; Work / Play</li>
<li><strong>Hugh Elliott</strong> (<a href="http://blog.wheniwas19.com/" title="wheniwas19" target="_blank">site</a>) &#8211; The 10 Best Excuses to NOT do Amazing Work<br />
<a href="http://blog.wheniwas19.com/2009/09/10-best-excuses-distraction-recognition.html" title="wheniwas19: 10 Best Excuses - Distraction &#038; Recognition" target="_blank">Talk review</a> and <a href="http://wheniwas19.com/speaking/fotb/09/10Excuses/presentation.zip" target="_blank">Presentation files (zip, but currently unavailable)</a></li>
</ul>
<ul style="padding-top:5px; padding-bottom:10px; border-bottom: 1px solid #333333">
<li><strong>Jam Throwdown</strong> &#8211; 6 Speakers, 10 Minutes Each<br />
<a href="http://www.gskinner.com/blog/" title="gskinner.com: gBlog: News and views on Flash, Flex, and ActionScript" target="_blank">Grant Skinner</a>, <a href="http://www.quasimondo.com/" title="Quasimondo - Mario Klingemann's Flash Blog" target="_blank">Mario Klingemann</a>, <a href="http://deleteaso.com/" title="deleteaso" target="_blank">Julian Dolce</a>, <a href="http://www.andre-michelle.com/" title="Andr&eacute; Michelle - flashcoder berlin germany" target="_blank">Andr&eacute; Michelle</a>, <a href="http://blog.blprnt.com/" title="blprnt:blpg" target="_blank">Jer Thorp</a>, <a href="http://blog.joa-ebert.com/" title="blog.joa-ebert.com &#8211; Blog of Joa Ebert" target="_blank">Joa Ebert</a> and <a href="http://vimeo.com/6749871" title="Joa Ebert's java live coding at Flash on the Beach 2009 on Vimeo" target="_blank">his session (on Vimeo)</a></li>
<li><strong>Laura Jordan-Bambach</strong> (<a href="http://optimistprime.wordpress.com/" title="optimist prime" target="_blank">site</a>) &#8211; The Death of the Creative Director</li>
<li><strong>Andy McDonald</strong> &#8211; Flashed Fashion</li>
</ul>
<ul style="padding-top:5px; padding-bottom:10px; border-bottom: 1px solid #333333">
<li><strong>James Jarvis</strong> (<a href="http://www.studiojarvis.com/" title="James Jarvis" target="_blank">site</a>) &#8211; Live Drawing with James Jarvis</li>
<li><strong>Jared Ficklin</strong> (<a href="http://twitter.com/jaredrawk" title="jared ficklin (jaredrawk) on Twitter" target="_blank">Twitter</a>) &#8211; Seeing Sound: Visualization in Nature &amp; Code<br />
<a href="http://www.jaredficklin.com/" title="Jared Ficklin Dot Com" target="_blank">Source files</a></li>
<li><strong>Ralph Hauwert</strong> (<a href="http://www.unitzeroone.com/blog/" title="UnitZeroOne" target="_blank">site</a>) &#8211; Research Realtime graphics with Flash 10</li>
</ul>
<ul style="padding-top:5px; padding-bottom:15px;">
<li><strong>Joshua Davis</strong> (<a href="http://www.joshuadavis.com/" title="Joshua Davis | Studios" target="_blank">site</a>) &#8211; Space<br />
<a href="http://workshop.joshuadavis.com/presentation_2009.zip" target="_blank">Presentation (zip format)</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://blog.marchibbins.com/2009/10/03/notes/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Day Three</title>
		<link>http://blog.marchibbins.com/2009/09/27/day-three/</link>
		<comments>http://blog.marchibbins.com/2009/09/27/day-three/#comments</comments>
		<pubDate>Sun, 27 Sep 2009 18:52:35 +0000</pubDate>
		<dc:creator>Marc Hibbins</dc:creator>
				<category><![CDATA[adobe]]></category>
		<category><![CDATA[air]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[flex]]></category>
		<category><![CDATA[fotb]]></category>
		<category><![CDATA[mobile]]></category>

		<guid isPermaLink="false">http://blog.marchibbins.com/?p=1155</guid>
		<description><![CDATA[Day three of Flash on the Beach 2009, including Joshua Davis, Mark Doherty, Colin Moock, playing with sound with Mario Klingemann and Jared Ficklin and the Jam Throwdown!]]></description>
			<content:encoded><![CDATA[<p><em>Note: this post is a continuation of my previous two articles on FOTB: </em><a title="» The Beach Marc Hibbins" href="http://blog.marchibbins.com/2009/09/22/the-beach/"><em>The Beach</em></a><em> and </em><a title="» Day Two Marc Hibbins" href="http://blog.marchibbins.com/2009/09/24/day-two/"><em>Day Two</em></a><em>.</em></p>
<p>Here it is &#8211; the third and final day of <a title="Flash on the Beach 09 - Sept 20-23" href="http://www.flashonthebeach.com/" target="_blank">Flash on the Beach</a>!</p>
<h3><a name="Contextual_Application_Development" class="anchor">Contextual Application Development</a></h3>
<h4>Mark Doherty</h4>
<p><a title="Adobe Flash Mobile and Devices Blog" href="http://www.flashmobileblog.com/" target="_blank">Mark Doherty</a> started the day filling in for the absent <a title="Serge Jespers | Life as an Adobe evangelist" href="http://www.webkitchen.be/" target="_blank">Serge Jespers</a>, who would have been presenting &#8216;<a title="Flash on the Beach 09 - Speaker - Serge Jespers" href="http://www.flashonthebeach.com/sessions/index.php?pageid=2201" target="_blank">The Flash Platform in a multi-screen world</a>&#8216;.</p>
<p>Mark, known at Adobe as &#8216;the mobile guy&#8217; gave what sounded to be a very similar talk, focusing on the contextual practices of cross-platform application deployment, rather than (I think) the development of those applications and the devices now available to us.</p>
<p>He outlined Adobe&#8217;s three vectors of innovation; Rich Internet Applications, the Cloud and Devices &#8211; exploring for each the opportunity to create Flash applications and introduced their newly adopted paradigm and tag line, &#8216;Single experience, multiple devices&#8217;. It&#8217;s their wish to enable full engagement of RIA experiences across any device and platform.</p>
<p>He talked about Flash Lite and improvements gained over the previous six years of development. Flash Lite is fast becoming a very powerful tool and it&#8217;s Adobe&#8217;s intention that it should take leadership of mobile application development over the likes of Java.</p>
<p>But the talk covered more than just mobile devices, for example Mark spoke about Flash for the television. On that he made an interesting point that would run the length of the talk, about the importance of being aware of <em>platform context</em>.</p>
<p>He pointed out that devices like the television are never intended to be turned off, so, similar to Grant Skinner&#8217;s note on applications behaving as <a title="» Day Two Marc Hibbins" href="http://blog.marchibbins.com/2009/09/24/day-two/#Quick_as_a_Flash">good system citizens yesterday</a>, <em>these </em>kind of applications need to be aware of memory usage and simply cannot have any memory leaks.</p>
<p>We need to redefine our notion of &#8216;Flash applications&#8217; and readdress our habits formed as a result of only developing browser-based and non-persistent applications.</p>
<p>Another assumption that cannot continue is that we can get away with deploying an application that can simply dynamically resize for different screen resolutions. This is Mark&#8217;s idea of &#8216;contextual applications&#8217; comes in.</p>
<p>Applications should be platform-aware, true &#8211; detect it&#8217;s screen resolution, but also be aware of it&#8217;s computational capabilities, graphics and data support, it&#8217;s interface mechanic and tailor our applications specifically to those.</p>
<p>We saw <a title="GamesPlaza | Free mobile games" href="http://gamesplaza.mobi/" target="_blank">Gamesplaza.mobi</a>, which detected Mark&#8217;s touch-screen phone and served touch-screen games accordingly.</p>
<p>The New York Times have a collection of applications that think along the right kind of lines.</p>
<p>For the NYTimes, there&#8217;s the popular <a title="Adobe - Customer Showcase : Adobe Success Story  : The New York Times Company and ShifD.com" href="http://www.adobe.com/cfusion/showcase/index.cfm?event=casestudydetail&amp;casestudyid=391534&amp;loc=en_us" target="_blank">AIR desktop application</a>, the <a title="Amazon.com: The New York Times: The Kindle Store" href="http://www.amazon.com/The-New-York-Times/dp/B000GFK7L6" target="_blank">Kindle version</a> that serves the paper in PDF form, iPhone and Smart phones can browse the mobile website and there&#8217;s a version for the <a title="chumby" href="http://www.chumby.com/pages/learn_news" target="_blank">Chumby</a>. Each platform offers a tailored experience and each has its own business model (some have paid subscriptions, some serve ads), but each is powered by the same <em>service</em>.</p>
<p>We saw <a title="uvLayer - web" href="http://www.uvlayer.com/" target="_blank">UVLayer</a>, a cloud-based virtual desktop and media sharing service funded by the <a title="Rich internet applications | Open Screen Project" href="http://www.openscreenproject.org/" target="_blank">Open Screen Project</a>. UVLayer comes in two forms, visited in the browser or on a mobile device and the pair demonstrate this idea of contextual applications very well. The desktop is a place to administrate, manage an organise your media, but on the mobile the interface is remodelled and prioritise for the tasks you&#8217;d most likely want to carry out on a mobile &#8211; like watching and sharing those videos, photos and messages. It&#8217;s a different view of the same service.</p>
<p>The bottom line from Mark and Adobe now; don&#8217;t just scale or appropriate your application, recognise that platform, choose and serve content specifically <em>for</em> that platform and that context.</p>
<h3><a name="Connecting_the_Dots" class="anchor">Connecting the Dots</a></h3>
<h4>Mario Klingemann</h4>
<p><a title="Quasimondo - Mario Klingemann's Flash Blog" href="http://www.quasimondo.com/" target="_blank">Mario Klingemann</a> is a self-confessed &#8216;maths groupie&#8217;, likening his attraction to not being able to play the music, but loving the band.</p>
<p>His talk intended to reignite all of our lost love for maths, expelling all our bad feelings of the dry and boring maths taught in schools by delving into the beauty of geometry, the intricate patterns of computational design and the universal truth that only mathematics can behold.</p>
<p>He drew colourful metaphors of maths versus art, likewise of famous mathematicians and artists, before diving into number theory; his investigations into prime numbers with the <a title="Ulam spiral - Wikipedia, the free encyclopedia" href="http://en.wikipedia.org/wiki/Ulam_spiral" target="_blank">Ulam spiral</a> and <a title="Sacks spiral - Wikipedia, the free encyclopedia" href="http://en.wikipedia.org/wiki/Sacks_spiral" target="_blank">Sacks spiral</a>, before returning to geometric art with the tessellating and tiled designs of Islamic culture.</p>
<p>He offered some recommended reading on the various subjects, for example <a title="Islamic Design: A Genius for Geometry: Amazon.co.uk: Daud Sutton: Books" href="http://www.amazon.co.uk/gp/product/1904263593/" target="_blank">Daud Sutton&#8217;s Islamic Design: A Genius for Geometry</a>, <a title="Mathographics: Amazon.co.uk: Robert Dixon: Books" href="http://www.amazon.co.uk/gp/product/0486266397/" target="_blank">Robert Dixon&#8217;s Mathographics</a> and <a title="Connections: The Geometric Bridge Between Art and Science Series on Knots &amp;amp; Everything: Amazon.co.uk: Jay Kappraff: Books" href="http://www.amazon.co.uk/gp/product/9810245858/" target="_blank">Jay Kappraff&#8217;s Connections: The Geometric Bridge Between Art and Science</a>.</p>
<p>Mario reunited us with <a title="Cellular automaton - Wikipedia, the free encyclopedia" href="http://en.wikipedia.org/wiki/Cellular_automaton" target="_blank">cellular automata</a> and algorithmic based systems to create some impressive visualisations. Making a connection with Flash, he plugged in Pixel Bender and created controls to alter system rules and introduced randomised variables to look for reoccurring natural visual phenomena, analogues of cellular or organic formations.</p>
<p>Another book recommendation &#8211; <a title="A New Kind of Science: Amazon.co.uk: Stephen Wolfram: Books" href="http://www.amazon.co.uk/gp/product/1579550088/" target="_blank">Stephen Wolfram&#8217;s A New Kind of Science</a>.</p>
<p>Then he went on to talk about a bit of a game he had with <a title="UnitZeroOne" href="http://www.unitzeroone.com/blog/" target="_blank">Ralph Hauwert (UnitZeroOne)</a> on Twitter, when he saw that he had sent out a <a title="Twitter / UnitZeroOne: eNrlkEEOwCAIBOf/n7YJwoLY2v ..." href="http://twitter.com/UnitZeroOne/status/1730131104" target="_blank">Base64 encoded image message</a> (<a title="Twitter / UnitZeroOne: Ok, so, for the explanatio ..." href="http://twitter.com/UnitZeroOne/status/1730129633" target="_blank">explanation</a>), where he tried to find if there were any other techniques he could employ to compress more complex images.</p>
<p>He applied a number of algorithms, encoding and compression techniques, then went on to exploit Twitter&#8217;s UTF-8 encoding and use Chinese characters, so it eventually ended up looking like this:</p>
<p><a href="http://twitter.com/Quasimondo/status/1749935481" target="_blank"><img src="http://blog.marchibbins.com/wp-content/uploads/2009/09/quasimondo_tweet.jpg" alt="Mario Klingemann&#039;s encoded tweet" title="Mario Klingemann&#039;s encoded tweet" width="475" height="400" class="aligncenter size-full wp-image-1166" /></a></p>
<p>All very interesting, even though a lot went over most of our heads. He ran out of time eventually, but finished off the talk later in the day at the <a title="» Day Three Marc Hibbins" href="#Jam_Throwdown">Jam Throwdown</a>.</p>
<p>My colleague Adam Cousins joined me on this third day, he has <a title="Adam Cousins flash portfolio – home of BADADAM music  » Blog Archive   » On the Beach…" href="http://www.adamcousins.com/?p=89" target="_blank">written about Mario&#8217;s talk on his blog</a>. He plans to write about rest in the coming week.</p>
<h3><a name="Union_and_MegaPhone" class="anchor">Union and MegaPhone</a></h3>
<h4>Colin Moock</h4>
<p><a title="moock.org" href="http://www.moock.org/" target="_blank">Colin Moock</a>&#8217;s session looked at multi-user interactive activities and how he believes that multi-user activity is the future of all applications.</p>
<p>He questions how many of us would still be using computers if it were not for the Web, or an Internet connection. He thinks in the same way that the Internet adds value to computers, multi-user activity will add value to applications in the future, if not be the main use <em>for </em>those applications. In fact, that they&#8217;ll be pretty rubbish without it.</p>
<p>It&#8217;s something he&#8217;s felt for a while, he pointed to his <a title="Unified Computing in the Multiuser Era" href="http://www.moock.org/lectures/unifiedComputing/" target="_blank">Unified computing lecture</a> of five years ago as an example as to how long he&#8217;s been thinking about it.</p>
<p>So Colin has developed the <a title="Try Union! A free Union playground, provided by (mt) Media Temple" href="http://tryunion.com/" target="_blank">Union Platform</a>. Currently in an alpha state, Union is a development platform, server architecture and protocol for creating such multi-user applications.</p>
<p>The Union platform breaks the complexity of multi-user application development down into a small group of digestible, familiar concepts; clients, the server, messages, rooms and attributes. It enables rapidly produced systems and supports Actionscript 3.0. Read more on the <a title="Union Platform Overview • The Union Platform, By User1" href="http://www.unionplatform.com/?page_id=30" target="_blank">Platform Overview page</a>.</p>
<p>We saw a demo created by <a title="PV3D] Shared Music Interface with Union Platform | ClockMaker Demos" href="http://clockmaker.jp/blog-en/2009/08/union/" target="_blank">Clockmaker, a 3D multi-user Tenori-on</a>, deployed and ready to play with right now, and then he quickly coded a simple chat application which could send and receive real-time chat messages.</p>
<p>Writing it live, at one point Colin&#8217;s code had an error &#8211; of course with everyone watching there were plenty shouts from the crowd as to what was wrong. He said we just proved his point as to the value of introducing multiple users <img src='http://blog.marchibbins.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> .</p>
<p>Then he talked about <a title="MegaPhone | Making Digital Signage Interactive" href="http://www.playmegaphone.com/" target="_blank">MegaPhone</a>, a product that enables multi-player games and activities in public spaces by turning your mobile phone into a &#8216;universal controller&#8217;.</p>
<p>The idea comes from the assumption that pretty much everyone has a mobile phone nowadays (in the Western world, I guess), that we&#8217;re all &#8216;connected&#8217; in the sense that we all have a device of this kind in our pocket &#8211; so why not enable us to converge with them and interact with each other, or with an interface in a public space.</p>
<p>MegaPhone enables any phone to work on any screen because it doesn&#8217;t require any kind of installation on the hardware, it uses the features that all phones share &#8211; dialling, voice and the keypad. It;s just a facilitator service, it&#8217;s not app that&#8217;s pushed onto the user &#8211; thus, it is the universal, and universally <em>compatible</em>, controller.</p>
<p>We saw the concept demos, a big screen Whack-a-mole that required lots of synchronised shouting and &#8216;Grabber&#8217;, likewise a relatively straightforward volume-controlled game where the user shouts in an attempt to get their character to grab various objects displayed on a big screen.</p>
<p>Colin is the core technologist at MegaPhone, so aptly he showed us some code. It is intentionally very straightforward, six or so listeners that refer to calling, hanging up, key presses and volume detection, all with custom event handling.</p>
<p>There&#8217;s contact details on the <a title="MegaPhone | Making Digital Signage Interactive" href="http://www.playmegaphone.com/" target="_blank">MegaPhone site</a> to apply for a developer key now!</p>
<h3><a name="Jam_Throwdown" class="anchor">Jam Throwdown</a></h3>
<h4>Grant Skinner, Mario Klingemann, Julian Dolce, Andre Michelle, Jer Thorp, Joa Ebert</h4>
<p>The Jam Throwdown premise is simple, six speakers have ten minutes each to do whatever they want &#8211; presumably to do the best they can to impress us. We were told to expect demonstrations of some of their best work or greatest failures, previews of as yet unseen apps or experiments, perhaps even some live coding &#8211; and undeniably every speaker succeeded in their task.</p>
<p>First up was <a title="gskinner.com: gBlog: News and views on Flash, Flex, and ActionScript" href="http://www.gskinner.com/blog/" target="_blank">Grant Skinner</a> who demonstrated some physics and collision detection experiments he had been playing with, eventually combining them with the sound spectrum API to create a pretty cool dynamic audio visualiser.</p>
<p><a title="Quasimondo - Mario Klingemann's Flash Blog" href="http://www.quasimondo.com/" target="_blank">Mario Klingemann</a> continued showing the results of his image encoding techniques from his earlier <a title="» Day Three Marc Hibbins" href="#Connecting_the_Dots">Connecting the Dots</a> session.</p>
<p><a title="deleteaso" href="http://deleteaso.com/" target="_blank">Julian Dolce</a> demonstrated a handy tool to compile multiple FLA files, using Eclipse, by way of an ANT task.</p>
<p>I was probably the only one excited about this &#8211; generally I use a PC and I&#8217;ve heard you can write AppleScript to do this on a Mac, and Flex can do this anyway but Flash usually can&#8217;t. Good news is, <a title="deleteaso » Fuel ANT Tasks" href="http://deleteaso.com/fuel-ant-tasks/" target="_blank">it&#8217;s all available on his website</a> and it can handle straightforward publishing, debugging, FLP files, intelligent error handling and is also available from the command line.</p>
<p><a title="André Michelle - flashcoder berlin germany" href="http://www.andre-michelle.com/" target="_blank">André Michelle</a> extended his <a title="Flash on the Beach 09 - Speaker - Andre Michelle" href="http://www.flashonthebeach.com/sessions/index.php?pageid=2148" target="_blank">&#8216;Kling Klang&#8217; talk</a> on manipulating sound and run-time audio processing from earlier that day. He devised various algorithmic techniques for sound manipulation, creating delay effects and playing with feedback. There were some incidental sound experiments, a Tenori-on sequencer, more visualisations and a very cool graphical synthesizer tool.</p>
<p>View the <a title="KLING KLANG Flash Audio DSP" href="http://klingklang.andre-michelle.com/" target="_blank">slides on his site</a>.</p>
<p><a title="blprnt:blpg" href="http://blog.blprnt.com/" target="_blank">Jer Thorp</a> showed us a piece of his work commissioned to design an accessible playground, but for which he employed very unconventional design techniques, largely by designing using Processing both in 2D and 3D.</p>
<p>Then came <a title="blog.joa-ebert.com – Blog of Joa Ebert" href="http://blog.joa-ebert.com/" target="_blank">Joa Ebert</a>, who had an <a title="» Day Two Marc Hibbins" href="http://blog.marchibbins.com/2009/09/24/day-two/#Leaving_the_Sandbox">incredible session on Tuesday</a> which was already the talking point of the conference, anyone who hadn&#8217;t seen it had definitely heard about it.</p>
<p>Where everybody else had spent the full time talking and presenting their work, Joa just said &#8220;Hello,&#8221; queued some thumping dance music and immediately sat down to speed-code for the whole ten minutes, wowing us by creating a fully-realised 3D sound visualiser written in Processing.</p>
<p>Needless to say it was outstanding, not to mention that <a title="FDT 3 Actionscript Editor – Blog » Blog Archive » Video: From code optimization to bytecode optimization" href="http://fdt.powerflasher.com/blog/?p=881" target="_blank">he afterwards revealed that he uses a keyboard without glyphs</a>.</p>
<p>You can see <a title="Joa Ebert's java live coding at Flash on the Beach 2009 on Vimeo" href="http://vimeo.com/6749871" target="_blank">the whole video on Vimeo</a>:</p>
<p><span style="text-align:center; display: block;"><object width="400" height="300"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=6749871&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=6749871&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="400" height="300"></embed></object></span></p>
<h3><a name="Seeing_Sound" class="anchor">Seeing Sound &#8211; Sound Visualization in Nature &amp; Code</a></h3>
<h4>Jared Ficklin</h4>
<p>With a DIY mindset, <a title="jared ficklin (jaredrawk) on Twitter" href="http://twitter.com/jaredrawk" target="_blank">Jared Ficklin</a> explored sound visualisation with and without code in a Maker Faire/Brainiac-style session.</p>
<p>Using <a title="Jared Ficklin on Flickr - Photo Sharing!" href="http://www.flickr.com/photos/fintanstravels/3953624877/" target="_blank">smoke</a>, fire, oscillators and <a title="Headless wonder on Flickr - Photo Sharing!" href="http://www.flickr.com/photos/fintanstravels/3953628403/" target="_blank">costumes</a> he worked through the physics of sound and waveforms and how they can be visualised.</p>
<p>We saw some of his work with the sound and sound spectrum APIs, visualisations he&#8217;s created in the past and a few by other artists such as <a title="Foul Owl Karaoke - by DasPlankton" href="http://www.foulowl.com/" target="_blank">Annika Hamann&#8217;s Fowl Owl</a> and <a title="processing LIVE : using processing and powermates as a vj tool" href="http://flight404.com/vj/exhibit.html" target="_blank">Robert Hodgin</a>.</p>
<p>He offered tips and best practices on how to work with sound in Actionscript specifically.</p>
<p>Although the talk was very hands-on, he couldn&#8217;t do everything he wanted to do on stage. Especially set fire to things.</p>
<p>He had a enactment of a <a title="Rubens' Tube - Wikipedia, the free encyclopedia" href="http://en.wikipedia.org/wiki/Rubens'_Tube" target="_blank">Rubens&#8217; Tube</a>, with a long hollow PVC tube filled with bean-bag polystyrene balls, passing a sound through the tube to watch the air pressure change the shape and form of the balls as it passed down the length, modelling the balls mimic the sound waves.</p>
<p>Do see the real thing in action, with fire, he showed us one he prepared earlier:</p>
<p><span style="text-align:center; display: block;"><object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/HpovwbPGEoo&#038;hl=en&#038;fs=1&#038;"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/HpovwbPGEoo&#038;hl=en&#038;fs=1&#038;" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object></span></p>
<h3><a name="Space" class="anchor">Space</a></h3>
<h4>Joshua Davis</h4>
<p>Flash on the Beach closed with an exceptional talk from <a title="Joshua Davis | Studios" href="http://www.joshuadavis.com/" target="_blank">Joshua Davis</a> who explored the notion of Space. Not so much space as Astronomy, although apparently 2009 is the <a title="International Year of Astronomy 2009 - UK" href="http://www.astronomy2009.co.uk/" target="_blank">International Year of Astronomy</a>, but of course with regard to design.</p>
<p>He talked about design technology, his approach to computational design and his past pioneering work with Macromedia Flash.</p>
<p>He talked about his work with other artists such as <a title="---- Sagmeister, Inc. ----" href="http://www.sagmeister.com/" target="_blank">Stefan Sagmeister</a> (as did <a title="» The Beach Marc Hibbins" href="http://blog.marchibbins.com/2009/09/22/the-beach/#Telling_Stories">Hillman Curtis on Monday</a>) and <a title="Automata" href="http://www.automatastudios.com/" target="_blank">Branden Hall</a>, with whom he created <a title="HYPE" href="http://hype.joshuadavis.com/" target="_blank">Hype</a> &#8211; an Actionscript framework for creating visual and generative art.</p>
<p>To see Hype in action, there&#8217;s <a title="Down the Foxhole – DO Believe the Hype!" href="http://blog.flashden.net/industry-news/do-believe-the-hype/" target="_blank">some nice examples here</a> and you can watch Joshua and Branden&#8217;s discussion <a title="FDT 3 Actionscript Editor – Blog » Blog Archive » Joshua and Branden explaining Hype" href="http://fdt.powerflasher.com/blog/?p=875" target="_blank">with Carlo Blatz on Powerflasher&#8217;s blog</a>.</p>
<p>Joshua went on to consider the notion of the physical design space, showing some work from various exhibitions, some interactive installations and his work with printed art.</p>
<p>As with every of the inspirational talks of FOTB this year, I&#8217;m going to cop out and say you really had to be there. Joshua is a funny guy and had everyone hugely entertained, as I&#8217;m sure you can imagine if you&#8217;ve ever seen him speak.</p>
<p>His presentation is also online now <a href="http://workshop.joshuadavis.com/presentation_2009.zip" target="_blank">on his site (in zip format)</a>, which shows some of his great work.</p>
<p><a href="http://www.flickr.com/photos/paulofierro/3955645180/" target="_blank"><img class="aligncenter" title="Joshua Davis - Space by paulofierro on Flickr" src="http://farm3.static.flickr.com/2425/3955645180_813bb54f81.jpg" alt="" width="500" height="281" /></a>
<div style="text-align:center; font-size:0.9em; padding-bottom:12px"><a href="http://www.flickr.com/photos/paulofierro/3955645180/" target="_blank">Joshua Davis &#8211; Space</a> by <a href="http://www.flickr.com/photos/paulofierro/" target="_blank">paulofierro</a> on Flickr</div>
<h3><a name="See_you_next_year!" class="anchor">See you next year!</a></h3>
<p>And that was the end of Flash on the Beach 2009!</p>
<p>Needless to say again, it was a great conference. Honestly I didn&#8217;t know what to expect before going, this being my first year, but if offered so much more than I would have imagined it could. I go to plenty of other conferences, groups and conventions and this beats the lot.</p>
<p><a title="FOTB (FOTB) on Twitter" href="http://twitter.com/fotb" target="_blank">John Davey</a> insists that Flash isn&#8217;t a product, it&#8217;s a mindset &#8211; and Flash on the Beach captures that.</p>
<p>As for the organisation, it was flawless, and there was a huge amount of freebies thrown in too.</p>
<p>Thoroughly recommended, I&#8217;ll definitely be going next year!</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.marchibbins.com/2009/09/27/day-three/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Day Two</title>
		<link>http://blog.marchibbins.com/2009/09/24/day-two/</link>
		<comments>http://blog.marchibbins.com/2009/09/24/day-two/#comments</comments>
		<pubDate>Thu, 24 Sep 2009 12:23:47 +0000</pubDate>
		<dc:creator>Marc Hibbins</dc:creator>
				<category><![CDATA[adobe]]></category>
		<category><![CDATA[air]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[flex]]></category>
		<category><![CDATA[fotb]]></category>

		<guid isPermaLink="false">http://blog.marchibbins.com/?p=1123</guid>
		<description><![CDATA[Day two of Flash on the Beach 2009, including the Elevator Pitches, optimising with Grant Skinner and Joa Ebert and Pixel Bender with Paul Burnett.]]></description>
			<content:encoded><![CDATA[<p><em>Note: this post is a continuation of my previous article on FOTB: <a href="http://blog.marchibbins.com/2009/09/22/the-beach/" title="&raquo; The Beach Marc Hibbins">The Beach</a> and continues with <a href="http://blog.marchibbins.com/2009/09/27/day-three/" title="&raquo; Day Three Marc Hibbins"> Day Three</a>.</em></p>
<p>Day two of <a href="http://www.flashonthebeach.com/" title="Flash on the Beach 09 - Sept 20-23" target="_blank">Flash on the Beach</a> would prove to offer even more Flashy goodness than the first, with great talks throughout the day and wowing us every chance they got.</p>
<h3><a name="Elevator_Pitch" class="anchor">Elevator Pitch</a></h3>
<h4>3 Minute Wonders</h4>
<p>The day opened with an hour of elevator pitches, allowing twenty solo attendees to individually take the stage for three minutes at a time to show their best work, idea, code or drawing &#8211; whatever they liked really. The idea being to give those brave enough an open audience to show off the coolest thing they&#8217;ve got.</p>
<p>And there was some cool stuff.</p>
<p>Mostly we saw people&#8217;s new business ideas and apps, lots of games and Actionscript experiments. A lot of them actually were projects that have been declared open source and some creators took this time to call freely for collaborators and testers. There was also a couple of generative artists thrown into the mix too.</p>
<p>All in all, given the talks that we ended with <a href="http://blog.marchibbins.com/2009/09/22/the-beach/#Epiphany" title="&raquo; The Beach Marc Hibbins">on Monday</a>, what could have been an absolute incoherent shambles (as event runner <a title="FOTB (FOTB) on Twitter" href="http://twitter.com/fotb" target="_blank">John Davey</a> did seem to worry about) came across as smoothly planned and well informed.</p>
<p><a href="http://www.flickr.com/photos/leerraum/3946171262/" target="_blank"><img class="aligncenter" title="FOTB Brighton 09 by Leerraum Imaginationen on Flickr" src="http://farm3.static.flickr.com/2460/3946171262_7ea53d34a7.jpg" alt="" width="400" height="267" /></a>
<div style="text-align:center; font-size:0.9em; padding-bottom:12px"><a href="http://www.flickr.com/photos/leerraum/3946171262/" target="_blank">FOTB Brighton 09</a> by <a href="http://www.flickr.com/photos/leerraum/" target="_blank">Leerraum Imaginationen</a> on Flickr</div>
<p>Probably the most useful project to note, I thought, was presented by Conrad Winchester called <a title="asaxb - Project Hosting on Google Code" href="http://code.google.com/p/asaxb" target="_blank">ASAXB</a> &#8211; a tool that intends to put an end to the endless serialisation of XML to and from objects in order to handle your data with code.</p>
<p>Inspired by Java&#8217;s JAXB, it enables you to annotate code for marshalling and unmarshalling from Actionscript to XML. You don&#8217;t actually write the code that does the conversion, instead you give instructions to the marshalling system about how to package your object as XML and it does it for you. This is one of the open source projects that I mention.</p>
<p>Another talk was a really quick comparison between Objective-C and Actionscript 3, from <a title="Nick Kuh - Flex Developer - Ideas and Rants" href="http://www.nickkuh.com/" target="_blank">Nick Kuh</a>. Previously <a title="» Changes Marc Hibbins" href="http://blog.marchibbins.com/2009/04/06/changes/" target="_blank">I&#8217;ve been a bit unsure</a> about why Flash developers are either expected to (or keep banging on about) iPhone development &#8211; but somehow after seeing this I figured, it probably doesn&#8217;t matter. It probably doesn&#8217;t matter whether we should or shouldn&#8217;t be (or be expect to be) developing for iPhone or with Objective-C, ultimately, as this guy said &#8211; it&#8217;s just another language. In fact, the plus is that it&#8217;s an object-oriented language &#8211; so anyone with knowledge of OOP is halfway there already. So why not, eh?</p>
<h3><a name="Quick_as_a_Flash" class="anchor">Quick as a Flash</a></h3>
<h4>Grant Skinner</h4>
<p>Basically, <a title="gskinner.com: gBlog: News and views on Flash, Flex, and ActionScript" href="http://gskinner.com/blog/" target="_blank">Grant Skinner</a> is the man. You probably already know this, if not you should.</p>
<p>Grant&#8217;s talk was on optimisations for Actionscript. He went through a whole ton of techniques, practical examples, demonstrations and supplied code snippets from the most basic alterations to some pretty advanced trickery to provide ways to improve the speed of your code and relieve the CPU operating your applications.</p>
<p>Most people are aware of simple tips and best practices you can assert, declaring a loop length outside of the loop itself, collapsing literal values, using multiplication instead of division &#8211; those kinds of things &#8211; and Grant often blogs or <a title="Grant Skinner (gskinner) on Twitter" href="http://twitter.com/gskinner" target="_blank">tweets</a> bits of code (he showed us some nifty bitwise tricks I&#8217;ve seen him post somewhere else before). But there was <em>so much</em> here, some stuff I&#8217;d not seen before and a lot I would never have even thought would really have any impact on performance &#8211; but wrongly so.</p>
<p>For the majority of his optimisations he provided timed tests and metrics for true comparison. Demonstrating the different ways of carrying out the same logic, highlighting areas that are easy improvements and black spots you should always avoid.</p>
<p>The optimisations weren&#8217;t only code-based either. He spoke about the other wages on performance, on-screen media (audio, video, webcam) and graphics (renders, filters, composites).</p>
<p>He also discussed the garbage collection of the current Flash Player and how to ensure there is an allocation for it to operate. He also considered the differences in the performance of the Flash player when running within the IDE, or standalone, or as a plug-in for the browser. There&#8217;s quite a difference.</p>
<p>This led on to his exploration of how to measure your own optimisations and to the tools that he has to offer to do so. See his <a title="gskinner.com/libraries" href="http://gskinner.com/libraries/" target="_blank">PerformanceTest, FramerateThrottler and Janitor classes</a>, to name a few.</p>
<p>There was a great depth to everything he said, he discussed qualitative and quantitative testing and the importance of benchmarking your tests.</p>
<p>Actually he made an interesting comment at the very beginning of the talk, stating the need for our applications to be good system citizens. As Flash matures and AIR becomes an ever-more solid desktop runtime, we can&#8217;t expect to hog the CPU anymore or for users to excuse that. It&#8217;s relates to my thoughts during Mike Chambers&#8217; session with AIR on Monday, that I wrote about in <a title="» The Beach Marc Hibbins" href="http://blog.marchibbins.com/2009/09/22/the-beach/#Advanced_Desktop_Development_with_Adobe_AIR" target="_blank">my last post</a>.</p>
<p>Anyway, the serious value of the talk really was in the code he provided and I&#8217;ve barely mentioned that. There was actually one hundred slides in all and I can&#8217;t hope to relay everything here. Fortunately his slides are already online, so <a title="gskinner.com: gBlog: Conference Session Notes" href="http://gskinner.com/talks/" target="_blank">read them here</a> if you missed out. It&#8217;s such a great resource to have all those in one place.</p>
<h3><a name="Leaving_the_Sandbox" class="anchor">Leaving the Sandbox</a></h3>
<h4>Joa Ebert</h4>
<p>Grant Skinner is the man, because <a title="joa ebert (joa) on Twitter" href="http://twitter.com/joa" target="_blank">Joa Ebert</a> cannot be human.</p>
<p>Joa&#8217;s talk was also about optimisation and began with some shared components of the last talk, but it soon became clear that his was <em>ridiculously </em>hardcore in comparison.</p>
<p>Joa took us down to machine code-level to analyse optimisations, scrutinising the compiler mechanics and the processes it performed during compilation.</p>
<p>He demonstrated the first of his frameworks, <a title="as3v - Project Hosting on Google Code" href="http://code.google.com/p/as3v/" target="_blank">AS3V</a>, a code-validator like no other for Actionscript 3. Born out of unhappiness with the current compiler and other code validators, AS3V will generate warnings and offer optimisation tips upon detecting exactly the kind of code that Grant talked about improving earlier &#8211; not just code errors.</p>
<p>For example, he talked about loop invariants, a often-encountered situation where a value is declared inside a loop even though isn&#8217;t changed with every iteration. Of course, this code compiles and executes, but needlessly takes longer to process (having to instantiate a new variable each time). His validator, available as an Elipse plug-in, detects those kind of code inadequacies and alerts the user at author time. It points out code that will run slowly, not only code that won&#8217;t run at all.</p>
<p>The tool looks for the breaking of coding guidelines and best practices, as well as opportunities for <em>runtime </em>errors &#8211; where compilers of course, only look for compilation errors.</p>
<p>Turns out Joa was only getting started at this point. He spoke about another framework he developed during &#8216;a week off&#8217;, called <a title="apparat - Project Hosting on Google Code" href="http://code.google.com/p/apparat/" target="_blank">Apparat</a>. This is a monolithic framework behind a number of other tools he then went on to talk about, all concerned with optimisation.</p>
<p>The first was <a title="TurboDieselSportInjection at blog.joa-ebert.com – Blog of Joa Ebert" href="http://blog.joa-ebert.com/2009/08/05/turbodieselsportinjection/" target="_blank">TDSI, TurboDieselSportInjection!</a> an optimisation for <a title="Adobe Labs - Alchemy" href="http://labs.adobe.com/technologies/alchemy/" target="_blank">Alchemy</a> &#8211; you can see some examples <a title="TDSI Examples at blog.joa-ebert.com – Blog of Joa Ebert" href="http://blog.joa-ebert.com/2009/08/05/tdsi-examples/" target="_blank">here</a>.</p>
<p>Second there was <a title="Reducer at blog.joa-ebert.com – Blog of Joa Ebert" href="http://blog.joa-ebert.com/2009/08/08/reducer/" target="_blank">Reducer</a>, which reworks the JPG compression for SWF files to make them an incredible ten times smaller at 100% quality compression, or obviously even smaller at lower percentages.</p>
<p>Then he demonstrated <a title="Dump Disassembler at blog.joa-ebert.com – Blog of Joa Ebert" href="http://blog.joa-ebert.com/2009/08/17/dump-disassembler/" target="_blank">Dump</a>, a disassembler that looks at machine bytecode for the purposes of debugging and can also be used to generate <a title="Inheritance Graphs at blog.joa-ebert.com – Blog of Joa Ebert" href="http://blog.joa-ebert.com/2009/08/18/inheritance-graphs/" target="_blank">inheritance graphs</a> and <a title="UML generation using Dump at blog.joa-ebert.com – Blog of Joa Ebert" href="http://blog.joa-ebert.com/2009/08/20/uml-generation-using-dump/" target="_blank">UML diagrams</a> <em>from compiled SWF files</em>!</p>
<p>Finally he presented TAAS, &#8216;Three Address Action Script&#8217;, which is an optimiser <em>for the Actionscript compiler </em>rather than the code.</p>
<p>Joa wrote this program to find inefficiencies in the compilations process, for example finding opportunities to rewrite algorithms, perform dead code elimination, some relatively &#8217;straightforward&#8217; stuff like single static assignment and in-line expansion &#8211; and even to make use of functions that Adobe have written into the compiler but don&#8217;t actually use!</p>
<p>He showed that when performing calculations on to <strong>ints</strong>, the compiler converts the values to <strong>Numbers</strong> (and back again) in order to use the <strong>Number</strong> calculator even though there is an <strong>int</strong> calculator available.</p>
<p>Ultimately, he compiled with his optimiser and the performance increase was simply <em>amazing </em>- calculations and transformations faster than anything I&#8217;ve seen before, and I&#8217;m sure faster than Adobe have ever seen either. I cannot see why he doesn&#8217;t work for them. It&#8217;s not released yet, but you can <a title="Tag Archive for ‘taas’ at blog.joa-ebert.com – Blog of Joa Ebert" href="http://blog.joa-ebert.com/tag/taas/" target="_blank">follow updates on his blog</a>.</p>
<p><a href="http://twitpic.com/iotec" target="_blank"><img class="aligncenter size-full wp-image-1124" title="Joa Ebert by C4RL05 on Twitpic" src="http://blog.marchibbins.com/wp-content/uploads/2009/09/joa.jpg" alt="Joa Ebert by C4RL05 on Twitpic" width="400" height="300" /></a>
<div style="text-align:center; font-size:0.9em; padding-bottom:12px"><a href="http://twitpic.com/iotec" target="_blank">Joa Ebert</a> by <a href="http://twitter.com/C4RL05" target="_blank">C4RL05</a> on Twitpic</div>
<p>&#8220;Oh yeah,&#8221; he then said, &#8220;I&#8217;ve got one more thing&#8221; (this was after plentiful applause and people were already getting ready to leave).</p>
<p>As if he hadn&#8217;t impressed us enough, Joa then showed us, in seconds, that he&#8217;d written two more new compilers himself &#8211; one that compiled C# directly to a SWF file and another that compiled Java to a SWF file.</p>
<p>I kid you not. Then came a lightning fast fly-through look at how they work (that probably no-one understood), some proof it was live and working and real &#8211; and he deserved the standing ovation he got.</p>
<p>Have a look at how many wowed <a title="Twitter / Home" href="http://twitter.com/#search?q=%40joa" target="_blank">tweets</a> immediately followed his session, including those from some speakers who were present. It really was something.</p>
<p>His slides are also up online now, they&#8217;re over <a title="Leaving The Sandbox" href="http://www.slideshare.net/guesta9c115e/leaving-the-sandbox" target="_blank">on Slideshare here</a>.</p>
<h3><a name="More_than_Bending_Pixels" class="anchor">More than Bending Pixels</a></h3>
<h4>Paul Burnett</h4>
<p>After lunch I attended <a title="Multimedia Art Design" href="http://www.mad.com.au/" target="_blank">Paul Burnett</a>&#8217;s session on <a title="Adobe Labs - Pixel Bender" href="http://labs.adobe.com/technologies/pixelbender/" target="_blank">Pixel Bender</a>, a tool I&#8217;m still yet to use.</p>
<p>Honestly, I didn&#8217;t really know much about it before I turned up, of course I&#8217;d heard about it and had seen the getting started demos everyone has seen and I think a lot of people were at the same situation there &#8211; keen to see what it can do and hope to see more than just the basics covered. It was packed.</p>
<p>So he started with those basics &#8211; the spherize, twirl and tangent flip filters, but quickly ramped it into something interesting. He shared with us the thinking behind the tool, how some of the mechanics work.</p>
<p>Pixel Bender actually runs as a different thread to Flash (now I think about it, they mentioned this at <a title="» The Beach Marc Hibbins" href="http://blog.marchibbins.com/2009/09/22/the-beach/#Adobe_Town_Hall" target="_blank">Monday&#8217;s Town Hall</a> meeting when asked about threading), so any processing it performs, regardless of the task, does not impact on the speed to which Flash performs. This can be leveraged in interesting ways (more later).</p>
<p>We looked at the anatomy of a Pixel Bender plug-in &#8211; the PBK kernel file, the code of which you can edit and how to run this file in Photoshop. Later, the PBJ file which is the compiled extension used within Flash.</p>
<p>Pixel Bender plug-ins are developed within the Pixel Bender Toolkit, essentially another IDE which comes with Flash CS4. Apparently though, it&#8217;s hidden away somewhere (in a utilities folder?), perform a search and find it for yourself.</p>
<p>Within the toolkit we dissected a filter script, discerning the role of <strong>parameters </strong>and how to manipulate images on a pixel-level with the <strong>evaluatePixel()</strong> method. Ultimately we threw a plug-in into Flash and got something running &#8211; basic shades and blends, how to duplicate an image, return two versions, how to use multiple input images and how to write straight from Pixel Bender without supplying any source at all.</p>
<p>This is all very cool anyway, but Paul mentioned that it&#8217;s not only image manipulations that Pixel Bender can perform, essentially it&#8217;s any kind of data.</p>
<p>He showed us how to send a sound file through a filter, with a simple plug-in that looked an instance of a <strong>Sound </strong>class (sent as a <strong>ByteArray</strong>) and performed a similar function to the duplication of an image, by returning itself and the sound at a position slightly earlier, creating a delay effect.</p>
<p>In the same way that a Pixel Bender filter looks at an image pixel-by-pixel and returns a stream of modified data back out, the sound byte array is considered the same. He basically listened for a data change event on the instance of the filter, passed that into a new <strong>Sound</strong> object (with a bit of a buffer) and played it in real-time. Very cool.</p>
<p>There&#8217;s far more simple stuff you can do &#8211; he demonstrated a six channel mixer that received six sound files, contained six parameters &#8211; a value to determine the volume of each channel &#8211; and passed them straight back out after a simple transformation on the amplitude, easy and very responsive.</p>
<p>Persisting that &#8216;data is just data&#8217; and Pixel Bender doesn&#8217;t care what it receives, he then sent some pure numbers to a filter to perform simple trigonometry calculations.</p>
<p>At first this might seem a little needless, seeing how Flash can perform these calculations after all, but then you recall that these processes are running as a different thread.</p>
<p>He provided us with an example that called for some heavy calculations to be processed whilst simultaneously playing a video clip on the stage. With normal Actionscript the calculations caused the video to hang and the framerate to drop, but by utilising Pixel Bender&#8217;s own thread and mathematical processing power, by sending the calculations there instead, Flash is left free to play the video as in any normal instance whilst Pixel Bender does it&#8217;s own thing &#8211; it just reports back when it&#8217;s done.</p>
<p>Then <a title="Der Schmale - David Lenaerts’s blog" href="http://www.derschmale.com/" target="_blank">David Lenaerts</a> of <a title="Away3D Flash Engine" href="http://www.away3d.com/" target="_blank">Away3D</a> joined Paul on stage to show some impressive demos of Away3D which has adopted Pixel Bender for lighting effects and texture mapping. Some very nice reflections, lighting effects with fire and ambience and an example with a human face that renders sweat, scars and frowns all with the tool. The examples are <a title="All new normal map shaders in Away3D with Pixel Bender! | Der Schmale - David Lenaerts's blog" href="http://www.derschmale.com/2009/09/19/all-new-normal-mapp-shaders-in-away3d-with-pixel-bender/" target="_blank">here on David&#8217;s blog</a> and <a title="Away3D Flash Engine &amp;raquo; Away3D 3.4.2: Pixel Bender to the max!" href="http://away3d.com/away3d-3-4-2-pixelbender-to-the-max" target="_blank">here on the Away3D blog</a>.</p>
<p>Paul has now put this slides and source online <a href="http://www.mad.com.au/blog/?p=579" title="Paul Burnett &#8211; madblog  &raquo; Blog Archive   &raquo; More than Bending Pixels &#8211; FOTB 09" target="_blank">on his blog</a>.</p>
<h3><a name="Unconventional_Web_applications" class="anchor">Unconventional Web applications</a></h3>
<h4>Contrast</h4>
<p>For the first of the two inspirational talks of the evening, Dublin-based <a title="Contrast | We do web apps | We're pretty good" href="http://www.contrast.ie/" target="_blank">Contrast</a>, in the form of <a title="destraynor (Des Traynor)" href="http://destraynor.com/" target="_blank">Des Traynor</a> and <a title="Eoghan McCabe" href="http://www.eoghanmccabe.com/" target="_blank">Eoghan McCabe</a>, spoke about creating unconventional applications. They explored the notion of conventions &#8211; on the Web, in design, in life &#8211; praising the importance of following them and the ramifications of those who do not.</p>
<p>They discussed the problems of only following conventions; the restriction they put upon innovation, the idea of being lazy by essentially following suit as a rule of thumb, and the decreased marketability of products that can only follow a trend.</p>
<p>They were well versed in product design and consumer technology and pointed to some of the champions of unconventional design, the success stories of those that broke the rules. Apple with the iPhone, for example, who launched a radical mobile device in one of the hardest markets to penetrate; the Dyson vacuum, a product in a saturated market which is bottoming-out and the lowest price wins (which is the worst way to win); and the Nintendo Wii, which swam against the ever-rising tide of hyper-real graphics and enhanced performance and instead reinvented interactivity, engagement and had some <em>fun</em>.</p>
<p>Then they took these ideas to the Web, prompting a challenge to conventional wisdom on layouts, the sign-up process, the home screen and even copy.</p>
<p>All their points were valid, but I couldn&#8217;t help but feel that their information was a bit outdated. Especially with regard to the current state of the Web &#8211; especially, unfortunately, toward rich media, Flash sites and RIAs.</p>
<p>Their critique of Web design for example, seem to dissect the kind of HTML sites that were popular four or five years ago, where people weren&#8217;t daring to break a two- or three-column layout, with an inverted &#8216;L&#8217; navigation and probably Times New Roman. Back then of course their ability to do so was somewhat limited too. But we&#8217;re at a cutting-edge Flash conference, where everyone knows what you can do with websites now and we&#8217;ve been treated to amazing demonstrations throughout the whole day, so it felt like these guys were equally a bit behind with the current state of play.</p>
<p>They showed a site as an example of the kind of rule-breaking they want to see, but it was very basic &#8211; an almost entirely static one-page Flash website actually with the kind if obfuscating highly-convoluted navigation mechanism that we look back and frown upon. One that overuses Flash for the wrong reasons.</p>
<p>At one point Des actually said &#8216;the Web is moving toward multimedia now&#8217; and there were a few suppressed sniggers in the crowd, but then earlier in the talk they had openly admitted to not really knowing much at all about Flash, it&#8217;s not their field, so no-one held it against them &#8211; especially since the rest of the presentation up to this point extremely insightful.</p>
<h3><a name="Choose_Your_Own_Adventure" class="anchor">Choose Your Own Adventure</a></h3>
<h4>Craig Swann</h4>
<p><a href="http://www.craigswann.com/blog/" target="_blank">Craig Swann</a>&#8217;s session was like no other. What started as a journey through his childhood from early coding days and finding his way onto the Internet, turned into a profound and existential exploration of life, success and creativity.</p>
<p>I honestly can&#8217;t relay his talk, how he took us from his college years to the Grateful Dead, via a trip on liquid acid and praying with Santana, to exploring <a title="Cymatics - Wikipedia, the free encyclopedia" href="http://en.wikipedia.org/wiki/Cymatics" target="_blank">cymatics</a>, to founding <a title="CRASH!MEDIA | An Interactive Entertainment Agency | Creating Word Of Mouseâ„¢ since 1997" href="http://www.crashmedia.com/" target="_blank">his agency</a>, and <a href="http://en.wikipedia.org/wiki/Plant_perception_(paranormal)" title="Plant perception (paranormal) - Wikipedia, the free encyclopedia" target="_blank">what happens when you run polygraph tests on plants</a> or get Buddha monks to talking to rice and water.</p>
<p>(All of this happened).</p>
<p>Bottom line from Craig: you choose your own adventure &#8211; &#8220;We are what we think&#8221;, inspiration drives opportunity.</p>
<p>End of day two!</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.marchibbins.com/2009/09/24/day-two/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>The Beach</title>
		<link>http://blog.marchibbins.com/2009/09/22/the-beach/</link>
		<comments>http://blog.marchibbins.com/2009/09/22/the-beach/#comments</comments>
		<pubDate>Tue, 22 Sep 2009 21:22:26 +0000</pubDate>
		<dc:creator>Marc Hibbins</dc:creator>
				<category><![CDATA[adobe]]></category>
		<category><![CDATA[air]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[flex]]></category>
		<category><![CDATA[fotb]]></category>
		<category><![CDATA[iphone]]></category>
		<category><![CDATA[mobile]]></category>

		<guid isPermaLink="false">http://blog.marchibbins.com/?p=1088</guid>
		<description><![CDATA[Reporting from Flash on the Beach 2009. Covering the keynote, Advanced Desktop Development with Adobe AIR, HelloEnjoy with Carlos Ulloa, Cybernetic art and Flash platform team Q&#038;A.]]></description>
			<content:encoded><![CDATA[<p><em>Update: I&#8217;ve now written up my thoughts on <a href="http://blog.marchibbins.com/2009/09/24/day-two/" title="&raquo; Day Two Marc Hibbins">Day Two</a> and <a href="http://blog.marchibbins.com/2009/09/27/day-three/" title="&raquo; Day Three Marc Hibbins">Day Three</a>.</em></p>
<p>Now in its fourth year, <a title="Flash on the Beach 09 - Sept 20-23" href="http://www.flashonthebeach.com/" target="_blank">Flash on the Beach</a> has quickly grown in to one of the most popular Web conferences in Europe. This week hundreds of developers, designers, gamers and animators (you name it) have arrived in Brighton to see and hear the latest news and innovations in the Flash world. I&#8217;m here and until Wednesday, trying to get to the best of the <a title="Flash on the Beach 09 - Schedule" href="http://www.flashonthebeach.com/schedule/" target="_blank">packed schedule</a>.</p>
<p><img class="aligncenter size-full wp-image-1105" title="Flash on the Beach 2009" src="http://blog.marchibbins.com/wp-content/uploads/2009/09/fotb_banner.jpg" alt="Flash on the Beach 2009" width="464" height="60" /></p>
<h3><a name="Keynote" class="anchor">Keynote</a></h3>
<h4>Richard Galvan and Mark Anders</h4>
<p>The conference opened with a keynote from Adobe&#8217;s <a title="Galvan on Flash" href="http://blogs.adobe.com/rgalvan/" target="_blank">Richard Galvan</a> (product manager for Flash Professional) and <a title="Mark Anders' Blog" href="http://www.andersblog.com/" target="_blank">Marc Anders</a> (Senior Principal Scientist).</p>
<p>They started with the usual kind of Flash Player boasting, statistics, looking at the penetration and speedy uptake of the past versions for the last view years and looked over some of the feature successes of 2009 before outlining what we can expect in the near future.</p>
<p>Of those success stories they particularly highlighted the prevalence of 3D, the perspective API in particular and the new drawing API. With both, celebrating the growing power of the Flash platform in their ability to handle these developments as they&#8217;ve promised years previously.</p>
<p>They talked about the forthcoming release of Adobe AIR 2.0, demonstrating some of the popular applications that have surfaced this year in <a title="TweetDeck" href="http://tweetdeck.com/beta/" target="_blank">TweetDeck</a> and <a title="Fanbase | News, Photos, Video and Music on your Desktop" href="http://www.getfanbase.com/" target="_blank">Fanbase</a>.</p>
<p>Elsewhere on the Flash player, the new text rendering engine looks impressive. The forthcoming update easily renders &#8216;print quality&#8217; text in any reading direction &#8211; not only bi-directional right to left, but supporting languages such as Thai, Hebrew, Arabic and Asian languages horizontally and vertically.</p>
<p>We had a sneak preview of what else is to come in the CS4 update. Inclusive of the above text advances; authors will have a far greater amount of control over editable properties, more toward the likes you would find in Photoshop (kerning, ligatures, etc) as well as the <a title="Adobe Labs - Text Layout Framework" href="http://labs.adobe.com/technologies/textlayout/" target="_blank">TLF (Text Layout Framework)</a> improvements which can link multiple text fields like columns, as to what we&#8217;re more familiar with in Adobe Illustrator.</p>
<p>There&#8217;s a keen initiative to make life easier for newcomers to Flash &#8211; and designers <img src='http://blog.marchibbins.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> .</p>
<p>For example, there are now a number of code snippets bundled with the Flash IDE which, whilst not being anything brand new at all for most workflows, has been lacking in Flash for some time. These will beparticularly beneficial for those experiencing migrations problems from Actionscript 2.0.</p>
<p>Alongside those, the code IDE also has both auto-completion and code introspection for custom classes.</p>
<p>As has always been Adobe&#8217;s intention, there&#8217;s a continuation of tightening the integration of programs across the Creative Suite.</p>
<p>Flash Professional and <a title="Adobe Labs - Adobe Flash Builder 4" href="http://labs.adobe.com/technologies/flashbuilder4/" target="_blank">Flash Builder</a> (the renamed Flex Builder) have a partnered workflow between coding and design environments. Documents can be created within the Flash IDE and a document class be generated and automatically be launched within Flash Builder. Flash Builder in turn has compile and debug shortcuts via the toolbar to switch back and forth with Flash thereafter.</p>
<p>The keynote concluded with <a title="Adobe Flash Mobile and Devices Blog" href="http://www.flashmobileblog.com/" target="_blank">Mark Doherty</a> joining Richard and Mark on stage to demonstrate some of their developments with mobile devices. Showing Flash running (almost) natively on a few mobile devices and even promised their first television platform support &#8211; though poor cabling let down the demonstration.</p>
<h3><a name="Advanced_Desktop_Development_with_Adobe_AIR" class="anchor">Advanced Desktop Development with Adobe AIR</a></h3>
<h4>Mike Chambers</h4>
<p>The first talk proper I attended was with <a title="Mike Chambers" href="http://www.mikechambers.com/" target="_blank">Mike Chambers</a> exploring some advanced techniques with Adobe AIR. Since it&#8217;s release 18-odd months ago, there&#8217;s been plenty of entry-level talks and tutorials at conferences I&#8217;ve attended, so I was looking forward to a more advanced demonstration.</p>
<p>Mike went through some of his contributions to the <a title="as3corelib - Project Hosting on Google Code" href="http://code.google.com/p/as3corelib" target="_blank">AS3corelib</a>, a must-have library of tools that came around last year.</p>
<p>The first was the FileMonitor, straightforward enough, is a handler class for monitoring changes to a file on the system marked for observation. The class dispatches events on modification and movement (or if it is deleted) by polling the file regularly and, basically, looking for changes to the last modified date. Mike noted that this class and the VolumeMonitor, which he demonstrated next, essentially facilitate what AIR natively &#8216;cannot&#8217; really do. They&#8217;re not particularly hacks, but workarounds until the runtime supports these functions natively.</p>
<p>Mike also talked about the AIR 2.0 release, that as well as having the performance improvements you&#8217;d expect, checks off a few of the most popular feature requests, which was one of Adobe&#8217;s highest priorities.</p>
<p>He demonstrated the StorageVolume API, which monitors for USB mounted hard drives. He recorded a video with a flip camera and handled the file transfer within an AIR application which detected it&#8217;s mounting and read the file contents.</p>
<p>This really made AIR look like it could eventually be a very powerful desktop runtime (and already it&#8217;s pretty damn good as it is). But with it&#8217;s seamless connection with the hardware devices and by seeing it confidently carry out the kind of tasks you&#8217;d expect more traditional proprietary software to perform was really something.</p>
<p>Likewise, Mike showed some examples of storing persistent data for applications by creating custom file types. He also utilised the application cache, by way of the ResouceCache class, to optimise processing. This of course also allows you to access these kinds of assets whilst offline, which after all is half the deal with AIR. It too really made AIR look like a far more serious, or at least a more mature platform than it&#8217;s young age may otherwise suggest.</p>
<p>Finally he talked about forthcoming changes to running native processes and applications &#8211; and this is a huge deal.</p>
<p>I&#8217;m sure this is would have been the most requested feature by far &#8211; that AIR should be able to launch files in their native apps and run other applications or processes securely from within it&#8217;s own runtime.</p>
<p>Mike was the developer of the <a title="CommandProxy : .NET / AIR Integration Proof of Concept at Mike Chambers" href="http://www.mikechambers.com/blog/2008/01/17/commandproxy-net-air-integration-proof-of-concept/" target="_blank">CommandProxy, a proof-of-concept</a> bridge between AIR and the OS by way of a secondary application (running in the background), but this development now makes that obsolete. This would be able to talk to other applications the correct way, whether that application is something like Photoshop or a command line process.</p>
<p>Apparently though, if you do use this functionality, you can no longer distribute your applications as an .AIR file. Although your app will still be completely cross-platform (this is important to Adobe, he says) you&#8217;ll have to export as the platform-specific executable &#8211; so a DMG or EXE file, for example &#8211; though handy as it is, the compiler will produce these for you <img src='http://blog.marchibbins.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> .</p>
<p>Mike has now uploaded his notes <a href="http://www.mikechambers.com/blog/2009/09/22/fotb-slides-advanced-desktop-development-with-adobe-air/" title="FOTB Slides : Advanced Desktop Development with Adobe AIR at Mike Chambers" target="_blank">to his blog here</a>.</p>
<p><a href="http://www.flickr.com/photos/apolaine/3942129815/" target="_blank"><img class="aligncenter" title="DSC_3394 by apolaine on Flickr" src="http://farm4.static.flickr.com/3436/3942129815_e4c40755d7.jpg" alt="" width="400" height="267" /></a></p>
<div style="text-align:center; font-size:0.9em;"><a href="http://www.flickr.com/photos/apolaine/3942129815/" target="_blank">Photo by apolaine</a> on Flickr</div>
<h3><a name="HelloEnjoy" class="anchor">HelloEnjoy</a></h3>
<h4>Carlos Ulloa</h4>
<p>Next up was Carlos Ulloa who discussed a selection of his latest work for his studio HelloEnjoy. Founder of Papervision3D, Carlos (as ever) didn&#8217;t fail to impress.</p>
<p>The first project was &#8216;Flowers&#8217;, a very intricate visualiser and editor for forms of artistic models of abstract 3D flowers. Whilst offering a very simple interface to manipulate the characteristics of the flower &#8211; shape, size, colours, in real-time &#8211; it hid some extremely complex mathematics and transformations behind-the-scenes.</p>
<p>Carlos took us through how the project was conceptualised and ultimately built, referring to some of the libraries he used along the way &#8211; <a title="Flint Particle System" href="http://flintparticles.org/" target="_blank">Flint particles</a> being one of them, as well as the excellent GouraudMaterials for shading.</p>
<p>Secondly he demonstrated <a title="EnergyLab " href="http://www.energylab.tv/" target="_blank">EnergyLab</a> &#8211; a relatively straightforward game mechanic, but executed to the highest levels of workmanship and attention to detail that I&#8217;ve probably ever seen in such an application.</p>
<p>Having visited the site before and being impressed enough simply by the experience it offered (it deservedly <a title="The FWA: Favourite Website Awards - Web awards at the cutting edge" href="http://www.thefwa.com/?app=winners&amp;id=7110" target="_blank">won a FWA</a>, too), I hadn&#8217;t truely realised how much work had gone into the development of the project &#8211; particularly the 3D work more in the combination of Papervision and Maya, than the video production which is arguably more striking.</p>
<p>Carlos went through an extremely complex and lengthy process to achieve the desired visual results requested by the client, who pretty much came to them with a video full of CGI and asked &#8220;Can you do that?&#8221;. It&#8217;s exemplary of the powerful effects that can be created in Flash as boasted in the keynote.</p>
<p>Working in parallel with Papervision and Maya, for weeks scrutinising every detail of the project it would seem, it&#8217;s as much also a remarkable achievement of workflow and process. I don&#8217;t think that playing the game really represents this.</p>
<p>Finally we saw walkthroughs of HelloRacer, an iPhone application developed with Unity 3D in just a week (the online version of which can be seen on <a title="carlosulloa.com" href="http://www.carlosulloa.com/" target="_blank">Carlos&#8217; blog</a>), and the popular <a title="HelloEnjoy&#8482;" href="http://www.helloenjoy.com/" target="_blank">HelloEnjoy</a> website &#8211; newly improved with extra models and sound. By this point most people were already pretty blown away, Carlos made this look relatively <em>simple </em>- he sets a high bar.</p>
<h3><a name="Adobe_Town_Hall" class="anchor">Adobe Town Hall</a></h3>
<h4>Adobe Flash Platform team</h4>
<p>This session was a face-to-face Q&amp;A between the leaders of the Flash platform and the community at large, an open-mic style meeting allowing anybody to fire any questions they had.</p>
<p>The team was Richard Galvan, Mark Anders, <a title="Multimedia Art Design" href="http://www.mad.com.au/" target="_blank">Paul Burnett</a>, <a title="Andrew Shorten" href="http://www.ashorten.com/" target="_blank">Andrew Shorten</a>, Mark Doherty and <a title="The Flash Blog" href="http://www.theflashblog.com/" target="_blank">Lee Brimelow</a>.</p>
<p>Most questions related generally to workflow, feature requests or concerns over software bugs, with the odd teething problem with CS4 thrown in. However a few points are worth nothing outrigh.</p>
<p>For one, the panel were asked about <a title="Thread (computer science) - Wikipedia, the free encyclopedia" href="http://en.wikipedia.org/wiki/Thread_(computer_science)" target="_blank">threading</a> and whether there are any plans to support some kind of threading in the Flash Player (ever, at all). I thought this would produce an outright &#8220;no&#8221;, but it seems it is something that they&#8217;re considering. No doubt due to the high amount of requests. They said, whilst threading is very hard to achieve and in no-way present in any form natively for the player right now, they&#8217;ve looked at other methods of running concurrent tasks seen elsewhere with the likes of <a title="Web Workers" href=" http://www.whatwg.org/specs/web-workers/current-work/" target="_blank">HTML5</a> or <a title="Grand Central Dispatch - Wikipedia, the free encyclopedia" href="http://en.wikipedia.org/wiki/Grand_Central_Dispatch" target="_blank">Grand Central Dispatch</a>, to facilitate something similar. So although there is a definite interest, what we might eventually see may not necessarily be &#8216;threading&#8217;, per se.</p>
<p>Another (perhaps inevitable) question asked for any update on the status of Flash for the iPhone &#8211; both for support in the Safari browser as well as potential to run applications natively on the platform. Disappointingly, there is none. This was an outright blank &#8211; although of course, it&#8217;s still a target. Adobe will demonstrate Flash Player 10 to the best of its ability at <a title="Adobe MAX 2009" href="http://max.adobe.com/" target="_blank">Adobe MAX 2009</a>, but other that that, there&#8217;s no new plans. It was actually at FOTB last year that <a title=" » Going Mobile Marc Hibbins" href="http://blog.marchibbins.com/2008/10/02/going-mobile/" target="_blank">the first announcements</a> were made.</p>
<p>Thirdly Flash Media Server got a mention, FMS is something <a title="» Search Results  »  flash media server Marc Hibbins" href="http://blog.marchibbins.com/?s=flash+media+server" target="_blank">I have a bit of a soft spot</a> for. The question was asked as to whether it will ever support AS3 &#8211; currently it&#8217;s a cheap version of AS1, which is <a title="Adobe Flash Media Server" href="http://livedocs.adobe.com/flashmediaserver/3.0/docs/02_overview_architec_14.html#1191905" target="_blank">basically Javascript</a>. Though unfortunately here too, they had no news to offer &#8211; more to do with the fact that none of these guys work on the platform personally, so they couldn&#8217;t offer anything. But it was said that the platform is still being developed though, and it&#8217;s probably just &#8216;a matter of time&#8217;.</p>
<p>Finally there was a quick conversation about the &#8216;headless&#8217; Flash player, a distribution for search engines to allow indexing of Flash-based content (SWF files). <a title="» Can You See Me? Marc Hibbins" href="http://blog.marchibbins.com/2009/01/02/can-you-see-me/" target="_blank">I wrote about this</a> when it was announced, but it sounds as if it might now be released again but for developers to play with &#8211; for the same reasons and SEO purposes so we can see how it works inside-out, but also as a tool that could be used for the likes of automated testing, or anything else that we might be able to come up with.</p>
<p>Another note taken from the session actually, it seems that Flash on the Beach is unfortunately &#8216;too close to MAX&#8217;, as I heard on multiple occasions. Adobe are obviously holding back from secrets for MAX, fair enough, but it was disappointing to hear this said a few times to the crowd of eager community members who&#8217;ve paid their hundreds of pounds for their tickets.</p>
<p><a href="http://www.flickr.com/photos/thomasbn/3940975351/" target="_blank"><img class="aligncenter" title="John Davey introducing Dr. Woohoo at FOTB by Thomasbn on Flickr" src="http://farm3.static.flickr.com/2440/3940975351_a305fff4c1.jpg" alt="" width="400" height="267" /></a></p>
<div style="text-align:center; font-size:0.9em; padding-bottom:12px"><a href="http://www.flickr.com/photos/thomasbn/3940975351/" target="_blank">John Davey introducing Dr. Woohoo at FOTB</a> by <a href="http://www.flickr.com/photos/thomasbn/" target="_blank">Thomasbn</a> on Flickr</div>
<h3><a name="Cybernetic_Art_Revisited" class="anchor">Cybernetic Art Revisited</a></h3>
<h4>Dr. Woohoo!</h4>
<p>Flash on the Beach has been noted for a being a conference that despite it&#8217;s name isn&#8217;t solely concentrated on Flash. Although you&#8217;d expect the whole platform to be covered (Flex, AIR, etc), which it is, FOTB also hold sessions on technologies only loosely associated with Flash, other Adobe products and pure Web technologies too. They&#8217;ve held talks on the likes of Processing for example, and there are talks about technology in general. This was the first of those kind for me.</p>
<p><a title="Dr. Woohoo!" href="http://blog.drwoohoo.com/" target="_blank">Dr. Woohoo!</a> talked about his time working with cybernetics and digital art and his paradigm of <a title="Dr. Woohoo!   » About/Bio" href="http://blog.drwoohoo.com/?page_id=2" target="_blank">Art + Science = Serious Fun</a>. He talked about about the people and places that have influenced his work and shaped his career to date.</p>
<p>He spoke about his time at the <a title="Light Up the Night at the Complex : Santa Fe Complex" href="http://sfcomplex.org/wordpress/2009/06/projected-light" target="_blank">Santa Fe</a> complex, showed some great recordings of the <a title="Dr. Woohoo!  » Blog Archive   » Art &amp; Code Symposium: the videos&lt;" href="http://blog.drwoohoo.com/?p=969" target="_blank">Art &amp;&amp; Code</a> symposium and other exhibitions he&#8217;s attended, spoke about the current state of affairs with reference to projects like <a title="Computer vision - Wikipedia, the free encyclopedia" href="http://en.wikipedia.org/wiki/Computer_vision" target="_blank">Computer Vision</a> and more recently <a title="Xbox.com | Project Natal" href="http://www.xbox.com/en-US/live/projectnatal/" target="_blank">Project Natal</a>.</p>
<p>He then demonstrated his latest work with a <a title="ZCam - Wikipedia, the free encyclopedia" href="http://en.wikipedia.org/wiki/ZCam" target="_blank">ZCam</a> and <a title="openFrameworks" href="http://www.openframeworks.cc/" target="_blank">openFrameworks</a> to drive mini-bots around his podium on stage.</p>
<p>There was a lot of name dropping and references thrown in to books and other institutions, recommended reading and quotes from luminaries of the field (far too many for me to write here). His blog is regularly updated, so hopefully his slides will eventually surface there.</p>
<h3><a name="Telling_Stories" class="anchor">Telling Stories</a></h3>
<h4>Hillman Curtis</h4>
<p>Telling stories was another such session.</p>
<p><a title="hillmancurtis :: film | video | design for the web :: home :: 347 756 5049" href="http://www.hillmancurtis.com/" target="_blank">Hillman Curtis</a> was the Art Director at Macromedia when Flash was first born in 1998. In his talk he spoke about his journey from then until now, his work with photography, film and Web design and his influences and muses found along the way.</p>
<p>We saw work from his <a title="hillmancurtis :: film and video :: 347 756 5049" href="http://www.hillmancurtis.com/index.php?/film/view/latest_films/" target="_blank">portfolio</a> and part of his latest film; a feature length documentary on David Byrne.</p>
<p>Despite being another code-free talk, it was attended by all event-goers and met with a compelled atmosphere no less.</p>
<p>I actually though this was very well placed at the end of the day, it seemed to encapsulate everything about why we do the things we do, even if not talking directly about our software product itself.</p>
<h3><a name="Epiphany" class="anchor">Epiphany</a></h3>
<h4>Joel Gethin Lewis</h4>
<p>That was the end of the daytime sessions. After a break we returned for the first of the &#8216;Inspired&#8217; evening sessions of the week. These talks aimed to be free of code too, if not development entirely, hosted purely for inspiration and the feel-good factor.</p>
<p><a title="YesYesNo  - Joel Gethin Lewis" href="http://yesyesno.com/joel-gethin-lewis" target="_blank">Joel Gethin Lewis</a> is an interaction designer and artist who previously worked with United Visual Artists.</p>
<p>We saw some of his work there including the brilliant <a title="The shopping" href="http://www.regentstreetonline.com/RegentStreet/EventsChannel/Unity.htm" target="_blank">Regent Street Christmas lights</a> of 2007. The huge light installation claimed to be the first ever &#8216;interactive&#8217; Christmas lights created, the formations and lights changed based upon the density of shoppers below and other factors such as surrounding weather conditions, captured by cameras and climate sensors hidden around the street.</p>
<p>Since then he has founded two new companies, <a title="Hellicar &amp; Lewis" href="http://www.hellicarandlewis.com/" target="_blank">Hellicar&amp;Lewis</a> and <a title="YesYesNo  - Lights On!" href="http://yesyesno.com/" target="_blank">YesYesNo</a>.</p>
<p>From the latter we saw their project <a title="lights on on Vimeo" href="http://vimeo.com/4706049" target="_blank">Lights On</a> (also currently on the YYN homepage at the time of this writing), a massive audio visual performance created for the opening of the new <a title="ARS Electronica" href="http://www.aec.at/index_en.php" target="_blank">Ars Electronica museum</a>. With YesYesNo, he spoke about his work with openFrameworks and Computer Vision also.</p>
<p>He also worked on another great project called Contact, a floor-based artwork commissioned by the British Council that tracked the motion of those walking over it and generated physics-simulated shapes and objects below them on a giant LCD surface.</p>
<p>The thing is, this project was developed in about two weeks and made possible only by leveraging open source software. It&#8217;s with this possibility and ultimate realisation upon Contact&#8217;s success that that Joel reached his &#8216;epiphany&#8217;; that in his opinion, all software not only need not be paid for but <em>should</em> be free and open source.</p>
<p>Enthused, he found a whole host of open sourced software and similar successful projects and became set on being a champion of the open source school of thought. There&#8217;s <a title="Creative Review - We are open" href="http://www.creativereview.co.uk/back-issues/creative-review/2009/july-2009/we-are-open" target="_blank">a great article from Creative Review</a> earlier this year in which he and partner Pete Hellicar talk about their experience.</p>
<p>All in all, a great first day from Flash on the Beach &#8211; all boxes ticked and more, exceeding expectations already.</p>
<p>I do apologise for the lengthy post, worry not &#8211; I&#8217;m sure I can&#8217;t keep this up. <img src='http://blog.marchibbins.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://blog.marchibbins.com/2009/09/22/the-beach/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>The Dangling Conversation</title>
		<link>http://blog.marchibbins.com/2009/08/26/the-dangling-conversation/</link>
		<comments>http://blog.marchibbins.com/2009/08/26/the-dangling-conversation/#comments</comments>
		<pubDate>Wed, 26 Aug 2009 16:46:56 +0000</pubDate>
		<dc:creator>Marc Hibbins</dc:creator>
				<category><![CDATA[twitter]]></category>

		<guid isPermaLink="false">http://blog.marchibbins.com/?p=1029</guid>
		<description><![CDATA[What I think about Twitter's reply and mention mechanism and the lack of support for following conversations and threads.]]></description>
			<content:encoded><![CDATA[<p>Last week Twitter announced &#8216;Project Retweet&#8217;, their plans to develop a formalised API for the phenomenon of &#8216;retweeting&#8217;. It&#8217;s interesting that retweeting grew organically, a convention formed by user behaviour. <a title="Twitter Blog: Project Retweet: Phase One" href="http://blog.twitter.com/2009/08/project-retweet-phase-one.html" target="_blank">In the announcement</a>, Biz recognises that in this way some of Twitter&#8217;s best features are emergent &#8211; those &#8220;simple but creative ways to share, discover, and communicate&#8221; that the crucial Twitterverse have formed.</p>
<p>It reminded me of the &#8216;<a title="Twitter Blog: The Replies Kerfuffle" href="http://blog.twitter.com/2009/05/replies-kerfuffle.html" target="_blank">replies kerfuffle</a>&#8216; earlier this year and Twitter&#8217;s reactive decision to review their technical decisions as a result of the <a title="Twitter Blog: Whoa, Feedback!" href="http://blog.twitter.com/2009/05/whoa-feedback.html" target="_blank">amount of negative feedback</a> they gained so quickly, their adaptability should be applauded. Biz <a title="Twitter Blog: We Learned A Lot" href="http://blog.twitter.com/2009/05/we-learned-lot.html" target="_blank">admits they learned a lot</a>.</p>
<p>What I&#8217;m getting to is that although Twitter has been near revolutionary, that now even though it&#8217;s such an important social tool &#8211; it&#8217;s still very <em>young</em>. Not in the sense of naivety (nor am I questioning their success), more that there is still a huge amount of potential in Twitter that we are eagerly awaiting to see come to fruition.</p>
<p>Here I want to talk about some of the things that <em>I</em> want to see, some of the things that I think are still lacking, though recognising some of the obstacles in seeing them fulfilled.</p>
<p>For me, the notion of conversations (as in actual conversations) and topic threads are pretty much non-existent and obviously missing. I mean &#8216;actual&#8217; conversations as in <em>direct correspondence between parties</em>, rather than the more &#8216;global conversation&#8217; reference that&#8217;s loosely thrown around when one wishes to sound informed lately.</p>
<h3><a name="Replies,_Threads_and_Conversations" class="anchor">Replies, Threads and Conversations</a></h3>
<p>The function of &#8216;replies&#8217; and &#8216;mentions&#8217; have seen a lot of work on the Twitter platform, see their blog archives for the changes to-and-fro, but in my opinion they are still very limited.</p>
<p>When the &#8216;<a title="Twitter Blog: Small Settings Update" href="http://blog.twitter.com/2009/05/small-settings-update.html" target="_blank">small settings change</a>&#8216; took place in May, it turned out to be considered far larger than the heads at Twitter had anticipated. The intention was to clean up what was seen to be undesirable and confusing, though <a title="Twitter Reverses Policy Change, For Now. This is Nuts But Here's How It Works (UPDATED: Only A Little Reversed)" href="http://www.readwriteweb.com/archives/twitter_reverses_policy_change_for_now_this_is_nut.php" target="_blank">the result is arguably as vague</a>. If you type &#8216;@someone&#8217; into the status box and tweet then everyone following you will receive it, but if you click the &#8216;reply to&#8217; button (which automatically puts &#8216;@someone&#8217; in the update box for you) then only those following that &#8217;someone&#8217; will see it. The <strong>reply</strong> button create a response message &#8211; manually typing it does not, apparently then it&#8217;s a <strong>mention</strong>. Correct me if I&#8217;m wrong.</p>
<p>Anyway since those changes, <strong>reply </strong>tweets now link to the original messages (facilitated by clicking the reply button <em>on</em> that tweet, no less). So now when viewing a tweet, the &#8216;in reply to [someone]&#8216; is actually a hyperlink to the status update to which the user has replied.</p>
<p><a href="http://twitter.com/marchibbins/status/3148699819" target="_blank"><img class="aligncenter size-full wp-image-1037" title="A tweet 'in reply to'" src="http://blog.marchibbins.com/wp-content/uploads/2009/08/tweet_reply.jpg" alt="A tweet 'in reply to'" width="450" height="176" /></a></p>
<p>This connection though, <em>is only one way</em>. And that&#8217;s the main crux of everything I&#8217;m going to say here.</p>
<p>The reply is aware of the original tweet, but the original tweet does not know that it has been replied <em>to</em>.</p>
<p>This isn&#8217;t so much of a big thing in a simple two-tweet case of &#8216;question and answer&#8217; (maybe), but this is what stops users and applications from easily following conversations that are taking place.</p>
<p>For example, look at the following illustration of a conversation over four tweets:</p>
<p><a href="http://blog.marchibbins.com/wp-content/uploads/2009/08/tweet_conversation.jpg" target="_blank"><img class="aligncenter size-full wp-image-1038" title="A conversation on Twitter with two participants" src="http://blog.marchibbins.com/wp-content/uploads/2009/08/tweet_conversation.jpg" alt="A conversation on Twitter with two participants" width="473" height="318" /></a></p>
<p>The messages read <strong>A</strong> through to <strong>D</strong>, chronologically, with each tweet replying directly to the previous. Without having witnessed these tweets being sent, the only way to follow them is essentially <em>backwards</em>. Each reply has a link to it&#8217;s original tweet, so starting with <strong>D</strong>, you can click through <strong>C</strong>, <strong>B</strong> and <strong>A</strong> to reveal the point of origin.</p>
<p>This is the problem. Tweets have no forward links to their replies.</p>
<p>In the above case:</p>
<ol>
<li>Tweet <strong>B</strong> is aware of tweet <strong>A</strong> (though <strong>A</strong> is unaware of <strong>B</strong>).</li>
<li>Tweet <strong>C</strong> is aware of tweet <strong>B</strong> (though again, <strong>B</strong> is unaware of <strong>C</strong>).</li>
<li>Tweet <strong>C</strong> is unaware of tweet <strong>A</strong>, even though it is linked to tweet <strong>B</strong> which <em>is</em> aware of tweet <strong>A</strong>.</li>
<li>And so on, the coupling continues with <strong>D</strong> (and <strong>E</strong> and <strong>F</strong>, etc).</li>
</ol>
<p>&nbsp;<br />
Without creating links in the forward direction of the conversation, structuring and viewing threads like this is almost impossible without some serious archive mining.</p>
<p>Regardless of whether users wanted these changes to happen or not, I don&#8217;t think they solved the problem they set out to anyway. They were put in place to clean up timelines, removing conversational tweets just like these because seeing without context they&#8217;re almost always irrelevant, having been written in 140 characters. But now, if someone was really interested as to the answer of tweet <strong>A</strong> but they didn&#8217;t follow <strong>@birdsigh</strong> (or any replier), then they would never know it had even been answered, not only because they don&#8217;t get <strong>@birdsigh</strong>&#8217;s tweets but because they wouldn&#8217;t see tweet <strong>C</strong> either anymore.</p>
<p>If tweets had references to those that reply <em>to it</em>, anybody could see responses from everybody.</p>
<p>True, conscientious users often retweet replies that they&#8217;ve received if they are of value, but this can look a bit weird &#8211; seeing a number of usernames (including their own) then the message, like so (see the duplication of <strong>@aral</strong>):</p>
<p><a href="http://twitter.com/aral/statuses/3425843730" target="_blank"><img class="aligncenter size-full wp-image-1040" title="A tweet retweet himself" src="http://blog.marchibbins.com/wp-content/uploads/2009/08/tweet_retweet.jpg" alt="A tweet retweet himself" width="450" height="227" /></a></p>
<p>So here&#8217;s another problem that Twitter are already on the heels of answering &#8211; with the <a title="Twitter Blog: Project Retweet: Phase One" href="http://blog.twitter.com/2009/08/project-retweet-phase-one.html" target="_blank">new retweet functionality Biz mocked up</a>, looking far cleaner and a lot smoother &#8211; no need to paraphrase or condense tweets to fit in <strong>n</strong> amount of usernames who deserve props.</p>
<p>I mentioned the archive mining &#8211; <a href="http://search.twitter.com/" title="Twitter Search" target="_blank">Twitter&#8217;s Search API</a> has something almost there. If one of your results is a <strong>reply</strong>, there&#8217;s a &#8216;Show conversation&#8217; button which expands to show nearby (?) tweets between the two participants. It shows the thread, yes, but it&#8217;s not that reliable &#8211; it can include tweets that weren&#8217;t direct replies to the others, rather <strong>mentions</strong> that were chronologically in between. And none of that is in the main API anyway.</p>
<h3><a name="Visualising_conversation" class="anchor">Visualising conversation</a></h3>
<p>That&#8217;s another thing &#8211; there&#8217;s no single place or any really decent way that I&#8217;ve seen to visualise this kind of information right now. It would be nice if the &#8216;in reply to&#8217; link didn&#8217;t need a page change to see the related tweet.</p>
<p>Some of the desktop AIR applications try to solve this problem, for example, <a title="DestroyTwitter" href="https://destroytwitter.com/" target="_blank">DestroyTwitter</a> has a nice dialogue box &#8211; but only shows pairs of tweets, so you still have to click through:</p>
<p style="text-align: center; "><img class="size-full wp-image-1046 aligncenter" title="DestroyTwitter dialogues" src="http://blog.marchibbins.com/wp-content/uploads/2009/08/destroy_tweets.jpg" alt="DestroyTwitter dialogues" width="500" height="140" /></p>
<p><a title="TweetDeck" href="http://tweetdeck.com/beta/" target="_blank">TweetDeck</a> has a similar view to the Search page&#8217;s conversations, showing the latest tweets between two participants, filtered to those mentioning or replying to the other &#8211; so again it does show correspondence, but it&#8217;s uninformed &#8211; you can&#8217;t select a thread and show only that and here too you see unrelated and old tweets also.</p>
<p>I&#8217;ve not seen any application that shows conversations involving more than two participants.</p>
<p>It&#8217;s interesting that phase one of &#8216;Project Retweet&#8217; introduces a &#8216;retweet&#8217; button, something that&#8217;s been around in the desktop apps for a long time (even if on their part it&#8217;s a crude copy-and-paste with the additional &#8216;RT&#8217; prefix added). Like Biz said, some of the best features are emergent &#8211; so it wouldn&#8217;t be so surprising if, seeing how desktop applications are already attempting to visualise threads like this, they might one day materialise on Twitter.com as a fully fledged feature.</p>
<h3><a name="What's_to_come?" class="anchor">What&#8217;s to come?</a></h3>
<p>The <a href="http://apiwiki.twitter.com/Twitter-API-Documentation" title="Twitter API Wiki / Twitter API Documentation" target="_blank">Twitter API documentation</a> now has some timeline methods labelled as &#8216;Coming Soon&#8217;, those for the new retweeting API. One of those is the  <strong>statuses/retweets_of_me</strong> method, said to &#8216;return the 20 most recent tweets of the authenticated user that have been retweeted by others&#8217;, (<a href="http://apiwiki.twitter.com/Twitter-REST-API-Method:-statuses-retweets_of_me" title="Twitter API Wiki / Twitter REST API Method: statuses retweets_of_me" target="_blank">here</a>).</p>
<p>Woop! That <em>does</em> mean forward linkages right?</p>
<p>If tweets can be tagged to inform that they have been retweeted, surely its somewhere <em>possible </em>to also inform that they&#8217;ve been replied to?</p>
<p>Back to visualisations, it&#8217;s be great if Twitter had some pages similar to these to show retweets and conversations (respectively):</p>
<p style="text-align: center; "><a href="http://blog.marchibbins.com/wp-content/uploads/2009/08/conversation_page.jpg" target="_blank"><img class="size-medium wp-image-1049 aligncenter" title="A conversation page 'on Twitter'" src="http://blog.marchibbins.com/wp-content/uploads/2009/08/conversation_page-300x207.jpg" alt="A conversation page 'on Twitter'" width="300" height="207" /></a></p>
<p style="text-align: center;"><a href="http://blog.marchibbins.com/wp-content/uploads/2009/08/retweet_page.jpg" target="_blank"><img class="size-medium wp-image-1050 aligncenter" title="A retweets page 'on Twitter'" src="http://blog.marchibbins.com/wp-content/uploads/2009/08/retweet_page-300x290.jpg" alt="A retweets page 'on Twitter'" width="300" height="290" /></a></p>
<p>Okay, it&#8217;s easy to see one improvement and make an assumption that it can be applied &#8216;exactly the same way&#8217; elsewhere. As as developer I know that and get tired of hearing those kinds of requests <img src='http://blog.marchibbins.com/wp-includes/images/smilies/icon_sad.gif' alt=':(' class='wp-smiley' /> </p>
<p>But it&#8217;s good to hear that these improvements are but &#8216;phase one&#8217; of what&#8217;s to come. Maybe all of this has been recognised, in store &#8211; maybe already in development! Who knows. I&#8217;m sure I&#8217;m not alone in wanting something like this.</p>
<p>I mentioned the idea of threads with more than two participants. Immediately my idyllic conversation view above falls apart right here if you want to see a whole topic of multiple threads on one screen.</p>
<p>I guess you could check for any replies to a given tweet and any replies to <em>those</em> replies exponentially, presumably listing them all chronologically, but you&#8217;d miss out on the direct correspondence between individual users.</p>
<p><a href="http://blog.marchibbins.com/wp-content/uploads/2009/08/multiple_conversation.jpg" target="_blank"><img class="aligncenter size-full wp-image-1041" title="A Conversation on Twitter with multiple participants" src="http://blog.marchibbins.com/wp-content/uploads/2009/08/multiple_conversation.jpg" alt="A Conversation on Twitter with multiple participants" width="477" height="105" /></a></p>
<p>That kind of non-linearity is another great thing about Twitter, you don&#8217;t really get that anywhere else. Take for example correspondence on blog posts &#8211; if someone has something to say in response to a post then they can comment, but if in reply to that comment the person wants to write a second lengthier response, is the comments section the correct place to do it? Or would say, a post on their own blog &#8216;in response to&#8217; be more appropriate &#8211; because that&#8217;s on their domain, under their name and heading?</p>
<p>Then there&#8217;s a weird loss of connection though, that post doesn&#8217;t appear in-line with the original post (other than a pingback, maybe) and users are confused where the topic continues.</p>
<p>That said, the ability to <strong>reply</strong> to multiple tweets also isn&#8217;t possible, only to reply to a single tweet and <strong>mention</strong> another user within that message to ensure they receive it.</p>
<p><a href="http://blog.marchibbins.com/wp-content/uploads/2009/08/double_reply.jpg" target="_blank"><img class="aligncenter size-full wp-image-1042" title="Replying to two tweets" src="http://blog.marchibbins.com/wp-content/uploads/2009/08/double_reply.jpg" alt="Replying to two tweets" width="484" height="92" /></a></p>
<p>I look forward to seeing the new retweeting functionality come into effect. Hopefully the change will be well received.</p>
<p>Thinking about the negative feedback the changes to replies received, I recall <a title="» It’s Oh So Quiet Marc Hibbins" href="http://blog.marchibbins.com/2008/08/17/its-oh-so-quiet/" target="_blank">when Twitter stopped providing their SMS service to UK members</a> &#8211; back then I was gutted but <a title="Twitter Blog: Twitter Over SMS with O2 in the UK" href="http://blog.twitter.com/2009/07/twitter-over-sms-with-02-in-uk.html" target="_blank">now that they&#8217;re back</a>, I don&#8217;t use them anyway. I&#8217;ve turned device updates off. Things are different now, there weren&#8217;t as many desktop applications (and those weren&#8217;t even half as useful as today&#8217;s) and my way of thinking about the people I follow and those that follow me is different now too, my behaviour has changed.</p>
<p>The way I use Twitter has changed and will no doubt continue to do so as the platform evolves. Though I&#8217;d be very happy to see anything like what I&#8217;ve written here turn up (somehow) on Twitter eventually, I think it would change change the way we use it even more.</p>
<p><strong>Update (02.09.09):</strong> Since writing this I&#8217;ve been pointed to two more applications that attempt to visualise conversation threads.</p>
<p>The first is <a href="http://www.atebits.com/tweetie-mac/" title="atebits - Tweetie for Mac" target="_blank">Tweetie for Mac</a>, that not only shows more than two tweets in sequence, but updates from multiple users:</p>
<p><a href="http://img412.yfrog.com/i/2hb.png/" title="Yfrog - 2hb  - Uploaded by pace" target="_blank"><img src="http://blog.marchibbins.com/wp-content/uploads/2009/08/tweetie_1.jpg" alt="Tweetie conversation one" title="Tweetie conversation one" width="240" height="146" class="alignleft size-full wp-image-1080" /></a><a href="http://img194.yfrog.com/i/h32.png/" title="Yfrog - h32  - Uploaded by pace" target="_blank"><img src="http://blog.marchibbins.com/wp-content/uploads/2009/08/tweetie_2.jpg" alt="Tweetie conversation 2" title="Tweetie conversation 2" width="240" height="150" class="alignright size-full wp-image-1081"/></a><br />
&nbsp;&nbsp;<br />
The second is <a href="http://tweader.com/" title="Tweader - Read Twitter conversations." target="_blank">Tweader</a>, a web based tool declaring an outright &#8216;new way to view Twitter conversations&#8217;, clearly also in recognition of the need for one. Tweader requires an ID of a reply update and (as above) constructs the conversation backwards by retrieving each original tweet.</p>
<p>Both of these do the job as best they can, but are still subject to the limitations of Twitter&#8217;s API.</p>
<p>For example, with Tweetie <a href="http://twitter.com/pace/status/3603517772" title="Twitter / Barry Pace: @marchibbins Nope, only se ..." target="_blank">you must click a reply tweet</a>, you can&#8217;t click a tweet and see the conversation that followed &#8211; the forward links are still absent.</p>
<p>Same with Tweader &#8211; try <a href="http://tweader.com/conversation.php?id=3695906506" title="Tweader - Read Twitter conversations." target="_blank">this</a> and <a href="http://tweader.com/conversation.php?id=3696747416" title="Tweader - Read Twitter conversations." target="_blank">this</a>.</p>
<p>Now although it&#8217;s the Twitter API that doesn&#8217;t offer this kind of linking, these tools are standalone applications so there&#8217;s nothing to stop them from storing their own form of descriptive data internally to allow conversations to be pieced together in such a way.</p>
<p>For example, upon receiving a reply tweet, one could store the ID against the original tweet ID (within their own infrastructure) so if a query is made upon the original, it&#8217;s responses can be found.</p>
<p>But as I&#8217;ve said, what I would like is for Twitter to support threads with a formalised API call &#8211; say with a method whereby one can submit the ID of any tweet (that is part of a conversation) and get a full node list of all tweets connected to that it, either in response to or those that came before it.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.marchibbins.com/2009/08/26/the-dangling-conversation/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
