BAB III ANALISIS DAN PERANCANGAN. Deskripsi konsep aplikasi game adalah sebagai berikut:

Transkripsi

1 BAB III ANALISIS DAN PERANCANGAN. Konsep Deskripsi konsep aplikasi game adalah sebagai berikut: Tujuan dibuatnya aplikasi ini adalah sebagai media pembelajaran mengenai tata letak dan fungsi organ tubuh. Pengguna aplikasi ini adalah anak usia 7 0 tahun. Karena anak pada usia 7 0 tahun sudah mengerti dan mulai mempelajari tentang pengetahuan organ tubuh mereka sendiri. Aplikasi ini dibuat interaktif karna memiliki interaktifitas kepada pengguna mendapatkan keleluasaan dalam mengontrol aplikasi tersebut, membuat aplikasi tersebut menarik dan menambah pengetahuan mereka mengenai organ tubuh. Konsep aplikasi game yang akan dibuat adalah game puzzle organ tubuh menggunakan Adobe Flash CS. Game ini termasuk dalam jenis game teka teki dan pengetahuan dengan hanya mengandalkan mouse. Game ini memiliki 6 level dimana setiap levelnya terdapat organ tubuh seperti paru paru, jantung, hati, lambung, ginjal dan usus. Yang gambarnya teracak dan akan selesai disusun dan bagian organ tubuh yang telah selesai pada bagian kiri maka organ tubuh yang berwarna hitam putih akan berwarna.. Design (Perancangan) Pada tahap ini penulis melakukan perancangan aplikasi berupa membuat storyboard dan navigasi. Aplikasi game edukasi anak tentang pengetahuan organ tubuh manusia berbasis multimedia ini terdiri dari beberapa menu yaitu: 9

2 0 Play Pada menu ini, pengguna (user) lebih diarahkan mulai permainan dengan cara drag atau drop gambar yang berada di are merah dan drop ke arah gambar tersedia dan dengan bentuk yang sempurna. Di setiap puzzle gambar apabila berbentuk dengan benar akan muncul keterangan gambar tersebut. About Pada menu ini, pengguna (user) dapat melihat bioadata penulis. Exit Pada halaman exit, diarahkan untuk memilih apakah ingin keluar dari aplikasi atau kembali kehalaman menu... Storyboard Pada tahap ini penulis melakukan rangkaian gambar sketsa merepresentasikan alur sebuah cerita game. Dengan mencantumkan semua objek atau elemen-elemen multimedia serta komponen-komponen aplikasi yang akan dibuat. Satu kolom storyboard mewakili satu tampilan dilayar monitor. Dan menjelaskan semua alur game yang tersedia, yaitu:

3 Storyboard Tampilan Menu Utama Pada halaman ini terdapat teks, gambar animasi dan Tombol Navigasi Terdapat gambar animasi organ tubuh yang bergerak dari bawah ke atas dan tombil navigasi.. Tombol (play), berfungsi sebagai tombol memulai permainan.. Tombol (about), berfungsi sebagai tombol yang menghubungkan halaman tentang penulis.. Tombol (exit), berfungsi sebagai tombol keluar yang menghubungkan keluar atau tidak pada aplikasi.. Tombol (sound), berfungsi sebagai menonaktifkan atau mengidupkan musik. Gambar. Storyboard Menu utama

4 Storyboard Tampilan level 5 Pada Halaman level terdapat gambar dan teks. Terdapat potongan puzzle berwarna pada kolom merah, potongan puzzle abu-abu pada kolom kuning dan gambar tubuh manusia.. Tempat untuk meletakan potongan puzzle.. Potongan puzzle.. Tubuh manusia.. Tabel keterangan bermain. Yang berisi cara bermain yaitu, mencocokan gambar yang tersedia di nomer yang berisi dari potongan dan gambar tersebut di drag menuju ke nomer dan di sesuaikan dengan benar. 5. Tombol (close), untuk mengakhiri permainan atau kembali kemenu utama. Gambar. Storyboard Tampilan level

5 Storyboard Tampilan level complete 5 Menampilakan tampilan level complete dan terdapat gambar yang telah selesai dan berupa keterangan gambar tersebut. Terdapat warna biru muda yang berisi keterangan fungsi organ, menampilkan gambar yang telah selesai dan gambar tubuh manusia menampilkan gambar yang telah selesai.. Gambar yang selesai.. Bagian puzzle organ tubuh yang sudah lengkap akan berwarna.. Tabel yang berisi fungsi organ tubuh manusia.. Tombol next level. 5. Tombol (close), untuk mengakhiri permainan atau kembali kemenu utama. Gambar. Storyboard Tampilan level complete

