“Apps for the 	

multi-device world.”
Lee Boonstra	

@ladysign
Lee Boonstra
Technical Trainer @ Sencha
!

lee.boonstra@sencha.com
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 	

an...
“How many devices	

did you bring with you
today?”
What’s in my bag…
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	


‣

…
Multi device design challenges

Different devices, different…
Multi device design challenges

Different devices, different…
‣

Operating System & Browser
Multi device design challenges

Different devices, different…
‣

Operating System & Browser	


‣

Screen size
Multi device design challenges

Different devices, different…
‣

Operating System & Browser	


‣

Screen size	


‣

User i...
Multi device design challenges

Different devices, different…
‣

Operating System & Browser	


‣

Screen size	


‣

User i...
Multi device design challenges

Different devices, different…
‣

Operating System & Browser	


‣

Screen size	


‣

User i...
“There is one
thing, all these
devices have in
common…”
Where a multi device app fits in
IIS	

Apache	

Tomcat	

Websphere	

...

Java	

PHP	

ColdFusion	

.NET	

Ruby on Rails	
...
“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 ?”
Multi device design challenges

OS / Browser

Sencha Touch runs in any
modern browser. This includes
the browsers on: iOS,...
https://vimeo.com/84073941

Check out the tutorial:	

http://bit.ly/1nuhS1B
Multi device design challenges

Screen size

The viewport takes the size of
a full screen.	

Device profiles can different...
https://vimeo.com/33026515

Read the case study:	

http://bit.ly/Lvx0NC
Multi device design challenges

User input

Sencha Touch has built-in touch
and gesture support. 	

(tap, drag, swipe, pin...
http://www.youtube.com/watch?v=iR4qLfvHaII

Check out the tutorial:	

http://bit.ly/1lpdJO3
Multi device design challenges

Features set

Build a hybrid app, to support device
specific features.	

Sencha Touch ship...
Multi device design challenges

Features set

Or use Adobe PhoneGap /
Apache Cordova integration with
community-driven plu...
https://vimeo.com/32773806

Read the case study:	

http://bit.ly/1j2AO41
Multi device design challenges

About data…

!
!
!

The browser can contain sensitive data, 	

a direct gateway for cyber-...
Multi device design challenges

About data…
Sencha Space

- Easily deploy apps to a encrypted mobile workspace	

- Remotel...
https://vimeo.com/70443725

Sencha Space:	


http://bit.ly/1cvyXjJ
Summary
!

“When you are building apps for the multidevice world, you probably want to look into
HTML5, because that’s lan...
!

“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 ...
http://www.speakerdeck.com/savelee

Create amazing apps built on web standards

Lee Boonstra
@ladysign
!
Apps for the Multi-Device World
Apps for the Multi-Device World
Apps for the Multi-Device World
Apps for the Multi-Device World
Apps for the Multi-Device World
Apps for the Multi-Device World
Apps for the Multi-Device World
Apps for the Multi-Device World
Apps for the Multi-Device World
Apps for the Multi-Device World
Apps for the Multi-Device World
Apps for the Multi-Device World
Apps for the Multi-Device World
Upcoming SlideShare
Loading in …5
×

Apps for the Multi-Device World

890 views

Published on

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.

Published in: Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
890
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
21
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Apps for the Multi-Device World

  1. 1. “Apps for the multi-device world.” Lee Boonstra @ladysign
  2. 2. Lee Boonstra Technical Trainer @ Sencha ! lee.boonstra@sencha.com ladysign leeboonstra http://www.ladysign-apps.com
  3. 3. “As a technical trainer I teach Sencha Touch and Ext JS. I write documentation and speak at events.”
  4. 4. Author of: Hands-On Sencha Touch 2 ! April 2014 ISBN:978-1-4493-6652-0
  5. 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. 6. “How many devices did you bring with you today?”
  7. 7. What’s in my bag…
  8. 8. What’s in my bag… ‣ Laptop
  9. 9. What’s in my bag… ‣ Laptop ‣ Tablet
  10. 10. What’s in my bag… ‣ Laptop ‣ Tablet ‣ E-reader
  11. 11. What’s in my bag… ‣ Laptop ‣ Tablet ‣ E-reader ‣ Game console
  12. 12. What’s in my bag… ‣ Laptop ‣ Tablet ‣ E-reader ‣ Game console ‣ Camera
  13. 13. What’s in my bag… ‣ Laptop ‣ Tablet ‣ E-reader ‣ Game console ‣ Camera ‣ Phone ‣ …
  14. 14. Multi device design challenges Different devices, different…
  15. 15. Multi device design challenges Different devices, different… ‣ Operating System & Browser
  16. 16. Multi device design challenges Different devices, different… ‣ Operating System & Browser ‣ Screen size
  17. 17. Multi device design challenges Different devices, different… ‣ Operating System & Browser ‣ Screen size ‣ User input
  18. 18. Multi device design challenges Different devices, different… ‣ Operating System & Browser ‣ Screen size ‣ User input ‣ Features set
  19. 19. Multi device design challenges Different devices, different… ‣ Operating System & Browser ‣ Screen size ‣ User input ‣ Features set ! ‣ (…and what about data?)
  20. 20. “There is one thing, all these devices have in common…”
  21. 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. 22. “So, what’s the best approach to build an app for the multi device world?”
  23. 23. “Serious App development: Maintainability, Scalability and Flexibility.”
  24. 24. “A good framework, makes the life of a developer easier.”
  25. 25. “Let’s review the design challenges: How can we solve our problems with Sencha Touch ?”
  26. 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. 27. https://vimeo.com/84073941 Check out the tutorial: http://bit.ly/1nuhS1B
  28. 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. 29. https://vimeo.com/33026515 Read the case study: http://bit.ly/Lvx0NC
  30. 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. 31. http://www.youtube.com/watch?v=iR4qLfvHaII Check out the tutorial: http://bit.ly/1lpdJO3
  32. 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. 33. Multi device design challenges Features set Or use Adobe PhoneGap / Apache Cordova integration with community-driven plugins. !
  34. 34. https://vimeo.com/32773806 Read the case study: http://bit.ly/1j2AO41
  35. 35. Multi device design challenges About data… ! ! ! The browser can contain sensitive data, a direct gateway for cyber-criminals. !
  36. 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. 37. https://vimeo.com/70443725 Sencha Space: http://bit.ly/1cvyXjJ
  38. 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. 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. 40. http://www.speakerdeck.com/savelee Create amazing apps built on web standards Lee Boonstra @ladysign !

×