Arsitektur Navigasi: Named Routes dan Bottom Navigation Bar pada Aplikasi Expense Tracker

dependencies:
  flutter:
    sdk: flutter
  cupertino_icons: ^1.0.8
  sqflite: ^2.4.0
  path: ^1.9.0
  shared_preferences: ^2.3.0
  crypto: ^3.0.6

lib/
├── main.dart                     # named routes + AuthGate
├── login_screen.dart             # login (baru)
├── register_screen.dart          # register (baru, field dari Praktikum 1)
├── main_screen.dart              # BottomNavigationBar (Praktikum 5)
├── dashboard_screen.dart         # dashboard (Praktikum 4 + widget Praktikum 2)
├── add_transaction_screen.dart   # form transaksi (Praktikum 3 + 4)
├── history_screen.dart           # riwayat (tugas Praktikum 5)
├── transaction_detail_screen.dart# detail (Praktikum 4) + hapus
├── profile_screen.dart           # profil (tugas Praktikum 5)
├── database/database_helper.dart # koneksi & query SQLite
├── models/app_user.dart          # model tabel users
├── models/transaction_item.dart  # model tabel transactions
├── services/auth_service.dart    # register, login, sesi
├── utils/formatters.dart         # format rupiah & tanggal
└── widgets/dashboard_widgets.dart# sapaan, kartu saldo, tombol aksi (Praktikum 2)

import 'package:path/path.dart';
import 'package:sqflite/sqflite.dart';
import '../models/app_user.dart';
import '../models/transaction_item.dart';

class DatabaseHelper {
  DatabaseHelper._();

  static final DatabaseHelper instance = DatabaseHelper._();

  static const String _namaDatabase = 'expense_tracker.db';
  static const int _versiDatabase = 1;

  Database? _database;

  Future<Database> get database async {
    _database ??= await _bukaDatabase();
    return _database!;
  }

  Future<Database> _bukaDatabase() async {
    final String lokasi = join(await getDatabasesPath(), _namaDatabase);
    return openDatabase(
      lokasi,
      version: _versiDatabase,
      onConfigure: (db) async {
        await db.execute('PRAGMA foreign_keys = ON');
      },
      onCreate: _buatTabel,
    );
  }

  Future<void> _buatTabel(Database db, int version) async {
    await db.execute('''
      CREATE TABLE users (
        id INTEGER PRIMARY KEY AUTOINCREMENT,
        name TEXT NOT NULL,
        email TEXT NOT NULL UNIQUE,
        password_hash TEXT NOT NULL,
        created_at TEXT NOT NULL
      )
    ''');
    await db.execute('''
      CREATE TABLE transactions (
        id INTEGER PRIMARY KEY AUTOINCREMENT,
        user_id INTEGER NOT NULL,
        title TEXT NOT NULL,
        amount INTEGER NOT NULL,
        type TEXT NOT NULL,
        category TEXT NOT NULL,
        date TEXT NOT NULL,
        created_at TEXT NOT NULL,
        FOREIGN KEY (user_id) REFERENCES users (id) ON DELETE CASCADE
      )
    ''');
  }

  Future<int> insertUser(AppUser user) async {
    final Database db = await database;
    return db.insert('users', user.toMap());
  }

  Future<AppUser?> getUserByEmail(String email) async {
    final Database db = await database;
    final List<Map<String, Object?>> rows = await db.query(
      'users',
      where: 'email = ?',
      whereArgs: [email],
      limit: 1,
    );
    if (rows.isEmpty) return null;
    return AppUser.fromMap(rows.first);
  }

  Future<AppUser?> getUserById(int id) async {
    final Database db = await database;
    final List<Map<String, Object?>> rows = await db.query(
      'users',
      where: 'id = ?',
      whereArgs: [id],
      limit: 1,
    );
    if (rows.isEmpty) return null;
    return AppUser.fromMap(rows.first);
  }

  Future<int> insertTransaction(TransactionItem item) async {
    final Database db = await database;
    return db.insert('transactions', {
      ...item.toMap(),
      'created_at': DateTime.now().toIso8601String(),
    });
  }

  Future<List<TransactionItem>> getTransactions(int userId, {int? limit}) async {
    final Database db = await database;
    final List<Map<String, Object?>> rows = await db.query(
      'transactions',
      where: 'user_id = ?',
      whereArgs: [userId],
      orderBy: 'date DESC, id DESC',
      limit: limit,
    );
    return rows.map(TransactionItem.fromMap).toList();
  }

