OOPHub: OOP Starter Pack 🚀

Welcome to the OOP Club! 🚀

Tempat lu belajar konsep dasar Dart & OOP pake analogi yang masuk akal tanpa pusing!

🎯 Goals Kita Hari Ini

Paham POV bedanya kodingan Prosedural vs OOP.
Tau apa itu Class, Object, Attribute, Method, dan 4 Core OOP.
Selesai setup environment (Instalasi anti-ribet).
Bikin kodingan Dart pertama kalian (Variabel, Operator, & Output).

OOP itu Makanan Apa Sih? 🤔

Sebelum nyentuh kode, kita harus shift mindset dulu dari cara koding zaman maba (Prosedural) ke cara koding anak agensi/startup (OOP).

❌ Prosedural (Cara Lama)

Lu fokus ke urutan/langkah-langkah. Mirip ngerjain tugas kelompok tapi lu doang yang ngerjain dari A sampe Z (Bikin pusing, kode berantakan panjang banget ke bawah).

Analogi Game: Sistem harus ngecek satu-satu urutan: peluru nembak, musuh kena, darah ngurang, musuh mati. Ribet!

✅ OOP (Cara Baru)

Lu fokus ke Objek (Siapa yang ngelakuin). Lebih terstruktur dan gampang di-maintain.

Analogi Game: Sistem cuma bikin Objek Hero. Masing-masing Hero punya tugas dan skill sendiri. Objek Hero A tinggal manggil skill buat nyerang Objek Hero B.

Class dan Object (The Blueprint & The Reality)

Ini konsep paling core di OOP. Jangan sampai kebalik ya!

Konsep	Penjelasan	Analogi TikTok / CapCut	Analogi Game
Class	Template/Blueprint. Masih abstrak, cuma konsep.	Template CapCut (Cuma kerangka efek/lagu)	Blueprint Hero (Konsep stat & skill di database)
Object	Hasil Nyata dari template (instance). Udah punya wujud.	Video Editan Lu (Udah ada foto lu, di-export)	Zilong/Jett (Hero yang udah di-pick & dimainin)

Anatomi Objek (Isinya Apa Aja?)

Attributes (Spek/Data): Apa yang dimiliki sama objek itu. (Contoh Hero: Nama, Role, HP, Mana, Skin).
Methods (Skill/Aksi): Apa yang bisa dilakukan sama objek itu. (Contoh Hero: Ulti(), Recall(), Healing()).

Spill Dikit: 4 Pilar Utama OOP 🏛️

🔒

Encapsulation (Privasi)

Kayak akun IG di-private. Data lu aman dari luar, nggak bisa sembarangan diubah sama yang bukan followers lu.

👶

Inheritance (Nepo Baby)

Class baru bisa dapet "warisan" sifat dari ortunya. Misal: Kucing mewarisi sifat Hewan. Anak tinggal nerusin aja.

🤹

Polymorphism (Multitasking)

Satu tombol, beda hasil. Tombol "Klik Kiri" di game: pegang pistol buat nembak, pegang pisau buat nusuk.

🛵

Abstraction (Tinggal Pake)

Kayak bawa motor matic. Lu cuma perlu tau cara nge-gas & ngerem. Gausah pusing mikirin sistem injeksinya.

Control Flow & Looping 🔀

Ngontrol alur program biar pinter nentuin pilihan sendiri.

Bahas Teori Bentar 🧠

1. Control Flow (Percabangan)
Ngasih tau komputer cara ngambil keputusan lewat pengecekan kondisi.

if-else : Buat ngecek kondisi yang berupa *range* atau perbandingan ribet (misal: nilai > 80, umur < 17).
switch-case : Buat milih menu. Kalo opsinya udah PASTI (misal: milih role Mage, Tank, Fighter), pake ini jauh lebih rapi daripada pake if-else berantai!

2. Looping (Perulangan)
Nge-cheat biar gak ngetik kode yang sama berkali-kali.

