4. IMPLEMENTASI SISTEM. Pada bab sebelumnya telah dibahas rancangan sistem yang akan digunakan.

4. IMPLEMENTASI SISTEM

Pada bab sebelumnya telah dibahas rancangan sistem yang akan digunakan.

Pada bab ini akan dibahas implementasi dari rancangan sistem pada bab sebelumnya beserta dengan segmen source code dalam Bahasa pemrograman Java untuk rancangan sistem media interaktif pengenalan tokoh Alkitab berbasis Android.

4.1 Implementasi Aplikasi yang Digunakan

Aplikasi yang digunakan untuk membuat media interaktif ini adalah Android Studio dengan AndEngine. Pembuatan script seluruhnya menggunakan bahasa Java. Media interaktif menyimpan highscore ke dalam MySQLite

4.2 Implementasi Desain Interface

Berikut ini merupakan implementasi dari desain interface pada media interaktif untuk pengenalan tokoh Alkitab berbasis Android

4.2.1 Tampilan Menu Utama

Gambar 4.1 Tampilan menu utama

Gambar 4.1 merupakan tampilan menu utama dari game “Daud dan Yusuf” yang

4.2.2 Tampilan Submenu

Gambar 4.2 Tampilan Submenu

Gambar 4.2 merupakan tampilan dari submenu dimana player dapat memilih tokoh Yusuf atau tokoh Daud yang akan dimainkan.

4.2.3 Tampilan Input Nama Player

Gambar 4.3 Tampilan input nama player

Gambar 4.3 merupakan tampilan dari input nama player. Tampilan ini akan muncul

setelah player memilih salah satu tokoh Alkitab. Setelah player mengisi kotak nama

yang disediakan dan menekan tombol “OK” maka player dapat memainkan stage

4.2.4 Tampilan Daud Stage 1

Gambar 4.4 Tampilan Daud stage 1

Gambar 4.4 merupakan tampilan dari Daud stage 1 dimana stage ini bernama

“Daud melawan singa”. Pada stage ini player harus menekan tombol “ATTACK”

untuk menyerang singa sebelum singa menyerang player.

4.2.5 Tampilan Yusuf Stage 1

Gambar 4.5 Tampilan Yusuf stage 1

Gambar 4.5 merupakan tampilan dari Yusuf stage 1 dimana stage ini bernama

“Yusuf dan saudara-saudaranya”. Pada stage ini player harus memasangkan nama dari saudara Yusuf ke kotak dengan inisial yang tepat.

4.3 Struktur fungsi dan Segmen program dari “Daud dan Yusuf”

Pada pembuatan game ini, digunakan beberapa script. Di bawah ini akan dituliskan daftar nama fungsi serta implementasinya pada bab sebelumnya. Fungsi yang digunakan sebagian besar berada di dalam Class GameActivity.

Tabel 4.1 Struktur dan Segmen Aplikasi

Nama Fungsi Keterangan No.

Segmen Program

No.

Flow- chart mainmenuresources() Menyimpan daftar gambar

yang akan ditampilkan pada scene menu utama

4.1

mainmenustage() Menampilkan halaman utama dan fungsi-fungsi yang terdapat pada menu utam

4.2, 4.3, 4.4, 4.5

submenuresource() Menyimpan daftar gambar yang akan ditampilkan pada scene submenu

4.6

submenuscene() Menampilkan halaman submenu dan fungsi-fungsi yang terdapat pada submenu

4.7, 4.8, 4.9

insertname() Menyimpan daftar gambar yang akan ditampilkan pada scene input player’s name

4.10

InputText() Merupakan fungsi yang digunakan pada pengetikan nama player

4.11, 4.12, 4.13

playername() Menampilkan halaman input player’s name

4.14, 4.15

createdaudstageoneresourc e()

Menyimpan daftar gambar yang akan ditampilkan pada scene daudstage1

4.16.

4.17, 4.18, 4.19, 4.20, 4.21

3.4

daudstage1() Menampilkan halaman Daud stage 1 disertai dengan fungsi yang terdapat dalam scene Daud stage 1

4.22.

4.23.

4.24.

4.25.

4.26, 4.27, 4.28, 4.29, 4.30

3.4

MoveSprite() Membuat sprite bergerak secara otomatis dan terpantul apabila menabrak dinding layar

4.31 3.6, 3.14

yusufstage1() Menampilkan halaman Yusuf stage 1 disertai dengan fungsi yang terdapat dalam scene Yusuf stage 1

4.32, 4.33, 4.34, 4.35, 4.36,

3.24

4.39, 4.40, 4.41, 4.42 yusufstage22() Menampilkan halaman

Yusuf stage 2 bagian kedua disertai dengan fungsi yang terdapat dalam scene Yusuf stage 2 bagian kedua

4.43, 4.44, 4.45, 4.46, 4.47, 4.48, 4.49

3.24

Segmen Program 4.1 Source Code mainmenuresources()

