Laporan Praktikum

09 Juni 2025 ~ Oleh Kevin Andhika

LARAVEL AUTH, CRUD Multi Level User Next Step

1. Tujuan

Untuk menambah pemahaman pengguna mengenai cara menginstal dan membuat project Laravel menggunakan Composer, serta mengatur konfigurasi database dengan benar. Praktikum ini juga bertujuan agar pengguna dapat memahami proses pembuatan sistem autentikasi seperti login dan register menggunakan Laravel UI. Selain itu, pengguna dilatih untuk memodifikasi struktur tabel users sesuai kebutuhan, menambahkan data admin dengan seeder, serta mengintegrasikan template Bootstrap guna memperindah tampilan antarmuka menggunakan Blade templating engine di dalam Laravel.


2. Langkah-langkah

A. Manajemen Pengguna Users

  • Jalankan aplikasi XAMPP agar bisa terkoneksi dengan localhost
  • Buka folder project sebelumnya laravel-sisfo di dalam htdocs (htdocs ada di dalam folder XAMPP) pada aplikasi Visual Studio Code
  • Setelah itu buka terminal Visual Studio Code dengan shortcut ctrl+j, ketikkan perintah berikut pada terminal php artisan make:controller UserController –resource
    • User Contoller
  • Setelah kode artisan make:controller sebelumnya berhasil dijalankan akan muncul tampilan seperti berikut
    • Terminal Result
  • Lalu pada Route tambahkan kode program seperti berikut
    • Route
  • Buka file UserController Resource yang baru saja dibuat, kemudian tambahkan kode seperti berikut
    • UserController

B. UserController Create

  • Pada function create tambahkan action berikut untuk menampilkan view form tambah data users
    • Create
  • Buka file main.blade.php kemudian tambahkan file css dan js select2 seperti berikut
    • Css Js
  • Selanjutnya untuk membuat form inputan create user tambahkan kode berikut pada file create.blade.php
    • Create Blade
  • Kemudian jalankan program dengan mengetikkan php artisan serve di terminal, kemudian mengklik link IP yang diberikan dan menambahkan .../users/create pada laman
    • Create Result

C. UserController Store

  • Pada function store tambahkan kode program berikut Store

    Form create user menggunakan method POST yang akan dikirimkan ke action store dengan route users.store, selanjutnya pada action store akan ditangkap isi form create user dengan cara $request->get(‘nama input’) kemudian disimpan pada table user dengan cara instance model User dengan cara $user = new \App\Models\User setelah itu assign sesuai dengan nama field. Untuk menyimpan kedalam database User menggunakan perintah $user->save, jika data berhasil disimpan akan di redirect ke route users.index dengan mebawa session status.


D. UserController Index

  • Pada function index tambahkan kode program berikut
    • Index
  • Selanjutnya untuk membuat kodingan untuk tampilan index user seperti berikut pada file index.blade.php
    • Index Blade
  • Tambahkan file css dan js pada bagian main.blade.php seperti berikut agar datatables bisa digunakan
    • Css2 Js2
  • Tambahkan kode ini untuk memberikan tombol yang akan mengarahkan pengguna ke form tambah user
    • Tombol Create Users
  • Kemudian jalankan program dengan mengetikkan php artisan serve di terminal, kemudian mengklik link IP yang diberikan dan menambahkan .../users pada laman
    • Store Result

E. UserController Edit & Update

  • Pada file index.blade.php tambahkan kode program berikut didalam kolom [action] untuk membuat tombol edit tiap user
    • Tombol Edit
  • Pada function edit tambahkan kode program berikut
    • Edit
  • Selanjutnya untuk kode program berikut pada file edit.blade.php
    • Edit Blade
  • Kemudian jalankan program dengan mengetikkan php artisan serve di terminal, kemudian mengklik link IP yang diberikan dan menklik user yang ingin di edit
    • Edit Result
  • Pada function update tambahkan kode program berikut
    • Update
  • Kemudian jalankan program dengan mengetikkan php artisan serve di terminal, kemudian mengklik link IP yang diberikan dan menklik user yang ingin di edit
  • Disini saya memilih users Admin kemudian mengubah nama nya menjadi fulan bin fulan lalu simpan
    • Update Result Update Result2 Update Result3

F. UserController Delete

  • Pada file index.blade.php tambahkan kode program berikut dibawah tombol edit sebelumnya untuk membuat tombol delete tiap user
    • Tombol Delete
  • Pada function destroy tambahkan kode program berikut
    • Delete
  • Kemudian jalankan program dengan mengetikkan php artisan serve di terminal, kemudian mengklik link IP yang diberikan dan menklik user yang ingin di hapus/delete
    • Delete Result Delete Result2

G. Navbar Users

  • Buka file sidebar.blade.php kemudian tambahkan kode program berikut
    • Nav Link
  • Kemudian jalankan program dengan mengetikkan php artisan serve di terminal, kemudian mengklik link IP yang diberikan
    • Nav Link Result

Kesimpulan

Melalui praktikum ini, pengguna telah mempelajari cara membangun sistem manajemen pengguna (user management) berbasis Laravel dengan fitur CRUD lengkap. Proses dimulai dari pembuatan controller resource, pengaturan routing, hingga pembuatan tampilan menggunakan Blade templating engine. Pengguna juga memahami alur penyimpanan data melalui model Eloquent dan pemrosesan input menggunakan objek $request.

Selain itu, integrasi plugin seperti Select2 dan DataTables berhasil meningkatkan interaktivitas dan tampilan antarmuka. Penambahan navigasi pada sidebar menunjukkan kemampuan dalam membangun antarmuka aplikasi yang terstruktur. Praktikum ini secara keseluruhan melatih keterampilan teknis dan konseptual pengguna dalam mengembangkan aplikasi web Laravel yang fungsional dan siap dikembangkan lebih lanjut.