SlideShare uma empresa Scribd logo
1 de 15
Mobile App Challenges
By: Devang Paliwal
Todays talk is about…
•MYGOLA (Briefly)
•Why Mobile App (Briefly)
•Challenges Faced (In Detail)
MYGOLA
• Has largest collection of curated itineraries
• Lets you customize and share the itineraries
• Helps you to experience the trip before it begins
• Provides you a fantastic tool for trip planning
• Gives you access to professional guide community
Why Mobile?
• About 20-25% of traffic from small screen devices
• Higher bounce rate of mobile user compared to desktop users
• Mobile user on QnA pages spent more time than other pages
• Customer interviews reveled demand for an awesome mobile
experience
• Mobile Trust
Challenges Faced
• Web App Vs. Native App
• Responsive Design Vs. Separate Code Base
• Framework
• Cross-platform Issues
Web App Vs. Native App
• Web app means no offline access
• No phone alerts with Web app
• Native App not helpful to organic traffic
• Stringent app store guidelines and approvals
• Pushing updates on Native app is painful
Web App Vs. Native App
• Skillset in team
• Cross-browser Vs. Cross-platform challenges
• Criticality of accessing device features (Camera, GPS, etc)
Can there be a mid way Solution?
Responsive Design Vs. Separate Code Base
Effort wise are they any different?
Responsive Design Vs. Separate Code Base
• RWD on legacy code leads to re-design all existing web pages
• Shipping entire site to mobile impacts performance
• Mobile user more sensitive to unimportant widgets/information
• Separate code base leads to maintenance overhead
Responsive Design Vs. Separate Code Base
At mygola we have
•Old QnA pages(MVC on server) – Blog page kind of view
•New Itinerary centric product(MVC on Client) – Single page app
•Template based modular widgets
•Client side MVC architecture based on backbonejs
•APIs on server spitting data in json format
Responsive Design Vs. Separate Code Base
• With the existing architecture, a separate app without migration
to RWD was simpler.
• Modular design on server side MVC led to convenient
customization of old blog views.
• Server APIs for backbone remained same for both the Apps
• Backbone Collections and Models were also reused absolutely
• Views for Primary app widgets were made by extending the
Views of mobile app widgets
Researched the tools and technologies
Frameworks / Libraries
• JqM Vs. Sencha Vs. LungoJs Vs. . . . . . . Vs Nothing
• Jquery Vs. Zepto
• BackboneJs
• Underscore Templates
Cross-Platform / Cross-Browser Issues
• Touch
• Scroll Issues
• Smoother Transitions (CSS3 animations)
• Misc : Infinite scroll, Memory management
Thanks.
dev.paliwal@gmail.com
@devangpaliwal

Mais conteúdo relacionado

Mais procurados

Web Apps vs. Native Apps: The Low Down
Web Apps vs. Native Apps: The Low DownWeb Apps vs. Native Apps: The Low Down
Web Apps vs. Native Apps: The Low Down
Apppli
 

Mais procurados (20)

Know Why Choose Web App Development
Know Why Choose Web App DevelopmentKnow Why Choose Web App Development
Know Why Choose Web App Development
 
webinar-ionic
webinar-ionicwebinar-ionic
webinar-ionic
 
Introducing
IntroducingIntroducing
Introducing
 
Presentation1
Presentation1Presentation1
Presentation1
 
Presentation1
Presentation1Presentation1
Presentation1
 
To SPA or not to SPA
To SPA or not to SPATo SPA or not to SPA
To SPA or not to SPA
 
7 Cool Things to Demo in Acumatica 5.0, by Gabriel Michaud
7 Cool Things to Demo in Acumatica 5.0, by Gabriel Michaud7 Cool Things to Demo in Acumatica 5.0, by Gabriel Michaud
7 Cool Things to Demo in Acumatica 5.0, by Gabriel Michaud
 
10 of the Top Agile Project Management Software
10 of the Top Agile Project Management Software10 of the Top Agile Project Management Software
10 of the Top Agile Project Management Software
 
MVP in Android by Ratanak
MVP in Android by RatanakMVP in Android by Ratanak
MVP in Android by Ratanak
 
Good bye Massive View Controller!
Good bye Massive View Controller!Good bye Massive View Controller!
Good bye Massive View Controller!
 
Building Highly Customizable iOS Applications on Top of a Core Codebase
Building Highly Customizable iOS Applications on Top of a Core CodebaseBuilding Highly Customizable iOS Applications on Top of a Core Codebase
Building Highly Customizable iOS Applications on Top of a Core Codebase
 
Integrate Videos & Photos With Ease in ASP.NET
Integrate Videos & Photos With Ease in ASP.NETIntegrate Videos & Photos With Ease in ASP.NET
Integrate Videos & Photos With Ease in ASP.NET
 
Mobile App Performance Optimization to Improve User Experience - by Supercharge
Mobile App Performance Optimization to Improve User Experience - by SuperchargeMobile App Performance Optimization to Improve User Experience - by Supercharge
Mobile App Performance Optimization to Improve User Experience - by Supercharge
 
