55

Transkripsi

1 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 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 : - Processor Intel Core i3-380m 2,53 GHz b. VGA - ATI Mobility Radeon HD 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

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.

3 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 Pada layer ini terdapat action script 3. Animasi 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

4 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.

5 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. Nama Keterangan Layer 1. Asc Pada layer ini terdapat action script

6 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

7 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.

8 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 Name Layer Keterangan 1. Bg&objek 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 :

9 63 Gambar 4.5 Menu Lokasi Gambar 4.6 isi Menu Lokasi

10 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 Name Layer Keterangan 1. Asc Pada layer ini terdapat perintah actionscript stop(); 2. Objek Pada layer ini terdapat animasi orang, icon transportasi, dan tombol kembali 3. Bg Pada layer ini terdapat background dan teks 5. 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 :

11 65 Gambar 4.7 Menu Bangunan Gambar 4.8 Penjelasan Arca

12 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.

13 67 on (release) {gotoandstop(3); Perintah diatas terdapat scene bangunan candi pada tombol baca arca candi, untuk menampilkan paparan pada avalokitesvara. on (release) {gotoandstop(4); Perintah diatas terdapat scene bangunan candi pada tombol baca arca candi, untuk menampilkan paparan pada maitreya. on (release) {gotoandstop(10); Perintah diatas terdapat scene bangunan candi pada tombol baca relief candi, untuk menampilkan paparan pada relief hariti. on (release) {gotoandstop(11); Perintah diatas terdapat scene bangunan candi pada tombol baca relief candi, untuk menampilkan paparan pada relief brahmana dan kepiting.

14 68 on (release) {gotoandstop(12); Perintah diatas terdapat scene bangunan candi pada tombol baca relief candi, untuk menampilkan paparan pada relief angsa dan kura-kura. on (release) {gotoandstop(13); Perintah diatas terdapat scene bangunan candi pada tombol baca relief candi, untuk menampilkan paparan pada relief dharmabuddhi dan dustabuddhi. on (release) {gotoandstop(14); 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

15 69 on (release) {gotoandstop(1); 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 Pada layar ini terdapat layer tombolkembali 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

16 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

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

18 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.

19 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

20 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.

21 75 Tabel 4.7 Layer frame Video No Nama Keterangan Layer 1. Video 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

22 76 Tabel 4.8 Layer frame Profil No Nama Layer Keterangan 1. Animasi Terdapat animasi abstrak garis, dan transparan objek 2. Gambar Terdapat foto dan gambar candi mendut serta teks profil 3. Bg Terdapat gambar background 4.3 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 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.

23 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

24 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