Laporan Praktikum Web 8

Framework Laravel - Authentication

1. Buat Folder Laravel dan Install Global Laravel

Pertama buat folder workspace terlebih dahulu di dalam folder htdocs dengan nama Laravel.

Buat project baru Laravel menggunakan Composer dengan perintah berikut:

composer create-project laravel/laravel=^12.0 laravel-sisfo --prefer-dist

Untuk menjalankan project gunakan perintah berikut:

php artisan serve

2. Konfigurasi Database

Buka file .env kemudian isikan konfigurasi database seperti berikut.

3. User Authentication

Install package Laravel/UI

Buka terminal atau CMD kemudian jalankan perintah berikut:

composer require laravel/ui

Authentication Fitur

Jalankan perintah berikut untuk membuat fitur authentication:

php artisan ui bootstrap --auth

Setelah berhasil, jalankan perintah berikut:

npm install && npm run dev

4. Kostum Tabel User

Dari struktur tabel users di atas, perlu ditambahkan beberapa field yaitu username, level, dan status.

Buat migration baru dengan perintah berikut:

php artisan make:migration costum_table_users

Selanjutnya buka folder database/migrations kemudian isi kode program seperti gambar berikut.

Setelah selesai, struktur tabel akan berubah seperti berikut.

5. Membuat Seeding User

Buat seeder dengan nama AdminSeeder menggunakan perintah berikut:

php artisan make:seeder AdminSeeder

File AdminSeeder.php akan otomatis dibuat pada folder database/seeders.

Selanjutnya buat akun admin seperti kode program berikut.

Untuk menjalankan seeding gunakan perintah:

php artisan db:seed --class=AdminSeeder

Jika berhasil maka akan tampil seperti berikut.

6. Templating atau Layouting

Download template SB Admin 2 pada link berikut: https://startbootstrap.com/theme/sb-admin-2

Setelah itu ekstrak file dan buat folder pada public project Laravel dengan nama sbadmin, lalu copy seluruh asset template ke folder tersebut.

Buka file app.blade.php pada folder views/layouts kemudian isi dengan kode program berikut.

Tampilan login akan berubah seperti gambar berikut.

7. Layout Global

Selanjutnya membuat layout global yang akan digunakan sebagai layout utama aplikasi.

Karena app.blade.php sudah digunakan untuk view login, maka perlu membuat layout baru dengan nama main.blade.php pada folder views/layouts.

Isi file tersebut dengan kode program seperti gambar berikut.

8. Sidebar

Buat file pada folder layouts dengan nama sidebar.blade.php kemudian isi dengan kode program berikut.

9. Topbar

Buat file pada folder layouts dengan nama topbar.blade.php kemudian isi dengan kode program berikut.

10. Cara Penggunaan Layouts main.blade.php

Sebagai contoh penggunaan layout, buka file home.blade.php kemudian isi dengan kode program berikut.

Hasil Akhir