Perancangan Pola Desain E-Learning
Article Sidebar
Main Article Content
Abstract
Pihak yang membutuhkan maupun yang sedang mengembangkan sebuah sistem manajemen pembelajaran seperti sekolah, Lembaga pendidikan untuk mendukung proses belajar mengajar dengan efektif dan efisien, serta dapat diakses dari berbagai perangkat desktop ataupun mobile. Dalam pengembangannya dibantu oleh pihak developer dan desainer. Namun, saat ini terdapat kesenjangan pemahaman diantara ketiga belah pihak terkait perancangan antarmuka dengan struktur yang responsif. Hal tersebut dapat berdampak pada terhambatnya proses pengembangan sistem secara keseluruhan yang kemudian mengakibatkan tidak terpenuhinya ekspektasi pengalaman pengguna yang diharapkan. Penelitian ini bertujuan untuk menganalisis dan merancang pola desain yang ada pada aplikasi sistem manajemen pembelajaran. Kemudian dilakukan pengembangan komponen dari pola desain tersebut agar dapat digunakan kembali (Reusable). Penelitian ini dibagi menjadi beberapa tahapan utama meliputi pengidentifikasian, pengembangan, dan pengujian. pengidentifikasian berisikan identifikasi kebutuhan variasi struktur, tampilan, dan aktivitas pengguna pada aplikasi untuk menggali pola desain. Kemudian, dilakukan pengklasifikasian untuk memudahkan dalam perancangan dan pembuatan struktur informasi dari pola desain. Pada tahap pengembangan, komponen dari pola desain antarmuka tersebut dikembangkan menggunakan HTML dan Tailwind CSS. Tahap terakhir adalah pengujian yang dilakukan dengan membangun halaman template menggunakan komponen responsif yang telah dikembangkan. Hasil dari penelitian tugas akhir ini berupa rancangan modul pola desain antarmuka dan data katalog terstruktur komponen responsif penunjangnya.
Downloads
Article Details
A. Toxboe, “Design Patterns,” Ui Patterns. [Daring]. Tersedia Pada: Https://Ui-Patterns.Com/Patterns. [Diakses: 02-Nov-2022].
Akubelajar.Id, “Sistem Lms Indonesia,” Aku Belajar, 2021. [Daring]. Tersedia Pada: Https://Www.Akubelajar.Id/Blog/Apa-Yang-Membuat-Sistem-Manajemen-Pembelajaran-Yang-Baik-Untuk-Sekolah.
B. Frain, Responsive Web Design With Html5 And Css: Develop Future-Proof Responsive Websites Using The Latest Html5 And Css Techniques, 3 Ed. Birmingham: Packt Publishing, 2020.
U. Rahmi, “Desain Sistem Pembelajaran Blended Learning: Upaya Peningkatan Kualitas Pendidikan di Indonesia,” Indonesian Scholars Journal – Insight, Vol. 1, No. 1, Hal. 122–137, 2018.
N. L. P. G. G. Saraswati, A. A. K. O. Sudana, Dan N. K. A. Wirdiani, “Perancangan User Interface Dan User Experience Pada Simrs Modul Payroll,” Jurnal Ilmiah Teknologi Dan Komputer, Vol. 1, No. 2, 2020.
A. R. Gerung, L. Wikarsa, Dan R. Munir, “Pengimplementasian Aplikasi Generator Kode Html Dan Css Untuk Perancangan Web Responsif,” Jurnal Ilmiah Realtech, Vol. 16, No. 1, 2020.
M. N. El Ghiffary, T. D. Susanto, Dan A. H. Prabowo, “Analisis Komponen Desain Layout, Warna, Dan Kontrol Pada Antarmuka Pengguna Aplikasi Mobile Berdasarkan Kemudahan Penggunaan (Studi Kasus: Aplikasi Olride),” Jurnal Teknik Its, Vol. 7, No. 1, 2018.
“Learning Management System,” 2022. [Daring]. Tersedia Pada: Https://Educhannel.Id/Blog/Artikel/Learning-Management-System.Html. [Diakses: 26-Okt-2022].
“Sistem Manajemen Pembelajaran (Learning Management System).” [Daring]. Tersedia Pada: Https://Rohardonline.Com/Sistem-Manajemen-Pembelajaran-Learning-Management-System/. [Diakses: 26-Okt-2022].
M. Andriana, “Mengenal Pola Desain Ui,” Sis Binus, 2021. [Daring]. Tersedia Pada: Https://Sis.Binus.Ac.Id/2021/10/01/Mengenal-Pola-Desain-Ui/. [Diakses: 29-Okt-2022].
T. D. Sarrah Vesselov, Building Design Systems Unify User Experiences Through A Shared Design Language, 1 Ed. Apress, 2019.
Mirza M. Haekal, “User Experience (Ux): Pengertian Dan Tips Penerapannya Untuk Pemula [Terlengkap],” Www.Niagahoster.Co.Id. 2020. “Jenis Dan Pengertian Teknologi Web,” Pkl Puskomedia Indonesia, 2018. [Daring]. Tersedia Pada: Https://Www.Puskomedia.Id/Blog/Teknologi-Web/. [Diakses: 30-Okt-2022].
Hadiyati, E., Putra, R. S., Daud, I., Jihadi, M., & Wijoyo, H. Competitive advantage and marketing performance in smes: how the role of entrepreneurial and market orientation?.
Handayani, W., Suyoto, Y. T., Prasetio, T., Pitaloka, E., Wijoyo, H., Yonata, H., ... & Cahyono, Y. (2022). The effect of social media marketing on brand trust, brand equity and brand loyalty. International Journal of Data & Network Science, 6(3).
Handayani, W., Surono, Y., & Wijoyo, H. Smes sales performance: how the role of product innovation, entrepreneurship orientation, and competitive advantage?.
Hermita, N., Alim, J. A., Putra, Z. H., Nasien, D., & Wijoyo, H. Developing STEM autonomous learning city map application to improve critical thinking skills of primary school teacher education students.
Desmaryani, S., & Wijoyo, H. The Effect Of Self-Efficacy, Work Motivation On Job Satisfaction And Employee Performance: An Empirical Study On Palm Oil Company.
Syardiansah, S., Latief, A., Ramadansyah, J., Wijoyo, H., Prayudi, A., Sisiawan Putra, R., & Musnaini, M. (2021). The Influence of Work Motivation and Organizational Culture to Employee Performance.
Utomo, B., Wijoyo, H., Wikantari, M. A., Supriadi, Y. N., & Siswantini, T. (2022). Evaluation of the Quality of Online Learning during the Covid-19 post Pandemic: An Empirical Study at Indonesian University. resmilitaris, 12(5), 471-484.
This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.