55

BAB IV IMPLEMENTASI DAN PENGUJIAN

4.1

Implementasi

Tahap selanjutnya setelah melakukan analisis dan merancang aplikasi permainan berbasis animasi untuk memberikan informasi mengenai Wisata Candi Mendut adalah implementasi dan pengujian aplikasi. Pada tahapan implementasi terdapat dua cakupan yaitu spesifikasi kebutuhan sistem yang meliputi perangkat keras dan perangkat lunak, implementasi yang meliputi proses pengkodean, desain antarmuka dan hal-hal yang berhubungan dengan pengujian aplikasi. Untuk dapat menjalankan aplikasi ini pada komputer, maka user harus mempunyai software yang dapat menjalankan program flash yaitu macromedia flash atau adobe flash.

4.1.1 Kebutuhan Perangkat Keras

Spesifikasi perangkat keras yang dibutuhkan dalam Membuat perancangan Aplikasi Animasi Untuk Memberikan Informasi Mengenai perkembangan Wisata Candi Mendut adalah sebagai berikut : LAPTOP dengan spesifikasi sebagai berikut : a.

Prosesor : -

b.

Processor Intel Core i3-380M 2,53 GHz

VGA -

ATI Mobility Radeon HD 5145 1275 MB.

c.

Internal Memory (RAM) 2 GB.

d.

Hard disk 500 GB Serial ATA 5400 RPM.

e.

Perangkat keras pendukung seperti mouse, dan speaker.

55 http://www.mercubuana.ac.id

56

4.1.2 Kebutuhan Perangkat Lunak

Dalam perancangan aplikasi ini, tools yang digunakan penulis untuk dapat membangun aplikasi ini adalah Adobe Flash CS3 Profesioanal, Adobe Photosohop CS3. Kemudian system operasi yang digunakan saat merancang aplikasi ini adalah Windows 7 Premium 32 bit.

4.2 Tampilan antarmuka

Aplikasi ini dibuat dengan spesifikasi layar sebesa 800x600 pixel dengan nilai frame rate 12 fps yang merupak frame rate standar dalam pembuatan animasi dan perintah pengkodean menggunakan Action Script 2.0. sebuah movie dan objek flash dapat di bagi didalam beberapa scane dan frame. Aplikasi ini dibuat dengan 12 scene dan 125 frame.

Spesifikasi tampilan antarmuka akan mempermudah cara kerja aplikasi berbasis animasi untuk memberikan informasi mengenai objek Wisata Candi Mendut. Dengan adanya spesifikasi tampilan ini diharapkan user dapat lebih mudah atau mengetehui cara kerjadari aplikasi tersebut, adapun spesifikasi tampilan yang dibuat adalah sebagai berikut:

1. Halaman Tampilan Awal

Halaman ini adalah tampilan awal dari aplikasi untuk menghantarkan user ke dalam menu utama. Dalam tampilan awal ini penulis menggunakan objek delman, burung, daun, dan pemandangan. Berikut ini adalah tampilan gambar dan table yang akan menjelaskan mengenai halaman tampilan awal.

http://www.mercubuana.ac.id

57

Gambar 4.1 tampilan awal Pada layer global_asc pada frame 1 terdapat script : fscommand("Fullscreen",true);

Script tersebut berfungsi untuk full screen tampilan aplikasi.

Tabel 4.1 Layer Frame Tampilan Awal

No

Nama layer

Keterangan

1.

Sound

Pada layer ini terdapat sound untuk musik latar aplikasi

2.

Global_asc Animasi

Pada layer ini terdapat action script

3.

Pada layer ini terdapat animasi burung, delman, dan daun yang diletakan pada frame dan layer masing-masing

4.

Bg&object

Pada layer ini terdapat background dan objek


58

pemandangan

2. Halaman Menu Utama

