BAB 10

Local Storage adalah penyimpanan data di dalam perangkat (HP) itu sendiri, tanpa perlu internet/server.

Bayangkan laci meja belajarmu. Kamu bisa menaruh (simpan) buku ke dalam laci, lalu mengambilnya lagi kapan pun. Laci tetap menyimpan isinya walau kamu pergi sekolah. Local Storage bekerja persis seperti laci itu untuk data aplikasi.

• ✅ Data tetap ada walau aplikasi ditutup
• ✅ Tidak butuh koneksi internet
• ✅ Cepat diakses karena ada di perangkat

SharedPreferences menyimpan data sederhana berupa pasangan key–value (kunci–nilai). Cocok untuk: nama user, skor, tema gelap/terang, status login.

Seperti catatan tempel (sticky note) di pintu kulkas. Setiap catatan punya label (key) dan isi (value). Mau tahu "belanja apa?" → cari note berlabel belanja. Praktis untuk info kecil, tapi tidak untuk data besar & rumit.

Tipe data yang didukung: StringintdoubleboolList<String>

import 'package:shared_preferences/shared_preferences.dart';

// MENYIMPAN data (set)
Future<void> simpanNama(String nama) async {
  final prefs = await SharedPreferences.getInstance();
  await prefs.setString('nama', nama); // key : value
}

// MEMBACA data (get)
Future<String> bacaNama() async {
  final prefs = await SharedPreferences.getInstance();
  // jika belum ada, beri nilai default 'Tamu'
  return prefs.getString('nama') ?? 'Tamu';
}

// MENGHAPUS data
Future<void> hapusNama() async {
  final prefs = await SharedPreferences.getInstance();
  await prefs.remove('nama');
}

JSON (JavaScript Object Notation) adalah format teks untuk menyusun data secara terstruktur, agar mudah disimpan & dikirim.

JSON ibarat surat dalam amplop yang rapi. Isinya ditulis dengan format baku: ada nama bagian (key) dan isinya (value). Karena formatnya standar, siapa pun (atau aplikasi apa pun) bisa membaca isi surat itu tanpa bingung. Data dikemas jadi teks → mudah dikirim & disimpan.

• 📮 Objek dibungkus kurung kurawal { }
• 📋 Daftar dibungkus kurung siku [ ]
• 🔖 Format: "key": value

{
  "id": 1,
  "judul": "Belajar Flutter",
  "isi": "Hari ini belajar JSON",
  "selesai": false,
  "tags": ["sekolah", "coding"],
  "penulis": {
    "nama": "Sahil",
    "kelas": "10 RPL"
  }
}

class Catatan {
  final String judul;
  final bool selesai;
  Catatan(this.judul, this.selesai);

  // Object  ➜  Map  ➜  JSON String
  Map<String, dynamic> toJson() => {
    'judul': judul,
    'selesai': selesai,
  };
}

class Catatan {
  final String judul;
  final bool selesai;
  Catatan(this.judul, this.selesai);

  // JSON Map  ➜  Object Dart (named constructor)
  factory Catatan.fromJson(Map<String, dynamic> json) {
    return Catatan(
      json['judul'] as String,
      json['selesai'] as bool,
    );
  }
}

import 'dart:convert';

void main() {
  // 1. Buat objek
  final c = Catatan('Belajar JSON', false);

  // 2. SERIALIZE: Object ➜ JSON String
  String jsonStr = jsonEncode(c.toJson());
  print(jsonStr); // {"judul":"Belajar JSON","selesai":false}

  // 3. DESERIALIZE: JSON String ➜ Object
  Map<String, dynamic> map = jsonDecode(jsonStr);
  Catatan c2 = Catatan.fromJson(map);
  print(c2.judul); // Belajar JSON
}

Hive adalah database lokal NoSQL yang sangat cepat & ringan untuk Flutter. Data disimpan dalam Box (mirip kotak/wadah).

Bayangkan sarang lebah (hive). Setiap sel heksagonal menyimpan madu di tempatnya masing-masing, rapi dan cepat diambil. Hive bekerja begitu: tiap data ditaruh di "sel" dengan kunci, dan bisa diambil super cepat tanpa query rumit.

