PERANCANGAN APLIKASI SITUS RESPONSIF DAN SITUS MOBILE INVENTARIS BARANG DENGAN BOOTSTRAP DAN JQUERYMOBILE
Abstract
Informasi yang disuguhkan suatu situs mengalami perubahan gaya yang didasarkan pada bagaimana cara situs tersebut diakses. Tampilan situs yang diakses melalui komputer desktop akan berbeda jika ditampilkan pada perangkat telepon pintar. Hal tersebut sangat dipengaruhi oleh ukuran layar penampil. Komputer desktop memiliki area pandang yang lebih luas jika dibandingkan tampilan layar pada perangkat telepon pintar. Dengan demikian konten yang ditampilkan pun harus mengutamakan kenyamanan bagi pengguna dalam membaca informasi. Situs yang responsif sangat membantu dan memberikan pengalaman bagi pengguna ketika menggali informasi yang disediakan. Memudahkan pengguna ketika hendak mengakses melalui perangkat yang berbeda. Rancangan sistem yang digunakan sebagai studi kasus adalah inventaris barang. Sebagai bahan percobaan, sistem dikembangkan dalam tiga buah variasi. Variasi pertama adalah web konvensional, kedua adalah web responsif, dan terakhir adalah web khusus mobile. Variasi web yang ditampilkan akan menyesuaikan perangkat apa yang digunakan oleh pengguna untuk mengakses web. Jika perangkat yang digunakan adalah komputer desktop maka yang muncul adalah web versi konvensional. Jika berupa tablet maka akan diarahkan pada web variasi responsif, dan yang terakhir jika diakses menggunakan ponsel pintar maka akan diarahkan pada web versi mobile. Untuk mengarahkan variasi maka diperlukan proses redirection agar web yang ditampilkan sesuai dengan perangkat pengakses
References
[2] Hidayat, A., Utomo, V., G., Henry, A., D. 2016. Penerapan Responsive Web Design Dalam Perancangan Sistem Modul Online Adaptif. Jurnal Sistem Informasi.12. 44. 10.21609/jsi.v12i1.435.
[3] Anugerah, S., 2013. Pemodelan Responsive Web Menggunakan Foundation Framework Dalam Pengembangan Perangkat Lunak Berbasis Perangkat Bergerak. SemnasIF, UPN Veteran Yogyakarta
[4] Pranata, R., Wahyono, T. 2013. Penerapan Responsive Web Design Pada Sistem Informasi Penilaian Akademik Siswa (Studi Kasus SMP Kristen Satya Wacana). Salatiga
[5] Alatas, H., 2013. Responsive Web Design dengan PHP & BOOTSTRAP. Penerbit Lokomedia, Yogyakarta