Halaman ini merupakan menu utama dari aplikasi wisata berbasis animasi untuk memberikan informasi mengenai Wisata Candi Mendut, dalam halaman ini terdapat 7 tombol, yaitu tombol sejarah, tombol lokasi, tombol bangunan, tombol transportasi tombol video, tombol profil, dan tombol keluar. Tombol sejarah berfungsi untuk menampilkan informasi mengenai sejarah Candi mendut. Tombol lokasi berfungsi untuk menampilan dimulasi peta menuju Candi Mendut. Tombol bangunan berfungsi untuk menampilkan informasi mengenai arca dan relief dari masing-masing gambar arca dan relief yang terdapat di Candi Mendut. Tombol transportasi untuk menampilkan informasi tentang biaya masuk, dan biaya transportasi menuju Candi Mendut. Tombol video untuk menampilkan video tentang Candi Mendut. Tombol profil untuk menampilkan informasi tentang penulis. Tombol keluar berfungsi untuk keluar dari aplikasi. Selain itu dalam halaman ini juga terdapat background pintu masuk Candi Mendut juga terdapat animasi dua orang yang memegang tulisan selamat datang, satu orang yang memegang tongkat untuk menunjukkan informasi. Serta animasi dua ekor burung yang sedang terbang bersama awa. Berikut ini adalah tampilan gambar dan table yang akan menjelaskan mengenai halaman menu utama.


59

Gambar 4.2 Menu Utama

Pada layer stop(); terdapat script:

stop () ; orang.tangan.stop();

Perintah ini berfungsi untuk menghentikan animasi tangan pada gambar orang saat tombol tidak di sentuh. Tabel 4.2 Layer frame Menu Utama No. 1.

Nama Layer Asc

Keterangan Pada layer ini terdapat action script


60

2.

Bg&object

3.

Animasi

stop(); Pada layer ini terdapat background , objek tombol serta animasi burung, awan, dan orang Pada layer ini terdapat animasi burung yang sedang terbang, awan dan orang yang bergerak serta tombol menu, profil, keluar.

3. Halaman Informasi Sejarah Candi Mendut

Halaman ini akan menampilkan animasi gambar yang bergerak dalam sebuah lokasi berisi informasi Sejarah Candi Mendut. Halaman ini terdapat di dalam layer sejarah pada frame satu yang tertera pada gambar 4.3 yang akan menampilkan informasi Sejarah Candi Mendut jika user menekan tombol kembali pada halaman informasi sejarah sketsa Candi Mendut. Maka akan dikembalikan halaman menu utama dan user dapat memilih informasi selanjutnya :

Gambar 4.3 menu sejarah


61

Gambar 4.4 Isi Menu Sejarah Pada layer sejarah terdapat tombol-tombol dengan script : on (release) {gotoAndStop("sejarah",1); }

on (rollOver) {_root.orang.tangan.gotoAndStop(25); }

on (rollOut) {_root.orang.tangan.gotoAndStop(1); }

Perintah diatas terdapat di scene sejarah dan berfungsi menampilkan informasi sejarah Candi Mendut. tertera pada Gambar 4.4 jika user menekan teks yang bertuliskan sejarah maka system akan menampilkan informasi sejarah Candi Mendut. jika user hanya menunjuk teks (tombol)sejarah, maka animasi tangan akan menunjuk tombol tersebut.


62

on (release) {gotoAndStop("menuutama",1); }

Perintah diatas terdapat di scene sejarah pada tombol kembali. Berfungsi untuk kembali ke menu utama.

Tabel 4.3 Layer frame Sejarah No 1.

Name Layer Bg&objek

Keterangan Pada layer ini terdapat animasi slide random, teks sejarah, dan tombol kembali

4. Halaman Peta Lokasi Halaman ini menampilkan gambar peta lokasi menuju Candi Mendut. Dimana pada Halaman ini terdapat empat alat transportasi yang dapat digunakan candi mendut dan animasi yang bergerak dari setiap tempat transportasi menuju candi mendut. Berikut ini adalah gambar dari halaman peta lokasi :


63

Gambar 4.5 Menu Lokasi

Gambar 4.6 isi Menu Lokasi


64

on (release) {play(2); }

Perintah diatas terdapat di scene lokasi pada semua tombol orang. Berfungsi untuk menjalankan animasi orang berjalan mengikuti rute. on (release) {gotoAndStop("menuutama",1); }

Perintah diatas terdapat di scene lokasi pada tombol kembali. Berfungsi untuk kembali ke menu utama.

Tabel 4.4 Layer frame Lokasi

No 1.

Name Layer Asc

2.

Objek

3.

Bg

5.

Keterangan Pada layer ini terdapat perintah actionscript stop(); Pada layer ini terdapat animasi orang, icon transportasi , dan tombol kembali Pada layer ini terdapat background dan teks

