BAB IV IMPLEMENTASI DAN PENGUJIAN

BAB IV IMPLEMENTASI DAN PENGUJIAN 4.1 Implementasi Aplikasi Implementasi merupakan penerapan desain (perancangan) aplikasi yang dapat dimengerti oleh mesin dengan spesifikasi perangkat lunak dan perangkat keras yang digunakan. Dari hasil melakukan analisa dan perancangan, langkah selanjutnya adalah pengimplementasian dan pengujian. Pada tahapan implementasi terdapat dua cakupan yaitu spesifikasi kebutuhan sistem yang meliputi perangkat keras (hardware) dan perangkat lunak (software), dan implementasi sistem aplikasi pendukung yang meliputi proses pengkodean, desain antarmuka. 4.1.1 Pengujian Kotak Hitam (Black Box) Pengujian kotak hitam berfokus pada persyaratan fungsional perangkat lunak. Berikut ini merupakan beberapa pengujian yang dilakukan dengan kotak hitam (Black Box), yang terdiri dari perangkat keras dan perangkat lunak, yaitu sebagai berikut: 1. Perangkat keras Spesifikasi perangkat keras yang di anjurkan dalam menjalankan implementasi Game antara lain sebagai berikut: 1. Prosesor Intel core i3, 2.53 Ghz 2. Memory 2GB. 3. VGA Radeon HD 6470M. 4. Speaker. 5. Hard disk 320 GB. 6. Keyboard dan mouse 7. DVD-ROM. 43

44 2. Perangkat lunak Spesifikasi perangkat lunak yang digunakan dalam membuat implementasi Game antara lain sebagai berikut: 1. Sistem operasi : Microsoft Windos 7 2. Aplikasi : Adobe flash CS5 Penulisan disini akan mencoba untuk sedikit memberikan contoh pembuatan aplikasi game tebak gambar, mewarnai, dan mencocokkan gambar yaitu pembuatan button dalam background menu utama, pembuatan button ini merupakan gabungan antara movie clip dan button, langkah-langkahnya seperti berikut: 1. Pertama-tama penulis membuka halaman baru di flash. Pada tahap ini penulis ingin membuat halaman menu utama yang di antaranya menu game. Pada menu game berfungsi untuk menampilkan informasi petunjuk game. Untuk membuat menu game dengan mengklik kursor pada reclangle tools, untuk membuat persegi dengan cara diexsport menjadi button dengan mengklik kanan convert tools simbol dengan instance name, game 1, game 2, game 3 dan mengklik pada reclangle tools, untuk membuat persegi panjang dengan lebar kebawah kemudian di exsport menjadi movie clip dengan mengklik control_exsport movie kemudian mengisi instance name layer. Pada menu game berfungsi untuk menampilkan informasi motifasi game. Dengan mengklik reclangle tools untuk membuat persegi kemudian di exsport menjadi button kemudian mengisikan instance name game 1, game 2, dan game 3 klik pada reclangle untuk membuat persegi dengan lebar kebawah kemudian diexsport dengan menekan menu Ctrl dengan klik kanan to simbol menjadi movie clip kemudian dengan mengisikan instance name pada game 1, game 2 dan game3. Pada menu game berfungsi untuk memulai permainan, klik reclangle tools untuk membuat persegi kemudian klik kanan korsor convert to simbol menjadi button dengan mengisikan instansi name game 1, game 2, game 3. Menu game berfungsi sebagai tampilan awal (HOME) untuk keluar permainan kemudian klik kanan kursor

45 convert to simbol menjadi button dengan mengisikan instansi name home flash Tugas TAa.swf Dapat dilihat pada gambar 4.1 Gambar 4.1 Halaman Menu Utama 2. Pada tahap ini penulis ingin membuat animasi game klik reclangle tools yang di gunakan sebagai krayon, kemudian convert to symbol dengan klik kanan pada kursor menjadi movie clip, kemudian pada pilihan warna klik reclangle tools untuk membuat persegi panjang dengan cara convert to symbol menjadi button. Kemudian bikin objek gambar klik reclangle tools, dan kemudian masukkan objek gambar yang akan di warnai dalam game mewarnai, pada bagian pertama convert to symbol menjadi movie clip dengan memberi nama game 1 dan pada gambar dua convert to symbol menjadi movie clip. Pada penggunaan level klik lanjut untuk ke level berikutnya dan klik tampilan awal untuk kembali ke home. Dapat dilihat pada gambar 4.2

