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
- Computer / laptop yang telah terinstall SDK Dart, SDK Flutter
- IDE (Visual Studio Code / Android Studio)
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:
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.
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:
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.
Untuk mengecek apakah instalasi berhasil, buka Command Prompt lalu ketikkan perintah:
4. Membuat Proyek Dart
Buka Command Prompt, pilih direktori tempat menyimpan proyek, lalu jalankan perintah berikut:
dart create mobile1
Masuk ke folder proyek yang telah dibuat, lalu jalankan aplikasi dengan:
dart run
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.
6. Tampilan Awal Proyek Dart
Setelah proyek dibuat, berikut adalah tampilan awal struktur folder di VSCode:
Berikut penjelasan singkat mengenai folder dan file pada proyek Dart:
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:
Output dari program di atas adalah:
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:
Output dari program di atas adalah:
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 = {};
Output dari program di atas adalah:
10. Perulangan
Perulangan pada Dart dapat dilakukan dengan berbagai cara. Contoh
pertama menggunakan for loop:
Output dari perulangan di atas:
Cara lain adalah menggunakan for-in loop seperti contoh
berikut:
Output dari perulangan di atas:
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:
Output dari program di atas adalah:
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