BAB III ANALISA DAN PERANCANGAN

Transkripsi

1 BAB III ANALISA DAN PERANCANGAN III.1. Analisis Perkembangan teknologi komputerisasi yang fungsinya semakin luas yang semula hanya digunakan sebagai alat hitung, saat ini dapat digunakan sebagai alat pengolah kata, gambar dan berbagai bidang kehidupan. Termasuk untuk keperluan belajar cara berwudhu yang dapat menambah ilmu pengetahuan dan kecerdasan pada anak. Munculnya teknologi multimedia interaktif khusus pada Aplikasi Pembelajaran Cara Berwudhu, anak anak semakin akrab dengan dunia komputer dan menjadikan anak lebih mengenal komputer. Media pembelajaran merupakan salah satu komponen pembelajaran yang mempunyai peranan penting dalam kegiatan belajar mengajar. Pemanfaatan media seharusnya merupakan bagian yang harus mendapat perhatian pengajar dalam setiap kegiatan pembelajaran. III.1.1 Jenis Perangkat Lunak yang dipakai Aplikasi ini dibuat dengan beberapa perangkat lunak, yaitu diantaranya Macromedia Flash 8 Professional yang dipakai membuat program. CorelDraw 12 dan Adobe Photoshop CS2 untuk mengedit gambar dan bacaan cara berwudhu. Aplikasi ini digunakan pada komputer minimal spesifikasi Processor Intel Pentium, 1 GB DDR3 Memory, 320 Harddisk, dan dilengkapi dengan sistem operasi Windows 7. 16

2 17 III.2. Strategi Pemecahan Masalah Untuk menyelesaikan masalah yang telah diuraikan sebelumnya, maka diperlukan strategi pemecahan masalah yaitu : 1. Merancang user interface sebagai antar muka antara aplikasi pembelajaran cara berwudhu dengan pengguna. 2. Menyiapkan hardware dan software yang berhubungan dengan judul skripsi penulis. III.3. Perancangan Perancangan sistem dapat didefenisikan sebagai penggambaran, perencanaan dan pembuatan sketsa atau pengaturan dari beberapa element terpisah dari satu kesatuan yang utuh dan berfungsi. Dalam memenuhi perancangan sistem ini memerlukan peralatan komputer yang dapat menciptakan terwujudnya pembuatan sistem ini sehingga informasi yang dirancang tersebut sesuai dengan kebutuhan yang diinginkan. Aplikasi Pembelajaran Cara Berwudhu ini nantinya hanya dapat mengeluarkan suara yang telah diinput melalui audio speaker atau sound komputer dan juga menampilkan gambar langkah langkah berwudhu yang telah diinput, serta animasi berwudhu.

3 18 III.3.1. Input Input pada sistem yang berjalan, yaitu seorang pengguna aplikasi ini akan melihat tampilan aplikasi dengan beberapa tombol utama seperti tombol langkah langkah berwudhu dan animasi berwudhu para pengguna dapat melihat langkah langkah berwudhu serta bacaannya jika memilih tombol langkah langkah, serta melihat animasi berwudhu dengan memilih tombol animasi berwudhu pada aplikasi ini. III.3.2. Proses Proses adalah urutan pelaksanaan atau kejadian yang terjadi secara alami atau didesain, mungkin menggunakan waktu, ruang, keahlian atau sumber daya lainnya, yang menghasilkan suatu hasil. Suatu proses mungkin dikenali oleh perubahan yang diciptakan terhadap sifat-sifat dari satu atau lebih objek di bawah pengaruhnya. Berikut tampilan proses yang berjalan untuk aplikasi pembelajaran cara berwudhu, untuk lebih jelasnya dapat dilihat gambar proses di bawah ini:

4 19 Mulai Menu tidak ya Langkah Langkah Animasi Selesai Gambar III.1. Gambar Proses Aplikasi Tahap aplikasi yang berjalan, awal pengguna klik mulai, maka muncul tampilan menu aplikasi berwudhu, kemudian pada tampilan ini tersedia tombol langkah langkah dan animasi berwudhu yang semuanya adalah untuk mengajarkan cara berwudhu. Jika pengguna mengklik tombol langkah - langkah, maka akan muncul gambar gambar yang mengajarkan cara berwudhu beserta bacaannya, jika klik tombol animasi maka akan muncul animasi cara berwudhu.

5 20 III.3.3. Output Output pada aplikasi ini adalah berupa langkah - langkah berwudhu yang bisa di lihat secara animasi dan movie clip, dari movie clip yang akan diputar juga bisa menampilkan suara bacaan berwudhu, animasi berwudhu juga bisa dilihat dalam ukuran full screen. Dan semuanya dimuat dalam gambar yang dijadikan sebagai model dari bentuk aplikasi ini. III.3.4. Rancangan Layar Pada bagian perancangan ini, penulis melengkapi dengan menggunakan bahasa pemrograman Macromedia Flash 8 Professional. 1. Rancangan Form Mulai Form mulai merupakan tampilan awal untu dapat masuk ke form menu, rancangan form awal dapat dilihat pada gambar III.2 di halaman selanjutnya :

