Setup Environment

Install Flutter SDK

Flutter adalah framework dari Google untuk membuat aplikasi mobile, web, dan desktop dari satu codebase.

Langkah-langkah:

1. Buka flutter.dev
2. Download Flutter SDK untuk Windows
3. Extract ke folder, misal C:\flutter
4. Tambahkan ke PATH: C:\flutter\bin
5. Buka terminal, jalankan:

Terminalflutter doctor

Install Arduino IDE & Driver ESP32

Arduino IDE digunakan untuk memprogram ESP32. Kita perlu menambahkan board ESP32 ke Arduino IDE.

Install Arduino IDE:

1. Download dari arduino.cc
2. Install seperti biasa

Tambahkan ESP32 Board:

1. Buka Arduino IDE → File → Preferences
2. Pada "Additional Board Manager URLs", tambahkan:

URLhttps://raw.githubusercontent.com/espressif/arduino-esp32/gh-pages/package_esp32_index.json

3. Buka Tools → Board → Boards Manager
4. Cari "ESP32" dan klik Install
5. Pilih board: Tools → Board → ESP32 Dev Module

Install Driver USB (CP2102 / CH340):

ESP32 DevKit biasanya menggunakan chip CP2102 atau CH340. Install driver yang sesuai:

• CP2102: Download dari Silicon Labs
• CH340: Download dari WCH (wch-ic.com)

Hello World — Flutter App Pertama

Mari buat aplikasi Flutter pertama kita. Aplikasi ini menampilkan teks sederhana di layar.

Buat project Flutter:

Terminalflutter create hello_iot
cd hello_iot
flutter run

Edit file lib/main.dart:

Dartimport 'package:flutter/material.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('Hello IoT!'),
          backgroundColor: Colors.blueGrey[900],
        ),
        backgroundColor: const Color(0xFF0F172A),
        body: const Center(
          child: Text(
            'Selamat Datang di IoT Academy! 🚀',
            style: TextStyle(
              color: Colors.white,
              fontSize: 20,
            ),
          ),
        ),
      ),
    );
  }
}

Hello World — LED Blink di ESP32

Sekarang kita program ESP32 untuk mengedipkan LED built-in. Ini adalah "Hello World" untuk microcontroller.

Upload kode ke ESP32:

1. Buka Arduino IDE
2. Pilih Tools → Board → ESP32 Dev Module
3. Pilih Tools → Port → COM3 (sesuaikan)
4. Ketik kode berikut dan klik Upload (→)

C++ (Arduino)#define LED_BUILTIN 2  // Pin LED built-in ESP32

void setup() {
  pinMode(LED_BUILTIN, OUTPUT);
  Serial.begin(115200);
  Serial.println("ESP32 LED Blink Started!");
}

void loop() {
  digitalWrite(LED_BUILTIN, HIGH);  // LED ON
  Serial.println("LED: ON");
  delay(1000);                      // Tunggu 1 detik

  digitalWrite(LED_BUILTIN, LOW);   // LED OFF
  Serial.println("LED: OFF");
  delay(1000);                      // Tunggu 1 detik
}

Checklist Minggu 1

• Flutter SDK terinstall & flutter doctor semua ✓
• Android Studio / VS Code siap dengan Flutter plugin
• Arduino IDE terinstall + ESP32 board manager
• Driver USB (CP2102/CH340) terinstall
• ESP32 terdeteksi di COM port
• Flutter Hello World app berjalan di emulator/device
• ESP32 LED Blink berhasil di-upload & LED berkedip
• Serial Monitor menampilkan output "LED: ON / OFF"