1 / 12

Beyond the Browser: HTML5 and the Evolving Mobile Web

Beyond the Browser: HTML5 and the Evolving Mobile Web. Chris Smith & Laurent Hasson Research In Motion. BlackBerry Loves the Web. Industry leading webkit browser with best in class standards support Full Web Application platform across tablet and smartphones

hans
Download Presentation

Beyond the Browser: HTML5 and the Evolving Mobile Web

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Beyond the Browser: HTML5 and the Evolving Mobile Web Chris Smith & Laurent Hasson Research In Motion

  2. BlackBerry Loves the Web • Industry leading webkit browser with best in class standards support • Full Web Application platform across tablet and smartphones • Leading edge web dev tools for inspection, debugging, emulation

  3. 1st Gen Mobile Web WAP HDML Flash Lite WML TTML Mobile Profiles .mobi XHTML/Mobile • Terrible user experience • Dumbeddown, constrained content • Non-standard, completely fragmented • No security model, not-sticky, sandboxed • Browser chrome (yuck) • No local content & storage

  4. 2nd Gen Mobile Web • Full Desktop web content on Mobile • Web Standards driven (HTML CSS, JavaScript) Mobile Optimized • The rise of HTML5 and CSS3 • Store large data using HTML5 storage and stop sending fat cookies over-the-air • Use webWorkers to move heavy processing and blocking communications off the main thread • Take advantage of HTML5 app cache so your application will work out of coverage • Use HTML5 form controls, they do good things on mobile

  5. Browser Limitations • HTML5 address key native integration constraints by providing offline storage, proper threading, content cache and data access (geolocation) • But … native integration is sandboxed and not-extensible • Without a security model sensitive user data remains out of reach • There is no way to escape the browser chrome to support alternate entry points and navigation modes • The full Native application experience remains out of reach

  6. Next Gen Mobile Web • User interface entirely authored in HTML/CSS • Application logic written in JavaScript with full support for standard frameworks • Full support for HTML5 APIs for threading, local storage,Geolocation • Complete security model allowing full access outside the browser to file system, user data and applications • Deeply integrated native application experience without the browser chrome • Push enabled to allow content providers to target their audience whenever they want wherever they are • Benefits of both native and browser discovery and distribution BlackBerry WebWorks

  7. Application Continuum Hybrid model gives developers choice to leverage best of native and web without compromises Native UI Browser-based UI All Native logic Mostly native logic Mostly Browser logic All Browser logic Pure Web Pure Native Hybrid All local web resources Some local web resources All remote web resources

  8. BlackBerry WebWorks Framework A BlackBerry WebWorksapp is a standalone application, created using standard web technologies, that provides full integration with native APIs OSS Community http://www.github.com/blackberry BlackBerry WebWorks

  9. Web Inspector: Ultimate Web Dev Tool

  10. Ripple: Open Browser-based Emulator

  11. Alice: Micro-library of visual effects • HW acceleration with CSS3 in mobile Web browsers is underutilized • Nothing much has changed in the past 4 years since slide/fade/zoom/flip. • Flash in comparison for instance has many libraries of very cool effects • Smartphones and tablets have the horse power to do better • Some samples out there, but results in lots of CSS and JS to setup, requiring lots of skills • Alice (ALightweight Independent CSS Engine) is a micro-library focused on packaging advanced hardware accelerated visual effects for Web apps • Framework and application independent (can be plugged into Dojo, jQuery, Sencha Touch or other libraries) • Single-line-of-code setup • Physics and Organics • Rich visual effects like bounce, toss, flip, fold

  12. Thank You http://www.blackberryparnerstfund.com/challenge http://www.blackberry.com/developers

More Related