BAB 4 HASIL DAN BAHASAN. Dibawah ini merupakan tampilan tampilan dari aplikasi yang telah dibuat. Aplikasi

Transkripsi

1 BAB 4 HASIL DAN BAHASAN 4.1Tampilan Aplikasi Dibawah ini merupakan tampilan tampilan dari aplikasi yang telah dibuat. Aplikasi memiliki menu home seperti dibawah ini : Gambar 4.1 Menu home Pada menu Home terdapat 3 menu utama yaitu menu Start, menu About, dan menu Quit. Dibawah ini merupakan tampilan ketika mouse meng-hover / menyentuh button Start : 53

2 54 Gambar 4.2 Sentuh button start Dibawah ini merupakan tampilan ketika mouse meng-hover / menyentuh button About : Gambar 4.3 Sentuh button about Dibawah ini merupakan tampilan ketika mouse meng-hover / menyentuh button Quit :

3 55 Gambar 4.4 Sentuh button quit Menu Start memiliki tampilan seperti berikut : Gambar 4.5Menu start Menu Start merupakan menu dimana user akan mendapatkan materi materi pembelajaran serta soal soal ujian. Menu Start memiliki submenu yaitu Lesson 1, Lesson 2, Lesson 3, dan Ujian. Button back akan kembali ke menu Home. Ketika button

4 56 sub-menu Lesson di hover akan terdapat keterangan materi yang akan diajarkan. Berikut dibawah ini merupakan tampilan ketika button sub-menu yang ada dihover / disentuh: Gambar 4.6Sentuhbutton lesson 1 Gambar 4.6 merupakan tampilan ketika mouse meng-hover / menyentuh sub-menu lesson 1. Gambar 4.7 Sentuh button lesson 2

5 57 Gambar 4.7 merupakan tampilan ketika mouse meng-hover / menyentuh sub-menu lesson 2. Gambar 4.8 Sentuh button lesson 3 Gambar 4.8 merupakan tampilan ketika mouse meng-hover / menyentuh sub-menu lesson 3. Dibawah ini merupakan tampilan Writing dari lesson 1 : Gambar 4.9 Tampilan writing lesson 1

6 58 Pada tampilan writing terdapat 2 button, submit (> berwarna hijau) dan delete (tempat sampah), submit berarti user sudah selesai menulis huruf. Setelah user mengklik button submit, aplikasi akan menilai bagaimana huruf yang telah user buat. Keterangan apakah user menulis dengan benar atau salah akan ditampilkan disebelah kotak penulisan (info). Button delete berarti user ingin menulis ulang (kanvas yang disediakan kembali kosong). Dibawah ini merupakan tampilan ketika user tidak mencoba menulis tetapi mengklik button submit : Gambar 4.10 Submit huruf kosong Ketika user tidak berbuat apa apa tetapi mengklik button submit maka pada info akan ditampilkan please write. Ketika user menulis dengan benar maka pada info akan ditampilkan correct. Penulis menetapkan banyak error yang dilakukan user sehingga apabila error yang dilakukan masih kurang dari yang ditentukan maka penulisan huruf bisa dianggap benar (correct) dimana user tidak perlu mengulang kembali. Dibawah ini merupakan tampilan tampilan yang dianggap benar :

7 59 User menulis dengan sempurna. Gambar 4.11 Submit huruf benar1 Gambar 4.12 Submit huruf benar 2 Walaupun user tidak menulis secara tepat didalam huruf tetapi user tidak melebihi batas error yang ditetapkan sehingga aplikasi masih menganggap hasil itu adalah benar.

8 60 Gambar 4.13 Submit huruf benar 3 User berhasil menulis secara tepat didalam huruf tetapi terdapat coretan diluar huruf. Hasil seperti itu masih dianggap benar karena error yang dilakukan oleh user masih dibawah batas toleransi error yang telah ditentukan. Dibawah ini merupakan tampilan tampilan ketika aplikasi menganggap tulisan user adalah salah. Ketika hasilnya dianggap salah maka info yang ditampilkan adalah please try again. Gambar 4.14 Submit huruf salah 1

9 61 User banyak menyentuh sensor yang tidak ditetapkan sehingga error yang dilakukan melebihi batas toleransi. Gambar 4.15 Submit huruf salah 2 User tidak menulis pada huruf yang sudah disediakan dan malah menulis diluar huruf yang disediakan. Kesalahan yang dilakukan sudah melebihi batas toleransi. Gambar 4.16 Submit huruf salah 3 User sudah dengan tepat menulis akan tetapi error yang dilakukan diluar huruf sudah melebihi batas toleransi.

