Skip to main content
LAB

Reports

Navigasi & Passing Data
Aplikasi Mobile
Praktikum 4
28 September 2026

Navigasi & Passing Data

Praktikum IV membahas cara berpindah antarhalaman (navigasi) pada aplikasi Flutter dan cara mengirim data dari satu halaman ke halaman lain. Materi ini melanjutkan aplikasi Expense Tracker dari modul sebelumnya, yang sudah memiliki halaman Dashboard (Modul 1 dan 2) dan halaman form tambah transaksi (Modul 3). Pada praktikum ini, tombol dan daftar transaksi yang sebelumnya belum berfungsi diaktifkan. Tombol tambah (FAB) membuka form transaksi menggunakan Navigator.push, setiap baris transaksi membuka halaman detail sambil membawa data transaksi melalui constructor, dan form transaksi tertutup otomatis setelah disimpan menggunakan Navigator.pop. Proyek disusun menjadi empat file terpisah di folder lib untuk mensimulasikan struktur aplikasi yang lebih rapi.

READ_FILE
Widgets, Layouting, dan Styling
Aplikasi Mobile
Praktikum 2
20 September 2026

Widgets, Layouting, dan Styling

Praktikum ini mengenalkan dasar-dasar pengembangan UI di Flutter, mulai dari komponen paling mendasar hingga penataan layout menjadi sebuah dashboard yang utuh. Diawali dengan pengenalan dua jenis widget inti yaitu StatelessWidget untuk tampilan statis (seperti sapaan pengguna) dan StatefulWidget untuk tampilan dinamis yang bisa berubah lewat setState() (seperti kartu saldo dengan tombol sembunyikan/tampilkan nominal). Dari situ, praktikum dilanjutkan ke penataan layout menggunakan Row (susunan horizontal, misalnya tombol Masuk/Keluar/Transfer), Column (susunan vertikal, misalnya daftar riwayat transaksi), Container (pengaturan padding, margin, dan warna), serta ListTile untuk membuat baris daftar secara instan dengan bagian leading, title, dan trailing. Semua komponen ini akhirnya digabungkan menjadi satu halaman dashboard aplikasi keuangan sederhana (Expense Tracker) yang lengkap, interaktif, dan bisa di-scroll (SingleChildScrollView), menunjukkan alur belajar dari memahami widget dasar sampai mampu menyusunnya menjadi tampilan aplikasi yang fungsional.

READ_FILE
Manajemen Database Menggunakan Migration-Seeding dan Pengaturan Alur Data dengan Konsep MVC pada Laravel
Pemrograman Web
Praktikum 7
27 Mei 2026

Manajemen Database Menggunakan Migration-Seeding dan Pengaturan Alur Data dengan Konsep MVC pada Laravel

Penerapan konsep dasar Laravel—yang terdiri dari Migration, Seeding, Routing, Model, Controller, dan View —diarahkan untuk menyelesaikan studi kasus pengelolaan data mahasiswa. Bagian ini mendokumentasikan alur pembuatan skema database secara programatis , manipulasi objek data melalui Eloquent ORM , hingga perancangan antarmuka yang reusable dengan Blade layout , guna menghasilkan sistem aplikasi CRUD yang siap dikelola melalui version control.

READ_FILE