<> "The repository administrator has not yet configured an RDF license."^^ . <> . . "PENGEMBANGAN FRONTEND WEBSITE PUMMA PEMANTAUAN DAN\r\nPERINGATAN DINI BENCANA TSUNAMI MENGGUNAKAN LIBRARY \r\nREACTJS DAN METODE SCRUM\r\n\r\n"^^ . "\r\nPUMMA (Perangkat Ukur Murah Muka Air laut) merupakan website\r\nsistem informasi pemantauan dan peringatan dini bencana tsunami\r\nberbasis IoT yang dikembangkan oleh tim U-TEWS Krakatau\r\nUniversitas Lampung. Sistem ini menyajikan data real-time dari\r\nperangkat monitoring seperti PUMMA dan Buoy, termasuk informasi\r\nbattery voltage, device temperature, sea water level, dan status\r\nperangkat. Namun, versi awal website masih memiliki kekurangan\r\ndalam desain antarmuka dan fitur dashboard. Penelitian ini bertujuan\r\nuntuk mengembangkan frontend website PUMMA menggunakan\r\nReact JS dan Tailwind CSS dengan pendekatan metode Scrum.\r\nPengembangan dilakukan selama 8 minggu dalam 4 iterasi, dimulai\r\ndari implementasi user interface hingga integrasi API. Sistem yang\r\ndikembangkan mencakup fitur utama seperti tampilan landing page,\r\ndaftar alat, card status, tabel, grafik, dan lokasi perangkat. Pengujian\r\nsistem dilakukan menggunakan metode Blackbox Testing pada 6\r\nskenario tiap iterasi dan memperoleh tingkat keberhasilan 100%.\r\nEvaluasi kebergunaan menggunakan System Usability Scale (SUS)\r\nmemperoleh skor 83,8 (kategori acceptable, grade B, adjective rating\r\nexcellent). Pengujian A/B Testing menunjukkan bahwa website versi\r\nbaru lebih disukai dengan skor rata-rata 96,6% dibandingkan versi\r\nlama sebesar 3,3%. Hasil penelitian menunjukkan bahwa\r\npengembangan website PUMMA berhasil meningkatkan kualitas,\r\nkegunaan, dan pengalaman pengguna secara signifikan.\r\n\r\nKata Kunci: PUMMA, React JS, Tailwind CSS, Scrum, System\r\nUsability Scale, Blackbox Testing, A/B Testing \r\n PUMMA (Affordable Sea Surface Level Measuring Device) is an \r\ninformation system website for tsunami monitoring and early warning\r\nbased on IoT, developed by the U-TEWS Krakatau team at the\r\nUniversity of Lampung. The system presents real-time data from\r\nmonitoring devices such as PUMMA and Buoy, including battery\r\nvoltage, device temperature, sea water level, and device status.\r\nHowever, the initial version of the website had several shortcomings\r\nin terms of interface design and dashboard features. This study aims\r\nto develop the frontend of the PUMMA website using React JS and\r\nTailwind CSS through the Scrum methodology. The development was\r\ncarried out over 8 weeks in 4 iterations, covering the implementation\r\nof the user interface to API integration. The system includes key\r\nfeatures such as a landing page, device list, status cards, tables,\r\ncharts, and device location visualization. The system’s functionality\r\nwas tested using the blackbox testing method across 6 scenarios per\r\niteration, achieving a 100% success rate. Usability evaluation using\r\nthe System Usability Scale (SUS) resulted in an acceptance score of\r\n83.8, categorized as acceptable, with a grade of B and an adjective\r\nrating of excellent. A/B testing results showed that the newly\r\ndeveloped website version was preferred, scoring an average of\r\n96.6%, compared to 3.3% for the previous version. The findings\r\nindicate that the PUMMA website redevelopment successfully\r\nenhanced the system’s quality, usability, and user experience. \r\nKeywords: PUMMA, React JS, Tailwind CSS, Scrum, System Usability\r\nScale, Blackbox Testing, A/B Testing\r\n "^^ . "2025-04-21" . . . . . "FAKULTAS TEKNIK"^^ . . . . . . . "ANDIKA KHADAFI "^^ . "AKBAR"^^ . "ANDIKA KHADAFI AKBAR"^^ . . . . . . "PENGEMBANGAN FRONTEND WEBSITE PUMMA PEMANTAUAN DAN\r\nPERINGATAN DINI BENCANA TSUNAMI MENGGUNAKAN LIBRARY \r\nREACTJS DAN METODE SCRUM\r\n\r\n (File PDF)"^^ . . . "ABSTRAK.pdf"^^ . . . "PENGEMBANGAN FRONTEND WEBSITE PUMMA PEMANTAUAN DAN\r\nPERINGATAN DINI BENCANA TSUNAMI MENGGUNAKAN LIBRARY \r\nREACTJS DAN METODE SCRUM\r\n\r\n (File PDF)"^^ . . . "PENGEMBANGAN FRONTEND WEBSITE PUMMA PEMANTAUAN DAN\r\nPERINGATAN DINI BENCANA TSUNAMI MENGGUNAKAN LIBRARY \r\nREACTJS DAN METODE SCRUM\r\n\r\n (File PDF)"^^ . . . "SKRIPSI FULL TANPA BAB PEMBAHASAN.pdf"^^ . . . "PENGEMBANGAN FRONTEND WEBSITE PUMMA PEMANTAUAN DAN\r\nPERINGATAN DINI BENCANA TSUNAMI MENGGUNAKAN LIBRARY \r\nREACTJS DAN METODE SCRUM\r\n\r\n (Other)"^^ . . . . . . "lightbox.jpg"^^ . . . "PENGEMBANGAN FRONTEND WEBSITE PUMMA PEMANTAUAN DAN\r\nPERINGATAN DINI BENCANA TSUNAMI MENGGUNAKAN LIBRARY \r\nREACTJS DAN METODE SCRUM\r\n\r\n (Other)"^^ . . . . . . "preview.jpg"^^ . . . "PENGEMBANGAN FRONTEND WEBSITE PUMMA PEMANTAUAN DAN\r\nPERINGATAN DINI BENCANA TSUNAMI MENGGUNAKAN LIBRARY \r\nREACTJS DAN METODE SCRUM\r\n\r\n (Other)"^^ . . . . . . "medium.jpg"^^ . . . "PENGEMBANGAN FRONTEND WEBSITE PUMMA PEMANTAUAN DAN\r\nPERINGATAN DINI BENCANA TSUNAMI MENGGUNAKAN LIBRARY \r\nREACTJS DAN METODE SCRUM\r\n\r\n (Other)"^^ . . . . . . "small.jpg"^^ . . . "PENGEMBANGAN FRONTEND WEBSITE PUMMA PEMANTAUAN DAN\r\nPERINGATAN DINI BENCANA TSUNAMI MENGGUNAKAN LIBRARY \r\nREACTJS DAN METODE SCRUM\r\n\r\n (Other)"^^ . . . . . . "indexcodes.txt"^^ . . . "PENGEMBANGAN FRONTEND WEBSITE PUMMA PEMANTAUAN DAN\r\nPERINGATAN DINI BENCANA TSUNAMI MENGGUNAKAN LIBRARY \r\nREACTJS DAN METODE SCRUM\r\n\r\n (Other)"^^ . . . . . . "PENGEMBANGAN FRONTEND WEBSITE PUMMA PEMANTAUAN DAN\r\nPERINGATAN DINI BENCANA TSUNAMI MENGGUNAKAN LIBRARY \r\nREACTJS DAN METODE SCRUM\r\n\r\n (Other)"^^ . . . . . . "indexcodes.txt"^^ . . . "PENGEMBANGAN FRONTEND WEBSITE PUMMA PEMANTAUAN DAN\r\nPERINGATAN DINI BENCANA TSUNAMI MENGGUNAKAN LIBRARY \r\nREACTJS DAN METODE SCRUM\r\n\r\n (Other)"^^ . . . . . . "lightbox.jpg"^^ . . . "PENGEMBANGAN FRONTEND WEBSITE PUMMA PEMANTAUAN DAN\r\nPERINGATAN DINI BENCANA TSUNAMI MENGGUNAKAN LIBRARY \r\nREACTJS DAN METODE SCRUM\r\n\r\n (Other)"^^ . . . . . . "preview.jpg"^^ . . . "PENGEMBANGAN FRONTEND WEBSITE PUMMA PEMANTAUAN DAN\r\nPERINGATAN DINI BENCANA TSUNAMI MENGGUNAKAN LIBRARY \r\nREACTJS DAN METODE SCRUM\r\n\r\n (Other)"^^ . . . . . . "medium.jpg"^^ . . . "PENGEMBANGAN FRONTEND WEBSITE PUMMA PEMANTAUAN DAN\r\nPERINGATAN DINI BENCANA TSUNAMI MENGGUNAKAN LIBRARY \r\nREACTJS DAN METODE SCRUM\r\n\r\n (Other)"^^ . . . . . . "small.jpg"^^ . . . "PENGEMBANGAN FRONTEND WEBSITE PUMMA PEMANTAUAN DAN\r\nPERINGATAN DINI BENCANA TSUNAMI MENGGUNAKAN LIBRARY \r\nREACTJS DAN METODE SCRUM\r\n\r\n (Other)"^^ . . . . . . "PENGEMBANGAN FRONTEND WEBSITE PUMMA PEMANTAUAN DAN\r\nPERINGATAN DINI BENCANA TSUNAMI MENGGUNAKAN LIBRARY \r\nREACTJS DAN METODE SCRUM\r\n\r\n (Other)"^^ . . . . . . "PENGEMBANGAN FRONTEND WEBSITE PUMMA PEMANTAUAN DAN\r\nPERINGATAN DINI BENCANA TSUNAMI MENGGUNAKAN LIBRARY \r\nREACTJS DAN METODE SCRUM\r\n\r\n (Other)"^^ . . . . . . "PENGEMBANGAN FRONTEND WEBSITE PUMMA PEMANTAUAN DAN\r\nPERINGATAN DINI BENCANA TSUNAMI MENGGUNAKAN LIBRARY \r\nREACTJS DAN METODE SCRUM\r\n\r\n (Other)"^^ . . . . . "HTML Summary of #88327 \n\nPENGEMBANGAN FRONTEND WEBSITE PUMMA PEMANTAUAN DAN \nPERINGATAN DINI BENCANA TSUNAMI MENGGUNAKAN LIBRARY \nREACTJS DAN METODE SCRUM \n \n\n\n" . "text/html" . . . "600 Teknologi (ilmu terapan)" . . . "601 Filsafat dan teori tentang teknologi dan ilmu terapan" . . . "602 Aneka ragam tentang teknologi dan ilmu terapan" . .