come with an idea - go home with an idea
DESCRIPTION
TRANSCRIPT
Hybrid AppsMaking your way through the JungleNicolas Ruflin
• Making your way through the Jungle (@ruflin)
• Rapidly prototype your app with the LAB (@olivertupman)
• Take-off your hybrid app into the app stores (@igama)
• Testing and performance tuning techniques (@AVGP)
|
Hybrid Apps
Centralway
• Download & Install Vagrant
http://www.vagrantup.com/
• Download Vagrant Box http://tinyurl.com/cw-jazoon-
downloads
• Github tinyurl.com/cw-jazoon
|
During my talk
Centralway
|
For the user, only 2
types of apps exist
Centralway
|
Web != Hybrid != Native
Hybrid != Hybrid
Native != Native
Centralway
|
Which one should I pick?
Centralway
|
Simplicity
Centralway
|
Technology is the solution not the problem
Centralway
|
Criterias
Centralway
|
Criterias
Centralway
|
Design
Centralway
TechnologyBusiness
|
Hybrid Apps
Centralway
• It’s the same as Web Apps
• Hybrid Apps are easier
|
Beginners Mistakes
Centralway
• Click vs Touch
• Testing in Browser
• Same architecture as web site (layers)
• Animations / Transitions / Gestures
• Actual vs Perceived performance (60fps)
|
Beginners Mistakes (Tech)
Centralway
• Fast prototyping
• Testing the market on different devices
• Web and Native version needed
|
Hybrid Apps for
Centralway
• All JavaScript
• HTML5, CSS3, JS
• Web Technologies + Native Plugins
• Frontend Native, Backend JavaScript
• X + Y + Z
|
Hybrid != Hybrid
Centralway
|
Frameworks / Tools
Centralway
MoSync
Titanium
PhoneGap
Calatrava
M Project
RhoMobile
Sencha
Trigger.io
AppFramework
| Centralway
LAB – Lungo Angular Bridge
• Update Cycle Problem
• Number of Devices / Platforms supported?
• How many mobile OS exist?
• Device Sensors
• Chrome is not use on Android (yet)
|
Brain teasers / War stories
Centralway
• New design with System Update (iOS 7)
• Breaking Web API through upgrade?
• Local Storage
• Date Picker
• Hardware Acceleration (3D)
|
Brain teasers / War stories
Centralway
• iFrame
• ARM Processors and JavaScript
• Native Client, asm.js
• What is next? Embedded Devices? New UI?
|
Brain teasers / War stories
Centralway
|
Discussion
Centralway
• http://www.smashingmagazine.com/2013/10/17/best-of-both-worlds-mixing-html5-
and-native-code/
• http://www.mobify.com/blog/beginners-guide-to-perceived-performance/
• http://sealedabstract.com/rants/why-mobile-web-apps-are-slow/
• http://engine.centralway.com
• http://aerotwist.com/blog/making-a-60fps-mobile-app
|
Links
Centralway