6 Storyboard Tampilan level Level 5 Pada Halaman level terdapat gambar dan teks. Terdapat potongan puzzle berwarna pada kolom merah, potongan puzzle abu-abu pada kolom kuning dan gambar tubuh manusia.. Tempat untuk meletakan potongan puzzle.. Potongan puzzle.. Tubuh manusia.. Tabel keterangan bermain. Yang berisi cara bermain yaitu, mencocokan gambar yang tersedia di nomer yang berisi dari potongan dan gambar tersebut di drag menuju ke nomer dan di sesuaikan dengan benar. 5. Tombol (close), untuk mengakhiri permainan atau kembali kemenu utama. Gambar. Storyboard Tampilan level

7 5 Storyboard Tampilan level complete Tampilan Level complete Level 5 Menampilakan tampilan level complete dan terdapat gambar yang telah selesai dan berupa keterangan gambar tersebut. Terdapat warna biru muda yang berisi keterangan fungsi organ, menampilkan gambar yang telah selesai dan gambar tubuh manusia menampilkan gambar yang telah selesai.. Gambar yang selesai.. Bagian puzzle organ tubuh yang sudah lengkap akan berwarna.. Tabel yang berisi fungsi organ tubuh manusia.. Tombol next level. 5. Tombol (close), untuk mengakhiri permainan atau kembali kemenu utama. Gambar.5 Storyboard Tampilan level complete

8 6 Storyboard Tampilan level Level 5 Pada Halaman level terdapat gambar dan teks. Terdapat potongan puzzle berwarna pada kolom merah, potongan puzzle abu-abu pada kolom kuning dan gambar tubuh manusia.. Tempat untuk meletakan potongan puzzle.. Potongan puzzle.. Tubuh manusia.. Tabel keterangan bermain. Yang berisi cara bermain yaitu, mencocokan gambar yang tersedia di nomer yang berisi dari potongan dan gambar tersebut di drag menuju ke nomer dan di sesuaikan dengan benar. 5. Tombol (close), untuk mengakhiri permainan atau kembali kemenu utama. Gambar.6 Storyboard Tampilan level

9 7 Storyboard Tampilan level complete Tampilan Level complete Level 5 Menampilakan tampilan level complete dan terdapat gambar yang telah selesai dan berupa keterangan gambar tersebut. Terdapat warna biru muda yang berisi keterangan fungsi organ, menampilkan gambar yang telah selesai dan gambar tubuh manusia menampilkan gambar yang telah selesai.. Gambar yang selesai.. Bagian puzzle organ tubuh yang sudah lengkap akan berwarna.. Tabel yang berisi fungsi organ tubuh manusia.. Tombol next level. 5. Tombol (close), untuk mengakhiri permainan atau kembali kemenu utama. Gambar.7 Storyboard Tampilan level complete

10 8 Storyboard Tampilan level Level 5 Pada Halaman level terdapat gambar dan teks. Terdapat potongan puzzle berwarna pada kolom merah, potongan puzzle abu-abu pada kolom kuning dan gambar tubuh manusia.. Tempat untuk meletakan potongan puzzle.. Potongan puzzle.. Tubuh manusia.. Tabel keterangan bermain. Yang berisi cara bermain yaitu, mencocokan gambar yang tersedia di nomer yang berisi dari potongan dan gambar tersebut di drag menuju ke nomer dan di sesuaikan dengan benar. 5. Tombol (close), untuk mengakhiri permainan atau kembali kemenu utama. Gambar.8 Storyboard Tampilan level

11 9 Storyboard Tampilan level complete Tampilan Level complete Level Menampilakan tampilan level complete dan terdapat gambar yang telah selesai dan berupa keterangan gambar tersebut. Terdapat warna biru muda yang berisi keterangan fungsi organ, menampilkan gambar yang telah selesai dan gambar tubuh manusia menampilkan gambar yang telah selesai.. Gambar yang selesai.. Bagian puzzle organ tubuh yang sudah lengkap akan berwarna.. Tabel yang berisi fungsi organ tubuh manusia.. Tombol next level. 5. Tombol (close), untuk mengakhiri permainan atau kembali kemenu utama. Gambar.9 Storyboard Tampilan level complete

12 0 Storyboard Tampilan level 5 Level 5 5 Pada Halaman level 5 terdapat gambar dan teks. Terdapat potongan puzzle berwarna pada kolom merah, potongan puzzle abu-abu pada kolom kuning dan gambar tubuh manusia.. Tempat untuk meletakan potongan puzzle.. Potongan puzzle.. Tubuh manusia.. Tabel keterangan bermain. Yang berisi cara bermain yaitu, mencocokan gambar yang tersedia di nomer yang berisi dari potongan dan gambar tersebut di drag menuju ke nomer dan di sesuaikan dengan benar. 5. Tombol (close), untuk mengakhiri permainan atau kembali kemenu utama. Gambar.0 Storyboard Tampilan level 5