for : Dipake kalo lu udah tau pasti mau ngulang berapa kali (misal: print angka 1 sampe 10).
while : Dipake kalo lu belum tau batasnya, yang penting selama kondisinya bener (true), dia bakal jalan terus! (misal: selama darah boss > 0, terus serang!).
do-while : Lakuin aja dulu minimal 1x, baru mikir/ngecek kondisi di akhir.

A. Simulasi Percabangan (Branching)

Cek Red Flag (If-Else)

Geser Score / IPK (0-100):

0 (Toxic) 85 100 (Green Flag)

Pilih Role (Switch-Case)

Pick Role Lu di Draft Pick:

B. Simulasi Perulangan (Looping)

Looping Pasti (For Loop) 🔄

Pencet 'Gass' buat liat komputer nge-print sesuai angka limit...

Kapan dipake? Pas lu udah tau pasti kodenya harus diulang berapa kali.

Gacha Candu (While Loop) 🎰

Uang Lu (K):

Pencet Gacha buat liat loop while bekerja terus selama uang lu masih cukup...

Kapan dipake? Pas lu gak tau pasti kapan berhentinya, pokoknya jalan terus selama kondisi (uang >= 10k) itu true.

Inventory / Collections 🎒

Gimana cara nampung banyak item sekaligus dalem satu tempat.

Bahas Teori Bentar 🧠

Apa itu Collections?
Variabel biasa itu ibarat kantong kresek kecil, cuma muat 1 barang. Bayangin lu mau nyimpen 100 nama mahasiswa/hero, masa harus ngetik 100 variabel manual kayak gini? 🤯

String nama1 = "Budi";
String nama2 = "Anya";
// ... ngetik terus sampe jari keriting ...
String nama100 = "Zilong";

Bikin pusing dan menuh-menuhin file, kan? Makanya kita pake Collections, ibarat tas ransel/koper gede yang bisa diisi ratusan item cuma pake 1 nama variabel aja!

Jenis Collections di Dart:

List: Paling sering dipake. Nyimpen datanya berderet berurutan. Punya Index yang wajib selalu dimulai dari angka 0. Boleh nyimpen data kembar.
Set: Kayak List, tapi nggak boleh ada barang yang kembar/duplikat. (Otomatis dibuang kalo kembar).
Map: Nyimpen data model kamus pake pasangan Key dan Value. (Contoh: Key "nama" isinya "Budi").

💡 Real Life Usage: Key & Value di Map
Di real project (kayak pas lu narik data profil user dari internet pake REST API / JSON), Map ini yang paling sering dipake! Daripada lu pusing ngapalin urutan angka kayak di List ("Eh, index ke-0 tadi nyimpen nama atau umur ya?"), mending pake Map karena kodenya jadi jauh lebih gampang dibaca manusia.

Key: Ibarat label/kunci loker (Harus unik, misal: 'username').
Value: Isi lokernya (Bisa angka, teks, atau objek lain, misal: 'Anya Forger').

Jadi pas mau ngambil data, lu tinggal manggil labelnya: playerInfo['username'], langsung dapet isinya. Praktis banget kan?

List Manager List<String>

Visualisasi Index (Ingat, List di IT mulai dari 0! Boleh ada duplikat):

List masih kosong...

// Penulisan List pake kurung siku [ ]

List<String> inventory = [];

OOP: Hero Factory 🎲

Inti dari segalanya. Praktek bikin wujud nyata (Object) dari template (Class).

Bahas Teori Bentar 🧠

Recap OOP Dart:

Class: Cetakan/Template (Pake keyword class).
Property: Variabel di dalam class (Data si objek).
Method: Fungsi di dalam class (Aksi si objek).
Constructor: Fungsi spesial yang dijalanin otomatis pertama kali pas kita nyetak objek baru (buat ngasih nilai awal).

