LAPORAN PKL Handika Pratama W DAY 25 DI CYBERLABS

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

Pada kegiatan PKL hari ke-25 ini, fokus utama pekerjaan adalah tahap pengembangan fitur halaman baca berita dinamis (single post detail page), integrasi routing dinamis Laravel, pengujian publikasi konten melalui Filament CMS, serta optimalisasi responsivitas antarmuka mobile (mobile UI responsiveness) pada sistem website Tasty Food di lingkungan server hosting industri.

Adapun rincian implementasi teknis yang diselesaikan pada hari ini meliputi:

• Optimalisasi Responsivitas Menu Card pada Mobile: Memperbaiki tampilan kartu menu rekomendasi (TASTY PICK) di layar smartphone yang sebelumnya saling bertumpuk akibat elemen foto bundar melayang (top: -70px). Dilakukan penyesuaian row-gap: 5.5rem dan penataan ulang margin vertikal sehingga setiap piring menu memiliki ruang bernapas (breathable space) yang proporsional dan teks deskripsi tersusun rapi di tengah.
• Pembuatan Route & Controller Detail Berita: Mengimplementasikan rute dinamis /berita/{article} pada file routes/web.php serta menambahkan metode show(Article ) pada ArticleController untuk menangani pengambilan data artikel spesifik beserta validasi status publikasi.
• Perancangan Antarmuka Halaman Baca (View Template): Membangun template berita/show.blade.php yang responsif dengan header hero kategori, foto sampul artikel resolusi tinggi dari storage symlink, isi konten berita lengkap berformat tipografi Poppins, tombol navigasi kembali, dan seksi rekomendasi artikel terkait (related stories).
• Penautan Interaktif Tombol Baca: Memperbarui kartu berita pada katalog utama (/berita) agar tautan tombol Baca selengkapnya ↗ secara otomatis mengarahkan pengunjung langsung ke halaman detail artikel yang dipilih.
• Pengujian Manajemen Konten (CMS): Melakukan uji coba pembuatan dan pengelolaan artikel secara langsung melalui panel admin Filament untuk memastikan artikel yang baru diterbitkan tersimpan di database dan langsung dapat dibaca oleh publik tanpa kendala.

Berikut adalah dokumentasi implementasi fitur halaman detail berita dan hasil perbaikan tampilan responsif mobile:

Dengan integrasi ini, tampilan website Tasty Food kini telah nyaman dan proporsional saat diakses melalui perangkat seluler (mobile friendly) maupun desktop, serta alur publikasi berita telah berjalan secara utuh.