Laporan Praktikum

08 September 2025 ~ Oleh Surya Andika

Laporan Praktikum Aplikasi Mobile 1

Setup Environment, Dart Dasar dan OOP Dart

1.1. Tujuan

Tujuan praktikum ini yaitu mahasiswa membuat menginstall kebutuhan Praktikum Aplikasi Mobile menggunakan bahasa Dart pada framework Flutter, mahasiswa menguasai dasar-dasar Bahasa pemrograman Dart serta konsep OOP Dart :

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

1.2. API

1. Computer / laptop yang telah terinstall SDK Dart, SDK Flutter
2. IDE (Visual Studio Code / Android Studio)

1.3. Teori

1.4. Langkah-Langkah

Install SDK Dart Sebelum install SDK Dart pastikan arsitektur hardware telah memenuhi persyaratan minimum, Adapun persyaratan minimum yang dibutuhkan untuk install SDK Dart seperti gambar berikut :

Untuk menginstall SDK Dart dapat menggunakan beberapa cara yaitu dapat menggunakan Chocolatey atau dapat langsung download file SDK dalam bentuk ZIP kemudian di extract pada computer. Berikut Langkah-langkah install SDK Dart.

Windows

1. Menggunakan Chocolatey
• Install Chocolatey = https://chocolatey.org/install
• Buka command promt atau powershell kemudian ketikan perintah choco install dart-sdk
• Menganti PATH

  Secara default Ketika menginstall SDK Dart menggunakan Chocolatey akan terinstall pada Directory C:\tools\dart-sdk

2. Extract SDK Dart ZIP
• Download SDK Dart pada halaman Dart SDK archive https://dart.dev/getdart/archive#stable-channel

• Selanjutnya extract SDK Dart yang telah di zip

Mengatur PATH SDK Dart

Agar dart dapat dijalankan secara global maka perlu menambahkan pada PATH Environment, berikut Langkah-langkah menambahkan PATH

• Buka Edit the system Environment variable

• Klik Environment Variables maka akan muncul tampilan seperti berikut

• Pilih Path → Edit dan tambahkan Path dari SDK Dart C:\tools\dart sdk\bin atau directory_extract\dart-sdk\bin
• Cek apakah dart sudah terinstall atau belum dengan mengetikkan dart pada command prompt

MacOS

Jika menggunakan system operasi MacOS maka dapat mengsintall SDK Dart menggunakan Homebrew

• Install homebrew https://brew.sh/
• Ketikkan perintah brew tap dart-lang/dart
• Install Dart SDK menggunakan perintah brew install dart
• Sesuaikan PATH dengan directory bin

Project Pertama

Dart Membuat project pertama menggunakan Bahasa Dart, berikut ini Langkah-langkahnya.

• Buka command prompt kemudian pilih directory yang akan digunakan untuk menyimpak proyek dart dan ketikkan dart create halo maka proyek dart pertama dengan nama halo akan terbentuk.

• Untuk menjalankannya masuk ke directory halo dan ketikkan dart run

Dart x Visual Studio Code

Setelah berhasil membuat proyek pertama Dart dengan nama halo, agar lebih memudahkan dalam mempelajari Bahasa Dart, maka kita perlu membuat proyek dart pada Visual Studio Code, buka Visual Studio Code kemudian buka proyek halo, berikut ini tampilannya pada Visual Studio Code.

Penjelasan Struktur Utama Dart:

Dart x Visual Studio Code

List

List tipe data yang berisi kumpulan data atau dalam bahasa pemrograman lain disebut array, Untuk membuat list yaitu List variabel=[] atau var variabel = []

• Buat file baru pada folder bin dengan nama dart_dasar.dart kemudian buat function main
• Buat List dengan tipe string yang berisi nama-nama buah seperti kode program berikut ini.
List fruits = ['Apel', 'Alpukat', 'Nanas', 'Mangga','Pisang'];

Selanjutnya untuk menampilkan list dapat menggunakan perintah

print(fruits.toString());


• Manipulasi List, silahkan tambahkan kode programnya menjadi seperti berikut ini.

• Output Program

Set

Set merupakan sebuah tipe data yang mirip dengan list, akan tetapi set tidak memiliki index sehingga data yang ada pada set tidak berurutan, Set tidak menerima duplikasi data Tidak bisa mengakses menggunakan index, Untuk membuat set yaitu Set namaVariabel={}; atau var namaVariabel={};

• Tambahkan kode program berikut pada file dart_dasar.dart

• Output Program

Map

• Map adalah tipe data key-value yang mana key seperti index dan value sebagai datanya
• Menggunakan kurung kurawal {} dan menggunakan : untuk memisahkan key-value
• Jika ada data key yang sama maka yang akan digunakan data key yang terakhir.
• Untuk membuat map yaitu:
  1. Map namaVariabel = {};
  2. var namaVariabel = Map();
  3. var namaVariabel = {};

berikut ini kode program contoh penggunaan Map pada Dart.


• Output Program

Set

Cara Pertama

Cara Kedua

Set

Kode program berikut ini merupakan contoh konsep penerapan OOP pada Bahasa Dart. Buat file baru pada folder bin dengan nama oop.dart dan tambahkan kode program berikut

Jalankan program maka akan muncul output seperti gambar berikut :