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

Know Why Choose Web App Development
Know Why Choose Web App DevelopmentKnow Why Choose Web App Development
Know Why Choose Web App DevelopmentHTMLPanda
 
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 MichaudAcumatica Cloud ERP
 
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 SoftwareCapterra
 
MVP in Android by Ratanak
MVP in Android by RatanakMVP in Android by Ratanak
MVP in Android by Ratanakratanak pek
 
Good bye Massive View Controller!
Good bye Massive View Controller!Good bye Massive View Controller!
Good bye Massive View Controller!Supercharge
 
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 CodebaseSupercharge
 
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.NETLohith Goudagere Nagaraj
 
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 SuperchargeSupercharge
 
Overview of Responsive Web Design
Overview of Responsive Web DesignOverview of Responsive Web Design
Overview of Responsive Web DesignPankaj Bajaj
 
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 DownApppli
 
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 MobileLohith Goudagere Nagaraj
 
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 AppsJonathan Engelsma
 

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

"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_cejaswebcat
 
Webview: The fifth element
Webview: The fifth elementWebview: The fifth element
Webview: The fifth elementFernando Cejas
 
Mobile Performance Testing
Mobile Performance TestingMobile Performance Testing
Mobile Performance TestingThoughtworks
 
Performance testing of mobile apps
Performance testing of mobile appsPerformance testing of mobile apps
Performance testing of mobile appsvodQA
 
Cross Platform Development with Spring
Cross Platform Development with SpringCross Platform Development with Spring
Cross Platform Development with SpringCygnet Infotech
 
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...Sencha
 
Consider Starting Small
Consider Starting SmallConsider Starting Small
Consider Starting SmallAndrew Smith
 
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 ApproachJasper Liu
 
IBM Worklight for Digital Agencies
IBM Worklight for Digital AgenciesIBM Worklight for Digital Agencies
IBM Worklight for Digital AgenciesGraham Churchill
 
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 developmentsaritasingh19866
 
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.pptxPriyankShah174006
 
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
 
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 ReactNew Relic
 
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...Rahenul Islam
 
mSite exam presentation - GDG Sonargaon
mSite exam presentation - GDG SonargaonmSite exam presentation - GDG Sonargaon
mSite exam presentation - GDG SonargaonIstiaque Reza
 

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

Secure Zero Touch enabled Edge compute with Dell NativeEdge via FDO _ Brad at...
Secure Zero Touch enabled Edge compute with Dell NativeEdge via FDO _ Brad at...Secure Zero Touch enabled Edge compute with Dell NativeEdge via FDO _ Brad at...
Secure Zero Touch enabled Edge compute with Dell NativeEdge via FDO _ Brad at...FIDO Alliance
 
ECS 2024 Teams Premium - Pretty Secure
ECS 2024   Teams Premium - Pretty SecureECS 2024   Teams Premium - Pretty Secure
ECS 2024 Teams Premium - Pretty SecureFemke de Vroome
 
Custom Approval Process: A New Perspective, Pavel Hrbacek & Anindya Halder
Custom Approval Process: A New Perspective, Pavel Hrbacek & Anindya HalderCustom Approval Process: A New Perspective, Pavel Hrbacek & Anindya Halder
Custom Approval Process: A New Perspective, Pavel Hrbacek & Anindya HalderCzechDreamin
 
Designing for Hardware Accessibility at Comcast
Designing for Hardware Accessibility at ComcastDesigning for Hardware Accessibility at Comcast
Designing for Hardware Accessibility at ComcastUXDXConf
 
A Business-Centric Approach to Design System Strategy
A Business-Centric Approach to Design System StrategyA Business-Centric Approach to Design System Strategy
A Business-Centric Approach to Design System StrategyUXDXConf
 
TEST BANK For, Information Technology Project Management 9th Edition Kathy Sc...
TEST BANK For, Information Technology Project Management 9th Edition Kathy Sc...TEST BANK For, Information Technology Project Management 9th Edition Kathy Sc...
TEST BANK For, Information Technology Project Management 9th Edition Kathy Sc...marcuskenyatta275
 
