apps for the multi-device world

“Apps for the multi-device world.”

Lee Boonstra @ladysign

Lee BoonstraTechnical 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

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