A. Pendahuluan

Praktikum kali ini berfokus pada integrasi framework Laravel dengan sistem manajemen basis data relasional (MySQL) menggunakan arsitektur MVC (Model-View-Controller). Laravel mempermudah pengelolaan database melalui fitur-fitur modern yang membuat proses development menjadi lebih terstruktur, aman, dan cepat. Fitur utama yang dipelajari pada praktikum ini meliputi:

B. Tujuan

Tujuan dari praktikum ini adalah agar mahasiswa mampu mengonfigurasi koneksi database pada Laravel, memahami dan mengimplementasikan database migration, mengatur fillable mass assignment pada model, membuat resource controller untuk menangani logic data, serta membangun aplikasi web CRUD utuh yang responsif menggunakan Bootstrap 5.

C. Isi & Langkah Kerja

Proses pengerjaan praktikum dibagi menjadi dua sub-bagian utama, yaitu penyelesaian Modul Utama (Manajemen Data Produk) sesuai instruksi panduan dasar, serta pengembangan mandiri pada bagian Latihan (Manajemen Data Mahasiswa). Berikut merupakan dokumentasi dan alur kerja kodenya:

• 1. Modul Utama (Produk)
• 2. Latihan Mandiri (Mahasiswa)

ALUR IMPLEMENTASI CRUD MANAJEMEN PRODUK

1. Konfigurasi `.env`: Mengatur database tujuan ke variabel DB_DATABASE=programingweb6.
2. Model & Migration: Membuat blueprint skema tabel database melalui perintah terminal php artisan make:model Product -m.
3. Mass Assignment: Mengaktifkan properti array protected $fillable di file Model Produk agar data form bisa lolos validasi.
4. Resource Controller: Menggunakan perintah php artisan make:controller ProductController --resource untuk menghasilkan struktur fungsi CRUD bawaan Laravel.

Dokumentasi Hasil Screenshot Modul Utama:

Gambar 1: Interface Awal Halaman CRUD Utama (Kondisi Kosong / No Data)

Gambar 2: Form Interface Menambahkan Produk Asus Vivobook

Gambar 3: Data Produk Berhasil Ter-render dan Disimpan ke Database

PENGEMBANGAN MANDIRI: CRUD DATA MAHASISWA

Eksperimen mandiri mereplikasi arsitektur MVC ke entitas data Mahasiswa untuk memvalidasi pemahaman fungsi CRUD terisolasi menggunakan route resource kustom.

Dokumentasi Hasil Screenshot Modul Latihan:

Gambar 4: Tampilan Interface Indeks Modul Mahasiswa (Kondisi Kosong)

Gambar 5: Fungsionalitas Form Update/Edit Data Mahasiswa Berdasarkan Alamat ID

Gambar 6: Data Profil Sukses Ditambahkan ke Grid Tabel Utama

A. Pendahuluan

Praktikum ini berfokus pada pemahaman dan implementasi konsep Relationship dalam framework Laravel menggunakan Eloquent ORM. Relationship merupakan fitur inti Laravel yang memungkinkan developer mendefinisikan dan mengelola hubungan antar tabel database secara elegan langsung dari layer Model, tanpa perlu menulis query SQL JOIN yang kompleks secara manual. Dalam praktikum ini dibangun sebuah sistem akademik sederhana yang mengelola hubungan antar entitas Student, Major, dan Subject. Jenis relationship yang dipelajari meliputi:

B. Tujuan

Tujuan dari praktikum ini adalah agar mahasiswa mampu memahami konsep relationship dalam Laravel, mengimplementasikan One-to-Many dan Many-to-Many relationship pada Eloquent Model, membuat migration dengan foreign key dan tabel pivot, menggunakan Eloquent relationship untuk query data antar tabel, serta menampilkan data beserta relasi-relasinya secara lengkap di dalam view Blade.

C. Isi & Langkah Kerja

Pengerjaan praktikum dibagi menjadi beberapa langkah sistematis mulai dari pembuatan migration, model beserta definisi relationship, seeder untuk data sampel, controller dengan eager loading, routing resource, hingga tampilan view Blade. Berikut adalah dokumentasi seluruh alur implementasinya:

• 1. Migration
• 2. Model
• 3. Seeder
• 4. Controller & View

LANGKAH 1: MEMBUAT MIGRATION

