BAB III ANALIS DAN PERANCANGAN
Bab ini akan menjelaskan sistem analisis dan perancangan pada aplikasi permainan asah otak dengan teka-teki logika berbasis Android, tahap pertama adalah analisis dan di lanjut dengan perancangan aplikasi. 3.1 Analisis Sistem Tahapan analisis ini adalah tahapan awal dalam pembuatan aplikasi. Pada tahapan ini penulis menganalisa kebutuhan-kebutuhan aplikasi. Analisa dilakukan pada data-data yang dibutuhkan aplikasi, sehingga dapat diketahui spesifikasi kebutuhan apa saja yang dibutuhkan dalam membangun aplikasi ini. Menurut beberapa ahli pendidikan seperti Plato, Aristoteles dan Frobel, permainan merupakan salah satu metode yang baik digunakan untuk belajar.Melalui permainan tercipta suasana santai dan menyenangkan, sehingga anak dapat belajar dengan lebih baik dan sungguh-sungguh. Selain itu, sudah terbukti bahwa tingkah laku seseorang dalam permainan sama dengan tingkah lakunya dalam kehidupan sehari-hari. Misalnya, cara mengambil keputusan, memecahkan masalah, merencakan sesuatu, dan komunikasi. Berdasarkan permasalahan itu penulis mencoba membuat aplikasi ini, sebagai media bermain sambil belajar dengan permainan teka-teki bagi anak usia dini. 3.2 Analisa Kebutuhan Dalam melakukan penelitian, dibutuhkan beberapa komponen yang mendukung terhadap keberhasilan penelitian, yaitu : Hardware : 1. Proccesor Intel® Core™ i3 2. VGA ATI Mobility Radeon HD 4350 1GB 3. Memory 4 GB (2x 2GB) DDR3 SDRAM PC-8500 4. Hard Drive 500 GB Serial ATA 7200 RPM
15 http://digilib.mercubuana.ac.id/
16
5. Display 14" SAMSUNG LED, Max. Resolution 1366 x 768 6. Handphone Sony Xperia M Software : 1. Operating System Windows XP SP3 2. Android SDK versi 4.1.1 Jelly Bean 3. Eclipse IDE Luna 4. Windows Movie Maker 3.3 Perancangan Sistem Aplikasi ini dibuat berdasarkan Framework Phonegap dan Jquery Mobile, sedangkan untuk bahasa pemrogramannya menggunakan HTML5, Javascript dan Eclipse sebagai editor untuk pembuatan aplikasi. Perancangan sistem merupakan tahap awal dari perancangan perangkat lunak. Perancangan ini dilakukan untuk mengetahui komdisi sistem secara umum. Perancangan sistem meliputi cara kerja sistem, flowchart dan storyboard. 3.3.1 Cara Kerja Sistem Cara Kerja aplikasi ini adalah offline jadi tidak dibutuhkan koneksi internet karena semua bahan ajar sudah tersimpan di dalam aplikasi. Aplikasi ini juga tidak membutuhkan database, karena tidak adanya sesuatu yang perlu disimpan kedalam database. 3.3.2 Perancangan Flowchart Flowchart merupakan gambar atau bagan yang memperlihatkan urutan dan hubungan antar proses beserta instruksinya. Gambaran ini dinyatakan dengan simbol. Dengan demikian setiap simbol menggambarkan proses tertentu. Sedangkan hubungan antar proses digambarkan dengan garis penghubung.
http://digilib.mercubuana.ac.id/
17
Gambar 3.1 Flowchart
http://digilib.mercubuana.ac.id/
18
3.3.3 Perancangan Storyboard Storyboard adalah deskripsi masing-masing tampilan suatu kejadian dari movie yang dimainkan dengan menampilkan semua objek atau elemen multimedia serta komponen-komponen aplikasi yang akan dibuat. Storyboard digunakan sebagai alat bantu pada tahapan perancangan multimedia. Satu kolom storyboard mewakili satu tampilan di layar handphone.
No
Gambar
Keterangan
1
Nama : Splash Screen - Tampilan awal sebelum masuk ke menu utama
2
Nama : halaman awal -
-
-
http://digilib.mercubuana.ac.id/
Header, berisi nama dari aplikasi ini Info, button menuju halaman info Sound, merupakan button untuk menyalakan atau mematikan backsound Mulai, button yang menuju halaman bermain Keluar, button untuk keluar dari aplikasi Footer, berisi nama developer dari aplikasi ini
19
3
Nama : Halaman kategori permainan - Header, berisi nama dari aplikasi ini - Back, button kembali ke halaman awal - Kategori 1, button menuju halaman permainan kategori 1 - Kategori 2, button menuju halaman permainan kategori 2 - Kategori 3, button menuju halaman permainan kategori 3 - Footer, berisi nama developer dari aplikasi ini
4
Nama : Halaman tingkat kesulitan - Header, berisi nama dari kategori permainan - Back, button untuk kembali ke halaman kategori pilih permainan - Tingkat kesulitan, merupakan listview yang berisi button mudah, sedang dan sulit - Mulai, button menuju ke halaman permainan yang dipilih sesuai dengan tingkat kesulitan - Footer, berisi nama developer dari aplikasi ini
http://digilib.mercubuana.ac.id/
20
5
Nama : Halaman permainan kategori 1 - Header, merupakan nama halaman pertanyaan - Isi konten permainan, menampilkan soal pertanyaan dan jawabannya disertakan pula countdown timer dalam bermain - Footer, merupakan button untuk cek jawaban
6
Nama : Halaman Jawaban permainan 1 -
-
http://digilib.mercubuana.ac.id/
Header, merupakan nama halaman jawaban Isi konten jawaban, menampilkan jawaban yang dipilih user benar atau salah Footer, merupakan button untuk ganti halaman selanjutnya
21
7
Nama : Halaman permainan kategori 2 -
-
8
Isi konten permainan, menampilkan kotak gambar permainan disertai skor permainan sesuai tingkat kesulitan yang dipilih Footer, menampilkan countdown timer
Nama : Halaman pilih gambar dan tingkat kesulitan kategori 3 -
-
-
-
http://digilib.mercubuana.ac.id/
Header, berisi nama permainan kategori 3 Back, button untuk kembali ke halaman pilih kategori permainan Isi konten, menampilkan pilih gambar dan tingkat kesulitan permainan Mulai, button untuk menampilkan pilihan gambar dan tingkat kesulitan yang user pilih Footer, berisi nama dari developer aplikasi ini
22
9
Nama : Halaman permainan kategori 3 -
Header, berisi nama permainan kategori 3 Back, button untuk kembali ke halaman pilih kategori permainan Isi konten, menampilkan kepingan gambar sesuai tingkat kesulitan yang dipilih Footer, berisi nama dari developer aplikasi ini
-
-
-
10
Nama : halaman selesai -
-
-
http://digilib.mercubuana.ac.id/
Header, berisi nama halaman Isi konten, menampilkan halaman telah selesai Keluar, button menuju halaman kategori permainan Footer, berisi nama dari developer aplikasi ini
23
11
Nama : halaman waktu habis -
-
-
12
Header, berisi nama halaman Isi konten, menampilkan halaman waktu habis Keluar, button menuju halaman kategori permainan Footer, berisi nama dari developer aplikasi ini
Nama : Halaman info -
-
-
http://digilib.mercubuana.ac.id/
Header, menampilkan nama dari aplikasi ini Back, merupakan tombol untuk kembali ke halaman awal Isi konten, berisi cara menggunakan aplikasi dan informasi seputar pembuat aplikasi Footer, berisi nama dari developer aplikasi ini