SOQL 201 for Admins & Developers: Slice & Dice Your Org’s Data With Aggregate...
SOQL 201 for Admins & Developers: Slice & Dice Your Org’s Data With Aggregate...SOQL 201 for Admins & Developers: Slice & Dice Your Org’s Data With Aggregate...
SOQL 201 for Admins & Developers: Slice & Dice Your Org’s Data With Aggregate...CzechDreamin
 
IESVE for Early Stage Design and Planning
IESVE for Early Stage Design and PlanningIESVE for Early Stage Design and Planning
IESVE for Early Stage Design and PlanningIES VE
 
The UX of Automation by AJ King, Senior UX Researcher, Ocado
The UX of Automation by AJ King, Senior UX Researcher, OcadoThe UX of Automation by AJ King, Senior UX Researcher, Ocado
The UX of Automation by AJ King, Senior UX Researcher, OcadoUXDXConf
 
ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...
ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...
ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...FIDO Alliance
 
Powerful Start- the Key to Project Success, Barbara Laskowska
Powerful Start- the Key to Project Success, Barbara LaskowskaPowerful Start- the Key to Project Success, Barbara Laskowska
Powerful Start- the Key to Project Success, Barbara LaskowskaCzechDreamin
 
The Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdf
The Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdfThe Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdf
The Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdfFIDO Alliance
 
Syngulon - Selection technology May 2024.pdf
Syngulon - Selection technology May 2024.pdfSyngulon - Selection technology May 2024.pdf
Syngulon - Selection technology May 2024.pdfSyngulon
 
FDO for Camera, Sensor and Networking Device – Commercial Solutions from VinC...
FDO for Camera, Sensor and Networking Device – Commercial Solutions from VinC...FDO for Camera, Sensor and Networking Device – Commercial Solutions from VinC...
FDO for Camera, Sensor and Networking Device – Commercial Solutions from VinC...FIDO Alliance
 
Extensible Python: Robustness through Addition - PyCon 2024
Extensible Python: Robustness through Addition - PyCon 2024Extensible Python: Robustness through Addition - PyCon 2024
Extensible Python: Robustness through Addition - PyCon 2024Patrick Viafore
 
How we scaled to 80K users by doing nothing!.pdf
How we scaled to 80K users by doing nothing!.pdfHow we scaled to 80K users by doing nothing!.pdf
How we scaled to 80K users by doing nothing!.pdfSrushith Repakula
 
Speed Wins: From Kafka to APIs in Minutes
Speed Wins: From Kafka to APIs in MinutesSpeed Wins: From Kafka to APIs in Minutes
Speed Wins: From Kafka to APIs in Minutesconfluent
 
What's New in Teams Calling, Meetings and Devices April 2024
What's New in Teams Calling, Meetings and Devices April 2024What's New in Teams Calling, Meetings and Devices April 2024
What's New in Teams Calling, Meetings and Devices April 2024Stephanie Beckett
 
Optimizing NoSQL Performance Through Observability
Optimizing NoSQL Performance Through ObservabilityOptimizing NoSQL Performance Through Observability
Optimizing NoSQL Performance Through ObservabilityScyllaDB
 
How Red Hat Uses FDO in Device Lifecycle _ Costin and Vitaliy at Red Hat.pdf
How Red Hat Uses FDO in Device Lifecycle _ Costin and Vitaliy at Red Hat.pdfHow Red Hat Uses FDO in Device Lifecycle _ Costin and Vitaliy at Red Hat.pdf
How Red Hat Uses FDO in Device Lifecycle _ Costin and Vitaliy at Red Hat.pdfFIDO Alliance
 

Último (20)

Secure Zero Touch enabled Edge compute with Dell NativeEdge via FDO _ Brad at...
Secure Zero Touch enabled Edge compute with Dell NativeEdge via FDO _ Brad at...Secure Zero Touch enabled Edge compute with Dell NativeEdge via FDO _ Brad at...
Secure Zero Touch enabled Edge compute with Dell NativeEdge via FDO _ Brad at...
 
ECS 2024 Teams Premium - Pretty Secure
ECS 2024   Teams Premium - Pretty SecureECS 2024   Teams Premium - Pretty Secure
ECS 2024 Teams Premium - Pretty Secure
 
