C. Desain Produk
Produk yang akan dihasilkan dalam penelitian pengembangan ini berupa perangkat lunak berbasis website yang dapat dimanfaatkan oleh mahasiswa sebagai
media pembelajaran solfegio berupa ear training atau latihan pendengaran, dalam penelitian ini terbatas hanya pada materi interval. Produk ini dikembangkan
berdasarkan perangkat lunak Moodle versi 2.7. Program yang akan disesuaikan dengan penelitian ini adalah plugin untuk perangkat lunak Moodle yaitu Music Theory Question
Type yang dibuat oleh Dr. Eric Brisson dari Winona State University dan didistribusikan secara Open Source melalui website
www.moodle.org .
Produk berupa media pembelajaran sebagai pendukung proses belajar mengajar ini diharapkan dapat beroperasi sesuai bagan berikut:
Gambar 3. Desain Proses Pembelajaran Menggunakan Media E-learning
1. Perangkat Lunak Moodle
Perangkat lunak Moodle diinstal pada webserver yang memiliki spesifikasi minimum sebagai berikut:
- Webserver Apache atau IIS - PHP versi 5.3.2
- Database MySQL minimal versi 5.1.33
Perkuliahan tatap muka
Dosen membuat soal latihan e-learning
Mahasiswa melakukan latihan mandiri melalui e-learrning
Hasil latihan mandiri terekam dan dapat diakses oleh dosen
Dosen mendapat feedback berupa nilai dari latihan mandiri mahasiswa
Dosen mengembangkan materi perkuliahan sesuai analisis perkembangan mahasiswa
Gambar 4. Tampilan Awal Moodle Setelah Terinstal
2. Desain Tampilan
Tampilan tema Moodle diubah dari tampilan standar dengan menggunakan tema Elegance yang didistribusikan secara Open Source melalui
http:moodle.org. Tema ini menggunakan Bootstrap versi 3 yang memungkinkan tampilan website lebih menarik dan dapat menyesuaikan
dengan ukuran layar komputer yang digunakan oleh pengguna.
Gambar 5. Menu Setting Tema
Gambar 6. Tampilan Baru Setelah Dipasang Tema Elegance
Setelah terpasang, tampilan website berubah warna menjadi biru dan dengan tata letak yang sedikit berbeda dengan tampilan standar. Pada saat
dicoba melalui perangkat telepon genggam dengan ukuran layar yang lebih kecil, tata letak website menyesuaikan secara otomatis agar tetap terlihat dan
berfungsi dengan baik.
Gambar 7. Tampilan Pada Perangkat Dengan Ukuran Layar Kecil