13 Storyboard Tampilan level 5 complete Tampilan Level 5 complete Level 5 5 Menampilakan tampilan level 5 complete dan terdapat gambar yang telah selesai dan berupa keterangan gambar tersebut. Terdapat warna biru muda yang berisi keterangan fungsi organ, menampilkan gambar yang telah selesai dan gambar tubuh manusia menampilkan gambar yang telah selesai.. Gambar yang selesai.. Bagian puzzle organ tubuh yang sudah lengkap akan berwarna.. Tabel yang berisi fungsi organ tubuh manusia.. Tombol next level. 5. Tombol (close), untuk mengakhiri permainan atau kembali kemenu utama. Gambar. Storyboard Tampilan level 5 complete

14 Storyboard Tampilan level 6 Level 6 5 Pada Halaman level 6 terdapat gambar dan teks. Terdapat potongan puzzle berwarna pada kolom merah, potongan puzzle abu-abu pada kolom kuning dan gambar tubuh manusia.. Tempat untuk meletakan potongan puzzle.. Potongan puzzle.. Tubuh manusia.. Tabel keterangan bermain. Yang berisi cara bermain yaitu, mencocokan gambar yang tersedia di nomer yang berisi dari potongan dan gambar tersebut di drag menuju ke nomer dan di sesuaikan dengan benar. 5. Tombol (close), untuk mengakhiri permainan atau kembali kemenu utama. Gambar. Storyboard Tampilan level 6

15 Storyboard Tampilan level 6 complete Tampilan Level 6 complete Level 6 5 Menampilakan tampilan level 6 complete dan terdapat gambar yang telah selesai dan berupa keterangan gambar tersebut. Terdapat warna biru muda yang berisi keterangan fungsi organ, menampilkan gambar yang telah selesai dan gambar tubuh manusia menampilkan gambar yang telah selesai.. Gambar yang selesai.. Bagian puzzle organ tubuh yang sudah lengkap akan berwarna.. Tabel yang berisi fungsi organ tubuh manusia.. Tombol next level. 5. Tombol (close), untuk mengakhiri permainan atau kembali kemenu utama. Gambar. Storyboard Tampilan level 6 complete

16 Storyboard Tampilan Finish 5 Menampilakan tampilan level finish dan terdapat gambar yang telah selesai dan berupa keterangan gambar tersebut. Terdapat warna biru muda yang berisi keterangan fungsi organ, menampilkan gambar yang telah selesai dan gambar tubuh manusia menampilkan gambar yang telah selesai dan menampilkan tabel finish.. Gambar yang selesai.. Bagian puzzle organ tubuh yang sudah lengkap akan berwarna.. Tabel yang berisi selamat anda berhasil dalam permainan ini.. Tabel yang berisi fungsi organ tubuh manusia. 5. Tombol (close), untuk mengakhiri permainan atau kembali kemenu utama. Gambar. Storyboard Tampilan Finish

17 5 Storyboard Tampilan about Pada Halaman about terdapat gambar dan teks. Setelah klik tombol about akan muncul form putih.. Terdapat photo penulis.. Terdapat teks yang berisi tentang penulis.. Tombol (close), untuk mengakhiri permainan atau kembali kemenu utama. Gambar.5 Storyboard Tampilan about

18 6 Storyboard Tampilan exit Menampilkan tampilan exit yang pengguna (user) memilih keluar game atau kembali ke menu utama yang berisi teks. Terdapat warna hitam pada teks exit game, botton Yes berwarna putih dan No berwarna merah.. Tombol Yes, berfungsi sebagai tombol keluar game.. Tombol No, berfungsi sebagai tombol kembali ke menu utama. Gambar.6 Storyboard Tampilan exit

19 7.. Struktur Navigasi Menu Play About Exit Paru-paru Jantung Hati Lambung Ginjal Usus Finish Gambar.7 Struktur navigasi

20 8 Gambar.7 merupakan rancangan struktur navigasi dari aplikasi yang akan di buat penulis. Terdapat navigasi yang menjelaskan alur aplikasi game organ tubuh manusia. Berikut ini merupakan penjelasan untuk struktur navigasi pada gambar. yaitu: Menu Halaman ini berisi tampilan utama game. Play Halaman ini berisi tampilan mulai permainan game puzzle. About Halaman ini berisi tampilan tentang penulis atau biodata penulis. Exit Halaman ini berisi tampilan keluar dari permainan atau kembali ke menu utama. Paru-paru Halaman ini digunakan untuk tampilan mulai permainan level dan menjelaskan defini, fungsi, dan cara kerja organ tubuh paru paru. Jantung Halaman ini digunakan untuk tampilan mulai permainan level dan menjelaskan defini, fungsi, dan cara kerja organ tubuh jantung. Hati Halaman ini digunakan untuk tampilan mulai permainan level dan menjelaskan defini, fungsi, dan cara kerja organ tubuh hati.