Apa itu Inheritance (Pewarisan)?
Biar kita nggak capek ngetik ulang kode yang sama (Prinsip DRY: Don't Repeat Yourself). Kalo kita bikin Class Hero yang isinya "health" dan "attack", Class Mage tinggal pake keyword extends Hero biar otomatis dapet semua spek dari bapaknya, terus tinggal ditambahin spesialisasi sendiri (misal: "skill_magic").

1. Blueprint (Class)

Nama Hero

Damage (Sakitnya)

Role (Inheritance)

🎮

Belum ada Hero yang di-pick.

Isi form di kiri dan klik tombol biru buat nge-spawn.

Sync vs Async (Antri vs Paralel) ⏳

Gimana cara ngoding biar aplikasi lu gak nge-freeze pas loading berat.

Bahas Teori Bentar 🧠

Synchronous (Jalan Berurutan)
Sistem kerja default. Kode dieksekusi dari atas ke bawah.
Sifatnya "Blocking": Kalo lu punya 2 baris kode, baris ke-2 nggak akan bisa jalan sebelum baris ke-1 bener-bener kelar. Ibarat Antrian Kasir, lu nggak bakal dilayanin kalo orang depan lu belum bayar.

Asynchronous (Jalan Barengan)
Sistem multitasking.
Sifatnya "Non-Blocking": Lu bisa bikin baris kode ke-2 jalan tanpa harus nungguin kode baris ke-1 selesai (kalo proses 1 emang makan waktu lama). Ibarat Pesen Kopi, sembari nunggu barista ngeracik kopi lu, lu bisa buka laptop atau ngerjain tugas lain.

Gaya Kerja Program

Timeline Ngopi Anak Senja ☕

💻 Penampakan Kodenya di Dart

// 🚶 Mode Sync (Nungguin doang)

void main() {
  print('1. Order Kopi ☕');

  // Proses ini nge-block aplikasi lu!
  bikinKopiSync();

  print('3. Kopi kelar, minum! 🤤');
}

// 🏃‍♂️💨 Mode Async (Bisa disambi main Tiktok)

void main() {
  print('1. Order Kopi ☕');

  // Fungsi ditaruh di background, langsung lanjut ke baris bawahnya!
  bikinKopiAsync();

  print('2. Sambil nunggu, lu main Tiktok 📱');
}

// Ini fungsi yang makan waktu, dikasih tanda 'async' dan 'Future'
Future<void> bikinKopiAsync() async {
  // await = Nyuruh si fungsi ini nunggu (delay 3 detik)
  await Future.delayed(Duration(seconds: 3));
  print('3. (Background) Kopi udah jadi bang! 🤤');
}

Insight: Di Flutter, konsep async & await ini dipake terus buat ngambil data dari internet/API biar layarnya nggak nge-freeze (Loading mulu). Umumnya dipake buat fungsi yang makan waktu lama kayak buka file, request database, dll.

Weapons of Choice: Tools Kita 🛠️

Karena lu udah paham teorinya, sekarang kita siapin senjata yang bakal dipake ngoding.

🎯 Kenapa Harus Dart?

Si Paling OOP: Di Dart, semuanya itu objek. Bahkan angka aja dihitung objek.
The Power of Flutter: Dart itu jantungnya Flutter. Kalo lu jago Dart, lu literally udah setengah jalan buat jadi Mobile Developer. Cuan is real! 💸
Cepet Banget (JIT & AOT): Punya Hot Reload buat ngoding cepet, dan pas di-build jadi super ringan.
Type Safe: Anti-bug bug club. Kalo masukin teks ke variabel angka, dia langsung nolak (red flag 🚩).

💻 Kenapa VS Code?

Visual Studio Code itu teks editor sejuta umat.

Ringan & Aesthetic.
Punya banyak banget ekstensi.
Terminalnya udah built-in, jadi lu nggak usah bolak-balik buka aplikasi CMD lagi.

⚙️ Tutorial Setup Environment (Anti-Ribet)

Yuk kita setup alat tempurnya. Wajib diikutin pelan-pelan ya, bestie.

1

Install Dart SDK (Mesin Utamanya)

Opsi A: Paling Gampang (Windows)

Buka browser: gekorm.com/dart-windows/
Download yang versi Stable (File .exe).
Tinggal klik Next > Next > Install.
PENTING: Kalo ada tulisan "Add to PATH", pastikan kecentang ya!

Opsi B: Pake Terminal (Anak IT Banget)

Buka PowerShell (Run as Administrator).
Ketik perintah ini:

winget install -e --id Google.Dart

Cek Kalo Udah Berhasil: Buka CMD baru (kalo ada yang kebuka, close dulu). Ketik dart --version. Kalo keluar tulisan versinya, congrats! 🎉

2

Install VS Code & Ekstensinya

Download VS Code di code.visualstudio.com terus install.
Buka VS Code. Liat menu sebelah kiri, cari kotak-kotak (Extensions).
Search "Dart" (cari yang ada logo centang birunya / Dart Code).
Klik Install.

Ngoding Time! 👨‍💻👩‍💻

Tools udah beres di-install? Mantap. Sekarang mari kita ngetik kodingan Dart pertama kalian.

Langkah 1: Bikin Project

Bikin folder baru di laptop lu, namain Pertemuan1.
Klik kanan folder itu, pilih "Open with Code".
Di VS Code, bikin file baru namanya main.dart.

Langkah 2: Struktur Paling Core

Setiap aplikasi Dart WAJIB punya fungsi main(). Anggap aja pintu masuk ke konser.

void main() {
print('Halo dunia, siap jadi mastah OOP! 🚀');
}

Cara nge-run: Buka Terminal di VS Code (Ctrl + ~), ketik: dart run main.dart

Langkah 3: Variabel & Tipe Data (Tempat Nyimpen Data)

Kalo di matematika ada X dan Y, di kodingan kita sebut Variabel. Dart itu tipe data-nya harus jelas (nggak boleh labil). Tulis ulang isi file lu jadi gini:

void main() {
  // 1. String (Buat naruh teks, pake tanda kutip)
  String nama = "Anya Forger";
  
  // 2. int (Angka bulet, anti koma-koma club)
  int umur = 18;
  
  // 3. double (Angka desimal, pake titik bukan koma ya!)
  double ipk = 3.95;
  
  // 4. bool (Cuma dua pilihan: true atau false)
  bool isJomblo = true;

  // 5. var (Si paling pinter, otomatis nebak tipe data)
  var hobi = "Nonton Netflix"; // Otomatis jadi String

  // --- Waktunya Nge-Print (String Interpolation) ---

  print("=== SPILL BIODATA ===");
  print("Nama  : $nama");
  print("Umur  : $umur tahun");
  print("IPK   : $ipk");
  print("Jomblo? $isJomblo");
  print("Hobi  : $hobi");
}

Langkah 4: Operator (Matematika & Logika)

Nggak lengkap kalo data nggak diolah. Tambahin kodingan ini di bawah kode tadi (sebelum kurung tutup } yang terakhir):

  print("\n=== COBA-COBA MATEMATIKA ===");
  int uang = 100000;
  int hargaKopi = 25000;

  // Matematika Dasar
  print("Sisa uang abis ngopi: ${uang - hargaKopi}");
  print("Kalo beli 3 kopi jadi: ${hargaKopi * 3}");
  
  // Sisa Bagi / Modulo (%) -> Penting banget nih buat logika
  print("10 dibagi 3 sisa berapa? Hasilnya: ${10 % 3}"); 

  print("\n=== CEK RED FLAG / GREEN FLAG 🚩🟩 ===");
  // Cek perbandingan (Hasilnya true/false)
  bool greenFlag = ipk >= 3.5; 
  print("Apakah IPK $nama itu Green Flag (>= 3.5)? $greenFlag");

