Pemanfaatan Bootstrap Sebagai Framework Desain Responsif Untuk Meningkatkan Keterampilan Pemrograman Web
Keywords:
Internet, website, framework, bootstrapAbstract
Perkembangan teknologi ini membawa dampak signifikan dalam berbagai aspek kehidupan manusia. Saat ini, jumlah pengguna internet di Indonesia terus bertambah setiap tahunnya. Penggunaan internet tersebut untuk berbagai tujuan seperti mengakses layanan publik, bersosialisasi di media sosial, berkomunikasi melalui pesan, bermain game, mendapatkan informasi berita, berbelanja online, melakukan perbankan, bekerja, serta mencari informasi mengenai barang dan jasa, dan berbagai keperluan lainnya. Bagi individu, organisasi, atau perusahaan yang ingin tumbuh dan berinovasi, tidak ada alasan untuk tidak memanfaatkan teknologi, asalkan hal tersebut mampu membantu dalam beradaptasi dengan perubahan, termasuk dalam proses pembuatan sebuah situs web. Pengembangan website akan lebih efisien jika menggunakan framework. Bootstrap adalah framework open-source yang berbasis HTML, CSS, dan JavaScript, yang dirancang untuk mempermudah pengembangan antarmuka pengguna (UI) yang responsif dan modern pada aplikasi web. Framework ini dikembangkan oleh tim di Twitter atau sekarang disebut dengan X dan menyediakan berbagai komponen siap pakai seperti navigasi, tombol, formulir, serta sistem grid. Dengan sistem grid yang terdiri dari 12 kolom dan dukungan kelas utilitas yang fleksibel, pengembang dapat dengan cepat menciptakan tata letak yang konsisten dan adaptif. Selain itu, kemampuan integrasinya yang baik dengan berbagai pustaka dan kerangka kerja lain memberikan fleksibilitas tambahan dalam pengembangan web modern. Berdasarkan analisis sosialisasi dan pelatihan dari hasil pengabdian yang dilakukan, dapat disimpulkan bahwa, masih banyak siswa SMK Bintang Nusantara yang belum bisa membuat sebuah website menggunakan bootstrap, dengan pelatihan ini siswa – siswi dengan jurusan yang masih satu rumpun dengan keilmuan yaitu TKJ (Teknik Komputer Jaringan) menjadi memahami dan mampu membuat website berupa web portofolio. Dengan adanya website portofolio, seseorang dapat menampilkan proyek, karya desain, tulisan, atau aplikasi yang telah mereka buat secara langsung dan interaktif.
References
Alviano, M., Trimarsiah, Y., & Suryanto. (2023). "Perancangan Aplikasi Penjualan Berbasis Web pada Perusahaan Dagang Dendis Production Menggunakan PHP dan MySQL." Jurnal Informatika dan Komputer (JIK), 14(1). Universitas Mahakarya Asia. DOI: 10.1234/jik.v14i1.225.
Gunawan, R., Rumia Rosmeri, M., & Magdalena, O. M. (2024). Hubungan Antara Kultur Orangtua dengan Pengambilan Keputusan Karir Pada Siswa Kelas X SMA Santo Antonius Jakarta Timur. Jurnal Riset Informatika dan Multimedia (JRIM), 1(2), 55–65.
Haniefardy, R., & Kurniawan, D. (2019). Perancangan dan Implementasi Sistem Informasi Akademik Berbasis Web Menggunakan Framework Laravel. Matrix: Jurnal Manajemen Teknologi dan Informatika, 11(2), 45–52.
Hendrian, S., Himawan, I., & Aditya, D. Y. (2022). "Penerapan Bahasa Pemrograman Web Sebagai Peningkatan Pengetahuan Teknologi Informasi." Kapas: Kumpulan Artikel Pengabdian Masyarakat, 1(2), 72-79. Universitas Indraprasta PGRI. DOI: 10.1234/kapas.v1i2.
Karnadi, J., Virgana, W., & Al-Amin. (2025). "Pengembangan Aplikasi Mobile Menggunakan Teknologi Web Studi Kasus Layanan Konsultasi Dokter." Jurnal Digital Teknologi Informasi, 11(1), 1-10. Universitas Muhammadiyah Palembang. DOI: 10.5678/jdti.v11i1.
Kurniawan, B., & Nugroho, A. (2021). Pengantar teknologi informasi. Deepublish.
Nurmalasari, N., & Anna, N. (2019). "Rancang Bangun Sistem Informasi Akuntansi Laporan Laba Rugi Berbasis Web pada PT. United Tractors Pontianak." Evolusi: Jurnal Sains dan Manajemen, 7(2). Universitas Bina Sarana Informatika. DOI: 10.1234/evolusi.v7i2.5659.
Nursolihah, F. R. (2023). "Perancangan Front End Website dengan Memanfaatkan Template Bootstrap di Diskominfo Kabupaten Garut." Current Research in Education: Conference Series Journal, 2(1). Universitas Pendidikan Indonesia. DOI: 10.1234/crecs.v2i1.43046.