10 62 Gambar 4.17 Submit huruf salah 4 User sudah mengklik button submit padahal penulisan yang harus diselesaikan belum sempurna. Gambar 4.18 Submit huruf salah 5 User menyentuh semua sensor yang ditetapkan tetapi juga menyentuh sensor yang tidak ditetapkan sehingga walaupun sudah tepat menulis didalan huruf tetapi tulisan tidak sesuai dengan huruf yang diminta.

11 63 Gambar 4.19 Submit huruf salah 6 User menyentuh semua sensor yang ditetapkan tetapi juga menyentuh sensor yang tidak ditetapkan. User melakukan error melebihi batas toleransi. Gambar 4.20 Submit huruf salah 7 Mirip seperti contoh sebelumnya dimana user menyentuh semua sensor yang ditetapkan tetapi juga menyentuh sensor yang tidak ditetapkan. User melakukan error melebihi batas toleransi. Dibawah ini merupakan tampilan Writing lesson 2 :

12 64 Gambar 4.21Tampilan writing lesson 2 Yang membedakan lesson 1 dan lesson 2 adalah materi pembelajarannya. Ketentuan apakah hasil penulisan benar atau salah tetap ditentukan oleh banyaknya error yang dilakukan oleh user. Batas toleransi error tetap digunakan. Dibawah ini merupakan tampilan Writing 3 : Gambar 4.22 Tampilan writing lesson 3

13 65 Lesson 3 pun mirip dengan lesson 1 dan lesson 2, yang membedakan hanya materi yang dipelajari oleh user. Batas toleransi error tetap dipakai untuk menentukan apakah hasil tulisan user benar atau salah. Setiap lesson memiliki soal soal kuis. Tampilan kuis lesson 1 sampai lesson 3 memiliki tampilan seperti final test. Kuis 1 hanya menampilkan soal - soal materi writing 1, kuis 2 menampilkan soal soal materi writing 2, dan kuis 3 menampilkan soal soal materi writing 3. Menu final test berisi kumpulan soal dari materi lesson 1, lesson 2, dan lesson 3. Soal soal yang diberikan akan ditentukan oleh kecepatan dan ketepatan jawaban yang dipilih oleh user. Bentuk soal adalah multiple choice (pilihan ganda). Soal soal yang ada dibagi menjadi 5 level. Level yang lebih tinggi tentunya memiliki tingkat kesulitan yang lebih juga. Ketika menu Final Test dipilih user akan langsung diberikan soal level 1. Soal yang diberikan pada user berjumlah 5 nomor. 5 juga mewakili tingkatan level yang ada. Score didapatkan dari level tertinggi yang dicapai oleh user. Apabila user menjawab selalu benar dan cepat maka score yang didapat adalah sempurna. Dibawah ini merupakan tampilan soal dari kuis 1, kuis 2, kuis 3, dan Final Test :

14 66 Gambar 4.23Soal level 1 User akan mendapatkan soal dari level 1. Waktu yang diberikan adalah 10 detik. User hanya mengklik button jawaban yang menurut user adalah benar. Terdapat pilihan A, B, C, atau D.

15 67 Gambar 4.24Jawab level 1 benar cepat Apabila user menjawab benar maka pilihan yang dipilih akan dilingkari warna merah. Kecepatan menjawab ditentukan oleh waktu. Ketika user menjawab dengan benar dan cepat maka soal selanjutnya akan menuju level 2. Gambar 4.25Jawab level 1 benar lambat Gambar diatas merupakan tampilan ketika user menjawab soal level 1 dengan benar tetapi menjawab dengan lambat. Hal ini menyebabkan user tetap berada di level 1.

16 68 Gambar 4.26Jawab level 1 salah cepat Ketika user menjawab dengan cepat tetapi salah seharusnya dia akan turun level. Dikarenakan user sedang berada di level 1, apabila dia menjawab dengan salah maka dia akan tetap berada di level 1.

17 69 Gambar 4.27Jawab level 1 salah lambat Cepat atau lambat user menjawab tetapi apabila jawaban yang dipilih adalah salah user akan turun level akan tetapi apabila dia sedang berada di level 1 maka soal selanjutnya tetap soal level 1. Gambar 4.28Soal level 2