Tahap pertama adalah mendefinisikan skema database melalui file migration. Terdapat empat tabel yang dibuat: majors, students, subjects, dan tabel pivot student_subject. Tabel students memiliki foreign key major_id yang merujuk ke tabel majors, sementara tabel pivot menyimpan kombinasi unik student_id dan subject_id. Setelah migration berhasil dijalankan, data seeder diisi dan tampilan awal aplikasi Student Management System dapat diakses di browser.

Gambar 1: Halaman Index — Daftar Mahasiswa Beserta Jurusan, Mata Kuliah Badge, dan Total SKS

Gambar 2: Halaman Detail Mahasiswa — Menampilkan Data Lengkap Beserta SKS Per Mata Kuliah dan Total Beban Studi

Perintah terminal yang dijalankan:
php artisan make:migration create_majors_table
php artisan make:migration create_students_table
php artisan make:migration create_subjects_table
php artisan make:migration create_student_subject_table
php artisan migrate

LANGKAH 2: MEMBUAT MODEL DENGAN RELATIONSHIP

Pada tahap ini, tiga model Eloquent dibuat beserta definisi method relationship-nya. Model Major mendefinisikan hasMany(Student::class), model Student mendefinisikan belongsTo(Major::class) dan belongsToMany(Subject::class), sementara model Subject mendefinisikan belongsToMany(Student::class) untuk relasi balik. Setelah model dan relationship terdefinisi, operasi CRUD seperti hapus data dan ubah relasi mata kuliah berjalan dengan benar berkat method detach() dan sync().

Gambar 3: Operasi Delete Berhasil — Notifikasi "Student deleted successfully" dan Data Sisa Mahasiswa

Gambar 4: Detail Mahasiswa Setelah Edit — Relasi Mata Kuliah Diperbarui via sync(), Total 11 SKS

Perintah terminal yang dijalankan:
php artisan make:model Major
php artisan make:model Student
php artisan make:model Subject

LANGKAH 3: SEEDER UNTUK DATA SAMPEL

Seeder dibuat untuk mengisi tabel database dengan data sampel awal. MajorSeeder mengisi 4 jurusan, SubjectSeeder mengisi 5 mata kuliah, dan StudentSeeder mengisi 5 data mahasiswa sekaligus melakukan assignment mata kuliah secara acak via method attach() pada relasi many-to-many. Semua seeder didaftarkan pada DatabaseSeeder dan dijalankan secara berurutan. Setelah seeder berjalan, form Edit Mahasiswa membuktikan bahwa data relasi dapat dimodifikasi dengan centang mata kuliah yang diinginkan.

Gambar 5: Form Edit Mahasiswa — Input NIM, Nama, Alamat, Dropdown Jurusan, dan Checkbox Mata Kuliah dengan Status Checked Sesuai Relasi Aktif

Perintah terminal yang dijalankan:
php artisan make:seeder MajorSeeder
php artisan make:seeder SubjectSeeder
php artisan make:seeder StudentSeeder
php artisan db:seed

LANGKAH 4: CONTROLLER, ROUTING & VIEW

StudentController dibuat dengan metode CRUD lengkap yang memanfaatkan Eager Loading (Student::with(['major', 'subjects'])->get()) untuk menghindari N+1 query problem. Routing didefinisikan menggunakan Route::resource('students', StudentController::class) yang otomatis memetakan 7 endpoint RESTful. Selain CRUD utama, dikerjakan pula Latihan Query Relationship yang menampilkan empat jenis query sekaligus dalam satu halaman: daftar mahasiswa + jurusan + mata kuliah, jurusan dengan mahasiswa terbanyak, mata kuliah mahasiswa tertentu, serta total SKS akumulasi tiap mahasiswa.

Dokumentasi Hasil Screenshot Implementasi:

Gambar 6: Halaman Hasil Latihan & Tugas — Query No.1 (Semua Mahasiswa + Jurusan + Matkul), No.2 (Jurusan Terbanyak), No.3 (Matkul Mahasiswa Tertentu)

Gambar 7: Query No.4 — Tabel Total SKS Akumulasi Setiap Mahasiswa (Nama, Total Matkul, Total SKS)

Gambar 8: Halaman Detail Mahasiswa — Menampilkan SKS Per Mata Kuliah dengan Badge dan Total Beban Studi

Perintah terminal yang dijalankan:
php artisan make:controller StudentController
php artisan serve