{"id":133,"date":"2026-10-06T11:49:58","date_gmt":"2026-10-06T11:49:58","guid":{"rendered":"https:\/\/handika-pkl.nyxstudios.site\/?p=0"},"modified":"2026-10-06T11:49:58","modified_gmt":"2026-10-06T11:49:58","slug":"laporan-pkl-handika-pratama-w-day-24-di-cyberlabs","status":"publish","type":"post","link":"https:\/\/handika-pkl.nyxstudios.site\/?p=133","title":{"rendered":"LAPORAN PKL Handika Pratama W DAY 24 DI CYBERLABS"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Nama: Handika Pratama WIcaksono<br>Kelas: 12<br>Asal Sekolah: SMK Skye Digipreneur<a href=\"https:\/\/handika-pkl.nyxstudios.site\/?author=1\"><\/a><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"936\" height=\"120\" src=\"https:\/\/handika-pkl.nyxstudios.site\/wp-content\/uploads\/2026\/08\/936x120-1.png\" alt=\"\" class=\"wp-image-20\" srcset=\"https:\/\/handika-pkl.nyxstudios.site\/wp-content\/uploads\/2026\/08\/936x120-1.png 936w, https:\/\/handika-pkl.nyxstudios.site\/wp-content\/uploads\/2026\/08\/936x120-1-300x38.png 300w, https:\/\/handika-pkl.nyxstudios.site\/wp-content\/uploads\/2026\/08\/936x120-1-768x98.png 768w\" sizes=\"auto, (max-width: 936px) 100vw, 936px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Pada kegiatan PKL hari ke-24 ini, fokus utama pekerjaan adalah tahap <strong>penyempurnaan antarmuka (UI refinement), penataan tata letak grid konten, troubleshooting otentikasi Filament v3, dan integrasi basis data dinamis<\/strong> pada sistem website Tasty Food di lingkungan server hosting industri.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Adapun rincian perbaikan dan revisi teknis yang telah diselesaikan pada hari ini meliputi:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Perapihan Tata Letak Grid &amp; Kartu Berita:<\/strong> Mengatasi kendala kartu artikel yang saling menempel (dempet) dengan memisahkan tag kolom Bootstrap (<em>col-md-6 col-lg-4<\/em>) dan komponen kartu secara independen, serta menerapkan penyeragaman tinggi kontainer (<em>equal height<\/em>) dan rasio gambar 220px agar tampilan kartu di baris kiri dan kanan sejajar simetris.<\/li>\n<li><strong>Penyesuaian Jarak Antar Komponen (Whitespace):<\/strong> 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 (<em>user experience<\/em>).<\/li>\n<li><strong>Penyelesaian Error 403 Forbidden pada Panel Admin Filament:<\/strong> Menganalisis dan menuntaskan kendala akses 403 pada panel admin Filament v3 pasca-login dengan mengimplementasikan kontrak interface <code>FilamentUser<\/code> serta metode otorisasi <code>canAccessPanel(Panel ): bool<\/code> pada model User.<\/li>\n<li><strong>Konfigurasi Storage Symlink Hosting:<\/strong> Menghubungkan direktori penyimpanan file publik <em>storage<\/em> ke <em>laravel_core\/storage\/app\/public<\/em> pada server Apache hosting agar seluruh berkas gambar artikel yang diunggah dapat dimuat secara langsung oleh peramban.<\/li>\n<li><strong>Integrasi Data Berita Dinamis:<\/strong> Mengganti seluruh konten berita statis (dummy) dengan data riil dari tabel basis data MySQL\/MariaDB yang terhubung langsung ke panel pengelolaan konten (CMS) admin.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Berikut adalah dokumentasi pengerjaan dan hasil revisi yang telah diimplementasikan:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/handika-pkl.nyxstudios.site\/wp-content\/uploads\/2026\/10\/troubleshoot-filament-403.jpg\" alt=\"Dokumentasi Troubleshooting Error 403 Filament\"\/><figcaption class=\"wp-element-caption\">Analisis dan penanganan kendala akses otorisasi 403 Forbidden pada dashboard admin Filament<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/handika-pkl.nyxstudios.site\/wp-content\/uploads\/2026\/10\/revisi-grid-card.jpg\" alt=\"Dokumentasi Penataan Grid Kartu\"\/><figcaption class=\"wp-element-caption\">Proses penyempurnaan jarak grid antar-kartu artikel agar proporsional dan tidak berhimpitan<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/handika-pkl.nyxstudios.site\/wp-content\/uploads\/2026\/10\/halaman-berita-database.jpg\" alt=\"Tampilan Halaman Berita Terintegrasi Database\"\/><figcaption class=\"wp-element-caption\">Hasil akhir halaman berita yang telah terhubung penuh dengan basis data asli dan panel admin<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">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.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Nama: Handika Pratama WIcaksonoKelas: 12Asal 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 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-133","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":7}},"_links":{"self":[{"href":"https:\/\/handika-pkl.nyxstudios.site\/index.php?rest_route=\/wp\/v2\/posts\/133","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/handika-pkl.nyxstudios.site\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/handika-pkl.nyxstudios.site\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/handika-pkl.nyxstudios.site\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/handika-pkl.nyxstudios.site\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=133"}],"version-history":[{"count":0,"href":"https:\/\/handika-pkl.nyxstudios.site\/index.php?rest_route=\/wp\/v2\/posts\/133\/revisions"}],"wp:attachment":[{"href":"https:\/\/handika-pkl.nyxstudios.site\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=133"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/handika-pkl.nyxstudios.site\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=133"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/handika-pkl.nyxstudios.site\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=133"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}