18 70 User tidak akan diberitahu apakah dia naik level atau turun level. Sebenarnya dia tidak akan mengetahui dia sedang berada di level yang mana. Hal ini agar user tidak menfokuskan diri pada level yang dicapai melainkan tetap fokus pada soal yang diberikan. User akan naik ke level 2 apabila menjawab dengan benar dan cepat soal level 1. User juga akan turun ke level 2 ketika jawaban yang dipilih pada soal di level 3 adalah salah. Gambar 4.29Jawab level 2 benar cepat Ketika berada di level 2 dan menjawab dengan benar cepat maka dia akan naik ke level 3.

19 71 Gambar 4.30Jawab level 2 benar lambat User menjawab dengan benar tetapi dengan lambat maka dia tetap berada di level 2. Gambar 4.31 Jawab level 2 salah cepat User akan turun ke level 1 karena menjawab dengan salah.

20 72 Gambar 4.32 Jawab level 2 salah lambat User juga akan turun ke level 1 karena jawaban yang dipilih salah. Gambar 4.33 Soal level 3

21 73 User akan naik ke level 3 apabila menjawab dengan benar dan cepat soal level 2. User juga akan turun ke level 3 ketika jawaban yang dipilih pada soal di level 4 adalah salah. Gambar 4.34 Jawab level 3 benar cepat User akan naik ke level 4 karena menjawab dengan benar dan cepat. Gambar 4.35 Jawab level 3 benar lambat

22 74 User akan tetap berada di level 3 karena menjawab dengan lambat walaupun jawaban yang dipilih benar. Gambar 4.36 Jawab level 3 salah cepat User akan turun ke level 2 karena jawaban yang dipilih salah. Gambar 4.37 Jawab level 3 salah lambat

23 75 User akan turun ke level 2 karena jawaban yang dipilih salah. Gambar 4.38 Soal level 4 User akan naik ke level 4 apabila menjawab dengan benar dan cepat soal level 3. User juga akan turun ke level 4 ketika jawaban yang dipilih pada soal di level 5 adalah salah. Gambar 4.39 Jawab level 4 benar cepat

24 76 User akan naik ke level 5 karena menjawab dengan benar dan cepat. Gambar 4.40 Jawab level 4 benar lambat User akan tetap berada di level 4 karena menjawab benar tetapi lambat. Gambar 4.41 Jawab level 4 salah cepat User akan kembali ke level 3 karena menjawab dengan salah.

25 77 Gambar 4.42 Jawab level 4 salah lambat User akan kembali ke level 3 karena menjawab dengan salah. Gambar 4.43 Soal level 5 User akan naik ke level 5 apabila menjawab dengan benar dan cepat soal level 4.

26 78 Gambar 4.44 Jawab level 5 benar cepat Level 5 merupakan level yang paling tinggi. Setelah user menjawab soal di level 5 maka score akan ditampilkan. Apabila user menjawab dengan benar dan cepat maka score yang didapat adalah sempurna. Gambar 4.45 Jawab level 5 benar lambat

27 79 Level akhir yang didapatkan user adalah level 5. Gambar 4.46 Jawab level 5 salah cepat Level akhir yang didapatkan user adalah level 4 karena menjawab dengan salah pada soal level 5. Gambar 4.47 Jawab level 5 salah lambat

28 80 Level akhir yang didapatkan user adalah level 4 karena menjawab dengan salah pada soal level Pengujian Akurasi Sensor Sensor yang digunakan berupa sebuah shape (kotak,bulat,segitiga,dll) yang akan aktif memberi sebuah nilai ketika terjadi tumbukan antara sensor dengan garis. Setiap shape memiliki kode yang unik. Pada saat terjadi tumbukan, secara otomatis nilai dari shape tersebut akan disimpan dalam bentuk string. Kemudian hasil dari string itu akan dibandingkan satu per satu setiap characternya dengan character string yang sudah diinput sebelumnya secara LIFO (Last In First Out). Saat terjadi ketidak sesuaian antara character string hasil dengan string di memory maka nilai dari flag akan ditambah satu dan pengecekan dilanjutkan pada huruf berikutnya sampai seluruh string selesai dibandingkan. Dengan cara ini akan diketahui urutan dari coretan atau garis yang dibuat oleh user. Apa bila nilai flag kurang dari 3 dan panjang dari nilai string coretan garis lebih besar dari 5 maka hasilnya string yang dibuat oleh user sudah benar. Selain itu akan dianggap salah. Validasi lebih besar dari 5 ini bertujuan untuk mencegah kesalahan pendeteksian seandainya string hasil yang dibuat oleh user sudah sesuai dengan string yang ada di memory namun belum sama jumlahnya, Dengan kata lain coretan atau garis yang dibuat oleh user sudah benar namun belum selesai sampai akhir. Pada character recognition penulis memberikan 49 titik yang terdiri dari 7 baris dan 7 kolom. Titik titik tersebut yang berupa kotak kotak merupakan sensor aktif ketika user membuat tulisan. Besar sensor sangat mempengaruhi karena apabila sensor yang ada terlalu kecil malah membuat user tidak mengenai sensor yang telah ditetapkan. Jarak antar sensor juga berpengaruh karena jarak yang renggang menyebabkan user tidak

