BAB III ANALISIS, DAN PERANCANGAN

(1)

BAB III

ANALISIS, DAN PERANCANGAN

3.1. ANALISIS

Pada tahap ini penyusun melakukan analisis terhadap kebutuhan sistem, serta permasalahan yang menjadi faktor analisa, sehingga jika di ketahui permasalahan dalam pembuatan aplikasi ini maka spesifikasi kebutuhan sistem akan segera diketahui. Media pembelajaran dalam dunia pendidikan khususnya taman kanak-kanak saat ini sangatlah dekat dengan dunia teknologi komputer sehingga tidak mengherankan jika pembelajaran saat ini menggunakan teknologi berbasis multimedia.

Game flash card merupakan game eduksi anak berupa karu bergambar yang di dalamnya terdapat banyak gambar dari seri benda yang di kelompokan sesuai dengan tema peralatan rumah tangga dan foto anggota keluarga yang di upload oleh user sesuai dengan foto anggota keluarga mereka masing-masing. Karena pada game flash card benda peralatan rumah tangga dan anggota keluarga merupakan hal yang biasa kita jumpai di dalam rumah. Maka dalam tugas akhir ini aplikasi akan di rancang bertemakan rumah sebagai latar belakangnya, sebagai berikut :

 Pada halaman awal, aplikasi di sajikan dengan tema halaman rumah sebagai scene awal.

 Pada halaman menu utama, penulis mengambil tema rumah dengan dua buah jendela sebagai papan navigasi menuju ke permainan flash card benda peralatan rumah tangga atau keluarga. Tema

(2)

 Pada halaman menu benda penulis menggunakan bacground warna biru dan gambar benda dari masing-masing pengglompokan benda tersebut sebagai tombol navigasi untuk memilih benda yang ingin di tampilkan

3.2. PERANCANGAN

Pada tahap ini, menulis menyusun perancangan berdasarkan metodologi luther yang menjadi landasan teori pada bab sebelumnya. sebagai berikut :

1. Concept

 User atau pengguna dari aplikasi ini adalah anak usia pra sekolah antara 3 sampai 6 tahun. Karna anak dalam usia tersebut sudah bisa berinteraksi dengan bermain sambil belajar. Sedangkan di bawa usia 3 tahun masih sulit untuk di arahkan pada permainan tersebut. Dan untuk usia di atas 6 tahun sudah tidak perlu latihan menghafal menggunakan flash card.

 Aplikasi ini di buat interaktif, karna game interaktif memiliki interaktifitas kepada pengguna (user). Sehingga anak-anak mendapatkan keleluasaan dalam mengontrol multimedia tersebut, dan membuat game tersebut menarik bagi anak-anak dalam memainkanya.  Menentukan tujuan berpengaruh terhadap nuansa multimedia yang akan

di buat. Tujuan dibuatnya game ini sebagai media pembelelajaran membaca dan menghafal dengan suara indonesia-ingris, dalam peralatan rumah tangga dan anggota keluarga bagi anak-anak.

 Pada aplikasi ini terdapat proses upload foto yang membutuhkan bimbingan oleh guru atau orangtua dalam memainkanya, untuk mengarahkan gambar anggota keluarga yang di maksud agar sesuai penempatanya. Sedangkan untuk benda peralatan rumah tangga, terdiri dari beberapa kategori benda yang berada di sekitar rumah. Pada benda

(3)

peralatan rumah tangga di sertakan text dan audio suara indonesia-inggris sebagai metode menghafal kata benda.

2. Desain

Tahap desain membahas mengenai membuat sepesifikasi yang secara rinci mengenai arsitektur proyek, gaya, dan kebutuhan material untuk proyek. Perancangan dapat di mulai dari penentuan storyboard dan struktur navigasi aplikasi tersebut. Berikut struktur navigasi dan stroryboard yang di rancang :

