Setup Environment, Dart Dasar dan OOP Dart

C.1 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.

C.1.1 Windows

A. Menggunakan Chocolatey

1. Install Chocolatey → https://chocolatey.org/install

2. Buka command prompt atau powershell kemudian ketikan perintah choco install dart-sdk

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

B. Extract SDK Dart ZIP

1. Download SDK Dart pada halaman Dart SDK archive https://dart.dev/get-dart/archive#stable-channel

2. Selanjutnya extract SDK Dart yang telah di zip

C.1.2 Mengatur PATH SDK Dart

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

1. Buka Edit the system Environment variable

2. Klik Environment Variables maka akan muncul tampilan seperti berikut

3. Pilih Path → Edit dan tambahkan Path dari SDK Dart C:\tools\dart-sdk\bin atau directory_extract\dart-sdk\bin

4. Cek apakah dart sudah terinstall atau belum dengan mengetikkan dart pada command prompt

Jika tampil seperti gambar diatas maka Dart sudah siap untuk digunakan.

C.2 Install Visual Studio Code dan Extensions

C.3 Project Pertama Dart

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

Dari gambar diatas terlihat secara default proyek halo menampilkan pesan Hello Wordl : 42!

C.4 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.

C.5 Dart Dasar

C.5.1 List

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

1. Buat file baru pada folder bin dengan nama dart_dasar.dart kemudian buat function main

2. Buat List dengan tipe string yang berisi nama-nama buah seperti kode program berikut ini.

List<String> fruits = ['Apel', 'Alpukat', 'Nanas', 'Mangga', 'Pisang'];

3. Selanjutnya untuk menampilkan list dapat menggunakan perintah print(fruits.toString());

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

Output Program:

C.5.2 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<TipeData> namaVariabel={}; atau var namaVariabel=<TipeData>{};

1. Tambahkan kode program berikut pada file dart_dasar.dart

Output:

C.5.3 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 Map<TipeDataKey, TipeDataValue> namaVariabel = {}; var namaVariabel = Map<TipeDataKey,TipeDataValue>(); var namaVariabel = <TipeDataKey,TipeDataValue>{};

berikut ini kode program contoh penggunaan Map pada Dart.

Output:

C.5.4 Perulangan

Cara Pertama:

Cara Kedua:

C.6 OOP Dart

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.

void main(List<String> arguments) { 
  //Object Oriented Programming (OOP) 
  //membuat object 
  var car1 = Car(); 
  car1.color = 'Red'; 
  car1.brand = 'Toyota'; 
  car1.year = 2020; 
  car1.drive(); 
  car1.honk(); 
  print('Car 1: ${car1.color}, ${car1.brand}, ${car1.year}'); 
  
  Cat cat1 = Cat(); 
  cat1.eat(); 
  cat1.meow(); 
} 
  
class Car { 
  //property 
  String color = ''; 
  String brand = ''; 
  int year = 0; 
  
  //method 
  void drive() { 
    print('The $color $brand is driving.'); 
  } 
  
  void honk() { 
    print('The $color $brand is honking.'); 
  } 
} 
  
//pewarisan 
class Animal { 
  void eat() { 
    print('The animal is eating.'); 
  } 
} 
  
class Dog extends Animal { 
  void bark() { 
    print('The dog is barking.'); 
  } 
} 
  
class Cat extends Animal { 
  void meow() { 
    print('The cat is meowing.'); 
  } 
}

Jalankan program maka akan muncul output seperti gambar berikut:

Tugas

Link https://github.com/AbyssWatcher07/Aplikasi_Mobile/tree/main/helo/tugas