PENGGUNAAN BOOTSRAP DALAM PENERAPAN RESPONSIVE WEB DESIGN STUDI KASUS: TEMPLATE WEBSITE SMS MASKING
Kata Kunci:
SMS Masking, Responsive Web Design (RWD), Resolusi Layar, Metode Studi Kasus, BootstrapAbstrak
Seiring dengan pesatnya revolusi teknologi informasi, cara pengguna dalam mengakses aplikasi berbasis website mengalami perubahan signifikan. Banyak pengguna kini lebih memilih perangkat mobile, seperti smartphone dan tablet, dibandingkan desktop. Perubahan ini menuntut desain website untuk lebih responsif terhadap berbagai ukuran layar, menjadikannya aspek krusial dalam pengembangan web. variasi resolusi layar mempengaruhi tampilan website; pada perangkat dengan resolusi lebih kecil, tampilan bisa mengecil atau konten menjadi tidak teratur, yang mengganggu pengalaman pengguna. Penelitian ini bertujuan untuk menginvestigasi pemanfaatan Bootstrap dan penerapan Responsive Web Design (RWD) dalam perancangan aplikasi web SMS Masking. Metode yang digunakan adalah studi kasus, yang mencakup identifikasi penggunaan, analisis mekanisme, dan pengujian responsivitas. Hasil temuan menunjukkan bahwa tata letak dan tampilan website dapat menjadi responsif dengan memanfaatkan meta viewport dan komponen responsif (seperti Grid System dan Responsive Tables). Meskipun tanpa media queries manual, Bootstrap tetap dapat menyesuaikan tampilan karena sudah memiliki media queries bawaan yang secara otomatis menyesuaikan elemen – elemen diberbagai ukuran layar.
Referensi
Muhammad Rehan Anwar, Marviola Hardini, Mey Anggraeni. 2021. "Review of Responsive Design Concept Based On Framework On The Website." ADI Journal on Recent Innovation Vol 3, (1): 59-66.
We Are Social. "Digital Global Report Overview 2023." 2023.
Hootsuite & We Are Social. 2022. "Digital 2022 April Global Statshot Report."
Digital Tren.
Devida Mira Lestari, Dadan Hardianto, Achmad Nizar Hidayanto. 2014. "Analysis of User Expereince Quality on Responsive Web Design from its Informative Perspective." International Journal of Software Engineering and its Application Vol. 8 (5): 53-62.
Putra, Mardhi Yudhi. 2020. "Responsive Web Design Menggunakan Bootstrap Dalam Merancang Layout Website." Information System For Educator And Professionals Vol. 5 (1): 60 - 70.
Noorkaran Bhanarkar, Aditi Paul, Dr. Ashima Mehta. 2024. "Responsive Web Design and its Impact on User Experience." Internation Journal of Advanced Research in Science, Communication and Technology Vol. 3 (4): 50-55.
Andryadi, Aan Ansen. 2023. "Analisis Tampilan Web Responsive Studi Kasus: Situs Dicoding, Detik dan Rumah Zakat." Jurnal Wahana Informatika (JWI) (STMIK Jabar) Vol. 2, No. 1: 147 - 153.
Imada Syaifullah Daulay, Meta Kalitas, Muhammad Faris Ruriawan. 2024. "Penerapan Frontend Pengembangan Sistem Penjualan Tiket Acara di Kota Bandung."
e-Proceeding of Engineering Vol. 11, No 3: 1713.
Suraj Shahu Gaikwad, Prof Pratibha Adkar. 2019. "A Review Paper on Boostrap Framework." IRE Journals Vol. 2 (10).
Santoso, Miftah Faroq. n.d. "Teknik Responsive Web Design (RWD) Serta Penerapannya Dalam Rancang Bangun Layout Web." Journal PILAR Nusa Mandiri Vol 1, No. 1: 61-68.
Timotius Jejen Riasinir, Widyasari. 2019. "Pemanfaatan Framework Bootstrap Dalam Merancang Website Responsive Untuk Toko D2 Adventure." Jurnal ENTER Vol 2,: 346-355.
n.d. Twilio.com. Accessed October 15, 2024. https://www.twilio.com/docs/glossary/what-alphanumeric-sender-id.
