Praktikum 1 Aplikasi Mobile
Setup Environment, Dart Dasar dan OOP Dart

Tujuan

• Install SDK Dart dan Integrated Development Editor (IDE) • Membuat program sederhana untuk memahami dasar Bahasa pemrograman dart • Membuat program sederhana menggunakan konsep OOP

Alat

Langkah-langkah Pengerjaan

1. Install SDK Dart

Sebelum menginstal SDK Dart, pastikan perangkat Anda sudah memenuhi persyaratan minimum. Berikut adalah kebutuhan sistem untuk instalasi SDK Dart:

Persyaratan SDK Dart

Terdapat beberapa cara untuk menginstal SDK Dart, misalnya menggunakan Chocolatey atau dengan mengunduh file SDK dalam bentuk ZIP. Pada panduan ini, kita akan menggunakan metode instalasi melalui file ZIP.

2. Instalasi SDK Dart dengan ZIP

Unduh SDK Dart melalui halaman Dart SDK Archive.

Download SDK Dart
3. Mengatur PATH SDK Dart

Agar perintah dart dapat dijalankan secara global, Anda perlu menambahkan lokasi SDK ke dalam PATH Environment Variables.

Buka menu Edit the system environment variables, lalu pilih Environment Variables. Akan muncul jendela seperti berikut:

Environment Variables

Pada bagian System variables, pilih Path, lalu klik Edit dan tambahkan alamat direktori SDK Dart, misalnya: C:\tools\dart-sdk\bin atau sesuai lokasi ekstraksi.

Path SDK Dart

Untuk mengecek apakah instalasi berhasil, buka Command Prompt lalu ketikkan perintah:

Cek Dart
4. Membuat Proyek Dart

Buka Command Prompt, pilih direktori tempat menyimpan proyek, lalu jalankan perintah berikut:

dart create mobile1

Membuat Project Dart

Masuk ke folder proyek yang telah dibuat, lalu jalankan aplikasi dengan:

dart run

Menjalankan Project Dart
5. Instalasi Ekstensi Dart di VSCode

Agar lebih mudah dalam menulis program, instal ekstensi Dart di VSCode melalui menu Extensions. Cari kata kunci Dart dan lakukan instalasi.

Ekstensi Dart
6. Tampilan Awal Proyek Dart

Setelah proyek dibuat, berikut adalah tampilan awal struktur folder di VSCode:

Struktur Project Dart

Berikut penjelasan singkat mengenai folder dan file pada proyek Dart:

Penjelasan Project
7. Tipe Data List

List adalah tipe data yang berisi kumpulan elemen dengan urutan tertentu, mirip dengan array pada bahasa pemrograman lain. Untuk membuat list:
List<TipeData> variabel = []; atau var variabel = <TipeData>[];

Buat file baru di folder bin dengan nama dart_dasar.dart, lalu tuliskan kode berikut:

Kode List

Output dari program di atas adalah:

Output List
8. Tipe Data Set

Set mirip dengan List, namun tidak memiliki indeks dan tidak mengizinkan data duplikat. Untuk membuat set:
Set<TipeData> variabel = {};

Tambahkan kode berikut ke dalam dart_dasar.dart:

Kode Set

Output dari program di atas adalah:

Output Set
9. Tipe Data Map

Map adalah struktur data dengan pasangan key-value. Key bersifat unik dan digunakan sebagai pengenal data. Jika ada key yang sama, maka value terakhir akan digunakan.

Contoh pembuatan Map:
Map<TipeKey, TipeValue> nama = {};

Kode Map

Output dari program di atas adalah:

Output Map
10. Perulangan

Perulangan pada Dart dapat dilakukan dengan berbagai cara. Contoh pertama menggunakan for loop:

For Loop

Output dari perulangan di atas:

Output Loop

Cara lain adalah menggunakan for-in loop seperti contoh berikut:

For-in Loop

Output dari perulangan di atas:

Output Loop 2
11. OOP pada Dart

Berikut adalah contoh penerapan konsep Object-Oriented Programming (OOP) pada bahasa Dart. Buat file baru bernama oop.dart dan tuliskan kode berikut:

Kode OOP

Output dari program di atas adalah:

Output OOP
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

Berikut outputnya:

Ubah program diatas menggunakan konsep OOP

Berikut outputnya:

Link Project

Github Repository