a. Struktur navigasi adalah alur yang digunakan dalam aplikasi yang dibuat. Sebelum menyusun aplikasi flash card peralatan rumah tangga dan anggota keluarga ke dalam sebuah software, perlu dilakukan pemetaan alur agar aplikasi yang dirancang memiliki alur yang jelas. Pada aplikasi ini, penulis menggunakan Struktur navigasi Hierarki. mulai Menu utama keluarga Upload foto benda p.rumah p.tidur p.kebersih han p.dapur p.mandi p.makan

(4)

game flash card peralatan rumah tangga dan anggota keluarga. Hierarchial Structure disebut juga dengan “Linear with branching”, pada struktur ini, user dapat menavigasi sepanjang cabang dari tree structure.

Berikut ini merupakan penjelasan untuk Struktur Navigasi pada gambar 3.1. halaman yang ada pada aplikasi ini yaitu :

1. Mulai main

Halaman ini berisi layout pembuka yang menuju menu awal. 2. Menu utama

Halaman ini berisi menu yang ada pada aplikasi ini yaitu benda dan keluarga.

3. Keluarga

Halaman ini digunakan untuk tampilan foto keluarga dan masuk kepilihan form upload foto keluarga.

4. Upload foto

Halaman ini digunakan untuk memilih foto siapa yang akan di upload, pilihanya adalah kakek, nenek, ayah, ibu, paman, bibi. 5. Benda

Halaman ini digunakan untuk tampilan benda peralatan rumah. Dan menuju ke menu permainan flash card. Terdapat 6 gambar peralatan rumah tangga diantaranya peralatan rumah, peralatan makan,peralatan mandi, peralatan kebersihan, peralatan dapur, dan perlengkapan tidur.

6. Pilihan peralatan rumah

Halaman ini di gunakan untuk tampilan gambar benda text indonesia inggris serta audio suara dari pengucapan benda tersebut.

7. Pilihan peralatan dapur

(5)

8. Pilihan peralatan makan

9. Pilihan peralatan mandi

10. Pilihan peralatan kebersihan

11. Pilihan perlengkapan tidur

Halaman ini di gunakan untuk tampilan gambar benda text indonesia inggris serta audio suara dari pengucapan benda tersebut

b. Storyboard

Storyboard adalah alur cerita deskripsi dari setiap scene yang digunakan dalam tahap desain dari aplikasi yang akan dibuat. Sebelum menyusun aplikasi flash card peralatan rumah tangga dan anggota keluarga ke dalam sebuah software, storyboard di buat untuk menggambarkn secara jelas komponen multimedia serta perilakunya, penjelasan bisa menggunakan simbol maupun text. storyboard merupakan pedoman dari aliran pekerjaan yang harus di lakukan. Berikut ini merupakan storyboard dari aplikasi tersebut :

(6)

Scene 1

Scene 2

Scene 3

Scene 1

1. Bacground bertemakan halaman rumah dengan pagar sebagai menu awal.

2. Tombol button mulai untuk menuju ke menu utama.

Scene 2

1. Gambar jendela sebagai

navigasi menuju ke halaman menu foto keluarga

2. Gambar jendela rumah sebagai tombol navigasi meuju menu benda peralatan rumah

3. Background bertemakan rumah 4. Text sebagai keterangan menu

pilihan

Scene 3

1. Text judul menu

2. Figura foto untuk meletakan foto yang telah di upload 3. Text yang di jadikan tombol

navigasi menuju halaman upload foto

4. Text navigasi menuju ke menu utama

5. Bacground ruangan di dalam

rumah. Gambar 3.2. Storyboard 1. 2_mulai 1 2 3 Keluarga Benda 4 Foto Keluarga 1 Upload foto 3 5 Kembali 4

(7)

Scene 4

Scene 5

Scene 6

Scene 4

1. Judul halaman

2. Text keterangan anggota keluarga

3. Tombol menuju ke galery komputer untuk memilih foto yang akan di upload. Dan lanjut ke scene 5

4. Backround ruangan di dalam rumah

5. Tombol untuk kembali ke halaman foto keluarga.

Scene 5

1. Bacground ruangan di dalam rumah

2. Text yang di jadikan tombol navigasi menuju halaman foto keluarga untuk melihat hasilnya

