Download - Mygola mobile app: Tech Challenges
![Page 1: Mygola mobile app: Tech Challenges](https://reader033.vdocument.in/reader033/viewer/2022052908/55951a9d1a28ab3d5e8b4726/html5/thumbnails/1.jpg)
Mobile App Challenges
By: Devang Paliwal
![Page 2: Mygola mobile app: Tech Challenges](https://reader033.vdocument.in/reader033/viewer/2022052908/55951a9d1a28ab3d5e8b4726/html5/thumbnails/2.jpg)
Todays talk is about…
•MYGOLA (Briefly)
•Why Mobile App (Briefly)
•Challenges Faced (In Detail)
![Page 3: Mygola mobile app: Tech Challenges](https://reader033.vdocument.in/reader033/viewer/2022052908/55951a9d1a28ab3d5e8b4726/html5/thumbnails/3.jpg)
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
![Page 4: Mygola mobile app: Tech Challenges](https://reader033.vdocument.in/reader033/viewer/2022052908/55951a9d1a28ab3d5e8b4726/html5/thumbnails/4.jpg)
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
![Page 5: Mygola mobile app: Tech Challenges](https://reader033.vdocument.in/reader033/viewer/2022052908/55951a9d1a28ab3d5e8b4726/html5/thumbnails/5.jpg)
Challenges Faced
• Web App Vs. Native App
• Responsive Design Vs. Separate Code Base
• Framework
• Cross-platform Issues
![Page 6: Mygola mobile app: Tech Challenges](https://reader033.vdocument.in/reader033/viewer/2022052908/55951a9d1a28ab3d5e8b4726/html5/thumbnails/6.jpg)
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
![Page 7: Mygola mobile app: Tech Challenges](https://reader033.vdocument.in/reader033/viewer/2022052908/55951a9d1a28ab3d5e8b4726/html5/thumbnails/7.jpg)
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?
![Page 8: Mygola mobile app: Tech Challenges](https://reader033.vdocument.in/reader033/viewer/2022052908/55951a9d1a28ab3d5e8b4726/html5/thumbnails/8.jpg)
Responsive Design Vs. Separate Code Base
Effort wise are they any different?
![Page 9: Mygola mobile app: Tech Challenges](https://reader033.vdocument.in/reader033/viewer/2022052908/55951a9d1a28ab3d5e8b4726/html5/thumbnails/9.jpg)
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
![Page 10: Mygola mobile app: Tech Challenges](https://reader033.vdocument.in/reader033/viewer/2022052908/55951a9d1a28ab3d5e8b4726/html5/thumbnails/10.jpg)
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
![Page 11: Mygola mobile app: Tech Challenges](https://reader033.vdocument.in/reader033/viewer/2022052908/55951a9d1a28ab3d5e8b4726/html5/thumbnails/11.jpg)
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
![Page 12: Mygola mobile app: Tech Challenges](https://reader033.vdocument.in/reader033/viewer/2022052908/55951a9d1a28ab3d5e8b4726/html5/thumbnails/12.jpg)
Researched the tools and technologies
![Page 13: Mygola mobile app: Tech Challenges](https://reader033.vdocument.in/reader033/viewer/2022052908/55951a9d1a28ab3d5e8b4726/html5/thumbnails/13.jpg)
Frameworks / Libraries
• JqM Vs. Sencha Vs. LungoJs Vs. . . . . . . Vs Nothing
• Jquery Vs. Zepto
• BackboneJs
• Underscore Templates
![Page 14: Mygola mobile app: Tech Challenges](https://reader033.vdocument.in/reader033/viewer/2022052908/55951a9d1a28ab3d5e8b4726/html5/thumbnails/14.jpg)
Cross-Platform / Cross-Browser Issues
• Touch
• Scroll Issues
• Smoother Transitions (CSS3 animations)
• Misc : Infinite scroll, Memory management