?url_ver=Z39.88-2004&rft_id=2015061078&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Adc&rft.title=PENGEMBANGAN+FRONTEND+WEBSITE+PUMMA+PEMANTAUAN+DAN%0D%0APERINGATAN+DINI+BENCANA+TSUNAMI+MENGGUNAKAN+LIBRARY+%0D%0AREACTJS+DAN+METODE+SCRUM%0D%0A%0D%0A&rft.creator=AKBAR%2C+ANDIKA+KHADAFI+&rft.subject=600+Teknologi+(ilmu+terapan)&rft.subject=601+Filsafat+dan+teori+tentang+teknologi+dan+ilmu+terapan&rft.subject=602+Aneka+ragam+tentang+teknologi+dan+ilmu+terapan&rft.description=%0D%0APUMMA+(Perangkat+Ukur+Murah+Muka+Air+laut)+merupakan+website%0D%0Asistem+informasi+pemantauan+dan+peringatan+dini+bencana+tsunami%0D%0Aberbasis+IoT+yang+dikembangkan+oleh+tim+U-TEWS+Krakatau%0D%0AUniversitas+Lampung.+Sistem+ini+menyajikan+data+real-time+dari%0D%0Aperangkat+monitoring+seperti+PUMMA+dan+Buoy%2C+termasuk+informasi%0D%0Abattery+voltage%2C+device+temperature%2C+sea+water+level%2C+dan+status%0D%0Aperangkat.+Namun%2C+versi+awal+website+masih+memiliki+kekurangan%0D%0Adalam+desain+antarmuka+dan+fitur+dashboard.+Penelitian+ini+bertujuan%0D%0Auntuk+mengembangkan+frontend+website+PUMMA+menggunakan%0D%0AReact+JS+dan+Tailwind+CSS+dengan+pendekatan+metode+Scrum.%0D%0APengembangan+dilakukan+selama+8+minggu+dalam+4+iterasi%2C+dimulai%0D%0Adari+implementasi+user+interface+hingga+integrasi+API.+Sistem+yang%0D%0Adikembangkan+mencakup+fitur+utama+seperti+tampilan+landing+page%2C%0D%0Adaftar+alat%2C+card+status%2C+tabel%2C+grafik%2C+dan+lokasi+perangkat.+Pengujian%0D%0Asistem+dilakukan+menggunakan+metode+Blackbox+Testing+pada+6%0D%0Askenario+tiap+iterasi+dan+memperoleh+tingkat+keberhasilan+100%25.%0D%0AEvaluasi+kebergunaan+menggunakan+System+Usability+Scale+(SUS)%0D%0Amemperoleh+skor+83%2C8+(kategori+acceptable%2C+grade+B%2C+adjective+rating%0D%0Aexcellent).+Pengujian+A%2FB+Testing+menunjukkan+bahwa+website+versi%0D%0Abaru+lebih+disukai+dengan+skor+rata-rata+96%2C6%25+dibandingkan+versi%0D%0Alama+sebesar+3%2C3%25.+Hasil+penelitian+menunjukkan+bahwa%0D%0Apengembangan+website+PUMMA+berhasil+meningkatkan+kualitas%2C%0D%0Akegunaan%2C+dan+pengalaman+pengguna+secara+signifikan.%0D%0A%0D%0AKata+Kunci%3A+PUMMA%2C+React+JS%2C+Tailwind+CSS%2C+Scrum%2C+System%0D%0AUsability+Scale%2C+Blackbox+Testing%2C+A%2FB+Testing+%0D%0A+PUMMA+(Affordable+Sea+Surface+Level+Measuring+Device)+is+an+%0D%0Ainformation+system+website+for+tsunami+monitoring+and+early+warning%0D%0Abased+on+IoT%2C+developed+by+the+U-TEWS+Krakatau+team+at+the%0D%0AUniversity+of+Lampung.+The+system+presents+real-time+data+from%0D%0Amonitoring+devices+such+as+PUMMA+and+Buoy%2C+including+battery%0D%0Avoltage%2C+device+temperature%2C+sea+water+level%2C+and+device+status.%0D%0AHowever%2C+the+initial+version+of+the+website+had+several+shortcomings%0D%0Ain+terms+of+interface+design+and+dashboard+features.+This+study+aims%0D%0Ato+develop+the+frontend+of+the+PUMMA+website+using+React+JS+and%0D%0ATailwind+CSS+through+the+Scrum+methodology.+The+development+was%0D%0Acarried+out+over+8+weeks+in+4+iterations%2C+covering+the+implementation%0D%0Aof+the+user+interface+to+API+integration.+The+system+includes+key%0D%0Afeatures+such+as+a+landing+page%2C+device+list%2C+status+cards%2C+tables%2C%0D%0Acharts%2C+and+device+location+visualization.+The+system%E2%80%99s+functionality%0D%0Awas+tested+using+the+blackbox+testing+method+across+6+scenarios+per%0D%0Aiteration%2C+achieving+a+100%25+success+rate.+Usability+evaluation+using%0D%0Athe+System+Usability+Scale+(SUS)+resulted+in+an+acceptance+score+of%0D%0A83.8%2C+categorized+as+acceptable%2C+with+a+grade+of+B+and+an+adjective%0D%0Arating+of+excellent.+A%2FB+testing+results+showed+that+the+newly%0D%0Adeveloped+website+version+was+preferred%2C+scoring+an+average+of%0D%0A96.6%25%2C+compared+to+3.3%25+for+the+previous+version.+The+findings%0D%0Aindicate+that+the+PUMMA+website+redevelopment+successfully%0D%0Aenhanced+the+system%E2%80%99s+quality%2C+usability%2C+and+user+experience.+%0D%0AKeywords%3A+PUMMA%2C+React+JS%2C+Tailwind+CSS%2C+Scrum%2C+System+Usability%0D%0AScale%2C+Blackbox+Testing%2C+A%2FB+Testing%0D%0A+&rft.publisher=FAKULTAS+TEKNIK&rft.date=2025-04-21&rft.type=Skripsi&rft.type=NonPeerReviewed&rft.format=text&rft.identifier=http%3A%2F%2Fdigilib.unila.ac.id%2F88327%2F1%2FABSTRAK.pdf&rft.format=text&rft.identifier=http%3A%2F%2Fdigilib.unila.ac.id%2F88327%2F2%2FSKRIPSI%2520FULL.pdf&rft.format=text&rft.identifier=http%3A%2F%2Fdigilib.unila.ac.id%2F88327%2F3%2FSKRIPSI%2520FULL%2520TANPA%2520BAB%2520PEMBAHASAN.pdf&rft.identifier=++AKBAR%2C+ANDIKA+KHADAFI+++(2025)+PENGEMBANGAN+FRONTEND+WEBSITE+PUMMA+PEMANTAUAN+DAN+PERINGATAN+DINI+BENCANA+TSUNAMI+MENGGUNAKAN+LIBRARY+REACTJS+DAN+METODE+SCRUM.++FAKULTAS+TEKNIK%2C+UNIVERSITAS+LAMPUNG.+++++&rft.relation=http%3A%2F%2Fdigilib.unila.ac.id%2F88327%2F