LAPORAN PKL Handika Pratama W DAY 24 DI CYBERLABS

Nama: Handika Pratama WIcaksono
Kelas: 12
Asal Sekolah: SMK Skye Digipreneur

Pada kegiatan PKL hari ke-24 ini, fokus utama pekerjaan adalah tahap penyempurnaan antarmuka (UI refinement), penataan tata letak grid konten, troubleshooting otentikasi Filament v3, dan integrasi basis data dinamis pada sistem website Tasty Food di lingkungan server hosting industri.

Adapun rincian perbaikan dan revisi teknis yang telah diselesaikan pada hari ini meliputi:

  • Perapihan Tata Letak Grid & Kartu Berita: Mengatasi kendala kartu artikel yang saling menempel (dempet) dengan memisahkan tag kolom Bootstrap (col-md-6 col-lg-4) dan komponen kartu secara independen, serta menerapkan penyeragaman tinggi kontainer (equal height) dan rasio gambar 220px agar tampilan kartu di baris kiri dan kanan sejajar simetris.
  • Penyesuaian Jarak Antar Komponen (Whitespace): Menambahkan padding dan margin sekitar 20px pada elemen hero banner, judul teks, dan antar-seksi halaman depan guna meningkatkan hierarki visual dan kenyamanan membaca pengguna (user experience).
  • Penyelesaian Error 403 Forbidden pada Panel Admin Filament: Menganalisis dan menuntaskan kendala akses 403 pada panel admin Filament v3 pasca-login dengan mengimplementasikan kontrak interface FilamentUser serta metode otorisasi canAccessPanel(Panel ): bool pada model User.
  • Konfigurasi Storage Symlink Hosting: Menghubungkan direktori penyimpanan file publik storage ke laravel_core/storage/app/public pada server Apache hosting agar seluruh berkas gambar artikel yang diunggah dapat dimuat secara langsung oleh peramban.
  • Integrasi Data Berita Dinamis: Mengganti seluruh konten berita statis (dummy) dengan data riil dari tabel basis data MySQL/MariaDB yang terhubung langsung ke panel pengelolaan konten (CMS) admin.

Berikut adalah dokumentasi pengerjaan dan hasil revisi yang telah diimplementasikan:

Dokumentasi Troubleshooting Error 403 Filament
Analisis dan penanganan kendala akses otorisasi 403 Forbidden pada dashboard admin Filament
Dokumentasi Penataan Grid Kartu
Proses penyempurnaan jarak grid antar-kartu artikel agar proporsional dan tidak berhimpitan
Tampilan Halaman Berita Terintegrasi Database
Hasil akhir halaman berita yang telah terhubung penuh dengan basis data asli dan panel admin

Dengan selesainya rangkaian revisi ini, arsitektur antarmuka dan pengelolaan data aplikasi web Tasty Food telah berfungsi dengan optimal, rapi, dan siap digunakan sesuai kebutuhan industri.

Leave a Reply

Your email address will not be published. Required fields are marked *