web or native for mobile development

8/12/2019 Web or Native for Mobile Development

1/55


2/55

Revised v4Presenter

Web or Native for Mobile Development?

Android Reto Meier @retomeier

Web Michael Mahemoff @mahemoff


3/55

The Question

Should you build you mobile apps as HTML5 apps or

native apps


4/55

The !ns"er

YES


5/55

The #ase for $ative !pps


6/55

%f you can&t thin' of a "ay to improve your"eb app usin( !ndroid S)* features+++


7/55

%f you can&t thin' of a "ay to improve your"eb app usin( !ndroid S)* features+++

You're doing it wrong!


8/55


9/55

Standards ,ill !l"ays Trail %nnovation

Hard"are support

Rich %nte(ration


10/55

%mpendin( Hard"are Standards

Location -ased Services

Microphone input !ccelerometers


11/55

Hard"are is Rapidly .volvin(

/0012 Multi3touch accelerometers microphone

/002 6ideo compass bac'(round apps /0072 -luetooth multiple screen si8es /0902 :yroscopes front facin( cameras $;# /0992


12/55

$e" Hard"are Platforms

Tablets

Televisions #ars Picture ;rames ;rid(es ,ashin( Machines


13/55

#urrently Supported Hard"are

Smartphones < Tablets < Television

Microphone 6ideo camera =front facin( < rear facin(> Sensors =compass (yro accelerometers li(ht Multi3touch Telephony and S%P stac's

-luetooth


14/55

%ntents -ased )ata Sharin(

Lets ?rd parties e@chan(e data

Lets apps e@tend each other


15/55

AbiBuity

,id(et Live ;olders Live ,allpapers

Quic' Search -o@ $otifications !bility to replace native apps


16/55

True -ac'(round Services

!larms

%ntent Receivers #loud to )evice Messa(in( -ac'(round e@ecution < concurrent apps


17/55

#urrent !ndroid Platform ;eatures

:eo services

Sensors %nterprocess communications =%ntentsC> -ac'(round scheduled and concurrent apps Home screen "id(ets and Buic' search bo@ Rich multimedia

$ative =# development ;ull database < SQLLite support #amera and microphone access )eep system inte(ration < replacement


18/55

$ative !pp Stren(ths

!pps that use the hard"are

!pps that inte(rate system features !pps that "or' "ith other apps !pps that need to be fast !pps that are ubiBuitous


19/55

The #ase for HTML5


20/55

Remember "hen computers "ere computers


21/55

T6s "ere T6s


22/55

Mobile phones "ere thumpin( (reat bric's


23/55

;orm ;actors Roc'C


24/55

;orm ;actors Roc'

+++ for usersC

-ut less so for developers+


25/55

Modern )eveloperEou need to consider +++

)es'top

Laptop

$etboo'

Smartphone

;eature phone

Tablet

T6


26/55

!s a )eveloper you need toconsider +++

,atch

#ar

;rid(e

AS- )es'top !Buarium

=Maybe not+>


27/55

)es'top

,indo"s

FSG

Linu@

+++


28/55

Mobile

!ndroid

iFS

-lac'-erry

,indo"s Mobile +5

,indo"s Mobile 1 =re"rite>

Symbian

Mee(o

+++


29/55

Ho" about in /095

!nyone&s (uessC

-ut one platform is li'ely to be there2 ,eb+


30/55

,rite Fnce Run Many

is startin( to sound li'e a (ood idea


31/55

,eb Handles Many Aser %nterfaces

-ro"sers use a fluid layout model+

Sensible defaults "hether a 90cm phone or a /00cm T6

Tar(et specific platforms "ith #SS Media Queries


32/55

,eb Provides Secure Sandbo@in(

Same3ori(in policy prevents sharin( across different domains


33/55

,eb Provides Porous -oundaries

%t&s not blac'3and3"hite+

!pps IcanI share data securely 3 F!uth #ross3Fri(inResource Sharin( #ross3)ocument Messa(in(+


34/55

,eb Supports Permissionin(

$o" "e have rich functionality on the "eb e+(+ :eoLocation+

-ut not every app (ets access+

!s "ith smartphones bro"sers as' permission first+


35/55

So ,eb !rchitecture is :ood in Theory

Ho" about in practice


36/55

HTML5 is Ready Today

$ot /050 $ot /0/0+ Today+


37/55

HTML5 is Ready Today

Fh and it&s fast too

Javascript Performance -enchmar'http2


38/55

Aser %nterface2 #anvas

#anvas2 .ffect .n(ine

HTML5 :ame Jam2 .nterprise


39/55

Aser %nterface2 #SS

#ustom ;ontsTransforms

Much more+++


40/55

%nput

:eolocation

Frientation

Speech )etection

%dle )etection

)evice !P%2 #amera Microphonehttp2


41/55

$et"or'in(

Eour :randpa&s HTML2Lin's;orms

!Ka@2GMLHttpReBuest

$o"2#ross3)omain access "ith #FRS

/3,ay Streamin( "ith ,ebSoc'etServer3Sent .vents "ith .ventSource


42/55

Fffline

!pplication #achin(

,eb Stora(e,eb SQL )atabase

%nde@ed )atabase;ile !ccess


43/55

%nstallable if you "ant to

Mobile2 Phone:ap Titanium Roll3Eour3F"n

)es'top2 :oo(le #hrome ,eb Store


44/55

!nd -esides #ompatibility +++

Fpen standards

Fpen source

.asy to dive in

Tools and library support

)iverse community


45/55

,ant to Learn More

HTML5Roc's+com#hrome.@periments+com

,ant to Learn .ven Morehttp2


46/55

&,hich& is the ,ron( Question


47/55

,eb !pps

$ear universal covera(e )eploy once update instanly

$ative !pps )eep hard"are and platform inte(ration

Support for rapid hard"are innovation )evice and platform specific features Fptimi8ed user e@perience

T"o :reat Tastes that Taste :reat To(ether


48/55

EesC

-uild a "eb client first to offer your app to the lar(estpossible community of users+

-uild an optimi8ed native client that levera(es platformspecific features and an optimi8ed user e@perience+

-oth Really


49/55

Hard"are access

;eel the need for speed -ac'(round or concurrent e@ecution System access )eep inte(ration

Anderstand Eour !pp&s $eeds


50/55

HTML5 in $ative

Most platforms include a native ,eb 6ie" control+

%nclude ,eb 6ie" for specific features-oo' reader2 The catalo(ue:ame2 Hi(h scores

or use HTML5 for the entire app +++


51/55

HTML5 for .ntire !pp

,rap HTML5 app as native+

#an also use native capabilities+$itobi Phone:aphttp2


52/55

$ative !pps "ith HTML5

Ma'e it "or' offline+

Ase client3side stora(e "hen offline+

)on&t point to server+++pac'a(e it upC

Fr use !pplication #ache and #lient3Side Stora(e+


53/55

$ative !pps "ith HTML5

Prioriti8e platforms+

;or hi(h3priority platforms customise A% and incorporatenative features+

#SS Media Queries+JavaScript ;eature )etection =Moderni8r library>+

%ntroduce native stylin(+A% Tool'its2 Sencha Touch KQTouch KQuery Mobile +++

Q


54/55

Questions

T"itter2o !retomeier "Android#o !ma$emoff "Web#


55/55

web or native for mobile development

Documents