Apps for the multi-device world.

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.

8a235da15adae86851fa3216834198ed?s=128

Lee Boonstra

February 22, 2014
Tweet

Transcript

  1. “Apps for the multi-device world.” Lee Boonstra @ladysign

  2. Lee Boonstra Technical Trainer @ Sencha ! lee.boonstra@sencha.com ladysign leeboonstra

    http://www.ladysign-apps.com
  3. None
  4. “As a technical trainer I teach Sencha Touch and Ext

    JS. I write documentation and speak at events.”
  5. Author of: Hands-On Sencha Touch 2 ! April 2014 ISBN:978-1-4493-6652-0

  6. 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.”
  7. “How many devices did you bring with you today?”

  8. What’s in my bag…

  9. ‣ Laptop What’s in my bag…

  10. ‣ Laptop ‣ Tablet What’s in my bag…

  11. ‣ Laptop ‣ Tablet ‣ E-reader What’s in my bag…

  12. ‣ Laptop ‣ Tablet ‣ E-reader ‣ Game console What’s

    in my bag…
  13. ‣ Laptop ‣ Tablet ‣ E-reader ‣ Game console ‣

    Camera What’s in my bag…
  14. ‣ Laptop ‣ Tablet ‣ E-reader ‣ Game console ‣

    Camera ‣ Phone ‣ … What’s in my bag…
  15. None
  16. Different devices, different… Multi device design challenges

  17. ‣ Operating System & Browser Different devices, different… Multi device

    design challenges
  18. ‣ Operating System & Browser ‣ Screen size Different devices,

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

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

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

    input ‣ Features set ! ‣ (…and what about data?) Different devices, different… Multi device design challenges
  22. “There is one thing, all these devices have in common…”

  23. None
  24. None
  25. None
  26. 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
  27. “So, what’s the best approach to build an app for

    the multi device world?”
  28. None
  29. None
  30. None
  31. None
  32. None
  33. None
  34. None
  35. “Serious App development: Maintainability, Scalability and Flexibility.”

  36. “A good framework, makes the life of a developer easier.”

  37. None
  38. “Let’s review the design challenges: How can we solve our

    problems with Sencha Touch ?”
  39. 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
  40. Check out the tutorial: http://bit.ly/1nuhS1B https://vimeo.com/84073941

  41. The viewport takes the size of a full screen. Device

    profiles can differentiate views between multi devices. Screen size Multi device design challenges
  42. Read the case study: http://bit.ly/Lvx0NC https://vimeo.com/33026515

  43. 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
  44. Check out the tutorial: http://bit.ly/1lpdJO3 http://www.youtube.com/watch?v=iR4qLfvHaII

  45. 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…) Or use Adobe PhoneGap / Apache Cordova integration with community-driven plugins. Features set Multi device design challenges
  46. Or use Adobe PhoneGap / Apache Cordova integration with community-driven

    plugins. ! Features set Multi device design challenges
  47. Read the case study: http://bit.ly/1j2AO41 https://vimeo.com/32773806

  48. ! ! ! The browser can contain sensitive data, a

    direct gateway for cyber-criminals. ! About data… Multi device design challenges
  49. 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
  50. Sencha Space: http://bit.ly/1cvyXjJ https://vimeo.com/70443725

  51. 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.” !
  52. ! “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. !
  53. Create amazing apps built on web standards Lee Boonstra @ladysign

    ! http://www.speakerdeck.com/savelee