Overview of Responsive Web Design
Overview of Responsive Web DesignOverview of Responsive Web Design
Overview of Responsive Web Design
 
Web Apps vs. Native Apps: The Low Down
Web Apps vs. Native Apps: The Low DownWeb Apps vs. Native Apps: The Low Down
Web Apps vs. Native Apps: The Low Down
 
Mobilizing Your SAP Data with Kendo UI Mobile
Mobilizing Your SAP Data with Kendo UI MobileMobilizing Your SAP Data with Kendo UI Mobile
Mobilizing Your SAP Data with Kendo UI Mobile
 
Area View
Area ViewArea View
Area View
 
97 poe
97 poe97 poe
97 poe
 
What Every IT Manager Should Know About Mobile Apps
What Every IT Manager Should Know About Mobile AppsWhat Every IT Manager Should Know About Mobile Apps
What Every IT Manager Should Know About Mobile Apps
 
Presentation poster group 5
Presentation poster   group 5Presentation poster   group 5
Presentation poster group 5
 

Semelhante a Mygola mobile app: Tech Challenges

Business Track: Building a Personalized Mobile App Experience Using MongoDB a...
Business Track: Building a Personalized Mobile App Experience Using MongoDB a...Business Track: Building a Personalized Mobile App Experience Using MongoDB a...
Business Track: Building a Personalized Mobile App Experience Using MongoDB a...
MongoDB
 

Semelhante a Mygola mobile app: Tech Challenges (20)

"WebView, the fifth element" por @fernando_cejas
"WebView, the fifth element" por @fernando_cejas"WebView, the fifth element" por @fernando_cejas
"WebView, the fifth element" por @fernando_cejas
 
Webview: The fifth element
Webview: The fifth elementWebview: The fifth element
Webview: The fifth element
 
Power Mobile Apps with Sitecore
Power Mobile Apps with SitecorePower Mobile Apps with Sitecore
Power Mobile Apps with Sitecore
 
Mobile Performance Testing
Mobile Performance TestingMobile Performance Testing
Mobile Performance Testing
 
Performance testing of mobile apps
Performance testing of mobile appsPerformance testing of mobile apps
Performance testing of mobile apps
 
Cross Platform Development with Spring
Cross Platform Development with SpringCross Platform Development with Spring
Cross Platform Development with Spring
 
Neev AngularJS Capabilities
Neev AngularJS CapabilitiesNeev AngularJS Capabilities
Neev AngularJS Capabilities
 
SenchaCon 2016: Using Ext JS 6 for Cross-Platform Development on Mobile - And...
SenchaCon 2016: Using Ext JS 6 for Cross-Platform Development on Mobile - And...SenchaCon 2016: Using Ext JS 6 for Cross-Platform Development on Mobile - And...
SenchaCon 2016: Using Ext JS 6 for Cross-Platform Development on Mobile - And...
 
PhoneGap Credentials @ Neev
PhoneGap Credentials @ NeevPhoneGap Credentials @ Neev
PhoneGap Credentials @ Neev
 
Consider Starting Small
Consider Starting SmallConsider Starting Small
Consider Starting Small
 
User Focus 2014 - Choosing The Right Mobile Approach
User Focus 2014 - Choosing The Right Mobile ApproachUser Focus 2014 - Choosing The Right Mobile Approach
User Focus 2014 - Choosing The Right Mobile Approach
 
IBM Worklight for Digital Agencies
IBM Worklight for Digital AgenciesIBM Worklight for Digital Agencies
IBM Worklight for Digital Agencies
 
Synapse india reviews on cross plateform mobile apps development
Synapse india reviews on cross plateform mobile apps developmentSynapse india reviews on cross plateform mobile apps development
Synapse india reviews on cross plateform mobile apps development
 
Unveiling the World of Web App Development.pptx
Unveiling the World of Web App Development.pptxUnveiling the World of Web App Development.pptx
Unveiling the World of Web App Development.pptx
 
Introduction to Google App Engine
Introduction to Google App EngineIntroduction to Google App Engine
Introduction to Google App Engine
 
Resume
ResumeResume
Resume
 
Business Track: Building a Personalized Mobile App Experience Using MongoDB a...
Business Track: Building a Personalized Mobile App Experience Using MongoDB a...Business Track: Building a Personalized Mobile App Experience Using MongoDB a...
Business Track: Building a Personalized Mobile App Experience Using MongoDB a...
 
The Delight and Difficulties of Universal Java Script with React
The Delight and Difficulties of Universal Java Script with ReactThe Delight and Difficulties of Universal Java Script with React
The Delight and Difficulties of Universal Java Script with React
 
Design and Prototypical Implementation of a Mobile Healthcare Application: He...
Design and Prototypical Implementation of a Mobile Healthcare Application: He...Design and Prototypical Implementation of a Mobile Healthcare Application: He...
Design and Prototypical Implementation of a Mobile Healthcare Application: He...
 