29 81 mengenai sensor yang telah ditetapkan sedangkan jarak yang rapat malah menyebabkan user mengenai sensor yang tidak ditetapkan. Sensor disamping merupakan sensor 4 x 4 yang memiliki jarak antar sensor renggang. Jarak sensor yang renggang menyebabkan tingkat akurasi karakter yang rendah karena terkadang user tidak menyentuh sensor yang telah ditetapkan. Sensor disamping merupakan sensor 4 x 4 yang memiliki jarak antar sensor rapat. Tingkat akurasi menjadi lebih baik dari jarak sensor yang renggang. Kekurangan dari model sensor ini adalah jumlah sensor yang sedikit. Hal inilah yang menyebabkan tingkat akurasi masih belum baik.

30 82 Sensor disamping merupakan sensor 10 x 10 dengan jarak antar sensor yang renggang. Jumlah sensor yang banyak menghasilkan tingkat akurasi yang lebih baik ketimbang sensor 4 x 4 akan tetapi jarak antar sensor yang renggang masih mengakibatkan kesalahan dimana user tidak mengenai sensor yang telah ditetapkan. Sensor disamping merupakan sensor 10 x 10 dengan jarak antar sensor yang rapat. Tingkat akurasi model sensor ini sudah sangat baik akan tetapi jumlah sensor yang terlalu banyak terkadang mengakibatkan user malah mengenai sensor yang tidak ditetapkan.

31 83 Sensor disamping merupakan sensor 7 x 7 dengan jarak antar sensor yang renggang. Model sensor ini sudah cukup baik tetapi renggangnya jarak sensor masih menyebabkan tingkat akurasi yang kurang baik dimana user terkadang tidak mengenai sensor yang telah ditetapkan. Sensor disamping merupakan sensor 7 x 7 dengan jarak antar sensor yang rapat. Model sensor ini adalah yang terbaik. Jumlah sensor sudah mencukupi (tidak terlalu banyak) dan jarak yang rapat menyebabkan tingkat akurasi yang baik. Kesalahan dalam mengenai sensor yang tidak ditetapkan sudah sangat minimal. Oleh karena itu penulis menetapkan sensor ini menjadi sensor yang dipakai.

32 84 Berikut adalah hasil pengujian sensor 4x4, 7x7 dan 10x10: Tabel 4.1 Pengujian sensor Tabel 4.2 Perbandingan hasil tiap sensor Sensor miss error miss Error 7x7 renggang x7 rapat x4 renggang x4 rapat x10 renggang x10 rapat x7 rapat miss: 0% ; error: 0% renggang miss:10% ;error:15% 4x4 rapat miss: 0% ; error: 6% renggang miss: 28% ; error: 20% 10x10 rapat miss: 0% ; error: 22% renggang miss: 61% ; error 36% Pengujian ini membuktikan bahwa sensor rapat memiliki tingkat akurasi yang paling baik (0% miss), sedangkan untuk error-rate, pengujian sensor dilakukan terhadap sensor (4x4) renggang, (4x4) rapat, (7x7) renggang, (7x7) rapat, (10x10) renggang, (10x10) rapat. Berdasarkan pengujian tersebut dapat diketahui sensor (4x4) renggang,

33 85 (4x4) rapat belum dapat digunakan untuk merepresentasikan huruf dengan baik. Sensor (7x7) renggang hampir mendekati benar,namun memberi ruang yang sangat besar untuk melakukan kesalahan. Sedangkan sensor (10x10) renggang, (10x10) rapat mempresentasikan huruf terlalu baik, namun tidak memberikan toleransi kesalahan. Kesimpulannya sensor (7x7) rapat dinilai paling baik dalam mempresentasikan huruf (miss dan error paling rendah). 4.3 Evaluasi Aplikasi Dalam mengevaluasi aplikasi perangkat aja yang telah diselesaikan, penulis memberikan kuesioner. Hasil yang didapat adalah sebagai berikut :

34 86

35 87

