Kembali ke Beranda

Modul Praktikum Aplikasi Mobile 1

Praktikum 1: Setup Environment, Dart Dasar dan OOP Dart

1.1 Tujuan

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

1.2 Alat

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

1.3 Teori

Pada bagian ini mahasiswa belajar dasar bahasa Dart dan penerapan OOP.

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

Kode Config

buka link https://dart.dev/get-dart/archive#stable-channel dan download zip dart

Kode Config

Download versi stabil sesuai dengan system operasi pada computer
dan extract folder zip tersebut.

Setelah itu tambahkan ke PATH di Environment variables

Kode Config

buka Environment variables dan edit path nya. C:\tools\dart-sdk\bin

Kode Config

buka command promt/terminal dan cek version dart dengan cara dart --version

Kode Config

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

Install Visual Studio Code dan Extension

Download VSCode dari https://code.visualstudio.com lalu install extension Dart.

Kode Config

Project Pertama Dart

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

Kode Config

Untuk menjalankannya masuk ke directory hello dan ketikkan dart run

Kode Config

Dart Vs Code

buka folder hello di dalam vs code

Kode Config

Dasar dart

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>[].

  • 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 berikut:
        List fruits = ['Apel', 'Alpukat', 'Nanas', 'Mangga', 'Pisang'];
          

Untuk menampilkan list gunakan:

        print(fruits.toString());
          

Output:

[Apel, Alpukat, Nanas, Mangga, Pisang]
Kode Config
Kode Config

Output

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
Kode Config
Kode Config

Output

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 namaVariabel = {};
    • var namaVariabel = Map();
    • var namaVariabel = {};
Kode Config
Kode Config

Output

Perulangan

Cara Pertama :

Kode Config

Cara kedua :

Kode Config

Dart OOP

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.

Kode Config
Kode Config

Output

1.5 Latihan / Tugas

  • Buat aplikasi sederhana menggunakan Dart untuk menghitung luas bangun datar dan volume bangun ruang dengan konsep procedural.
  • Buat aplikasi sederhana menggunakan Dart untuk menghitung luas bangun datar dan volume bangun ruang dengan konsep OOP.

Tugas Prosedural

Kode Config
Kode Config
Kode Config

Output

Tugas OOP

Kode Config
Kode Config
Kode Config

Output

Program dan Tugas dapat dilihat lebih lanjut di Github

Lihat di GitHub