MODUL

MOBILE DEVELOPMENT

TUTORIAL RUNNING PROGRAM FLUTTER

 DAFTAR ISI
Menggunakan Website 3
Menggunakan Android Studio 6
Menggunakan HP / Real Device 7
1. Menggunakan Website
A. Pada program teman-teman, klik “Terminal” yang terdapat pada
pojok kiri atas aplikasi Visual Studio Code, lalu klik “New
Terminal”.

B. lalu akan muncul Terminal yang terlihat seperti gambar dibawah

ini.
C. langsung saja ketikan “flutter run”. dan akan muncul banyak
pilihan tergantung dari perangkat temen-temen.

D. di perangkat ini terdapat 3 opsi :

1. Windows (desktop)
2. Chrome (website)
3. Edge (website)
apabila menekan tombol “2” maka perangkat ini akan menjalankan
Aplikasi Chrome berupa Website.

E. Selesai! anda bisa melihat hasil program anda pada Aplikasi yang
anda pilih di terminal tadi

F. apabila anda ingin mengupdate program anda, anda bisa menekan

tombol “r” pada terminal dan akan terlihat perubahannya.
2. Menggunakan Android Studio
Pertama kita buka terlebih dahulu android studio
selanjutnya klik Configure lalu pilih AVD Manager

Jika sudah pilih device/emulator yang ada lalu klik

tombol segitiga warna ijo
 Nah jika sudah kita bisa balik ke projek flutter lalu
jalankan atau pencet F5, Nah nanti akan otomatis
running di emulator/avdnya android studio

3. Menggunakan HP / Real Device

A. Siapkan HP Teman-teman.
B. Hubungkan HP Teman-Teman dengan PC/Laptop yang tersedia
menggunakan kabel USB yang telah disiapkan.
C. Pindahkan fungsi USB dari “Hanya isi daya” menjadi “Transfer
file/Android Auto”.

D. Masuk ke Menu dan cari “Pengaturan” dan cari “Tentang Ponsel“

lalu klik di bagian “Versi”
E. lalu klik “Nomor Kompilasi” sebanyak 7 kali sehingga HP muncul
notifikasi bahwa HP telah menjadi Developer.
F. setelah selesai menjadikan HP jadi Developer, kembali ke tampilan
pengaturan awal dan cari “Pengaturan Tambahan”.
G. klik “Opsi Pengembangan” dan aktifkan “Debugging USB”

H. setelah semua step pada HP selesai, kita kembali ke Visual Studio

code kita. pastikan kita sudah berada di “main.dart”
I. lalu klik “Run and Debug” pada pojok kiri atas Visual Studio code
dan klik “Run and Debug”.
J. setelah menekan, tampilan “Debug Console” akan langsung
muncul di VSC kita. jika kita melihat perintah program berupa
“Launching lib\main.dart on …(Device kita) in debug mode” itu
berarti HP kita telah berhasil terpasang dan menjadi Developer
dengan sukses!

K. tunggu dan selesai!