<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom" 
      xmlns:thr="http://purl.org/syndication/thread/1.0">
  <link rel="alternate" type="text/html" href="http://www.insideria.com/2009/06/ux-discussion-skyfire-mobile-b.html" />
  <link rel="self" type="application/atom+xml" href="http://www.insideria.com/atom.xml" />
  <id>tag:www.insideria.com,2009://34/tag:www.insideria.com,2009://34.37159-</id>
  <updated>2009-11-16T14:54:47Z</updated>
  <title>Comments for SkyFire Mobile Browser 1.0 and the Flash User Experience (http://www.insideria.com/2009/06/ux-discussion-skyfire-mobile-b.html)</title>
  <generator uri="http://www.sixapart.com/movabletype/">Movable Type 4.21-en</generator>
  <entry>
    <id>tag:www.insideria.com,2009://34.37159</id>
    <link rel="alternate" type="text/html" href="http://www.insideria.com/2009/06/ux-discussion-skyfire-mobile-b.html" />
    <link rel="service.edit" type="application/atom+xml" href="http://blogs.oreilly.com/cgi-bin/mt/mt-atom.cgi/weblog/blog_id=34/entry_id=37159" title="SkyFire Mobile Browser 1.0 and the Flash User Experience" />
    <published>2009-06-16T14:00:00Z</published>
    <updated>2009-06-16T13:59:59Z</updated>
    <title>SkyFire Mobile Browser 1.0 and the Flash User Experience</title>
    <summary>As we all know, Flash on mobile devices is nothing new. Flash Lite is on 400+ different mobile  device models and 800 million total devices. It&apos;s hard to argue with those numbers. However, with the advent of the iPhone, netbooks, and new mobile operating systems such as Google&apos;s Android and Palm&apos;s WebOS, users are demanding an experience that mirrors the desktop. Others, as in Adobe and the Open Screen Project, want to take that notion a step further, and bring desktop Flash to mobile devices. The SkyFire mobile browser aims to do just that.</summary>
    <author>
      <name>Kevin Suttle</name>
      <uri>http://kevinsuttle.com</uri>
    </author>
    
    <category term="Blogs" />
    
    <content type="html" xml:lang="en" xml:base="http://www.insideria.com/">
      <![CDATA[<p>As we all know, Flash on mobile devices is nothing new. Flash Lite is on 400+ different mobile <a href="http://www.adobe.com/mobile/pdfs/flash_lite_forecast_installed_base_jan09.pdf">device models</a> and 800 million total devices. It's hard to argue with those numbers. However, with the advent of the iPhone, netbooks, and new mobile operating systems such as <a href="http://www.android.com/">Google's Android </a>and <a href="http://developer.palm.com/">Palm's WebOS</a>, users are demanding an experience that mirrors the desktop. Others, such as Adobe and their <a href="http://www.openscreenproject.org/">Open Screen Project</a>, want to take that idea a step further, and bring a seamless desktop Flash experience to mobile devices. The <a href="http://get.skyfire.com/">SkyFire mobile browser</a> aims to lend a hand.<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="logo.gif" src="http://www.insideria.com/kevinSuttle/skyfire_review/logo.gif" width="163" height="44" class="mt-image-none" style="float: right; margin: 20px 20px 20px 0px;" /></span></p>

<p>Before I begin, let me give you my testing variables.<br/>
<strong>Device:</strong> Samsung Blackjack II (<a href="http://www.samsung.com/us/consumer/detail/detail.do?group=mobilephones&type=mobilephones&subtype=att&model_cd=SGH-I617ZKAATT">SGH-i617</a>)<br/>
<strong>Operating System:</strong> <a href="http://www.microsoft.com/windowsmobile/en-us/default.mspx">Windows Mobile </a>6.1 (QWERTY, non-touchscreen)</p>

<p>Over the last year, I have used SkyFire as a niche app to get around sites that don't offer mobile views in Internet Explorer Mobile. It's come a <em>very </em>long way to get where it is now, as the betas at times were highly frustrating to operate. Bygones being bygones, I've decided to break this review up into a few mini case studies, each more processor-intensive than the last. Then, I'll wrap up by showing some slick uses fpr SkyFire that may surprise you.</p>

<p><strong>Case Study One - <a href="http://www.youtube.com/watch?v=WZnpzfcMheA">YouTube - District 9 Trailer</a></strong><br/>
Upon launching SkyFire, the user is greeted with a custom home page containing updates to previously-configured social networks and tabs for bookmarks and history. The bookmarks come pre-stocked to provide quick access to the more popular mobile destinations, including a tab  allocated entirely to video.</p>

<p><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="SkyFire_Bookmarks.jpg" src="http://www.insideria.com/kevinsuttle/skyfire_review/ScreenShot_96.jpg" width="320" height="240" class="mt-image-center" style="" /></span></p>

<p>I'll show you what it's like trying to play the District 9 movie trailer on YouTube. On my mobile device, the center button can be double clicked to zoom, although this I figured this out by trial and error. The beta versions used, and labeled, the left soft key for zooming (which now only appears for zooming out once you've already zoomed in). Once I understood that, I was on my way. I searched YouTube just as I would on a desktop machine (misspellings and all),  found the video I was looking for, and jumped right in.</p>

<div class="ap_r"><a href="http://www.insideria.com/upload/2009/06/youTubeSearch.jpg" class="highslide" onclick="return hs.expand(this)"><img src="http://www.insideria.com/upload/2009/06/youTubeSearch.jpg" alt="YouTube Search" title="Click to enlarge" width="148"/></a></div>

<div class="ap_r"><a href="http://www.insideria.com/upload/2009/06/ScreenShot_88.jpg" class="highslide" onclick="return hs.expand(this)"><img src="http://www.insideria.com/upload/2009/06/ScreenShot_88.jpg" alt="SkyFire zoomed in YouTube player" title="Click to enlarge" width="148"/></a></div>

<p>There is a rectangular cursor that SkyFire displays around the selected content area. This is one of SkyFire's greatest strengths. I was able to interact with the default YouTube player without zooming in, due to how SkyFire recognizes and snaps to the divisions in a page's layout. Though only the High Quality button and video scrubber responded, I was able to watch the trailer without any problems. The audio even came through rather clearly. Another great feature is revealed when the user mutes the audio through SkyFire's menu, the YouTube video player recognizes it and displays the volume control to match your choice.</p>

<p><strong>Results:</strong> Other than some of the buttons being unresponsive<br/>  when clicked, SkyFire made the mobile experiencemuch like the desktop. That's not bad, but it's time to raise the bar a bit.</p>

<p><br />
<p><strong>Case Study Two - <a href="http://www.pluginmedia.net/clients/bigandsmall/phase1c_release/game/">Big and Small</a></strong><br />
We've seen how SkyFire handles Flash in a very structured, grid-based HTML layout. Video is rectangular, so that's pretty easy. What would happen if we tried to run something more challenging, like PaperVision 3D, in a mobile browser? Well, with most applications, it would either crash, provide a moot link to download Flash Player, or just not render at all. Here's the test. <a href="http://www.sebleedelisle.com/?p=455">Seb Lee-Delisle</a> and <a href="http://www.pluginmedia.net/">Plug-in Media</a> have created a PV3D site for the BBC children's television show "Big and Small." <div class="ap_r"><a href="http://www.insideria.com/upload/2009/06/bigAndSmall_1.jpg" class="highslide" onclick="return hs.expand(this)"><img src="http://www.insideria.com/upload/2009/06/bigAndSmall_1.jpg" alt="Big And Small" title="Click to enlarge" width="148"/></a></div>It's full of colorful animated activities that showcase both vivid creativity in visual design as well as the solid programming savvy it took to pull off such an engrossing application. When the site is initially loading, the user is encouraged to interact with the flowers in the foreground, a well-placed diversion that keeps the user's attention (particularly in the target audience's case). In the desktop browser with a mouse, the application shows off some subtle, but compelling motion when the user moves the cursor. The perspective of the scene tilts and shifts slightly, the flowers sway, and the flower petals fall and re-grow in response to the user's interaction. While this smooth intro is effortless on the desktop, SkyFire begins to show some strain here. Only about 1/3 of the motion can be seen by the end user on a mobile device. However, the audio comes through clearly, at a reasonable volume, and doesn't show much buffering, which is more impressive than it seems. But this is just the 'front door' to the site, there are many more activities to try.<br/></p>

<p>One activity in particular is called "hand-painting", where the user can click to create little painted paw prints on the paper in front of her. In the desktop browser with a mouse, the application shows off some of the same subtle, but compelling motion when the user moves the cursor as was displayed during the loading screen. The 3D camera angle, as well as the chosen character's arm serving as the cursor, also slide and rotate gently based on the user's mouse coordinates. <div class="ap_r"><a href="http://www.insideria.com/upload/2009/06/bigAndSmall_2.jpg" class="highslide" onclick="return hs.expand(this)"><img src="http://www.insideria.com/upload/2009/06/bigAndSmall_2.jpg" alt="Big And Small - Hand-painting" title="Click to enlarge" width="148"/></a></div> Choosing colors and slapping multi-colored hands still function the same way the desktop counterpart does when the user clicks the center button down, but the motion in-between is not captured. While the motion can't be seen in the mobile browser, it is in fact, occurring.The device's screen is refreshed after each click, showing the scene and the character's arm serving as the cursor in their respective new positions.</p> <br/>

<p>Despite just falling short of keeping up, after a few clicks, I was then able to select the Back button to see my finished masterpiece. All things considered, it was very similar to the desktop experience. It should be noted that it is unclear whether it was SkyFire or the device, that was responsible for the lack of sufficient rendering.</p>

<p><strong>Results:</strong> When you think about what SkyFire was up against, I was happy with the experience. For a mobile browser to be able to handle an unpredictable, fast-paced, full-motion site such as Big and Small is a pretty tall order. But, SkyFire performed admirably. So, can it be pushed even further? The answer is 'yes'. But to do so, we'll need to <a href="http://labs.adobe.com/technologies/pixelbender/">bend</a> a few pixels. </p>

<p>
<strong>Case Study Three - <a href="http://www.unitzeroone.com/blog/2009/03/18/flash-10-massive-amounts-of-3d-particles-with-alchemy-source-included/">PaperVision3D + PixelBender + Alchemy + Flash Player 10 </a></strong></p>

<p>Known for being a 3D and ActionScript wizard, Ralph Hauwert, alias UnitZeroOne, has created a test in Flash Player 10 that truly pushes the boundaries of the ActionScript Virtual Machine. Combining the latest version of <a href="http://labs.adobe.com/technologies/alchemy/">Alchemy</a>, <a href="http://labs.adobe.com/technologies/pixelbender/">Pixel Bender</a>, <a href="http://code.google.com/p/papervision3d/">Papervision3D</a>. and <a href="http://www.adobe.com/products/flashplayer/features/">Flash Player 10</a>, Ralph created a test app that pushes around more than 300,000 3D particles in realtime, then projects and draws them to 2D on the screen using Flash. <div class="ap_r"><a href="http://www.insideria.com/upload/2009/06/Unit01_Alchemy_1.jpg" class="highslide" onclick="return hs.expand(this)"><img src="http://www.insideria.com/upload/2009/06/Unit01_Alchemy_1.jpg" alt="UnitZeroOne's Site" title="Click to enlarge" width="148"/></a></div> If you view the example in a desktop browser, you can see the Flash Player doing it's best to keep up, particularly when switched over to Alchemy rasterization. Surely, it would <em>cripple </em>a browser on a mobile device, wouldn't it? <div class="ap_r"><a href="http://www.insideria.com/upload/2009/06/Unit01_Alchemy_2.jpg" class="highslide" onclick="return hs.expand(this)"><img src="http://www.insideria.com/upload/2009/06/Unit01_Alchemy_2.jpg" alt="PixelBender and 3D in SkyFire" title="Click to enlarge" width="148"/></a></div>To my utter disbelief, not only did the swf load with no browser lag, but with each click, I actually saw about 1/3 of the rendered motion in SkyFire! 

<p><strong>Results:</strong> Unfortunately for this test, the application requires keyboard input to view profiling stats, toggle instructions, and to switch rendering modes between Alchemy and ActionScript. However, I think the results spoke for themselves as they exceeded expectations in the most unlikely of benchmark environments.</p>

<p><strong>Some things you can do with SkyFire that might surprise you</strong><br/>
Because you SkyFire renders the screen with surprising clarity (even after zooming), and can process streaming audio quite well, there is multitude of Flash content that SkyFire can bring to your mobile device.</p>

<p><a href="http://gotoAndLearn.com">gotoAndLearn</a><br />
<div class="ap_l"><a href="http://www.insideria.com/upload/2009/06/gtal.jpg" class="highslide" onclick="return hs.expand(this)"><img src="http://www.insideria.com/upload/2009/06/gtal.jpg" alt="gotoAndLearn on SkyFire" title="Click to enlarge" width="148"/></a></div><br/></p>

<p>Full-featured <a href="http://last.fm">Last.fm</a><div class="ap_l"><a href="http://www.insideria.com/upload/2009/06/lastFM.jpg" class="highslide" onclick="return hs.expand(this)"><img src="http://www.insideria.com/upload/2009/06/lastFM.jpg" alt="Last.FM on SkyFire" title="Click to enlarge" width="148"/></a></div><br/></p>

<p><a href="http://hulu.com">Hulu</a><div class="ap_l"><a href="http://www.insideria.com/upload/2009/06/hulu.jpg" class="highslide" onclick="return hs.expand(this)"><img src="http://www.insideria.com/upload/2009/06/hulu.jpg" alt="Hulu on SkyFire" title="Click to enlarge" width="148"/></a></div><br/></p>

<p><a href="https://xd.adobe.com/">Adobe's Flex-based blog 'XD'</a><div class="ap_l"><a href="http://www.insideria.com/upload/2009/06/AdobeXD.jpg" class="highslide" onclick="return hs.expand(this)"><img src="http://www.insideria.com/upload/2009/06/AdobeXD.jpg" alt="AdobeXD on SkyFire" title="Click to enlarge" width="148"/></a></div><br/></p>

<p><a href="https://tv.adobe.com/">Adobe TV</a><div class="ap_l"><a href="http://www.insideria.com/upload/2009/06/AdobeTV.jpg" class="highslide" onclick="return hs.expand(this)"><img src="http://www.insideria.com/upload/2009/06/AdobeTV.jpg" alt="AdobeTV on SkyFire" title="Click to enlarge" width="148"/></a></div><br/></p>

<p>In closing, the SkyFire mobile browser may have had it's share of issues in the past before it's 1.0 release, but they seem to be a thing of the past. It is one of the few pieces of mobile software capable of bringing a true Flash experience to your device, something not even the iPhone can do.]]>
      
    </content>
  </entry>

  <entry>
    <id>tag:www.insideria.com,2009://34.37159-comment:2066286</id>
    <thr:in-reply-to ref="tag:www.insideria.com,2009://34.37159" type="text/html" href="http://www.insideria.com/2009/06/ux-discussion-skyfire-mobile-b.html"/>
    <link rel="alternate" type="text/html" href="http://www.insideria.com/2009/06/ux-discussion-skyfire-mobile-b.html#comment-2066286" />
    <title>Comment from Quentin on 2009-06-16</title>
    <author>
        <name>Quentin</name>
        <uri>http://toki-woki.net</uri>
    </author>
    <content type="html" xml:lang="en" xml:base="http://toki-woki.net">
        <![CDATA[<p>Oh boy, this article is killing me. Adobe and Apple have to find a way to enable Flash on the iPhone, or we need SkyFire on it!<br />
The future is bright, and waiting for it is hard!</p>]]>
    </content>
    <published>2009-06-16T15:37:37Z</published>
  </entry>

  <entry>
    <id>tag:www.insideria.com,2009://34.37159-comment:2066301</id>
    <thr:in-reply-to ref="tag:www.insideria.com,2009://34.37159" type="text/html" href="http://www.insideria.com/2009/06/ux-discussion-skyfire-mobile-b.html"/>
    <link rel="alternate" type="text/html" href="http://www.insideria.com/2009/06/ux-discussion-skyfire-mobile-b.html#comment-2066301" />
    <title>Comment from Stan Cravens on 2009-06-16</title>
    <author>
        <name>Stan Cravens</name>
        <uri></uri>
    </author>
    <content type="html" xml:lang="en" xml:base="">
        <![CDATA[<p>This article was written with insight and precise information. The authur obviously knows his stuff.  </p>]]>
    </content>
    <published>2009-06-16T18:02:14Z</published>
  </entry>

  <entry>
    <id>tag:www.insideria.com,2009://34.37159-comment:2066302</id>
    <thr:in-reply-to ref="tag:www.insideria.com,2009://34.37159" type="text/html" href="http://www.insideria.com/2009/06/ux-discussion-skyfire-mobile-b.html"/>
    <link rel="alternate" type="text/html" href="http://www.insideria.com/2009/06/ux-discussion-skyfire-mobile-b.html#comment-2066302" />
    <title>Comment from Addy on 2009-06-16</title>
    <author>
        <name>Addy</name>
        <uri></uri>
    </author>
    <content type="html" xml:lang="en" xml:base="">
        <![CDATA[<p>This is the most comprehensive article on the issue I have ever read, easy to understand even for the "tech challenged". Thanks O'Reilly, for giving us a author who allows non developers to get streamlined info! Keep it up!</p>]]>
    </content>
    <published>2009-06-16T18:04:41Z</published>
  </entry>

  <entry>
    <id>tag:www.insideria.com,2009://34.37159-comment:2066304</id>
    <thr:in-reply-to ref="tag:www.insideria.com,2009://34.37159" type="text/html" href="http://www.insideria.com/2009/06/ux-discussion-skyfire-mobile-b.html"/>
    <link rel="alternate" type="text/html" href="http://www.insideria.com/2009/06/ux-discussion-skyfire-mobile-b.html#comment-2066304" />
    <title>Comment from Nitin Bhandari on 2009-06-16</title>
    <author>
        <name>Nitin Bhandari</name>
        <uri></uri>
    </author>
    <content type="html" xml:lang="en" xml:base="">
        <![CDATA[<p>Great post Kevin. I actually listened to the audio version of this from inside skyfire.</p>]]>
    </content>
    <published>2009-06-16T18:50:55Z</published>
  </entry>

  <entry>
    <id>tag:www.insideria.com,2009://34.37159-comment:2066319</id>
    <thr:in-reply-to ref="tag:www.insideria.com,2009://34.37159" type="text/html" href="http://www.insideria.com/2009/06/ux-discussion-skyfire-mobile-b.html"/>
    <link rel="alternate" type="text/html" href="http://www.insideria.com/2009/06/ux-discussion-skyfire-mobile-b.html#comment-2066319" />
    <title>Comment from Stephen Zeek on 2009-06-16</title>
    <author>
        <name>Stephen Zeek</name>
        <uri></uri>
    </author>
    <content type="html" xml:lang="en" xml:base="">
        <![CDATA[<p>Great post, Kevin. Things are truly looking bright for mobile computing.</p>]]>
    </content>
    <published>2009-06-17T01:02:54Z</published>
  </entry>

  <entry>
    <id>tag:www.insideria.com,2009://34.37159-comment:2066327</id>
    <thr:in-reply-to ref="tag:www.insideria.com,2009://34.37159" type="text/html" href="http://www.insideria.com/2009/06/ux-discussion-skyfire-mobile-b.html"/>
    <link rel="alternate" type="text/html" href="http://www.insideria.com/2009/06/ux-discussion-skyfire-mobile-b.html#comment-2066327" />
    <title>Comment from Kapom on 2009-06-16</title>
    <author>
        <name>Kapom</name>
        <uri></uri>
    </author>
    <content type="html" xml:lang="en" xml:base="">
        <![CDATA[<p>Great!! that's all i need.</p>]]>
    </content>
    <published>2009-06-17T03:48:24Z</published>
  </entry>

</feed