  Future<int> getSaldo(int userId) async {
    final Database db = await database;
    final List<Map<String, Object?>> rows = await db.rawQuery(
      'SELECT COALESCE(SUM(CASE WHEN type = ? THEN amount ELSE -amount END), 0) AS saldo '
      'FROM transactions WHERE user_id = ?',
      [TransactionItem.tipePemasukan, userId],
    );
    return (rows.first['saldo'] as num?)?.toInt() ?? 0;
  }

  Future<int> deleteTransaction(int id, int userId) async {
    final Database db = await database;
    return db.delete(
      'transactions',
      where: 'id = ? AND user_id = ?',
      whereArgs: [id, userId],
    );
  }
}

import 'dart:convert';
import 'package:crypto/crypto.dart';
import 'package:shared_preferences/shared_preferences.dart';
import '../database/database_helper.dart';
import '../models/app_user.dart';

class AuthException implements Exception {
  final String message;

  const AuthException(this.message);

  @override
  String toString() => message;
}

class AuthService {
  AuthService._();

  static final AuthService instance = AuthService._();

  static const String _kunciSesi = 'logged_in_user_id';

  AppUser? _currentUser;

  AppUser? get currentUser => _currentUser;

  bool get isLoggedIn => _currentUser != null;

  String _hashPassword(String password) {
    return sha256.convert(utf8.encode(password)).toString();
  }

  String _normalisasiEmail(String email) => email.trim().toLowerCase();

  Future<void> restoreSession() async {
    final SharedPreferences prefs = await SharedPreferences.getInstance();
    final int? userId = prefs.getInt(_kunciSesi);
    if (userId == null) return;

    final AppUser? user = await DatabaseHelper.instance.getUserById(userId);
    if (user == null) {
      await prefs.remove(_kunciSesi);
      return;
    }
    _currentUser = user;
  }

  Future<AppUser> register({
    required String name,
    required String email,
    required String password,
  }) async {
    final String emailBersih = _normalisasiEmail(email);
    final AppUser? sudahAda =
        await DatabaseHelper.instance.getUserByEmail(emailBersih);
    if (sudahAda != null) {
      throw const AuthException('Email sudah terdaftar, silakan login');
    }

    final AppUser userBaru = AppUser(
      name: name.trim(),
      email: emailBersih,
      passwordHash: _hashPassword(password),
      createdAt: DateTime.now().toIso8601String(),
    );
    final int id = await DatabaseHelper.instance.insertUser(userBaru);
    return userBaru.copyWith(id: id);
  }

  Future<AppUser> login({
    required String email,
    required String password,
  }) async {
    final AppUser? user =
        await DatabaseHelper.instance.getUserByEmail(_normalisasiEmail(email));
    if (user == null || user.passwordHash != _hashPassword(password)) {
      throw const AuthException('Email atau password salah');
    }

    final SharedPreferences prefs = await SharedPreferences.getInstance();
    await prefs.setInt(_kunciSesi, user.id!);
    _currentUser = user;
    return user;
  }

  Future<void> logout() async {
    final SharedPreferences prefs = await SharedPreferences.getInstance();
    await prefs.remove(_kunciSesi);
    _currentUser = null;
  }
}

import 'package:flutter/material.dart';
import 'services/auth_service.dart';

class RegisterScreen extends StatefulWidget {
  const RegisterScreen({super.key});

  @override
  State<RegisterScreen> createState() => _RegisterScreenState();
}

class _RegisterScreenState extends State<RegisterScreen> {
  final _formKey = GlobalKey<FormState>();
  final _nameController = TextEditingController();
  final _emailController = TextEditingController();
  final _passwordController = TextEditingController();
  final _confirmPasswordController = TextEditingController();
  bool _sembunyikanPassword = true;
  bool _sedangProses = false;

  @override
  void dispose() {
    _nameController.dispose();
    _emailController.dispose();
    _passwordController.dispose();
    _confirmPasswordController.dispose();
    super.dispose();
  }

