BAB III ANALISA DAN PERANCANGAN
3.1
Analisa Kebutuhan Aplikasi Analisa kebutuhan merupakan langkah awal untuk menentukan aplikasi
yang dihasilkan. Aplikasi yang baik dan sesuai dengan kebutuhan pengguna sangat tergantung kepada keberhasilan dalam melakukan analisa kebutuhan. Jika terjadi kesalahan dalam analisa kebutuhan, maka aplikasi yang dibuat menjadi tidak berguna. Analisa kebutuhan yang baik belum tentu menghasilkan aplikasi yang baik. Tetapi analisa kebutuhan yang tidak tepat sudah pasti menghasilkan aplikasi yang tidak berguna. Kesalahan analisa kebutuhan yang diketahui ketika sudah memasuki penulisan kode atau pengujian, bahkan hampir pada tahap penyelesaian adalah malapetaka besar bagi sebuah pembuat aplikasi. Biaya dan waktu yang diperlukan menjadi banyak yang tersia-sia. Perkembangan teknologi yang pesat sangat mempengaruhi berbagai aspek kehidupan masyarakat. Ponsel merupakan salah satu teknologi yang selalu mengalami pembaharuan dan menyediakan berbagai fasilitas. Perkembangan teknologi
ponsel
telah
memberi
kemudahana
yang
didukung
dengan
perkembangan bahasa pemrograman untuk pembuatan aplikasi belajar, yang menampikan huruf dan suara. Aplikasi belajar yang yang terdapat pada ponsel tentunya lebih diminati, khusunya untuk anak usia pra sekolah karena ukuran ponsel yang kecil memungkinkan untuk dibawa kemana-mana, sehingga dalam belajar membaca akan lebih mudah. Pada tugas akhir ini dirancang suatu aplikasi belajar membaca yang dapat beropersi dimedia komunikasi berupa ponsel berbasis android. Aplikasi belajar ini dapat menjadi alternatife untuk membantu pengguna dalam mempelajari dan memahami abjad dengan mudah.
16
3.2
Perancangan Sistem Pada bagian ini akan dijelaskan secara rinci perancangan Aplikasi belajar
membaca yang meliputi permodelan use case diagram, activity diagram, dan flowchart.
3.2.1 Pemodelan Use Case Diagram
Melakukan Belajar Membaca
Mengerjakan Latihan Soal
User
Gambar 3.1 Use Case Aplikasi Belajar Membaca Aplikasi belajar membaca ini memiliki fitur-fitur, sebagai berikut: 1. Use Case melakukan belajar membaca Deskripsi Use Case: Nama
: Cara membaca kata
Aktor
: Pengguna
Deskripsi
: Pengguna dapat mengenal suku kata di menu melakukan belajar membaca
Kondisi awal Skenario
: Pengguna berada di menu melakukan belajar membaca aplikasi : -
1. Pengguna menekan tombol belajar membaca 2. Sistem menampilkan suku kata penyusun kata terdapat di bagian atas yang berukuran kecil dan kata baru yang dipelajari dibagian bawah yang berukuran besar yang diiringi dengan bunyi bacaan setiap kata yang ditampilkam pada system 3. Pengguna menyentuh suku penyusun kata
17
4. Sistem akan mengeluarkan suara cara membacanya 5. Pengguna menyentuh kata yang dipelajari 6. Sistem akan mengeluarkan suara cara membacanya 7. Pengguna menekan tombol halaman berikutnya 8. Sistem kembali ke langkah 2
2. Use Case mengerjakan latihan soal
Deskripsi Use Case: Nama
:
Latihan pengenalan kata terdiri dari huruf hidup dan suku kata
Aktor
:
Pengguna
Deskripsi
:
Pengguna melakukan latihan pengenalan kata terdiri dari huruf hidup dan suku kata
Kondisi awal
:
Pengguna berada di menu utama aplikasi
Skenario
:
-
1. Pengguna menekan menu mengerjakan latihan soal 2. Sistem menampilkan dua bagian suku kata, suku kata yang penyusun kata
terdapat di bagian atas yang berukuran kecil dan suku kata soal dibagian bawah yang berukuran besar yang diiringi dengan bunyi bacaan setiap suku kata yang ditampilkam pada system 3. Pengguna menyentuh tombol pilihan jawaban 1 4. Sistem mengeluarkan suara pembaca yang mungkin benar atau salah 5. Pengguna menyentuh tombol pilihan jawaban 2 6. Sistem mengeluarkan suara pembaca yang mungkin benar atau salah 7. Pengguna menyentuh tombol pilihan jawaban 3 8. Sistem mengeluarkan suara pembaca yang mungkin benar atau salah 9. Pengguna menyentuh tombol jawab 10. Sistem memberitahu apakah jawaban yang dipilih pengguna benar atau salah
11. Jika pengguna memilih jawaban yang benar 12. Sistem akan meberitahu jawaban anda benar dan mengeluarkan bunyi “kamu benar” 13. Jika pengguna memilih jawaban yang salah 14. Sistem akan menampilkan jawaban anda salah dan mengeluarkan bunyi
18
“kamu salah”. Sistem akan memberitahu jawaban yang benar, sistem akan kembali mengulang secara acak soal. 15. Pengguna menekan halaman selanjutnya
16. Sistem akan menuju halaman selanjutnya 17. Pengguna menyelesaikan seluruh materi latihan 18. Sistem menampilkan notifikasi bahwa seluruh materi telah di selesaikan
3.2.2
Pemodelan Activity Diagram
3.2.2.1 Activity Diagram melakukan belajar membaca USER
SISTEM
Menampilkan suku kata penyusun kata dan kata baru yang dipelajari
Menekan tombol Belajar Membaca
[Ingin mendengarkan cara membaca kata] Menyentuh suku penyusun kata
Mengeluarkan suara cara membacanya
Menyentuh kata yang di pelajari
[Ingin melanjutkan ke halaman berikutnya] Menyentuh tombol halaman berikutnya [Ingin kembali ke halaman menu utama] Menyentuh tombol home
Gambar 3.2 Activity Diagram belajar membaca
19
3.2.2.2 Activity Diagram mengerjakan latihan soal SISTEM
USER
Menekan tombol Latihan
Menampilkan suku kata penyusun kata dan kata baru yang dipelajari
Mengulang soal secara acak
Menyentuh tombol pilihan jawaban 1
Mengeluarkan suara pembaca yang mungkin benar atau salah
Menyentuh tombol pilihan jawaban 2
Menyentuh tombol pilihan jawaban 3 [Ingin mengetahui pilihan jawaban benar atau salah] Menyentuh tombol Jawab
[Benar]
[Salah]
Mengeluarkan suara benar
Menyentuh tombol soal berikutnya
Menyentuh tombol soal berikutnya
Mengeluarkan suara salah dan Mengeluarkan suara jawaban yang benar
[Ingin melanjutkan ke halaman berikutnya]
[Ingin melanjutkan ke halaman berikutnya]
Menampilkan kata telah menyelesaikan seluruh materi
Gambar 3.3 Activity Diagram latihan membaca
20
3.3
Perancangan Story Board Aplikasi Setelah analisa kebutuhan aplikasi, maka dilanjutkan pada perancangan
story board aplikasi. Storyboard adalah rancangan umum suatu aplikasi yang disusun secara berurutan layer demi layer serta dilengkapi dengan penjelasan dan spesifikasi dari setiap gambar, layer,dan teks. Perancangan storyboard aplikasi akan menghasilkan naskah storyboard yang menjadi panduan atau pedoman untuk mewujudukan produk pembelajaran. Perancangan ini bertujuan, agar aplikasi yang dihasilkan tidak terlihat rumit, mudah digunakan dan menarik. Perancangan storyboard merupakan rancangan kasar dari suatu tampilan layer, atau hanya merupakan gambaran umum saja. Perancangan story board aplikasi belajar membaca ini memiliki alur kerja aplikasi, dimana alur kerja aplikasi:
3.3.1 Menu halaman utama Rancangan tampilan muka harus dilakukan pada proses pembuatan aplikasi.
BELAJAR MEMBACA
LATIHAN
Gambar 3.4 Storyboard halaman utama Pada storyboard halaman utama menggambarkan bentuk umum pada halaman utama. Pada halaman ini menampilkan tombol belajar membaca, tombol latihan.
21
3.3.2 Rancangan Tampilan Menu Belajar Membaca Dalam penyampaian materi belajar membaca, aplikasi ini membagi layar menjadi beberapa bagian, yang dibagi berdasarkan sub-materi yang ada. Pengguna dapat belajar bagaimana cara pengucapan materi belajar membaca yang ada pada aplikasi ini. Karena aplikasi ini telah menyediakan panduan cara membaca suku kata.
3.3.2.1 Rancangan Tampilan Cara Membaca Kata Pada halaman belajar membaca ini terdapat dua bagian suku kata, yang pertama rangkaian suku kata penyusun kata yang terletak di bagian atas yang berukuran kecil. Sedangkan di bagian kedua terdapat suku kata di bagian bawah yang berukuruan besar, merupakan suku kata yang dapat didengarkan cara membacanya oleh pengguna ketika menekan kata tersebut.
Sa
Si
su
se
so
si sa Selanjutnya
Jika disentuh menampilkan halaman berikutnya Kata yang dipelajari (Jika disentuh akan mengeluarkan suara cara membacanya) Suku kata penyusun (Jika disentuh akan mengeluarkan suara cara membacanya)
Gambar 3.5 Tampilan halaman suku kata
22
3.3.3 Rancangan Tampilan Latihan Pada storyboard halaman latihan menggambarkan bentuk umum pada halaman latihan. Pada halaman ini menampilkan soal-soal latihan.
3.3.3.1 Latihan Pengenalan Kata yang Terdiri dari Huruf Hidup dan Suku Kata Pada gambar soal latihan dibawah ini, terdapat suku kata soal dengan tiga kata dengan diikuti bunyi sesuai cara membacanya. Jika pengguna mengklik radio button pilihan jawaban, maka akan mengeluarkan bunyi suara jawaban yang benar dan jawaban yang salah. Jika tombol radio button yang dipilih salah, kemudian pengguna menekan tombol jawab, maka akan muncul teks peringatan. Kemudian soal akan mengulang kembali. Jika tombol radio button yang dipilih benar, kemudian pengguna menekan tombol jawab, maka tampilan akan menuju halaman selanjutnya. sa,si,su,se,so
si sa
1 2 3 Jawab
Gambar 3.6 Tampilan latihan soal yang terdiri dari satu jenis huruf mati
3.3.3.2 Latihan Pengenalan Kata yang Terdiri dari Suku Kata Pada gambar soal latihan pengenalan kata dibawah ini, pengguna akan diajarkan pengenalan kata yang dimana dalam soal ini ialah lanjutan dari soal latihan sebelumnya.
23
ba,bi,bu,be,bo sa,si,su,se,so
bi sa
1 2 3 Jawab
Gambar 3.7 Tampilan latihan soal yang terdiri dari dua jenis huruf mati
Pada gambar soal latihan dibawah ini, terdapat suku kata soal dengan memiliki empat kata dengan diikuti bunyi sesuai cara membacanya. Pada tampilan akan muncul suku kata soal dengan diikuti bunyi suara sesuai suku kata yang muncul. Jika pengguna menekan salah satu tombol pilihan jawaban, maka akan mengeluarkan bunyi jawaban yang benar dan jawaban yang salah. Jika tombol radio button yang dipilih salah, kemudian pengguna klik command button jawab, maka akan muncul teks peringatan. Kemudian soal akan mengulang kembali. Jika tombol radio button yang diklik benar, kemudian pengguna mengklik command button jawab, maka tampilan akan menuju halaman selanjutnya.
Gambar Selamat Kamu Menyelesaikan Seluruh Materi
Gambar 3.8 Gambar notifikasi selesai menyelesaikan materi
24
Ketika pengguna telah menyelesaikan seluruh materi latihan, maka aplikasi akan memberikan
notifikasi
bahwa
seluruh
materi
telah
diselesaikan.
Dan akan
mengeluarkan suara “Selamat kamu berhasil menyelesaikan seluruh materi”.
3.4
Perancangan Algoritma Aplikasi Bahwa dalam pembuatan skripsi ini menggunakan metode Text to Speech
dalam merancang dan membangun aplikasi ini, yaitu: 1.
Metode yang secara langsung memanfaatkan Text to Speech dari perangkat
android. Belajar membaca dirancang dan dibangun dengan menggunakan metode Text to Speech menggunakan array dalam menyusun materi belajar belajar. 2.
Latihan soal dirancang dan dibangun dengan menggunakan metode Text to
Speech menggunakan media file txt. Proses pembuatan materi latihan membaca ini lebih peraktis dibanding harus memasukan satu persatu audio kedalam materi.
3.4.1
Perancangan Algoritma Menampilkan Belajar Membaca Diagram flowchart juga dapat diterapkan untuk menggambarkan suatu
tahapan penyelesaian masalah secara sederhana, terurai, rapi dan jelas dengan menggunakan simbol-simbol yang standar. Tahap penyelesaian masalah yang disajikan harus jelas, sederhanam efektif dan tepat, seperti pada gambar dibawah ini ialah diagram flowhchart yang menampilkan belajar membaca.
25
START
1
2 False
Menyiapkan Array
False
Membaca JumlahBaris>1 Apakah User Menekan Tombol Suku Kata atau Kata Penyusun
False
NoHalaman=1 True 3 False
Mengaktifkan Tombol Suku Kata Pada Baris 2
Membaca JumlahBaris>2
True
True True False Menampilkan Tombol Suku Kata Pada Baris 3
True True
True
False
Mengeluarkan Suara Cara Membacanya
Membaca JumlahBaris<2
Menyembunyikan Tombol Suku Kata Pada Baris 2
Membaca JumlahBaris<3
Apakah User Menekan Tombol Selanjutnya
True True Menyembunyikan Tombol Suku Kata Pada Baris 3
False
Membaca JumlahBaris>0 True
True 1
True
False Mengaktifkan Tombol Suku Kata Pada Baris 1
Apakah Masih Ada Halaman Selanjutnya
True
Menampilkan Tombol Kata yang Dipelajari
NoHalaman ++
True
3
2
Menampilkan Pesan Bahwa Materi Selesai
Selesai
Gambar 3.9 Perancangan Algoritma Belajar Membaca
26
Keterangan Algoritma Belajar Membaca: 1.
Menentukan NoHalaman adalah 1
2.
Membuat array belajar membaca 0
1
2
3
4
0
Jb
Huruf1 Huruf2 Huruf3
Kata
1
Jb
Huruf1 Huruf2 Huruf3
Kata
2
Jb
Huruf1 Huruf2 Huruf3
Kata
3
jb
Huruf1 Huruf1 Huruf3
Kata
- Kolom 0 berisi jumlah baris tombol yang akan ditampilkan. - Kolom 1 berisi huruf yang akan ditampilkan tombol suku kata pada baris 1. - Kolom 2 berisi huruf yang akan ditampilkan tombol suku kata pada baris 2. - Kolom 3 berisi huruf yang akan ditampilkan tombol suku kata pada baris 3. - Kolom 4 berisi huruf yang akan ditampilkan tombol kata penyusun yang dipelajari.
- Baris 0 berisi data untuk halaman 1. - Baris 1 berisi data untuk halaman 2. - Baris 2 berisi data untuk halaman 3. - Baris 3 berisi data untuk halaman 4.
3.
Menyimpan nilai array kedalam variabel
- Variabel jumlahBaris menyimpan nilai pada kolom 0. - Variabel huruf1 menyimpan nilai pada kolom 1. - Variabel huruf2 menyiman nilai pada kolom 2. - Variabel huruf3 menyimpan nilai pada kolom 3. - Variabel kata menyimpan nilai pada kolom 4.
27
2.
Menampilkan masing-masing tombol dan menyusunkan huruf yang sesuai
pada tombol - Menampilkan baris tombol suku kata sesuai dengan variable jumlahBaris - Menampilkan huruf pada masing-masing tombol sesuai dengan variable huruf1,huruf2,huruf3
3.
Menuggu Keyboard
- Menunggu user menekan tombol suku kata dan kata yang dipelajari
4.
Menghasilkan suara sesuai masing2 huruf
- Mengambil text dalam button - Jika masih ada antrian di TTS maka langsung dibunyikan
28
3.4.2 Perancanggan
Algoritma
Menampilkan
Soal
dan
Memeriksa
Jawaban User
START
Membaca File Materi
Menyusun Soal yang Tersisa Sebagai Kandidat Pengecoh
Mencari Level yang Sesuai
Menyimpan Dua Pengecoh dan Satu Soal (Jawaban Benar) dalam Array Pilihan Jawaban
Menyusun kandidat Soal dari Level yang Sesuai
Memilih Secara Acak Dua Kandidat Pengecoh Sebagai Pengecoh yang Ditampilkan
Mengurutkan Soal Berdasarkan Jawaban yang Benar
Menampilkan Soal dua pilihan Pengecoh dan Satu Pilihan Jawaban Benar
Memilih Soal yang Jumlah Benarnya masih sama Menjadi Kandidat Soal
Memeriksa Pilihan Jawaban
Memperdengarkan Suara Bahwa Jawaban Benar
Memperdengarkan Suara Bahwa Jawaban Salah dan Memperdengarkan Jawaban yang Benar
Menampilkan Halaman Selanjutnya Mengacak Susunan Array Pilihan Jawaban Menampilkan Kembali Soal Secara Acak [True]
[False] Memilih Satu Kandidat Soal Secara Acak Sebagai Soal yang Ditampilkan
[True]
[False]
Apakah User telah menjawab
END
Gambar 3.10 Perancanggan Algoritma Menampilkan Soal dan Memeriksa Jawaban User
29