6 21 Aplikasi Pembelajaran Cara Berwudhu Background Mulai Gambar III.2. Form Mulai Keterangan : Tombol Mulai merupakan tombol pilihan untuk pengguna agar dapat masuk ke form menu. 2. Rancangan Form Menu Form menu merupakan form untuk menampilkan menu pilihan yang ada pada Aplikasi Pembelajaran Cara Berwudhu, seperti langkah langkah wudhu dan animasi wudhu. Rancangan Form menu dapat dilihat pada gambar III.3 dihalaman selanjutnya :

7 22 Menu Belajar Wudhu Background Langkah - langkah Animasi Wudhu Gambar III.3. Form Menu Keterangan : 1. Tombol langkah langkah merupakan tombol pilihan untuk pengguna agar dapat mengakses semua gambar- gambar berwudhu dan niat berwudhu. 2. Tombol Animasi wudhu merupakan tombol pilihan untuk pengguana agar dapat mengakses animasi berwudhu. 3. Rancangan Form Langkah langkah Berwudhu Setelah memilih menu pilhan Langkah langkah berwudhu, maka akan muncul gambar langkah - langkah berwudhu dan niat berwudhu. Rancangan Form Langkah - langkah dapat dilihat pada gambar III.4. dihalaman selanjutnya :

8 23 Niat Berwudhu MENU Berhenti Dengarkan Selanjutnya Gambar III.4. Form Langkah - Langkah Keterangan : 1. Tombol selanjutnya merupakan tombol pilihan untuk pengguna agar dapat mengakses satu - persatu gambar serta niat berwudhu 2. Tombol Menu merupakan tombol pilihan untuk pengguna agar dapat kembali ke menu. 3. Tombol Berhenti merupakan tombol pilihan untuk pengguna agar dapat berhenti mendengarkan niat berwudhu. 4. Tombol Dengarkan merupakan tombol pilihan untuk pengguna agar dapat mendengarkan niat berwudhu.

9 24 4. Rancangan Form Animasi Berwudhu Setelah memilih menu pilhan Animasi berwudhu, maka akan muncul animasi berwudhu. Rancangan form animasi wudhu dapat dilihat pada gambar III.5. dibawah ini : Langkah Pertama Langkah Kedua Langkah Ketiga Langkah Keempat Langkah Kelima Langkah Keenam Langkah Ketujuh Langkah Kedelapan Basuh Tangan Kumur - Kumur Basuh Hidung Basuh Wajah Basuh Lengan Basuh Kepala Basuh Telinga Basuh Kaki MENU Gambar III.5. Form Animasi wudhu Keterangan : 1. Tombol basuh tangan merupakan tombol pilihan untuk pengguna agar dapat mengakses animasi membasuh tangan. 2. Tombol kumur - kumur merupakan tombol pilihan untuk pengguna agar dapat mengakses animasi berkumur berkumur. 3. Tombol basuh hidung merupakan tombol pilihan untuk pengguna agar dapat mengakses animasi membasuh hidung.

10 25 4. Tombol basuh wajah merupakan tombol pilihan untuk pengguna agar dapat mengakses animasi membasuh wajah. 5. Tombol basuh tangan merupakan tombol pilihan untuk pengguna agar dapat mengakses animasi membasuh tangan. 6. Tombol basuh kepala merupakan tombol pilihan untuk pengguna agar dapat mengakses animasi membasuh kepala. 7. Tombol Telinga merupakan tombol pilihan untuk pengguna agar dapat mengakses animasi membasuh telinga. 8. Tombol basuh kaki merupakan tombol pilihan untuk pengguna agar dapat mengakses animasi membasuh kaki. 9. Tombol Menu merupakan tombol pilihan untuk pengguna agar dapat kembali ke menu. III.3.5. Flowchart Berikut ini adalah Flowchart apliaksi pembelajaran berwudhu yang akan dirancang : 1. Flowchart Menu Flowchart dari form menu terlihat pada gambar III.6. dihalaman selanjutnya :

11 26 Mulai Tampilan Menu User mengakses form menu tidak ya User memilih form langkah atau animasi Finish Gambar III.6. Flowchart Menu 2. Flowchart Langkah Langkah Berwudhu Flowchart dari form langkah - langkah terlihat pada gambar III.7. dihalaman selanjutnya:

12 27 Mulai Tampilan form langkah wudhu User memilih tombol langkah wudhu User memilih tombol selanjutnya tidak ya User melihat gambar langkah dan niat wudhu Finish Gambar III.7. Flowchart Langkah Langkah wudhu 3. Flowchart Animasi Wudhu Flowchart dari form animasi wudhu terlihat pada gambar III.8. dihalaman selanjutnya :

13 28 Mulai Tampilan form animasi wudhu User memilih tombol animasi wudhu User memilih salah satu tombol animasi tidak ya User melihat animasi wudhu Finish Gambar III.8. Flowchart Animasi wudhu