46 Gambar 4.2 Halaman Permainan 4.2 Tampilan Permainan Untuk menjalankan program ini, yang dilakukan adalah membuka games.exe, kemudian masuk ke menu utama dimana dalam menu utama terdapat pilihan game 1, game 2 dan game 3, kemudian klik salah satu tombol game yang akan di mainkan maka akan masuk ke permainan. 4.2.1 Halaman Pembuka Seperti yang dapat dilihat pada Gambar 4.1, ketika pemain menjalankan program permainan. yang pertama kali ditampilkan kepada pemain adalah tampilan awal halaman game 1, game 2, dan game 3, Apabila pemain ingin memainkan game ini maka pemain bisa masuk ke permainan awal, setelah itu klik tombol game yang ingin di mainkan untuk memasuki permainan. Pada gambar 4.1 merupakan gambar halaman tampilan program yang mana berisi beberapa state yaitu Game 1, Game 2 dan Game 3. apabila kita mengklik salah satu Game maka akan keluar tentang tata cara permainan. Yaitu, game tebak

47 gambar, game mewarnai dan game mencocokkan gambar, sedangkan jika diklik lanjut maka permainan akan ke level berikutnya, sedangkan untuk keluar permainan klik Tampilan Awal maka akan kembali ke menu utama. Gambar 4.3 Tampilan Halaman Menu Utama Pada Gambar 4.2 merupakan gambar halaman tampilan program yang mana berisi halaman Game Jika diklik Game 1, game 2 dan game 3, maka permainan akan di mulai, apabila ingin keluar dari permainan Game maka klik Tampilan Awal maka permainan akan kembali ke menu utama. Penggalan coding game 1 on(release) { } loadmovie("tebak gambar1.swf",0);

48 Gambar 4.4 Tampilan Halaman level 1 stop();

49 Gambar 4.5 Permainan game 1 stop(); benar = 0; salah = 0; total_frame = 11; array_frame = []; for (i=2; i<=total_frame; i++) { array_frame.push(i); } array_frame.sort(function () { return random(2)? 1 : -1; }); jumlah_frame = array_frame.length;

50. Gambar 4.6 Tampilan akhir Permainan game 1 stop(); benar_tampil = benar; salah_tampil = salah;

51 Gambar 4.7 Tampilan halaman LEVEL 2 on(release) { loadmovie("tebak gambar2.swf",0); }

52 Gambar 4.8 Tampilan halaman LEVEL 3 on(release) { } loadmovie("tebak gambar3.swf",0); coding untuk kembali ke home on (release) { loadmovie('home Flash Tugas TAa.swf',0); }

53 Pada Gambar 4.3 merupakan gambar tampilan program game 2 level 1 yang mana menjelaskan tentang yang akan terjadi pada game 2 level 1, untuk lanjut ke level berikutnya klik LANJUT apabila user sudah atau belum dapat menyelesaikan di game yang dimainkannya game 2 level 1 maka user bisa lanjut dengan meng klik tombol LANJUT yang menghubungkan user ke level berikutnya, dan bila user ingin kembali ke level yang sudah pernah dimainkannya maka klik tombol KEMBALI dan sedangkan user ingin kembali ke menu utama maka klik tombol TAMPILAN AWAL dan apabila user ingin keluar maka klik tombol keluar permainan maka akan keluar dari permainan. Gambar 4.9 Tampilan GAME 2 LEVEL 1 Pada Gambar 4.4 merupakan gambar tampilan program pada game 2 level 2 yang mana menjelaskan tentang yang akan terjadi pada game 2 level 2, untuk lanjut ke level berikutnya klik tombol LANJUT maka akan tampil game 2 level 3, apabila user sudah atau belum dapat menyelesaikan di level yang dimainkannya maka user bisa lanjut ke level berikutnya, dan bila user ingin kembali ke level yang sudah pernah dimainkan maka klik tombol KEMBALI dan sedangkan user ingin kembali ke menu utama maka klik tombol TAMPILAN AWAL dan bila user ingin keluar maka klik tombol keluar permainan maka akan keluar dari permainan.

