Laporan Praktikum

25 Mei 2025 ~ Oleh Kevin Andhika

LARAVEL AUTH, CRUD Multi Level User

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. Global Installer Melalui Composer

  • Jalankan aplikasi XAMPP agar bisa terkoneksi dengan localhost
  • Kemudian buka file manager dan sebuah folder di dalam htdocs (htdocs ada di dalam folder XAMPP) dengan nama Laravel
  • Setelah itu buka aplikasi cmder atau bisa juga melalui terminal command prompt, masuk kedalam folder Laravel sebelumnya kemudian ketikkan perintah berikut composer create-project laravel/laravel=^12.0 laravel-sisfo --prefer-dist"
    • laravel

B. Konfigurasi Database

  • Jalankan aplikasi Visual Studio Code kemudian buka folder laravel-sisfo yang sudah dibuat tadi
  • Lalu buka file .env lakukan konfigurasi database seperti berikut
    • Config

C. Autentikasi

  • Setelah instalasi global selesai, masuk ke dalam folder laravel-sisfo yang dibuat
    • laravel sisfo
  • Ketikkan composer require laravel/ui untuk autentikasi pengguna dengan laravel
    • composer
  • Ketikkan php artisan ui bootstrap --auth untuk autentikasi fitur dengan laravel
    • Config
  • Ketikkan npm install && npm run dev untuk menginstal dan meng compile file aset bawaan agar autentikasi di generate otomatis
    • npm install & run
  • Ketikkan perintah php artisan migrate untuk membuat migration table authentication
    • migrate

C. Laravel UI Before

  • Ketikkan perintah php artisan serve untuk menjalankan program laravel
    • artisan serve
  • User Interface Laravel /..
    • /...
  • User Interface Laravel /login
    • /login
  • User Interface Laravel /register
    • /register
  • User Interface Laravel /home
    • /home
  • Hasil tampilan /home juga bisa diubah dari nama pengguna menjadi menampilkan email pengguna dengan mengubah kode berikut
    jadi pada tampilan /home pengguna Kevin Andhika akan berubah menjadi kev@gmail.com
    • name to email

D. Custom Users Table

  • Setelah autentikasi laravel berhasil, akan ter generate table users seperti berikut
    structure Dari stuktur table users diatas maka perlu ditambahken beberapa field yaitu username, level dan status, maka perlu membuat sebuah migration untuk menambahkan field-field diatas, ketikkan perintah berikut pada terminal atau cmd.
  • Ketikkan perintah php artisan make:migration costum_table_users pada terminal Visual Studio Code untuk membuat sebuah file migration
    • check table
  • Buka file migration tersebut lalu tambahkan kode perintah berikut, setelah itu jalankan dengan mengetikkan perintah php artisan migrate pada kolom terminal
    • table migrate
  • kemudian bisa di lihat bahwa struktur database table users sudah berhasil diubah sesuai dengan kebutuhan aplikasi
    • migrate database

E. Seeding AdminSeeder

  • Ketikkan perintah php artisan make:seeder AdminSeeder untuk membuat file AdminSeeder.php pada folder database/Seeder
    • seeder artisan
  • Buka file seeder tersebut lalu tambahkan kode perintah berikut, setelah itu jalankan dengan mengetikkan perintah php artisan db:seed --class=AdminSeeder pada kolom terminal
    • seeder
  • Berikut hasil dari admin seeder ketika dijalankan di /dashboard
    • admin seeder

F. Laravel UI Templating

  • Tambahkan build path template bootstrap didalam folder sbadmin
  • Buka file app.blade.php kemudian buat kode nya menjadi seperti berikut
    • app blade
  • Ketika laravel dijalankan hasil desain laman /login akan menjadi seperti ini
    • login page
  • Pada file app.blade.php ubah kode menjadi seperti berikut
    • main blade main blade 2
  • Pada file sidebar.blade.php ubah kode menjadi seperti berikut
    • sidebar blade
  • Pada file topbar.blade.php ubah kode menjadi seperti berikut
    • topbar blade
  • Pada file home.blade.php ubah kode menjadi seperti berikut
    • home blade
  • Kemudian jalankan laravel dengan kode sebelumnya php artisan serve maka akan terlihat hasil konfigurasi layout seperti berikut
    • dashboard

Kesimpulan

Praktikum ini menjelaskan cara membuat sistem login dan manajemen pengguna di Laravel dengan langkah sederhana. Mulai dari instalasi Laravel, pengaturan database, hingga membuat fitur login dan register secara otomatis dengan perintah tertentu. Setelah itu, tampilan program diuji melalui php artisan serve.

Selain itu, struktur tabel pengguna juga bisa diubah sesuai kebutuhan, seperti menambah kolom level atau status. Kita juga bisa menambahkan data admin secara otomatis dan mempercantik tampilan dengan template Bootstrap. Praktikum ini cocok bagi pemula untuk memahami dasar pembuatan web dengan Laravel.