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

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

di

anjurkan

dalam

menjalankan

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


52

Gambar 4.8 Tampilan halaman LEVEL 3


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


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


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


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

yang diuji 1

Output/ hasil yang

pengujian

akan dicapai

Halaman

Game 1, Game 2, dan

Menekan salah satu

User dapat

Menu

Game 3

tombol game yang ingin

memainkan

dimainkan

permainan game

apabila user sudah atau

Di level 1, level 2,

belum dapat

dan level 3 ini hasil

menyelesaikan di level

akhrinya akan

yang dimainkannya maka

diketahui jumlah

user bisa lanjut ke level

benar dan salahnya

Utama 2

kondisi skenario

Halaman Game 1

Level 1 Level 2 Level 3

berikutnya 3

Halaman Game 2




belum dapat



akhrinya akan


diketahui jumlah


benar dan salahnya

berikutnya 4.

Halaman Game 3

Level 1 Level 2



belum dapat

ini hasil akhrinya


akan diketahui


jumlah benar dan


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

Game 1 Level 2

Tebak Gambar

Dalam game tebak gambar ini user

2

dapat memilih gambar sesuai petunjuk yang telah di berikan 7.

Game 1 Level

Game 1 Level 3

Tebak Gambar


3

dapat memilih gambar sesuai petunjuk yang telah di berikan 8.

Game 2 Level

Game 2 Level 1

Pilih warna

Mewarnai gambar yang telah

1

disediakan 9.

Game 2 Level

Game 2 Level 2

Pilih warna


2

disediakan 10.

Game 2 Level

Game 2 Level 3

Pilih warna


3

disediakan 11.

Game 3 Level

Game 3 Level 1

Mencocokkan Gambar

User dapat mencocokkan

1

gambar yang sama yang telah disediakan 12.

Game 3 Level 2

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

kembali

Pilihan untuk kembali ke

Menampilkan

level sebelumnya

halaman level permainan sebelumnya

14.

Tombol

Tombol lanjut

lanjut

Pilihan untuk lanjut ke

Menampilkan

level berikut

halaman level permainan berikutnya

15.

Halaman

Menu utama

Pilih game

menu utama

16.

Keluar

Game 1, game 2, game 3

Keluar permainan

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

1

Tampilan yang

Input/ kondisi

Output/ hasil yang

diuji

skenario pengujian

akan dicapai

GAME 1

Klik tombol game 1

User dapat

Kesimpulan

Sesuai

memainkan permainan game 2

GAME 2

Klik tombol game 2

User dapat

Sesuai

memainkan permainan game 3

GAME 3

Klik tombol game 3

User dapat memainkan permainan game

Sesuai

63 Lanjutan tabel 4.4 Hasil Pengujian 4

Halaman Game 1




belum dapat



akhrinya akan


diketahui jumlah


benar dan salahnya

berikutnya 5

Halaman Game 2




belum dapat



akhrinya akan


diketahui jumlah


benar dan salahnya

berikutnya 6

Halaman Game 3

Level 1 Level 2



belum dapat

ini hasil akhrinya


akan diketahui


jumlah benar dan


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

Game 1 Level 2

Tebak Gambar


2

dapat memilih gambar sesuai petunjuk yang telah di berikan 9

Game 1 Level

Game 1 Level 3

Tebak Gambar


3

dapat memilih gambar sesuai petunjuk yang telah di berikan 10

Game 2 Level

Game 2 Level 1

Pilih warna


1

disediakan 11

Game 2 Level

Game 2 Level 2

Pilih warna


2

disediakan 12

Game 2 Level

Game 2 Level 3

Pilih warna


3

disediakan 13

Game 3 Level

Game 3 Level 1

Mencocokkan Gambar

User dapat mencocokkan

1

gambar yang sama yang telah disediakan 14

Game 3 Level 2

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

kembali

Pilihan untuk kembali ke

Menampilkan

level sebelumnya

halaman level permainan sebelumnya

16

Tombol

Tombol lanjut

lanjut

Pilihan untuk lanjut ke

Menampilkan

level berikut

halaman level permainan berikutnya

17

Halaman

Menu utama

Pilih game

menu utama

18

Keluar permainan

Game 1, game 2, game 3

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.

BAB IV IMPLEMENTASI DAN PENGUJIAN

Recommend Documents