<?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>Masabi &#187; offline webapps</title>
	<atom:link href="http://www.masabi.com/tag/offline-webapps/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.masabi.com</link>
	<description>The ticket machine in your pocket</description>
	<lastBuildDate>Wed, 23 May 2012 11:14:28 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.3</generator>
		<item>
		<title>Ticketing via Local Webapps</title>
		<link>http://www.masabi.com/2009/07/31/ticketing-via-local-webapps/</link>
		<comments>http://www.masabi.com/2009/07/31/ticketing-via-local-webapps/#comments</comments>
		<pubDate>Fri, 31 Jul 2009 16:27:00 +0000</pubDate>
		<dc:creator>Tom Godber</dc:creator>
				<category><![CDATA[Mobile]]></category>
		<category><![CDATA[Android]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[iPhone]]></category>
		<category><![CDATA[offline webapps]]></category>

		<guid isPermaLink="false">http://masabi.com/2009/07/ticketing-via-local-webapps.html</guid>
		<description><![CDATA[We're finally able to show off some of the work we've been doing recently on local mobile webapps - interactive web pages which can be saved and run even when you're offline...


Related posts:<ol><li><a href='http://www.masabi.com/2010/12/15/experiences-rapidly-porting-j2me-apps-to-android/' rel='bookmark' title='Permanent Link: Experiences Rapidly Porting J2ME Apps to Android'>Experiences Rapidly Porting J2ME Apps to Android</a></li>
<li><a href='http://www.masabi.com/2008/09/24/the-mobile-web-and-fragmentation/' rel='bookmark' title='Permanent Link: The Mobile Web and Fragmentation'>The Mobile Web and Fragmentation</a></li>
<li><a href='http://www.masabi.com/2009/04/22/interesting-blackberry-factoids-for-developers/' rel='bookmark' title='Permanent Link: Interesting Blackberry Factoids for Developers'>Interesting Blackberry Factoids for Developers</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>We&#8217;re finally able to show off some of the work we&#8217;ve been doing recently on local mobile webapps &#8211; interactive web pages which can be saved and run even when you&#8217;re offline.</p>
<p>Our mobile ticket sales app is now available as a local Java app for mass market handsets, and a local webapp for Android and iPhone &#8211; offering all the same functionality, security and slick branding:
<p class="pics"><a href="http://www.flickr.com/photos/masabi/3775148626/"><img title="Masabi Train Ticketing local webapp on an iPhone" src="http://www.masabi.com/iphone/rail1sm.jpg" alt="Masabi Train Ticketing local webapp on an iPhone" hspace="10" /></a> <a href="http://www.flickr.com/photos/masabi/3634706199/"><img title="Masabi Train Ticketing Java app running on a Nokia N96" src="http://www.masabi.com/huge/rail1.gif" alt="Masabi Train Ticketing Java app running on a Nokia N96" hspace="10" /></a></p>
<p class="pics"></p>
<h2>What Is A Local Webapp?</h2>
<p>With the latest HTML 5 and Google Gears APIs support on Android, iPhone and Palm Pre, you can provide a fast multi-screen interactive app with local storage (to store tickets you have purchased), which behaves like a native local app and is accessible even when the phone is offline.  Here&#8217;s how to store the app for later use on an iPhone &#8211; reached by clicking on the &#8216;+&#8217; icon in the footer:
<p class="pics"><a href="http://www.flickr.com/photos/masabi/3774694295/"><img title="Masabi Train Ticketing local webapp on an iPhone home screen" src="http://www.masabi.com/iphone/rail14sm.jpg" alt="" hspace="10" /></a> <a href="http://www.flickr.com/photos/masabi/3775499696/"><img title="Masabi Train Ticketing local webapp on an iPhone home screen" src="http://www.masabi.com/iphone/rail15sm.jpg" alt="" hspace="10" /></a></p>
<p>
<h2>Why Webapps?</h2>
<p>Traditionally at Masabi we have always written local apps in Java, because <a href="http://blog.masabi.com/2007/08/thick-vs-thin-clients-in-mobile-today.html">they offer the best mass market user experience for the sort of ticketing and financial services we provide</a>; it&#8217;s only with the advent of handsets with fast, HTML 5-capable browsers that we have been able to explore the webapp route. We plan to use local webapps for many of our iPhone and Android products for two core reasons:
<ol>
<li>With the proliferation of new platforms causing even more <a href="http://blog.masabi.com/2008/01/truth-about-mobile-fragmentation.html">fragmentation</a> in the mobile apps space, the Safari browser used on both platforms is actually the safest way to reduce fragmentation and streamline maintenance and development;</li>
<li>There are some <a href="http://www.techcrunch.com/2009/07/30/fed-up-a-popular-mac-developer-quits-the-iphone/">big advantages</a> to the unrestricted installation of a webapp via the web, especially if your business model is not compatible with the rules or revenue shares of the relevant App Store; it can be hard to justify to a customer the extra expense of a dedicated app when you cannot guarantee the app will ever be allowed on the store or device.</li>
</ol>
<p>Fortunately, it is easy to take a local webapp and wrap it up as a native iPhone or Android app, so we can make all of the services available through the relevant App Stores as well if that is what the users want.</p>
<p>It is worth noting that at Masabi we are producing free mass market services which pay for themselves through transaction fees, so the App Store&#8217;s billing system isn&#8217;t an issue for us &#8211; your mileage may vary&#8230;</p>
<h2>Does It Feel Like A Normal App?</h2>
<p>Webapps can very successfully replicate the look and feel of native apps, with quick scrolling between screens, button styles and the like.<br />Below are screenshots of the user selecting an option from a list, and a date from the calendar:
<p class="pics"><a href="http://www.flickr.com/photos/masabi/3775148234/"><img title="Selecting an option from a list on the Masabi Train Ticketing local webapp on an iPhone" src="http://www.masabi.com/iphone/rail5sm.jpg" alt="Selecting an option from a list on the Masabi Train Ticketing local webapp on an iPhone" hspace="10" /></a> <a href="http://www.flickr.com/photos/masabi/3774343471/"><img title="Picking a date on the Masabi Train Ticketing local webapp on an iPhone" src="http://www.masabi.com/iphone/rail13sm.jpg" alt="Picking a date on the Masabi Train Ticketing local webapp on an iPhone" hspace="10" /></a></p>
<p>These clearly follow the style and usability conventions of the built-in iPhone apps.  With CSS targetted to the device through our DeployME server, we reskin the same application easily to adopt Android conventions and styling as well.</p>


<p>Related posts:<ol><li><a href='http://www.masabi.com/2010/12/15/experiences-rapidly-porting-j2me-apps-to-android/' rel='bookmark' title='Permanent Link: Experiences Rapidly Porting J2ME Apps to Android'>Experiences Rapidly Porting J2ME Apps to Android</a></li>
<li><a href='http://www.masabi.com/2008/09/24/the-mobile-web-and-fragmentation/' rel='bookmark' title='Permanent Link: The Mobile Web and Fragmentation'>The Mobile Web and Fragmentation</a></li>
<li><a href='http://www.masabi.com/2009/04/22/interesting-blackberry-factoids-for-developers/' rel='bookmark' title='Permanent Link: Interesting Blackberry Factoids for Developers'>Interesting Blackberry Factoids for Developers</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.masabi.com/2009/07/31/ticketing-via-local-webapps/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

