Hoe bepaal je welk platform je gaat gebruiken · JS java objective C java C# Titanium Appcelerator...

17
Share.TEC GA, Venice, January 21, 2009 Hoe bepaal je welk platform je gaat gebruiken Stefaan Ternier Friday, September 14, 12

Transcript of Hoe bepaal je welk platform je gaat gebruiken · JS java objective C java C# Titanium Appcelerator...

Page 1: Hoe bepaal je welk platform je gaat gebruiken · JS java objective C java C# Titanium Appcelerator PhoneGap Sencha Touch Friday, September 14, 12. ... HTML, CSS, JS Native android

Share.TEC GA, Venice, January 21, 2009

Hoe bepaal je welk platform je gaat gebruiken

Stefaan Ternier

Friday, September 14, 12

Page 2: Hoe bepaal je welk platform je gaat gebruiken · JS java objective C java C# Titanium Appcelerator PhoneGap Sencha Touch Friday, September 14, 12. ... HTML, CSS, JS Native android

Friday, September 14, 12

Page 3: Hoe bepaal je welk platform je gaat gebruiken · JS java objective C java C# Titanium Appcelerator PhoneGap Sencha Touch Friday, September 14, 12. ... HTML, CSS, JS Native android

Bring Your Own Device (BYOD)

BYOD Inverse-BYOD

• Verschillende platformen

• Echt gebruik!

• Bespaart kosten

• Gebruikers dragen zorg voor apparaat

• Eén platform

• gebruikers kunnen geen software installeren -> minder exploratie

Friday, September 14, 12

Page 4: Hoe bepaal je welk platform je gaat gebruiken · JS java objective C java C# Titanium Appcelerator PhoneGap Sencha Touch Friday, September 14, 12. ... HTML, CSS, JS Native android

Tablet

Geb

ruik

s pa

tron

en

smartphone

Res

olut

ie Ipad 3: 2048x1536 Blackberry curve:480x360Samsung SIII: 800x1280Samsung Galaxy tab: 800x1280

wandelen op straatlezen van boekenbekijken van filmsCreatingwanneer laptop overkill is

wandelen op straatlezen van boekenbekijken van filmsConsuminglocatie/trackingremote control

Des

ign Applicatie designer:

toon enkel wat echt nodig isApplicatie designer:meer ruimte

Friday, September 14, 12

Page 5: Hoe bepaal je welk platform je gaat gebruiken · JS java objective C java C# Titanium Appcelerator PhoneGap Sencha Touch Friday, September 14, 12. ... HTML, CSS, JS Native android

iOS

iOS

android

windowsphone

blackberry

symbian

Friday, September 14, 12

Page 7: Hoe bepaal je welk platform je gaat gebruiken · JS java objective C java C# Titanium Appcelerator PhoneGap Sencha Touch Friday, September 14, 12. ... HTML, CSS, JS Native android

Macro comparisonAndroid

NFC

iOS Blackberry WindowsPhone

Flas

hW

ebki

tm

ultip

leha

rdw

are

vend

ors

Friday, September 14, 12

Page 8: Hoe bepaal je welk platform je gaat gebruiken · JS java objective C java C# Titanium Appcelerator PhoneGap Sencha Touch Friday, September 14, 12. ... HTML, CSS, JS Native android

Macro comparisonAndroid

NFC

iOS Blackberry WindowsPhone

Flas

hW

ebki

tm

ultip

leha

rdw

are

vend

ors

Friday, September 14, 12

Page 9: Hoe bepaal je welk platform je gaat gebruiken · JS java objective C java C# Titanium Appcelerator PhoneGap Sencha Touch Friday, September 14, 12. ... HTML, CSS, JS Native android

Android : API levels• Cupcake

• API level 3 = Android 1.5

• Gingerbread

• API level 10 = Android 2.3.3

• Honeycomb

• API Level 11 = Android 3.0

• API Level 12 = Android 3.1

• Ice Cream Sandwich

• API Level 14 = Android 4.0

• Jelly Bean

• API Level 16 = Android 4.1

Bron: http://developer.android.com/about/dashboards/index.htmlFriday, September 14, 12

Page 10: Hoe bepaal je welk platform je gaat gebruiken · JS java objective C java C# Titanium Appcelerator PhoneGap Sencha Touch Friday, September 14, 12. ... HTML, CSS, JS Native android

API Levels (some highlights)

• API Level 8

• Speech recognition

• backup

• API Level 10

• Near Field Communication (NFC) Support

• API Level 12

• USB support

• API Level 13

• Screens support APIs

• API Level 14

Friday, September 14, 12

Page 11: Hoe bepaal je welk platform je gaat gebruiken · JS java objective C java C# Titanium Appcelerator PhoneGap Sencha Touch Friday, September 14, 12. ... HTML, CSS, JS Native android

API Level: sensor ondersteuning

Bron: http://developer.android.com/guide/topics/sensors/sensors_overview.html

Friday, September 14, 12

Page 12: Hoe bepaal je welk platform je gaat gebruiken · JS java objective C java C# Titanium Appcelerator PhoneGap Sencha Touch Friday, September 14, 12. ... HTML, CSS, JS Native android

Android Manifest

<manifest ...> <uses-sdk android:minSdkVersion="6" android:targetSdkVersion="10"/>

<uses-permission android:name="android.permission.CAMERA"/> <uses-permission android:name="android.permission.NFC" />

<uses-feature android:name="android.hardware.nfc" android:required="true" /></manifest>

Friday, September 14, 12

Page 13: Hoe bepaal je welk platform je gaat gebruiken · JS java objective C java C# Titanium Appcelerator PhoneGap Sencha Touch Friday, September 14, 12. ... HTML, CSS, JS Native android

Nat

ive

OntwikkelplatformenAndroid iOS Blackberry Windows

Phone

HT

ML

/ JS

java objective C C#java

Titanium Appcelerator

PhoneGap

Sencha Touch

Friday, September 14, 12

Page 14: Hoe bepaal je welk platform je gaat gebruiken · JS java objective C java C# Titanium Appcelerator PhoneGap Sencha Touch Friday, September 14, 12. ... HTML, CSS, JS Native android

HTML5: e.g. sencha touch

• offline opslag

• toegang tot locatie

• multitouch

• geen native look and feel

Friday, September 14, 12

Page 15: Hoe bepaal je welk platform je gaat gebruiken · JS java objective C java C# Titanium Appcelerator PhoneGap Sencha Touch Friday, September 14, 12. ... HTML, CSS, JS Native android

iOS

Phonegap

Phon

egap

API

Android

Bron: http://phonegap.com/2012/05/02/phonegap-explained-visually/

Friday, September 14, 12

Page 16: Hoe bepaal je welk platform je gaat gebruiken · JS java objective C java C# Titanium Appcelerator PhoneGap Sencha Touch Friday, September 14, 12. ... HTML, CSS, JS Native android

Appcelerator

Application sourceHTML, CSS, JS

Native android app

Your application

JS-JAVA bridge

Android OSNative android app

Your application

JS-Objective C bridge

iOS

Friday, September 14, 12

Page 17: Hoe bepaal je welk platform je gaat gebruiken · JS java objective C java C# Titanium Appcelerator PhoneGap Sencha Touch Friday, September 14, 12. ... HTML, CSS, JS Native android

ComparisonPhonegap

look

‘n

feel

Dis

trib

utio

nse

nsor

s

Appcelerator HTML5

app stores web

web native + web web

extended support

extended support

basic loc, multitouch

app stores+ web

Friday, September 14, 12