54 Gambar 5.0 Tampilan GAME 2 LEVEL 2 Pada Gambar 4.5 merupakan gambar tampilan program pada game 2 level 3 yang mana menjelaskan tentang yang akan terjadi pada game 2 level 3, untuk lanjut ke game berikutnya klik tombol GAME 3 maka akan tampil game 3 level 1, apabila user sudah atau belum dapat menyelesaikan di game yang dimainkannya maka user bisa lanjut ke level berikutnya, dan bila user ingin kembali ke level yang sudah pernah dimainkan maka klik tombol KEMBALI dan sedangkan user ingin kembali ke menu utama maka klik tombol TAMPILAN AWAL dan bila user ingin keluar maka klik tombol keluar permainan maka akan keluar dari permainan.

55 Gambar 5.1 Tampilan GAME 2 LEVEL 3 Pada Gambar 4.6 merupakan gambar tampilan program pada game 3 level 1 yang mana menjelaskan tentang yang akan terjadi pada game 3 level 1, untuk lanjut ke level berikutnya klik tombol LANJUT maka akan tampil game 3 level 2, apabila user sudah atau belum dapat menyelesaikan di level yang dimainkannya maka user bisa lanjut ke level berikutnya, dan bila user ingin kembali ke level yang sudah pernah dimainkan maka klik tombol KEMBALI dan sedangkan user ingin kembali ke menu utama maka klik tombol TAMPILAN AWAL dan bila user ingin keluar maka klik tombol keluar permainan maka akan keluar dari permainan.

56 Gambar 5.2 Tampilan GAME 3 LEVEL 1 Pada Gambar 4.7 merupakan gambar tampilan program pada game 3, jika user sudah selesai mengerjakannya maka game ini adalah game terakhir dari permainan. Apabila user ingin kembali ke game yang pernah dimainkannya maka klik tombol TAMPILAN AWAL maka user dapat memilih game yang akan di mainkan dan apabila user ingin keluar maka klik tombol keluar permainan maka akan keluar dari permainan.

57 Gambar 5.3 Tampilan GAME 3 LEVEL 2 Pada Gambar 4.8 merupakan gambar halaman tampilan program yang mana beberisi halaman KELUAR PERMAINAN. apabila pemain ingin keluar dari permainan maka klik tombol KELUAR PERMAINAN Penggalan coding Halaman Keluar Permainan on(release) { fscommand("quit","true"); }

58 4.3 Pengujian Pengujian program aplikasi ini dilakukan berdasarkan fungsi dari program. Tujuannya adalah untuk menemukan kesalahan fungsi pada program. Pengujian dilakukan dengan cara memberikan hasil akhir pada program aplikasi yang kemudian di proses sesuai dengan kebutuhan fungsiaonalnya untuk melihat apakah program aplikasi menghasilkan keluaran (output) yang diinginkan dan sesuai dengan fungsi dari program aplikasi tersebut. Bila dari hasil yang diberikan menghasilkan output yang sesuai dengan kebutuhan fungsionalnya, maka program aplikasi yang bersangkutan telah benar, tetapi bila output yang dihasilkan tidak sesuai dengan kebutuhan fungsionalnya, maka masih terdapat kesalahan pada program aplikasi tersebut. Pengujian dilakukan dengan mencoba semua kemungkinan yang terjadi dan dilakukan secara berulang-ulang. Jika dalam pengujian ditemukan kesalahan, maka akan dilakukan penelusuran dan perbaikan (debugging) untuk memperbaiki kesalahan yang terjadi. Jika telah selesai melakukan perbaikan maka akan dilakukan pengujian kembali. Pengujian dan perbaikan dilakukan secara terus menerus hingga diperoleh hasil yang terbaik. 4.3.1 Skenario Pengujian Skenario pengujian diperlukan untuk mengetahui apakah menu-menu yang ada dapat berfungsi dengan baik atau tidak. Skenario pengujian dilakukan dengan memilih dari setiap pilihan yang ada pada tampilan aplikasi permainan ini dan tentunya mengantisipasi permainan, skenario dilakukan satu persatu dalam kondisi yang mungkin terjadi. Skenario tersebut dirangkum dalam Tabel 4.3.1 skenario pengujian.

