BAB III ANALISIS DAN DESAIN SISTEM

Transkripsi

1 BAB III ANALISIS DAN DESAIN SISTEM III.1. Analisis Masalah Selama ini bahan masakan hanya digunakan sebagai bahan masakan. Untuk memudahkan orang mengetahui bahan-bahan masakan tertentu maka dibuatlah sebuah permainan mengenai pengenalan bahan-bahan masakan. Dengan adanya permainan pengenalan bahan masakan ini dapat digunakan sebagai bahan referensi bagi orang yang ingin mengenal bahan-bahan masakan yang ada didapur. Selain itu juga dapat digunakan untuk mengenalkan bahan-bahan masakan kepada remaja yang masih belum terlalu mengetahui tentang bahanbahan masakan. III.2 Strategi Pemecahan Masalah Beberapa strategi pemecahan masalah dalam perancangan aplikasi permainan ini adalah sebagai berikut: 1. Mejelaskan proses memasak bahan masakan kreasi mie dengan berupa tutorial. 2. Dalam aplikasi ini terdapat permainan sederhana berupa game puzzle. 32

2 33 III.3. Analisa Kebutuhan Sistem Pembuatan permainan ini membutuhkan serangkaian peralatan yang dapat mendukung kelancaran proses perancangan dan pembuatan permainan. Berikut ini aspek-aspek yang di butuhkan dalam pembuatan permainan. III.3.1.Perangkat Keras (Hardware) Hardware merupakan komponen yang terlihat secara fisik, yang saling bekerjasama dalam pengolahan data. Hardware yang digunakan meliputi: a. Prosesor Intel Core i3 3,30 Ghz b. Memory 4 GB c. Harddisk 500 GB d. VGA card 1 GB dengan Monitor 21 inchi e. Mouse dan Keyboard III.3.2. Perangkat Lunak (Software) Software adalah intruksi atau program-program komputer yang dapat digunakan oleh komputer dengan memberikan fungsi serta penampilan yang diinginkan. Dalam hal ini software yang digunakan adalah: 1. Sistem Operasi Microsoft Windows 7 2. Adobe Flash CS6

3 34 III.4. Desain Sistem Perancangan desain sistem yang akan dibangun menggunakan pemodelan Unified Modelling System (UML). Diagram-diagram yang digunakan usecase diagram, activity diagram, dan sequence diagram. III.4.1.Usecase Diagram Usecase diagram ini digunakan untuk menggambaran hubungan sejumlah external aktor dengan usecase yang terdapat dalam sistem. Usecase ini hanya menggambarkan keadaan lingkungan sistem yang dapat dilihat dari luar aktor, adapun usecase dari Permainan Bahan Masakan ini adalah sebagai berikut :

4 35 Ifu Mie Mie Kikil Mie Seafood New Game Game Martabak Mie User Menu Bahan Evaluasi About Jenis Masakan Jenis Masakan Info Mie Ayam Pedas Ifu Mie Mie Kikil Exit Mie Seafood Martabak Mie Mie Ayam Pedas Gambar III.1. Usecase Diagram Keterangan usecase Permainan Bahan Masakan adalah sebagai berikut : 1. Menu atau Home User memasuki menu utama dan user dapat memilih langkah selanjutnya untuk memulai permainan bahan masakan, melihat bahan masakan, melihat info atau keluar dari permainan bahan masakan.

5 36 2. New Game Saat user memilih tombol new game maka user dapat memilih menu masakan yang telah tersedia (Ifu Mie, Mie Kikil, Mie Seafood, Martabak Mie dan Mie Ayam Pedas) untuk memulai permainan game puzzle gambar. 3. Bahan User dapat melihat bahan-bahan apa saja yang ada didalam menu masakan yang telah tersedia dalam permainan bahan masakan ini (Ifu Mie, Mie Kikil, Mie Seafood, Martabak Mie dan Mie Ayam Pedas). 4. Evaluasi Saat user memilih tombol evaluasi maka user dapat memilih menu masakan yang telah tersedia (Ifu Mie, Mie Kikil, Mie Seafood, Martabak Mie dan Mie Ayam Pedas) dari menu tersebut terdapat soal seputar materi. 5. About User memilih tombol about kemudian user dapat membaca informasi tentang permainan bahan masakan. 6. Quit Saat user tidak ingin memainkan permainan bahan masakan, user dapat memilih tombol quit untuk keluar permainan bahan masakan. III.4.2.Activity Diagram Berikut ini adalah Activity Diagram Permainan untuk menu play :

6 37 User Home Mulai Pilih tombol New Game Mulai Permainan Gambar III.2 : Activity Diagram Menu New Game Berikut ini adalah Activity Diagram Permainan untuk menu bahan masakan : User Home Mulai Pilih tombol Bahan Informasi Bahan Masakan Gambar III.3 : Activity Diagram Menu Bahan Masakan Berikut ini adalah Activity Diagram Permainan untuk menu evaluasi : User Home Mulai Pilih tombol Evaluasi Soal seputar materi Gambar III.4 : Activity Diagram Menu Evaluasi

