Laporan Kerja Praktek Perancangan Front-end Website OTWDUKASI dengan Menggunakan Laravel (Studi Kasus: CV. OTW Computer Guhasa)

  • No. Klas: PKL/071/Yah/L
  • Pengarang: Yahya, Fifi Aliyeda
  • Pembimbing: Anang Pramono
  • Penerbit: PS Teknik Informatika, Fak. Teknik Elektro dan Informatika Cerdas Untag'45 Surabaya, Surabaya, 2026
  • Kolasi: ix, 77 hlm.: 29 cm.
  • Sinopsis:

    Namun, dalam tahap pengembangannya, website OTWDUKASI belum memiliki tampilan front-end yang optimal. Antarmuka pengguna yang ada masih belum sepenuhnya memenuhi standar desain modern, baik dari segi estetika, konsistensi tampilan, struktur navigasi, maupun pengalaman pengguna (user experience). Tampilan yang kurang responsif dan navigasi yang belum intuitif berpotensi mengurangi kenyamanan pengguna dalam mengakses materi pembelajaran. Padahal, front-end merupakan komponen penting dalam sistem pembelajaran berbasis web karena menjadi bagian yang langsung berinteraksi dengan pengguna. Perancangan front-end yang baik tidak hanya berfokus pada aspek visual, tetapi juga pada kemudahan penggunaan, kejelasan informasi, serta responsivitas sistem. Desain antarmuka dan pengalaman pengguna (UI/UX) yang baik terbukti memiliki pengaruh langsung terhadap efektivitas dan kenyamanan proses pembelajaran digital (Aini, 2025). Oleh karena itu, diperlukan pengembangan front-end website OTWDUKASI yang mampu menerjemahkan desain antarmuka menjadi tampilan website yang interaktif, responsif, dan sesuai dengan kebutuhan pengguna. Dalam pelaksanaan Kerja Praktik di CV. OTW Computer Gusaha, penulis terlibat secara langsung dalam kegiatan perancangan dan implementasi front-end website OTWDUKASI menggunakan framework Laravel. Tugas utama yang dilakukan adalah mengimplementasikan desain antarmuka yang telah dibuat menggunakan Figma ke dalam bentuk website yang fungsional dengan memanfaatkan Blade Template Engine, HTML, CSS, dan JavaScript, serta memastikan kesesuaian tampilan dengan sistem backend yang dikembangkan oleh perusahaan. Laravel dipilih karena memiliki struktur yang terorganisir, mendukung pengembangan antarmuka secara modular, serta memudahkan integrasi antara front-end dan backend.

Max Digital Copy
Pinjaman Aktif
0
0
Eksemplar
N.I.B
Status
1
441/PUT/26/H
Ada