1 / 21

Flutter Rev CX

Flutter is an open-source mobile application development SDK created by Google. It is Googleu2019s UI toolkit for building beautiful, natively compiled applications for mobile, web, and desktop from a single codebase.<br>

JoshSoftwareInc
Download Presentation

Flutter Rev CX

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Flutter is revolutionizing CX for mobile and web apps Why do you need to get on board?

  2. Importance of Customer experience for mobile apps & web apps 01 Webinar Agenda 02 Drawbacks of legacy frameworks What to Expect? How Flutter covers those CX drawbacks 03 Consistency across all platforms Speakers 04 Prateek Bhojak Kaustubh Kushte And More.. Nikhil Patil

  3. What is Flutter? Flutter is an open-source mobile application development SDK created by Google. It is Google’s UI toolkit for building beautiful, natively compiled  applications for mobile, web, and desktop from a single codebase. Used to develop hybrid applications for Primary method of creating applications for

  4. Trends - Hybrid App

  5. Growing Online Community

  6. Flutter’s Benefits to Business Faster Time to Market Easy Maintenance Cost Efficiency Customized Advanced UI Easy Integration with existing applications Fuchsia OS – A Look into future Strong Community Support

  7. Business Use Cases of Flutter

  8. BMW Builds its Car Application with Flutter BMW has developed its ‘My BMW’ app entirely in-house using Flutter and Dart programming language. Flutter’s scalable and universal software architecture has enabled BMW to rapidly expand its content and quickly implement new functions and customer requests. Flutter has also paved the way for BMW to constantly improve its app with multiple updates every year, furthering its functionality continually. The app acts as a new universal interface with the car, providing information on the vehicle’s status at any time. The BMW Group’s Flutter/Dart development team is one of the world’s largest after Google’s.

  9. Alibaba Chooses Flutter to Develop a Versatile App Alibaba’s used goods platform, Xianyu, leveraged Flutter to fast track its app development and instate easy app maintenance. Alibaba aimed to create an easy-to-navigate app for users, filled with graphics (and yet load fast), accessible to as many people as possible. Most importantly, achieve all this at an incredible pace. Alibaba leveraged Flutter owing to its outstanding user experience, especially its high FPS and seamless UI.Alibaba’s developers began implementing Flutter incrementally, adding more functionalities to the app’s framework. Xianyu’s Item Detail page, in which the application’s critical, complex, and frequently visited section features many images and complex UI sections, is run through a single codebase on iOS and Android using Flutter. Using Flutter, Xianyu’s developer’s managed to ship new features in half the time. Flutter’s expressive UI widgets enabled the creation of a sleek UI and significantly reduced the workload when implementing new features

  10. Project Management Advantages using Flutter

  11. One team multiple platforms

  12. Improved Communication

  13. Reduced Development Time

  14. Reducing Testing Time

  15. Cost Reduction

  16. Flutter’s Architectural Overview

  17. Widgets (stateful v/s stateless) The widgets whose state can be altered once they are built are called stateful Widgets. These states are mutable and can be changed multiple times in their lifetime. Stateful Widget Stateless Widget The widgets whose state can not be altered once they are built are called stateless widgets. These widgets are immutable once they are built.

  18. Stateful Widget class Demo extends StatefulWidget { @override _DemoState createState() => _DemoState(); } class DemoWidget extends Stateless Widget{ @override Widget build(BuildContext context) { return Container();  } } Stateless Widget class _DemoState extends State<Demo>{ @override Widget build(BuildContext context) { return Container(); } }

  19. Timeline - Identify the jank in the app. Jank is unreliable or poor quality of animation/UX Performance - Bottom Up chart to tell which part of code is taking more CPU usage Flutter Dev Tools Memory tab - Allows you to view live memory consumption Network tab - For viewing every single details of your network requests Logging tab - For viewing system logs as well as console logs printed by developer Debugging - For inspecting your local variables & finding out bugs.

  20. Questions?

More Related