BAB IV IMPLEMENTASI DAN ANALISA

Transkripsi

1 digilib.uns.ac.id BAB IV IMPLEMENTASI DAN ANALISA 4.1 Implementasi Aplikasi Berikut ini merupakan gambar dari implementasi aplikasi ketika dijalankan di emulator android secara langsung : Tampilan Icon Aplikasi Icon aplikasi ini mempunyai warna biru kemudian terdapat salah satu huruf hiragana yang terletak di tengah dari icon tersebut. Gambar 3.26 Icon Aplikasi 35

2 digilib.uns.ac.id Tampilan Splash Screen Tampilan splash screen ini menampilkan gambar ilustrasi dari aplikasi selama beberapa detik sebelum benar-benar masuk ke aplikasi. Splash Screen ini menggambarkan pemandangan yaitu gunung Fuji. Gambar 3.27 Splash Screen Tampilan Halaman Utama Tampilan halaman utama merupakan tampilan setelah splash screen selesai. Halaman utama yang akan muncul. Pada awal kemunculan halaman utama maka musik akan berbunyi mengiringi kemunculan halaman utama. Pada halaman utama terdapat lima pilihan menu yaitu Menulis, Kuis, Tentang dan terdapat gambar orang itu yang berarti orang yang membuat aplikasi ini (Info pembuat aplikasi) selain itu terdapat tombol suara yang digunakan untuk mematikan/menghidupkan suara musik yang ada pada aplikasi ini.

3 digilib.uns.ac.id 37 Gambar 3.28 Halaman Utama Tampilan Halaman Menulis Hamalan menulis mempunyai 4 tombol menu pilihan yaitu Daftar, Tulis, Mandiri dan juga Kosong. Gambar 3.29 Halaman Menulis

4 digilib.uns.ac.id Tampilan Halaman Daftar Sub menu dari halaman menulis salah satunya adalah halaman daftar yang berisikan daftar huruf Hiragana dasar yang jumlahnya 46. Pengguna bisa melihat dan juga bisa menggeser tab karena terdapat 3 tab untuk menyimpan jumlah huruf yang ada yaitu 46 jadi setiap tab yang ada jumlahnya kurang lebih 15. Selain itu pengguna juga bisa memilih huruf yang ada dan juga bisa mencobanya langsung. Gambar 3.30 Halaman Daftar Tampilan Halaman Tulis Pada halaman ini kita bisa menulis dengan cara menggoreskan ke kanvas yang ada mengikuti alur dari tulisan huruf Hiragana yang ditampilkan secara urutan tampilan huruf Hiragana yang ditampilkan yaitu dari huruf A sampai huruf N. di kanvas yang disediakan terdapat beberapa tombol yang membantu pengguna. Tombol tersebut antara lain : New : Berfungsi untuk menghapus kanvas sehingga akan menjadi sedia kala/ membersihkan kanvas Brush : Berfungsi untuk memilih Brush yang ingin digunakan,

5 digilib.uns.ac.id 39 berbagai ukuran Brush telah disediakan sehingga pengguna tinggal memilih yang di inginkan. Speaker : Berfungsi untuk membunyikan huruf sesuai huruf yang ditampilkan Back/Next : Berfungsi untuk kembali ke huruf sebelumnya atau menuju ke huruf selanjutnya. Home : Berfungsi untuk kembali ke halaman utama. Color : Berfungsi untuk memilih warna untuk menggoreskan ke kanvas yang telah disediakan Gambar 3.31 Halaman Tulis

6 digilib.uns.ac.id Tampilan Halaman Mandiri Halaman mandiri ini hampir sama dengan halaman tulis dimana yang membedakan adalah kanvas yang disediakan terdapat huruf Hiragana namun tanpa di tampilkan bagaimana aturan cara menulis. berbeda dengan halaman tulis yang ditampilkan cara menulis. selain itu terdapat pula tombol acak yang digunakan untuk mengacak huruf Hiragana yang akan ditampilkan sehingga huruf Hiragana akan berganti tak beraturan. Gambar 3.32 Halaman Mandiri Tampilan Halaman Kosong Halaman Kosong berisikan halaman dimana pengguna harus menuliskan huruf sesuai perintah yang muncul pada halaman tersebut. Kemudian untuk mengecek tulisan yang benar maka bisa dilihat pada tomobl pojok kanan atas. Selanjutnya akan ditampilkan cara menulis huuruf yang benar. Terdapat pula tombol save dimana user bisa menyimpan hasil dari coretan yang ada dikanvas ke dalam gallery di handphone pengguna.

