Perancangan dan Implementasi Antarmuka Pengguna Website Kursus Online Growup
Abstrak
Abstrak— Saat ini internet sudah menjadi kebutuhan bagi sebagian banyak orang. Sehingga, kebutuhan website untuk mengakses informasi dari internet semakin tinggi. Searah dengan kebutuhan website yang semakin tinggi, Dengan banyaknya variasi yang ada, website harus dapat menampilkan kontennya sesuai dengan ukuran layar dari perangkat. Hal itu penting untuk mempertahankan nilai user experience dari website. Selain tampilan user interface harus dapat responsif terhadap perubahan ukuran layar, fungsionalitas dari website tersebut harus tetap sama pada semua perangkat. Untuk mengatasi masalah responsif pada website, pada tugas akhir ini menggunakan metode Responsive Web Design. Pada metode ini, pengguna akan diberikan konten berupa HTML dan CSS yang sama pada semua perangkat ketika mengakses website. Dengan adanya media query CSS tampilan disetiap perangkat bisa saja berbeda. Media query CSS menggunakan break point untuk menentukan pada ukuran layar mana styling tertentu akan dijalankan berdasarkan kebutuhan dari perangkat tersebut. Dari pengujian yang telah dilakukan, yaitu pengujian alpha dan pengujian beta. Pengujian alpha mendapatkan nilai 100% dari seluruh skenario dan pengujian beta yang meliputi usability testing, uji validitas, dan uji reliabilitas telah menghasilkan nilai realibel. Sehingga dapat disimpulkan bahwa website Grow Up memiliki tampilan antarmuka yang responsif terhadapt perubahan resolusi layar dan seluruh fungsinya yang berjalan dengan baik.
kata kunci— media query CSS, responsive web design, website.
Referensi
C. E. F. Muhammad Saed Novendri, Ade Saputra, “Aplikasi Inventaris Barang Pada MTs Nurul Islam Dumai Menggunakan PHP dan MySQL,” Lentera Dumai, vol. 10, no. 2, pp. 46–57, 2019.
A. Kohrs and B. Merialdo, “Creating User-Adapted Websites By The Use Of Collaborative Filtering,” Interact. Comput., vol. 13, no. 6, pp. 695–716, 2001, doi: 10.1016/S0953-5438(01)00038-8.
F. S. Ocariza, K. Bajaj, K. Pattabiraman, and A. Mesbah, “A Study of Causes and Consequences of Client-Side JavaScript Bugs,” IEEE Trans. Softw. Eng., vol. 43, no. 2, pp. 128–144, 2017, doi: 10.1109/TSE.2016.2586066.
P. Wilton and J. Mcpeak, Beginning JavaScript. 2010.
X. Huang, “Research and Application of Node.js Core Technology,” Proc. - 2020 Int. Conf. Intell. Comput. Human-Computer Interact. ICHCI 2020, pp. 1–4, 2020, doi: 10.1109/ICHCI51889.2020.00008.
G. Blinowski, A. Ojdowska, and A. Przybylek, “Monolithic vs. Microservice Architecture: A Performance and Scalability Evaluation,” IEEE Access, vol. 10, pp. 20357–20374, 2022, doi: 10.1109/ACCESS.2022.3152803.
W. Sheikh and N. Sheikh, “A Model-View-ViewModel (MVVM) Application Framework for Hearing Impairment Diagnosis-Type Dependency Architecture,” 2020 Intermt. Eng. Technol. Comput. IETC 2020, no. Mvvm, 2020, doi: 10.1109/IETC47856.2020.9249181.
E. Perakakis and G. Ghinea, “Smart Enough For The Web? A Responsive Web Design Approach To Enhancing The User Web Browsing Experience On Smart TVs,” IEEE Trans. Human-Machine Syst., vol. 47, no. 6, pp. 860–872, 2017, doi: 10.1109/THMS.2017.2726821.
J. Song, M. Zhang, and H. Xie, “Design and implementation of a Vue.js-Based College Teaching System,” Int. J. Emerg. Technol. Learn., vol. 14, no. 13, pp. 59–69, 2019, doi: 10.3991/ijet.v14i13.10709.
Alex Kyriakidis, Kostas Maniatis, Evan You, A. Kyriakidis, K. Maniatis, and E. You, “The Majesty of Vue . js 2,” p. 297, 2017.
H. . F. Cervone, “Understanding Agile Project Management Methods Using Scrum,” 2014, doi: 10.1108/10650751111106528.
P. Ramya, V. Sindhura, and P. V. Sagar, “Testing using selenium web driver,” Proc. 2017 2nd IEEE Int. Conf. Electr. Comput. Commun. Technol. ICECCT 2017, 2017, doi: 10.1109/ICECCT.2017.8117878.
D. R. Rahadi, “Pengukuran Usability Sistem Menggunakan Use Questionnaire Pada Aplikasi Android,” vol. 6, no. 1, pp. 661–671, 2014.
S. Syamsuryadin and C. F. S. Wahyuniati, “Uji Validitas dan Reliabilitas Instrumen Penelitian Kuantatif,” Jorpres (Jurnal Olahraga Prestasi), vol. 13, no. 1, pp. 53–59, 2017, doi: 10.21831/jorpres.v13i1.12884.
