Come with an idea - go home with an idea

Nicolas Ruflin
Nicolas RuflinManaging Partner, Technology at Centralway
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 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
Thanks for the attention!
Follow @ruflin
Nicolas.ruflin@centralway.com
Engine.centralway.com
1 of 24

Recommended

Angular PWA by
Angular PWAAngular PWA
Angular PWAVinci Rufus
836 views13 slides
Appiterate - SAIF Ignition by
Appiterate - SAIF IgnitionAppiterate - SAIF Ignition
Appiterate - SAIF IgnitionAppiterate
614 views16 slides
How to Find Vulnerabilities and Bugs in Mobile Applications by
How to Find Vulnerabilities and Bugs in Mobile ApplicationsHow to Find Vulnerabilities and Bugs in Mobile Applications
How to Find Vulnerabilities and Bugs in Mobile ApplicationsJosiah Renaudin
1.7K views27 slides
SauceCon 2017: Making Your Mobile App Automatable by
SauceCon 2017: Making Your Mobile App AutomatableSauceCon 2017: Making Your Mobile App Automatable
SauceCon 2017: Making Your Mobile App AutomatableSauce Labs
181 views35 slides
Workable software review by
Workable software reviewWorkable software review
Workable software reviewwhatasoftware
310 views7 slides
SauceCon 2017: test.allTheThings(): Digital Edition by
SauceCon 2017: test.allTheThings(): Digital EditionSauceCon 2017: test.allTheThings(): Digital Edition
SauceCon 2017: test.allTheThings(): Digital EditionSauce Labs
173 views17 slides

More Related Content

What's hot

CMG imPACt2016 - Mobile performance testing - Vendor training - Federico Tole... by
CMG imPACt2016 - Mobile performance testing - Vendor training - Federico Tole...CMG imPACt2016 - Mobile performance testing - Vendor training - Federico Tole...
CMG imPACt2016 - Mobile performance testing - Vendor training - Federico Tole...Federico Toledo
927 views55 slides
Deeper Root Cause Analysis to App Performance Bottlenecks with Appvance APM I... by
Deeper Root Cause Analysis to App Performance Bottlenecks with Appvance APM I...Deeper Root Cause Analysis to App Performance Bottlenecks with Appvance APM I...
Deeper Root Cause Analysis to App Performance Bottlenecks with Appvance APM I...Clever Moe
2.7K views10 slides
SauceCon 2017: Building a Continuous Delivery Pipeline with Testing in Mind by
SauceCon 2017: Building a Continuous Delivery Pipeline with Testing in MindSauceCon 2017: Building a Continuous Delivery Pipeline with Testing in Mind
SauceCon 2017: Building a Continuous Delivery Pipeline with Testing in MindSauce Labs
183 views14 slides
VisualOps Credentials by
VisualOps CredentialsVisualOps Credentials
VisualOps CredentialsVisualOps
979 views12 slides
Bug Reporting Time Machine for AngularJS by
Bug Reporting Time Machine for AngularJSBug Reporting Time Machine for AngularJS
Bug Reporting Time Machine for AngularJSUsersnap
3K views17 slides
141104 usersnap angular js_jt by
141104 usersnap angular js_jt141104 usersnap angular js_jt
141104 usersnap angular js_jtUsersnap
612 views17 slides

What's hot(20)

