Decisions, Decisions: Native to Mobile Web
-
Upload
will-iverson -
Category
Technology
-
view
323 -
download
0
Transcript of Decisions, Decisions: Native to Mobile Web
![Page 1: Decisions, Decisions: Native to Mobile Web](https://reader036.fdocuments.in/reader036/viewer/2022062704/555b3f60d8b42a16758b45ad/html5/thumbnails/1.jpg)
Decisions, Decisions
Native, Hybrid & Mobile Web
Will IversonCTO, Dev9
![Page 2: Decisions, Decisions: Native to Mobile Web](https://reader036.fdocuments.in/reader036/viewer/2022062704/555b3f60d8b42a16758b45ad/html5/thumbnails/2.jpg)
What’s in a Name?• Dynacron Group is now Dev9
![Page 3: Decisions, Decisions: Native to Mobile Web](https://reader036.fdocuments.in/reader036/viewer/2022062704/555b3f60d8b42a16758b45ad/html5/thumbnails/3.jpg)
Hi!• Dev9– Kirkland, WA software consulting firm– ~40 people, ~3.5 years– Specializing in Continuous Delivery– Open source, Java, Mobile, NoSQL
• Will Iverson– CTO. Author. Speaker. Since 1995.
![Page 4: Decisions, Decisions: Native to Mobile Web](https://reader036.fdocuments.in/reader036/viewer/2022062704/555b3f60d8b42a16758b45ad/html5/thumbnails/4.jpg)
Stipulations• Mobile is huge.• Mobile is multi-platform.• Secure things are [validated] on
servers.–Money, digital goods, identity, etc.
• You don’t have infinite resources.
![Page 5: Decisions, Decisions: Native to Mobile Web](https://reader036.fdocuments.in/reader036/viewer/2022062704/555b3f60d8b42a16758b45ad/html5/thumbnails/5.jpg)
I’m in! Let’s get mobile!
![Page 6: Decisions, Decisions: Native to Mobile Web](https://reader036.fdocuments.in/reader036/viewer/2022062704/555b3f60d8b42a16758b45ad/html5/thumbnails/6.jpg)
Wait…
![Page 7: Decisions, Decisions: Native to Mobile Web](https://reader036.fdocuments.in/reader036/viewer/2022062704/555b3f60d8b42a16758b45ad/html5/thumbnails/7.jpg)
Android Fragmentation
http://developer.android.com/about/dashboards/index.html
![Page 8: Decisions, Decisions: Native to Mobile Web](https://reader036.fdocuments.in/reader036/viewer/2022062704/555b3f60d8b42a16758b45ad/html5/thumbnails/8.jpg)
iOS Fragmentation
http://aplus.rs/2013/try-couch-to-5k-ios-and-device-charts/Note: this particular chart is a smaller sample for one app
![Page 9: Decisions, Decisions: Native to Mobile Web](https://reader036.fdocuments.in/reader036/viewer/2022062704/555b3f60d8b42a16758b45ad/html5/thumbnails/9.jpg)
It’s even worse than that!
What exactly IS mobile,
anyways?
Touch?Small screen?
Location aware?
![Page 10: Decisions, Decisions: Native to Mobile Web](https://reader036.fdocuments.in/reader036/viewer/2022062704/555b3f60d8b42a16758b45ad/html5/thumbnails/10.jpg)
Considerations• Goals• People (aka resources)
• Tools• Processes
![Page 11: Decisions, Decisions: Native to Mobile Web](https://reader036.fdocuments.in/reader036/viewer/2022062704/555b3f60d8b42a16758b45ad/html5/thumbnails/11.jpg)
Goals• Concrete model for describing
success– Transactions?– Sales?– Reduce time to complete action?– Ongoing user engagement?
![Page 12: Decisions, Decisions: Native to Mobile Web](https://reader036.fdocuments.in/reader036/viewer/2022062704/555b3f60d8b42a16758b45ad/html5/thumbnails/12.jpg)
Transactions & Revenue• Give 30% to platform vendor?– Give up 50% to retail today, maybe ok– Give up 3% to CC today, maybe not
• Do you have the customer’s contact info?
![Page 13: Decisions, Decisions: Native to Mobile Web](https://reader036.fdocuments.in/reader036/viewer/2022062704/555b3f60d8b42a16758b45ad/html5/thumbnails/13.jpg)
Now What?• Let’s go build something!• Need a dev team… tools…
processes…
![Page 14: Decisions, Decisions: Native to Mobile Web](https://reader036.fdocuments.in/reader036/viewer/2022062704/555b3f60d8b42a16758b45ad/html5/thumbnails/14.jpg)
Classic ApproachNative• Use mobile platform
vendor SDK & Language
• Full device integration• Excellent CPU/GPU
performance• Hard to build
Mobile Web• Use HTML5, JavaScript
to target mobile browser
• No device integration• Slow, inferior CPU/GPU
experience• Easy to build
![Page 15: Decisions, Decisions: Native to Mobile Web](https://reader036.fdocuments.in/reader036/viewer/2022062704/555b3f60d8b42a16758b45ad/html5/thumbnails/15.jpg)
Native App Store
Native Wrapper
History of Mobile Deployment*
Native Applicatio
n
Mobile Browser
Web Applicatio
n
Web Applicatio
n
* iOS+
![Page 16: Decisions, Decisions: Native to Mobile Web](https://reader036.fdocuments.in/reader036/viewer/2022062704/555b3f60d8b42a16758b45ad/html5/thumbnails/16.jpg)
New Thinking• Native• Web– Responsive– Canvas
• Hybrid– Responsive– Canvas
![Page 17: Decisions, Decisions: Native to Mobile Web](https://reader036.fdocuments.in/reader036/viewer/2022062704/555b3f60d8b42a16758b45ad/html5/thumbnails/17.jpg)
![Page 18: Decisions, Decisions: Native to Mobile Web](https://reader036.fdocuments.in/reader036/viewer/2022062704/555b3f60d8b42a16758b45ad/html5/thumbnails/18.jpg)
Responsive Design
![Page 19: Decisions, Decisions: Native to Mobile Web](https://reader036.fdocuments.in/reader036/viewer/2022062704/555b3f60d8b42a16758b45ad/html5/thumbnails/19.jpg)
Canvas
scirra.com/arcade
![Page 20: Decisions, Decisions: Native to Mobile Web](https://reader036.fdocuments.in/reader036/viewer/2022062704/555b3f60d8b42a16758b45ad/html5/thumbnails/20.jpg)
Hybrid Features
![Page 21: Decisions, Decisions: Native to Mobile Web](https://reader036.fdocuments.in/reader036/viewer/2022062704/555b3f60d8b42a16758b45ad/html5/thumbnails/21.jpg)
Hybrid Performance• Subjective vs. Objective– 10,000s of sprites, physics, more… many high
perf demos
• Requires work– Touch events, JS profiling
• Naïve implementations easy to screw up– Use mobile appropriate JS frameworks
• Perf improvements help all targets
![Page 22: Decisions, Decisions: Native to Mobile Web](https://reader036.fdocuments.in/reader036/viewer/2022062704/555b3f60d8b42a16758b45ad/html5/thumbnails/22.jpg)
Hybrid User Interface• Biggest
challenge• Roll your
own, or use a toolkit
KendoUI framework shown
![Page 23: Decisions, Decisions: Native to Mobile Web](https://reader036.fdocuments.in/reader036/viewer/2022062704/555b3f60d8b42a16758b45ad/html5/thumbnails/23.jpg)
So… why native again?• Performance?• GPU!
• Hardware integration?– Innovation!
• App Store!– Discoverability!
![Page 24: Decisions, Decisions: Native to Mobile Web](https://reader036.fdocuments.in/reader036/viewer/2022062704/555b3f60d8b42a16758b45ad/html5/thumbnails/24.jpg)
Additional Criteria• Testability
– Much easier to test mobile web
• Continuous Integration• Deployment Time
– Days/weeks for app store updates
• Analytics• Budget• Staff Expertise
![Page 25: Decisions, Decisions: Native to Mobile Web](https://reader036.fdocuments.in/reader036/viewer/2022062704/555b3f60d8b42a16758b45ad/html5/thumbnails/25.jpg)
Sample Decision Tree
3D Game?
Unity3D 2D Game?
Scirra Construct2 Internal Customers Only?
Mobile WebOnly
Mobile Web + Hybrid
Yes No
Yes No
Yes No
![Page 26: Decisions, Decisions: Native to Mobile Web](https://reader036.fdocuments.in/reader036/viewer/2022062704/555b3f60d8b42a16758b45ad/html5/thumbnails/26.jpg)
Q & A