Implementasi Framework Bootstrap 5 Pada Perancangan Front-End Website MC BRO di PT X

Chepy Perdana,Maharani,Masesa Angga Wijaya

DOI: https://doi.org/10.25157/jsig.v2i1.3634

2024-01-11

Abstract:PT X memiliki divisi manufacturing center yang bertanggung jawab langsung atas proses produksi (transfer load) dari produk yang dihasilkannya, mulai dari proses pemeriksaan gambar produk yang akan diproduksi, pemeriksaan kelengkapan material produksi, pelaporan progres produksi, dan pelaporan pemeriksaan jaminan mutu/quality assurance. Proses produksi tersebut masih dilakukan secara manual dan dinilai kurang efisien karena rentan terjadi kesalahan dalam penyampaian informasi, proses controlling tidak transparan, memerlukan waktu yang lama dalam mengakses file-file yang dikerjakan serta sulit menemukan riwayat/draft pekerjaan, sehingga divisi ini membuat suatu sistem informasi berbasis website dengan nama MC BRO yang dapat memudahkan karyawan dalam memantau aktivitas produksi tersebut. Seiring dengan penggunaannya, sistem informasi ini terus dikembangkan sesuai dengan kebutuhan para karyawan, termasuk dalam aspek tampilan. Untuk memenuhi kebutuhan tersebut maka dibuatlah rancangan Front-End Website MC BRO yang dibuat sesuai dengan tampilan desain antarmuka yang sudah dirancang oleh UI/UX designer ke dalam kode program HTML, CSS dan JavaScript. Pada proses pembuatannya perancangan Front-End ini melalui alur pengerjaan yaitu proses analisis kebutuhan, studi literatur, implementasi, revisi serta memanfaatkan class-class yang ada pada framework Bootstrap 5 agar dapat mempercepat pengerjaanya dan menghasilkan tampilan website MC BRO yang responsive dan nyaman untuk digunakan, sehingga dapat memenuhi kebutuhan pengguna dalam aspek tampilan.