Pertemuan 2

Dart, Flutter dan GIT

Adib, S.T, M.Kom
Bahasa Pemrogra-
man Dart
Dart adalah bahasa pemrograman yang
dikembangkan oleh Google untuk kebutuhan
umum (general-purpose programming
language).

Contoh beberapa aplikasi yang dibangun

dengan Dart:
• Google Adsense (front-end)
• Google AdWords (front-end)
• Google Fiber (front-end)
• Hamilton (Android dan iOS)
• dll.
 Tipe Data pada Dart

Number:
1. Integer → penulisan pada koding → int
2. Double → penulisan pada koding → double

Stirng → penulisan pada koding → String

Boolean (Bernilai True or False) →
penulisan pada koding → bool
List (Bernilai array atau list) → penulisan
pada koding → List
Sets (Bernilai array atau list) → penulisan
pada koding → Set
Maps (Bernilai array dengan index bernama
Key dan Value) → penulisan pada koding
→ Map
 Variabel pada Dart

Variabel

Tipe data nama_variable;

Tipe Data nama_variable = value;

Atau

var nama_variable = value;

Contoh Penulisan :
String kelas;
String kelas = “TIF RM 18 CNS”;
var kelas = 0;
List<int> hewan =[1,2,3];
Operator pada Dart
Bahasa Pemrogra-
man Flutter
Flutter adalah sebuah framework aplikasi
mobile open source yang diciptakan oleh
Google. Flutter digunakan dalam
pengembangan aplikasi untuk sistem operasi
Android, iOS, Windows, Linux, MacOS, serta
menjadi metode utama untuk membuat
aplikasi Google Fuchsia.

Kode pada Flutter lebih simple, lebih sedikit

dan mudah dibaca karena menggunakan
Bahasa pemrograman Dart
 Flutter

• SDK yang memudahkan pembuatan

aplikasi berperforma tinggi,
modern, dan indah
• Bekerja untuk Android dan iOS
• Open Source toolkit, dikembangkan
oleh Google *
• 100+ kontribusi dari komunitas open
source
 Untuk siapa Flutter

• Desainer yang memiliki pengalaman berbasis Android dan

iOS
• Prototypers menikmati high-fidelity dan cara cepat untuk
membangun prototipe yang berfungsi.
• Developer mendapat manfaat dari alat pengembang yang
fantastis, bahasa yang mudah digunakan, rangkaian yang
kaya widget dan dukungan IDE yang hebat. Flutter
membebaskan waktu berharga untuk mengerjakan fitur dan
pengalaman menyenangkan.
 Tools Praktikum

Persiapkan :
• Download Flutter sdk :
https://flutter.dev/docs/get-started/install/
• Download Visual Studio Code di https://code.visualstudio.com
. Kemudian Install aplikasi tersebut!
• Bagi yang belum pernah install Android Studio, maka Setting
sdk Android harus dilakukan secara manual, kunjungi
https://medium.com/easyread/instalasi-flutter-tanpa-android-
studio-2a0876302a68
untuk tutorial pemasangan sdk tanpa Android Studio. Bagi
yang sudah install Android Studio, abaikan step ini.
Praktikum

Ekstrak sdk
flutter yang
sudah
didownload
kemudian
Tambahkan
Environment
sdk Flutter
pada path.
Praktikum
Praktikum
Praktikum
Praktikum
Praktikum
 Praktikum

• Buka Settings pada handphone Anda.

• Gulirkan ke bawah hingga Anda menemukan kata “About
phone," "Tentang ponsel," atau "Tentang tablet.” Klik dan
masuklah ke dalamnya.
• Setelah Anda klik, gulirkan lagi ke bawah lagi hingga Anda
menemukan “Nomor bentukan" atau "Build number.”
• Klik "Nomor bentukan" atau "Build number," maka Android
akan menampilkan pesan berapa kali Anda harus meng-klik
hingga Anda menjadi pengembang. Tetaplah klik hingga
memenuhi jumlah yang diminta.
 Praktikum

Muncul
Developer
Options Jika
Proses Pada
slide 29
dilakukan
dengan benar Aktifkan
fitur USB
Debugging
 Praktikum

• Setelah proses di slide sebelumnya

input kabel USB ke laptop/PC
• Maka Handphone akan meminta
permission
• Klik Allow
 Praktikum

Buat Project Baru dengan nama

Flutter, Lokasi Bebas
 Praktikum

• Pada Visual Studio Code Klik View  Command Palette

Praktikum
Praktikum

Ketik Nama Project latihan_flutter1

Praktikum
Praktikum
Praktikum

Klik Run  Start Debugging

Praktikum
Praktikum

• Ubah Text menjadi

Latihan Flutter Pertama
• SAVE / CTRL + S
• TIDAK PERLU RUNNING
ULANG, HASIL
LANGSUNG BERUBAH
OTOMATIS DI
HANDPHONE JIKA
SUDAH DI SAVE CODE
TERBARUNYA
 Praktikum

AWAL SETELAH
MEMBUAT DI-EDIT +
PROJECT SAVE
GIT
 GIT

Git adalah tools kolaborasi yang digunakan oleh

programmer untuk bekerja. Git ini sangat
berguna bagi programmer yang bekerja pada
project besar karena Git akan mencatat history
setiap perubahan, juga akan membuatkan
beberapa versi dari aplikasi yang dibuat
GIT
GIT
GIT
GIT
GIT
GIT
GIT
GIT
GIT
 GIT

1. Klik kanan lalu klik Git Bash Here pada Folder

Project Flutter Anda
2. Ketik git init, lalu enter
3. Ketik git add . , lalu enter
4. Ketik git commit –m “Komentar Anda” , lalu enter
5. Ketik git remote add origin
link_repository_git_Anda , lalu enter
6. Ketik git push –u origin master , lalu enter

CONTOH DI SLIDE BERIKUTNYA!!

GIT
GIT
Thank you