![\"Mobile](\"https:\/\/wapreview.com\/images\/Mobile2.0BrianFling.jpg\" "\\"Mobile")
<\/p>\n<\/p>\n
Updated:<\/strong> Added link to slides from presentation by Taptu’s Stefan Butlin – 13-Nov-2008.<\/p>\n This is the second part of my wrap up from yesterday’s Mobile Web 2.0 event.\u00a0 The first part<\/a> covered the morning business track.\u00a0 The business track continued in the afternoon but I chose to attend the afternoon developer or “Builder” Track.<\/p>\n Caroline Lewko started things off with a welcome and some tips on marketing applications. Caroline urged developers to sell through as many channels as possibe and to not discount carrier partnerships,\u00a0 pointing out that 75% of mobile applications are sold on deck.<\/p>\n The first panel on “Mobile Web vs. Applications vs. Widgets<\/strong><\/em>” was chaired by C. Enrique Ortiz and featured Tim Haysom (OMTP), Phong Vu (Nokia), Charles Wiles (Google), Fabrizio Capobianco (Funambol) and Jeff Sonstein (Rochester Institute of Technology)<\/p>\n Enrique started by saying that the number of web runtimes has exploded in the last year and asked the panel for their take on that.\u00a0 Google’s Wiles argued for the browser as a\u00a0 platform and saw no need for web runtimes. Nokia’s Vu disagreed and was supported by Funambol’s Capobianco who felt that there will always need to be\u00a0 applications outside the browser and that web runtimes could provide a stable platform for them. RIT’s Sonstein countered that the browser was <\/strong>a web runtime and that what mobile needed most were standards for low level access to device data and wondered if BONDI would supply them.<\/p>\n Enrigue next set the panel to work on defining the killer application in mobile. Fabrizio nominated “un-sexy” messaging.\u00a0 Other panelists mentioned voice, NFC and barcodes as possible “killers”. Nokia’s Vu feels that NFC will eventually replace Bluetooth for phone to phone sharing.\u00a0 In response to a question, OMTP’s Haysom said that NFC and barcodes are not part of the initial BONDI specification but are on the radar for future inclusion.<\/p>\n —<\/p>\n Next up, Brian Fling chaired a panel on the Mobile User Experience.<\/strong><\/em> Participants included Barbara Ballard (Little Springs Design), Christian Lindholm (Fjord) and Thomas Fellger (Iconmobile).<\/p>\n The session was a wide ranging discussion on mobile trends as much as design. One major trend that Barbara Ballard sees is the entry of web developers and designers into the mobile space bringing “web thinking” into mobile, which is both good and bad.\u00a0 The web folks bring innovation but also have a tendency to force web design patterns on mobile, degrading usability.<\/p>\n Iconmobile’s Thomas sees the emergence of new tools and platforms like widget runtimes making it easier to create mobile services and applications, most of which aren’t very good. These quick and dirty apps sometimes demonstrate innovative concepts which can then be built upon to to create something of real value.<\/p>\n Brian Fling pointed to the Amazon Kindle as the tip of the iceberg of ubiquitous computing.<\/p>\n Thomas sees the phone becoming a “remote control for your life” where the handset is your wallet and performs functions like opening doors.\u00a0 Audi is already bundling a phone that acts as a “smart key” with their cars in some markets.\u00a0 In Japan eWallet use has caused a significant drop in the number of coins in circulation.\u00a0 Most Japanese iPhone users carry a second handset because the Apple phone lacks a wallet function.<\/p>\n —<\/p>\n Next up was a series of lightning fast 20 minute development “tutorials”<\/p>\n First was Taptu<\/a>‘s Stefan Butlin on “Building, dynamic, compelling, ad-funded, off-deck mobile web content<\/strong><\/em>” or “What’s hard about mobile web” Stefan identified five challenges:<\/p>\n Handset Diversity<\/strong> – Taptu sees 3000 unique UserAgents a day, all with different attributes and quirks. Sony Ericsson’s tend to oversize text, some Nokia’s struggle with CSS floats, Many Motorolas including the ubiquitous RAZR V3 What can mobile web developers do? There are three basic approaches:<\/p>\n Each class is handled by it’s own adaptation code which further optimizes markup for each handset and resizes images to a percentage of WURFL screen width.<\/p>\n Transcoders<\/strong> – they break device detection and can really destroy a nicely designed mobile page. Defend against them every possible way: get whitelisted with every carrier, use the no-transform and link meta tags, check the x-Device-User-Agent for the real user agent.<\/p>\n User Identification<\/strong> – cookie support on mobiles is hit or miss and it’s hard to detect whether cookies are really persistent or if they disappear when the user closes the browser. On Openwave browsers session cookies work on 3 part domains like m.taptu.com but not taptu.com!<\/p>\n You can also use Bango which has agreements with most carriers to pass a unique user id. On course this doesn’t work if the phone is using WiFi.<\/p>\n Testing<\/strong> – You really need to test every phone on every network, but that’s impossible. Besides having a library of popular phones you can use:<\/p>\n Build quality<\/strong> by giving your users a voice:<\/p>\n Stefan’s slides on Slideshare<\/a>.<\/p>\n —<\/p>\n Brian Fling next demonstrated building an iPhone web app. <\/strong><\/em> He prefaced his tutorial by saying that iPhone traffic was doubling every three months and that he projects 10% of all web traffic will be from mobiles by end of 2009.\u00a0 Reason enough to build for the mobile web.<\/p>\n Brian’s web app was an online schedule for the Mobile 2.0 conference. He started with a page (generated from a PHP script) holding an unordered list. Brian used the SimplePie PHP library to populate the list elements from an RSS feed. CSS transforms were used to provide rollover effects.<\/p>\n Brian showed a neat trick to make the page degrade gracefully in Opera Mobile and other mobile browsers that support handheld stylesheets. The iPhone CSS is linked as media=”screen, projection”. There is also a handheld stylesheet with a smaller logo image and a title that Opera loads and the iPhone ignores.<\/p>\n You can try out Brian’s web app at mobile20.mobiledesign.org<\/a>. The source code can be downloaded at mobile20.mobiledesign.org\/code.zip<\/a>.<\/p>\n —<\/p>\n Next, Barbara Ballard presented a Mobile Design Case Study<\/strong><\/em> demonstrating how mobile optimized design can improve usability, save time, reduce support costs and enhance your brand’s image.<\/p>\n Barbara’s use case was to add a single item to an existing expense report.<\/p>\n Pretty impressive, Barbara’s slides are available on Slideshare<\/a><\/p>\n —<\/p>\n Markus Spiering from Yahoo next demonstrated using Yahoo! Blueprint<\/strong><\/em> to build widgets, standalone applications and mobile web sites.<\/p>\n Markus described Blueprint as an\u00a0 X-Forms as based XML markup language that is purely declarative, there is no scripting or procedural code. Developers use a serverside application written in PHP, Java or any other langage to create Blueprint XML, a process very similar to building HTML.<\/p>\n Blueprint is quite powerful thanks to controls like a Location Chooser which uses GPS if it is available or else prompts the user for their location. Another control makes it possible to add driving directions or an interactive map three lines of code.<\/p>\n The same Blueprint markup can run as a Widget in the Yahoo Go 3.0 carousel, as a standalone application or as a mobile web site.<\/p>\n Yahoo is using Blueprint internally to built their latest mobile applications including oneConnect<\/em><\/strong> and a search engine for the AT&T mobile portal. The same technology is available for free to all developers at mobile.yahoo.com\/developers<\/a>.<\/p>\n —<\/p>\n Nokia’s Phong Vu next demonstrated building widgets with the S60 Web Runtime. A great feature of Nokia’s widgets is that they are fully integrated into the S60 user experience, they run, act and feel like native applications and are launched from standard S60 menu icons. Access to device functions including power level, signal, memory, storage, lights, vibration and beeps are available through a SAPI framework extension<\/p>\n The next release of WRT, 1.1 will be supported on S60 5th edition (nokia 5800) and will add further integration with the S60 GUI, JQuery support and will give signed widgets access to additional platform capabilities including calendar, contacts and location. The WRT roadmap includes eventual support for offline storage.<\/p>\n Phongs slides are on slideshare<\/a>. To get started developing widgets with WRT visit this page on Forum Nokia<\/a><\/p>\n —<\/p>\n Google’s Charles Wiles presented the last tutorial covering Gears on Android<\/strong>. Currently Gears runs on Windows Mobile 5 and 6 and Android. A version for Opera is in QA now and additional platforms are coming soon. Get started with Gears at code.google.com\/apis\/gears\/<\/a><\/p>\n Related Posts:<\/em> Updated: Added link to slides from presentation by Taptu’s Stefan Butlin – 13-Nov-2008. This is the second part of my wrap up from yesterday’s Mobile Web 2.0 event.\u00a0 The first part covered the morning business track.\u00a0 The business track continued in the afternoon but I chose to attend the afternoon developer or “Builder” Track. Caroline Lewko started things off with a welcome and some tips on marketing applications. Caroline urged developers to sell through as many channels as possibe and … Continue reading
\nhave a very small page size limit.<\/p>\n\n
\n
\n
\n
\n
\nNokia Web Widgets are based on xhtml, DOM level 2, Ajax, CSS and JavaScript.<\/p>\n
\nCharles dissected the Running Man<\/em> application,\u00a0 which is one of the demos that is included in the Gears distribution. Key points:<\/p>\n\n
\n2008 Mobile 2.0 Event San Francisco – Part 1<\/a>
\nMobile 2.0 Event (2007)<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"