Modul Web Framework (Pertemuan ke III)
Sistem Informasi Sekolah Berbasis Framework Laravel dan Boostrap
Disusun oleh: Saidi Ramadan Siregar
1. ACTIVITY DIAGRAM
Activity diagram adalah diagram yang menggambarkan urutan aktivitas dalam suatu sistem. Diagram ini
merupakan bagian dari Unified Modeling Language (UML). Untuk activity diagram pada prject kita adalah
sebagai berikut
2. ENTITY RELATION DIAGRAM
Setelah berhasil melakukan migrasi database maka nanti akan ditampilkan di bagian designer phpmyadmin
Modul Web Framework (Pertemuan ke III)
Sistem Informasi Sekolah Berbasis Framework Laravel dan Boostrap
Disusun oleh: Saidi Ramadan Siregar
ROLE AND PERMISSION USERS
Modul Web Framework (Pertemuan ke III)
Sistem Informasi Sekolah Berbasis Framework Laravel dan Boostrap
Disusun oleh: Saidi Ramadan Siregar
Nama
Permission/izin
Role
CRUD (Create, Read, Update, Delete) untuk: Data Siswa, Data Guru, Data
Mata Pelajaran, Jadwal Guru, Data Pengumuman, Data Kategori, Data
Vendor, Data Inventaris, Data Pelanggaran, Jenis Pelanggaran, Jenis
Admin
Sanksi, Data Prestasi, Jenis Penghargaan, Data Kurikulum, Data Silabus,
Data Ujian, Soal Ujian, Pengaturan Sistem: Setting Header Image, Text
Header, Footer, Text Favicon.
CRUD untuk: Data Pelanggaran, Jenis Pelanggaran, Jenis Sanksi, Data
Guru Prestasi, Jenis Penghargaan, Data Kurikulum, Data Silabus, Data Ujian Soal
Ujian, Update Profile
Siswa Akses Ujian: Mengerjakan Ujian Melihat Nilai Update Profile.
INSTALASI LARAVEL 12.0
composer create-project laravel/laravel:^12.0 laravel-Sekolah-Saidi
Perintah composer create-project laravel/laravel:^12.0 laravel-Sekolah-
Saidi digunakan untuk membuat proyek Laravel versi 12.0 dengan menggunakan
Composer. Berikut adalah penjelasan rinci dari masing-masing bagian perintah
tersebut:
1. Composer: Composer adalah alat manajemen ketergantungan (dependency
management tool) untuk PHP. Ini digunakan untuk mengelola pustaka dan
paket yang diperlukan oleh proyek PHP. Dalam konteks ini, Composer akan
mengunduh dan mengatur semua ketergantungan yang dibutuhkan oleh
Laravel.
2. create-project: Ini adalah perintah Composer untuk membuat proyek baru
berdasarkan kerangka kerja atau pustaka yang ditentukan. Perintah ini akan
mengunduh versi yang diperlukan dari paket yang ditentukan dan
menyiapkan struktur direktori untuk proyek baru.
3. laravel/laravel: Ini adalah paket yang diambil dari Packagist (repository paket
PHP) yang berisi kerangka kerja Laravel. Paket laravel/laravel adalah
template proyek untuk memulai aplikasi Laravel baru.
4. :^12.0: Ini adalah constraint versi yang digunakan oleh
Composer. ^12.0 berarti versi 12.0 atau lebih baru dari Laravel, tetapi tidak
termasuk versi 13.0. Ini memastikan bahwa proyek akan menggunakan versi
Laravel 12.0 atau versi minor dalam rentang tersebut.
5. laravel-Sekolah-Saidi: Ini adalah nama direktori di mana proyek baru akan
dibuat. Composer akan membuat direktori ini dan mengunduh semua file dan
dependensi proyek ke dalamnya.
Tunggu sampai proses installasi selesai dan ditandai dengan gambar seperti berikut
ini:
Modul Web Framework (Pertemuan ke III)
Sistem Informasi Sekolah Berbasis Framework Laravel dan Boostrap
Disusun oleh: Saidi Ramadan Siregar
ATUR DATABASE
Modul Web Framework (Pertemuan ke III)
Sistem Informasi Sekolah Berbasis Framework Laravel dan Boostrap
Disusun oleh: Saidi Ramadan Siregar
Modul Web Framework (Pertemuan ke III)
Sistem Informasi Sekolah Berbasis Framework Laravel dan Boostrap
Disusun oleh: Saidi Ramadan Siregar
MIGRATE
Langkah berikutnya adalah melakukan migrasi awal untuk project website
php artisan migrate
RUNNING
Modul Web Framework (Pertemuan ke III)
Sistem Informasi Sekolah Berbasis Framework Laravel dan Boostrap
Disusun oleh: Saidi Ramadan Siregar
INSTALL BREEZE
Laravel breeze bagi kalangan developer memang tidak asing lagi, begitu mudahnya membuat
proses otentikasi yang melingkupi login, register, forgot password dan otomatis dibuatkan simple
dashboard. langsung saja kita mulai installasi laravel breeze.
composer require laravel/breeze:* --dev
Modul Web Framework (Pertemuan ke III)
Sistem Informasi Sekolah Berbasis Framework Laravel dan Boostrap
Disusun oleh: Saidi Ramadan Siregar
kemudian Jalankan
Modul Web Framework (Pertemuan ke III)
Sistem Informasi Sekolah Berbasis Framework Laravel dan Boostrap
Disusun oleh: Saidi Ramadan Siregar
INSTALL SPATIE
Spatie pada laravel digunakan untuk manajemen peran user dan untuk membatasi hak akses masing-
masing user berdasarkan permission yang diberikan. Jika kita memiliki project yang begitu komplek, spatie
Modul Web Framework (Pertemuan ke III)
Sistem Informasi Sekolah Berbasis Framework Laravel dan Boostrap
Disusun oleh: Saidi Ramadan Siregar
bisa kita manfaatkan untuk manajamen user. Dengan menggunakan package Spatie Laravel Permissions,
pengelolaan role dan izin menjadi lebih fleksibel dan mudah dikelola. Mari kita mulai.
Jika tidak muncul spatie/Laravel-ignition di atas maka lakukan pemasangan Kembali khusus paket tersebut
ketikkan perintah berikut
composer require spatie/laravel-ignition
Langkah berikutnya adalah menambahkan service provider spatie kedalam file [Link] yang
terletak didalam folder bootstrap/[Link]. Seperti pada gambar dibawah ini:
Langkah berikutnya adalah menambahkan middleware spatie, silakan buka file [Link] didalam
folder bootstrap/[Link]. kemudian ubah menjadi sperti berikut ini:
$middleware->alias([
'role' => \Spatie\Permission\Middleware\RoleMiddleware::class,
'permission' => \Spatie\Permission\Middleware\PermissionMiddleware::class,
'role_or_permission' => \Spatie\Permission\Middleware\RoleOrPermissionMiddleware::class
]);
Sehingga menjadi berikut
Modul Web Framework (Pertemuan ke III)
Sistem Informasi Sekolah Berbasis Framework Laravel dan Boostrap
Disusun oleh: Saidi Ramadan Siregar
php artisan vendor:publish --provider="Spatie\Permission\PermissionServiceProvider"
Secara otomatis, command diatas akan menghasilkan 2 file yakni file [Link] yang
terletak didalam folder config dan juga file migrasi yang terletak didalam
folder database/migration. seperti pada gambar berikut ini:
Langkah terakhir adalah melakukan migrasi
Modul Web Framework (Pertemuan ke III)
Sistem Informasi Sekolah Berbasis Framework Laravel dan Boostrap
Disusun oleh: Saidi Ramadan Siregar
Silakan buka file [Link] di dalam folder app/Models. Kemudian, tambahkan trait berikut:
use Spatie\Permission\Traits\HasRoles;
Membuat symlink di Laravel gunanya untuk membebaskan directory storage agar bisa digunakan sebagai
penyimpanan
Lokasi folder symlink
Untuk mengujinya silahkan copas file gambar ke dalam directory tersebut dan jalankan projectya dan
panggil alamat linknya seperti gambar dibawah ini
Modul Web Framework (Pertemuan ke III)
Sistem Informasi Sekolah Berbasis Framework Laravel dan Boostrap
Disusun oleh: Saidi Ramadan Siregar
Kemudian selanjutnya install package matwebsite excel yang digunakan keperluan import dan export file
xlsx, csv, ods dan sebagaianya
Masukkan perintah
Composer require matwebsite/excel kemudian enter
Modul Web Framework (Pertemuan ke III)
Sistem Informasi Sekolah Berbasis Framework Laravel dan Boostrap
Disusun oleh: Saidi Ramadan Siregar
Kemudian buka folder bootstrap/[Link]
Langkah selanjutnya mejalankan publish dengan cara
SLICING DASHBOARD
Pastikan sudah login email kemudian ilahkan klik download file bootstrap dan javascript sebagai
pendukung style project yang dibuat.
Jika sudah berhasil di download selanjutnya extract dan copy ke directory public