BAB III ANALISA DAN PERANCANGAN

(1)

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

(2)

17 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

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

: Pengguna berada di menu melakukan belajar membaca 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

User Mengerjakan_{Latihan Soal}

Melakukan Belajar Membaca

(3)

18

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

(4)

19

“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

Gambar 3.2 Activity Diagram belajar membaca Menekan tombol

Belajar Membaca

Menampilkan suku kata penyusun kata dan kata baru yang dipelajari

[Ingin mendengarkan cara membaca kata]

Menyentuh suku

penyusun kata Mengeluarkan suaracara membacanya

Menyentuh tombol halaman berikutnya Menyentuh kata yang di pelajari Menyentuh tombol home [Ingin melanjutkan ke halaman berikutnya]

[Ingin kembali ke halaman menu utama]

SISTEM USER

(5)

20

3.2.2.2 Activity Diagram mengerjakan latihan soal

Gambar 3.3 Activity Diagram latihan membaca Menekan tombol

Latihan Menampilkan suku kata penyusun kata dan kata baru yang dipelajari

Menyentuh tombol pilihan jawaban 1

Mengeluarkan suara pembaca yang mungkin

benar atau salah Menyentuh tombol pilihan jawaban 2 Menyentuh tombol soal berikutnya [Ingin melanjutkan ke halaman berikutnya] Menyentuh tombol Jawab Mengeluarkan

suara benar suara salah danMengeluarkan Mengeluarkan suara jawaban yang benar [Benar] [Salah] SISTEM USER Menyentuh tombol pilihan jawaban 3 Menampilkan kata telah menyelesaikan seluruh materi Mengulang soal secara acak

[Ingin mengetahui pilihan jawaban benar atau salah]

Menyentuh tombol

soal berikutnya [Ingin melanjutkan ke halaman berikutnya]

(6)

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

(7)

22

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

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

Selanjutnya

Belajar Mengenal Kalimat

(8)

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

(9)

24 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

(10)

25

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.

(11)

26

Gambar 3.9 Perancangan Algoritma Belajar Membaca START Menyiapkan Array NoHalaman=1 Membaca JumlahBaris>2 Menampilkan Tombol Suku Kata Pada Baris 3 Mengaktifkan Tombol Suku Kata Pada Baris 2 NoHalaman ++ Membaca JumlahBaris<3 Menyembunyikan Tombol Suku Kata Pada Baris 3 Membaca JumlahBaris>1 Mengaktifkan Tombol Suku Kata Pada Baris 1 Membaca JumlahBaris<2 Menyembunyikan Tombol Suku Kata Pada Baris 2 Membaca JumlahBaris>0 True False True True True True True True True False False False Menampilkan Tombol Kata yang Dipelajari False

True

Apakah User Menekan Tombol

Suku Kata atau Kata Penyusun

Apakah User Menekan Tombol Selanjutnya Mengeluarkan Suara Cara Membacanya True False True True

Apakah Masih Ada Halaman Selanjutnya 3

3

Menampilkan Pesan Bahwa Materi Selesai False False True Selesai 1 1 2 2

(12)

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

(13)

28

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

(14)

29

3.4.2 Perancanggan Algoritma Menampilkan Soal dan Memeriksa Jawaban User

Gambar 3.10 Perancanggan Algoritma Menampilkan Soal dan Memeriksa Jawaban User

START

Menyusun kandidat Soal dari Level yang Sesuai

Mencari Level yang Sesuai

Mengurutkan Soal Berdasarkan Jawaban yang Benar

Memilih Soal yang Jumlah Benarnya masih sama Menjadi Kandidat Soal