CMG imPACt2016 - Mobile performance testing - Vendor training - Federico Tole... by Federico Toledo
CMG imPACt2016 - Mobile performance testing - Vendor training - Federico Tole...CMG imPACt2016 - Mobile performance testing - Vendor training - Federico Tole...
CMG imPACt2016 - Mobile performance testing - Vendor training - Federico Tole...
Federico Toledo927 views
Deeper Root Cause Analysis to App Performance Bottlenecks with Appvance APM I... by Clever Moe
Deeper Root Cause Analysis to App Performance Bottlenecks with Appvance APM I...Deeper Root Cause Analysis to App Performance Bottlenecks with Appvance APM I...
Deeper Root Cause Analysis to App Performance Bottlenecks with Appvance APM I...
Clever Moe2.7K views
SauceCon 2017: Building a Continuous Delivery Pipeline with Testing in Mind by Sauce Labs
SauceCon 2017: Building a Continuous Delivery Pipeline with Testing in MindSauceCon 2017: Building a Continuous Delivery Pipeline with Testing in Mind
SauceCon 2017: Building a Continuous Delivery Pipeline with Testing in Mind
Sauce Labs183 views
VisualOps Credentials by VisualOps
VisualOps CredentialsVisualOps Credentials
VisualOps Credentials
VisualOps979 views
Bug Reporting Time Machine for AngularJS by Usersnap
Bug Reporting Time Machine for AngularJSBug Reporting Time Machine for AngularJS
Bug Reporting Time Machine for AngularJS
Usersnap3K views
141104 usersnap angular js_jt by Usersnap
141104 usersnap angular js_jt141104 usersnap angular js_jt
141104 usersnap angular js_jt
Usersnap612 views
SauceCon 2017: Mobile Test Pyramid by Sauce Labs
SauceCon 2017: Mobile Test PyramidSauceCon 2017: Mobile Test Pyramid
SauceCon 2017: Mobile Test Pyramid
Sauce Labs1.5K views
Jacky Wang - KKBOX Apple Watch App by Jacky Wang
Jacky Wang - KKBOX Apple Watch App Jacky Wang - KKBOX Apple Watch App
Jacky Wang - KKBOX Apple Watch App
Jacky Wang681 views
Evaluation of mobile app paradigms by no0orcom
Evaluation of mobile app paradigmsEvaluation of mobile app paradigms
Evaluation of mobile app paradigms
no0orcom829 views
How to Break your App - Best Practices in Mobile App Testing by Daniel Knott
How to Break your App - Best Practices in Mobile App TestingHow to Break your App - Best Practices in Mobile App Testing
How to Break your App - Best Practices in Mobile App Testing
Daniel Knott8.1K views
Scheduled releases @ Commit Porto 2016 by Fábio Oliveira
Scheduled releases @ Commit Porto 2016Scheduled releases @ Commit Porto 2016
Scheduled releases @ Commit Porto 2016
Fábio Oliveira795 views
Kristian Karl - Experiences of Test Automation at Spotify - EuroSTAR 2013 by TEST Huddle
Kristian Karl - Experiences of Test Automation at Spotify - EuroSTAR 2013Kristian Karl - Experiences of Test Automation at Spotify - EuroSTAR 2013
Kristian Karl - Experiences of Test Automation at Spotify - EuroSTAR 2013
TEST Huddle463 views
How to Ensure Your Backlog Will Deliver Customer Value by Atlassian
How to Ensure Your Backlog Will Deliver Customer ValueHow to Ensure Your Backlog Will Deliver Customer Value
How to Ensure Your Backlog Will Deliver Customer Value
Atlassian7.4K views
What are Progressive Web Apps and Why The Businesses Should Use It? by Rishabh Software
What are Progressive Web Apps and Why The Businesses Should Use It?What are Progressive Web Apps and Why The Businesses Should Use It?
What are Progressive Web Apps and Why The Businesses Should Use It?
Rishabh Software104 views
Pitch by Arkables
PitchPitch
Pitch
Arkables307 views
Intro to Visual Test Automation with Applitools Eyes by Applitools
Intro to Visual Test Automation with Applitools Eyes Intro to Visual Test Automation with Applitools Eyes
Intro to Visual Test Automation with Applitools Eyes
Applitools3.3K views
Socialcam: Concept to MVP to 250k users in under 3 Months by Lean Startup Circle
Socialcam: Concept to MVP to 250k users in under 3 MonthsSocialcam: Concept to MVP to 250k users in under 3 Months
Socialcam: Concept to MVP to 250k users in under 3 Months
Mobile Devices by Ynon Perek
Mobile DevicesMobile Devices
Mobile Devices
Ynon Perek759 views

Similar to Come with an idea - go home with an idea

