Pengembangan Front-end Web App pada Perusahaan Interior InHOME Menggunakan Metode User Centered Design

Loading...
Thumbnail Image

Journal Title

Journal ISSN

Volume Title

Publisher

Fakultas Ilmu Komputer

Abstract

Latar belakang pada penelitian ini mengacu pada bagaimana menghasilkan tampilan front-end sebuah web app perusahaan interior InHOME yang sesuai dengan kebutuhan, preferensi, dan karekteristik dari user. InHOME sendiri merupakan salah satu perusahaan interior rumah atau ruangan yang berada di Kabupaten Jember, Provinsi Jawa Timur. Perusahaan ini telah berdiri sejak tahun 2016 dan saat ini pelayanannya mencakup daerah disekitar Kabupaten Jember. Berdasarkan survei dan wawancara yang dilakukan penulis kepada pihak perusahaan, didapatkan informasi bahwa perusahaan ini masih terbilang banyak menggunakan cara konvensional pada proses penjualan produk dan jasa, promosi, dan proses pengelolaan data. Maka dari itu, perusahaan InHOME berniat untuk melakukan pengembangan perusahaan menjadi lebih digital dengan adanya sebuah web app perusahaan. Pada pengembangan sebuah web app tentunya dibutuhkan berbagai macam analisis kebutuhan dan juga tahapan-tahapan. Salah satunya yaitu pengembangan tampilan front-end yang harus dilakukan dengan baik supaya nantinya menghasilkan output yang juga baik sehingga mudah dipahami, digunakan, dan sesuai dengan kebutuhan user. Front-end sendiri adalah sebuah bagian dari sistem yang menyediakan tampilan kepada pengguna. Pada hal tersebut, perusahaan InHOME masih kebingungan dalam menentukkan tampilan dan fitur fitur pada web app yang sesuai dengan kebutuhan, karakteristik, dan preferensi dari user nantinya. Penelitian ini menggunakan metode User Centered Design. Metode ini dipilih karena dapat membantu perusahaan dalam menentukkan tampilan front-end dan fitur-fitur pada web app perusahaan berdasarkan kebutuhan, preferensi, dan karakteristik dari user. Secara umum proses iteratif pada metode UCD memiliki 4 tahapan yaitu Understanding Context of Use, Specify User Requirement, Design Solutions, Evaluations. Pada tahap Understanding Context of Use akan dilakukan pengumpulan informasi terkait karakteristik user dan tujuan mereka menggunakan produk yang dihasilkan nantinya. Pada tahap Specify User Requirement akan dilakukan identifikasi kebutuhan user yaitu kebutuhan fungsional yang akandimasukkan kedalam system request dan juga terdapat kubutuhan non-fungsional yang didapat berdasarkan hasil wawancara pada tahap sebelumnya. Pada tahap Design Solutions akan dilakukan pembuatan use case, activity diagram, scenario, dan juga desain tampilan user interface dari web app. Selanjutnya adalah tahap Front-end Implementations yang merupakan tahap implementasi tampilan user interface kedalam bahasa pemrograman PHP (Hypertext Preprocessor) dan format penulisannya menggunakan Hypertext Markup Language (HTML) sebagai dasar struktur halaman web app, Cascading Style Sheets (CSS) untuk mengontrol tampilan dan gaya dari elemen-elemen HTML, dan JavaScript untuk memberikan interaktivitas pada halaman web app. Tahap terakhir yaitu Evaluations yang merupakan tahapan pengujian tampilan front-end dengan menggunakan System Usability Scale. Penelitian ini diharapkan mampu membantu memberikan solusi dan rekomendasi dari permasalahan yang ada pada perusahaan InHOME. Peneliti akan mengembangkan sebuah front-end web app pada perusahaan interior InHOME menggunakan metode UCD karena dapat membantu perusahaan dalam menentukkan tampilan front-end dan fitur-fitur pada web app perusahaan berdasarkan kebutuhan, preferensi, dan karakteristik dari user. Hal ini dilakukan agar nantinya user lebih nyaman dan mudah dalam menggunakan implementasi dari front-end web app perusahaan. Berdasarkan hasil pengujian tampilan front-end menggunakan system usability scale. Hasil pengujian yang dilakukan terhadap 7 orang customer menghasilkan skor rata-rata sebesar 78,5 yang termasuk dalam kategori acceptable. Pada pengujian terhadap pihak perusahaan InHOME menghasilkan skor sebesar 85 yang termasuk kategori acceptable.

Description

Reupload file repository 20 februari 2026_agus/feren

Citation

Endorsement

Review

Supplemented By

Referenced By