🎮 Bonus: Operator Simulator Interaktif

Cobain ganti angkanya buat liat hasil real-time (terutama buat Modulo % biar kebayang).

Hasil:

🧠 Challenge Mandiri: Flexing Kalkulator Lu

Udah paham semua materinya? Buat penutupan, bikin file baru namanya tugas_kalkulator.dart. Skenarionya, lu mau ngehitung spek sebuah hero atau senjata.

Instruksi:

Bikin variabel baseDamage (int) isinya 50.
Bikin variabel bonusItem (int) isinya 25.
Hitung total damage = baseDamage + bonusItem.
Bikin variabel cek status isSakit (bool). Syaratnya: damage dikatakan sakit (true) kalo totalnya lebih dari 60.

// Tampilin outputnya se-aesthetic mungkin! Contoh:

🔥 STATS WEAPON HARI INI 🔥
Base Damage: 50
Bonus Item : 25
Total Hit  : 75
Apakah Senjata Ini Overpower (>60)? true

// Kunci Jawaban ✨

void main() {
  // 1. Setup Variabel
  int baseDamage = 50;
  int bonusItem = 25;
  
  // 2. Hitung Total
  int totalDamage = baseDamage + bonusItem;
  
  // 3. Cek Status (Lebih dari 60)
  bool isSakit = totalDamage > 60;

  // 4. Print Output
  print('🔥 STATS WEAPON HARI INI 🔥');
  print('Base Damage: $baseDamage');
  print('Bonus Item : $bonusItem');
  print('Total Hit  : $totalDamage');
  print('Apakah Senjata Ini Overpower (>60)? $isSakit');
}

