Post on 15-Apr-2017
GUIA DO DESENVOLVEDOR MOBILE
DAS GALÁXIAS@ A LVA R O V I E B R A N T Z / / AV I E B R A N T Z . C O M . B R
1
• Analista de TI na Sefaz-MT (MTI)
• Prêmio de melhor espirito empreendedor
• SW Cuiabá 2015 com JogaFácil
• Ex Fullstack developer no Procurix
• Mobile developer no Estudavest
• Ciência da Computação na UFMT
Cuiabá, MT, Brasil
alvarowolfx
@alvaroviebrantz 2
A LVA R O V I E B R A N T Z
S L A C K . D E V M T. C O M . B R
4
S L A C K - D I S C U S S Õ E S G E R A I S
5
W E B - M O B I L E - N O S Q L - A R D U I N O - S TA RT U P
S TA RT W I T H W H YT H E G O L D E N C I R C L E - B Y S I M O N S I N E K
6
Start With Why
• Why go Mobile
• How to go Mobile
• What you deliver on Mobile
7
W H Y M O B I L EH I S T O R Y + M O B I L E A D VA N TA G E S
8
E M A I L S - FA X - W E B W O R D - S P R E A D S H E E T S
9 0 S - E N T E R P R I S E + M O B I L I T Y
9
E N T E R P R I S E T O C O N S U M E R2 0 0 0 S
10
11
• Java ME
• Qt
• Symbian
• C++
• Distribution ?
A P P S D E V E L O P M E N T2 0 0 0 S
12
2 0 0 7 S ~ T O D AY
13
T H E I P H O N E B O O M
• Better Browser
• 2G Network
• Multi Touch
• WebApps
• Form Factor
• iPod + Phone
14
15
16
A N D R O I D ( 2 0 0 8 )
• Backed by Google
• Open Source
• Infinity possibilities for developers
• Many hardware manufacturers embraced
17
A P P S T O R E R E V O L U T I O N
18
A P P S T O R E S R E V O L U T I O N
Idea Awesome idea
Development Get your hands dirty
Distribution Reach your users
19
A P P S T O R E S
• Monetization
• Paid apps
• In App Purchase
• App Store (iOS)
• July 2008
• Android Market
• October 2008
20
AW E S O M E M O B I L E S D K
• Annual events
• WWDC
• Google IO
• Embrace Developers
• Awesome tools
• Mobile courses
21
T O D AY
22
A P P S A N D P L AT F O R M
• Smartphones are commodities
• UX
• Apps
• Cloud
• Integration
• New devices
23
W H AT C A N W E O F F E R ?
24
N O T O N LY C A L L A N Y M O R E
M O B I L E S D K
• Access to hardware
• Camera
• GPS
• Accelerometer, Gyro, etc
• Graphics and Animation
• Payment
• Bluetooth and NFC
• Storage
25
26
U X U S E R E X P E R I E N C E
27
U X U S E R E X P E R I E N C E
28
O F F L I N E
P E R F O RM A N C E FA M I L I A R
H O M E S C R E E N
FA S T
E A C H S E C O N D FA S T E R
+ 2 % O F C O N V E R S I O N R AT E
29
E A C H TA P
- 2 0 % U S E R S
30
U S E R S S P E N T
$ 2 0 B I O N A P P S T O R E 2 0 1 5
31
A LWAY S AT H A N D
32
M O B I L E E N G A G E M E N T
33
7 2 % O P E N T H E A P P
O N N O T I F I C AT I O N A R R I VA L
34
B U S I N E S S A P P S
35
M O B I L E A D VA N TA G E S
• User experience
• Engagement
• Monetization
• Always at hand
• Offline
• Multiple plataforms
37
G O M O B I L EH O W T O
38
M O B I L E S TA C K
App Users
Monitor
Backend Login/Auth Database File Storage Administration
39
API
Analytics
Push
Crash Test
40
M O B I L E F R O N T- E N D
• Platform guidelines
• Technologies
• Native
• Cross Compile
• Hybrid
• Javascript Native
41
P L AT F O R M G U I D E L I N E S
42
M O B I L E N AT I V E
• Each one have a platform SDK
• Focus on iOS and Android
• Platform programming languages
• Platform Tools
• Separated source code
43
N AT I V E I O S
• Objective-C and Swift
• developer.apple.com
• 100$ per year fee
• Mac OS X required
• Xcode
44
N AT I V E I O S
• Advantages
• Platform loyalty
• Better conversion rate
• Less devices and version fragmentation
• Plenty of development resources
• Disadvantages
• Requires Mac OS X
• Less customers outside EUA
45
N AT I V E I O S
• CocoaControls.com - Components
• raywenderlinch.com - Tutorials
• CocoaPods - Dependency management
• Stanford iOS Course on iTunesU
46
N AT I V E A N D R O I D
• Java or JVM based languages
• Scala, Groovy and Kotlin
• developer.google.com
• One time 25$ fee
• Android Studio
• Any OS can be used for development
47
N AT I V E A N D R O I D
• Advantages
• Global market leader
• Can program on any hardware and OS
• Low cost to start developing
• Disadvantages
• Devices fragmentation
• Less learning resources
48
N AT I V E A N D R O I D
• github.com/JStumpp/awesome-android - Components
• raywenderlinch.com - Tutorials
• Graddle - Dependency management
• Genymotion Simulator (MUCH FASTER)
• Udacity Android Nanodegree
49
R U U F M TF I R S T A P P ( 2 0 1 2 )
I T I N E R Á R I O S M TS E C O N D A P P ( 2 0 1 2 )
W H Y N O T N AT I V E ?
• Multiple platform support is hard
• Platform specific code
• Hard to find developers
• Developers silo
• Higher cost
52
C R O S S C O M P I L E N AT I V E
• Write once using .NET Technologies
• C# or F#
• Deploy to iOS, Android and Windows Phone
• Single source code, generate native app
• Can have separated code for UI
• To follow specific guidelines
53
C R O S S C O M P I L E
• It’s open source now !!!
• Develop in any platform and OS
• Visual Studio or Mono Developer
• Xamarin University
54
C R O S S C O M P I L E G A M E S
• Unity 3d
• 3d and 2d games
• Can deploy to mobile
• Develop in any platform and OS
• Assets store
• Freemium
55
http://madewith.unity.com/
B U T N AT I V E R E M A I N S D I F F I C U LT
• Develop, Compile, Build, Test tedious lifecycle
• Hard to find developers
• Web developers are more easy to find
• Native it’s a necessary evil
56
57
I N A G I A N T S H O U L D E R ’ S
Why not apply this for mobile development ?
58
A LT E R N AT I V E S T O N AT I V E
Hybrid apps with Cordova
59
A LT E R N AT I V E S T O N AT I V E
60
H Y B R I D D E V E L O P M E N T
• HTML5, CSS3 and Javascript
• Native bridge with Cordova
• Web development tools
• Fast development
• Easily style your app
• Vibrant community61
P R O C U R I X A P PT O O K A M O N T H T O L A U N C H T H E A P P ( 2 0 1 4 )
T R I M T R I M D E L I V E RYP I Z Z A M E N U A P P ( 2 0 1 3 )
F I N D M Y P E TI O N I C W O R K S H O P
S TAT E O F W E B V I E W S
“The State of JavaScript on Android in 2015 is… poor”
https://meta.discourse.org/t/the-state-of-javascript-on-android-in-2015-is-poor/33889/165
J AVA S C R I P T N AT I V E
Mobile apps using web technologies
No Webviews
Direct javascript bridge to native
Fast Development + Great Peformance
66
J AVA S C R I P T N AT I V E
67
NativeScript by Telerik
React Native by Facebook
R E A C T N AT I V E
• Created by Facebook
• Public release on early 2015
• Only iOS first
• Late 2015
• Android support
• Early 2016
• Windows Phone support68
S H O W C A S E - R E A C T N AT I V E
69
E S T U D AV E S T 2 . 0C U R R E N T P R O J E C T
M O B I L E B A C K - E N D
• Backend Services
• What programming languages
• Technologies
• Cloud
• Backend as a Service
• Overview71
https://assist-software.net/blog/cloud-offering-comparison-between-iaas-paas-saas-baas
U S E W H AT E V E R L A N G U A G E Y O U L I K E
73
M O B I L E S TA C K
App Users
Monitor
Backend Login/Auth Database File Storage Administration
75
API
Analytics
Push
Crash Test
76
B A A S B a c k e n d A s A S e r v i c e
77
B A A S B a c k e n d A s A S e r v i c e
H O W T O L E A R N ?
78
iTunesU
R E A D T H E F * * K I N G M A N U A L
79
W H AT Y O U D E L I V E R80
E V E RY O N E C A N B E A D R I V E R81
H AV E A P R I VAT E D R I V E R
O R
N E V E R G O T O T H E B A N K PAY A N Y W H E R E
82
S H A R E E P H E M E R A L M O M E N T S
S N A P C H AT
83
G O O U T W I T H S O M E O N E C L O S E T O Y O U
T I N D E R
84
85
L I S T E N T O T H E S O N G S Y O U L O V E
W H E R E V E R Y O U A R E
S P O T I F Y
86
S TA RT W I T H W H YR E M E M B E R ! ! !
87
T H AT ’ S A L L F O L K S
QUESTIONS ?
88
@ A LVA R O V I E B R A N T Z / / AV I E B R A N T Z . C O M . B R