Pengembangan Frontend Sistem Dashboard Berbasis Internet Of Things Dan Manajemen Logistik Vertical Crab House Aquatic

Authors

  • Muh Ario Adriansyah Wuleho Telkom University
  • Seno Adi Putra Telkom University
  • Duddy Soegiarto Telkom University

Abstract

Abstrak— Pada tahun 2020, Institut Pertanian Bogor (IPB)
mengembangkan metode baru untuk membesarkan kepiting
menggunakan sistem apartemen, dikenal sebagai vertical crab
house. Namun, bisnis ini masih beroperasi secara manual,
sehingga konsumen harus datang langsung ke lokasi atau
menghubungi kontak yang tersedia untuk membeli kepiting.
Penelitian ini bertujuan untuk mengembangkan frontend sistem
dashboard berbasis Internet of Things (IoT) dan manajemen
logistik untuk Vertical Crab House Aquatic, guna
menghubungkan pembudidaya, penyedia supply, dan konsumen
dalam satu platform terintegrasi. Pengembangan frontend
dilakukan menggunakan Laravel dan Bootstrap, dengan
pendekatan Extreme Programming (XP) yang melibatkan empat
tahapan: Planning, Design, Coding, dan Testing. Hasil dari
penelitian ini adalah frontend website yang mendukung
manajemen logistik, dengan fitur-fitur seperti pengelolaan
akun, produk, data IoT, pemesanan, dan blog untuk Super
Admin, serta pengelolaan produk, pemesanan, dan profil toko
untuk Supply Merchant. Pengujian Blackbox pada tiga iterasi
menunjukkan hasil 100%, menandakan tidak adanya
kecacatan pada fitur. Pengujian Acceptance juga menunjukkan
tingkat kepuasan yang tinggi, dengan rata-rata di atas 90%
untuk masing-masing aktor. Diharapkan, website ini dapat
meningkatkan distribusi, pemasaran, dan pengadaan
kebutuhan budidaya kepiting, serta mendukung industri
budidaya kepiting di Indonesia.

Kata Kunci—Vertical Crab House, Extreme Programming, Frontend, Laravel, Bootstrap

References

[1] M. Haikal, A. Kurniawan, N. Rahmadina, Dan S. Berliani, .Model Budidaya Kepiting Soka Skala Rumah Tangga Sistem Apartemen Sebagai Sarana Edukasi Masyarakat Pulau Bangka,= Literasi Jurnal Pengabdian Masyarakat Dan Inovasi, Vol. 2, No. 1, Hlm. 8-14, Feb 2022, Doi: 10.58466/Jurnalpengabdianmasyarakatdaninovasi.V 2i1.1199.

[2] D. Li Dan C. Li, .Intelligent Aquaculture,= J World Aquac Soc, Vol. 51, No. 4, Hlm. 808-814, Agu 2020, Doi: 10.1111/Jwas.12736.

[3] E. Ismailova Dan A. Ermakov, .Analysis Of User Experience Data And Methodology Of Application To Improve The Development Of User Interface,= 2024, Doi: 10.20944/Preprints202405.1624.V1.

[4] O. Ningsih Dan R. I. Affandi, .Teknik Pembesaran Kepiting Bakau (Scylla Sp.) Dengan Sistem Apartemen,= Ganec Swara, Vol. 17, No. 3, Hlm. 840, Sep 2023, Doi: 10.35327/Gara.V17i3.520.

[5] C. Deming, P. R. Baddam, Dan V. R. Vadiyala, .Unlocking Php9s Potential: An All-Inclusive Approach To Server-Side Scripting,= Engineering International, Vol. 6, No. 2, Hlm. 169-186, Des 2018, Doi: 10.18034/Ei.V6i2.683.

[6] M. A. A. Fauzi, Rianto, Dan N. Saputra, .System Information Object Gunungkidul Beach Tourism And Booking Travel Services Using The Laravel Framework,= Applied Science And Technology Reaserch Journal, Vol. 3, No. 1, Hlm. 33-41, Mei 2024, Doi: 10.31316/Astro.V3i1.6190.

[7] R. Fardela, A. R. Marsa, L. Suhery, Dan M. F. Maulana, .Monitoring Application System Development And Evaluation Of 8Pupr9 Department Of Gender Leading Activities Implementation,= Jurnal Komputer Dan Informatika, Vol. 11, No. 1, Hlm. 103-110, Apr 2023, Doi: 10.35508/Jicon.V11i1.10092.

[8] Bootstrap, .What Is Bootstrap, About Bootstrap And How Its Work.= [Daring]. Tersedia Pada: Https://Getbootstrap.Com/Docs/4.1/About/Overview/

[9] Askaria, .Teori Gestalt Dalam Mendesain Ui - Part 1 - Binus University.= [Daring]. Tersedia Pada: ://Binus.Ac.Id/Knowledge/2019/01/PrinsipGestalt-Dalam-Mendesain-Uipart-1/

[10] S. A. Wibowo, S. Sholiq, Dan F. A. Muqtadiroh, .Rancang Bangun Aplikasi Web Informasi Eksekutif Pada Pemerintah Kabupaten Xyz,= Jurnal Teknik Its, Vol. 2, No. 3, 2013.

[11] Pressman, .Software Engineering: A Practitioner9s Approach.= [Daring]. Tersedia Pada:Www.Mhhe.Com/Pressman.

[12] G. Lucassen, F. Dalpiaz, J. M. E. M. Van Der Werf, Dan S. Brinkkemper, .The Use And Effectiveness Of User Stories In Practice,= Dalam Lecture Notes In Computer Science (Including Subseries Lecture Notes In Artificial Intelligence And Lecture Notes In Bioinformatics), Springer Verlag, 2016, Hlm. 205- 222. Doi: 10.1007/978-3-319-30282-9_14.

[13] J. Abraham, I. E. Ismail, S. Kom, Dan M. Kom, .Unit Testing Dan User Acceptance Testing Pada Sistem Informasi Pelayan Kategorial Pelayanan Anak,= 2021.

[14] Greenit, .Pengertian Dan Fungsi Dari Black Box Testing.= [Daring]. Tersedia Pada: Https://Bierpinter.Com/Pengetahuan/PengertianDan-Fungsi-Dari-Black-Box-Testing

Published

2025-04-10

Issue

Section

Program Studi S1 Sistem Informasi