• ⚡ Sangat cepat (lebih dari SharedPreferences untuk banyak data)
• 📦 Cocok untuk objek/list yang lebih kompleks
• 🚫 Tanpa SQL — cukup put / get dengan key

import 'package:hive_flutter/hive_flutter.dart';

void main() async {
  // 1. Inisialisasi Hive
  await Hive.initFlutter();

  // 2. Buka sebuah Box (wadah penyimpanan)
  var box = await Hive.openBox('catatanBox');

  runApp(MyApp());
}

var box = Hive.box('catatanBox');

// CREATE / UPDATE — simpan data
box.put('judul', 'Belajar Hive');
box.put('selesai', false);

// READ — ambil data
String judul = box.get('judul');       // 'Belajar Hive'
var x = box.get('kosong', defaultValue: '-');

// DELETE — hapus data
box.delete('judul');

// Ambil semua nilai
print(box.values.toList());

SQLite adalah database relasional (berbasis tabel) yang tertanam di perangkat. Di Flutter dipakai lewat package sqflite. Datanya tersusun dalam tabel berisi baris & kolom, dan diakses dengan bahasa SQL.

Seperti lemari arsip kantor yang sangat terorganisir. Tiap laci punya label, tiap folder punya baris data dengan kolom rapi (nama, tanggal, isi). Saat butuh data tertentu, kamu bisa "memerintah" lemari: "ambil semua arsip yang selesai = true" — itulah SQL query.

Cocok untuk: data banyak & berelasi, butuh pencarian/filter kompleks.

Kita akan membangun aplikasi Catatan Harian yang menyimpan catatan secara permanen menggunakan Hive.

• ➕ Tambah catatan baru
• 📄 Lihat daftar catatan tersimpan
• ✅ Tandai catatan selesai
• 🗑️ Hapus catatan
• 💾 Data tetap ada walau app ditutup

class Catatan {
  String judul;
  bool selesai;
  Catatan({required this.judul, this.selesai = false});

  Map<String, dynamic> toJson() =>
      {'judul': judul, 'selesai': selesai};

  factory Catatan.fromJson(Map<String, dynamic> j) =>
      Catatan(judul: j['judul'], selesai: j['selesai']);
}

class HiveStorage {
  final box = Hive.box('catatanBox');

  // simpan list catatan (sudah di-serialize)
  void simpan(List<Catatan> list) {
    box.put('catatan',
      list.map((c) => c.toJson()).toList());
  }

  // baca list catatan (deserialize)
  List<Catatan> baca() {
    final raw = box.get('catatan', defaultValue: []);
    return (raw as List)
      .map((j) => Catatan.fromJson(Map.from(j)))
      .toList();
  }
}

class CatatanPage extends StatefulWidget {
  @override
  State<CatatanPage> createState() => _CatatanPageState();
}

class _CatatanPageState extends State<CatatanPage> {
  final storage = HiveStorage();
  List<Catatan> catatan = [];

  @override
  void initState() {
    super.initState();
    catatan = storage.baca(); // muat dari Hive
  }

  void tambah(String judul) {
    setState(() => catatan.add(Catatan(judul: judul)));
    storage.simpan(catatan); // simpan permanen
  }

  void hapus(int i) {
    setState(() => catatan.removeAt(i));
    storage.simpan(catatan);
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text('Catatan Harian')),
      body: ListView.builder(
        itemCount: catatan.length,
        itemBuilder: (_, i) => ListTile(
          title: Text(catatan[i].judul),
          trailing: IconButton(
            icon: Icon(Icons.delete),
            onPressed: () => hapus(i),
          ),
        ),
      ),
    );
  }
}

final box = Hive.box('tugasBox');

// TODO 1: simpan tugas baru dengan key 'tugas1'
// _______________________________________

// TODO 2: baca tugas1, default '(kosong)'
String t = // ___________________________

// TODO 3: ubah nilai tugas1
// _______________________________________

// TODO 4: hapus tugas1
// _______________________________________

— SELAMAT BELAJAR! BAB 10 SELESAI 🎉 —