FLUTTER

-BY
PRATHAMESH PATHAK
SOFTWARE ENGINEERING TASKS

• Designing • Database
• Prototyping • Testing
• Frontend Coding • Debugging
• Backend Coding • Deployment
• User experience • Maintainance
• Planning • Requirement Gathering
 OPERATING SYSTEM SHARE
Linux
1%
OSX
6% unknown
5%

iOS
14% Android
38%

Windows
36%
CURRENT OPTIONS

Ionic
Progressive
Real
or Similar
Native
WebSolutions
Apps
Apps
 REAL NATIVE APPS
• Complete use of platform resources
• Camera, GPS
• Fingerprint/Face ID sensors
• Platform/OS features for resource management
• Platform specific features
• Bleeding edge features implemented in the platform
• Platform specific features
 DISADVANTAGES REAL NATIVE APPS
• Different toolkits (tools, programming languages) for different platforms
• Windows – dot NET, Microsoft Visual Studio
• Android – Java, Kotlin, Android Studio
• iOS – Objective C, Swift, XCode
• Different design languages for different platforms and users
• Material UI for Android
• Cupertino UI for iOS
• Randomness for HTML and also Android and iOS apps
CURRENT OPTIONS

Progressive
Real Native
Web
Apps
Apps
 PROGRESSIVE WEB APPS
• Progressive - Work for every user, regardless of browser choice, because they are built with progressive enhancement as a
core tenet.
• Responsive - Fit any form factor, desktop, mobile, tablet, or whatever is next.
• Connectivity independent - Enhanced with service workers to work offline or on low quality networks.
• App-like - Use the app-shell model to provide app-style navigation and interactions.
• Fresh - Always up-to-date thanks to the service worker update process.

• Safe - Served via HTTPS to prevent snooping and ensure content has not been tampered with.
• Discoverable - Are identifiable as “applications” thanks to W3C manifests and service worker registration scope allowing
search engines to find them.
• Re-engageable - Make re-engagement easy through features like push notifications.
• Installable - Allow users to “keep” apps they find most useful on their home screen without the hassle of an app store.
• Linkable - Easily share via URL and not require complex installation.
 DISADVANTAGES PROGRESSIVE WEB APPS
• Browser Dependent
• Maximum limit of features dependent on the browser in use
• Settings can be overridden by the browser policies

• Low resource utilization

• Separate content in a web browser
• Cannot use platform features like camera, sensors, etc
CURRENT OPTIONS

Ionic
Progressive
Real
or Similar
Native
WebSolutions
Apps
Apps
 IONIC FRAMEWORK
• Many more platforms
• Android
• iOS
• Windows
• Common languages
• HTML
• CSS
• JavaScript (Angular JS)
 DISADVANTAGES IONIC FRAMEWORK
• Complexity
• Specific skillset for development
• Navigation elements are tricky to develop

• Low resource utilization

• Restrictions to use platform resources
• Limited access to platform features
ENTER FLUTTER
• All new Dart programming language
• Dart is similar to OOP languages like Java with easier to learn syntax
• Common code base for Android and iOS apps
• Native apps for both platforms
• Support to use the design elements in Web Apps
• Open-Source
• The primary way to build apps for the upcoming Fuchsia OS
• Lightning fast development along with high-quality and high-performing UI
REFERENCES

• http://gs.statcounter.com/os-market-share
• https://ionicframework.com/
• https://developer.android.com/
• https://developer.apple.com/
• https://developer.apple.com/xcode/
• https://flutter.dev/
• https://www.dartlang.org/
THANK YOU