  Future<void> _register() async {
    if (!_formKey.currentState!.validate()) return;

    setState(() => _sedangProses = true);
    try {
      final user = await AuthService.instance.register(
        name: _nameController.text,
        email: _emailController.text,
        password: _passwordController.text,
      );
      if (!mounted) return;
      ScaffoldMessenger.of(context).showSnackBar(
        SnackBar(
          content: Text('Pendaftaran ${user.name} berhasil, silakan login'),
          backgroundColor: Colors.green,
        ),
      );
      Navigator.pop(context, user.email);
    } on AuthException catch (e) {
      if (!mounted) return;
      ScaffoldMessenger.of(context).showSnackBar(
        SnackBar(content: Text(e.message), backgroundColor: Colors.red),
      );
    } catch (e) {
      if (!mounted) return;
      ScaffoldMessenger.of(context).showSnackBar(
        SnackBar(content: Text('Terjadi kesalahan: $e'), backgroundColor: Colors.red),
      );
    } finally {
      if (mounted) setState(() => _sedangProses = false);
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        backgroundColor: Colors.transparent,
        elevation: 0,
        foregroundColor: Colors.black,
      ),
      body: SafeArea(
        child: Center(
          child: SingleChildScrollView(
            padding: const EdgeInsets.fromLTRB(24, 0, 24, 24),
            child: Form(
              key: _formKey,
              child: Column(
                crossAxisAlignment: CrossAxisAlignment.stretch,
                children: [
                  const Icon(Icons.person_add, size: 72, color: Colors.red),
                  const SizedBox(height: 16),
                  const Text(
                    'Buat Akun Baru',
                    textAlign: TextAlign.center,
                    style: TextStyle(fontSize: 26, fontWeight: FontWeight.bold),
                  ),
                  const SizedBox(height: 8),
                  Text(
                    'Data akun disimpan di perangkat ini',
                    textAlign: TextAlign.center,
                    style: TextStyle(fontSize: 16, color: Colors.grey[600]),
                  ),
                  const SizedBox(height: 32),
                  TextFormField(
                    controller: _nameController,
                    keyboardType: TextInputType.name,
                    textCapitalization: TextCapitalization.words,
                    decoration: const InputDecoration(
                      labelText: 'Nama',
                      prefixIcon: Icon(Icons.person),
                      border: OutlineInputBorder(),
                    ),
                    validator: (value) {
                      if (value == null || value.trim().isEmpty) {
                        return 'Masukkan nama anda';
                      }
                      return null;
                    },
                  ),
                  const SizedBox(height: 16),
                  TextFormField(
                    controller: _emailController,
                    keyboardType: TextInputType.emailAddress,
                    decoration: const InputDecoration(
                      labelText: 'Email',
                      prefixIcon: Icon(Icons.email),
                      border: OutlineInputBorder(),
                    ),
                    validator: (value) {
                      if (value == null || value.trim().isEmpty) {
                        return 'Masukkan email anda';
                      }
                      final bool formatValid = RegExp(r'^[^@\s]+@[^@\s]+\.[^@\s]+$')
                          .hasMatch(value.trim());
                      if (!formatValid) {
                        return 'Email tidak valid';
                      }
                      return null;
                    },
                  ),
                  const SizedBox(height: 16),
                  TextFormField(
                    controller: _passwordController,
                    obscureText: _sembunyikanPassword,
                    decoration: InputDecoration(
                      labelText: 'Password',
                      prefixIcon: const Icon(Icons.lock),
                      border: const OutlineInputBorder(),
                      suffixIcon: IconButton(
                        icon: Icon(
                          _sembunyikanPassword
                              ? Icons.visibility
                              : Icons.visibility_off,
                        ),
                        onPressed: () {
                          setState(() {
                            _sembunyikanPassword = !_sembunyikanPassword;
                          });
                        },
                      ),
                    ),
                    validator: (value) {
                      if (value == null || value.isEmpty) {
                        return 'Masukkan password anda';
                      }
                      if (value.length < 6) {
                        return 'Password minimal 6 karakter';
                      }
                      return null;
                    },
                  ),
                  const SizedBox(height: 16),
                  TextFormField(
                    controller: _confirmPasswordController,
                    obscureText: _sembunyikanPassword,
                    decoration: const InputDecoration(
                      labelText: 'Confirm Password',
                      prefixIcon: Icon(Icons.lock_outline),
                      border: OutlineInputBorder(),
                    ),
                    validator: (value) {
                      if (value == null || value.isEmpty) {
                        return 'Masukkan confirm password anda';
                      }
                      if (value != _passwordController.text) {
                        return 'Password dan confirm password tidak sama';
                      }
                      return null;
                    },
                  ),
                  const SizedBox(height: 24),
                  ElevatedButton(
                    onPressed: _sedangProses ? null : _register,
                    style: ElevatedButton.styleFrom(
                      backgroundColor: Colors.red,
                      foregroundColor: Colors.white,
                      padding: const EdgeInsets.symmetric(vertical: 14),
                    ),
                    child: _sedangProses
                        ? const SizedBox(
                            height: 20,
                            width: 20,
                            child: CircularProgressIndicator(
                              strokeWidth: 2,
                              color: Colors.white,
                            ),
                          )
                        : const Text(
                            'Daftar',
                            style: TextStyle(
                                fontSize: 16, fontWeight: FontWeight.bold),
                          ),
                  ),
                  const SizedBox(height: 12),
                  Row(
                    mainAxisAlignment: MainAxisAlignment.center,
                    children: [
                      const Text('Sudah punya akun?'),
                      TextButton(
                        onPressed:
                            _sedangProses ? null : () => Navigator.pop(context),
                        child: const Text(
                          'Login',
                          style: TextStyle(
                            color: Colors.red,
                            fontWeight: FontWeight.bold,
                          ),
                        ),
                      ),
                    ],
                  ),
                ],
              ),
            ),
          ),
        ),
      ),
    );
  }
}

