Inkscape Wavepad Sound Editor

3.2. Rancangan Aplikasi

Membuat rancangan desain tampilannya, diantaranya rancangan halaman mulai, halaman menu, halaman pengenalan, dan halaman latihan soal.

3.2.1 Rancangan Halaman Mulai

Halaman mulai adalah halaman menu utama yang muncul pertama saat program dijalankan, seperti ditunjukkan pada Gambar 3.3. Gambar 3.1 Halaman mulai Gambar 3.1 menampilkan judul aplikasi dan tombol mulai untuk menuju halaman selanjutnya.

3.2.2 Halaman Menu

Halaman menu berisi pilihan menu yang diinginkan. Gambar 3.2 Halaman Menu Gambar 3.2 menampilkan perintah memilih menu yang ingin dipilih pengguna.

3.2.3 Halaman Pengenalan

Halaman pengenalan berisi pilihan materi berupa aksara jawa, sandhangan, pasangan, tembung, ukara. Gambar 3.3 Halaman Pengenalan Gambar 3.3 menampilkan pilihan materi beserta isi materi. 3.2.4 Halaman Latihan Soal Halaman latihan soal berisi beberapa pertanyaan serta lembar jawab untuk latihan. Gambar 3.4 Halaman latihan soal Gambar 3.4 menampilkan lembar soal dan lembar jawaban serta postingan nilai. 3.3. Membuat Aplikasi 3.3.1 Membuat Desain Aplikasi Sebelum menuju pemrograman, pertama yang dilakukan adalah membuat desain tampilan. Pembuatan desain tampilan menggunakan Inkscape. Gambar 3.5 Tampilan Inkscape Gambar 3.6 Desain halaman mulai Gambar 3.8 adalah desain yang dibuat untuk ditampilkan pada halaman awal ketika program dijalankan. Gambar 3.7 Desain halaman Pada gambar 3.9 adalah desain yang dibuat untuk tampilan tiap halaman program.

3.4. Proses Perekaman Suara

Langkah selanjutnya adalah melakukan perekaman suara menggunakan software WavePad Sound Editor. Gambar 3.8 Tampilan WavePad Sound Editor

IV. HASIL DAN PEMBAHASAN 4.1.Percobaan Aplikasi

Setelah selesai membuat program aplikasi pembelajaran bahasa dan sastra jawa berdasarkan rancangan yang dibuat, maka program aplikasi siap untuk diimplementasikan atau diujicobakan melalui perangkat komputer. 4.2.1 Tampilan Awal Program Saat program telah dijalankan maka akan muncul tampilan awal program sebagai berikut: Gambar 4.1 Tampilan awal Gambar 4.1 menunjukkan bahwa pada tampilan awal terdapat 1 tombol yakni Mulai untuk menuju ke halaman menu. 4.2.2 Tampilan Menu Tampilan ini muncul ketika pengguna memilih tombol mulai pada halaman menu. Gambar 4.2 Tampilan menu Gambar 4.2 menjelaskan bahwa pada tampilan menu terdiri dari 4 tombol yakni Pengenalan, Soal Latihan, Tentang, Keluar. Untuk penjelasannya sebagai berikut: a. Pengenalan: untuk mengeksekusi halaman pengenalan. b. Soal latihan: untuk mengeksekusi halaman soal latihan. c. Tentang: untuk mengeksekusi halaman tentang program. d. Keluar: untuk mengakhiri aplikasi.

4.2.3 Tampilan Menu Pengenalan

Tampilan ini muncul setelah pengguna memilih menu pengenalan pada menu. Gambar 4.3 Gambar tampilan menu pengenalan Pada tampilan pengenalan terdapat 5 tombol pilihan materi-materi pengenalan dan 1 tombol ke menu yang berfungsi untuk kembali ke halaman menu. 5 tombol pilihan materi terdiri dari: 1. Aksara Jawa: berisi pengertian, materi pengenalan aksara jawa beserta bunyi , makna tiap aksara juga cara penulisan.