web or native for mobile development
TRANSCRIPT
-
8/12/2019 Web or Native for Mobile Development
1/55
-
8/12/2019 Web or Native for Mobile Development
2/55
Revised v4Presenter
Web or Native for Mobile Development?
Android Reto Meier @retomeier
Web Michael Mahemoff @mahemoff
-
8/12/2019 Web or Native for Mobile Development
3/55
The Question
Should you build you mobile apps as HTML5 apps or
native apps
-
8/12/2019 Web or Native for Mobile Development
4/55
The !ns"er
YES
-
8/12/2019 Web or Native for Mobile Development
5/55
The #ase for $ative !pps
-
8/12/2019 Web or Native for Mobile Development
6/55
%f you can&t thin' of a "ay to improve your"eb app usin( !ndroid S)* features+++
-
8/12/2019 Web or Native for Mobile Development
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/12/2019 Web or Native for Mobile Development
8/55
-
8/12/2019 Web or Native for Mobile Development
9/55
Standards ,ill !l"ays Trail %nnovation
Hard"are support
Rich %nte(ration
-
8/12/2019 Web or Native for Mobile Development
10/55
%mpendin( Hard"are Standards
Location -ased Services
Microphone input !ccelerometers
-
8/12/2019 Web or Native for Mobile Development
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
-
8/12/2019 Web or Native for Mobile Development
12/55
$e" Hard"are Platforms
Tablets
Televisions #ars Picture ;rames ;rid(es ,ashin( Machines
-
8/12/2019 Web or Native for Mobile Development
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
-
8/12/2019 Web or Native for Mobile Development
14/55
%ntents -ased )ata Sharin(
Lets ?rd parties e@chan(e data
Lets apps e@tend each other
-
8/12/2019 Web or Native for Mobile Development
15/55
AbiBuity
,id(et Live ;olders Live ,allpapers
Quic' Search -o@ $otifications !bility to replace native apps
-
8/12/2019 Web or Native for Mobile Development
16/55
True -ac'(round Services
!larms
%ntent Receivers #loud to )evice Messa(in( -ac'(round e@ecution < concurrent apps
-
8/12/2019 Web or Native for Mobile Development
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
-
8/12/2019 Web or Native for Mobile Development
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
-
8/12/2019 Web or Native for Mobile Development
19/55
The #ase for HTML5
-
8/12/2019 Web or Native for Mobile Development
20/55
Remember "hen computers "ere computers
-
8/12/2019 Web or Native for Mobile Development
21/55
T6s "ere T6s
-
8/12/2019 Web or Native for Mobile Development
22/55
Mobile phones "ere thumpin( (reat bric's
-
8/12/2019 Web or Native for Mobile Development
23/55
;orm ;actors Roc'C
-
8/12/2019 Web or Native for Mobile Development
24/55
;orm ;actors Roc'
+++ for usersC
-ut less so for developers+
-
8/12/2019 Web or Native for Mobile Development
25/55
Modern )eveloperEou need to consider +++
)es'top
Laptop
$etboo'
Smartphone
;eature phone
Tablet
T6
-
8/12/2019 Web or Native for Mobile Development
26/55
!s a )eveloper you need toconsider +++
,atch
#ar
;rid(e
AS- )es'top !Buarium
=Maybe not+>
-
8/12/2019 Web or Native for Mobile Development
27/55
)es'top
,indo"s
FSG
Linu@
+++
-
8/12/2019 Web or Native for Mobile Development
28/55
Mobile
!ndroid
iFS
-lac'-erry
,indo"s Mobile +5
,indo"s Mobile 1 =re"rite>
Symbian
Mee(o
+++
-
8/12/2019 Web or Native for Mobile Development
29/55
Ho" about in /095
!nyone&s (uessC
-ut one platform is li'ely to be there2 ,eb+
-
8/12/2019 Web or Native for Mobile Development
30/55
,rite Fnce Run Many
is startin( to sound li'e a (ood idea
-
8/12/2019 Web or Native for Mobile Development
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
-
8/12/2019 Web or Native for Mobile Development
32/55
,eb Provides Secure Sandbo@in(
Same3ori(in policy prevents sharin( across different domains
-
8/12/2019 Web or Native for Mobile Development
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(+
-
8/12/2019 Web or Native for Mobile Development
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+
-
8/12/2019 Web or Native for Mobile Development
35/55
So ,eb !rchitecture is :ood in Theory
Ho" about in practice
-
8/12/2019 Web or Native for Mobile Development
36/55
HTML5 is Ready Today
$ot /050 $ot /0/0+ Today+
-
8/12/2019 Web or Native for Mobile Development
37/55
HTML5 is Ready Today
Fh and it&s fast too
Javascript Performance -enchmar'http2
-
8/12/2019 Web or Native for Mobile Development
38/55
Aser %nterface2 #anvas
#anvas2 .ffect .n(ine
HTML5 :ame Jam2 .nterprise
-
8/12/2019 Web or Native for Mobile Development
39/55
Aser %nterface2 #SS
#ustom ;ontsTransforms
Much more+++
-
8/12/2019 Web or Native for Mobile Development
40/55
%nput
:eolocation
Frientation
Speech )etection
%dle )etection
)evice !P%2 #amera Microphonehttp2
-
8/12/2019 Web or Native for Mobile Development
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
-
8/12/2019 Web or Native for Mobile Development
42/55
Fffline
!pplication #achin(
,eb Stora(e,eb SQL )atabase
%nde@ed )atabase;ile !ccess
-
8/12/2019 Web or Native for Mobile Development
43/55
%nstallable if you "ant to
Mobile2 Phone:ap Titanium Roll3Eour3F"n
)es'top2 :oo(le #hrome ,eb Store
-
8/12/2019 Web or Native for Mobile Development
44/55
!nd -esides #ompatibility +++
Fpen standards
Fpen source
.asy to dive in
Tools and library support
)iverse community
-
8/12/2019 Web or Native for Mobile Development
45/55
,ant to Learn More
HTML5Roc's+com#hrome.@periments+com
,ant to Learn .ven Morehttp2
-
8/12/2019 Web or Native for Mobile Development
46/55
&,hich& is the ,ron( Question
-
8/12/2019 Web or Native for Mobile Development
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
-
8/12/2019 Web or Native for Mobile Development
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
-
8/12/2019 Web or Native for Mobile Development
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
-
8/12/2019 Web or Native for Mobile Development
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 +++
-
8/12/2019 Web or Native for Mobile Development
51/55
HTML5 for .ntire !pp
,rap HTML5 app as native+
#an also use native capabilities+$itobi Phone:aphttp2
-
8/12/2019 Web or Native for Mobile Development
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+
-
8/12/2019 Web or Native for Mobile Development
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
-
8/12/2019 Web or Native for Mobile Development
54/55
Questions
T"itter2o !retomeier "Android#o !ma$emoff "Web#
-
8/12/2019 Web or Native for Mobile Development
55/55