import 'package:flutter/material.dart';
import 'services/auth_service.dart';
import 'login_screen.dart';
import 'register_screen.dart';
import 'main_screen.dart';
import 'add_transaction_screen.dart';

Future<void> main() async {
  WidgetsFlutterBinding.ensureInitialized();
  try {
    await AuthService.instance.restoreSession();
  } catch (e) {
    debugPrint('Gagal memulihkan sesi: $e');
  }
  runApp(const MyApp());
}

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

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      title: 'Expense Tracker',
      theme: ThemeData(colorScheme: ColorScheme.fromSeed(seedColor: Colors.red)),
      // MENGGUNAKAN NAMED ROUTES
      initialRoute: '/',
      routes: {
        '/': (context) => const AuthGate(),
        '/login': (context) => const LoginScreen(),
        '/register': (context) => const RegisterScreen(),
        '/main': (context) => const MainScreen(),
        '/add': (context) => const AddTransactionScreen(),
      },
    );
  }
}

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

  @override
  Widget build(BuildContext context) {
    return AuthService.instance.isLoggedIn
        ? const MainScreen()
        : const LoginScreen();
  }
}

import 'package:flutter/material.dart';
import 'database/database_helper.dart';
import 'models/transaction_item.dart';
import 'services/auth_service.dart';
import 'transaction_detail_screen.dart';
import 'utils/formatters.dart';
import 'widgets/dashboard_widgets.dart';

class DashboardScreen extends StatefulWidget {
  const DashboardScreen({super.key});

  @override
  State<DashboardScreen> createState() => _DashboardScreenState();
}

class _DashboardScreenState extends State<DashboardScreen> {
  int _saldo = 0;
  List<TransactionItem> _transaksiTerakhir = [];
  bool _sedangMemuat = true;

  @override
  void initState() {
    super.initState();
    _muatData();
  }

  Future<void> _muatData() async {
    final user = AuthService.instance.currentUser;
    if (user == null) return;

    final int saldo = await DatabaseHelper.instance.getSaldo(user.id!);
    final List<TransactionItem> transaksi =
        await DatabaseHelper.instance.getTransactions(user.id!, limit: 5);
    if (!mounted) return;
    setState(() {
      _saldo = saldo;
      _transaksiTerakhir = transaksi;
      _sedangMemuat = false;
    });
  }

  Future<void> _bukaFormTransaksi([Map<String, String>? preset]) async {
    // Memanggil Rute yang sudah didaftarkan di main.dart
    final result = await Navigator.pushNamed(context, '/add', arguments: preset);
    if (result == true) _muatData();
  }

  Future<void> _bukaDetail(TransactionItem item) async {
    final bool berubah = await TransactionDetailScreen.open(context, item);
    if (berubah) _muatData();
  }

