mobile transformation
play

Mobile Transformation CTRIPs Journey Eric Ye @ ctrip.com November, - PowerPoint PPT Presentation

Mobile Transformation CTRIPs Journey Eric Ye @ ctrip.com November, 2015 Ctrip - The Biggest OTA Platform of China Group Travel Hotel Flight Train Monetary CTM Tour Guide Online Hotel Booking Share Airports Coverage 72%+ 5000+


  1. Mobile Transformation CTRIP’s Journey Eric Ye @ ctrip.com November, 2015

  2. Ctrip - The Biggest OTA Platform of China Group Travel Hotel Flight Train Monetary CTM Tour Guide Online Hotel Booking Share Airports Coverage 72%+ 5000+ Countries and Regions Coverage Peak Transport Tickets / Day 200+ 2Million + 啊 啊 Hotel Rooms Booking / Day Peak Total Booking / Day 500K+ 3Million + Car Package Food Cruise Bus Ticket Shopping Vacation Coupon Meeting Rental

  3. 25 % 75 % Ignore Online Offline Mobile 2011 Problems :  Offline: tech and operation  Online: peers  Mobile: infant  Booking tools vs user experience  Site scalability

  4. 40 % 52 % 8 % Online Offline Mobile 2012 Make Fast Changes: • Open API • Architecture 2.0 • Re-design Web UI 2.0 • Drive Traffic (SEO/SEM /…) • Make product search fast • Speed up Web Page

  5. 45 % 30 % 25 % Online Offline Mobile 2013 Mobilize Resources for App: • Open API everywhere • App catch up with web • Create centralized mobile BU • Make 1-stop travel App

  6. Encountered Problems … • Added 10+ new business lines • App Lagged behind web functions 2014 • Each BU fight for mobile resources • App payment sucked • Dev Infrastructure was at bottleneck Strategy Shift:  Decentralize mobile BU …

  7. • Train 92% 35 % 15 % 50 % • Hotel 45% Mobile Online Offline 2014 Multi-front Challenges solved: • Re-organization • PD must learn App fast • Decouple everything (details later) • Not to miss a single App release

  8. 20 % 8 % 72 % 2015 Online Offline Mobile From OTA to MTA (Mobile Travel Agency)

  9. Product Tech Transform

  10. One App for Mainstream OS/Devices iPhone iPad Android Phone Reduced Android Tablet Windows Phone Before Now

  11. Everything Decoupled Business Unit DB Cost Unit Servers Decoupled App Release Dev & Test Infrastructure Architecture

  12. App Architecture: Monolithic Problems seen in 2013: Hotel Flight Train • Totally coupled (monolithic) • SPOF • Lacked of LB routing • No App monitoring …… Vacation • Less secure • … Monolithic Services

  13. App Architecture: Microservices Hotel Service Flight Service …… Mobile Gateway

  14. Mobile APP Code: Modularized UI Components Vacation Hotel Flight …... …... Business Modules Hybrid Decoupled Data/URL Bus, Hybrid Common Libs Foundation Framework Mobile OS SDKs Mobile OS SDKs Multi Projects Monolithic Project

  15. Benefits of App Being Decoupled 01 Faster parallel development 02 Automate App integration testing 03 Faster App booting 04 Enable hot fixes 05 Increase function resiliency

  16. App Networking Performs Fast and Reliable  Use TCP and HTTP for App  Fine-tune TCP for 2G/3G/4G/WIFI  Tune retry logic at phase of connection/write/read  Use IP list to avoid DNS failure and DNS hijacking DNS  Elect IP by its performance  Reduce payload by protobuff & gzip

  17. Mobile Networking Reliability Achieved End-to-End Service Success Rate of 99.7% 100.00% 99.00% 98.00% 97.00% 96.00% 95.00% V5.10 V6.0 V6.1 V6.2 V6.3 V6.4 V6.5 V6.6 V6.7 V6.8 V6.9

  18. Make App Perform Better  App booting: load initial data & modules (only needed)  Data prefetching: initiate requests before page transition Faster  Picture prefetching, compression and multi-level caching  Reduce App size with SVG Smaller  Prune ghost modules Time to  App hybrid design - Native & H5 coexist Market

  19. Solutions to Mobile Maps Flaws Flaws: • Less accuracy on iOS Map • Native Android LBS/Map is blocked

  20. Enhance Mobile LBS/Maps Services Android iOS China AMap iOS Map Google Map/LBS AMap Oversea Google Map iOS Map Make App developers easy • Unify LBS for iOS & Android • Unify city locator • Unify map services for Google/iOS/AMap

  21. Mobile Monitoring at Runtime End-to-End Monitoring:  Service reliability  Service time  Networking metrics  Crashing collection  Consumption: battery, data  Boot time  Page time Services Log App Log

  22. More App Technologies … • • Adaptive design Watch • • Mobile payment TV App Front • • …… 7z-compression • • Proxy service for map Voice search • Anti bot App Backend • Push/Notification

  23. App for Apple Watch

  24. High-level Transformation Best Practices 1. CTO to be best technological architect 2. Decouple App between domains as much as possible 3. Culture shift - Mobile first, everywhere and everybody 4. Let each PD team builds its winning App 5. App testing CI farm enables fast and quality App releases 6. Visualize and monitor App performance and quality

  25. THANKS

Recommend


More recommend