Perancangan Dan Implementasi Front-end Pengelolaan Ketersediaan Stok Obat Berbasis Website Dengan Metode Extreme Programming

Abstract

Perkembangan teknologi informasi yang pesat mendorong kebutuhan akan sistem digital yang efisien,
termasuk dalam sektor kesehatan seperti apotek. Apotek Dian Brata Medika di Kabupaten Purbalingga masih menggunakan metode pencatatan stok obat secara manual melalui pembukuan dan Excel, yang sering menimbulkan kesalahan pencatatan, pemborosan, dan ketidaktepatan dalam pembelian obat. Penelitian ini bertujuan untuk merancang dan mengimplementasikan sistem informasi pengelolaan stok obat berbasis website yang efisien. Sistem dikembangkan dengan metode Extreme Programming (XP) karena mampu menyederhanakan proses pengembangan dan adaptif terhadap perubahan kebutuhan. Tahapan XP yang diterapkan meliputi planning, design, coding, dan testing, dengan pengujian menggunakan metode Blackbox testing. Bagian front-end dibangun menggunakan ReactJS dan Tailwind CSS untuk menciptakan antarmuka pengguna yang responsif dan mudah digunakan oleh staf apotek. Sistem yang dihasilkan
menyediakan fitur pencatatan stok obat secara real-time, notifikasi stok habis atau kedaluwarsa, serta laporan stok yang
lengkap. Hasil implementasi menunjukkan bahwa sistem ini mampu mengurangi human error, mempercepat proses
pencatatan, dan mendukung pengambilan keputusan yang lebih baik dalam manajemen obat.
Kata kunci— Apotek, Pengelolaan Stok Obat, website, Front -End, Extreme Programming.