  @override
  Widget build(BuildContext context) {
    final String nama = AuthService.instance.currentUser?.name ?? 'Pengguna';

    return Scaffold(
      appBar: AppBar(
        title: const Text('Dashboard Keuangan'),
        backgroundColor: Colors.red,
        foregroundColor: Colors.white,
      ),
      // Tombol mengambang (FAB) untuk tambah transaksi
      floatingActionButton: FloatingActionButton(
        backgroundColor: Colors.red,
        foregroundColor: Colors.white,
        child: const Icon(Icons.add),
        onPressed: () => _bukaFormTransaksi(),
      ),
      body: RefreshIndicator(
        onRefresh: _muatData,
        child: SingleChildScrollView(
          physics: const AlwaysScrollableScrollPhysics(),
          padding: const EdgeInsets.all(16.0),
          child: Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              GreetingWidget(name: nama),
              const SizedBox(height: 20),
              BalanceCardWidget(saldo: _saldo),
              const SizedBox(height: 20),
              ActionButtonsWidget(
                onPemasukan: () => _bukaFormTransaksi(
                  {'type': TransactionItem.tipePemasukan},
                ),
                onPengeluaran: () => _bukaFormTransaksi(
                  {'type': TransactionItem.tipePengeluaran},
                ),
                onTransfer: () => _bukaFormTransaksi(
                  {'type': TransactionItem.tipePengeluaran, 'category': 'Transfer'},
                ),
              ),
              const SizedBox(height: 20),
              const Text('Transaksi Terakhir', style: TextStyle(fontSize: 18, fontWeight: FontWeight.bold)),
              const SizedBox(height: 12),
              _buildTransactionList(),
            ],
          ),
        ),
      ),
    );
  }

  Widget _buildTransactionList() {
    if (_sedangMemuat) {
      return const Center(
        child: Padding(
          padding: EdgeInsets.all(24),
          child: CircularProgressIndicator(color: Colors.red),
        ),
      );
    }

    if (_transaksiTerakhir.isEmpty) {
      return const Card(
        elevation: 2,
        child: Padding(
          padding: EdgeInsets.all(24),
          child: Center(
            child: Text(
              'Belum ada transaksi.\nTekan tombol + untuk mencatat transaksi.',
              textAlign: TextAlign.center,
              style: TextStyle(color: Colors.grey),
            ),
          ),
        ),
      );
    }

    final List<Widget> daftar = [];
    for (int i = 0; i < _transaksiTerakhir.length; i++) {
      final TransactionItem item = _transaksiTerakhir[i];
      if (i > 0) daftar.add(const Divider(height: 1));
      daftar.add(
        ListTile(
          leading: CircleAvatar(backgroundColor: item.color, child: Icon(item.icon, color: Colors.white)),
          title: Text(item.title),
          subtitle: Text(formatTanggalPendek(item.date)),
          trailing: Text(
            formatRupiahBertanda(item.amount, item.isPengeluaran),
            style: TextStyle(
              color: item.isPengeluaran ? Colors.red : Colors.green,
              fontWeight: FontWeight.bold,
            ),
          ),
          onTap: () => _bukaDetail(item),
        ),
      );
    }

    return Card(
      elevation: 2,
      child: Column(children: daftar),
    );
  }
}

  // Menyimpan transaksi ke database SQLite
  Future<void> _simpanTransaksi() async {
    if (!_formKey.currentState!.validate()) return;

    final user = AuthService.instance.currentUser;
    if (user == null) return;

    setState(() => _sedangMenyimpan = true);
    final TransactionItem item = TransactionItem(
      userId: user.id!,
      title: _titleController.text.trim(),
      amount: int.parse(_amountController.text.trim()),
      type: _selectedType,
      category: _selectedCategory,
      date: _parseDate(_dateController.text.trim())!,
    );

    try {
      await DatabaseHelper.instance.insertTransaction(item);
      if (!mounted) return;
      ScaffoldMessenger.of(context).showSnackBar(
        const SnackBar(content: Text('Transaksi Berhasil Disimpan!'), backgroundColor: Colors.green),
      );
      // NAVIGASI POP: Kembali ke halaman sebelumnya (Dashboard)
      Navigator.pop(context, true);
    } catch (e) {
      if (!mounted) return;
      setState(() => _sedangMenyimpan = false);
      ScaffoldMessenger.of(context).showSnackBar(
        SnackBar(content: Text('Gagal menyimpan: $e'), backgroundColor: Colors.red),
      );
    }
  }

kotlin.incremental=false

cd D:\appmobile\tugas_praktikum_5
flutter build apk --release