Perancangan Pola Desain E-Learning

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.