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
• Making your way through the Jungle (@ruflin)
• Rapidly prototype your app with the LAB (@olivertupman)
• Take-off your h...
• Download & Install Vagrant http://www.vagrantup.com/
• Download Vagrant Box http://tinyurl.com/cw-jazoon-
downloads
• Gi...
|
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
• Act...
• 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
|...
|
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...
• New design with System Update (iOS 7)
• Breaking Web API through upgrade?
• Local Storage
• Date Picker
• Hardware Accel...
• iFrame
• ARM Processors and JavaScript
• Native Client, asm.js
• What is next? Embedded Devices? New UI?
|
Brain teasers...
|
Discussion
Centralway
• http://www.smashingmagazine.com/2013/10/17/best-of-both-worlds-mixing-html5-and-
native-code/
• http://www.mobify.com/bl...
Thanks for the attention!
Follow @ruflin
Nicolas.ruflin@centralway.com
Engine.centralway.com
Upcoming SlideShare
Loading in …5
×

Come with an idea - go home with an idea

406 views

Published on

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Come with an idea - go home with an idea

  1. 1. Hybrid Apps Making your way through the Jungle Nicolas Ruflin
  2. 2. • 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
  3. 3. • 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
  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 Centralway TechnologyBusiness
  12. 12. | Hybrid Apps Centralway
  13. 13. • It’s the same as Web Apps • Hybrid Apps are easier | Beginners Mistakes Centralway
  14. 14. • Click vs Touch • Testing in Browser • Same architecture as web site (layers) • Animations / Transitions / Gestures • Actual vs Perceived performance (60fps) | Beginners Mistakes (Tech) Centralway
  15. 15. • Fast prototyping • Testing the market on different devices • Web and Native version needed | Hybrid Apps for Centralway
  16. 16. • All JavaScript • HTML5, CSS3, JS • Web Technologies + Native Plugins • Frontend Native, Backend JavaScript • X + Y + Z | Hybrid != Hybrid Centralway
  17. 17. | Frameworks / Tools Centralway MoSync Titanium PhoneGap Calatrava M Project RhoMobile Sencha Trigger.io AppFramework
  18. 18. | Centralway LAB – Lungo Angular Bridge
  19. 19. • 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
  20. 20. • New design with System Update (iOS 7) • Breaking Web API through upgrade? • Local Storage • Date Picker • Hardware Acceleration (3D) | Brain teasers / War stories Centralway
  21. 21. • iFrame • ARM Processors and JavaScript • Native Client, asm.js • What is next? Embedded Devices? New UI? | Brain teasers / War stories Centralway
  22. 22. | Discussion Centralway
  23. 23. • 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
  24. 24. Thanks for the attention! Follow @ruflin Nicolas.ruflin@centralway.com Engine.centralway.com

×