Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Paris Sencha Meetup - Apps for the multi-device...

Paris Sencha Meetup - Apps for the multi-device world

We live in a multi-device world of phones, tablets, TVs, in-car navs, smart watches….And there is one thing all these devices have in common: HTML5.
In this session Lee Boonstra, technical trainer at Sencha, will discuss some of the challenges and opportunities of developing for a multi-device world and how Sencha can help you create better experiences. She will also provide some inspiring client examples and case studies.

Lee Boonstra

April 01, 2014
Tweet

More Decks by Lee Boonstra

Other Decks in Programming

Transcript

  1. “As a technical trainer I teach Sencha Touch and Ext

    JS. I develop courses and speak at events.”
  2. “I’ve a background in Java and client-side development. Before Sencha

    I worked as a lead developer for several clients:”
  3. Apps for the multi-device world. ! “The challenges and opportunities

    of developing for a multi-device world and how Sencha can help you create better experiences.”
  4. ‣ Laptop ‣ Tablet ‣ E-reader ‣ Game console ‣

    Camera ‣ Phone ‣ … What’s in my bag…
  5. ‣ Screen size ‣ Operating System & Browser Different devices,

    different… Multi device design challenges
  6. ‣ Screen size ‣ Operating System & Browser ‣ User

    input Different devices, different… Multi device design challenges
  7. ‣ Screen size ‣ Operating System & Browser ‣ User

    input ‣ Features set Different devices, different… Multi device design challenges
  8. ‣ Screen size ‣ Operating System & Browser ‣ User

    input ‣ Features set ! ‣ (…and what about data?) Different devices, different… Multi device design challenges
  9. Where a multi device app fits in Database
 Server SQL

    Server Oracle Sybase MySql ... Application Server Java PHP ColdFusion .NET Ruby on Rails ... Web 
 Server IIS Apache Tomcat Websphere ... JSON/XML Transport Layer Internet / Intranet
  10. The viewport takes the size of a full screen. Device

    profiles can differentiate views between multi devices. Screen size Multi device design challenges
  11. Screen size Multi device design challenges Ext.define('MyApp.profile.Phone', {! extend: 'Ext.app.Profile',!

    ! config: {! name: 'Phone',! views: ['Main']! },! ! isActive: function() {! return Ext.os.is('Phone');! }! });
  12. Sencha Touch runs in any modern browser. This includes the

    browsers on: iOS, Android, BlackBerry, Windows, Tizen… Also, it’s possible to package apps as hybrid apps, for example with Cordova integration. OS / Browser Multi device design challenges
  13. Sencha Touch has built-in touch and gesture support. (tap, drag,

    swipe, pinch and rotate…) Sencha Touch is all JavaScript! Include JavaScript APIs (Leap Motion Controller: Leap.js + Sencha integration: Leap Cursor Lib) User input Multi device design challenges
  14. Build a hybrid app, to support device specific features. Sencha

    Touch ships with a native device API. (Accelerometer, Camera, Contacts, Connection, File System, Push, Purchases and many more…) ! ! Features set Multi device design challenges
  15. Or use Adobe PhoneGap / Apache Cordova integration with community-driven

    plugins. ! Features set Multi device design challenges
  16. ! ! ! The browser can contain sensitive data, a

    direct gateway for cyber-criminals. ! About data… Multi device design challenges
  17. Sencha Space - Easily deploy apps to a encrypted mobile

    workspace - Remotely revoke access / wipe data - Monitor, audit & report on app, device or user activity - Let the apps within Sencha Space communicate with each other About data… Multi device design challenges
  18. Summary ! “When you are building apps for the multi-

    device world, you probably want to look into HTML5, because that’s language every modern device understands.” !
  19. ! “At Sencha, we want to make the life of

    an app developer easier. We do a lot to help you, to build better multi device apps, enabling customer success…” ! HTML5 frameworks, tools, training programs and support. !