{"id":135,"date":"2026-10-09T08:23:03","date_gmt":"2026-10-09T08:23:03","guid":{"rendered":"https:\/\/handika-pkl.nyxstudios.site\/?p=135"},"modified":"2026-10-09T09:58:23","modified_gmt":"2026-10-09T09:58:23","slug":"laporan-pkl-handika-pratama-w-day-26-di-cyberlabs","status":"publish","type":"post","link":"https:\/\/handika-pkl.nyxstudios.site\/?p=135","title":{"rendered":"LAPORAN PKL Handika Pratama W DAY 26 DI CYBERLABS"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Nama: Handika Pratama Wicaksono<br>Kelas: 12<br>Asal Sekolah: SMK Skye Digipreneur<\/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=\"Banner Header PKL CyberLabs\" 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-26 ini, fokus utama pekerjaan adalah tahap <strong>integrasi sistem pesan kontak publik ke Filament Admin Panel, implementasi Google Maps interaktif CyberLabs, optimasi tata letak visual halaman Tentang Kami, pengetatan validasi input CMS, pembaruan tautan resmi media sosial industri, serta replikasi fitur formulir kontak ke hosting rekan tim (Tasty Cake)<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Adapun rincian implementasi teknis dan penyempurnaan sistem yang telah berhasil diselesaikan meliputi:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Integrasi Formulir Kontak ke Filament Admin Panel:<\/strong> Merancang skema tabel basis data <code>contacts<\/code> (nama, email, subjek, pesan, status) dan controller penanganan form submission publik dengan proteksi CSRF. Membangun Filament Resource <code>ContactResource<\/code> di panel admin agar setiap pesan masuk dari pengunjung web dapat dipantau dan dikelola secara langsung oleh tim administrator tanpa tombol manipulasi data yang tidak relevan.<\/li>\n<li><strong>Integrasi Peta Interaktif (Google Maps CyberLabs Bandung):<\/strong> Menambahkan sematan peta interaktif resmi PT Cyberlabs Bandung pada halaman Kontak publik lengkap dengan tombol navigasi instan rute GPS (<em>Buka di Google Maps<\/em>) dan penataan kontainer kartu responsif.<\/li>\n<li><strong>Penyempurnaan Komposisi &amp; Tata Letak Halaman Tentang Kami:<\/strong> Memperbaiki penataan elemen foto mangkuk salad (<em>Healthy Bowl<\/em>) pada seksi <em>OUR VISION<\/em> yang sebelumnya mengalami pemotongan visual (*cropping*). Diterapkan kontainer kartu estetik (<em>rounded-4<\/em> dan <em>soft drop-shadow<\/em>) dengan properti <code>object-fit: contain<\/code> agar proporsi hidangan tampil utuh dan proporsional terhadap blok deskripsi teks.<\/li>\n<li><strong>Penetapan Validasi Wajib Isi (Mandatory CMS Validation):<\/strong> Mengonfigurasi skema <code>ArticleResource<\/code> dan <code>MenuItemResource<\/code> di Filament agar seluruh kolom krusial (judul, kategori, cuplikan ringkasan, isi lengkap artikel\/menu, foto sampul, dan harga) berstatus <em>Required<\/em>. Hal ini mencegah potensi data kosong atau galat tampilan di antarmuka publik akibat kelalaian input admin.<\/li>\n<li><strong>Pembaruan Tautan Media Sosial Resmi CyberLabs:<\/strong> Memperbarui seluruh tautan ikon media sosial di bagian <em>footer<\/em> website agar terhubung langsung ke kanal resmi CyberLabs: Instagram (<code>@cyberlabsofficial<\/code>), X\/Twitter (<code>@cyber_labs<\/code>), dan Facebook (<code>@cyberlabsofficial<\/code>).<\/li>\n<li><strong>Penyelarasan Akun Akses Admin:<\/strong> Memperbarui kredensial akun administrator panel Filament menjadi <code>tasty@admin.com<\/code> dengan enkripsi kata sandi terverifikasi pada basis data MariaDB hosting.<\/li>\n<li><strong>Replikasi Fitur Kontak ke Hosting Rekan (Fairus &#8211; Tasty Cake):<\/strong> Mengembangkan tabel <code>kontaks<\/code>, controller rute, penyesuaian view Blade, dan resource Filament <em>Pesan Masuk<\/em> pada domain hosting <code>fairus.skye-digipreneur.26.cyberwarrior.co.id<\/code> sehingga sistem pesan kontak pelanggan berjalan sinkron dan terintegrasi penuh.<\/li>\n<\/ul>\n\n\n\n\n<h2 class=\"wp-block-heading\">Dokumentasi Kegiatan &amp; Presentasi PKL Hari Ini<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"1201\" src=\"https:\/\/handika-pkl.nyxstudios.site\/wp-content\/uploads\/2026\/10\/day26_presentasi_1.jpg\" alt=\"Sesi Presentasi Sistem Web Tasty Food di Depan Mitra Industri\" class=\"wp-image-136\" srcset=\"https:\/\/handika-pkl.nyxstudios.site\/wp-content\/uploads\/2026\/10\/day26_presentasi_1.jpg 1600w, https:\/\/handika-pkl.nyxstudios.site\/wp-content\/uploads\/2026\/10\/day26_presentasi_1-300x225.jpg 300w, https:\/\/handika-pkl.nyxstudios.site\/wp-content\/uploads\/2026\/10\/day26_presentasi_1-1024x769.jpg 1024w, https:\/\/handika-pkl.nyxstudios.site\/wp-content\/uploads\/2026\/10\/day26_presentasi_1-768x576.jpg 768w, https:\/\/handika-pkl.nyxstudios.site\/wp-content\/uploads\/2026\/10\/day26_presentasi_1-1536x1153.jpg 1536w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><figcaption class=\"wp-element-caption\">Sesi Presentasi Sistem Web Tasty Food di Depan Mitra Industri<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"1201\" src=\"https:\/\/handika-pkl.nyxstudios.site\/wp-content\/uploads\/2026\/10\/day26_presentasi_2.jpg\" alt=\"Demonstrasi Formulir Kontak dan Integrasi Pesan Masuk\" class=\"wp-image-137\" srcset=\"https:\/\/handika-pkl.nyxstudios.site\/wp-content\/uploads\/2026\/10\/day26_presentasi_2.jpg 1600w, https:\/\/handika-pkl.nyxstudios.site\/wp-content\/uploads\/2026\/10\/day26_presentasi_2-300x225.jpg 300w, https:\/\/handika-pkl.nyxstudios.site\/wp-content\/uploads\/2026\/10\/day26_presentasi_2-1024x769.jpg 1024w, https:\/\/handika-pkl.nyxstudios.site\/wp-content\/uploads\/2026\/10\/day26_presentasi_2-768x576.jpg 768w, https:\/\/handika-pkl.nyxstudios.site\/wp-content\/uploads\/2026\/10\/day26_presentasi_2-1536x1153.jpg 1536w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><figcaption class=\"wp-element-caption\">Demonstrasi Formulir Kontak dan Integrasi Pesan Masuk<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"1201\" src=\"https:\/\/handika-pkl.nyxstudios.site\/wp-content\/uploads\/2026\/10\/day26_presentasi_3.jpg\" alt=\"Peninjauan Konfigurasi dan Manajemen CMS Filament Panel\" class=\"wp-image-138\" srcset=\"https:\/\/handika-pkl.nyxstudios.site\/wp-content\/uploads\/2026\/10\/day26_presentasi_3.jpg 1600w, https:\/\/handika-pkl.nyxstudios.site\/wp-content\/uploads\/2026\/10\/day26_presentasi_3-300x225.jpg 300w, https:\/\/handika-pkl.nyxstudios.site\/wp-content\/uploads\/2026\/10\/day26_presentasi_3-1024x769.jpg 1024w, https:\/\/handika-pkl.nyxstudios.site\/wp-content\/uploads\/2026\/10\/day26_presentasi_3-768x576.jpg 768w, https:\/\/handika-pkl.nyxstudios.site\/wp-content\/uploads\/2026\/10\/day26_presentasi_3-1536x1153.jpg 1536w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><figcaption class=\"wp-element-caption\">Peninjauan Konfigurasi dan Manajemen CMS Filament Panel<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"1201\" src=\"https:\/\/handika-pkl.nyxstudios.site\/wp-content\/uploads\/2026\/10\/day26_presentasi_4.jpg\" alt=\"Evaluasi Tata Letak Halaman Tentang Kami dan Galeri Menu\" class=\"wp-image-139\" srcset=\"https:\/\/handika-pkl.nyxstudios.site\/wp-content\/uploads\/2026\/10\/day26_presentasi_4.jpg 1600w, https:\/\/handika-pkl.nyxstudios.site\/wp-content\/uploads\/2026\/10\/day26_presentasi_4-300x225.jpg 300w, https:\/\/handika-pkl.nyxstudios.site\/wp-content\/uploads\/2026\/10\/day26_presentasi_4-1024x769.jpg 1024w, https:\/\/handika-pkl.nyxstudios.site\/wp-content\/uploads\/2026\/10\/day26_presentasi_4-768x576.jpg 768w, https:\/\/handika-pkl.nyxstudios.site\/wp-content\/uploads\/2026\/10\/day26_presentasi_4-1536x1153.jpg 1536w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><figcaption class=\"wp-element-caption\">Evaluasi Tata Letak Halaman Tentang Kami dan Galeri Menu<\/figcaption><\/figure>\n\n\n\n\n<p class=\"wp-block-paragraph\">Dengan selesainya seluruh rangkaian pekerjaan hari ini, sistem website <strong>Tasty Food<\/strong> dan <strong>Tasty Cake<\/strong> telah memiliki fitur komunikasi dua arah yang solid antara pengunjung dan admin, tata letak visual antarmuka yang rapi dan konsisten lintas resolusi perangkat, serta siap dipresentasikan di hadapan klien maupun penguji industri.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Nama: Handika Pratama WicaksonoKelas: 12Asal Sekolah: SMK Skye Digipreneur Pada kegiatan PKL hari ke-26 ini, fokus utama pekerjaan adalah tahap integrasi sistem pesan kontak publik ke Filament Admin Panel, implementasi Google Maps interaktif CyberLabs, optimasi tata letak visual halaman Tentang Kami, pengetatan validasi input CMS, pembaruan tautan resmi media sosial industri, serta replikasi fitur formulir [&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-135","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\/135","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=135"}],"version-history":[{"count":1,"href":"https:\/\/handika-pkl.nyxstudios.site\/index.php?rest_route=\/wp\/v2\/posts\/135\/revisions"}],"predecessor-version":[{"id":140,"href":"https:\/\/handika-pkl.nyxstudios.site\/index.php?rest_route=\/wp\/v2\/posts\/135\/revisions\/140"}],"wp:attachment":[{"href":"https:\/\/handika-pkl.nyxstudios.site\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=135"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/handika-pkl.nyxstudios.site\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=135"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/handika-pkl.nyxstudios.site\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=135"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}