Fungsi void mainmenuresources() akan selalu dipanggil setiap kali menu

utama akan ditampilkan mainmenuresources() menyimpan gambar-gambar yang

akan ditampilkan pada scene menu utama. Secara keseluruhan untuk menjalankan

kemudian akan di-load dan disimpan untuk dipanggil pada sprite melalui variable bertipe ITextureRegion.

Segmen Program 4.2 Source Code mainmenustage()

Segmen Program 4.3 Source Code mainmenustage() (Sambungan)

Segmen Program 4.4 Source Code mainmenustage() (Sambungan)

Segmen Program 4.5 Source Code mainmenustage() (Sambungan)

Fungsi void mainmenustage() merupakan fungsi untuk menampilkan scene menu

utama. Gambar-gambar sebelumnya yang telah dideklarasi pada void

meinmenuresource() akan ditampilkan pada mainmenustage(). Pada fungsi ini

bukan hanya menampilkan gambar-gambar yang telah dideklarasikan sebelumnya

tapi juga terdapat fungsi apabila player menekan sprite. Pada scene menu utama

_score, maka akan dipanggil class ScoreActivity yang merupakan class untuk menampung highscore dari player. Apabila player menekan sprite _exit, maka aplikasi akan ditutup dengan perintah System.exit(0);.

Segmen Program 4.6 Source Code submenuresource()

Fungsi void submenuresource() merupakan fungsi yang digunakan untuk mendeklarasikan gambar-gambar yang akan ditampilkan pada scene submenu.

Terdapat 2 tipe variable yang digunakan dalam fungsi ini yaitu ITexture dan ITextureRegion. ITexture merupakan tipe variable yang digunakan untuk me-load lokasi gambar. Kemudian akan disimpan dalam variable dengan tipe ITextureRegion yang nantinya akan dipanggil dalam pendeklarasian dari sprite.

Segmen Program 4.7 Source Code submenuscene()

Segmen Program 4.8 Source Code submenuscene() (Sambungan)

Segmen Program 4.9 Source Code submenuscene() (Sambungan)

Fungsi void submenucene() merupakan fungsi yang digunakan untuk menampilkan

scene submenu. Pada scene ini terdapat 2 sprite yang dapat ditekan yaitu; _yusufbtn

dan _daudbtn. Apabila player menekan sprite _yusufbtn, maka player akan

memainkan game mengenai Yusuf. Namun apabila player menekan sprite

_daudbtn, player akan memainkan game mengenai Daud.

Segmen Program 4.10 Source Code insertname()

Fungsi void insertname() merupakan fungsi yang digunakan untuk

mendeklarasikan gambar-gambar yang akan digunakan pada scene input player’s

name. Tedapat 3 gambar yang dideklarasikan yaitu; gambar untuk background yang

disimpan dalam variable bertipe ITexture dengan nama game_background, gambar

untuk tombol “OK” yang disimpan dalam viariabel bertipe ITexture dengan nama

ok serta username yang menggunakan variabel box_1TextureRegion dengan

memanggil fungsi InputText untuk menuliskan nama dari player.

Segmen Program 4.11 Source Code InputText()

Segmen Program 4.12 Source Code InputText() (Sambungan)

Segmen Program 4.13 Source Code InputText() (Sambungan)

Fungsi InputText dideklarasikan pada class berbeda yaitu class Input Text. java.

Pada class ini merupakan implementasi dari fungsi OnClickListener atau yang lebih

dikenal fungsi klik pada bahasa Java. Inti dari fungsi InputText adalah

menampilkan alert dialog untuk input nama yang kemudian disimpan dalam

variabel String dengan nama mValue. Isi dari mValue dapat di-edit pada bagian

fungsi showTextInput().

Segmen Program 4.14 Source Code playername()

Segmen Program 4.15 Source Code playername() (Sambungan)

Segmen Program 4.16 Source Code createdaudstageoneresource()

Segmen Program 4.17 Source Code createdaudstageoneresource() (Sambungan)

Segmen Program 4.18 Source Code createdaudstageoneresource() (Sambungan)

Segmen Program 4.19 Source Code createdaudstageoneresource() (Sambungan)

Segmen Program 4.20 Source Code createdaudstageoneresource() (Sambungan)

Segmen Program 4.21 Source Code createdaudstageoneresource() (Sambungan)

Fungsi createdaudstageoneresource() merupakan fungsi yang digunakan untuk mendeklarasikan gambar-gambar yang akan ditampilkan pada scene daudstage1.

Pada fungsi ini juga terdapat deklarasi variabel untuk gambar animasi seperti saat

daud, singa berjalan attack effect, dan pengurangan hp pada setiap turn

Segmen Program 4.22 Source Code daudstage1()

Segmen Program 4.23 Source Code daudstage1() (Sambungan)

Segmen Program 4.24 Source Code daudstage1() (Sambungan)

Segmen Program 4.25 Source Code daudstage1() (Sambungan)