7 digilib.uns.ac.id 41 Gambar 3.33 Halaman Kosong Gambar 3.34 Huruf yang Benar Tampilan Halaman Kuis Tampilan halaman kuis berisikan menu kuis huruf, menu kuis kata dan juga menu atur ulang. Tombol menu tersebut mempunyai fungsi sebagai berikut :

8 digilib.uns.ac.id 42 Tombol Menu Huruf : digunakan untuk menampilkan kuis huruf yaitu kuis yang jumlahnya hanya satu huruf. Sebelum masuk ke kuis huruf pengguna di wajibkan mengisi form nama yang telah disediakan. Tombol Menu Kata : digunakan untuk menampilkan kuis kata yaitu kuis yang jumlahnya gabungan dari beberapa huruf Hiragana. Kuis kata akan terbuka jika pengguna telah menyelesaikan kuis huruf/apabila kuis huruf belum terselesaikan semua maka kuis kata tidak bisa dipilih. Tombol Atur Ulang : digunakan untuk mengatur ulang kuis ke awal, atau dengan kata lain menghapus session nama dan score yang ada. Sehingga apabila pengguna ingin main kuis lagi maka harus menginputkan nama kembali. Gambar 3.35 Halaman Kuis Tampilan Halaman Form Nama Halaman form nama akan ditampilkan jika score=0 atau ketika pengguna telah mengatur ulang dengan cara menekan tombol atur ulang.

9 digilib.uns.ac.id 43 Gambar 3.36 Halaman form nama Tampilan Halaman Daftar Kuis Huruf Halaman daftar kuis huruf akan ditampilkan apabila pengguna telah menuliskan nama. Apabila soal masih terkunci maka pengguna belum bisa membukanya apabila soal berwarna putih dan terdapat tanda centang maka itu tandanya soal telah berhasil di jawab oleh pengguna. Dibagian atas terdapat nama dan score pengguna. Jumlah soal dari kuis huruf adalah 10 soal. Gambar 3.37 Halaman daftar kuis huruf

10 digilib.uns.ac.id Tampilan Halaman Kuis Huruf Apabila pengguna memilih soal yang ada maka akan ditampilkan isi dari soal tersebut. Pengguna harus menjawab pada kotak yang telah disediakan apabila benar maka akan ditampilkan pemberitahuan kalau jawabannya benar dan jika jawaban salah maka akan ditampilkan kalau jawabannya salah. Namun apabila jawaban benar akan dimunculkan sebuah kotak pemberitahuan tentang informasi yang berhubungan dengan huruf Hiragana. Dibagian atas layar juga terdapat nama dan score sehingga user bisa mengetahui nilai dari kuis yang ia kerjakan. Gambar 3.38 Halaman Kuis Huruf Tampilan Halaman Daftar Kuis Kata Soal yang pertama kali bisa dibuka adalah Kata 1, apabila pengguna telah berhasil menjawab kata satu maka kata 2 akan terbuka dan kata 1 akan ada tanda centang itu tandanya kata 1 sudah berhasil dijawab. Dibagian atas akan terdapat nama dan score yang didapatkan. Jumlah kuis kata adalah 10 soal.

11 digilib.uns.ac.id 45 Gambar 3.39 Halaman Daftar Kuis Kata Tampilan Halaman Kuis Kata Apabila pengguna memilih salah satu soal di daftar kuis kata maka akan ditampilkan soal dimana pengguna harus menjawab sesuai dengan huruf yang di soal tersebut. Apabila salah maka akan ada pemberitahuan jika jawaban salah, jika benar maka akan ada kotak dialog jika jawaban benar dan juga ada informasi tentang arti kata yang dijawab tersebut. Apabila pengguna ingin lanjut maka bisa pilih tombol lanjut yang ada pada kotak dialog tersebut.

12 digilib.uns.ac.id 46 Gambar 3.40 Halaman Kuis Kata Tampilan Konfirmasi Atur Ulang Tampilan konfirmasi atur ulang ini akan muncul dimana pengguna memilih tombol atur ulang pada menu kuis. Fungsi dari tombol atur ulang ini adalah mengatur ulang nama dan juga score yang ada sehingga kuis akan kembali ke pengaturan semula. Jika ingin menjawab kuis maka pengguna harus menginputkan kembali nama kemudian baru bisa menjawab kuis yang ada.

