TIB22 – PERANCANGAN

PEMROGRAMAN WEB
PERSIAPAN WEBSITE CRUD
DATABASE
Pertemuan ke-19 dan 20
 Sub-CPMK
Mahasiswa mampu merancang proyek website
dinamis dengan framework Laravel dan Database
MySQL (C4, A4)
Materi
1. Proses Bisnis
2. Fungsional Sistem
3. Struktur Database
4. Routing Login dan Register
5. Layouting Login dan Register
1. Proses Bisnis
 1.1 Proses Bisnis
• Sebelum membuat aplikasi, seorang
developer harus memahami proses bisnis dan
gambaran umum tentang kondisi sistem yang
akan dibuat.
• Contoh proses bisnis “Toko Online”.
2. Fungsional Sistem
 2.1 Fungsional Sistem
• Berikut adalah kebutuhan fungsional sistem
yang akan dibuat.
No FR FR Aktor
FR01 Sistem mampu memanajemen data user Admin
FR02 Sistem mampu memanajemen data buku Admin
FR03 Sistem mampu memanajemen data transaksi Admin
FR04 Sistem mampu memanajemen data buku Pembeli
FR05 Sistem mampu memanajemen data buku yang dibeli Pembeli
3. Struktur Database
 3.1 Struktrur Database
• Berikut adalah struktur database yang akan
dibuat.
– Nama Database: tokonline
– Desain Tabel:
4. Routing Login dan Register
 4.1 Persiapan
• Buatlah project baru dengan nama “exlogin”

• Buat database dengan nama “laravelogin”

 4.1 Persiapan (Lanj..)
• Konfigurasi database pada file .env berupa:
– DB_DATABASE, DB_USERNAME, DB_PASSWORD
 4.1 Persiapan (Lanj..)
• Lakukan migrate dengan menggunakan
perintah “php artisan migrate”
• Migration dapat dikatakan sebagai version
control untuk skema database pada sebuah
aplikasi.
 4.1 Persiapan (Lanj..)
• Pada Laravel versi 8, untuk membuat login dan
register memerlukan Laravel Jetstream.
• Laravel Jetsream merupakan sebuah komponen yang
memiliki fitur login, registration, email verification,
dsb.
• Laravel Jetstream dapat diinstal mengunakan
perintah
 4.1 Persiapan (Lanj..)
• Instal salah satu scaffolding, yakni Livewire.
• Livewire merupakan sebuah library sederhana
untuk interface yang modern, reaktif dan
dinamik menggunakan Laravel Blade.
• Livewire dapat diinstal menggunakan perintah

• Kemudian lakukan migrate dengan

menggunakan perintah “php artisan migrate”.
 4.1 Persiapan (Lanj..)
• Adapun template dasar yang akan digunakan
adalah bawaan dari Jetstream ini, sehingga
jalankan command “ npm install && npm run
dev ” untuk melakukan compile Javascript dan
CSS.
 4.1 Persiapan (Lanj..)
• Jalankan project nya menggunakan perintah
“php artisan serve”
4.2 Routing Login dan
Register
4.2 Routing Login dan
Register (Lanj..)
5. Layouting Login dan Register
 5.1 Layouting Login dan
Register
• Layout login dan register dapat dilihat pada
folder namaproject/resources/views/auth
 5.1 Layouting Login dan
Register (Lanj..)
Login Register
 Ringkasan
• Sebelum membuat aplikasi memahami proses
bisnis dan gambaran umum tentang kondisi
sistem yang akan dibuat.
• Pada Laravel versi 8, untuk membuat login dan
register memerlukan Laravel Jetstream.
• Migration dapat dikatakan sebagai version
control untuk skema database pada sebuah
aplikasi.
Terima Kasih