Webinar Series - How To Launch Your App Idea by
Webinar Series - How To Launch Your App IdeaWebinar Series - How To Launch Your App Idea
Webinar Series - How To Launch Your App IdeaTheAppLabb
867 views25 slides
Automating Mobile Applications by
Automating Mobile ApplicationsAutomating Mobile Applications
Automating Mobile ApplicationsApril Luk
357 views15 slides
Agile Tools for Mobile by
Agile Tools for MobileAgile Tools for Mobile
Agile Tools for MobileKevin Rohling
568 views54 slides
Agile Mobile Testing Workshop by
Agile Mobile Testing WorkshopAgile Mobile Testing Workshop
Agile Mobile Testing WorkshopNaresh Jain
2.3K views40 slides
Creating mLearning With Your Existing Toolkit by
Creating mLearning With Your Existing ToolkitCreating mLearning With Your Existing Toolkit
Creating mLearning With Your Existing ToolkitChad Udell
666 views22 slides
OpenStack Murano Application Catalog by
OpenStack Murano Application CatalogOpenStack Murano Application Catalog
OpenStack Murano Application CatalogAl Sayed Gamal
1.6K views32 slides

Similar to Come with an idea - go home with an idea(20)

Webinar Series - How To Launch Your App Idea by TheAppLabb
Webinar Series - How To Launch Your App IdeaWebinar Series - How To Launch Your App Idea
Webinar Series - How To Launch Your App Idea
TheAppLabb867 views
Automating Mobile Applications by April Luk
Automating Mobile ApplicationsAutomating Mobile Applications
Automating Mobile Applications
April Luk357 views
Agile Mobile Testing Workshop by Naresh Jain
Agile Mobile Testing WorkshopAgile Mobile Testing Workshop
Agile Mobile Testing Workshop
Naresh Jain2.3K views
Creating mLearning With Your Existing Toolkit by Chad Udell
Creating mLearning With Your Existing ToolkitCreating mLearning With Your Existing Toolkit
Creating mLearning With Your Existing Toolkit
Chad Udell666 views
OpenStack Murano Application Catalog by Al Sayed Gamal
OpenStack Murano Application CatalogOpenStack Murano Application Catalog
OpenStack Murano Application Catalog
Al Sayed Gamal1.6K views
Best Practices for DevOps in Mobile App Testing by Bitbar
Best Practices for DevOps in Mobile App TestingBest Practices for DevOps in Mobile App Testing
Best Practices for DevOps in Mobile App Testing
Bitbar4.3K views
Badoo: Cross platform Mobile Test Automation and Continuos Delivery by CodeFest
Badoo: Cross platform Mobile Test Automation and Continuos DeliveryBadoo: Cross platform Mobile Test Automation and Continuos Delivery
Badoo: Cross platform Mobile Test Automation and Continuos Delivery
CodeFest1.4K views
Best Practices in Mobile CI (webinar) by Sauce Labs
Best Practices in Mobile CI (webinar)Best Practices in Mobile CI (webinar)
Best Practices in Mobile CI (webinar)
Sauce Labs11.8K views
Smart : Comprehensive and unified framework for test automation of web and mo... by Anmol Bagga
Smart : Comprehensive and unified framework for test automation of web and mo...Smart : Comprehensive and unified framework for test automation of web and mo...
Smart : Comprehensive and unified framework for test automation of web and mo...
Anmol Bagga1.6K views
Mobile Development: HTML5 Vs. Native by Synerzip
Mobile Development: HTML5 Vs. NativeMobile Development: HTML5 Vs. Native
Mobile Development: HTML5 Vs. Native
Synerzip10 views
Mobile Cross Platform Automation in-practice and on a Large Scale by Sathish Gogineni
Mobile Cross Platform Automation in-practice and on a Large ScaleMobile Cross Platform Automation in-practice and on a Large Scale
Mobile Cross Platform Automation in-practice and on a Large Scale
Sathish Gogineni634 views
App testing and publishing by Niall Roche
App testing and publishingApp testing and publishing
App testing and publishing
Niall Roche107 views
Intro To Mobile Analytics by Tapmint
Intro To Mobile AnalyticsIntro To Mobile Analytics
Intro To Mobile Analytics
Tapmint6.5K views
Cross Platform Mobile App Development by Synerzip
Cross Platform Mobile App DevelopmentCross Platform Mobile App Development
Cross Platform Mobile App Development
Synerzip39 views
Mobile media module part 6 - app development rev-mf by Michelle Ferrier
Mobile media module   part 6 - app development rev-mfMobile media module   part 6 - app development rev-mf
Mobile media module part 6 - app development rev-mf
Michelle Ferrier3K views
Continuous delivery is more than dev ops by Agile Montréal
Continuous delivery is more than dev opsContinuous delivery is more than dev ops
Continuous delivery is more than dev ops
Agile Montréal273 views
Engage 2018 - What About the Apps? A Domino Modernisation Story by Jared Roberts
Engage 2018 - What About the Apps? A Domino Modernisation StoryEngage 2018 - What About the Apps? A Domino Modernisation Story
Engage 2018 - What About the Apps? A Domino Modernisation Story
Jared Roberts80 views