59 Tabel 4.3 Skenario Pengujian No Tampilan Bagian yang diuji kondisi skenario Output/ hasil yang yang diuji pengujian akan dicapai 1 Halaman Game 1, Game 2, dan Menekan salah satu User dapat Menu Game 3 tombol game yang ingin memainkan Utama dimainkan permainan game 2 Halaman Level 1 apabila user sudah atau Di level 1, level 2, Game 1 Level 2 Level 3 belum dapat menyelesaikan di level yang dimainkannya maka dan level 3 ini hasil akhrinya akan diketahui jumlah user bisa lanjut ke level benar dan salahnya berikutnya 3 Halaman Level 1 apabila user sudah atau Di level 1, level 2, Game 2 Level 2 Level 3 belum dapat menyelesaikan di level yang dimainkannya maka dan level 3 ini hasil akhrinya akan diketahui jumlah user bisa lanjut ke level benar dan salahnya berikutnya 4. Halaman Level 1 apabila user sudah atau Di level 1, level 2, Game 3 Level 2 belum dapat menyelesaikan di level ini hasil akhrinya akan diketahui yang dimainkannya maka jumlah benar dan user bisa lanjut ke level salahnya berikutnya 5. Game 1 Level 1 Game 1 Level 1 Tebak Gambar Dalam game tebak gambar ini user dapat memilih gambar sesuai petunjuk yang telah di berikan

60 Lanjutan tabel 4.3 Skenario Pengujian 6. Game 1 Level 2 7. Game 1 Level 3 8. Game 2 Level 1 9. Game 2 Level 2 10. Game 2 Level 3 11. Game 3 Level 1 12. Game 3 Level 2 Game 1 Level 2 Tebak Gambar Dalam game tebak gambar ini user dapat memilih gambar sesuai petunjuk yang telah di berikan Game 1 Level 3 Tebak Gambar Dalam game tebak gambar ini user dapat memilih gambar sesuai petunjuk yang telah di berikan Game 2 Level 1 Pilih warna Mewarnai gambar yang telah disediakan Game 2 Level 2 Pilih warna Mewarnai gambar yang telah disediakan Game 2 Level 3 Pilih warna Mewarnai gambar yang telah disediakan Game 3 Level 1 Mencocokkan Gambar User dapat mencocokkan gambar yang sama yang telah disediakan Game 3 Level 2 Mencocokkan Gambar User dapat mencocokkan gambar yang sam yang telah disediakan

61 Lanjutan tabel 4.3 Skenario Pengujian 13. Tombol Tombol kembali Pilihan untuk kembali ke Menampilkan kembali level sebelumnya halaman level permainan sebelumnya 14. Tombol Tombol lanjut Pilihan untuk lanjut ke Menampilkan lanjut level berikut halaman level permainan berikutnya 15. Halaman menu utama Menu utama Pilih game Game 1, game 2, game 3 16. Keluar permainan Keluar permainan Pilihan untuk keluar game Menampilkan button keluar permainan jika di klik maka akan keluar dari permainan 4.3.2 Hasil Pengujian Dari skenario pengujian terakhir yang dilakukan dapat diperoleh hasil pengujian. Dari hasil pengujian pada menu setiap pilihan yang ada pada aplikasi ini yaitu tampilan game 1, game 2, game 3 dan menu utama pada aplikasi program ini dan terangkum dalam tabel hasil pengujian. Lihat Tabel 4.3.2 Tabel hasil pengujian.

