Laporan Praktikum 8

Langkah-langkah

1. Membuat Project baru dengan Composer dengan cara mengetik

"composer create-project laravel/laravel=^12.0 laravel-sisfo --prefer-dist" seperti pada gambar di bawah.

Laporan Praktikum 8

2. buka file .env kemudian isikan konfigurasi datababse berikut ini.

Laporan Praktikum 8

3.Install package Laravel/ui Buka terminal/cmd kemudian ketikkan perintah berikut ini

"composer require laravel/ui"

Laporan Praktikum 8

4.Ketikkan perintah berikut pada terminal "cmd php artisan ui bootstrap --auth".

Dan jalankan code berikut untuk untuk menginstall dan compile file-file asset bawaan "npm install && npm run dev"

Seperti gambar di bawah ini

Laporan Praktikum 8

5.Membuat Project Laravel dengan Laravel Installer dengan cara mengetiklah Code berikut pada terminal vscode/git

"composer global require laravel/installer"

Untuk membuat project baru gunakan perintah ini

"laravel new example-app"

Laporan Praktikum 8

6. membuat migration table authentication, jika sebelumnya belum terdapat database maka akan da konfirmasi dari larevel apakah akan dibuatkan databasenya atau tidak. Jika migaration berhasil maka akan tampil seperti tampilan berikut.

Laporan Praktikum 8

7. Halaman login dapat di Akses pada url http://127.0.0.1:8000/login pada browser maka akan tampil halaman login seperi berikut.

Untuk halaman registrasi dapat di Akses pada url http://127.0.0.1:8000/register pada browser maka akan tampil halaman login seperi berikut.

Laporan Praktikum 8

8.Authentication Laravel secara otomatis akan mengenerate table Users yang berisi tentang informasi data user, berikut struktur table users.

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.

Laporan Praktikum 8

9. Kemudian bukan file yang diakhiri costum_table_users.php dan isikan dengan kode program berikut.

Laporan Praktikum 8

10. Selanjutnya untuk menjalankan seeding dengan cara menjalankan perintah berikut .

"php artisan db:seed --class=AdminSeeder

Jika sudah berhasil menambahkan user maka dapat login ke aplikasi menggunakan akun tersebut.

Laporan Praktikum 8

11. Authentication Laravel secara otomatis mengenerate tampilan dashboard aplikasi, Langkah selannjutnya kita akan konfigurasi tampilan aplikasi sesuai dengan template yang kita pilih, ada studi kasus ini kita akan menggunakan template SB Admin 2 dengan framework bootstrap, silahkan 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. Halaman Login Aplikasi Buka file app.blade.php pada folder view/layouts kemudian ganti dengan kode program dibawah ini

Laporan Praktikum 8

12. 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 berikut ini.

Laporan Praktikum 8

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

Laporan Praktikum 8

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