Lecture 1-INTRODUCTION TO FLUTTER.pptx

MOBILE APPLICATION
DEVELOPMENT
LECTURE-01
Dr. Ha,od H. Awan
hamid.hussain@se.iiui.edu
.pk
1

COURSE OUTLINE
Introduction tbile platforms
Introduction to Flutter
Flutter Installation
…o Mo
2

MARKS DISTRIBUTION
Component <arks
Qioz 10
Assognments 10
Mid term exam 20
Project 20
Final term exam 40
Total 100
3

CLASS RULES
Attendance Policy
 Zzero tolerance for short attendance.
 Any student found absent at any interval during the class will be marked Absemt.
Plagiarism Policy
 Zero Tolerance for cheating/plagiarism.
Bonus Marks
 Can be awarded both in positive and/or negative direction for any activity without
any announcement before hand.
Quiz Policy
 The probability of giving a quiz to the class is inversely proportional to the number of students present in
the class at that time. So make sure to be present when the number of present students is small and
possibly avail bonus marks as well.
4

OVERVIEW
1.What is Flutter?
2.Why Flutter?
3.How it is better than other
counterparts?
4.Benefits of Flutter
6

WHAT IS FLUTTER?
•A “tool” that allows you to build
native cross-platform (Android, iOS,
Web Desktop) applications one
programming language and codebase.
7

WHAT IS NATIVE+CROSS
PLATFORM?
•A cross-platform computer product or
system is a product or system that can
work across multiple types of platforms or
operating environments.
•Cross-platform is also known as
multiplatform or platform independent.
8

NATIVE VS CROSS-PLATFORM VS
HYBRID
Native
•“An application developed exclusively
for a single platform using a native to
the operating system language is a
Native App.”
9

HYBRID
Hybrid
•“The blend solution consists of native and web
solutions.”
•The developer embeds the code written with
web development languages (HTML, CSS, and
Javascript) into a native app using plugins,
Apache Cordova or Ironic’s Capacitor.
10

HYBRID
Cross-Platform
•“Write code once and reuse for different
platforms.”
11

HYBRID
Native
Hybrid
Cross
Platform
12

FLUTTER OVER OTHER CROSS
PLATFORMS
iOS Android
RaisedButton()
Other
Frameworks
UIButton Widget Button
RaisedButton()
Flutter
“It directly controls every Pixel
which is drawn”
(Custom Implementation)
13

BENEFITS OF FLUTTER
1. Increased time to market speed.
2. Reduced Code development time.
3. The potential ability to go beyond mobile.
4. Same UI & Business logic in All Platforms.
5. Custom, Animated UI of any complexity available.
6. Similar to Native App performance.
7. Own Rendering Engine.
8. Simple Platform-Specific Logic Implementation.
14

Lecture 1-INTRODUCTION TO FLUTTER.pptx

More Related Content

What's hot

Similar to Lecture 1-INTRODUCTION TO FLUTTER.pptx

Recently uploaded

Lecture 1-INTRODUCTION TO FLUTTER.pptx