Recently uploaded

Combining Orchestration and Choreography for a Clean Architecture by
Combining Orchestration and Choreography for a Clean ArchitectureCombining Orchestration and Choreography for a Clean Architecture
Combining Orchestration and Choreography for a Clean ArchitectureThomasHeinrichs1
69 views24 slides
Business Analyst Series 2023 - Week 3 Session 5 by
Business Analyst Series 2023 -  Week 3 Session 5Business Analyst Series 2023 -  Week 3 Session 5
Business Analyst Series 2023 - Week 3 Session 5DianaGray10
209 views20 slides
Melek BEN MAHMOUD.pdf by
Melek BEN MAHMOUD.pdfMelek BEN MAHMOUD.pdf
Melek BEN MAHMOUD.pdfMelekBenMahmoud
14 views1 slide
Understanding GenAI/LLM and What is Google Offering - Felix Goh by
Understanding GenAI/LLM and What is Google Offering - Felix GohUnderstanding GenAI/LLM and What is Google Offering - Felix Goh
Understanding GenAI/LLM and What is Google Offering - Felix GohNUS-ISS
41 views33 slides
Uni Systems for Power Platform.pptx by
Uni Systems for Power Platform.pptxUni Systems for Power Platform.pptx
Uni Systems for Power Platform.pptxUni Systems S.M.S.A.
50 views21 slides
Future of Learning - Yap Aye Wee.pdf by
Future of Learning - Yap Aye Wee.pdfFuture of Learning - Yap Aye Wee.pdf
Future of Learning - Yap Aye Wee.pdfNUS-ISS
41 views11 slides

Recently uploaded(20)