Scene 6

1. Text judul menu benda

2. Tombl button kembali ke menu utama

3. Gambar foto benda sebagai navigasi menuju menu peralatan rumah tangga

Gambar 3.2. Storyboard (lanjutan) Upload foto 1 Kakek 2 Ibu Nenek Paman 3 Ayah Bibi 4 back 5 1

Untuk melihat hasilnya silahkan klik link ini 2

Benda 1 2

3

(8)

Scene 7 Scene 7

1. Tombol button next untuk melihat gambar selanjutnya

2. Tombol button back untuk melihat gambar sebelumnya

3. Tampilan gambar

4. Text indonesia-inggris gambar tersebut

Gambar 3.1. Storyboard (lanjutan)

Gambar 3.1. merupakan gambar rancangan storyboard dari aplikasi flach card peralatan rumah tangga dan anggota keluarga. Terdiri dari 7 scene yang menjelaskan alur game tersebut

3. Pengumpulan bahan materi

Di dalam pembuatan aplikasi game pembelajaran flash card peralatan rumah tangga dan anggota keluarga ini penulis membutuhkan beberapa bahan yang di jadikan materi dan faktor pendukung lainya. Adapun 2 cara pengumpulan bahan.

1. Bahan tersebut di lakukan dengan di buat sendiri menggunakan aplikasi yang terdapat pada Adobe Fash CS3 profesional. 2. Ataupun di unduh melalui website. Dan kemudian di edit

menggunakan Adobe PhotoShop.

Berikut merupanakan rincian mengumpulan bahan dalam pembuatan aplikasi tersebut.

2 1

3

(9)

Tabel 3.1. Pengumpulan bahan yang di buat sendiri

NO Nama file Tipe Ukuran resolusi Keterangan

1. Awal .fla 1024x768 pixel Gambar ini di buat dengan

perangkat lunak adobe flash CS3 pro. Berdasarkan buku yang menjadi landasan teori.

2. Rumah .fla 1024x768 pixel Gambar ini di buat dengan

3. Benda .fla 1024x768 pixel Gambar ini di buat dengan

4. Perlengkap

an

kebersihan

.fla 1024x768 pixel Gambar ini di buat dengan perangkat lunak adobe flash CS3 pro. Berdasarkan buku yang menjadi landasan teori.

5. Perlengkap

an makan

6. Perlengkap

an rumah

(10)

Tabel 3.1. Pengumpulan bahan yang di buat sendiri (lanjutan)

No Nama file Tipe Ukuran resolusi Keterangan

7. Perlengkapan

dapur

8. Perlengka

pan tidur

9. Perlengkapan

mandi

Tabel 3.1. Merupakan penjelasan bahan material yang penulis buat sendiri menggunakan perangkat lunak (software) yang mendukung pembutan bahan tersebut yaitu Adobe Flash CS3 yang di simpan dengan format Fla.

Tabel 3.2. Pengumpulan bahan yang di buat sendiri berupa audio rekaman

No Nama file Tipe Size Keterangan

1. Glas .m4a 73,8 kb Di buat dengan merekam

suara pada smatrphone

2. Alat pel .m4a 89,2 KB Di buat dengan merekam

(11)

Tabel 3.2. Pengumpulan bahan yang di buat sendiri berupa audio rekaman (lanjutan)

No Nama file Tipe Size Keterangan

3. Payung .m4a 54,4 KB Di buat dengan merekam suara

pada smatrphone

4. Serbet .m4a 67,2 KB Di buat dengan merekam suara

pada smatrphone

5. Mangkuk .m4a 63,9 KB Di buat dengan merekam suara

pada smatrphone

6. Piring .m4a 57,4 KB Di buat dengan merekam suara

pada smatrphone

7. Kompor .m4a 71,3 KB Di buat dengan merekam suara

pada smatrphone

8. Sodet .m4a 60,8 KB Di buat dengan merekam suara

pada smatrphone

9. Garpu .m4a 59,4 KB Di buat dengan merekam suara

pada smatrphone

10. Sendok .m4a 60,8 KB Di buat dengan merekam suara

