Laporan praktikum web 8

1. Buat Folder Laravel dan Install Global Laravel

Pertama buat folder / workspace terlebih dahulu didalam folder htdocs, kita sepakati dengan nama Laravel

buat project baru Laravel yaitu menggunakan comoposer, ketikkan perintah berikut pada workspace.

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

untuk menjalankan project dapat menggunakan perintah seperti dibawah ini.

php artisan serve

2. Konfigurasi Database

buka file .env kemudian isikan konfigurasi datababse berikut ini.

3. User Authentication

Install package Laravel/ui

Buka terminal/cmd kemudian ketikkan perintah berikut ini.

composer require laravel/ui

Authenctiacation fitur

Ketikkan perintah berikut pada terminal / cmd php artisan ui bootstrap --auth

Jika berhasil ketikkan perintah berikut

npm install && npm run dev

4. Kostum Tabel User

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.

php artisan make:migration costum_table_users

selanjutnya buka folder database/migration/ seperti gambar berikut, kemudian isi code dengan isi seperti gambar

Setelah selesai, struktur tabel akan berubah seperti berikut

5. Membuat Seeding User

buat seeder dengan nama AdminSeeder dengan perintah :

php artisan make:seeder AdminSeeder

maka secara otomatis file AdminSeeder.php akan dibuat pada folder database/Seeder.Kemudian buka file tersebut dan buat akun admin seperti kode program berikut.

Selanjutnya untuk menjalankan seeding dengan cara menjalankan perintah berikut .

php artisan db:seed --class=AdminSeeder

jika berhasil maka akan tampil seperti gambar berikut.

6. Templating atau Layouting

Downloah template pada link https://startbootstrap.com/theme/sb-admin-2 kemudian extrak, selanjutnya buat folder pada public project Laravel dengan nama sbadmin dan copy paste kan seluruh asset template sbadmin kedalam folder tersebut.

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

Sehingga tampilan login akan berubah seperti gambar dibawah ini.

7. Layout Global

Selanjutnya membuat layout global yang mana layout ini akan digunakan sebagai layout utama aplikasi dan view-view lain akan mengambil resource disini, karena app.blade.php sudah digunakan untuk view login, maka kita perlu membuat layout baru, silahkan buat file dengan nama main.blade.php pada folder view/layouts dan isikan dengan kode program sesuai pada gambar

8. Sidebar

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

9. Topbar

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

10. Cara penggunaan layouts main.blade.php

Sebagai contoh kita akan menggunakan view home.blade.php, buka file tersebut dan isikan dengan kode program berikut.

Hasilnya