Professional Documents
Culture Documents
Pertemuan02 Setup
Pertemuan02 Setup
Pertemuan#2 : Setup
Installasi Flutter
Arsitektur Flutter
Installasi Flutter
Tugas
Discussion
Kompetensi Umum
• Memiliki pengetahuan yang memadai terkait dengan Konsep, cara
kerja, Arsitektur dari Flutter dan Dart
Tools
1. Visual Code Studio https://code.visualstudio.com/
2. Android Studio https://developer.android.com/studio
Android SDK Manager dan AVD Manager
3. SDK Flutter https://docs.flutter.dev/get-started/install
Setup Flutter
1. Download SDK Flutter
https://docs.flutter.dev/get-
started/install
2. Extract file zip ke drive komputer
(misal, C:\flutter)
3. Buka windows
environment\Path\edit\New\[Path
flutter]
4. Apply/OK
Cek Flutter
Praktek #1 : Running via cmd
Praktek #1 : Compile
• Buka Visual Studio Code
• Buka project (misal,
D:\Project\Flutter\HelloTerminal\
apltest1)
• Running Project
Praktek #2 : Running via cmd Pallete
1. Buka Visual Studio Code
2. Klik View/Command Palette..
3. Klik Flutter:NewProject/Application
4. Pilih Folder dan kasih nama file
Praktek #2 : Compile - cmd Pallete
1. Buka Visual Studio Code
2. Klik …./Terminal/New Terminal..(A)
3. Pastikan address project sesuai ..(B)
4. Ketik flutter run
5. Pilih device tampilan
6. Hasil..(C)
Praktek #3 : Running via HP
1. Aktivasi opsi pengembang di hp(misalm hp Oppo : https://de-
tekno.com/2021/01/aktifkan-sembunyikan-developer-options-hp-
oppo-all-model/ )
2. Pastikan hp terkoneksi komputer
3. Klik …./Terminal/New Terminal
4. Pastikan address project sesuai
5. Ketik flutter run
6. Pilih device HP
Daftar Pustaka
• https://dart.dev/
• https://docs.flutter.dev/resources/books
• https://www.tutorialspoint.com/flutter/flutter_tutorial.pdf
• https://www.tutorialkart.com/flutter/flutter-textfield/#gsc.tab=0
• https://www.geeksforgeeks.org/what-is-widgets-in-flutter/
• https://www.petanikode.com/flutter-vscode/
• https://www.javatpoint.com/flutter-creating-android-platform-specific-code
• https://www.politesi.polimi.it/bitstream/10589/186288/1/Development%20of%
20a%20Large-Scale%20Flutter%20App.pdf
• https://www.youtube.com/watch?v=ZcL-h8Hcmb0
• https://www.youtube.com/watch?v=EhGW4UYpKSE
Tugas
1. Jelaskan apa itu Flutter dan Dart serta berikan contoh implentasi
2. Jelaskan Arsitektur Flutter
3. Bagaimana cara kerja Flutter dan Dart, Jelaskan
4. Bagaimana proses Installasi Flutter, Jelaskan