pada smatrphone

11. Panci .m4a 66,6 KB Di buat dengan merekam suara

pada smatrphone

12. Shampo .m4a 87,4 KB Di buat dengan merekam suara

pada smatrphone

13. Ember .m4a 67,9 KB Di buat dengan merekam suara

pada smatrphone

14. Gayung .m4a 78,5 KB Di buat dengan merekam suara

(12)

No Nama file Tipe Size Keterangan

16. Kasur .m4a 61,0 KB Di buat dengan merekam suara pada

smatrphone

17. Kemoceng .m4a 83,3 KB Di buat dengan merekam suara pada

smatrphone

28. Keran air .m4a 86,4 KB Di buat dengan merekam suara pada

smatrphone

19. Meja .m4a 83,5 KB Di buat dengan merekam suara pada

smatrphone

20. Pengocok telur .m4a 97,2 KB Di buat dengan merekam suara pada smatrphone

21. Sapu lidih .m4a 79,9 KB Di buat dengan merekam suara pada

smatrphone

22. Selimut .m4a 91,5 KB Di buat dengan merekam suara pada

smatrphone

23. Wajan .m4a 65,7 KB Di buat dengan merekam suara pada

smatrphone

24. Pengki .m4a 73,2 KB Di buat dengan merekam suara pada

smatrphone 25. Tempat

sampah

.m4a 89,1 KB Di buat dengan merekam suara pada smatrphone

26. Lemari .m4a 62 KB Di buat dengan merekam suara pada

smatrphone

27. Sabun .m4a 60,5 KB Di buat dengan merekam suara pada

smatrphone

28. Guling .m4a 75,8 KB Di buat dengan merekam suara pada

(13)

No Nama file Tipe Size Keterangan

29. Pengki .m4a 73,2 KB Di buat dengan merekam suara pada

smatrphone

30. Tempat sampah .m4a 89,1 KB Di buat dengan merekam suara pada smatrphone

31. Lemari .m4a 62 KB Di buat dengan merekam suara pada

smatrphone

32. Sabun .m4a 60,5 KB Di buat dengan merekam suara pada

smatrphone

33. Kursi .m4a 53,6 KB Di buat dengan merekam suara pada

smatrphone

34. Kasur .m4a 61,0 KB Di buat dengan merekam suara pada

smatrphone

35. Kemoceng .m4a 83,3 KB Di buat dengan merekam suara pada

smatrphone

36. Keran air .m4a 86,4 KB Di buat dengan merekam suara pada

smatrphone

37. Meja .m4a 83,5 KB Di buat dengan merekam suara pada

smatrphone

38 Jam .m4a 58,6 KB Di buat dengan merekam suara pada

smatrphone

Tabel 3.2. merukanan file audio yang penulis buat dengan merekam suara melalui media smartphone. Dengan format .m4a kemudian dimasukan ke dalam Adobe Flash CS3. File ini di gunakan sebagai tampilan suara pada benda

(14)

Tabel 3.3. Pengumpulan bahan yang di unduh melalui website

No Nama file Tipe Ukuran

resolusi Keterangan 1. rumah- menawan-di- jambi-jasa-desain-rumah Jpeg 800x553 pixel

Gambar tersbut di unduh melalui website:

http://desainrumahminimalise.co m/gambar-rumah-sederhana/

2. 103_1_3-Photo Jpg 300x300

pixel

http://odenhouseware.com/item/T empat-Sampah-10-LT-C-4.html

3. SENDOK-1 .jpg 350x350

pixel

Gambar tersbut di unduh melalui website: http://unik247.blogspot.com/2011 /11/sejarah-sendok-dan-garpu.html 4. gayung-deluxe-lionstar .jpg 300x300 pixel

http://www.tokoperabotan.com/8 32-gayung-deluxe-lionstar.html

5. Kompor-1 .jpg 150x74

pixel

Gambar tersbut di unduh melalui website: http://mysimple.wordpress.com/2 011/04/29/kompor-gas-dan-perawatannya/ 6. Lemari .jpg 2304x28 28 pixel

