Maersk Mobile - All the way with Flutter

Slide 1

Slide 1 text

Gaurav Bhatnagar Satish Kumar Twitter : @bhatnagar_g https://bit.ly/bhat_g https://bit.ly/satish_k

Slide 2

Slide 2 text

§ Maersk App (B2B)– Follow your Shipments in Real Time (Built on Native Platform) § Usage skyrocketed in 2020 (astounding 460% increase in activity) § Keeping up with Feature Requirements was quite intimidating with rapidly growing userbase. No of Mobile Events - 2020

Slide 3

Slide 3 text

App Tech Debt in both iOS and Android Framework related updates in both the platforms (AndroidX , Latest iOS version updates) ROI to the efforts put in was not directly proportional for our customers Feature parity with web was an almost impossible target to achieve

Slide 4

Slide 4 text

Shared code base for different platform like iOS and Android Consistent UI across platforms UI widgets in a render-tree like data structure Near-native performance Hot-reload Developer friendly documentation

Slide 5

Slide 5 text

Animation Firebase Ready to use plugins Robust Security

Slide 6

Slide 6 text

• •

Slide 7

Slide 7 text

• •

Slide 8

Slide 8 text

• • • •

Slide 9

Slide 9 text

No content

Slide 10

Slide 10 text

No content

Slide 11

Slide 11 text

• • •

Slide 12

Slide 12 text

• • • •

Slide 13

Slide 13 text

No content

Slide 14

Slide 14 text

• • • • • •

Slide 15

Slide 15 text

• Client Server Architecture • Based on WebDriver JSON Wire Protocol • Native test libraries of respective platform is the backbone of the backend • APK/IPA file can be picked up via CI/CD through Github Actions which is deployed in Firebase App Distribution/Browserstack

Slide 16

Slide 16 text

No content

Slide 17

Slide 17 text

No content

Slide 18

Slide 18 text

Native Booking Journey Flutter Booking Journey

Slide 19

Slide 19 text

No content

Slide 20

Slide 20 text

• POORVIKAAS GLOBAL LOGISTICS IN SOUTH ASIA HAVE GIVEN QUITE ENCOURAGING FEEDBACK: “ ” •

Slide 21

Slide 21 text

App Store (iOS) Play Store (Android)

Slide 22

Slide 22 text

Add features at a rapid rate Diminished technical barriers Swift app development and agility becoming the new normal Synchronized release on both Platforms

Slide 23

Slide 23 text

• • • •

Slide 24

Slide 24 text

• HTTPS://MEDIUM.COM/IOS-OS-X-DEVELOPMENT/MODERN-MVC-39042A9097CA • HTTPS://DOCS.FLUTTER.DEV/RESOURCES/ARCHITECTURAL-OVERVIEW • HTTPS://MEDIUM.COM/CODECHAI/ARCHITECTING-YOUR-FLUTTER-PROJECT-BD04E144A8F1 • HTTPS://BETTERPROGRAMMING.PUB/5-REASONS-WHY-FLUTTER-IS-BETTER-THAN-REACT-NATIVE- CF2E9B077F66

Slide 25

Slide 25 text

No content