Segmen Program 4.26 Source Code daudstage1() (Sambungan)

Segmen Program 4.27 Source Code daudstage1() (Sambungan)

Segmen Program 4.28 Source Code daudstage1() (Sambungan)

Segmen Program 4.29 Source Code daudstage1() (Sambungan)

Segmen Program 4.30 Source Code daudstage1() (Sambungan)

Fungsi dari daudstage1() adalah menampilkan scene Daud melawan singa. Pada

fungsi ini terdapat fungsi onAreaTouched() yang merupakan fungsi yang

dijalankan ketika player menekan sprite _attack. Fungsi onAreaTouched() akan

mengganti sprite _daudwalk yang awalnya diam menjadi AnimatedSprite sehingga

icon Daud terlihat seperti berjalan kearah singa. Saat nilai x dari icon Daud telah

mencapai indeks 280, maka AnimatedSprite akan di-detach dan digantikan dengan

AnimatedSprite untuk Daud berkelahi dengan singa. Apabila player tidak menekan

sprite _attack maka singa dapat menyerang Daud. Setiap turn serangan akan

mendapat pengurangan 25 hp. Apabila hp dari singa telah mencapai 0, maka player

akan mendapat penambahan 50 poin dan lanjut pada stage berikutnya.

Segmen Program 4.31 Source Code MoveSprite()

Fungsi MoveSprite() adalah fungsi yang digunakan untuk membuat sebuah sprite

bergerak dan terlihat seperti memantul saat bagian sprite menyentuk indeks

tertentu. Dalam hal ini diberi batasan untuk y yaitu 150 dan 750. Sedangkan untuk

x yaitu 100 dan 600. Sehingga apabila sprite menyentuh batas x dan y, sprite akan

terlihat seperti memantul.

Segmen Program 4.32 Source Code yusufstage1()

Segmen Program 4.33 Source Code yusufstage1() (Sambungan)

Segmen Program 4.34 Source Code yusufstage1() (Sambungan)

Segmen Program 4.35 Source Code yusufstage1() (Sambungan)

Segmen Program 4.36 Source Code yusufstage1() (Sambungan)

Segmen Program 4.37 Source Code yusufstage1() (Sambungan)

Segmen Program 4.38 Source Code yusufstage1() (Sambungan)

Segmen Program 4.39 Source Code yusufstage1() (Sambungan)

Segmen Program 4.40 Source Code yusufstage1() (Sambungan)

Segmen Program 4.41 Source Code yusufstage1() (Sambungan)

Segmen Program 4.42 Source Code yusufstage1() (Sambungan)

juga terdapat fungsi untuk gameplay dari scene ini yang terbagi atas 3 bagian yaitu saat player menyentuh sprite, kemudian saat player men-drag sprite dan saat player tidak menyentuh sprite. Pada saat player menekan sprite, maka akan dilakukan pengecekan dengan menambahkan scene.sortChildren(100) pada bagian pSceneTouchEvent.isActionDown(). Dengan penambahan source code ini maka sprite dapat digerakkan. Kemudian saat player tidak menyentuh sprite, akan dilakukan pengecekan apabila bagian sprite menyentuh kotak yang benar atau tidak. Jika kotak yang disentuh sudah tepat maka sprite akan di-detach kemudian sprite yang disentuh akan diganti bagian TextureRegionnya dengan sprite yang sebelumnya di-detach. Namun apabila sprite yang disentuh dengan kotak tidak tepat, maka sprite akan di-set posisi ke posisi awal sprite sebelum digerakkan.

Segmen Program 4.43 Source Code yusufstage22()

Segmen Program 4.44 Source Code yusufstage22() (Sambungan)

Segmen Program 4.45 Source Code yusufstage22() (Sambungan)

Segmen Program 4.46 Source Code yusufstage22() (Sambungan)

Segmen Program 4.47 Source Code yusufstage22() (Sambungan)

Segmen Program 4.48 Source Code yusufstage22() (Sambungan)

Segmen Program 4.49 Source Code yusufstage22() (Sambungan)

Fungsi yusufstage22() merupakan fungsi untuk menampilkan scene Yusuf dibuang ke Mesir. Pada fungsi ini terdapat proses random angka dari 1-10 dengan akan ditampilkan 5 angka random. 5 angka hasil random akan disesuaikan dengan gambar angka yang akan ditampilkan pada scene. Fungsi ini juga menyimpan proses penjumlahan angka dengan cara drag sprite kearah sprite _kantung yang kemudian penjumlahan angka akan disimpan pada variabel nilai_kantung. Total angka disimpan dalam variabel String dengan nama nilai_kantung_string yang kemudian akan ditampilkan dalam variabel Text dengan nama nilai_kantung_text.

Apabila player menekan sprite _ok dan total dari nilai_kantung adalah 20, maka

player dapat lanjut ke stage berikutnya. Namun, jika tidak, player dapat mengulang

stage kembali atau berhenti bermain.