Instalasi dan Setup Lingkungan Pengembangan Flutter

Tujuan Pembelajaran

• Memasang Flutter SDK dan mengonfigurasi variabel lingkungan.
• Menginstal Android Studio, VS Code, dan emulator/simulator.
• Menjalankan perintah flutter doctor untuk memeriksa kesiapan.
• Membuat proyek Flutter pertama dan menjalankannya.

Uraian Materi

Lingkungan pengembangan yang benar adalah prasyarat utama. Langkah pertama mengunduh Flutter SDK dari situs resmi dan mengekstraknya ke folder tertentu seperti C:srcflutter. Selanjutnya path SDK ditambahkan ke variabel lingkungan PATH agar perintah flutter dapat dipanggil dari terminal.

Text editor dan IDE yang disarankan adalah Android Studio (lengkap dengan emulator dan template) atau Visual Studio Code plus ekstensi Flutter dan Dart. Android SDK serta emulator diperlukan untuk menjalankan aplikasi pada perangkat virtual. Alternatifnya, peserta dapat menjalankan aplikasi pada perangkat fisik dengan mengaktifkan opsi developer dan USB debugging.

Memeriksa Kesiapan Lingkungan

Setelah instalasi, jalankan perintah berikut untuk memverifikasi seluruh komponen:

flutter doctor

Perintah ini menampilkan status Flutter, Android toolchain, dan editor. Kesalahan umum yang diatasi antara lain Android licenses belum disetujui (disetujui dengan flutter doctor --android-licenses) dan SDK path belum diatur.

Membuat Proyek Pertama

Proyek baru dibuat dengan perintah berikut:

flutter create nama_proyek
cd nama_proyek
flutter run

Perintah flutter create menghasilkan struktur folder standar: folder lib untuk kode Dart, android dan ios untuk konfigurasi platform, test untuk pengujian, dan file pubspec.yaml untuk mengelola dependensi.

Menjalankan di Emulator

Emulator dibuka dari Android Studio lalu proyek dijalankan. Di VS Code klik tombol Run pada status bar atau gunakan F5. Peserta diajak mengenali hot reload (tombol r) dan hot restart untuk mempercepat iterasi pengembangan.

Mengenali Struktur Proyek Flutter

Pada file pubspec.yaml, peserta dapat melihat daftar dependensi dan aset seperti gambar maupun font. Folder lib adalah tempat seluruh kode Dart berada, dan android serta ios menyimpan konfigurasi spesifik platform. Pemahaman struktur ini menjadi dasar saat nanti menambahkan paket seperti provider, sqflite, ataupun http.

Mengatasi Kesalahan Instalasi Umum

Masalah yang sering muncul saat setup antara lain variabel PATH tidak terdeteksi, versi Android SDK belum cocok, serta lisensi Android belum disetujui. Peserta dibimbing membaca pesan error dengan teliti, sebab sebagian besar solusi sudah dituliskan langsung oleh flutter doctor. Kemandirian membaca pesan error adalah keterampilan yang sangat dihargai di dunia kerja.

Peran Emulator dan Mode Developer

Untuk menjalankan aplikasi di perangkat fisik, peserta perlu mengaktifkan opsi developer dan USB debugging pada pengaturan ponsel. Pada emulator, pengaturan resolusi dan spesifikasi berpengaruh pada kecepatan pengujian. Peserta menyesuaikan pilihan berdasarkan spesifikasi komputer yang tersedia di laboratorium.

Eksperimen Pertama dengan Hot Reload

Setelah proyek berjalan, peserta diminta mengubah teks pada halaman utama lalu menekan tombol r untuk melihat perubahan secara langsung. Pengalaman ini menumbuhkan pemahaman bahwa Flutter mempercepat proses pengembangan karena perubahan tampilan dapat dilihat tanpa menunggu kompilasi ulang dari awal.

Aktivitas Pembelajaran

