Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Hybrid Apps
Making your way
through the Jungle
Nicolas Ruflin
Hybrid Apps
• Making your way through the Jungle (@ruflin)
• Rapidly prototype your app with the LAB (@olivertupman)
• Tak...
During my talk
• Download & Install Vagrant http://www.vagrantup.com/
• Download Vagrant Box http://tinyurl.com/cw-jazoond...
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

Business

Technology
|

Centralway
Hybrid Apps

|

Centralway
Beginners Mistakes
• It’s the same as Web Apps
• Hybrid Apps are easier

|

Centralway
Beginners Mistakes (Tech)
• Click vs Touch
• Testing in Browser
• Same architecture as web site (layers)
• Animations / Tr...
Hybrid Apps for
• Fast prototyping
• Testing the market on different devices
• Web and Native version needed

|

Centralwa...
Hybrid != Hybrid
• All JavaScript
• HTML5, CSS3, JS
• Web Technologies + Native Plugins
• Frontend Native, Backend JavaScr...
Frameworks / Tools
MoSync

M Project

PhoneGap

Trigger.io

Sencha

Calatrava

Titanium

AppFramework

RhoMobile
|

Centra...
LAB – Lungo Angular Bridge

|

Centralway
Brain teasers / War stories
• Update Cycle Problem
• Number of Devices / Platforms supported?
• How many mobile OS exist?
...
Brain teasers / War stories
• New design with System Update (iOS 7)
• Breaking Web API through upgrade?
• Local Storage
• ...
Brain teasers / War stories
• iFrame
• ARM Processors and JavaScript
• Native Client, asm.js

• What is next? Embedded Dev...
Discussion

|

Centralway
Links
•

http://www.smashingmagazine.com/2013/10/17/best-of-both-worlds-mixing-html5-andnative-code/

•

http://www.mobify...
Thanks for the attention!
Follow @ruflin
Nicolas.ruflin@centralway.com
Engine.centralway.com
Upcoming SlideShare
Loading in …5
×

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

548 views

Published on

http://guide13.jazoon.com/#/submissions/134

Published in: Technology, Design
  • Be the first to comment

  • Be the first to like this

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

  1. 1. Hybrid Apps Making your way through the Jungle Nicolas Ruflin
  2. 2. Hybrid Apps • 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) | Centralway
  3. 3. During my talk • Download & Install Vagrant http://www.vagrantup.com/ • Download Vagrant Box http://tinyurl.com/cw-jazoondownloads • Github tinyurl.com/cw-jazoon | Centralway
  4. 4. For the user, only 2 types of apps exist | Centralway
  5. 5. Web != Hybrid != Native Hybrid != Hybrid Native != Native | Centralway
  6. 6. Which one should I pick? | Centralway
  7. 7. Simplicity | Centralway
  8. 8. Technology is the solution not the problem | Centralway
  9. 9. Criterias | Centralway
  10. 10. Criterias | Centralway
  11. 11. Design Business Technology | Centralway
  12. 12. Hybrid Apps | Centralway
  13. 13. Beginners Mistakes • It’s the same as Web Apps • Hybrid Apps are easier | Centralway
  14. 14. Beginners Mistakes (Tech) • Click vs Touch • Testing in Browser • Same architecture as web site (layers) • Animations / Transitions / Gestures • Actual vs Perceived performance (60fps) | Centralway
  15. 15. Hybrid Apps for • Fast prototyping • Testing the market on different devices • Web and Native version needed | Centralway
  16. 16. Hybrid != Hybrid • All JavaScript • HTML5, CSS3, JS • Web Technologies + Native Plugins • Frontend Native, Backend JavaScript • X+Y+Z | Centralway
  17. 17. Frameworks / Tools MoSync M Project PhoneGap Trigger.io Sencha Calatrava Titanium AppFramework RhoMobile | Centralway
  18. 18. LAB – Lungo Angular Bridge | Centralway
  19. 19. Brain teasers / War stories • Update Cycle Problem • Number of Devices / Platforms supported? • How many mobile OS exist? • Device Sensors • Chrome is not use on Android (yet) | Centralway
  20. 20. Brain teasers / War stories • New design with System Update (iOS 7) • Breaking Web API through upgrade? • Local Storage • Date Picker • Hardware Acceleration (3D) | Centralway
  21. 21. Brain teasers / War stories • iFrame • ARM Processors and JavaScript • Native Client, asm.js • What is next? Embedded Devices? New UI? | Centralway
  22. 22. Discussion | Centralway
  23. 23. Links • http://www.smashingmagazine.com/2013/10/17/best-of-both-worlds-mixing-html5-andnative-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 | Centralway
  24. 24. Thanks for the attention! Follow @ruflin Nicolas.ruflin@centralway.com Engine.centralway.com

×