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
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
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 :
35
Ifu Mie Mie Kikil Mie Seafood New Game
Bahan
Martabak Mie
Game Jenis Masakan
Mie Ayam Pedas
Menu
Evaluasi
Jenis Masakan
Ifu Mie
User About
Info
Exit
Mie Kikil 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.
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 :
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
38
Berikut ini adalah Activity Diagram Permainan untuk menu about : User
Home
Mulai
Pilih tombol About
Informasi Permainan Bahan Masakan
Gambar III.5 : Activity Diagram Menu About III.4.3.Sequence Diagram 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:
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
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. 1.
Board
Keterangan Menampilkan menu awal dari Permainan Bahan Masakan
2.
Tampilan saat user memilih tombol new game, menampilkan menu masakan yang tersedia
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
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 text judul permainan dan juga tombol New Game, tombol Bahan Masakan, tombol Evaluasi, tombol About dan tombol Exit.
43
gambar
text
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.
text
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)
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. text
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 text yang bertuliskan bahan masakan, tombol-tombol jenis masakan dan tombol kembali.
45
text
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 text yang bertuliskan jenis masakan, tombol-tombol jenis masakan dan tombol kembali.
text
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
46
6. Rancangan Tampilan Evaluasi (1) Terdapat text aturan main dari permainan dan juga terdapat tombol Play untuk memulai permainan.
Tombol play game
text
Gambar III.15. Rancangan Tampilan Menu Evaluasi (1) 7. Rancangan Tampilan Evaluasi (2) Terdapat text judul permainan dan text soal berserta tombol untuk jawaban pertanyaan dari soal permainan, dan juga terdapat score permainan dan waktu yang telah ditentukan oleh penulis.
47
text skor
waktu text
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 text yang berisikan tentang informasi permainan dan tombol kembali.
text
tombol Back
Gambar III.17. Rancangan Tampilan Menu About