62 Tabel 4.4 Hasil Pengujian No Tampilan yang Input/ kondisi Output/ hasil yang Kesimpulan diuji skenario pengujian akan dicapai 1 GAME 1 Klik tombol game 1 User dapat memainkan permainan game 2 GAME 2 Klik tombol game 2 User dapat memainkan permainan game 3 GAME 3 Klik tombol game 3 User dapat memainkan permainan game Sesuai Sesuai Sesuai

63 Lanjutan tabel 4.4 Hasil Pengujian 4 Halaman Level 1 apabila user sudah atau Di level 1, level 2, Game 1 Level 2 Level 3 belum dapat menyelesaikan di level yang dimainkannya maka dan level 3 ini hasil akhrinya akan diketahui jumlah user bisa lanjut ke level benar dan salahnya berikutnya 5 Halaman Level 1 apabila user sudah atau Di level 1, level 2, Game 2 Level 2 Level 3 belum dapat menyelesaikan di level yang dimainkannya maka dan level 3 ini hasil akhrinya akan diketahui jumlah user bisa lanjut ke level benar dan salahnya berikutnya 6 Halaman Level 1 apabila user sudah atau Di level 1, level 2, Game 3 Level 2 belum dapat menyelesaikan di level ini hasil akhrinya akan diketahui yang dimainkannya maka jumlah benar dan user bisa lanjut ke level salahnya berikutnya 7 Game 1 Level 1 Game 1 Level 1 Tebak Gambar Dalam game tebak gambar ini user dapat memilih gambar sesuai petunjuk yang telah diberikan

64 Lanjutan tabel 4.4 Hasil Pengujian 8 Game 1 Level 2 9 Game 1 Level 3 10 Game 2 Level 1 11 Game 2 Level 2 12 Game 2 Level 3 13 Game 3 Level 1 14 Game 3 Level 2 Game 1 Level 2 Tebak Gambar Dalam game tebak gambar ini user dapat memilih gambar sesuai petunjuk yang telah di berikan Game 1 Level 3 Tebak Gambar Dalam game tebak gambar ini user dapat memilih gambar sesuai petunjuk yang telah di berikan Game 2 Level 1 Pilih warna Mewarnai gambar yang telah disediakan Game 2 Level 2 Pilih warna Mewarnai gambar yang telah disediakan Game 2 Level 3 Pilih warna Mewarnai gambar yang telah disediakan Game 3 Level 1 Mencocokkan Gambar User dapat mencocokkan gambar yang sama yang telah disediakan Game 3 Level 2 Mencocokkan Gambar User dapat mencocokkan gambar yang sam yang telah disediakan

65 Lanjutan tabel 4.4 Hasil Pengujian 15 Tombol Tombol kembali Pilihan untuk kembali ke Menampilkan kembali level sebelumnya halaman level permainan sebelumnya 16 Tombol Tombol lanjut Pilihan untuk lanjut ke Menampilkan lanjut level berikut halaman level permainan berikutnya 17 Halaman menu utama Menu utama Pilih game Game 1, game 2, game 3 18 Keluar permainan Keluar permainan Pilihan untuk keluar game Menampilkan button keluar permainan jika di klik maka akan keluar dari permainan

66 4.3.3 Analisis Hasil Pengujian Setelah dilakukan pengujian secara menyeluruh terhadap aplikasi game tebak gambar, game mewarnai dan game mencocokkan gambar didapatkan beberapa keterbatasan dari aplikasi permainan tersebut yaitu sebagai berikut: 1. Tidak adanya tolak ukur (session) mewarnai suatu gambar yang menyatakan gambar telah sesuai diwarnai, sehingga pemain dapat pindah ke level selanjutnya. 2. Tidak adanya hasil skor yang di dapat dalam permainan mewarnai. 3. Tidak adanya fasilitas penyimpanan permainan game tebak gambar, game mewarnai dan game mencocokkan gambar. 4. Tidak adanya fasilitas cetak untuk hasil permainan game tebak gambar, game mewarnai dan game mencocokkan gambar.