Bahasa Pemrograman – 2023

Teknik Komputer

Pengembangan Aplikasi Android Menggunakan Flutter

LD.MUH.ADIL WAHYUDI AHMAD OKA

3222600037

2 D4 TEKNIK KOMPUTER B

PRAKTIKUM BAHASA PEMROGRAMAN

Maretha Ruswiansari,ST. MT

JUM’AT, 3 NOVEMBER 2023

Bahasa Pemrograman – 2023
Teknik Komputer

Pengembangan Aplikasi Android Menggunakan Flutter

-Persiapan Software-

A. Perangkat
a. Flutter SDK
b. Android Studio
c. Visual Studio Code
d. Xampp

B. Prosedur
a. Intalasi Flutter SDK
1. Hal pertama yang perlu dilakukan yaitu kalian perlu melakukan download
SDK Flutter melalui link berikut: https://docs.flutter.dev/get-started/install.
Melalui halaman yang kalian akses terdapat pilihan sebagai berikut untuk
memilih sistem operasi yang sesuai dengan perangkat anda :

2. Setelah memilih sistem operasi yang sesuai, kalian dapat menyimak terlebih
dahulu minimum requirement untuk bisa melakukan instalasi dan
menjalankan Flutter. Kemudian lakukan download Flutter SDK seperti :

3. Lanjutkan dengan melakukan ekstraksi zip file ke folder yang kalian inginkan,
contoh di folder C:
4. Lakukan setup environment seperti berikut, ketik env pada search bar, dan
pilih Edit the systems environment variables
5. Pilih Environment Variables
6. Pada User Variables pilih Path, kemudian klik tombol Edit
Bahasa Pemrograman – 2023
Teknik Komputer

7. Klik tombol browse dan cari folder bin di folder instalasi Flutter SDK, klik
tombol OK
8. Selanjutnya buka command prompt, ketik flutter doctor untuk melihat
status instalasi Flutter SDK
b. Android Setup
1. Instalasi Android Studio (oleh karena intalasi Android Studio sudah dibahas
pada praktikum sebelumnya, maka bisa melanjutkan ke proses berikutnya)
2. Jalankan flutter doctor untuk mengkonfirmasi bahwa Flutter telah
menemukan lokasi instalasi Android Studio. Bila Flutter tidak dapat
menemukannya, jalankan flutter config --android-studio-
dir=<directory> untuk mengatur direktori dimana Android Studio diinstal
3. Untuk menjalankan dan menguji Flutter App pada perangkat Android,
lakukan setup pada Developer Options
4. Pada terminal, jalankan perintah flutter devices untuk memverifikasi bahwa
Flutter mengenali perangkat Android yang terhubung.
5. Untuk menjalankan dan menguji Flutter App pada emulator Android, pilih
Android Virtual Device Manager, dan pilih emulator yang tersedia
6. Sebelum dapat menggunakan Flutter, perlu menyetujui licences dari Android
SDK platform. Buka command prompt, ketik flutter doctor -android-
licences, kemudian setelah menyetujui, jalankan lagi flutter doctor untuk
mengkonfirmasi telah siap menggunakan Flutter
c. Instalasi VS Code
1. Buka VS Code, pilih tab File > Preferences > Extensions
2. Ketik Flutter pada search bar, dan klik tombol Install pada extension Flutter
3. Bila sudah selesai, Kembali ke command prompt dan ketik flutter doctor
d. Test Drive
1. Buka VS Code, pilih tab View kemudian Command Palette, kemudian ketik
Flutter: New Project

2. Kemudian pilih Application

Bahasa Pemrograman – 2023
Teknik Komputer

3. Buat atau pilih folder untuk project baru, tuliskan nama project misalkan
mynew_app, kemudian tekan enter
4. Tunggu hingga pembuatan project baru selesai, hingga tampil file main.dart
5. Perintah di atas akan menghasilkan folder project Flutter bernama
mynew_app yang berisi simple demo app, dimana menggunakan Material
Components

6. Untuk menjalankan aplikasi, temukan VS Code status bar berwarna biru di

bagian bawah window, seperti berikut :

7. Pilih perangkat dari Device Selector, kemudian Run > Start Debugging
Bahasa Pemrograman – 2023
Teknik Komputer

8. Tunggu hingga proses build project dan instalasi app ke perangkat selesai,
hingga tampil seperti berikut :
Bahasa Pemrograman – 2023
Teknik Komputer

Hasil Percobaan

Percobaan Flutter Dari Web

Bahasa Pemrograman – 2023
Teknik Komputer

Analisa
pada praktikum kali ini kami melakukan kegiatan praktikum dengan menggnakan flutter dalam mengembangkan
aplikasi android. Untuk awalnya kami mendownload flutter dari link yang sudah disediakan, setelah berhasil
mendownload file flutter sebesar 890mb selanjutnya kami ekstrak file tersebut di drive c. lalu pergi ke
inveronment untuk memasang bin flutter. Setelah selesai langsung membuka command prompt untuk mengecek
apakah flutter sudah dideteksi dengan cara mengetik “flutter doctor” pada command promp. Jika masih ada
tanda silang berarti ada yang belum terpasang tetapi kalau sudah ceklis berarti sudah bisa digunakan. Namun
kemarin waktu melaksanakan praktikum saya mengalami kendala dalam pemasangan lisensi android pada flutter
tetapi setelah bisa dijalankan saya langsung membuka vs code untuk test drive flutter. Ada beberapa perangkat
untuk menjalankan flutter yaitu android, web, dan windows dekstop. Tetapi pada saat saya mencoba
menggunakan emulator android itu belum bisa karena perangkatnya tidak mau terhubung dan juga setelah bisa
programnya lama untuk ditampilkan di emulator android.

Kesimpulan
Pada praktikum ini, saya berhasil menginstal Flutter, mengatasi kendala terkait lisensi Android, dan
menggunakan VS Code untuk mengembangkan aplikasi Flutter. Saya juga memahami bahwa Flutter
mendukung berbagai platform seperti Android, web, dan Windows desktop, memberikan fleksibilitas
dalam pengembangan aplikasi lintas platform. Pada akhirnya, praktikum ini memberikan saya
pengalaman dalam memulai pengembangan aplikasi berbasis Android menggunakan Flutter dan
mengenal berbagai aspek dasar penggunaan framework ini.