BAB III ANALISA DAN PERANCANGAN

Transkripsi

1 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

2 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 Pemodelan Use Case Diagram Melakukan Belajar Membaca User Mengerjakan Latihan Soal 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 : Pengguna berada di menu melakukan belajar membaca awal aplikasi Skenario : - 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

3 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

4 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 Pemodelan Activity Diagram Activity Diagram melakukan belajar membaca USER SISTEM Menekan tombol Belajar Membaca Menampilkan suku kata penyusun kata dan kata baru yang dipelajari [Ingin mendengarkan cara membaca kata] Menyentuh suku penyusun kata Mengeluarkan suara cara membacanya Menyentuh kata yang di pelajari [Ingin melanjutkan ke halaman berikutnya] halaman berikutnya [Ingin kembali ke halaman menu utama] home Gambar 3.2 Activity Diagram belajar membaca 19

5 Activity Diagram mengerjakan latihan soal USER SISTEM Menekan tombol Latihan Menampilkan suku kata penyusun kata dan kata baru yang dipelajari Mengulang soal secara acak pilihan jawaban 1 pilihan jawaban 2 Mengeluarkan suara pembaca yang mungkin benar atau salah pilihan jawaban 3 [Ingin mengetahui pilihan jawaban benar atau salah] Jawab [Benar] [Salah] Mengeluarkan suara benar Mengeluarkan suara salah dan Mengeluarkan suara jawaban yang benar soal berikutnya [Ingin melanjutkan ke halaman berikutnya] soal berikutnya [Ingin melanjutkan ke halaman berikutnya] Menampilkan kata telah menyelesaikan seluruh materi Gambar 3.3 Activity Diagram latihan membaca 20

6 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: 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

7 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 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

8 3.3.3 Rancangan Tampilan Latihan Pada storyboard halaman latihan menggambarkan bentuk umum pada halaman latihan. Pada halaman ini menampilkan soal-soal latihan 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 Jawab Gambar 3.6 Tampilan latihan soal yang terdiri dari satu jenis huruf mati 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

9 ba,bi,bu,be,bo sa,si,su,se,so bi sa 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

10 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 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

11 START Menyiapkan Array NoHalaman=1 Membaca JumlahBaris>2 Menampilkan Tombol Suku Kata Pada Baris 3 Membaca JumlahBaris>1 Mengaktifkan Tombol Suku Kata Pada Baris 2 Membaca JumlahBaris<2 Apakah User Menekan Tombol Suku Kata atau Kata Penyusun Mengeluarkan Suara Cara Membacanya Membaca JumlahBaris<3 Menyembunyikan Tombol Suku Kata Pada Baris 2 Apakah User Menekan Tombol Selanjutnya Menyembunyikan Tombol Suku Kata Pada Baris 3 1 Membaca JumlahBaris>0 Mengaktifkan Tombol Suku Kata Pada Baris 1 Apakah Masih Ada Halaman Selanjutnya Menampilkan Tombol Kata yang Dipelajari NoHalaman Menampilkan Pesan Bahwa Materi Selesai Selesai Gambar 3.9 Perancangan Algoritma Belajar Membaca 26

12 Keterangan Algoritma Belajar Membaca: 1. Menentukan NoHalaman adalah 1 2. Membuat array belajar membaca 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 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

13 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

14 3.4.2 Perancanggan Algoritma Menampilkan Soal dan Memeriksa Jawaban User START Membaca File Materi Menyusun Soal yang Tersisa Sebagai Kandidat Pengecoh Memeriksa Pilihan Jawaban 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 Memperdengarkan Suara Bahwa Jawaban Salah dan Memperdengarkan Jawaban yang Benar Memperdengarkan Suara Bahwa Jawaban Benar Mengurutkan Soal Berdasarkan Jawaban yang Benar Memilih Soal yang Jumlah Benarnya masih sama Menjadi Kandidat Soal Menampilkan Soal dua pilihan Pengecoh dan Satu Pilihan Jawaban Benar Mengacak Susunan Array Pilihan Jawaban Menampilkan Halaman Selanjutnya Menampilkan Kembali Soal Secara Acak [] [] Memilih Satu Kandidat Soal Secara Acak Sebagai Soal yang Ditampilkan Apakah User telah menjawab END Gambar 3.10 Perancanggan Algoritma Menampilkan Soal dan Memeriksa Jawaban User 29