13 digilib.uns.ac.id 47 Gambar 3.41 Halaman Konfirmasi Atur Ulang Tampilan Halaman Tentang Halaman tentang ditampilkan apabila kita memilih tombol menu tentang di menu utama. Maka akan ditampilkan sebuah halaman dimana terdapat informasi tentang huruf Hiragana yang berasal dari jepang dan juga kegunaanya.

14 digilib.uns.ac.id 48 Gambar 3.42 Halaman Tentang Tampilan Halaman Info Halaman Info ditampilkan apabila pengguna memilih tombol Info. Isi dari halaman Info ini adalah informasi tentang pembuat aplikasi ini dan contact person

15 digilib.uns.ac.id 49 Gambar 3.43 Menu Info dan Halaman Info 4.2 Analis Sistem Aplikasi ini memiliki fungsi utama sebagai Aplikasi edukasi yang menyediakan fitur-fitur yang digunakan untuk mempelajari huruf Jepang terutama Hiragana. Pembuatan aplikasi ini menggunakan kode pemrograman Java Android dan untuk penyimpanan data menggunakan SQLite dan juga Shared Preferences yang tersimpan didalam aplikasi. Untuk membuat aplikasi ini menggunakan aplikasi Eclipse. Untuk menggunakan aplikasi ini hanya dibutuhkan handphone yang mempunyai operating system android minimal Ice Cream Sandwich yang telah terinstal aplikasi ini. Aplikasi ini dilengkapi dengan fitur yaitu menulis dimana user bisa menulis didala kanvas yang telah disediakan selain itu user juga bisa mengerjakan soal latihan yang telah disediakan di dalam menu Kuis.

16 digilib.uns.ac.id Menyimpan daftar huruf dengan SQLite Daftar huruf yang ada di menu menulis kemudian daftar huruf. Tampilan daftar huruf menggunakan ListView dan penyimpanan Sqlite. Dengan menggunakan tabel kemudian dimasukkan id, nama, kategori, alamat gambar. Gambar 3.44 Buat Tabel dan Insert Tabel Memanggil ListView dengan Query Select Didalam listview yang akan digunakan untuk daftar huruf Hiragana menggunakan select berdasarkan kategori Tab yang telah ditentukan. Gambar 3.45 Query Select

17 digilib.uns.ac.id Alunan Musik Dalam aplikasi terdapat musik yang akan terus berbunyi apabila tidak dimatikan oleh pengguna. Gambar 3.46 Script memutar musik Penyimpanan Shared Preferences Dalam aplikasi ini menggunakan penyimpanan sementara yaitu shared prerences yang digunakan untuk menyimpan nama dan score dari pengguna. Gambar 3.47 Script Shared Preferences

18 digilib.uns.ac.id Pengujian Pengujian Black Box Pada tahap ini, dilakukan pengujian menggunakan metode black box testing. Berikut ini adalah pengujian pada aplikasi edukasi huruf Hiragana (Jepang) berbasis Android yang di uji pada Smartphone Smartfren Andromax I (Ukuran layar : 4 inches, android versi : Ice Cream Sandwich Processor : 1.2 GHz dual-core, RAM : 512 MB ) dan Sony Xperia Sola (Ukuran layar : 3.7 inches, android versi : Ice Cream Sandwich, Processor : 1GHz dual-core, RAM : 512 MB) Tabel 4.1 Pengujian Black Box No Skenario Pengujian Masukan Hasil yang diharapkan Hasil didapatkan yang Kesimpulan 1 Kompatibel Membuka Tampilan Tampilan Valid Tampilan aplikasi Background terlihat Background dan juga dan juga proporsional tampilan menu serta tampilan menu antara tampilan fitur serta tampilan tampilan fitur terlihat menu, proporsional background dan fitur yang lainya 2 Menyimpan nama Masukkan Nama akan Nama Valid pengguna pada form nama & muncul di pengguna nama tekan tombol pojok dikiri muncul di simpan atas dengan pojok kiri atas warna putih warna putih