21 9 Lambung Halaman ini digunakan untuk tampilan mulai permainan level dan menjelaskan defini, fungsi, dan cara kerja organ tubuh lambung. Ginjal Halaman ini digunakan untuk tampilan mulai permainan level 5 dan menjelaskan defini, fungsi, dan cara kerja organ tubuh ginjal. Usus Halaman ini digunakan untuk tampilan mulai permainan level 6 dan menjelaskan defini, fungsi, dan cara kerja organ tubuh usus. Finish Halaman ini berisi tampilan menyelesaikan permainan hingga bagian tubuh lengkap dan sempurna. Finish yang berarti permainan selesai dan sukses dan kembali ke menu utama... Flowchart Pada tahap ini akan dibuat flowchart game yang akan menunjukan alur sebuah game. Game ini memiliki bagian, bagian pertama yaitu menu berisi menu-menu menuju permainan, menu about tentang pembuat game dan exit untuk keluar dari permainan. Bagian kedua yaitu tampilan pemainan dimulai dari level dan menghubungkan antara level dengan level lainnya sampai level. Pada lampilan termainan terdapat tombol close atau keluar adalah tombol untuk pengguna agar dapat keluar dari permainan.

22 0 Start Posisi tepat dan time <5 Tidak Puzzle kalah Ya Puzzle lengkap Objek organ menyala Next level End Gambar.8 Flowchart game

23 . Material Collecting (Pengumpulan Bahan) Pengumpulan bahan atau material berupa teks-teks text, gambar, animasi, audio, dan tombol navigasi diperoleh dengan cara mengambil dari berbagai sumber dan dibuat sendiri. Tabel. Pengumpulan bahan yang dibuat sendiri dan dari Website No Nama file Tipe Ukuran Sumber resolusi Teks file Paru-paru Jpg 00x00 /7-kiat-jaga-kesehatan-paru-paru Paru-paru Png 00x00 Paru-paru Png 00x00 Paru-paru Png 00x00

24 5 Paru-paru Png 00x00 6 Jantung Jpg 00x00 Pixels 6/0760/8687/766/ini-caranyamerawat-organ-dalam-tubuh-agarsehat-setiap-hari 7 Jantung Png 50x50 8 Jantung Png 50x50 9 Jantung Png 50x50 0 Jantung Png 50x50

25 Hati 00x00 Pixels mengenal-penyebab-daripenyakit.html Hati Png 00x00 Hati Png 00x00 Hati Png 00x00 5 Hati Png 00x00 6 Lambung Jpg 00x00 Pixels kit-yang-menyerang-lambung/

26 7 Lambung Png 50x50 8 Lambung Png 50x50 9 Lambung Png 50x50 0 Lambung Png 50x50 Ginjal Jpg 00x00 Pixels gan-konsumsi-obat-ginjal-mengecilcuci-darah/ Ginjal Png 50x50

27 5 Ginjal Png 50x50 Ginjal Png 50x50 5 Ginjal Png 50x50 6 Usus Jpg 00x00 Pixels gan-dan-sistem-organ/ 7 Usus Png 50x50 8 Usus Png 50x50

28 6 9 Usus Png 50x50 0 Usus Png 50x50 Gambar ini dibuat dengan perangkat lunak Adobe Photoshop pro. Tubuh Jpg 55x60 Gambar ini dibuat dengan perangkat manusia Pixels lunak Adobe Photoshop pro. Tubuh Ppg 7x60 Gambar ini dibuat dengan perangkat manusia Pixels lunak Adobe Photoshop pro. Audio Mp 5Kb Koleksi pribadi. 5 Tombol Play Png 5x0 Pixels 6 Tombol About Png 5x9 Pixels 7 Tombol Exit Png 5x0 Pixels 8 Tombol Close Png x9 Pixels Gambar ini dibuat dengan perangkat lunak Adobe flash cs pro. Gambar ini dibuat dengan perangkat lunak Adobe flash cs pro. Gambar ini dibuat dengan perangkat lunak Adobe flash cs pro. Gambar ini dibuat dengan perangkat lunak Adobe flash cs pro.

29 7 9 Tombol Next Png 00x Pixels 0 Tombol Yes Png 80x5 No Pixels Gambar ini dibuat dengan perangkat lunak Adobe flash cs pro. Gambar ini dibuat dengan perangkat lunak Adobe flash cs pro. Tombol Yes Png 0x Gambar ini dibuat dengan perangkat No Pixels lunak Adobe flash cs pro. Foto penulis Jpg Koleksi pribadi Background Gambar ini dibuat dengan perangkat lunak Adobe flash cs pro. Timer Gambar ini dibuat dengan perangkat lunak Adobe flash cs pro.