7 38 Berikut ini adalah Activity Diagram Permainan untuk menu about : User Home Mulai Pilih tombol About Informasi Permainan III.4.3.Sequence Diagram Gambar III.5 : Activity Diagram Menu About Berikut ini adalah Sequence Diagram Permainan Bahan Masakan untuk menu Play : Menu Play User 1 : Memilih menu Play() 2 : Menampilkan Permainan() Gambar III.6 : Sequence Diagram Menu Play Berikut ini adalah Sequence Diagram Permainan Bahan Masakan untuk menu Bahan Masakan:

8 39 Menu Bahan User 1 : Memilih menu Bahan() 2 : Menampilkan Bahan Masakan() Gambar III.7 : Sequence Diagram Menu Bahan Masakan Berikut ini adalah Sequence Diagram Permainan Bahan Masakan untuk menu Evaluasi : User Menu Evaluasi 1 : Memilih menu Evaluasi() 2 : Menampilkan Soal Seputar Materi() Gambar III.8 : Sequence Diagram Menu Evaluasi

9 40 Berikut ini adalah Sequence Diagram Permainan Bahan Masakan untuk About : Menu About User 1 : Memilih menu About() 2 : Menampilkan Info permainan() Gambar III.9 : Sequence Diagram Menu About III.4.4.Story Board Story Board menggambarkan desain dari cerita yang digambar, berikut adalah Story Board Permainan Bahan Masakan masakan yang dirancang : Tabel III.1. Story Board Permainan Bahan Masakan No. Board Keterangan 1. Menampilkan menu awal dari Permainan Bahan Masakan 2. Tampilan saat user memilih tombol new game, menampilkan menu masakan yang tersedia

10 41 3. Menampilkan permainan mencocokan gambar sesuai dengan bahan masakan dengan gambar 4. Tampilan saat user memilih tombol bahan masakan, menampilkan jenis masakan yang tersedia 5. Tampilan saat user memilih tombol mie kikil, terdapat gambar dan bahan untuk membuat mie kikil 6. Tampilan saat user memilih menu Evaluasi, menampilkan jenis masakan yang tersedia 7. Tampilan saat user memilih tombol ifu mie, terdapat aturan permainan dan tomblol play

11 42 8. Tampilan saat user memilih tombol play game, menampilkan soal seputar materi 9. Tampilan saat user memilih tombol about, menampilkan informasi mengenai permainan bahan masakan III.5. Desain User Interface Perancangan tampilan menu atau rancangan scene dalam program ini sangat diperlukan dalam pemrograman visual karena scene ini merupakan bentuk tampilan saat program dijalankan. 1. Rancangan Home Rancangan Home pada aplikasi ini adalah tampilan yang pertama kali muncul ketika aplikasi dijalankan. Terdapat gambar dan judul permainan dan juga tombol New Game, tombol Bahan Masakan, tombol Evaluasi, tombol About dan tombol Exit.

12 43 gambar gambar tombol new game tombol bahan masakan tombol evaluasi tombol about tombol exit Gambar III.10. Rancangan Tampilan Home Permainan 2. Rancangan Tampilan New Game (1) Setelah New Game dipilih, maka akan masuk kedalam menu New Game (1). Terdapat menu masakan mie. tombol ifu mie tombol martabak mie tombol mie ayam pedas tombol mie kikil tombol mie seafood Gambar III.11. Rancangan Tampilan Menu New Game (1)

13 44 3. Rancangan Tampilan New Game (2) Setelah New Game dipilih, maka akan masuk kedalam menu New Game. Terdapat permainan puzzle gambar pilih bahan masakan yang cocok dengan menu yang dipilih. waktu gambar gambar gambar gambar gambar gambar gambar Gambar III.12. Rancangan Tampilan Menu New Game (2) 4. Rancangan Tampilan Bahan Masakan Setelah Bahan Masakan dipilih, maka akan masuk kedalam menu Bahan Masakan. Terdapat yang bertuliskan bahan masakan, tombol-tombol jenis masakan dan tombol kembali.

14 45 tombol Ifu Mie tombol Martabak Mie tombol Mie Kikil tombol Mie Ayam Pedas tombol Mie Seafood tombol Back Gambar III.13. Rancangan Tampilan Menu Bahan Masakan 5. Rancangan Tampilan Evaluasi Terdapat yang bertuliskan jenis masakan, tombol-tombol jenis masakan dan tombol kembali. tombol Ifu Mie tombol Martabak Mie tombol Mie Kikil tombol Mie Ayam Pedas tombol Mie Seafood tombol Back Gambar III.14. Rancangan Tampilan Menu Evaluasi

15 46 6. Rancangan Tampilan Evaluasi (1) Terdapat aturan main dari permainan dan juga terdapat tombol Play untuk memulai permainan. Tombol play game Gambar III.15. Rancangan Tampilan Menu Evaluasi (1) 7. Rancangan Tampilan Evaluasi (2) Terdapat judul permainan dan soal berserta tombol untuk jawaban pertanyaan dari soal permainan, dan juga terdapat score permainan dan waktu yang telah ditentukan oleh penulis.

16 47 skor waktu tombol Ifu Mie tombol Mie Kikil tombol Mie Seafood tombol Martabak Mie Gambar III.16. Rancangan Tampilan Menu Evaluasi (2) 8. Rancangan Tampilan About Setelah About dipilih, maka akan masuk kedalam menu About. Terdapat yang berisikan tentang informasi permainan dan tombol kembali. tombol Back Gambar III.17. Rancangan Tampilan Menu About