Praktikum 2 Aplikasi Mobile
Setup Flutter Development, Stateless & Statefull Widget, Basic Widgets

Tujuan

Mahasiswa mampu menyiapkan lingkungan development Flutter seperti install SDK Flutter, Git, Android SDK, IDE, dll.
Mahasiswa mampu membuat Stateless dan Stateful Widget Flutter.
Mahasiswa mampu membuat contoh basic widgets Flutter.

Alat

Computer / laptop yang telah terinstall flutter development

Langkah-langkah Pengerjaan

1. Instalasi Git

Git berfungsi sebagai sistem version control yang mempermudah proses pengunduhan (clone) Flutter SDK dari repository resminya serta memudahkan pengelolaan kode. Selain itu, pembaruan Flutter juga bisa dilakukan dengan lebih mudah menggunakan perintah di terminal.

Untuk menginstal Git, ikuti langkah-langkah berikut:

Unduh installer Git dari Situs Resmi Git .

Setelah selesai diunduh, ikuti langkah-langkah instalasinya. Untuk mengecek apakah Git sudah terpasang dan melihat versinya, buka Command Prompt lalu ketik perintah git -v. Jika muncul informasi versi, berarti Git telah berhasil diinstal.

2. Instalasi Visual Studio

Untuk menginstal Visual Studio, ikuti langkah-langkah berikut:

Unduh installer Visual Studio dari situs resmi visual studio.

Langkah berikutnya adalah menjalankan installer, lalu pilih edisi Community, Professional, atau Enterprise sesuai kebutuhan. Pada bagian Workloads, aktifkan opsi Desktop development with C++, Kemudian install.

3. Instalasi Android Studio ( Opsional )

Untuk menginstal Visual Studio, ikuti langkah-langkah berikut:

Unduh installer Android Studio dari situs resmi android studio.

Setelah selesai diinstall, buat project baru kemudian cari menu SDK Manager dan ceklis sepeti gambar, kemudian downloads

4. Install Ekstensi Flutter di VS Code

Buka VS Code, lalu pada menu extension, cari flutter dan install extension tersebut

5. Install SDK Flutter

Untuk menginstal Visual Studio, ikuti langkah-langkah berikut:

Unduh installer SDK Flutter dari situs resmi flutter.

6. Project Flutter

Untuk membuat project flutter, terdapat beberapa cara, yaitu menggunakna command prompt dan secara langsung dari IDE yang digunakan, kali ini akan menggunakan command prompt. ikuti langkah-langkah berikut:

Bukan command prompt, lalu ketikkan perintah berikut flutter creat (nama project)

selanjutnya masuk ke dalam direktori flutter tersebut dan ketikkan flutter run untuk menjalankan project. akan terdapat beberapa pilihan seperti windows, edge, dan sebagainya. silahkan pilih salah satu, setelah itu tampilan awalnya akan seperti ini

6. Project Flutter

Bukan command prompt, lalu ketikkan perintah berikut flutter creat (nama project)

EKstrak zip flutter dan lokasikan pada lokasi yang diinginkan, kemudian copy path flutter tersebut ke Environment Variable

Tugas

Buatlah aplikasi sederhana mini laundry menggunakan Bahasa pemgrograman Dart dengan ketentuan sebagai berikut : - Paket Cuci dan Setrika 1 kg 6.000 - Paket Cuci 1 kg 4.000 - Paket Setrika 1 kg 3.000 - Jika total laundry >= 50.000 maka mendapatkan potongan harga 5%, dan jika lebih dari 100.000 mendapatkan potongan 10% - Tampilkan output jumlah yang harus dibayar