Apps for the Multi-Device World

  • 351 views
Uploaded on

Apps for the Multi-Device World …

Apps for the Multi-Device World
with Lee Boonstra

Presented live at FITC Amsterdam 2014 on Feb 24-25, 2014
More details can be found at www.FITC.ca

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.

More in: Design
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
351
On Slideshare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
9
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

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. “As a technical trainer I teach Sencha Touch and Ext JS. I write documentation and speak at events.”
  • 4. Author of: Hands-On Sencha Touch 2 ! April 2014 ISBN:978-1-4493-6652-0
  • 5. 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.”
  • 6. “How many devices did you bring with you today?”
  • 7. What’s in my bag…
  • 8. What’s in my bag… ‣ Laptop
  • 9. What’s in my bag… ‣ Laptop ‣ Tablet
  • 10. What’s in my bag… ‣ Laptop ‣ Tablet ‣ E-reader
  • 11. What’s in my bag… ‣ Laptop ‣ Tablet ‣ E-reader ‣ Game console
  • 12. What’s in my bag… ‣ Laptop ‣ Tablet ‣ E-reader ‣ Game console ‣ Camera
  • 13. What’s in my bag… ‣ Laptop ‣ Tablet ‣ E-reader ‣ Game console ‣ Camera ‣ Phone ‣ …
  • 14. Multi device design challenges Different devices, different…
  • 15. Multi device design challenges Different devices, different… ‣ Operating System & Browser
  • 16. Multi device design challenges Different devices, different… ‣ Operating System & Browser ‣ Screen size
  • 17. Multi device design challenges Different devices, different… ‣ Operating System & Browser ‣ Screen size ‣ User input
  • 18. Multi device design challenges Different devices, different… ‣ Operating System & Browser ‣ Screen size ‣ User input ‣ Features set
  • 19. Multi device design challenges Different devices, different… ‣ Operating System & Browser ‣ Screen size ‣ User input ‣ Features set ! ‣ (…and what about data?)
  • 20. “There is one thing, all these devices have in common…”
  • 21. Where a multi device app fits in IIS Apache Tomcat Websphere ... Java PHP ColdFusion .NET Ruby on Rails ... SQL Server Oracle Sybase MySql ... Web 
 Server Application Server Database
 Server Internet / Intranet JSON/XML Transport Layer
  • 22. “So, what’s the best approach to build an app for the multi device world?”
  • 23. “Serious App development: Maintainability, Scalability and Flexibility.”
  • 24. “A good framework, makes the life of a developer easier.”
  • 25. “Let’s review the design challenges: How can we solve our problems with Sencha Touch ?”
  • 26. Multi device design challenges OS / Browser 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.
  • 27. https://vimeo.com/84073941 Check out the tutorial: http://bit.ly/1nuhS1B
  • 28. Multi device design challenges Screen size The viewport takes the size of a full screen. Device profiles can differentiate views between multi devices.
  • 29. https://vimeo.com/33026515 Read the case study: http://bit.ly/Lvx0NC
  • 30. Multi device design challenges User input 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)
  • 31. http://www.youtube.com/watch?v=iR4qLfvHaII Check out the tutorial: http://bit.ly/1lpdJO3
  • 32. Multi device design challenges Features set 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.
  • 33. Multi device design challenges Features set Or use Adobe PhoneGap / Apache Cordova integration with community-driven plugins. !
  • 34. https://vimeo.com/32773806 Read the case study: http://bit.ly/1j2AO41
  • 35. Multi device design challenges About data… ! ! ! The browser can contain sensitive data, a direct gateway for cyber-criminals. !
  • 36. Multi device design challenges About data… 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
  • 37. https://vimeo.com/70443725 Sencha Space: http://bit.ly/1cvyXjJ
  • 38. Summary ! “When you are building apps for the multidevice world, you probably want to look into HTML5, because that’s language every modern device understands.” !
  • 39. ! “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. !
  • 40. http://www.speakerdeck.com/savelee Create amazing apps built on web standards Lee Boonstra @ladysign !