• Praktik mengunduh dan mengekstrak Flutter SDK.
• Konfigurasi PATH dan instalasi editor yang dipilih.
• Menjalankan flutter doctor dan mengatasi indikasi error.
• Membuat proyek Flutter dan menjalankannya di emulator.

Tugas dan Latihan

• Instalasi Flutter SDK dan flutter doctor dinyatakan sukses.
• Hasilkan proyek baru dan jalankan aplikasi defaultnya.
• Catat langkah instalasi dalam laporan praktikum singkat.

Evaluasi

Evaluasi dilakukan melalui pengamatan hasil praktikum, kuis singkat di akhir pertemuan, dan pemantauan proyek. Peserta yang belum mencapai indikator tertentu diberikan remedial melalui bimbingan ulang dan latihan tambahan pada pertemuan berikutnya.

Panduan Belajar Mandiri

Untuk menguatkan pemahaman, peserta disarankan membaca ulang kode yang telah dibuat, mencoba memodifikasi nilai dan properti, lalu mengamati perubahannya melalui hot reload. Eksperimen kecil-kecil semacam ini membangun intuisi yang tidak diperoleh hanya dari teori.

Kesulitan yang ditemui selama praktik dicatat pada jurnal belajar dan dibawa ke pertemuan berikutnya. Konsistensi belajar mandiri di antara sesi mempercepat penguasaan materi dan membuat praktikum di kelas berjalan lebih efektif.

Ringkasan Pertemuan

Pada pertemuan ke-2 fokus pembelajaran adalah instalasi dan setup lingkungan pengembangan flutter. Seluruh indikator tujuan difokuskan pada penguasaan materi tersebut secara praktis, sehingga peserta tidak hanya mengenal konsep tetapi mampu menerapkannya langsung dalam proyek Flutter yang sedang dikembangkan. Ringkasan nilai utama: memasang flutter sdk dan mengonfigurasi variabel lingkungan..

Kemampuan peserta diukur melalui penyelesaian latihan yang mencerminkan penerapan nyata, bukan sekadar hafalan. Setiap konsep baru selalu dikaitkan dengan materi sebelumnya agar terbentuk pemahaman yang utuh dan berkesinambungan sepanjang kurikulum.

Refleksi Diri

Bagian berikut mengajak peserta menelaah kembali sejauh mana materi telah dikuasai. Kejujuran dalam menilai diri menentukan efektivitas langkah perbaikan selanjutnya.

• Apakah saya dapat menjelaskan kembali pokok materi pertemuan ini tanpa melihat catatan?
• Apakah saya berhasil menyelesaikan seluruh latihan praktikum secara mandiri?
• Bila ada kendala, bagian manakah yang paling sulit dan bagaimana rencana saya mengatasinya?

Asesmen dan Tindak Lanjut

Hasil praktikum dan kuis digunakan untuk memetakan penguasaan peserta. Peserta yang nilainya belum memenuhi kriteria mengulang latihan pada bagian yang kurang dengan pendampingan, sedangkan yang telah menguasai diberikan pengayaan berupa pengembangan fitur tambahan. Catatan perbaikan disampaikan melalui umpan balik tertulis atau lisan.

Kesetiaan mengikuti alur pertemuan demi pertemuan merupakan kunci keberhasilan penguasaan dasar bahasa Dart dan persiapan lingkungan pengembangan Flutter. Materi berikutnya dibangun di atas kompetensi yang telah dicapai, sehingga menuntaskan pembelajaran setiap pertemuan menjadi bagian penting dari pencapaian akhir. Peserta disarankan mempersiapkan diri membaca panduan praktikum sebelum pertemuan berikutnya tiba.

Dengan selesainya pertemuan ini, peserta menambah satu kompetensi pada peta belajar Mobile Programming. Kemajuan itu dicatat dan menjadi dasar penilaian akhir serta bahan diskusi proyek yang menutup keseluruhan kurikulum.