Search for collections on Undip Repository

PERANCANGAN DAN IMPLEMENTASI FRONT-END PADA WEBSITE SISTEM PEMANTAU KONDISI AIR PADA BENDUNGAN SEBAGAI UPAYA PREVENTIF BENCANA BANJIR DENGAN METODE WATERFALL

FIKRI, FAIRUZSYAH NAUFAL (2024) PERANCANGAN DAN IMPLEMENTASI FRONT-END PADA WEBSITE SISTEM PEMANTAU KONDISI AIR PADA BENDUNGAN SEBAGAI UPAYA PREVENTIF BENCANA BANJIR DENGAN METODE WATERFALL. Undergraduate thesis, Universitas Diponegoro.

[thumbnail of Laporan TA_Fairuzsyah Naufal Fikri-1-13.pdf] Text
Laporan TA_Fairuzsyah Naufal Fikri-1-13.pdf

Download (353kB)
[thumbnail of Laporan TA_Fairuzsyah Naufal Fikri-14-66.pdf] Text
Laporan TA_Fairuzsyah Naufal Fikri-14-66.pdf
Restricted to Repository staff only

Download (1MB)

Abstract

Bencana banjir menjadi bencana yang paling sering terjadi di Indonesia. Terjadinya
banjir dapat diakibatkan karena jumlah air melebihi kapasitas yang dapat ditampung oleh
penampungan air seperti bendungan. Banjir dapat datang secara tiba-tiba karena perubahan
kondisi air secara signifikan pada bendungan, belum ada media yang dapat memberikan informasi
peringatan dini banjir membuat masyarakat tidak memiliki persiapan untuk mengantisipasi
datangnya bencaca banjir. Terjadinya banjir menyebabkan kerugian bagi masyarakat seperti
kerusakan lingkungan, korban jiwa, kehilangan harta benda, dan kerugian psikologis. Oleh karena
adanya permasalahan tersebut, Penulis berupaya merancang dan membangun sebuah sistem
pemantauan kondisi air pada bendungan berbasis website untuk menjadi upaya preventif
peringatan dini bencana banjir sebagai solusi terkait permasalah tersebut.
Penelitian ini menerapkan metode pengembangan waterfall model dengan menerapkan
tahapan analisis kebutuhan, desain, implementasi, testing, dan pemeliharaan. Metode waterfall
dipilih karena pendekatannya yang sistematis dan terstruktur. Dalam perancangan dan
pengembangan website ini dibutuhkan beberapa teknologi untuk membantu prosesnya. Figma
digunakan dalam merancang antarmuka website sebagai penggambaran solusi fitur-fitur untuk
mengatasi permasalahan yang telah dirumuskan, ReactJS sebagai kerangka kerja yang intuitif dan
efektif dalam membangun website, dan Bootstrap yang merupakan kerangka kerja CSS untuk
membantu dalam styling website sehingga waktu pengembangan menjadi efisien.
Hasil dari penelitian ini yaitu terciptanya Front-end Website Sistem Pemantau Kondisi Air
pada Bendungan sebagai upaya preventif Bencana Banjir. Hasil pengujian menggunakan blackbox
testing terhadap website ini menunjukkan semua fitur dan fungsi dapat berjalan dengan baik dan
menggunakan pengujian usability testing, website ini mendapatkan nilai 92,5 yang menandakan
website ini memiliki tingkat kepuasan pengguna yang baik.

Item Type: Thesis (Undergraduate)
Uncontrolled Keywords: Website, Front-end, Monitoring, ReactJS, Figma, Bootstrap
Subjects: Engineering
Divisions: Faculty of Engineering > Department of Computer Engineering
Depositing User: Teknik Komputer
Date Deposited: 23 Feb 2026 03:15
Last Modified: 23 Feb 2026 03:15
URI: https://eprints2.undip.ac.id/id/eprint/45688

Actions (login required)

View Item View Item