Desain Pertama Prototipe Media E-Learning Berbasis Aplikasi

Gambar 4.4 Tampilan Rute Belajar Siswa Tampilan rute belajar pertama yaitu kosakata terdapat pengantar pembelajaran berupa kata-kata motivasi sebelum siswa mempelajari materi yang ada di dalam pembelajaran. Gambar 4.5 Tampilan Pengantar Pembelajaran Tampilan menu setelah pengantar pembelajaran berupa materi kosakata. Materi kosakata terdapat sepuluh kosakata beserta gambar yang harus dihafalkan oleh siswa. Gambar 4.6 Tampilan Menu Kosakata Tampilan menu kosakata setelah selesai dipelajari maka akan muncul penguatan materi. Penguatan materi ini untuk mengukur kemampuan siswa menangkap dan memahami materi kosakata dengan baik. Gambar 4.7 Tampilan Menu Penguatan Kosakata Tampilan yang ada pada menu bacaan terdapat beberapa komponen. Komponen tersebut meliputi teks bacaan, menu-menu utama, dan gambar ilustrasi tentang isi dari teks bacaan yang sedang dipelajari. Gambar 4.8 Tampilan Menu Bacaan Tampilan menu bacaan setelah selesai dipelajari maka akan muncul penguatan materi bacaan. Penguatan materi ini untuk mengukur sejauh mana siswa menangkap dan memahami materi bacaan dengan baik. Jika siswa belum menguasai penguatan materi bacaan seluruhnya, siswa dapat mengulang kembali materi dengan tombol reset yang akan muncul otomatis. Gambar 4.9 Tampilan Menu Penguatan Bacaan Menu Materi berisi penjelasan singkat mengenai Qowaid yang akan dipelajari siswa. Menu ini berisi tata bahasa tentang materi yang sedang dipelajari. Gambar 4.10 Tampilan Menu Tata Bahasa Tampilan menu evaluasi terdapat petunjuk sebelum siswa mengerjakan soal. Selain itu terdapat pula waktu atau durasi untuk mengerjakan semua soal. Tampilan skor setelah menyelesaikan semua soal ada dua macam yaitu skor lulus dan skor tidak lulus. Langkah selanjutnya setelah desain pertama selesai dibuat adalah melakukan bimbingan dan konsultasi kepada dosen pembimbing, ahli desain, dan dosen bahasa Arab sebagai ahli materi mengenai penulisan dan tata bahasa yang benar.

4.2.2 Desain Kedua Prototipe Media E-Learning Berbasis Aplikasi Lectora

Inspire Desain awal media E-Learning yang dikonsultasikan kepada pembimbing, ahli desain komunikasi visual dan ahli materi selanjutnya direvisi sesuai dengan saran-saran yang sudah diberikan oleh para ahli. Berdasarkan saran- saran tersebut, ada beberapa perbaikan baik dari dimensi visual, audio, maupun penulisan kalimat. Secara keseluruhan media E-Learning sudah memiliki sistematika yang bagus, akan tetapi dari segi audio dan visual perlu dilakukan perbaikan. Salah satu saran yang diberikan oleh ahli desain komunikasi visual dan pembimbing bahwa media E-Learning seharusnya diberi audio yang banyak supaya membuat media E-Learning semakin menyenangkan. Audio bisa berupa instrumen, lagu, atau bacaan keras tentang materi kosakata dan bacaan. Dari segi visual, salah satu saran yang diberikan oleh ahli desain komunikasi visual dan pembimbing adalah untuk insert gambar harus di edit terlebih dahulu supaya gambar terlihat lebih jelas. Gambar di bawah ini adalah tampilan halaman utama setelah perbaikan desain tahap pertama. Gambar 4.9 Tampilan Desain Kedua Halaman UtamaSampul Media E- Learning Pembimbing dan ahli desain komunikasi visual juga memberikan masukan bahwa perlu mengganti background petunjuk aplikasi sebelum pengguna media E-Learning. Gambar 4.10 Tampilan Desain Kedua Petunjuk Aplikasi Media E-Learning Tampilan halaman rute belajar mengalami perubahan dengan mengganti nama tiap level menjadi bahasa Arab. Gambar 4.1 1 Tampilan Desain Kedua Rute Belajar Tampilan menu SK-KD setelah perbaikan desain. Gambar 4.12 Tampilan Desain Kedua Menu SK-KD Menu kosakata juga mengalami perubahan pada segi kosakata dengan menambah kata jamak.