Combining Orchestration and Choreography for a Clean Architecture by ThomasHeinrichs1
Combining Orchestration and Choreography for a Clean ArchitectureCombining Orchestration and Choreography for a Clean Architecture
Combining Orchestration and Choreography for a Clean Architecture
ThomasHeinrichs169 views
Business Analyst Series 2023 - Week 3 Session 5 by DianaGray10
Business Analyst Series 2023 -  Week 3 Session 5Business Analyst Series 2023 -  Week 3 Session 5
Business Analyst Series 2023 - Week 3 Session 5
DianaGray10209 views
Understanding GenAI/LLM and What is Google Offering - Felix Goh by NUS-ISS
Understanding GenAI/LLM and What is Google Offering - Felix GohUnderstanding GenAI/LLM and What is Google Offering - Felix Goh
Understanding GenAI/LLM and What is Google Offering - Felix Goh
NUS-ISS41 views
Future of Learning - Yap Aye Wee.pdf by NUS-ISS
Future of Learning - Yap Aye Wee.pdfFuture of Learning - Yap Aye Wee.pdf
Future of Learning - Yap Aye Wee.pdf
NUS-ISS41 views
Empathic Computing: Delivering the Potential of the Metaverse by Mark Billinghurst
Empathic Computing: Delivering  the Potential of the MetaverseEmpathic Computing: Delivering  the Potential of the Metaverse
Empathic Computing: Delivering the Potential of the Metaverse
Mark Billinghurst470 views
Spesifikasi Lengkap ASUS Vivobook Go 14 by Dot Semarang
Spesifikasi Lengkap ASUS Vivobook Go 14Spesifikasi Lengkap ASUS Vivobook Go 14
Spesifikasi Lengkap ASUS Vivobook Go 14
Dot Semarang35 views
Black and White Modern Science Presentation.pptx by maryamkhalid2916
Black and White Modern Science Presentation.pptxBlack and White Modern Science Presentation.pptx
Black and White Modern Science Presentation.pptx
maryamkhalid291614 views
.conf Go 2023 - How KPN drives Customer Satisfaction on IPTV by Splunk
.conf Go 2023 - How KPN drives Customer Satisfaction on IPTV.conf Go 2023 - How KPN drives Customer Satisfaction on IPTV
.conf Go 2023 - How KPN drives Customer Satisfaction on IPTV
Splunk88 views
Emerging & Future Technology - How to Prepare for the Next 10 Years of Radica... by NUS-ISS
Emerging & Future Technology - How to Prepare for the Next 10 Years of Radica...Emerging & Future Technology - How to Prepare for the Next 10 Years of Radica...
Emerging & Future Technology - How to Prepare for the Next 10 Years of Radica...
NUS-ISS16 views
PharoJS - Zürich Smalltalk Group Meetup November 2023 by Noury Bouraqadi
PharoJS - Zürich Smalltalk Group Meetup November 2023PharoJS - Zürich Smalltalk Group Meetup November 2023
PharoJS - Zürich Smalltalk Group Meetup November 2023
Noury Bouraqadi120 views
Data-centric AI and the convergence of data and model engineering: opportunit... by Paolo Missier
Data-centric AI and the convergence of data and model engineering:opportunit...Data-centric AI and the convergence of data and model engineering:opportunit...
Data-centric AI and the convergence of data and model engineering: opportunit...
Paolo Missier34 views
Igniting Next Level Productivity with AI-Infused Data Integration Workflows by Safe Software
Igniting Next Level Productivity with AI-Infused Data Integration Workflows Igniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration Workflows
Safe Software225 views
Architecting CX Measurement Frameworks and Ensuring CX Metrics are fit for Pu... by NUS-ISS
Architecting CX Measurement Frameworks and Ensuring CX Metrics are fit for Pu...Architecting CX Measurement Frameworks and Ensuring CX Metrics are fit for Pu...
Architecting CX Measurement Frameworks and Ensuring CX Metrics are fit for Pu...
NUS-ISS37 views

Come with an idea - go home with an idea

Editor's Notes

  1. What is going to happen today As this is a workshop, please ask questions directly How many engineers do we have?
  2. What is going to happen today As this is a workshop, please ask questions directly How many engineers do we have?
  3. Web app and Native app. Don‘t try to explain him what a hybrid app is The same is for the business side, be aware of this
  4. For engineers, there are 3 different types. Different technology patterns used, even if technologies are similar Hybrid has native and web technologies Hybrid != Hybrid
  5. That is the number one question today. Instead of solutions, I will show you the problems based on which you can decide yourself
  6. There is no simple solution yet. I like to strive in the direction of simplicity. We are not there yet :-(
  7. This presentation is not about a war, it is about problems and solutions
  8. Money available, time available, team skills Don‘t fall into we have web engineers, so they can build mobile web apps
  9. Design, supported devices / platforms, target group design and interaction the same for different platforms? Need to build 1 or 2 apps?
  10. Hybrid, native, mobile, web apps is not only a technology decision, it is a collaborative decision and everyone has to be aware of the tradeoffs made
  11. Web app and Native app. Don‘t try to explain him what a hybrid app is The same is for the business side, be aware of this Hybrid we are going to build today are without native elements, of course you can also have a mix
  12. Layers, clicks, 3D, Hybrid Apps are less optimized -> less space for error
  13. Layers, clicks, 3D, Hybrid Apps are less optimized -> less space for error
  14. Layers, clicks, 3D, Hybrid Apps are less optimized -> less space for error If you need no fancy animations, hardware acceleration
  15. Layers, clicks, 3D, Hybrid Apps are less optimized -> less space for error If you need no fancy animations, hardware acceleration
  16. New technologies pop up every day, we just got started
  17. Lungo Angular Bridge More details in the workshops
  18. Update cycles with native apps unpredictable, load in web components Device hell. How much legacy devices do you support?
  19. Update cycles with native apps unpredictable
  20. Update cycles with native apps unpredictable
  21. Web app and Native app. Don‘t try to explain him what a hybrid app is The same is for the business side, be aware of this Hybrid we are going to build today are without native elements, of course you can also have a mix