“Apps for the multi-device world.”
Lee Boonstra @ladysign
Lee BoonstraTechnical Trainer @ Sencha [email protected] ladysign leeboonstra http://www.ladysign-apps.com
“As a technical trainer I teach Sencha Touch and
Ext JS. I write documentation and speak at events.”
Author of: Hands-On Sencha Touch 2 !April 2014 ISBN:978-1-4493-6652-0
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.”
“How many devices did you bring with you
today?”
What’s in my bag…
‣ Laptop
What’s in my bag…
‣ Laptop
‣ Tablet
What’s in my bag…
‣ Laptop
‣ Tablet
‣ E-reader
What’s in my bag…
‣ Laptop
‣ Tablet
‣ E-reader
‣ Game console
What’s in my bag…
‣ Laptop
‣ Tablet
‣ E-reader
‣ Game console
‣ Camera
What’s in my bag…
‣ Laptop
‣ Tablet
‣ E-reader
‣ Game console
‣ Camera
‣ Phone
‣ …
What’s in my bag…
Different devices, different…Multi device design challenges
‣ Operating System & Browser
Different devices, different…Multi device design challenges
‣ Operating System & Browser
‣ Screen size
Different devices, different…Multi device design challenges
‣ Operating System & Browser
‣ Screen size
‣ User input
Different devices, different…Multi device design challenges
‣ Operating System & Browser
‣ Screen size
‣ User input
‣ Features set
Different devices, different…Multi device design challenges
‣ Operating System & Browser
‣ Screen size
‣ User input
‣ Features set
!
‣ (…and what about data?)
Different devices, different…Multi device design challenges
“There is one thing, all these devices have in common…”
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
“So, what’s the best approach to build an app for
the multi device world?”
“Serious App development: Maintainability, Scalability
and Flexibility.”
“A good framework, makes the life
of a developer easier.”
“Let’s review the design challenges:
How can we solve our problems with Sencha Touch ?”
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 / BrowserMulti device design challenges
Check out the tutorial: http://bit.ly/1nuhS1B
https://vimeo.com/84073941
The viewport takes the size of a full screen.
Device profiles can differentiate views between multi devices.
Screen sizeMulti device design challenges
Read the case study: http://bit.ly/Lvx0NC
https://vimeo.com/33026515
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 inputMulti device design challenges
Check out the tutorial: http://bit.ly/1lpdJO3
http://www.youtube.com/watch?v=iR4qLfvHaII
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 setMulti device design challenges
Or use Adobe PhoneGap / Apache Cordova integration with community-driven plugins. !
Features setMulti device design challenges
Read the case study: http://bit.ly/1j2AO41
https://vimeo.com/32773806
!
!
!
The browser can contain sensitive data, a direct gateway for cyber-criminals.
!
About data…Multi device design challenges
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
Sencha Space: http://bit.ly/1cvyXjJ
https://vimeo.com/70443725
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.”
!
!
“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.
!
Create amazing apps built on web standards
Lee Boonstra @ladysign !
http://www.speakerdeck.com/savelee