36 BAB III ANALISA DAN PERANCANGAN Seperti yang telah dijelaskan pada bab sebelumnya, pada bab ini akan dijelaskan tentang perencanaan dan langkah pembuatan dari aplikasi, dari mulai langkah-langkah awal analisa sampai kepada perancangan sistem. 3.1 Analisis Pada tahap analisis dan perancangan sistem ini diperlukan tahapan sistematis agar aplikasi yang akan dibuat sesuai dengan kegunaan dan tujuannya, salah satunya adalah model storyboard. Proses analisis merupakan salah satu tahapan yang harus dilalui rekayasa perangkat lunak karena melalui analisis definisi masalah menjadi lebih jelas, tahap perancangan di mulai dengan melakukan perancangan sistem dan perancangan antarmuka yang akan digunakan untuk diterapkan pada aplikasi. kebutuhan sistem dapat dispesifikasi sehingga kriteria yang harus dipenuhi sistem dapat ditentukan agar sistem yang dihasilkan nantinya menjadi solusi dari masalah tersebut. 3.1.1 Analisa Kondisi ng Ada Berdasarkan pada latar belakang masalah dan perumusan masalah yang sudah diketahui pada bab sebelumnya untuk dapat merancang suatu sistem aplikasi android dengan baik perlu adanya beberapa persiapan yang matang, seperti untuk menentukan suatu kebutuhan dari aplikasi yang akan dibuat agar sistem aplikasi android dapat berjalan sesuai yang di inginkannya, kebutuhan untuk membuat aplikasi android adalah membuat perancangan aplikasi pembelajaran tata bahasa arab. Saat ini banyak sekali buku-buku yang mempelajari tentang tata bahasa arab secara jelas pada umumnya, akan tetapi pada penyampaiannya yang kurang interaktif pada buku akan membuatnya masyarakat harus membuka dan menyari buku tersebut, dan juga penyampaian materi yang kurang komunikatif dan menarik pun dapat menimbukan rasa jenuh pada masyarakat dalam mempelajari bahasa arab, dan dalam hal ini masih sedikit yang mampu dalam memberi penjelasan yang menarik bagi masyarakat, khususnya seseorang yang ingin mempelajari bahasa arab. 36
37 Adapun yang perhatikan pada aplikasi tata bahasa arab sebelumnya adalah : 1. adanya contoh soal latihan atau hasil evaluasi hasil pembelajaran yang dapat menguji pemahaman seseorang terhadap materi yang sudah diberikan. 2. Tampilan yang kurang menarik dan interaktif. 3. disertai dalam huruf bahasa Indonesia di dalam pembelajaran tata bahasa arab. 3.2 Perancangan Aplikasi Pada Perancangan aplikasi suatu bagian dari metodologi pengembangan pembangunan suatu perangkat lunak yang dilakukan setelah tahapan untuk memberikan gambaran secara terperinci. Agar aplikasi ini mudah dipahami maka perlu membuat Permodelan struktur navigasi hirarki untuk menampilkan data berdasarkan kriteria tertentu di setiap halaman dan pemodelan storyboard untuk menggambarkan interaksi antar objek didalam dan disekitar sistem mendesain antarmuka yang muncul pada layar monitor, dan dalam perancangan aplikasi tata bahasa arab ini, akan menggunakan software android studio, dan sebelum membangunnya maka harus mempersiapkan data multimedia yang berupa teks, gambar dan audio. Berikut adalah merupakan tahapan dalam mempersiapkan aplikasi nya: 1. Teks dan Gambar untuk mempersiapkan data dalam bentuk teks dan gambar untuk mendukung aplikasi yang ingin dibuat. Untuk mengolah itu semua maka akan menggunakan tool adobe photoshop CS3 dan menyimpannya dalam bentuk format JPEG. 2. Audio Perlu juga untuk mempersiapkan data multimedia dalam bentuk audio untuk mendukung aplikasi android yang akan dibuat. Untuk membuat format audio perlu dilakukan perekaman dengan menggunakan handphone yang dapat merekam suara, dan melakukan editing dengan menggunakan tool Adobe Audition 1.5 dan menyimpan data suaranya dengan berbentuk berformat MP3
38 3.2.1 Gambaran Umum Sistem ng Diusulkan Pembuatan aplikasi tata bahasa arab yang akan dibuat mampu menampilkan berupa teks dan visualisasi gambar serta suara pada huruf hijaiyah di layar smartphone android. 3.2.2 Perancangan Prosedur ng Diusulkan Proses perancangan ini merupakan tahap awal dari perancangan aplikasi Bahasa Arab yang dilakukan sebagai pemecahan masalah yang ada pada proses pembelajaran aplikasi tata bahasa arab ketika digunakan, pada bagian ini akan dijelaskan secara rinci, untuk membangun aplikasi android Pembelajaran Tata Bahasa Arab, yang akan meliputi pada pemodelan flowchart, perancangan storyboard, dan pemodelan struktur navigasi. 1. Menu Utama Pada halaman ini user akan melihat tombol utama sub-sub menu. 2. Menu Pengenalan Huruf Hijaiyah Di halaman ini, user akan melihat tentang pengenalan huruf Hijaiyah. 3. Menu Materi Nahwu Pada halaman ini, user akan melihat informasi seputaran pengenalan tentang materi Nahwu. 4. Menu Pembelajaran Pada halaman ini user akan mendapatkan pembelajaran tentang percakapan bahasa arab, termasuk kata kerja bahasa arab. 5. Menu Latihan Soal Pada halaman ini, user akan menjawab pertanyaan soal-soal bahasan dari bagian halaman pembelajaran, pertanyaan soal ini juga bertujuan untuk mengetahui seberapa paham user mempelajari bagian aplikasi halaman pembelajaran tata bahasa arab. 6. Menu Tentang Aplikasi Pada halaman ini, user akan melihat data pembuat aplikasi. 3.2.2.1 Pemodelan Struktur Navigasi Struktur navigasi adalah urutan alur informasi dari suatu aplikasi multimedia. Dengan menggunakan struktur navigasi yang tepat maka suatu aplikasi mutimedia mempunyai suatu pedoman dan arah informasi yang jelas. Dalam pembuatan aplikasi
39 multimedia maka akan menggunakan struktur navigasi, Struktur navigasi yang digunakan pada aplikasi ini adalah struktur navigasi Hierarchi. Penjelasan secara garis besar. Tampilan awal aplikasi dimulai pada menu, didalam menu terdapat 6 pilihan yaitu Menu Pengenalan Hijaiyah, menu materi nahwu, menu pembelajaran, menu latihan soal, menu tentang aplikasi, dan menu keluar. Setelah user memilih Menu Utama maka user akan masuk ke halaman yang menampilkan huruf hijaiyah. Apabila sudah selesai, user dapat memilih apakah ingin kembali ke menu utama atau keluar dari aplikasi, jika kembali ke menu utama maka user dapat kembali memilih menu yang tersedia, Jika tidak maka selesai. Berikut struktur navigasi Hierarchi pada aplikasi ini dilihat pada gambar dibawah ini. Menu Utama Pengenalan Huruf Hijaiyah Tentang Materi Nahwu Pembelajaran Latihan Soal Keluar Aplikasi Huruf Makhorijul Pengenalan Pengenalan Pengenalan Ilmu Nahwu Percakapan Kata Benda Latihan Fi il Isim Huruf Fi il Berdasarkan Kebutuhan Terhadap Obyek Fi il Aktif dan Pasif Fi il Berdasarkan Huruf Penyusun Pengenalan Isim Isim Berdasarkan Jumlah Isim Berdasarkan Jenis Isim Ditinjau dari Keumuman dan Kekhususan Isim Ditinjau dari Keberterimaan Tanwin Isim Ditinjau dari Perubahan Akhir Kata Huruf jar Hasil Gambar 3.1 Struktur Navigasi
40 3.2.2.1 Flowchart a. Flowchart Menu Utama Start Tampilan Splash Menu Utama Huruf Makhorijul Tampilan Huruf Makhorijul Huruf Makhori jul Materi Nahwu Pembelajaran Tampilan Materi Nahwu Tampilan Pembelajaran Materi Nahwu Pembel ajaran Latihan Soal Tampilan Latihan Soal Latihan Soal Tentang Aplikasi Tampilan Tentang Aplikasi Tentan g Aplikasi End Gambar 3.25 Flowchart Menu Utama
41 b. Flowchart Huruf Makhorijul Huruf Makhorij ul Pilih Menu Alif Tampilan alif Baa Tampilan baa taa Tampilan taa tsa jaa haa Tampilan tsa Tampilan jaa Tampilan haa kha Tampilan kha daa Tampilan daa dza
42 dza raa Tampilan raa za Tampilan za saa Tampilan saa sya Tampilan sya sho Tampilan sho dhod Tampilan dhod tho Tampilan tho dzho Tampilan dzho ayn
43 Ayn ghyn Tampilan ghyn faa Tampilan faa qaf Tampilan qaf kaf Tampilan kaf lam Tampilan lam Mim Tampilan mim nun Tampilan nun wawu Tampilan wawu ha Tampilan ha ya Tampilan ya End Gambar 3.26 Flowchart Huruf Makhorijul
44 c. Flowchart Materi Nahwu Materi Nahwu Pilih Menu Ilmu Nahwu Tampilan Ilmu Nahwu Pengenalan Isim Tampilan Pengenalan Isim Pengenalan Fi il Pengenalan Huruf Tampilan Pengenalan Fi il Tampilan Pengenalan Huruf End d. Flowchart Pembelajaran Gambar 3.27 Flowchart Materi Nahwu Pembela jaran Pilih Menu Percakapan Kata Benda Tampilan Percakapan Tampilan Kata benda End Gambar 3.28 Flowchart Pembelajaran
45 e. Flowchart Latihan Soal Latihan Soal Pilih Menu Latihan Soal Tampilan Latihan Soal End f. Flowchart Tentang Aplikasi Gambar 3.29 Flowchart Latihan Soal Tentang Aplikasi Pilih Menu Tentang Aplikasi Tampilan Tentang Aplikasi End Gambar 3.30 Flowchart Tentang Aplikasi
46 3.2.3 Storyboard Setiap halaman yang ada di rancangan aplikasi tata bahasa arab saling terhubung satu sama lain, dan saling berkaitan. Sub-sub halaman dari pilihan menu utama hanya dapat di akses melalui sub-sub halaman menu masuk. Pada saat memasuki halaman menu Pengenalan hijaiyah, materi nahwu, pembelajaran, latihan soal, dan menu tentang aplikasi maka akan menampilkan layout halaman tersebut dan halaman tersebut hanya terhubung dengan menu utama, Perancangan ini merupakan hasil transformasi dari analisa ke dalam perancangan yang nantinya akan diimplementasikan. 3.2.3.1 Rancangan Storyboard Home Perancangan pada halaman Home atau Menu layar utama adalah bagian dari halaman depan dari semua halaman yang ada pada aplikasi tata bahasa arab. Halaman ini juga disebut sebagai halaman pembuka, karena pada saat pertama aplikasi dibuka maka halaman inilah yang akan tampil sebelum halaman yang lainnya. Halaman ini juga merupakan main atau home dari halaman-halaman aplikasi lainnya yang berada pada aplikasi Tata bahasa arab tersebut. Pembelajaran Tata Bahasa Arab Text Text Text Text Text Text Gambar 3. 2 layar utama pada menu aplikasi Tata Bahasa Arab. 3.2.3.2 Rancangan Storyboard Halaman Pengenalan Huruf Makhorijul
Perancangan pada halaman pengenalan huruf makhorijul merupakan button yang menuju ke halaman yang menampikan huruf-huruf hijaiyah. 47 Huruf Makhorijul Alif Baa Tsa Jaa Haa Kha Daa dza Raa Za Saa Gambar 3. 3 Rancangan halaman layar pada menu huruf Makhorijul 3.2.3.3 Rancangan Storyboard Halaman Pembelajaran Perancangan pada halaman pembelajaran memiliki 2 menu, diantaranya menu percakapan, menu kata kerja dan menu utama yang merupakan tombol yang menuju ke halaman awal. Menu Pembelajaran PERCAKAPAN KATA BENDA Gambar 3. 4 Rancangan halaman layar pada menu pembelajaran 3.2.3.4 Rancangan Storyboard Halaman Percakapan Perancangan pada halaman percakapan memiliki menu yang berisi tentang materi teori seseorang sedang bercakap dengan bahasa arab, dilengkapi dengan Huruf Arab dan Huruf Bahasa Indonesia untuk penerjamahannya pada halaman percakapan.
48 Percakapan Materi Percakapan Gambar 3. 5 Rancangan halaman layar pada menu percakapan 3.2.3.5 Rancangan Storyboard Halaman Kata Benda Perancangan pada halaman kata benda memiliki menu yang berisi tentang kata benda, dilengkapi dengan huruf bahasa arab dan bahasa Indonesia. Kata Benda Materi Kata Benda. Gambar 3. 6 Rancangan halaman layar pada menu kata kerja 3.2.3.6 Rancangan Storyboard Halaman Menu Nahwu Perancangan pada halaman materi nahwu memiliki 4 menu yang berisi tentang menu ilmu nahwu, menu pengenalan fi il, menu pengenalan isim, dan menu pengenalan huruf.
49 Menu Nahwu Ilmu Nahwu Pengenalan Isim Pengenalan Fi il Pengenalan Huruf Gambar 3.7 Rancangan halaman layar pada menu materi nahwu 3.2.3.7 Rancangan Storyboard Halaman Mengenal Fi il Perancangan pada halaman Mengenal fi il memiliki 3 menu yang berisi tentang Fi il berdasarkan kebutuhan terhadap obyek, fi il aktif dan pasif dan fi il berdasarkan huruf penyusun. Pengenalan Fi il Fi il Berdasarkan Kebutuhan Terhadap Obyek Fi il Aktif dan pasif Fi il Berdasarkan Huruf Penyusun Gambar 3.8 Rancangan halaman layar pada menu Mengenal Fi il 3.2.3.8 Rancangan Storyboard Fi il Berdasarkan Kebutuhan Terhadap Obyek Perancangan pada halaman Fi il berdasarkan kebutuhan terhadap obyek memiliki isi materi yang berisi tentang Fi il Lazim dan Fi il Muta addiy. dilengkapi dengan isi materi dengan huruf bahasa Indonesia dan bahasa arab.
50 Materi Fi il Berdasarkan Kebutuhan Terhadap Obyek Gambar 3.9 Rancangan halaman layar pada menu Fi il berdasarkan kebutuhan terhadap obyek 3.2.3.9 Rancangan Storyboard Halaman Fi il Aktif Dan Pasif Perancangan pada halaman Fi il aktif dan pasif memiliki materi yang berisi tentang fi il ma lum dan fi il Majhul. dilengkapi dengan isi materi dengan huruf bahasa Indonesia dan bahasa arab. Materi Fi il Aktif Dan Pasif Gambar 3.10 Rancangan halaman layar pada menu Fi il aktif dan pasif 3.2.3.10 Rancangan Storyboard Halaman Fi il Berdasarkan Huruf Penyusun Perancangan pada halaman Fi il Berdasarkan Huruf Penyusun memiliki isi materi yang berisi tentang fi il Shahih dan fi il mu tal. dilengkapi dengan isi materi dengan huruf bahasa Indonesia dan bahasa arab.
51 Materi Fi il Berdasarkan Huruf Penyusun Gambar 3.11 Rancangan halaman layar pada menu Fi il Berdasarkan Huruf Penyusun 3.2.3.11 Rancangan Storyboard Halaman Pengenalan Isim Perancangan pada halaman Pengenalan Isim memiliki 6 menu yang berisi tentang Pengenalan Isim, Isim berdasarkan jumlah, isim berdasarkan jenis, isim ditinjau dari keumuman dan kekhususan, isim dari keberterimaan tanwin, dan isim ditinjau dari perubahan akhir kata. Dilengkapi dengan isi materi dengan huruf bahasa Indonesia dan bahasa arab. Pengenalan Isim Pengenalan isim Isim berdasarkan jumlah Isim berdasarkan jenis Isim ditinjau dari keumuman dan kekhususan Isim ditinjau dari kebertierimaan tanwin Isim ditinjau dari perubahan akhir kata Gambar 3.12 Rancangan halaman pada menu Mengenal Isim 3.2.3.12 Rancangan Storyboard Halaman Pengenalan Isim Perancangan pada halaman Pengenalan Isim berisi materi tentang pengenalan terhadap isim dan ciri-ciri isim. dilengkapi dengan isi materi dengan huruf bahasa Indonesia dan bahasa arab.
52 Materi Pengenalan Isim Gambar 3.13 Rancangan halaman pada menu Pengenalan isim 3.2.3.13 Rancangan Storyboard Halaman Isim Berdasarkan Jumlah Perancangan pada halaman Isim Berdasarkan Jumlah memiliki isi materi yang berisi tentang Mufrad, tatsniyah, dan jamak. dilengkapi dengan isi materi dengan huruf bahasa Indonesia dan bahasa arab. Materi Isim Berdasarkan Jumlah Gambar 3.14 Rancangan halaman layar pada menu Isim Berdasarkan Jumlah 3.2.3.14 Rancangan Storyboard Halaman Isim Berdasarkan Jenis Perancangan pada halaman Isim Berdasarkan Jenis memiliki Isi materi yang berisi tentang Isim Mudzakkar dan Isim muannats. dilengkapi dengan isi materi dengan huruf bahasa Indonesia dan bahasa arab. Materi Isim Berdasarkan Jenis Gambar 3.15 Rancangan halaman layar pada menu Isim Berdasarkan Jenis
53 3.2.3.15 Rancangan Storyboard Isim Ditinjau dari keumuman dan kekhususan Perancangan pada halaman Isim Ditinjau dari keumuman dan kekhususan memiliki materi yang berisi tentang Isim Ma rifah dan Isim Nakirah. dilengkapi dengan isi materi dengan huruf bahasa Indonesia dan bahasa arab. Materi Isim Ditinjau Dari Keumuman Dan Kekhususan Gambar 3.16 Rancangan halaman layar pada menu Isim Ditinjau dari keumuman dan kekhususan dalam tata Bahasa Arab 3.2.3.16 Rancangan Storyboard Halaman Isim Ditinjau Dari Keberterimaan Tanwin Perancangan pada halaman Isim Ditinjau Dari Keberterimaan Tanwin memiliki materi yang berisi tentang Isim Munnsharif dan Isim Ghairu Munsharif. dilengkapi dengan isi materi dengan huruf bahasa Indonesia dan bahasa arab. Materi Isim Dari Keberterimaan Tanwin Gambar 3.17Rancangan halaman layar pada menu Isim Ditinjau Dari Keberterimaan Tanwin dalam tata Bahasa Arab
54 3.2.3.17 Rancangan Halaman Isim Ditinjau Dari Perubahan Akhir Kata Perancangan pada halaman Isim Ditinjau Dari Perubahan Akhir Kata memiliki materi yang berisi tentang Mu rab dan mabniy. dilengkapi dengan isi materi dengan huruf bahasa Indonesia dan bahasa arab. Materi Isim Ditinjau Dari Perubahan Akhir Kata Gambar 3.18 Rancangan halaman layar pada menu Isim Ditinjau Dari Perubahan Akhir Kata dalam tata Bahasa Arab 3.2.3.18 Rancangan Storyboard Halaman Pengenalan Huruf Perancangan pada halaman pengenalan Huruf memiliki materi yang berisi tentang Huruf Jar. dilengkapi dengan isi materi dengan huruf bahasa Indonesia dan bahasa arab. Materi Pengenalan Huruf Gambar 3.19 Rancangan halaman layar pada menu Pengenalan Huruf dalam tata Bahasa Arab 3.2.3.19 Rancangan Storyboard Halaman Ilmu Nahwu Perancangan pada halaman ilmu Nahwu memiliki menu yang berisi informasi mengenai ilmu Nahwu, dilengkapi dengan keterangan halaman pekerjaan.
55 Materi Ilmu Nahwu Gambar 3.20 Rancangan halaman layar pada menu ilmu nahwu 3.2.3.20 Rancangan Storyboard Halaman Soal Latihan Perancangan pada halaman utama di tombol bagian latihan soal memiliki menu yang berisi tentang soal- soal yang berkaitan dengan halaman pembelajaran, di halaman ini akan memberikan latihan berupa pilihan jawaban dari a,b, dan c dengan 10 soal dan tombol selesai didalam halaman tersebut. 1. Soal Pertanyaan Pilih Jawaban 2. Soal Pertanyaan Pilih Jawaban 3. Soal Pertanyaan Pilih Jawaban 4. Soal Pertanyaan Pilih Jawaban 5. Soal Pertanyaan Pilih Jawaban 6. Soal Pertanyaan Pilih Jawaban 7. Soal Pertanyaan Pilih Jawaban 8. Soal Pertanyaan Pilih Jawaban 9. Soal Pertanyaan Pilih Jawaban 10. Soal Pertanyaan Pilih Jawaban LIHAT HASIL Gambar 3.21 Rancangan halaman layar pada menu latihan soal 3.2.3.21 Rancangan Storyboard Halaman Hasil Nilai Anda Perancangan pada halaman kelanjutan pada latihan soal, jika pengguna sudah menjawab semua soal pada halaman latihan soal dan mengklik selesai, lalu akan berpindah ke halaman berikutnya, yang menampilkan halaman pada hasil nilai anda.
56 HASIL Nilai Anda Adalah : 100...................... Gambar 3.22 Rancangan halaman layar pada menu hasil nilai dalam tata Bahasa Arab 3.2.3.22 Rancangan Storyboard Halaman Tentang Aplikasi Perancangan pada halaman tentang aplikasi memiliki menu yang berisi informasi biografi pembuat aplikasi, dan tujuan pembuatan aplikasi tata bahasa Arab. dilengkapi dengan icon yang menuju ke social media pembuat dan website mercu buana. Tentang Aplikasi Text, Gambar Gambar 3.23 Rancangan halaman pada menu tentang aplikasi 3.2.3.23 Rancangan Storyboard Halaman Keluar Perancangan pada halaman tentang tombol menu keluar memiliki halaman pertanyaan, yaitu pertanyaan apakah anda ingin keluar, dan terdapat tombol pilihan dan.
57 Apakah Anda Ingin Keluar? Gambar 3.24 Rancangan halaman pada menu keluar