Welcome to the OOP Club! 🚀

🎯 Goals Kita Hari Ini

OOP itu Makanan Apa Sih? 🤔

❌ Prosedural (Cara Lama)

✅ OOP (Cara Baru)

Class dan Object (The Blueprint & The Reality)

Anatomi Objek (Isinya Apa Aja?)

Spill Dikit: 4 Pilar Utama OOP 🏛️

Encapsulation (Privasi)

Inheritance (Nepo Baby)

Polymorphism (Multitasking)

Abstraction (Tinggal Pake)

Control Flow & Looping 🔀

Bahas Teori Bentar 🧠

A. Simulasi Percabangan (Branching)

Cek Red Flag (If-Else)

Pilih Role (Switch-Case)

B. Simulasi Perulangan (Looping)

Looping Pasti (For Loop) 🔄

Gacha Candu (While Loop) 🎰

Inventory / Collections 🎒

Bahas Teori Bentar 🧠

List Manager List<String>

Set Manager Set<String>

Map Manager Map<String, String>

OOP: Hero Factory 🎲

Bahas Teori Bentar 🧠

1. Blueprint (Class)

Sync vs Async (Antri vs Paralel) ⏳

Bahas Teori Bentar 🧠

Gaya Kerja Program

Timeline Ngopi Anak Senja ☕

💻 Penampakan Kodenya di Dart

Weapons of Choice: Tools Kita 🛠️

🎯 Kenapa Harus Dart?

💻 Kenapa VS Code?

⚙️ Tutorial Setup Environment (Anti-Ribet)

Install Dart SDK (Mesin Utamanya)

Opsi A: Paling Gampang (Windows)

Opsi B: Pake Terminal (Anak IT Banget)

Install VS Code & Ekstensinya

Ngoding Time! 👨‍💻👩‍💻

Langkah 1: Bikin Project

Langkah 2: Struktur Paling Core

Langkah 3: Variabel & Tipe Data (Tempat Nyimpen Data)

Langkah 4: Operator (Matematika & Logika)

🎮 Bonus: Operator Simulator Interaktif

🧠 Challenge Mandiri: Flexing Kalkulator Lu

Instruksi: