Pengembangan Frontend pada Aplikasi Pelelangan Ikan Terintegrasi berbasis Progressive Web App

Abstract

Data perikanan rutin dikumpulkan melalui Tempat Pelelangan Ikan (TPI) untuk membantu pemerintah melakukan perencanaan dan evaluasi pengembangan produksi perikanan. Namun, pengumpulan data di TPI masih dilakukan secara konvensional. Hal tersebut menyebabkan proses pengumpulan data menjadi tidak efisien. Penelitian ini membahas pengembangan Aplikasi Pelelangan Ikan Terintegrasi bagian frontend untuk membantu pengelolaan data aktivitas di TPI. Sistem dibuat menggunakan metode scrum dan berbasis progressive web app untuk mendukung fleksibilitas penggunaannya di berbagai platform. Tampilan yang berhasil dibuat dalam penelitian ini adalah tampilan untuk mencatat tangkapan ikan, mencatat hasil lelang ikan, mencatat transaksi pembelian, rekap data, laporan, dan dashboard. Data tangkapan ikan dan hasil lelang akan dicatat oleh petugas TPI, sedangkan data transaksi akan dicatat oleh kasir. Data tersebut kemudian akan diproses menjadi laporan produksi ikan dan laporan transaksi lelang yang dapat diakses oleh Admin TPI dan Dinas perikanan. Sistem diharapkan dapat mempermudah Petugas TPI mengumpulkan data aktivitas TPI dan membantu pemerintah untuk mengambil keputusan.

Fishery data is collected through the Fish Auction Place (TPI) to assist the government in planning and evaluating the development of fisheries production. However, data collection at the fish auction is still done manually. This causes an ineffective data collection process. This study discusses process the Integrated Fish Auction Application development from the frontend side to manage activity data at TPI. The system was developed using the scrum method and made based on a progressive web app to support the flexibility of its use on various platforms. The interface that was successfully created in this study is a page view to record fish catches, record auctions, record transactions, recap data, reports, and dashboard. The data on fish catches and auction results will be recorded by TPI officers, while transaction data will be recorded by the cashier. All the data then will be processed into fish production reports and auction transaction reports which can be accessed by the TPI admin and the fisheries office. The system is expected to make it easier for fish auction officers to collect data and assist the government in making decisions.