Halaman Bangunan Candi Mendut Halaman ini menampilkan Bangunan Candi Mendut yang mana

merupakan informasi patung Buddha dan relief. Halaman ini banyak menampilkan objek informasi,lalu menekan tombol kembali pada menu utama. Berikut ini adalah tampilan dari halaman Bangunan Candi Mendut :


65

Gambar 4.7 Menu Bangunan

Gambar 4.8 Penjelasan Arca


66

Gambar 4.9 Penjelasan relief

stop();

Perintah diatas untuk menghentikan scene bangunan candi pada frame 1

on (release) {gotoAndStop(2);

Perintah diatas terdapat scene bangunan candi pada tombol arca candi, untuk menampilkan paparan pada arca sakyamuni.


67


Perintah diatas terdapat scene bangunan candi pada tombol baca arca candi, untuk menampilkan paparan pada avalokitesvara.


Perintah diatas terdapat scene bangunan candi pada tombol baca arca candi, untuk menampilkan paparan pada maitreya.


Perintah diatas terdapat scene bangunan candi pada tombol baca relief candi, untuk menampilkan paparan pada relief hariti.


Perintah diatas terdapat scene bangunan candi pada tombol baca relief candi, untuk menampilkan paparan pada relief brahmana dan kepiting.


68


Perintah diatas terdapat scene bangunan candi pada tombol baca relief candi, untuk menampilkan paparan pada relief angsa dan kura-kura.


Perintah diatas terdapat scene bangunan candi pada tombol baca relief candi, untuk menampilkan paparan pada relief dharmabuddhi dan dustabuddhi.


Perintah diatas terdapat scene bangunan candi pada tombol baca relief candi, untuk menampilkan paparan pada relief dua burung betet yang berbeda. on (release) {gotoAndStop(5);

Perintah diatas terdapat scene bangunan candi pada tombol baca relief candi, untuk menampilkan paparan pada relief candi


69


Perintah diatas terdapat di scene bangunan candi pada tombol kembali ke bangunan candi, untuk menampilkan kembali paparan pada arca candi.

on (release) {gotoAndStop("menuutama",1); }

Perintah diatas terdapat di scene bangunan pada tombol kembali. Berfungsi untuk kembali ke menu utama

Tabel 4.5 Layer frame Bangunan No

Nama Layer

Keterangan

1.

kembali

2.

Isi

Pada layer inni terdapat teks keterangan arca dan relief candi

3.

gambar

Pada layer ini terdapat gambar arca dan relief candi, dan tombol masuk ke relief dan tombol kembali ke bangunan candi

Pada layar ini terdapat layer tombolkembali


70

6.

Halaman Alat Transportasi

Halaman ini menampilkan transportasi yang mana merupakan area informasi perjalanan menuju candi mendut beberapa hal, yaitu Pesawat terbang, Bis, dan Kereta api. Halaman ini banyak menampilkan biaya masuk harga tiket dari candi mendut dan alat transportasi. Berikut ini adalah tampilan dari halaman alat transportasi :

Gambar 4.10 Menu Transportasi


71

Gambar 4.11 isi Menu Transportasi Pada scene tranportasi terdapat lima buah tombol yaitu, biaya, kereta api, pesawat, bus, dan kembali.

on (release) {gotoAndStop(“biaya”,1);

Perintah diatas terdapat pada scene transportasi pada tombol biaya untuk menampilkan paparan biaya.

on (release) {gotoAndStop(“keretaapi”,1);


72 Perintah diatas terdapat scene bangunan candi pada tombol baca relief candi, untuk menampilkan paparan kereta api. on (release) {gotoAndStop(“pesawat”,1);

Perintah diatas terdapat scene bangunan candi pada tombol baca relief candi, untuk menampilkan paparan pesawat.

on (release) {gotoAndStop(“bus”,1);

Perintah diatas terdapat scene bangunan candi pada tombol baca relief candi, untuk menampilkan paparan bus. on (release) {gotoAndStop("menuutama",1); }

Perintah diatas terdapat di scene lokasi pada tombol kembali. Berfungsi untuk kembali ke menu utama

Tabel 4.6 Layer frame Transportasi

No

Nama Layer

Keterangan

1.

Objek

Terdapat tombol, gambar transportasi, dan teks paparan dari transportasi.


73

7. Halaman Video Candi mendut

Halaman ini menampilkan gambar video Candi Mendut yang mana merupakn area melihat wisata candi mendut. Dimana video ini akan banyak menampilkan dari informasi suara dan bergerak orang dalam wisata ini. Berikut ini adalah tampilan dari halaman video candi mendut :

Gambar 4.12 Menu Video


74

Gambar 4.13 isi Menu Video

stopAllSounds(); }

Perintah diatas terdapat scene video pada layer 1 untuk menghentikan semua suara kecuali suara video.

On(release){gotoAndStop(“menuutama”,1); }

Perintah diatas terdapat scene video pada kembali untuk kembali ke halaman menu utama.


75

Tabel 4.7 Layer frame Video

No 1.

Nama Layer Video

Keterangan Pada layer ini terdapat import video FLV dari link : E:\FFOutput\Candi Mendut YouTube.flv

8. Halaman Profil

Halaman ini menampilkan profile data user untuk informasi wisata candi mendut dari area menu utama layer. Berikut ini adalah tampilann dari halaman profile user miliki :

Gambar 4.14 Profil


76 Tabel 4.8 Layer frame Profil No

4.3

Nama Layer

1.

Animasi

2.

Gambar

3.

Bg

Keterangan Terdapat animasi abstrak garis, dan transparan objek Terdapat foto dan gambar candi mendut serta teks profil Terdapat gambar background

Pengujian Sistem

Pengujian aplikasi permainan wisata animasi untuk memberikan informasi mengenai Wisata Candi Mendut ini dilakukan untuk mengetahui apakah aplikasi yang telah dibuat dapat berjalan dengan baik dan sesuai dengan rancangan yang telah ditetapkan sebelumnya.

Pengujian terhadap

aplikasi

ini dilakukan dengan

menggunakan metode pengujian Black Box Testing.

4.3.1 Pengujian Black Box Testing

Pengujian aplikasi permainan berbasis animasi untuk memberikan informasi

mengenai

Wisata

Candi

Mendut

ini

dilakukan

dengan

menggunakan metode black box. Tujuan dari metode Black Box Testing ini adalah untuk menemukan kesalahan fungsi pada program. Pengujian dilakukan dengan menjalankan aplikasi ini apakah sesuai dengan yang diharapkan.


77 Tabel 4.9 Pengujian Black Box Testing

No

Nama Tes

Hasil yang di harapkan

1.

Masuk ke tampilan awal

Menampilkan halaman tampilan awal

2.

Masuk ke menu utama

Menampilkan

pilihan sejarah,

lokasi,

bangunan, transportasi, video, dan profil 3.

Masuk ke menu sejarah

Menampilkan menu sejarah

4.

Masuk ke menu lokasi

Menampilkan menu lokasi

5.

Masuk ke menu bangunan

Menampilkan menu bangunan

6.

Masuk ke menu transportasi

Menampilkan menu transportasi

7.

Masuk ke menu video

Menampilkan menu video

8.

Masuk ke menu profil

Menampilkan menu profil

9.

Keluar dari aplikasi

Dapat keluar dari aplikasi

Dari skenario pengujian terhadap aplikasi yang telah dibuat, hasilnya adalah sebagai berikut:

Tabel 4.10 Hasil Pengujian Black Box Testing

No

Nama Tes

Hasil yang diharapkan

Hasil

1.

Masuk ke halaman tampilan awal

Menampilkan halaman tampilan awal

Berhasil

2.

Masuk ke menu utama

Menampilkan menu utama

berhasil

3.

Masuk ke menu sejarah

Menampilkan menu sejarah

Berhasil

4.

Masuk ke menu lokasi

Menampilkan menu lokasi

Berhasil

5.

Masuk ke menu bangunan

Menampilkan menu bangunan

Berhasil

6.

Masuk ke menu transportasi

Menampilkan men transportasi

Berhasil


78

7.

Masuk ke menu video

Menampilkan menu video

Berhasil

8.

Masuk ke menu profil

Menampilkan menu profil

Berhasil

9.

Keluar dari aplikasi

Dapat keluar dari aplikasi

Berhasil


55

Recommend Documents