36 88 Kesimpulan yang dapat diambil dari hasil evaluasi kuesioner diatas adalah - Aplikasi sudah cukup memenuhi keinginan user dimana fitur penulisan yang paling memuaskan mereka. Fitur mengerjakan soal juga cukup baik. Fasilitas lain yang diinginkan user adalah fitur membaca atau fitur pelafalann. - Untuk tampilan aplikasi, menurut hasil evaluasi sudah sangat baik. Terdapat beberapa saran seperti menambah animasi, menambah gambar, mengubah warna, dll. - Dalam menggunakan aplikasi, user interface yang ada mudah dimengerti sehingga user tidak mengalami kesulitan dalam mencoba aplikasi. - Aplikasi sudah cukup memenuhi kebutuhan dan bermanfaat, terbukti dari hasil evaluasi sebesar 100% user akan menggunakan kembali bahkan menyarankan aplikasi kepada teman teman mereka.

37 Kelebihan Aplikasi Pada bab 1, penulis menemukan beberapa aplikasi pembelajaran bahasa Jepang hiragana lain. Penulis akan membahas kelebihan aplikasi penulis dengan aplikasi lainnya. 1. Japanese-Hiragana Aplikasi yang dikembangkan oleh Kenji-Hioki ini sudah mampu mengenali urutan penulisan karakter huruf Hiragana. Aplikasi ini mengenali urutan penulisan dengan cara meminta user untuk menghubungan sensor berupa bulatan merah, ke sensor bulatan merah yang berada diujung garis. Setiap garis yang harus ditulis akan berubah warna dari putih menjadi kuning seperti gambar di bawah: Hasilnya, program dapat mengenali urutan penulisan dari karakter huruf hiragana. Namun hal ini memiliki kesan bahwa user hanya dapat melakukan apa yang diperintahkan aplikasi. Selain itu, selama garis ditarik dari ujung sensor yang satu mengenai sensor yang berada diujungnya, maka coretan tersebut sudah dianggap benar.

38 90 Akibatnya, meski dapat mengenali urutan penulisan, aplikasi ini masih belum mampu mengenali jika coretan garis yang dibuat masih belum sesuai. Garis biru menunjukan coretan yang dibuat oleh user telah diteksi sebagai benar dan kemudian aplikasi melanjutkan instruksi untuk garis yang berikutnya. Berikut contoh penulisan huruf U beserta dengan hasilnya: Tampilan diatas merupakan contoh penulisan huruf U.

39 91 Tampilan hasil dari penulisan huruf U yang salah, tetapi masih dianggap benar. 2. Writing order Free Hiragana Aplikasi yang dikembangkan oleh Masahiro Mizutani ini sudah mampu mengenali urutan penulisan karakter huruf Hiragana. Aplikasi ini mengenali urutan penulisan dengan cara meletakan sensor pada sepanjang karakter huruf hiragana. Hasilnya aplikasi mampu mengenali urutan penulisan dan cara pembuatan coretan sebuah garis dengan benar.

40 92 Tampilan diatas merupakan tampilan aplikasi dimana urutan penulisan harus dilakukan dari nomor 1. Tampilan diatas merupakan tampilan ketika urutan dan cara penulisan sudah benar. Kekurangannya adalah setiap huruf memiliki bentuk sensor yang berbeda beda, hal ini berakibat pembuatan aplikasi yang menjadi lama dan sudah untuk dikembangkan. Selain

41 93 itu selama coretan yang dibuat telah sesuai dengan urutan dan coretannya sudah menyentuh semua sensor, maka dikatakan benar. Apabila coretan yang dibuat telah benar namun melebihi dari seharusnya, maka program masih dikatan benar. Padahal seharusnya hal tersebut adalah salah. Tampilan diatas merupakan contoh 1 pembuatan garis yang sudah benar namun berlebih akan tetapi masih dianggap benar.

42 94 Tampilan diatas merupakan contoh 2 pembuatan garis yang sudah benar namun berlebih akan tetapi masih dianggap benar. Pada pembahasan 4.1 penulis sudah memberikan tampilan aplikasi penulis. Aplikasi penulis lebih unggul dari pada kedua aplikasi lain yang ditemukan. Aplikasi penulis terutama pada bagian penulisan huruf sudah lebih baik dimana user memang harus menulis dengan benar agar hasil yang didapatkan adalah benar. User tidak bisa menulis secara berlebih karena aplikasi akan menganggap hasil tersebut adalah salah. Sensor yang diterapkan pada aplikasi penulis sudah lebih baik dan lebih unggul ketimbang kedua aplikasi lainnya.