LARAVEL AUTH, CRUD Multi Level User

Pada praktikum ini, tujuan dari Pembelajaran yaitu mahasiswa mampu installasi Laravel, membuat project baru Laravel, mengenal struktur Laravel, konsep MVC laravel.

Tools yang saya gunakan:

- Komputer/Laptop

- XAMPP: Sebagai local web server untuk menjalankan PHP dan MySQL di komputer lokal.

- Visual Studio Code: Sebagai code editor untuk menulis skrip PHP dan HTML.

- Composer, Git, Node JS, NPM: Untuk manajemen paket dan dependensi.

Fitur-fitur pada Laravel

1. Eloquent ORM (Object-Relational Mapping): Memudahkan operasi database dengan pendekatan OOP.

2. Blade Templating Engine: Templating engine yang efisien dan bersih.

3. Artisan Console: Command-line interface (CLI) yang disertakan dengan Laravel.

4. Routing: Sistem perutean yang fleksibel memungkinkan untuk mendefinisikan URL aplikasi dan mengaitkannya dengan controller atau closure functions.

5. Middleware: Digunakan untuk autentikasi, logging, validasi, dan tugas-tugas lain sebelum atau sesudah request ditangani oleh aplikasi.

6. Form Request Validation: Memudahkan proses validasi data yang dikirim melalui form.

7. Security: Fitur keamanan laravel.

8. Authentication & Authorization: Menyediakan sistem otentikasi (login, registrasi, lupa kata sandi) dan otorisasi (hak akses pengguna) yang mudah diimplementasikan.

9. Testing: Dukungan bawaan untuk berbagai jenis pengujian, termasuk unit testing, integration testing, dan end-to-end testing.

10. Queues: Sistem antrian yang memungkinkan untuk menunda tugas-tugas yang memakan waktu

11. Caching: Mendukung berbagai sistem caching (seperti Redis, Memcached, file) untuk meningkatkan performa aplikasi dengan menyimpan data yang sering diakses dalam memori.

12. Events & Listeners: Implementasi dari pola Observer.

13. Notifications: Memudahkan pengiriman notifikasi ke berbagai saluran, seperti email, SMS, database, atau layanan pihak ketiga.

14. Broadcasting: Memungkinkan melakukan siaran event secara real-time melalui WebSockets.

15. Task Scheduling: Memungkinkan menjadwalkan tugas-tugas cron menggunakan sintaks yang ekspresif dalam kode PHP.

16. Passport (OAuth2 Server): Paket resmi untuk mengimplementasikan otentikasi OAuth2.

17. Sanctum (API Authentication): Paket ringan untuk mengimplementasikan sistem otentikasi berbasis token untuk Single-Page Applications (SPAs), mobile applications, dan simple APIs.

18. Socialite (Social Authentication): Memudahkan integrasi otentikasi dengan berbagai penyedia layanan OAuth seperti Facebook, Twitter, Google, dan lainnya.

19. Filesystem: Abstraksi untuk berinteraksi dengan berbagai sistem penyimpanan file, baik lokal maupun cloud (seperti Amazon S3 atau Google Cloud Storage).

20. Mail: Memudahkan pengiriman email dengan dukungan untuk berbagai driver seperti SMTP, Mailgun, dan Amazon SES.

21. Pusher (Realtime Services): Untuk menambahkanfitur realtime ke aplikasi.

22. Localization: (Realtime Services): Memudahkan pembuatan aplikasi multibahasa dengan fitur untuk mengelola terjemahan.

23. Packages: Memungkinkan dengan mudah menambahkan fungsionalitas tambahan ke aplikasi.

Langkah-langkah:

1. Membuat project Laravel dengan nama Laravel-sisfo: Beberapa cara yang dapat digunakan untuk membuat project baru Laravel:

