Mobile Application Report 1

Instalasi Dart dan Dasar Pemrograman Dart

1

Mendownload Dart SDK

Download Dart SDK pada link berikut ini : https://dart.dev/get-dart/archive#stable-channel, dan pilih seusuai spesifikasi device masing-masing

Opening Visual Studio Code
2

Ekstrak Dart SDK

Ekstrak dart sdk yang telah di download ke direktori yang diinginkan.

Opening Folder in VS Code
3

Mengatur Path SDK

Masuk ke control panel --> System --> Edit environtment variables for your account --> pilih Environtment Variables --> klik path dan klik tombol edit, lalu tambahkan direktori tempat anda mengekstrak SDK nya tadi.

Creating HTML File
4

Memastikan Dart SDK Sudah Terinstall

Buka gitbash atau CLI yang anda gunakan lalu ketikkan

dart --version
HTML Structure Setup
5

Membuat Project Dart

Buka gitbash atau CLI yang anda gunakan lalu ketikkan

dart create (nama project)
Creating CSS File
6

Membuat List

List tipe data yang berisi kumpulan data atau dalam bahasa pemrograman lain disebut array, Untuk membuat list yaitu List variabel=[] atau var variabel = [], buatlah file baru dengan nama dart_dasar.dart dan ketikkan code berikut :

Creating JavaScript File
Creating JavaScript File
7

Membuat 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 code berikut di file dart_dasar.dart

Designing Navigation Bar
Designing Navigation Bar
8

Membuat 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 = {};, tambahkan code berikut dalam file dart_dasar.oop :

Creating Hero Section
Creating Hero Section
9

Membuat Looping/Perulangan

Cara Pertama :

Implementing Glitch Effect

Cara Kedua:

Implementing Glitch Effect
10

Object Oriented Programming / OOP

Tambahkan file baru dengan nama oop.dart dan ketikkan code berikut :

Adding About Section
Adding About Section
11

Tugas Aplikasi Procedural

Disini kita akan membuat aplikasi sederhana menggunakan Bahasa pemrograman Dart untuk menghitung Luas Bangun Datar dan Volume Bangun Ruang dengan konsep procedural Pertama, kita akan mengimport dart:io dan dart:math untuk input output serta kalkulasinya, berikut code nya :

Designing Projects Section

Kedua kita akan membuat fungsi jika user memilih pilihan 1, berikut code nya :

Designing Projects Section

Ketiga, kita akan membuat fungsi jika user memilih pilihan 2, berikut codenya :

Designing Projects Section

Berikut contoh output aplikasinya :

Designing Projects Section
12

Tugas Aplikasi OOP

Pertama kita akan mengimport serta membuat class yang dibutuhkan, berikut code nya :

Creating Contact Form

Kedua, kita akan membuat fungsi bangun datar nya, berikut code nya :

Creating Contact Form

Ketiga, kita akan membuat fungsi bangun ruang nya, berikut code nya :

Creating Contact Form

Berikut contoh outputnya :

Creating Contact Form