JAZOON'13 - Nicolas Ruflin - Come with an Idea go home with an Idea

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)

|


Centralway

• iFrame

• ARM Processors and JavaScript

• Native Client, asm.js

• What is next? Embedded Devices? New UI?

|


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

Thanks for the attention!

Follow @[email protected]

Engine.centralway.com