19 digilib.uns.ac.id 53 No Skenario Pengujian Masukan Hasil yang diharapkan Hasil didapatkan yang Kesimpulan 4 Menampilkan Pengguna Akan muncul Muncul kotak Valid Informasi disetiap menjawab kotak informasi soal kuis yang soal kuis pemberitahuan tentang terjawab dengan dengan benar informasi hiragana benar tentang hiragana. 5 Menampilkan Pengguna Akan muncul Muncul Valid pemberitahuan jika menjawab pemberitahuan pemberitahuan salah dalam soal dengan jika jawaban jika jawaban menjawab soal salah salah salah 6 Tidak bisa Mengulangi Akan muncul Muncul Valid mengulangi soal menjawab pemberitahuan pemberitahuan yang telah dijawab soal yang jika soal sudah jika soal dengan benar sudah berhasil berhasil dijawab dijawab dijawab dengan benar 7 Apabila score 100 Menjawab Kuis kata akan Kuis kata Valid maka kuis kata akan kuis sampai terbuka terbuka terbuka score=100 8 Mematikan/menghid Memilih Musik akan Musik Valid upkan musik tombol suara berhenti/ berhenti/ di menu musik akan musik berputar utama berputar sesuai tombol musik.

20 digilib.uns.ac.id 54 No Skenario Pengujian Masukan Hasil yang diharapkan Hasil didapatkan yang Kesimpulan 10 Menyimpan kanvas Memilih Kanvas akan Kanvas Valid pada halaman tombol save tersimpan ke berhasil Kosong pada menu di gallery tersimpan di halaman hanphone gallery kosong handphone Selain itu di uji juga pada device smartphone Smartfren Andromax Tab 7.0 dengan spesifikasi (Ukuran Layar : 7 Inchi, Versi Android : Ice Cream Sandwich, RAM 1024 MB, Processor : 1 GHz). Tabel 4.2 Pengujian Black Box Smartfren Andromax Tab 7.0 No Skenario Pengujian Masukan Hasil yang diharapkan Hasil didapatkan yang Kesimpulan 1 Kompatibel Membuka Tampilan Tampilan Kurang Tampilan aplikasi Background terlihat kurang Valid Background dan juga dan juga proporsional tampilan menu serta tampilan menu antara tampilan fitur serta tampilan tampilan fitur terlihat menu, proporsional background dan fitur yang lainya Untuk pengujian yang dilakukan pada device smartphone Smartfren Andromax Tab 7.0 terlihat bagus (Valid). Hanya tampilan pada layar pada bagian background, menu, dan fitur yang commit lainya terlihat to user berantakan.

21 digilib.uns.ac.id Kuisioner Dari kuisioner yang penulis buat di google doc dengan responden 30. Yang di posting di Jejaring Sosial (Facebook) dan juga lembar kuisoner yang di sebar di area sekitar fakultas MIPA UNS. Didapatkan hasil seperti berikut ini. Gambar 3.48 Statistik Jenis Kelamin Gambar 3.49 Statistik Tingkat Pendidikan Gambar 3.50 Statistik Tingkat Ketertarikan

22 digilib.uns.ac.id 56 Gambar 3.51 Statistik Tingkat Edukasi Gambar 3.52 Statistik Tingkat Pemahaman Gambar 3.53 Statistik Tingkat Kesulitan Gambar 3.54 Statistik Tingkat Menghafal

23 digilib.uns.ac.id 57 Gambar 3.55 Statistik Tingkat Kemudahan Kuis Gambar 3.56 Statistik Tampilan Gambar 3.57 Statistik Tema Gambar 3.58 Statistik Tombol/Icon

24 digilib.uns.ac.id 58 Gambar 3.59 Statistik Audio Gambar 3.60 Statistik Ketertarikan Aplikasi Gambar 3.61 Statistik Ajakan Gambar 3.62 Statistik Kemudahan

25 digilib.uns.ac.id 59 Gambar 3.63 Statistik Keefektifan Gambar 3.64 Statistik Pengembangan Kesimpulan Aplikasi Berdasarkan Kuisioner Berdasarkan hasil pengujian aplikasi edukasi huruf Hiragana (Jepang) berbasis Android yang diperoleh dari hasil perhitungan respon dari kuisioner yang telah dibagikan kepada responden adalah sebagai berikut : 1. Segi Informasi Dari segi informasi, aplikasi ini sudah memberikan informasi yang lengkap dan jelas. 2. Segi Kemudahan dan Kenyamanan Dari segi kemudahan dan kenyamanan, aplikasi ini sudah mudah dan nyaman digunakan. 3. Segi Desain dan Tampilan Dari segi desain dan tampilan, aplikasi ini cukup menarik dan cukup bagus.

26 digilib.uns.ac.id Segi Menu dan Fitur Dari segi menu dan fitur, aplikasi ini sudah cukup memiliki menu dan fitur yang menarik dan cukup bagus. 5. Saran Pengembangan Dari segi pengembangan, aplikasi ini akan lebih bagus jika dikembangkan diberbagai Platform.