45 c.
Halaman Permainan
Gambar 3.15 Rancangan antarmuka halaman permainan
Keterangan : 1.
Menu : Untuk kembali ke halaman menu utama. 2.
Untuk melakukan jeda pada permanian. 3.
Menampilkan waktu sejak permainan dimulai sampai permainan selesai.
4. Score : Menampilkan nilai yang diperoleh setelah menyelesaikan
permainan. 5.
Baru : Untuk memulai permainan baru. 6.
Bantuan : Untuk menampilkan solusi dari salah satu kata pada permainan.
7. Selesaikan : Untuk menampilkan solusi dari seluruh kata pada
permainan.
Pause Menu
Baru Bantuan
Selesaikan
1 2
88:8
3
5 6
7 8
9
10
Score :
4
46 d.
Halaman Panduan Bermain
Gambar 3.16 Rancangan antarmuka halaman panduan bermain
Keterangan : 1.
Menu : Untuk kembali ke halaman menu utama. 2.
Berisi informasi tentang cara bermain.
Menu
1 2
47 e.
Halaman Tentang
Gambar 3.17 Rancangan antarmuka halaman tentang
Keterangan : 1.
Menu : Untuk kembali ke halaman menu utama. 2.
Berisi informasi tentang pengembang aplikasi.
Menu
1 2
48 f.
Halaman Nilai Tertinggi
Gambar 3.18 Rancangan antarmuka halaman nilai tertinggi
Keterangan : 1.
Menu : Untuk kembali ke halaman menu utama. 2.
Berisi informasi beberapa nilai tertinggi dengan menampilkan nama pemain dan waktu tercepat dalam menyelesaikan permainan.
Menu
1 2
BAB 4 IMPLEMENTASI DAN PENGUJIAN APLIKASI
4.1 Implementasi
Tahap implementasi merupakan tahap yang dilakukan setelah analisis dan perancangan aplikasi. Pada tahap ini hasil analisis dan perancangan diterjemahkan ke
dalam bahasa pemrograman sehingga menghasilkan suatu aplikasi.
4.1.1 Spesifikasi Perangkat Lunak
Aplikasi Word Search dibangun pada sistem operasi Windows 7 32-bit. Implementasi
aplikasi ini dilakukan menggunakan bahasa pemrograman C++. Perangkat lunak yang digunakan untuk membangun aplikasi ini adalah Microsoft Visual Studio 2008.
Pengkodean aplikasi menggunakan library Cocos2d-x untuk win32 application. Cocos2d-x adalah sebuah framework untuk membangun aplikasi permainan 2D,
demos dan aplikasi grafikinteraktif lainnya www.cocos2d.org.
Aplikasi juga didukung dengan tampilan grafis dan audio. Pengolahan grafis dilakukan menggunakan perangkat lunak Adobe Photoshop CS 3. Pengolahan audio
dilakukan dengan menggunakan perangkat lunak Audacity versi 2.0.0. Setelah pengkodean dalam bahasa pemrograman C++ selesai, tahap
selanjutnya adalah mengkonversi kode program dalam bahasa pemrograman C++ menjadi library untuk digunakan pada pemrograman di perangkat lunak Eclipse.
Eclipse adalah perangkat lunak yang digunakan untuk membangun Android application
. Kemudian program di compile dan menghasilkan aplikasi Word Search.
50 Selanjutnya aplikasi di-install pada perangkat keras yang akan digunakan untuk
melakukan pengujian aplikasi. Untuk lebih memperjelas proses konversi kode program C++ menjadi sebuah
Android application dapat dilihat pada langkah-langkah berikut :
1. Buat sebuah project Android baru kemudian simpan.
2. Buat sebuah project C++ baru dengan menggunakan template ‘Cocos2d-win32
Application’. 3.
Setelah seluruh kode program C++ selesai, jalankan Cygwin.bat dan lakukan perintah berikut :
cdcygdrive[path folder penyimpanan project Android yang telah dibuat pada langkah 1]
.build_native.sh 4.
Setelah proses pada langkah 3 selesai, selanjutnya jalankan perangkat lunak Eclipse lalu buka project Android yang telah disimpan sebelumnya. Kemudian
run program sebagai Android application.
4.1.2 Spesifikasi Perangkat Keras
Spesifikasi perangkat keras yang digunakan dalam implementasi aplikasi Word Search adalah sebagai berikut :
1. Prosesor Intel Core 2 Duo T6600 2.2 GHz, 800 MHz FSB, 2 MB L2 cache.
2. Memory RAM 1 GB.
3. Hard Disk 320 GB.
4. Monitor 14.0” Acer CineCrystal LED LCD.
51
4.2 Algoritma Backtracking dalam aplikasi Word Search
Algoritma backtracking diterapkan pada menu ‘bantuan’ dan ‘selesaikan’ pada aplikasi. ‘bantuan’ adalah menu untuk mencari salah satu solusi dari permainan
sedangkan ‘selesaikan’ adalah menu untuk menemukan seluruh solusi pada permainan.
Adapun pseudocode penerapan algoritma backtracking pada word search puzzle
adalah sebagai berikut :
string tmpidx ←
string tmpchar ←
string tmpc ←
string idxhasil ←
forint i=0; ibanyak_idx; i++ iftxtactive[i] = 2
ifsftext[i]-getString == char_soal createListi
tmpchar ← char_soal
tmpidx ← intTostri
forint k=0; kjlhchar-1; k++ iflist[k]
= -1
tmpchar = tmpchar + tmpc endif
endfor ifsoal[idxsoal]
== tmpchar
idxhasil ← tmpidx
i ← banyak_idx
break endif
endif endif
ifidxhasil =
int q = this-GetCountItemidxhasil; forint p=0; pq; p++
int j=atoiGetItemPosidxhasil,p+1.c_str
txtactive[j] =
2 sftext[j]-setScale0.5f
sftext[j]-setColorccTXT2 endfor
soaljawab[idxsoal]
= 1
labelsoal[idxsoal]-setColorccTXT1 jlhterjawab += 1
endif endfor
52
4.3 Tampilan Aplikasi
Berikut ini adalah tampilan dari aplikasi Word Search.
4.3.1 Tampilan Halaman Menu Utama
Tampilan halaman menu utama pada aplikasi Word Search dapat dilihat pada Gambar 4.1. Pada halaman ini ditampilkan menu-menu yang dapat dipilih oleh pemain yaitu
menu Mulai untuk memulai permainan, menu Panduan untuk melihat panduan bermain, menu Nilai Tertinngi, menu Tentang untuk melihat keterangan tentang
pengembang aplikasi dan menu Keluar untuk keluar dari aplikasi. Selain itu disediakan juga tombol mute yang terletak di sudut kanan atas untuk mengaktifkan
atau menonaktifkan audio pada aplikasi.
Gambar 4.1 Tampilan halaman Menu Utama 4.3.2 Tampilan Halaman Pilih Level
Tampilan halaman pilih level dapat dilihat pada Gambar 4.2. Halaman ini akan ditampilkan setelah pemain memilih menu Mulai pada Menu Utama. Pada halaman ini
pemain dapat memilih salah satu dari tiga level yang disediakan. Jika pemain memilih
53 level 1 maka akan ditampilkan permainan level 1. Jika pemain berhasil menyelesaikan
permainan level 1 maka aplikasi akan menampilkan permainan level 2 dan seterusnya. Jika pemain memilih level 2 maka akan ditampilkan permainan level 2. Jika pemain
berhasil menyelesaikan permainan level 2 maka aplikasi akan menampilkan permainan level 3. Jika pemain memilih level 3 maka akan ditampilkan permainan
level 3. Jika pemain berhasil menyelesaikan permainan level 3 dan jika permainan berhasil diselesaikan dengan nilai yang termasuk dalam 15 nilai tertinggi maka
aplikasi akan menampilkan halaman nilai tertinggi dan pemain diminta untuk memasukkan namanya.
Pada halaman ini juga terdapat tombol home untuk kembali ke halaman Menu Utama.
Gambar 4.2 Tampilan halaman Pilih Level 4.3.3 Tampilan Halaman Permainan
Tampilan halaman permainan pada Gambar 4.3. Tampilan permainan level 1 dapat dilihat pada Gambar 4.3a, level 2 pada Gambar 4.3b dan level 3 pada Gambar
4.3c. Halaman ini akan ditampilkan setelah pemain memilih salah satu pilihan level pada halaman pilih level. Jumlah kata yang harus dicari dalam satu pemainan di level