mSite exam presentation - GDG Sonargaon
mSite exam presentation - GDG SonargaonmSite exam presentation - GDG Sonargaon
mSite exam presentation - GDG Sonargaon
 

Último

+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
?#DUbAI#??##{{(☎️+971_581248768%)**%*]'#abortion pills for sale in dubai@
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 

Último (20)

2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
 
AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
CNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In PakistanCNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In Pakistan
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost SavingRepurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
 
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
 
MS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectorsMS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectors
 
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, AdobeApidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
 
Corporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptxCorporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptx
 
Cyberprint. Dark Pink Apt Group [EN].pdf
Cyberprint. Dark Pink Apt Group [EN].pdfCyberprint. Dark Pink Apt Group [EN].pdf
Cyberprint. Dark Pink Apt Group [EN].pdf
 
Ransomware_Q4_2023. The report. [EN].pdf
Ransomware_Q4_2023. The report. [EN].pdfRansomware_Q4_2023. The report. [EN].pdf
Ransomware_Q4_2023. The report. [EN].pdf
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
 
Artificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : UncertaintyArtificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : Uncertainty
 

Mygola mobile app: Tech Challenges

  • 1. Mobile App Challenges By: Devang Paliwal
  • 2. Todays talk is about… •MYGOLA (Briefly) •Why Mobile App (Briefly) •Challenges Faced (In Detail)
  • 3. MYGOLA • Has largest collection of curated itineraries • Lets you customize and share the itineraries • Helps you to experience the trip before it begins • Provides you a fantastic tool for trip planning • Gives you access to professional guide community
  • 4. Why Mobile? • About 20-25% of traffic from small screen devices • Higher bounce rate of mobile user compared to desktop users • Mobile user on QnA pages spent more time than other pages • Customer interviews reveled demand for an awesome mobile experience • Mobile Trust
  • 5. Challenges Faced • Web App Vs. Native App • Responsive Design Vs. Separate Code Base • Framework • Cross-platform Issues
  • 6. Web App Vs. Native App • Web app means no offline access • No phone alerts with Web app • Native App not helpful to organic traffic • Stringent app store guidelines and approvals • Pushing updates on Native app is painful
  • 7. Web App Vs. Native App • Skillset in team • Cross-browser Vs. Cross-platform challenges • Criticality of accessing device features (Camera, GPS, etc) Can there be a mid way Solution?
  • 8. Responsive Design Vs. Separate Code Base Effort wise are they any different?
  • 9. Responsive Design Vs. Separate Code Base • RWD on legacy code leads to re-design all existing web pages • Shipping entire site to mobile impacts performance • Mobile user more sensitive to unimportant widgets/information • Separate code base leads to maintenance overhead
  • 10. Responsive Design Vs. Separate Code Base At mygola we have •Old QnA pages(MVC on server) – Blog page kind of view •New Itinerary centric product(MVC on Client) – Single page app •Template based modular widgets •Client side MVC architecture based on backbonejs •APIs on server spitting data in json format
  • 11. Responsive Design Vs. Separate Code Base • With the existing architecture, a separate app without migration to RWD was simpler. • Modular design on server side MVC led to convenient customization of old blog views. • Server APIs for backbone remained same for both the Apps • Backbone Collections and Models were also reused absolutely • Views for Primary app widgets were made by extending the Views of mobile app widgets
  • 12. Researched the tools and technologies
  • 13. Frameworks / Libraries • JqM Vs. Sencha Vs. LungoJs Vs. . . . . . . Vs Nothing • Jquery Vs. Zepto • BackboneJs • Underscore Templates
  • 14. Cross-Platform / Cross-Browser Issues • Touch • Scroll Issues • Smoother Transitions (CSS3 animations) • Misc : Infinite scroll, Memory management

Notas do Editor

  1. Hi everyone, Very good morning to all of you. First of all I would like to thank for Dhaval and Damyanti for organizing this meet up and giving me the opportunity to present my experiences . My background : I work as a senior front-end engineer @mygola. We are here to talk about the how did we carve out mobile experience and the challenges and technology decisions we made while doing this.
  2. How we created the itineraries - > crawl, tips reviews etc Not only read only view  We allow users to customize itineraries Explain IV  visualize your itinerary before being there …. By photos , videos , 360 views, photo gallery, tips, reviews etc Planner  Planning is itself a complex process like which places to visit, local transport, time spent on a place, customizing all of that Guide community
  3. Needless to say that smartphones usage is increasing at an exponential rate and more and more users are browsing the internet via mobile. Google analytics showed us that 20-25% of out traffic came form hand-held devices. It is a sizeable number which pushed us to create a mobile presence. Mobile presence allows us to reach larger audience and help us increase out user base. Mobile users were spending lot of time on QnA pages as compared to other pages as these provide quality answers for custom user queries. This gave us confidence that this traffic can be tapped and diverted to other pages as well. Not having a mobile presence will leave our users with our desktop web application which is not optimised for mobile and this may turncustomers off which is not good for business.