Premium

Deskripsi

Tutorial membuat website ujian online dengan Laravel Filament + Livewire .Di tutorial ini kita akan membuat sistem ujian online dengan fitur sebagai berikut

Website
✅ Role & Permission
✅ CRUD User
✅ CRUD Soal + Pilihan Jawaban
✅ CRUD Paket Soal
✅ Halaman Try Out Online dengan Livewire + Bootstrap
✅ Menginject halaman Livewire kedalam Filament 


Disini kita akan memanfaatkan fitur Repeater Filament. Apa itu repeater filament ? Repeater Filament adalah salah satu komponen dari filament untuk membuat komponen berulang. Pemanfaatan Repeater di tutorial kali ini adalah ketika membuat soal dan melakukan set paket soal. Repeater Filament ini sangat bermanfaat untuk mempermudah proses coding dan proses input data.


Selain itu, di halaman try out online kita juga akan membuat tampilan try out online dengan menerapkan beberapa logic agar tampilan halaman try out online mudah digunakan oleh siswa. Kita akan memanfaatkan Livewire + Bootstrap untuk membuat halaman ini.


Nah ada fitur yang menarik juga, yaitu kita akan menginject tampilan Livewire ke dalam Filament. Siapa bilang tampilan filament monoton dan susah di custom ? Padahal filament bisa kita custome sesuai kebutuhan kita loh.


Penasaran dengan web yang akan dibuat ? Langsung aja ikuti tutorialnya ya.

Fasilitas Premium

Rp 89.067

Akses Free

✅ Video Tutorial (Sebagian Video)
❌ Akses Source Code
❌ Join Grup Diskusi (bahas Laravel Filament)

Akses Fitur Premium 

✅ Video Tutorial (Full)
✅ Akses Source Code
✅ Join Grup Diskusi (bahas Laravel Filament)

Cara mengakses fitur Premium
- lakukan pembayaran
- jika pembayaran sudah berhasil, video tutorial akan terbuka
- segera chat Admin untuk mendapatkan link grup WhatsApp, chat disini

Terimakasih sudah support saya dengan membeli Fitur Premium.

Beli Sekarang
  • Daftar Video
  • Tutorial 04:23:11
    • 1. Demo Project Sistem Ujian Online
      00:04:00
    • 2 Merancang ERD Sistem Ujian Online
      00:07:55
    • 3. Setup Project Laravel Sistem Ujian Online
      00:06:46
    • 4. Install Laravel Filament Sistem Ujian Online
      00:04:12
    • 5. Membuat Migration dan Model Question Sistem Ujian Online
      00:07:47
    • 6. CRUD Question dan Question Option Sistem Ujian Online
      00:15:40
    • 7. Import Data Dummy Sistem Ujian Online
      00:02:00
    • 8. CRUD Package dan PackageQuestion Sistem Ujian Online
      00:23:33
    • 9. Setup Livewire dan Bootstrap untuk Halaman Tryout Sistem Ujian Online
      00:05:43
    • 10. Membuat Tampilan Halaman Try Out Online Sistem Ujian Online
      00:09:40
    • 11. Membuat Timer Countdown Sistem Ujian Online
      00:05:52
    • 12. Menghubungkan Halaman Try Out Online dengan Filament Sistem Ujian Online
      00:06:58
    • 13. Menampilkan Soal di Halaman Try Out Sistem Ujian Online
      00:15:42
    • 14. Membuat Tabel Try Out dan Try Out Answer Sistem Ujian Online
      00:13:40
    • 15. Menampilkan Timer Sesuai Waktu Server
      00:15:51
    • 16. Menyimpan Jawaban Try Out dan Menampilkan Existing Jawaban
      00:16:40
    • 17. Menampilkan Indikator Pertanyaan Aktif dan Pertanyaan Dijawab
      00:10:04
    • 18. Menghandle Ujian ketika waktu sudah habis
      00:03:28
    • 19. Membuat fitur submit
      00:06:59
    • 20. Membuat Daftar Nilai Try Out
      00:08:03
    • 21. Membuat Role Permission dan CRUD User
      00:09:41
    • 22. Memodifikasi Tampilan Role Siswa
      00:11:06
    • 23. Membuat Page Filament Try Out Online
      00:04:11
    • 24. Inject Livewire ke Filament
      00:10:23
    • 25. Membuat tampilan soal dengan Tailwind css
      00:16:30
    • 26. Finalisasi Livewire dan Tampilan Blade
      00:20:47