Gambar tersbut di unduh melalui website :

http://www.homebnw.com/2014/ model-lemari-buku-tinggi-2015

(15)

Tabel 3.3. Pengumpulan bahan yang di unduh melalui website (lanjutan)

resolusi Keterangan 7. meja-kantor- meja-tulis-gst-1061-900760 .Jpg 706x552 pixel

Gambar tersbut di unduh melalui

website : http://www.pasarbebas.com/ads/ meja-kantor-meja-tulis-gst- 1061/meja-kantor-meja-tulis-gst-1061-foto-1/ 8. golf-bp-nelayan .png 500x500 pixel

Gambar tersbut di unduh melalui website : http://payungraya.wordpress.com/ payung-golf/golf-bp-nelayan/ 9. jam dinding glory_20120731 161642 .jpg 1547x15 47 pixel

Gambar tersbut di unduh melalui website : http://www.souvenir- online.com/detail/jam-dinding-merek-glory-165.html 10. sapu-ijuk-miring1.jpg .jpg 1000x75 0 pixel

Gambar tersbut di unduh melalui website : https://artobromo.wordpress.com/ sapu-kemucing/ 11. 3137162_27305 21_mopclipwith cottoncomplate .jpg 354x354 pixel

http://203.21.74.30/pdimage/62/3 137162_2730521_mopclipwithco ttoncomplate.jpg

(16)

resolusi

Keterangan

12. Guling standart .Jpg 908x617

pixel

http://bantalgulingmurah.blogspot .com/2010_05_01_archive.html

13. bantal-90x90 .png 580x535

pixel

http://corelita.com/cara-memilih-jenis-bantal-yang-tepat/

14. selimut blanket .jpg 281x179

pixel

Gambar tersbut di unduh melalui website : http://selimut-lurik.blogspot.com/2012_11_01_ archive.html 15. 8684_fit512 .jpg 512x512 pixel

Gambar tersbut di unduh melalui website : http://blogs.indonesianpod101.co m/blog/2013/10/09/indonesian-word-of-the-day-bowl-noun/ 16. Sendok .jpg 466x686 pixel

http://viaras.wordpress.com/galer y-karyaku/dengan-illustrator/

17. Gelas .jpg 300x300

pixel

http://wijartbee.blogspot.com/201 2/10/stop-menjadi-gelas.html

(17)

resolusi

Keterangan

18. Sapu lidi .jpg 261x191

pixel

Gambar tersbut di unduh melalui website : http://www.banguninspirasi.com/20 13/07/belajar-dari-sapu-lidi.html 19. tempat_sam pah19612 .jpg 448x336 pixel

Gambar tersbut di unduh melalui website : http://www.jakarta.go.id/v2/news/2 012/06/monas-tambah-200-tempat-sampah 20. 2367630_ce ndrawasih .jpg 200x171 pixel

Gambar tersbut di unduh melalui website : http://kharismaparwitex.indonetwor k.co.id/2367630/serbet-makan-malam-resmi.htm 21. gambar-kemoceng .jpg 650x200 pixel

Gambar tersbut di unduh melalui website : http://picturerumahminimalis.com/g ambar-kemoceng/ 22. pengki-dust-pan-plastik .jpg 400x400 pixel

Gambar tersbut di unduh melalui website:http://www.tokoperabotan.c om/824-pengki-dust-pan-plastik.html 23 image_1330 5998. .jpeg 450x325 pixel

(18)

resolusi

Keterangan

24. 2092027_10 .jpg 454x736

pixel

Gambar tersbut di unduh melalui website : http://www.indonetwork.co.id/t oko_surabaya/2092027/kursi-makan-keluarga.htm 25. duralex-lys- saphir-dinner-plate-luminarc .jpg 800x800 pixel

Gambar tersbut di unduh melalui website : http://posuda present.ru/ internet- magazin/posuda- duralex/stoloviy-serviz-duralex-lys-saphir-44pr.html 26. Fork .jpg 1600x1200 pixel

