Pengembangan Website Responsive Sebagai Portal Informasi Kegiatan dan Berita Himpunan Mahasiswa Menggunakan Metode Research And Development dengan Model Waterfall
-
Satria Cahya Syaputra
*
Universitas Muhammadiyah Karanganyar, Karanganyar,
Indonesia
- Cucut Hariz Pratomo Universitas Muhammadiyah Karanganyar, Karanganyar, Indonesia (*) Corresponding Author
Abstract
The dissemination of activity information and news within Student Associations is often carried out through various separate platforms, resulting in information fragmentation and reducing the effectiveness of information delivery to students. This condition makes it difficult for students to obtain information due to the increased risk of missing important organizational activities and news. Therefore, a centralized information platform is needed to provide integrated information that can be easily accessed through various devices. This research aims to design and develop a responsive website as a centralized portal for Student Association activities and news using the Next.js framework. This study applies the Research and Development (R&D) method with the Waterfall development model, which consists of several stages, namely requirements analysis, system design, implementation, and testing to ensure that the website operates in accordance with user requirements. The system was developed using Next.js as the main framework and Tailwind CSS to support the implementation of Responsive Web Design, enabling the website to be accessed optimally on desktop, tablet, and smartphone devices. This research resulted in a system that successfully integrates news, activities, organizational profiles, and documentation into a single centralized digital platform. System testing was conducted using the Black Box Testing method by evaluating all major functions based on predetermined input and output scenarios without examining the internal structure of the program code. The test results showed that all functions operated in accordance with the specified functional requirements, achieving a 100% success rate across all testing scenarios. The developed website enables students to access centralized information on Student Association activities and news more conveniently through a wide range of devices.
Downloads
References
Z. H. Khinanti, B. L. Mukaromah, and I. H. Santi, “Perancangan dan Implementasi Aplikasi Web Berita Online Menggunakan Framework Next JS,” Jurnal Teknologi Informasi, vol. 16, no. 2, pp. 65–71, Oct. 2025, doi: https://doi.org/10.36382/jti-tki.v16i2.578.
R. P. A. Nugroho and A. Sugandi, “Meningkatkan Performa Frontend dengan Menggunakan Framework Next.Js dalam Pengembangan Website,” Journal of Cyber Health and Computer, vol. 2, no. 2, pp. 14–19, Dec. 2024, doi: https://doi.org/10.64163/jochac.v2i2.31.
W. W. Tyas, I. F. Hanif, and S. A. Fitri, “IMPLEMENTASI TEKNOLOGI RESPONSIVE WEB DESIGN DALAM PERANCANGAN WEBSITE MODERN,” Kohesi: Jurnal Sains Dan Teknologi, vol. 8, no. 7, pp. 131-140 Jun. 2025, doi: https://doi.org/10.2238/4qz80v05.
D. W. Widarti and M. K. Akbar, “Peningkatan Performa Aplikasi Web SIAKAD Menggunakan Next.js Di Puskordat Stimata,” JOISM (Journal of Information System Management), vol. 7, no. 2, pp. 218–226, Jan. 2026, doi: https://doi.org/10.24076/joism.2026v7i2.2453.
R. R. Hermanto and M. M. Engel, “Analisis Komparatif Kinerja Next.js, Nuxt.js, dan Remix.js dalam Implementasi Server Side Rendering Website Berita,” TIN (Terapan Informatika Nusantara), vol. 6, no. 5, pp. 450–463, Oct. 2025, doi: https://doi.org/10.47065/tin.v6i5.8315.
Maharani Puan, “Pengembangan Website PT. Rantangin Digital Indonesia Menggunakan Framework Next Js dan Tailwind CSS,” Repeater (Publikasi Teknik Informatika dan Jaringan), vol. 3, no. 1, pp. 129–137, Jan. 2025, doi: https://doi.org/10.62951/repeater.v3i1.355.
M. Waruwu, “Metode Penelitian dan Pengembangan (R&D): Konsep, Jenis, Tahapan dan Kelebihan,” Jurnal Ilmiah Profesi Pendidikan, vol. 9, no. 2, pp. 1220–1230, May 2024, doi: https://doi.org/10.29303/jipp.v9i2.2141.
S. Y. Rahayu, Y. Saputra, and D. Irawan, “IMPLEMENTASI METODE WATERFALL PADA PENGEMBANGAN SISTEM INFORMASI MOBILE E-DISARPUS,” Jurnal Sistem Informasi, vol. 6, no. 2, pp. 523–534, May 2024, doi: https://doi.org/10.31849/zn.v6i2.20538.
A. Rozaq, M. K. A. Satria, R. Y. Fahmi, and R. Fitri, “SISTEM INFORMASI PENGELOLAAN BANK SAMPAH PADA BANK SAMPAH INDUK CAHAYA KENCANA MANIS DI KABUPATEN BANJAR, PROVINSI KALIMANTAN SELATAN,” Jurnal Sistem dan Teknologi Informasi, vol. 11, no. 1, pp. 1–7, May 2025, doi: https://doi.org/10.31961/positif.v11i1.14358.
D. Aribowo, Irwanto, and M. A. Usman, “Sistem Informasi Akademik Dengan Model Pengembangan,” Seminar Nasional Teknik Elektro, vol. 6, no. 1, pp. 228–245, Nov. 2021, doi: https://senter.ee.uinsgd.ac.id/repositori/index.php/prosiding/article/view/senter2021p23.
M. W. Pratama, M. A. Q. Islami, S. Melvina, S. Yulianti, and S. Rahayu, “Implementasi Metode Waterfall dalam Perancangan Manajamen Proyek Sistem Informasi Penjualan pada Toko Elektronik Jaya Abadi,” Jurnal Ilmu Komputer, vol. 5, no. 2, pp. 53–61, Sep. 2024, doi: https://doi.org/10.56869/klik.v5i2.599.
I. Choldun and R. Rahmadewi, “Penerapan Metode Waterfall Pada Aplikasi Pembelajaran Seni Budaya Berbasis Website Menggunakan Framework Reactjs,” Jurnal Ilmiah Wahana Pendidikan, vol. 9, no. 13, pp. 335–348, Jul. 2023, doi: https://doi.org/10.5281/zenodo.8151254.
B. Fachri, C. Rizal, and Supiyandi, “Penerapan Metode Waterfall Dalam Perancangan Sistem Informasi Merdeka Belajar Kampus Merdeka Berbasis Web,” Jurnal Komputer Teknologi Informasi Sistem Komputer, vol. 2, no. 3, pp. 591–597, Feb. 2024, doi: https://doi.org/10.62712/juktisi.v2i3.147.
N. A. Al Azfar and S. D. Anggita, “PENERAPAN METODE WATERFALL PADA SISTEM INFORMASI E-RAPOR,” Information System Journal, vol. 7, no. 1, pp. 45–55, May 2024, doi: https://doi.org/10.24076/infosjournal.2024v7i01.1582.
B. Triaji, C. H. Pratomo, and B. Purnomosidi Dp, “PROGRAMMER’S PERSPECTIVE OF OBJECT ORIENTED PROGRAMMING (OOP) IN SOFTWARE DEVELOPMENT USING CORRELATION ANALYSIS,” SINTECH (SCIENCE AND INFORRMATION TECHNOLOGY), vol. 4, no. 1, pp. 79–87, Apr. 2021, doi: https://doi.org/10.31598.
D. Sahara, R. K. Putri, Y. Syahidin, and E. Gunawan, “Penggunaan Metode Waterfall pada Perancangan Sistem Informasi Rekam Medis Sesuai Standar Akreditasi Rumah Sakit Tahun 2022,” Jurnal Teknologi Sistem Informasi dan Aplikasi, vol. 6, no. 2, pp. 214–222, Apr. 2023, doi: https://doi.org/10.32493/jtsi.v6i2.32248.
M. R. Wayahdi and F. Ruziq, “Pemodelan Sistem Penerimaan Anggota Baru dengan Unified Modeling Language (UML) (Studi Kasus: Programmer Association of Battuta),” Jurnal Minfo Polgan, vol. 12, no. 1, pp. 1514–1521, Aug. 2023, doi: https://doi.org/10.33395/jmp.v12i1.12870.
T. A. Rospricilia and M. N. P. Ma’ady, “Pemodelan Integration Use Case (IUC): Perancangan Use Case Diagram (UML) untuk Sistem-sistem yang Terintegrasi,” Journal of Information Technology, vol. 9, no. 2, pp. 165–172, Sep. 2024, doi: https://doi.org/10.31284/j.integer.2024.v9i2.6345.
R. Priyambodo, M. Arifin, and Y. Irawan, “Perancangan Sistem Informasi Penjualan Berbasis Web Menggunakan Metode Unifield Modelling Language (UML) Studi Kasus Toko Visa Collection Jepara,” JURNAL SISTEM INFORMASI DAN TENOLOGI, vol. 7, no. 2, pp. 69–74, Aug. 2024, doi: https://doi.org/10.24176/sitech.v7i2.13438.
I. K. Nurhikmat, A. I. Hadiana, and F. Kasyidi, “OPTIMASI RESPONSIVITAS WEB DENGAN PENDEKATAN MOBILE-FIRST DESIGN,” Jurnal Informatika Teknologi dan Sains, vol. 6, no. 3, pp. 476–485, Aug. 2024, doi: https://doi.org/10.51401/jinteks.v6i3.4314.
R. Al Benz and G. Testiana, “Penerapan Tailwind CSS Dalam Pengembangan User Interface Website Di Poltekpar Palembang,” RIGGS (Journal of Artificial Intelligence and Digital Business), vol. 4, no. 4, pp. 6635–6643, Dec. 2025, doi: https://doi.org/10.31004/riggs.v4i4.4431.
M. Dwi Andika et al., “Implementasi Black Box Testing Dalam Pengujian Fungsionalitas Website Leo Gym,” JURNAL TEKNOLOGI INFORMASI DIGITAL, vol. 1, no. 2, pp. 55–62, Nov. 2025, doi: https://jurnal.ipdig.id/index.php/jtid/article/view/190.
Bila bermanfaat silahkan share artikel ini
Berikan Komentar Anda terhadap artikel Pengembangan Website Responsive Sebagai Portal Informasi Kegiatan dan Berita Himpunan Mahasiswa Menggunakan Metode Research And Development dengan Model Waterfall
Pages: 1110-1120
Copyright (c) 2026 Satria Cahya Syaputra, Cucut Hariz Pratomo
This work is licensed under a Creative Commons Attribution 4.0 International License.
Authors who publish with this journal agree to the following terms:
- Authors retain copyright and grant the journal right of first publication with the work simultaneously licensed under Creative Commons Attribution 4.0 International License that allows others to share the work with an acknowledgment of the work's authorship and initial publication in this journal.
- Authors are able to enter into separate, additional contractual arrangements for the non-exclusive distribution of the journal's published version of the work (e.g., post it to an institutional repository or publish it in a book), with an acknowledgment of its initial publication in this journal.
- Authors are permitted and encouraged to post their work online (e.g., in institutional repositories or on their website) prior to and during the submission process, as it can lead to productive exchanges, as well as earlier and greater citation of published work (Refer to The Effect of Open Access).
