BAB I PENDAHULUAN 1.1 Latar Belakang LMS (Learning Management System) adalah aplikasi yang digunakan untuk mengelola pembelajaran, mengirimkan konten (content delivery system) dan melacak aktivitas seperti memastikan kehadiran dalam kelas maya, memastikan waktu pengumpulan tugas dan melacak hasil pencapaian siswa. Sedangkan menurut Kerschenbaum (2009), LMS adalah aplikasi yang berfungsi mengadministrasikan secara otomatis berbagai kegiatan pembelajaran anatra lain seperti berbagi sumber belajar, berdiskusi, pemberian tugas atau ujian serta memberikan penilaian. Universitas Gadjah Mada Yogyakarta adalah salah satu universitas yang memiliki Learning Management System berbasis web bernama elisa (elisa.ugm.ac.id). Selain dalam bentuk web, elisa juga diimplementasikan dalam bentuk mobile website, namun sayangnya sebagian fitur-fitur yang awalnya terdapat pada webite tidak terdapat pada mobile website. Tren pengaksesan internet melalui mobile device jumlahnya terus bertambah, menurut Meeker (2010) dalam lima tahun kedepan terhitung dari tahun 2007, lebih banyak pengguna akan terhubung ke internet melalui mobile device daripada melalui desktop. Terbukti pada tahun 2015 penggunaan mobile device terutama dalam hal pengaksesan website meningkat sangat pesat dengan prosentase 51%, sedangkan untuk desktop cenderung turun menjadi 42% (smartinsights.com, 2013). Meskipun demikian, bukan berarti mengakses website pada mobile device tidak menemui masalah. Masih banyak website yang menerapkan tampilan fixedwidth atau masih belum responsif terhadap ukuran layar device. Tampilan fixedwidth dirancang untuk ukuran layar yang lebar, sehingga ketika website tersebut dibuka pada mobile web browser tampilan akan mengecil dan butuh tambahan 1
2 waktu bagi pengguna agar dapat menyelesaikan task yang ingin dilakukan pada website tersebut. Salah satu website yang masih menerapkan tampilan fixed-width adalah LMS elisa. Meskipun pada kenyataanya elisa sudah memiliki versi mobile website, menurut pengamatan, elisa masih belum menerapkan kaidahkaidah responsive web design atau pola-pola desain kekinian yang sudah ada. Berdasarkan hal-hal yang disebutkan di atas, maka terbuka lebar kesempatan dan peluang untuk mengeksplorasi dan melakukan penelitian lebih lanjutterkait LMS elisa untuk meningkatkan kualitas user interface dan user experience menggunakan dasar-dasar responsive web design. Peningkatan kualitas user interface dan user experience pada elisa akan dimulai dengan melakukan survei kuantitatif dan kualitatif kepada pengguna elisa serta wawancara kepada stakeholder elisa. Kemudian dilanjutkan dengan perancangan antarmuka dengan menggunakan pola-pola desain dan heuristics of responsive web design dan terakhir melakukan pengujian. 1.2 Rumusan Masalah Permasalahan yang akan dibahas pada penelitian ini adalah bagaimana melakukan analisis user interface dan user experience pada web LMS elisa kemudian dikembangkan dengan menggunkan Heuristics of Responsive Web Design sebagai solusi antar muka yang baru dan diuji dengan metode SUS (System Usability Scale). 1.3 Batasan Masalah Batasan masalah dalam penelitian tugas akhir ini adalah sebagai berikut : 1. Lingkup penelitian website adalah proses yang hanya dilakukan oleh pengguna yang memiliki akun elisa yaitu mahasiswa dan pengampu mata kuliah. 2. Pengembangan yang dilakukan pada website hanya mencakup front-end, tidak mencakup back-end.
3 3. Pengambangan user interface pada desktop dan mobile web browser tidak berdasarkan sistem operasi pada mobile device tertentu. 1.4 Tujuan Penelitian Tujuan penelitian ini adalah membuat prototype responsive website dari LMS elisa sehingga dapat diakses melalui desktop maupun mobile web browser dengan kualitas usability yang baik dari segi UI ataupun UX. 1.5 Manfaat Penelitian Adapun manfaat dari penelitian ini adalah : 1. Membantu pengguna khususnya mahasiswa dan pengampu mata kuliah agar dapat dengan mudah mengakses LMS elisa dimanapun dan kapanpun pada mobile web browser. 2. Melengkapi kekurangan LMS elisa yang sudah ada dari segi user interface maupun user experience. 3. Memberikan pengalaman yang baik dalam berbagi sumber belajar dan wadah diskusi bagi pengampu mata kuliah dan mahasiswa dengan dibuatnya web elisa yang responsif dan user-friendly. 1.6 Metodologi Penelitian Penelitian ini dilakukan dengan tahapan tahapan sebagai berikut : 1. Studi Literatur Studi Literatur dilakukan dengan mengkaji dan mempelajari paper, e-book dan situs web yang terkait dengan user interface, user experience dan responsive web design. 2. Analisis Pada tahap analisis dilakukan analisis kebutuhan sistem dalam membangun antarmuka sistem elisa. Tahapan analisis meliputi survei kualitatif dan kuantitatif kepada stakeholder elisa dan pengguna elisa.
4 3. Desain Metode ini merupakan perancangan sistem, dilakukan dengan menggambarkan bagaimana sistem akan dibangun dan persiapan untuk merancang sistem itu sendiri. Dalam mendesain antarmuka penggunaakan menggunakan perancangan awal berupa use case. Kemudian perancangan antarmuka yaitu sketching, wireframing, dan mockuping. 4. Pengkodean Merupakan tahapan merubah racangan antarmuka sistem menjadi kode program computer dengan menggunakan HTML, CSS dan javascript (jquery). 5. Pengujian Merupakan tahap terakhir, yaitu menguji antarmuka sistem yang sudah jadi apakah sudah berjalan dengan baik ataukah masih memerlukan perbaikan lagi. Tahap pengujian berupa : a. Task scenario. b. System usability scale. 1.7 Sistematika Penulisan Untuk memberikan gambaran secara menyeluruh tentang permasalahan yang akan dibahas pada penelitian ini, maka sistematika penulisan akan dibagi menjadi tujuh bab sebagai berikut : 1. BAB I PENDAHULUAN Pada bab ini akan disampaikanpenjelasan mengenai latar belakang permasalahan, perumusan masalah, batasan masalah, tujuan penelitian, manfaat penelitian, metode penelitian dan sistematika penulisan.
5 2. BAB II TINJAUAN PUSTAKA Pada bab ini akan disampaikanpenjelasan mengenai hasil penelitian-penelitian sejenis yang dilakukan oleh para peneliti sebelumnya, termasuk metode penelitian yang digunakan. 3. BAB III LANDASAN TEORI Pada bab ini akan disampaikan penjelasan mengenai uraian teoriteori dasar yang berkaitan dengan penelitian yang dilakukan dan akan menjadi dasar dari pemecahan permasalahan. 4. BAB IV ANALISIS DAN PERANCANGAN SISTEM Pada bab ini berisi analisis terhadap sistem yang akan dikembangkan, serta penjelasan mengenai perancangan sistem berdasarkan hasil analisa yang telah dilakukan. 5. BAB V IMPLEMENTASISISTEM Pada bab ini akan disampaikan penjelasan mengenai implementasi Heuristics of Responsive Web Design dan metode SUS (System Usability Scale). 6. BAB VI PENGUJIAN DAN PEMBAHASAN Pada bab ini akan disampaikan pengujian sistem dan pembasahan sistem berdasarkan teori Heuristics of Responsive Web Design dan metode SUS (System Usability Scale). 7. BAB VII PENUTUP Pada bab ini akan disampaikan penutup dari laporan penelitian yang sudah dibuat, kesimpulan dari uraian pada bab-bab sebelumnya serta saran untuk pengembangan penelitian ini kedepannya.