ÿþ<html><head> <title>San Francisco Mobile Web Development, Mobile Site Development, Mobile Website Development, California Mobile Web Site Development, Silicon Valley Mobile Web Development</title> <meta name="verify-v1" content="UL+Mi+WAvIqXnIrV8ZUK6fT2Us4HCXls3BAmbne5U3w="> <META NAME="Description" CONTENT="Infoscaler specializes in scalable and interactive mobile application development and mobile web development. Our expertise includes iPhone application development, iPad application development, Android application development, BlackBerry application development, Windows Mobile application development and Mobile Website development."> <meta name="Keywords" content="mobile development, mobile application development, iphone development, iphone application development, ipad development, ipad application development, android development, android application development, blackberry development, blackberry application development, windows mobile development, windows mobile application development, mobile web development, mobile website development"> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <link rel="stylesheet" type="text/css" href="images/style.css"> <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0"> <tbody><tr> <td width="100%"> <table background="images/back.gif" border="0" cellpadding="0" cellspacing="0" width="100%" height="80"> <tbody><tr> <td valign="middle" width="163"><a href="http://www.infoscaler.com/mobile/" target="_parent"><img src="images/logo.gif" border="0"></a></td> <td bgcolor="#ffffff"><img src="images/spacer.gif" width="5" alt="San Francisco Mobile Web Development, Mobile Site Development, Mobile Website Development, California Mobile Web Site Development, Silicon Valley Mobile Web Development"></td> <td align="right" width="100%"> <div width="100%" style="top: 0px; right: 0px; padding-right: 15px; padding-top: 14px;" class="phoneTxt"><a href="mailto:mobile@infoscaler.com" style="background:none;"><img src="images/icon_email.png" width="24" height="24" style="vertical-align: middle;" alt="" title="Contact" border="0"></a> <a href="mailto:mobile@infoscaler.com" class="email_top">mobile@infoscaler.com</a>&nbsp;&nbsp;<a href="tel:14089071344" style="background: none repeat scroll 0% 0% transparent;"><img src="images/icon_phone.png" style="vertical-align: middle;" alt="Contact" title="Contact" width="24" border="0" height="24"></a>&nbsp;<span class="phoneTxt"><a href="tel:14089071344" class="email_top">408.907.1344</a></span></div> <div id="menuha" style="margin-top: 45px;"> <ul> <li><a href="company.htm">Company</a></li> <li><a href="services.htm">Services</a></li> <li><a href="clients.htm">Clients</a></li> <li><a href="contact.asp">Contact Us</a></li> <li><a href="http://www.infoscaler.com/mobile/" target="_parent"><img src="images/icon_home.png" border="0"></a></li> </ul> </div> </td> </tr> </tbody></table> </td> </tr> <tr> <td><table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td colspan="3" align="left" bgcolor="#4B8D92"><img src="images/banner_topline.gif" width="857" height="6" alt="San Francisco Mobile Web Development, Mobile Site Development, Mobile Website Development, California Mobile Web Site Development, Silicon Valley Mobile Web Development"></td> </tr> <tr> <td width="370" align="left" valign="top"><table border="0" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="top" bgcolor="#006cad"><img src="images/banner_topleft_iner.jpg" width="182" height="286" alt="San Francisco Mobile Web Development, Mobile Site Development, Mobile Website Development, California Mobile Web Site Development, Silicon Valley Mobile Web Development"></td> <td align="left" valign="top" bgcolor="#E8E8EA" style="padding-left:7px;"><table border="0" cellpadding="0" cellspacing="0" > <tr> <td align="center"></td> <td></td> </tr> <tr> <td colspan="2" style="padding-top:10px;" class="service_head_in">Services</td> </tr> <tr> <td align="center" valign="top" style="padding-top:5px;"><img src="images/bulet_iner.gif" width="8" height="8"></td> <td class="menu_in"><a href="Android_Application_Development.htm">Android Application Development</a></td> </tr> <tr> <td colspan="2" align="center" class="menu_btm_border_in"></td> </tr> <tr> <td align="center" valign="top" style="padding-top:5px;"><img src="images/bulet_iner.gif" width="8" height="8"></td> <td class="menu_in"><a href="iPhone_Application_Development.htm">iPhone Application Development</a></td> </tr> <tr> <td height="2" colspan="2" align="center" class="menu_btm_border_in"></td> </tr> <tr> <td align="center" valign="top" style="padding-top:5px;"><img src="images/bulet_iner.gif" width="8" height="8"></td> <td class="menu_in"><a href="iPad_Application_Development.htm">iPad Application Development</a></td> </tr> <tr> <td colspan="2" align="center" class="menu_btm_border_in"></td> </tr> <tr> <td align="center" valign="top" style="padding-top:5px;"><img src="images/bulet_iner.gif" width="8" height="8"></td> <td class="menu_in"><a href="BlackBerry_Application_Development.htm">BlackBerry Application Development</a></td> </tr> <tr> <td colspan="2" align="center" class="menu_btm_border_in"></td> </tr> <tr> <td align="center" valign="top" style="padding-top:5px;"><img src="images/bulet_iner.gif" width="8" height="8"></td> <td class="menu_in"><a href="Windows_Mobile_Application_Development.htm">Windows Mobile <br /> Application Development</a></td> </tr> <tr> <td colspan="2" align="center" class="menu_btm_border_in"></td> </tr> <tr> <td align="center" valign="top" style="padding-top:5px;"><img src="images/bulet_iner.gif" width="8" height="8" alt="San Francisco Mobile Web Development, Mobile Site Development, Mobile Website Development, California Mobile Web Site Development, Silicon Valley Mobile Web Development"></td> <td class="menu_in"><a href="Mobile_Web_Development.htm">Mobile Web Development </a></td> </tr> <tr> <td colspan="2" align="center" class="menu_btm_border_in"></td> </tr> <tr> <td align="center" valign="top" style="padding-top:5px;"><img src="images/bulet_iner.gif" width="8" height="8"></td> <td class="menu_in"><a href="http://www.infoscaler.com" target="_blank">Web and Database Development</a></td> </tr> <tr> <td colspan="2" align="center" class="menu_btm_border_in"></td> </tr> <tr> <td colspan="2" align="center" ></td> </tr> </table></td> </tr> <tr> <td colspan="2" bgcolor="#0C8AA9"><img src="images/banner_bttmline_in.gif" width="370" height="21" alt="San Francisco Mobile Web Development, Mobile Site Development, Mobile Website Development, California Mobile Web Site Development, Silicon Valley Mobile Web Development"></td> </tr> </table></td> <td style="border-left:1px solid #ccc; padding-left:10px;"> <table border="0" align="left" cellpadding="0" cellspacing="0" width="100%"> <tr> <td style="padding-top:4px;"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td><div> <h1 class="head_texth1"><a href="#" class="head_texth1">Mobile Web Development</a></h1> </div></td> <td width="30"><img src="images/logorect.gif"></td> </tr> <tr> <td colspan="2" valign="top" style="background:url(images/gray_line_content.gif) repeat-x bottom left; height:6px;"></td> </tr> </table></td> </tr> <tr> <td class="bodytext"><p>Mobile Websites are web sites optimized for viewing on mobile browsers.Unlike Mobile Applications, which as device and platform specific, mobile websites work across all leading devices and are thus cross-platform. Mobile websites are accessible through the standard mobile browsers and do not require any download or installation.</p> <p>Infoscaler leverages its 10 years of experience developing powerful and scalable web sites, to develop interactive and optimized mobile web sites. We have experience with the latest technologies such as HTML5 and CSS3 to provide user experiences that can come close to that of native device-specific applications. </p><p>In our experience developing both mobile applications and mobile web sites, we have found the following main differences:</p> <table width="100%" border="0" cellpadding="6" cellspacing="0" class="mobile_app"> <tr> <td width="128" valign="top" style="border-top:1px solid #4bacc6;">&nbsp;</td> <td width="376" align="center" valign="top" style="border-top:1px solid #4bacc6;"><strong>Mobile App</strong><strong> </strong></td> <td width="381" align="center" valign="top" style="border-top:1px solid #4bacc6;"><strong>Mobile Website</strong></td> </tr> <tr bgcolor="#d2eaf1"> <td width="128" valign="top" style="border-top:1px solid #4bacc6;">Portability<strong> </strong></td> <td width="376" valign="top" style="border-top:1px solid #4bacc6;">Separate applications need to be developed for each platform - iPhone, BlackBerry, Android etc.</td> <td width="381" valign="top" style="border-top:1px solid #4bacc6;">Common platform  True cross platform.</td> </tr> <tr> <td width="128" valign="top">Discoverability<strong> </strong></td> <td width="376" valign="top">To achieve critical success, a well defined strategy is needed to ensure that the app comes up at the top of its category. Otherwise users will not be able to find the app.</td> <td width="381" valign="top">Users can find your site by using any of the search engines and via links from other websites, blogs, Twitter and links embedded in emails. </td> </tr> <tr bgcolor="#d2eaf1"> <td width="128" valign="top">Prominence on Device</td> <td width="376" valign="top">Application icon prominently placed on the desktop or folder of the device</td> <td width="381" valign="top">The site has to be bookmarked or users have to remember the URL</td> </tr> <tr> <td width="128" valign="top">Distribution &amp; Market Size<strong> </strong></td> <td width="376" valign="top">Requires users to download, mostly from the app store.<br /> Limited to the number of users on the released platform</td> <td width="381" valign="top">Anyone on the web has access to the mobile site</td> </tr> <tr bgcolor="#d2eaf1"> <td width="128" valign="top">Usage of Device Capabilities<strong> </strong></td> <td width="376" valign="top">Able to use all device capabilities (GPS, camera, voice, accelerometer, RFID, address book, calendar, etc.)</td> <td width="381" valign="top">Limited access to device capabilities, although new technologies such as HTML5 are making GPS features more easily accessible.</td> </tr> <tr> <td width="128" valign="top">Supportability & Upgradeability</td> <td width="376" valign="top">Difficult to support and maintain after app is downloaded. Every new release with bug fixes requires approval process of the app store. After new version of application is placed in the store, it requires all existing users to upgrade in order to get it. </td> <td width="381" valign="top">Easier to support and maintain as changes can be uploaded to the web site at any time. <br />No need to upgrade, all users see the latest version</td> </tr> <tr bgcolor="#d2eaf1"> <td width="128" valign="top">Purchasing Options and Revenue Share</td> <td width="376" valign="top">You can charge users for getting the app using the built-in capabilities of the app store. Need to share sales revenue with the app stores</td> <td width="381" valign="top">Need to come up with a different purchasing or subscription based model. No need to share sales revenue. </td> </tr> <tr> <td width="128" valign="top">User Experience</td> <td width="376" valign="top">Full control of User Interface</td> <td width="381" valign="top">Limited to the capabilities of HTML/CSS. User experience will not be as good.</td> </tr> <tr bgcolor="#d2eaf1"> <td width="128" valign="top">Performance</td> <td width="376" valign="top">Able to achieve high performance through app code that runs locally on the device</td> <td width="381" valign="top">Performance not as good</td> </tr> <tr> <td width="128" valign="top" style="border-bottom:1px solid #4bacc6;">Offline Browsing</td> <td width="376" valign="top" style="border-bottom:1px solid #4bacc6;">Possible</td> <td width="381" valign="top" style="border-bottom:1px solid #4bacc6;">HTML5 enables it to some extent, but is supported only on selected devices</td> </tr> </table> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p></td> </tr> <tr> <td>&nbsp;</td> </tr> </table> </td> </tr> </table></td> </tr> <tr> <td> </td> </tr> <tr> <td height="11" align="left" valign="middle" bgcolor="#808080"><img src="images/footer_line.jpg" width="1000" height="11" alt="San Francisco Mobile Web Development, Mobile Site Development, Mobile Website Development, California Mobile Web Site Development, Silicon Valley Mobile Web Development"></td> </tr> <tr> <td height="6" valign="top"></td> </tr> <tr> <td> <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td> <table width="100%" border="0" align="left" cellpadding="0" cellspacing="0"> <tr><td> <div align="center" style="float:left; width:100%;"> <table border="0" cellpadding="0" cellspacing="0"> <tbody> <tr> <td></td> <td class="bodytext"><a href="http://www.infoscaler.com/mobile/" target="_parent" class="bottomlink">Home</a>&nbsp;|&nbsp;</td> <td class="bodytext"><a class="bottomlink" href="company.htm">Company</a>&nbsp;|&nbsp;</td> <td class="bodytext"><a class="bottomlink" href="services.htm">Services</a>&nbsp;|&nbsp;</td> <td class="bodytext"><a href="clients.htm" class="bottomlink">Clients</a>&nbsp;|&nbsp;</td> <td class="bodytext"><a class="bottomlink" href="contact.asp">Contact Us</a>&nbsp;|&nbsp;</td> <td class="bodytext"><a class="bottomlink" href="sitemap.htm">Site Map</a>&nbsp;</td> </tr> </tbody> </table> </div> </td></tr></table> </td> </tr> <tr> <td style="padding-left:0 20px 0 20px;"> <div align="center" style="font-size:11px; width:100%;"> 2009. Infoscaler Technologies. </div></td> </tr> </table> </td> </tr> </tbody> </table> <script type="text/javascript"> var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); </script><script src="images/ga.js" type="text/javascript"></script> <script type="text/javascript"> try { var pageTracker = _gat._getTracker("UA-763022-1"); pageTracker._trackPageview(); } catch (err) { }</script> <map name="Map"> <area shape="rect" coords="20,14,96,71" href="#" alt="#"> <area shape="rect" coords="111,14,186,69" href="#" alt="#"> <area shape="rect" coords="200,13,278,70" href="#" alt="#"> <area shape="rect" coords="21,76,91,136" href="#" target="#"> <area shape="rect" coords="107,80,272,137" href="#" alt="#"> </map> </body></html>