BAB IV IMPLEMENTASI DAN PENGUJIAN

(1)

43

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.

(2)

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

(3)

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

(4)

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

(5)

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); }

(6)

48

Gambar 4.4 Tampilan Halaman level 1

(7)

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;

(8)

50

.

Gambar 4.6 Tampilan akhirPermainan game 1

stop();

benar_tampil = benar; salah_tampil = salah;

(9)

Gambar 4.7 Tampilan halaman LEVEL 2

on(release) {

loadMovie("tebak gambar2.swf",0); }

(10)

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); }

(11)

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.

(12)

54

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.

(13)

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.

(14)

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.

(15)

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"); }

(16)

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.

(17)

Tabel 4.3 Skenario Pengujian No Tampilan

yang diuji

Bagian yang diuji kondisi skenario pengujian

Output/ hasil yang akan dicapai 1 Halaman

Menu Utama

Game 1, Game 2, dan Game 3

Menekan salah satu tombol game yang ingin dimainkan User dapat memainkan permainan game 2 Halaman Game 1 Level 1 Level 2 Level 3

apabila user sudah atau belum dapat

menyelesaikan di level yang dimainkannya maka user bisa lanjut ke level berikutnya

Di level 1, level 2, dan level 3 ini hasil akhrinya akan diketahui jumlah benar dan salahnya

3 Halaman Game 2

Level 1 Level 2 Level 3

4. Halaman Game 3

Level 1 Level 2

Di level 1, level 2, ini hasil akhrinya akan diketahui jumlah benar dan salahnya

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

(18)

60

Lanjutan tabel 4.3 Skenario Pengujian 6. Game 1 Level

2

Game 1 Level 2 Tebak Gambar Dalam game tebak

gambar ini user dapat memilih gambar sesuai petunjuk yang telah di berikan

7. Game 1 Level 3

8. Game 2 Level 1

Game 2 Level 1 Pilih warna Mewarnai gambar

yang telah disediakan 9. Game 2 Level

2

3

1

Game 3 Level 1 Mencocokkan Gambar User dapat

mencocokkan gambar yang sama yang telah disediakan 12. Game 3 Level

2

mencocokkan gambar yang sam yang telah disediakan

(19)

Lanjutan tabel 4.3 Skenario Pengujian

13. Tombol kembali

Tombol kembali Pilihan untuk kembali ke level sebelumnya Menampilkan halaman level permainan sebelumnya 14. Tombol lanjut

Tombol lanjut Pilihan untuk lanjut ke level berikut Menampilkan 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.

(20)

62

Tabel 4.4 Hasil Pengujian

No Tampilan yang

diuji

Input/ kondisi skenario pengujian

Output/ hasil yang akan dicapai

Kesimpulan

1 GAME 1 Klik tombol game 1 User dapat memainkan permainan game

Sesuai

(21)

Lanjutan tabel 4.4 Hasil Pengujian 4 Halaman Game 1 Level 1 Level 2 Level 3

5 Halaman Game 2

Level 1 Level 2 Level 3

6 Halaman Game 3

Level 1 Level 2

Di level 1, level 2, ini hasil akhrinya akan diketahui jumlah benar dan salahnya

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

(22)

64

Lanjutan tabel 4.4 Hasil Pengujian 8 Game 1 Level

2

9 Game 1 Level 3

10 Game 2 Level 1

yang telah disediakan 11 Game 2 Level

2

3

1

mencocokkan gambar yang sama yang telah disediakan 14 Game 3 Level

2

mencocokkan gambar yang sam yang telah disediakan

(23)

Lanjutan tabel 4.4 Hasil Pengujian

15 Tombol kembali

Tombol kembali Pilihan untuk kembali ke level sebelumnya Menampilkan halaman level permainan sebelumnya 16 Tombol lanjut

Tombol lanjut Pilihan untuk lanjut ke level berikut Menampilkan 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

(24)

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.