Custom Approval Process: A New Perspective, Pavel Hrbacek & Anindya Halder
Custom Approval Process: A New Perspective, Pavel Hrbacek & Anindya HalderCustom Approval Process: A New Perspective, Pavel Hrbacek & Anindya Halder
Custom Approval Process: A New Perspective, Pavel Hrbacek & Anindya Halder
 
Designing for Hardware Accessibility at Comcast
Designing for Hardware Accessibility at ComcastDesigning for Hardware Accessibility at Comcast
Designing for Hardware Accessibility at Comcast
 
A Business-Centric Approach to Design System Strategy
A Business-Centric Approach to Design System StrategyA Business-Centric Approach to Design System Strategy
A Business-Centric Approach to Design System Strategy
 
TEST BANK For, Information Technology Project Management 9th Edition Kathy Sc...
TEST BANK For, Information Technology Project Management 9th Edition Kathy Sc...TEST BANK For, Information Technology Project Management 9th Edition Kathy Sc...
TEST BANK For, Information Technology Project Management 9th Edition Kathy Sc...
 
SOQL 201 for Admins & Developers: Slice & Dice Your Org’s Data With Aggregate...
SOQL 201 for Admins & Developers: Slice & Dice Your Org’s Data With Aggregate...SOQL 201 for Admins & Developers: Slice & Dice Your Org’s Data With Aggregate...
SOQL 201 for Admins & Developers: Slice & Dice Your Org’s Data With Aggregate...
 
IESVE for Early Stage Design and Planning
IESVE for Early Stage Design and PlanningIESVE for Early Stage Design and Planning
IESVE for Early Stage Design and Planning
 
The UX of Automation by AJ King, Senior UX Researcher, Ocado
The UX of Automation by AJ King, Senior UX Researcher, OcadoThe UX of Automation by AJ King, Senior UX Researcher, Ocado
The UX of Automation by AJ King, Senior UX Researcher, Ocado
 
ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...
ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...
ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...
 
Powerful Start- the Key to Project Success, Barbara Laskowska
Powerful Start- the Key to Project Success, Barbara LaskowskaPowerful Start- the Key to Project Success, Barbara Laskowska
Powerful Start- the Key to Project Success, Barbara Laskowska
 
The Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdf
The Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdfThe Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdf
The Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdf
 
Syngulon - Selection technology May 2024.pdf
Syngulon - Selection technology May 2024.pdfSyngulon - Selection technology May 2024.pdf
Syngulon - Selection technology May 2024.pdf
 
FDO for Camera, Sensor and Networking Device – Commercial Solutions from VinC...
FDO for Camera, Sensor and Networking Device – Commercial Solutions from VinC...FDO for Camera, Sensor and Networking Device – Commercial Solutions from VinC...
FDO for Camera, Sensor and Networking Device – Commercial Solutions from VinC...
 
Extensible Python: Robustness through Addition - PyCon 2024
Extensible Python: Robustness through Addition - PyCon 2024Extensible Python: Robustness through Addition - PyCon 2024
Extensible Python: Robustness through Addition - PyCon 2024
 
How we scaled to 80K users by doing nothing!.pdf
How we scaled to 80K users by doing nothing!.pdfHow we scaled to 80K users by doing nothing!.pdf
How we scaled to 80K users by doing nothing!.pdf
 
Speed Wins: From Kafka to APIs in Minutes
Speed Wins: From Kafka to APIs in MinutesSpeed Wins: From Kafka to APIs in Minutes
Speed Wins: From Kafka to APIs in Minutes
 
What's New in Teams Calling, Meetings and Devices April 2024
What's New in Teams Calling, Meetings and Devices April 2024What's New in Teams Calling, Meetings and Devices April 2024
What's New in Teams Calling, Meetings and Devices April 2024
 
Optimizing NoSQL Performance Through Observability
Optimizing NoSQL Performance Through ObservabilityOptimizing NoSQL Performance Through Observability
Optimizing NoSQL Performance Through Observability
 
How Red Hat Uses FDO in Device Lifecycle _ Costin and Vitaliy at Red Hat.pdf
How Red Hat Uses FDO in Device Lifecycle _ Costin and Vitaliy at Red Hat.pdfHow Red Hat Uses FDO in Device Lifecycle _ Costin and Vitaliy at Red Hat.pdf
How Red Hat Uses FDO in Device Lifecycle _ Costin and Vitaliy at Red Hat.pdf
 

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.