Gambar tersbut di unduh melalui website : http://infolamadanbaru.blogspo t.com/2011/07/sejarah-sendok-dan-garpu.html 27. sodet_gagang_k ayu .jpg 100x750 pixel

Gambar tersbut di unduh melalui website : http://www.nagakomodo.com/i ndex.php?detail=64 28. 1403472- pengocok-telur-620X310 .jpg 564x327 pixel

Gambar tersbut di unduh melalui

website:http://properti.kompas. com/read/2013/05/08/14074596 /Whisk.Kocokan.Telur.Anti.Sel ip.

(19)

resolusi Keterangan 29. detail-panen_ember .png 350x400 pixel

Gambar tersbut di unduh melalui website : http://www.bangkoor.com/2012/0 9/siapa-bilang-bikin-ember-itu-gampang.html 30. gayung 328 dx .jpg 640x480 pixel

Gambar tersbut di unduh melalui website : http://www.slplastic.co/category/ products/bathroom- products/gayung-bathroom-products/ 31. timthumb.php .jpg 900x440 pixel

Gambar tersbut di unduh melalui website : http://www.formulaoralcare.com/ portfolio-item/sikat-gigi-junior-handle-cover/ 32. bar-soap-18409891 .jpg 1300x12 4 pixel

Gambar tersbut di unduh melalui website : http://www.dreamstime.com/stoc k-image-bar-soap-image18409891 33. cooking-pot-146459_640 .png 340x340 pixel

(20)

http://pixabay.com/en/cooking-Tabel 3.3. Pengumpulan bahan yang di unduh melalui website (lanjutan)

resolusi Keterangan 34. bc-forward-button .png 252x252 pixel

Gambar tersbut di unduh melalui website : http://adiwenolatu.blogspot.com/2 012/08/istilah-pada-web-browser.html 35. stock-photo- 19502576- home-button-icon .jpg 217x232 pixel

Gambar tersbut di unduh melalui website : http://adiwenolatu.blogspot.com/2 012/08/istilah-pada-web-browser.html 36. sodet_gagang_ kayu .jpg 100x750 pixel

Gambar tersbut di unduh melalui website : http://www.nagakomodo.com/ind ex.php?detail=64 37. 1403472- pengocok-telur-620X310 .jpg 564x327 pixel

Gambar tersbut di unduh melalui website : http://properti.kompas.com/read/2 013/05/08/14074596/Whisk.Koco kan.Telur.Anti.Selip. 38. 2367630_cendr awasih .jpg 200x171 pixel

http://kharismaparwitex.indonetw ork.co.id/2367630/serbet-makan-malam-resmi.htm

(21)

No Nama file Tipe Ukuran

resolusi Keterangan 39. 2367630_cendra wasih .jpg 200x171 pixel

Gambar tersbut di unduh melalui website : http://kharismaparwitex.indonetw ork.co.id/2367630/serbet-makan-malam-resmi.htm 40. Penggorengan .jpg 540x200 pixel

http://www.tokoperabotan.com/2 87-penggorengan

Tabel 3.3. Merupakan penjelasan bahan material yang penulis unduh melalui media website dan kemudian di edit menggunakan adobe photoshop. Hasil dari gambar tersebut akan di jadikan gambar benda peralatan rumah tangga dalam aplikasi ini.

Tabel 3. 4. Tombol navigasi

Tombol Keterangan

Tombol yang ada di menu peralatan rumah tangga dan membawa pengguna melihat gambar sebelunya.

(22)

Tabel 3. 4. Tombol navigasi (lanjutan)

Tombol Keterangan

Tombol yang ada di menu awa yang membawa pengguna menuju ke halaman utama

Tobol yang ada di menu bendadan membawa pengguna kembali ke halaman utama.

Tombol yang ada di menu peralatan rumah dan membawa pengguna melihat gambar berikutnya.

Selain tombol-tombol pada tabel diatas, terdapat juga tombol berupa text.

Kemudin bahan lain yang di perlukan beurpa folder image sebagai tempat penampung file gambar foto yang di upload.

Tabel 3.5. Tabel Database