• Global Installer Laravel:
  • buat folder / workspace terlebih dahulu didalam folder htdocs
  • Selanjutnya buka terminal / command prompt / cmder dan masuk kedalam workspace (C:\xampp\htdocs\laravel)
  • Setalah masuk kedalam workspace ketikkan perintah berikut untuk melakukan installasi. composer global require "laravel/installer"
  • Setelah instalasi selesai, selanjutnya buat project laravel dengan cara mengetikkan perintah berikut. laravel new laravel-sisfo
• Dengan Composer:
  • Ketikkan perintah berikut pada workspace: composer create-project laravel/laravel=^12.0 laravel-sisfo --prefer-dist
  • Untuk menjalankan project dapat menggunakan perintah php artisan serve

Pada project ini pembuatan project menggunakan global installer laravel.

Setelah itu akan terbentuk filenya di file manager.


2. Konfigurasi Database: Konfigurasi dibuat pada file


3. User Authentication:

• Install package Laravel/ui: Buka terminal/cmd kemudian ketikkan perintah composer require laravel/ui.
  Jika berhasil maka akan tampil seperti gambar berikut ini



• Authenctiacation fitur: Ketikkan perintah berikut pada terminal / cmd php artisan ui bootstrap --auth.
  Jika berhasil maka akan tampil seperti gambar berikut ini



• Install dan compile : Ketikkan perintah npm install && npm run dev untuk menginstall dan compile file-file asset bawaan
  Jika berhasil maka akan tampil seperti gambar berikut ini



• Migration : Ketikkan perintah php artisan migrate maka Laravel akan membuat migration table authentication
  Jika berhasil maka akan tampil seperti gambar berikut ini



• Halaman login: Tampilan halaman login:
  



• Halaman Register: Tampilan halaman registrasi:



• Costum Table Users: Authentication Laravel secara otomatis akan mengenerate table Users yang berisi tentang informasi data 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, dengan mengetikkan perintah berikut pada terminal atau cmd: php artisan make:migration costum_table_users.
  
  
  
  Selanjutnya buka folder database/migration/ kemudian bukan file yang diakhiri costum_table_users.php dan tambahkan beberapa field seperti username, level, dan status.
  
  
  
  Kemudian jalankan perintah php artisan migrate
  
  
  
  maka struktur table users telah berubah seperti berikut
  
  



• Seeding User: Membuat user menggunakan fitur seeding pada Laravel. Buat seeder dengan nama AdminSeeder dengan perintah : php artisan make:seeder AdminSeeder.
  
  
  
  Selanjutnya ketikkan kode berikut pada file AdminSeeder.php
  
  
  
  Untuk mejalankannya ketikkan perintah php artisan db:seed --class=AdminSeeder pada terminal/cmder. Jika sudah berhasil menambahkan user maka dapat login ke aplikasi menggunakan akun tersebut.
  
  
  
  

4. Templating atau Layouting: Membuat konfigurasi tampilan aplikasi menggunakan template SB Admin 2 dengan framework bootstrap.
Buat folder baru dalam folder public di project laravel-sisfo 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
  
  
  Sehingga tampilan login akan berubah seperti ini:
• Layout Global: Selanjutnya membuat layout baru dengan nama main.blade.php pada folder layout tadi yang digunakan untuk membuat layout global yang nantinya akan digunakan sebagai layout utama aplikasi dan view-view lain akan mengambil resource disini, masukkan kode program seperti dibawah ini
  
  
  
• Sidebar: Buka folder pada layout dengan nama file sidebar.blade.php kemudian isikan dengan kode program dibawah ini
  


• Topbar: Buka folder pada layouts dengan nama file topbar.blade.php kemudian isikan dengan kode program dibawah ini
  

Sebagai contoh kita akan menggunakan view home.blade.php lalu ganti kode pada fie tersebut dengan:



Maka tampilan halaman home akan menjadi seperti berikut:

Demikian Laporan 3 Praktikum Pemograman Web pertemuan 8 ini. Dilanjutkan pada praktikum selanjutnya.