BAB 4 IMPLEM ENTASI DAN EVALUASI
4.1. Spesifikasi Implementasi 4.1.1. Spesifikasi Perangkat Keras Server / Developer Perangk at keras yang digunakan untuk mengemb angkan aplikasi ini ad alah : •
Lap top HP Pavilion dv3000
•
Processor Dual Core 2.00 GHz
•
Monitor LCD 15 inch
•
Harddisk 160 GB
•
Memori 2 GB
•
VGA Card NVIDIA GeForce 9300M GS
•
Sound Card HP Sound Card
•
Keyboard, mouse dan speaker
•
Scanner HP Deskjet F2410 Perangkat lunak y ang digunak an untuk
mengemb angkan
aplikasi ini ad alah : •
Sistem Op erasi Windows Vista Home Premium
•
Adobe Flash C S4
•
Microsoft Office Access 2007, untuk pembuatan database.
•
Adobe Photoshop CS4, untuk mendesain karakter, background. 180
179
•
Adobe Dreamweaver C S5
•
MDM Zinc 3.0
•
XAMPP-win-32-1.7.3.exe
•
Web Browser
4.1.2. Spesifikasi Perangkat Keras Client Perangk at keras y ang dibutuhkan untuk menjalankan aplikasi ini y aitu : •
2 GHz Central Processor
•
Memori 1 GB
•
Monitor TFT 15 inch
•
128 MB Graphic Card
•
80 GB Harddisk Perangk at lunak y ang dibutuhkan untuk menjalankan aplikasi ini
y aitu :
•
Sistem Op erasi XP/ Vista/ Sev en
•
Flash player (p lugin)
•
Web Browser
•
Microsoft Office Access 2007
•
XAMPP-win-32-1.7.3.exe
180
4.2. Kebutuhan Sum ber Daya Manusia Sumber Daya Manusia y ang dibutuhkan dalam mengoperasikan aplikasi kios informasi ini y aitu staff atau kary awan y ang berp eran seb agai admin. Staff atau admin dip erlukan untuk melakuk an perubahan inform asi p ada database ap likasi kios informasi. Perubahan yan g dap at dilakukan adalah p enambahan data, penghapusan data, serta perubahan data p ada infor masi ap likasi kios informasi. Hal ini dilakuk an agar infor masi yang tersedia pada aplikasi ini mudah untuk dip erbaharui.
4.3. Prosedur instalasi 4.3.1. Admin a) M enginstall XAMPP-win32-1.7.3.exe •
Double klik icon xampp
Gambar 4.1. Icon xampp •
Kemudian ak an muncul proses sep erti p ada gambar berikut ini
181
Gambar 4.2. Proses Setelah Klik Icon •
Kemudian ak an muncul jend ela sep erti pada layar berikut,
Gambar 4.3. Jendela Proses A Tekan Enter sampai anda menemui gambar seperti p ada gambar di bawah ini,
Gambar 4.4. Jendela Proses B Llihat gamb ar diatas, tekan huruf “x”,
182
Kemudian tekan enter, dan p roses ionstalasi selesai. •
Untuk menjalankan program, silahkan klik Start- All ProgramXampp for Windows- Xam pp Control Panel, Kemudian akan tamp il gamb ar seperti gamb ar di bawah ini,
Gambar 4.5. Menjalankan Pro gram Kemudian klik Start pada Apache dan My Sql.
Gambar 4.6. Runnin g Apache dan My Sql Jika Apache dan My Sql sudah runnin g, maka Web serv er local telah siap untuk dijalankan.
183
b) Koneksi PHP pada Microsoft Access •
Klik START > Control Panel > Administrative Tool > Datasources (O DBC)
•
Klik tab menu Sy stem DSN
•
Klik ADD
•
Pilih nama driv er yang sesuai, dalam hal ini dip ilih M icrosoft Access Driver (*.mdb) atau Microsoft Access Driver (*.mdb, *.accdb) bila file MS. Access Anda menggunakan M S Office 2007.
Gambar 4.7. Proses Create Database •
Isi Data Source Name “tmr”. Untuk bagian Descrip tion adalah op tional.
184
Gambar 4.8. Microsoft Access setup •
Selanjutny a p ilih file M S. Access y ang telah dibuat sebelumny a, dengan m engklik tombol SELECT
Gambar 4.9. Select Database •
Klik OK
•
Copy folder “kiosragunan” beserta isinya ke d irectory “C:\xampp \htdocs”
•
Jalankan
admin
dengan
mozilla
firefox,
http ://localhost/kiosragunan/ p ada addr ess bar.
k etikkan
185
•
Untuk menjalankan ap likasi kios informasi ragunan, cukup double klik p ada icon “Kios Ragunan ” y ang berada d i dalam fo lder “global”.
4.3.2. Client Pada aplikasi kios informasi ini tidak membutuhkan instalasi, karena sudah berbentuk .exe, cukup dijalankan d en gan bantuan Flash Play er.
4.4. Prosedur penggunaan 4.4.1. User
Gambar 4.10. Tampilan Lay ar Halaman Utama (Ber anda)
186
1. Halaman Utama (Beranda) Pada halam an ini adalah tamp ilan utama dalam kios informasi ini. Pengguna dapat memilih menu y ang diin ginkan den gan mengklik salah satu button y ang ada. 2. Denah Pada menu ini Pen ggun a dap at memp eroleh infor masi berup a letak kandan g satwa dan fasilitas y ang terdap at p ada Taman Margasatwa Ragun an dan Pusat Primata Schmutzer. M enu ini dapat diakses dengan men g-klik button denah p ada Halaman utama sep erti tamp ilan p ada gambar 4.10.
Gambar 4.11. Tampilan denah Taman M argasatwa Ragunan
187
Gambar 4.12. Tampilan denah Schmutzer Pada Gambar diatas dap at diakses melalu i button Pusat Primata Schmutzer y ang terdap at di dalam denah Taman M argasatwa Ragunan.
3. Profil Satwa Menu ini akan memberikan informasi tentang satwa y ang ada p ada Taman Margasatwa Ragunan. Dalam menu ini terdapat gambar dan video satwa yang dapat dilihat oleh Pengguna. M enu ini dapat diakses dengan meng-klik button p rofil satwa p ada halaman utama atau ketika p enggun a men g-klik satu diantara kandan g hewan pada denah Taman M argasatwa Ragun an atau Schmutzer.
188
Gambar 4.13. Tampilan Profil Satwa Pada gambar 4.13. ad alah tamp ilan awal jika pen gguna memilih
button
p rofil
satwa. terdap at
empat
kategori
berdasarkan class dari hewan y ang terdap ata p ada Taman M argsatwa Ragunan.
Gambar 4.14. Tampilan list Satwa
189
Gambar 4.15. Tampilan M enu Cari Satwa
Pada gambar 4.14. adalah tampilan ketika p engguna in gin mencari jenis hewan y ang diin gink an, sedan gkan p ada gambar 4.15. adalah tamp ilan ketika pengguna ingin mencari nama hewan y ang diin ginkan den gan car a mengetikan langsung nama hewan p ada menu car i.
190
Gambar 4.16. Tampilan Informasi satwa Pada gambar 4.16. adalah tamp ilan dari infor masi satwa dari hewan yang dipilih oleh pengguna. Dalam h alaman ini terdap at foto dari hewan dan informasi sep utar hewan tersebut.
4.
Informasi Menu ini akan memberikan informasi pengunjun g y ang datang ke Taman M argasatwa Ragunan. M enu ini dap at diakses dengan men g-klik button icon rambu informasi p ada Halam an utama.
191
Gambar 4.17. Tampilan M enu Infomasi
5.
Fasilitas Pada menu in i Pengguna dapat melihat fasilitas-fasilitas y ang terdap at p ada Taman M argasatwa Ragunan. Menu ini dapat diakses dengan men g-klik button icon siluet p ria dan wanita p ada Halaman utama, selain itu menu ini juga dapat diakses melalui Menu Denah dan memilih salah satu fasilitas y ang tersedia.
192
Gambar 4.18. Tampilan List fasilitas Pada gambar 4.18. ad alah tampilan k etika p engguna in gin memilih fasilitas y ang dibutuhkan ketika berada p ada Taman M argasatwa Ragunan.
Gambar 4.19. Tampilan Informasi Fasilitas Pada gambar 4.19. adalah tampilan dari inform asi fasilitas y ang dip ilih oleh p engguna. Dalam halaman ini terdap at foto dari fasilitas dan informasi d ari fasilitas.
193
6.
Kalender Ev ent Menu ini menamp ilkan daftar Event
yang sedang
berlan gsung pada setiap bulan. Menu ini dap at diakses dengan meng-klik bu tton kalendar p ada Halaman utam a.
Gambar 4.20. Tamp ilan Menu Kalender Event
Gambar 4.21. Tampilan Informasi Event
194
Gambar 4.22. Tamp ilan Informasi Event Tidak Ditemukan
Pada gambar 4.20. adalah tamp ilan menu kalender event p ada Taman Margasatwa Ragunan.
Kita d apat memp eroleh
informasi sep utar event dengan meng-klik satu diantara tanggal setiap bulannya, kemudian ak an tamp il halaman pada gambar 4.21. Namun, apabila tidak terdap at event p ada tanggal y ang p enggun a pilih, mak a akan tamp il halaman pada gambar 4.22.
7.
Program Taman Margasatwa Ragunan Menu ini menamp ilkan Program-progr am y an g diadakan p ada Taman M argasatwa Ragunan. Menu ini dap at diakses dengan men g-k lik button berb entuk kertas list program p ada Halaman utama.
195
Gambar 4.23. Tampilan List Progr am
Gambar 4.24. Tampilan Informasi Pro gram
8. Game Menu ini meny ajikan game sederhana yang men ghibur d an menarik. Menu ini dap at diakses dengan m eng-klik bu tton 3 buah balon.
196
Gambar 4.25. Tampilan Awal menu game
Gambar 4.26. Tampilan game
197
Gambar 4.27. Tampilan Jawaban Ben ar
Gambar 4.28. Tampilan Jawaban Salah
198
4.4.2. Admin
Gambar 4.29. Tamp ilan log in Admin Pada gamb ar 4.29. adalah h alaman tamp ilan halaman utama d ari admin. Pada halaman ini, admin harus melakukan log in terlebih dahulu sebelum dap at melakuk an p erubahan data p ada database aplikasi.
Gambar 4.30. Tampilan Home Admin
Gambar 4.30. adalah tamp ilan halaman home admin. Pada halam an ini admin dap at melihat jumlah hewan, fasilitas, event, dan p rogram y ang terdap ata pada Taman M argasatwa Ragunan.
199
1.
Halaman List Hewan
Gambar 4.31. Tampilan List Hewan
Pada Gambar 4.31. adalah tamp ilan list h ewan jika ad min memilih menu jumlah hewan p ada halaman home. Pada h alaman ini terdap at list hewan y ang terdap at p ada Taman Margasatwa Ragunan dan beberap a aksi y ang d ap at dilakukan oleh admin, y aitu : • Delete Hewan •
Tambah Hewan
•
Edit Hewan
Gambar 4.32. Tampilan Edit Hewan
200
Gambar 4.32. adalah tampilan ketika admin m emilih menu hewan dan meng-klik link edit. Admin dap at merubah seluruh atribut hewan y ang berada d alam database.
2.
Halaman Event
Gambar 4.33. Tampilan List Event
Pada gambar 4.33. adalah tamp ilan list ev ent ketika admin memilih menu jumlah event p ada menu home. Pad a h alaman ini admin dap at melakuk an beberap a p erubahan seperti : •
Delete Event
•
Tambah Event
•
Edit Event
201
Gambar 4.34. Tampilan Edit Event
3.
Halaman Fasilitas
Gambar 4.35. Tampilan List fasilitas
Pada gambar diatas adalah tamp ilan list fasilitas yang terdapat p ada Taman Margasatwa ragunan. Admin d ap at melihat seluruh fasilitas y ang tersedia melalu i menu ini yang dapat diakses dari menu home dan memilih menu ju mlah fasilitas. Pada h alaman ini, admin dap at melakuk an beberap a p erubahan, seperti :
202
•
Delete Event
•
Tambah Event
•
Edit Event
Gambar 4.36. Tamp ilan Edit fasilitas
4. Halaman Pro gram
Gambar 4.37. Tampilan List Progr am
Pada gambar 4.37. adalah tamp ilan list dari program y ang terdapat p ada Taman Margasatwa Ragunan. Pada h alaman ini admin dapat melakukan beber apa p erubahan, sep erti : •
Delete Pro gram
•
Tambah Program
203
•
Edit Program
Gambar 4.38. Tampilan Edit Program 4.5. Evaluasi 4.5.1. Evaluasi segi Interaksi Manusia dan Komputer (8 golden rules) Berikut adalah evaluasi p rogram terhadap teori delap an aturan emas perancangan : a) Berusaha tetap konsisten Ap likasi kios Informasi ini dir ancan g agar tetap konsisten dari mulai tampilan layar y ang dibu at tidak bany ak p erubahan dari satu menu ke menu lain, den gan muncu lny a window baru mak a tamp ilan utama dari aplikasi ini tidak berubah. Kemud ian dar i segi bahasa, kios informasi in i diusah akan tetap menggunak an bahasa Indonesia, ap abila terdap at bahasa asing akan dibu at mirin g.
204
Gambar 4.39. Konsistensi Program Pada gamb ar d iatas menunjukan konsistensi dari ap likasi ini. Terlihat dari button berand a y an g tetap berada di b awah sebelah kanan meskip un sudah dalam tamp ilan lay ar y ang berb eda.
b) M emungkinkan untuk Penggun aan Universal Kios didisain untuk dap at mengenali kebutuhan-kebutuhan dari penggun a y ang berbeda, memfasilitasi transformasi konten, dapat menjembatani kemampuan dari berbagai pen gguna dan dapat menjembatani perbedaan usia p enggun a den gan simbo l y ang sangat mewak ili d ari m asing-masih menu
Gambar 4.40. button “kemb ali” disimbolkan ar ah panah kebelakang dan “beranda” den gan gambar rumah
205
Pada gambar 4.40. terdap at button kembali dan shortcut bu tton beranda. Kedua button tersebut adalah shortcut y ang dapat digun akan untuk dap at langsun g k embali p ada halaman sebelumnya atau langsung in gin p ada halaman utam a ( berand a ) .
c) M emberikan ump an balik y ang interaktif Setiap button diberikan satu ump an balik y ang memud ahkan p enggun a untuk men getahui p roses y ang akan dilakukan. M isalnya p ada saat p engguna menaruh p ointer ke sebu ah fitur, ak an mun cul nama fitur tersebut dalam balon dialo g y ang dip erankan oleh samzoodin.
Gambar 4.41. Ump an Balik Pada gambar diatas menunjukan adany a ump an balik dari ap likasi kios informasi in i. Dimana k etika p engguna m enaruh p ointer diatas menu ragunan, maka ump an balik y ang diber ikan adalah b alon dialog p ada bagian bawah.
206
d) M erancang dialo g y ang memberikan p enutupan Kios informasi ini memiliki urutan proses yang cukup jelas sehingga p enggun a m en getahui diman a p roses yang sedang dijalankan, dan akan den gan mudah berpindah proses.
Gambar 4.42. Dialo g y ang Memberikan Penutup an
e) M emberikan
p encegahan
dan
penan gan an
kesalahan
y ang
sederhana. Setiap button yang dipilih, akan muncu l p enjelasan tentang button y ang akan dipilih, ini dim aksudkan agar p enggun a tidak salah dalam memilih button yang ad a.
Gambar 4.43. Penan gan an Kesalah an
207
Pada gambar diatas merup akan satu bentuk p enanganan kesalahan pada aplikasi ini. Ketika pengguna mencar i atau memilih data yang tidak terdap at pada ap likasi ini, maka akan mun cul window data tidak ditemukan.
f) M emungkinkan p embalikan aksi y ang mudah Dalam setiap lan gkah di kios informasi in i selalu terdapat button back untuk kemb ali ke p roses sebelumnya, sehin gga memudahkan pengguna jika memilih f itur y ang salah
Gambar 4.44. Pembalikan Aksi Pada gambar diatas terdap at button kembali dan button beranda y an g memudahkan p engguna ap abila in gin kembali p ada halam an sebelumny a atau lan gsun g menuju ber anda. Fun gsi dari button in i adalah untuk memudahk an pengguna d alam p embalikan aksi.
g) M endukung p usat kendali internal Pengguna mem ilik i kend ali p enuh dalam men ggunak an kios informasi in i dar i sisi pengguna. Namun d ari sisi admin, hanya admin yang mem ilik i akses.
208
Gambar 4.45. Pusat Kendali Internal
h) M engurangi beban in gatan jangk a p endek Desain utama kios informasi ini dibuat mudah untuk diingat dengan hany a 5 fitur y ang ada. Selain itu dibantu den gan bentuk button dengan k arakter y ang san gat mewak ili f itur tersebut.
Gambar 4.46. Beban In gatan Jangk a Pendek
209
Pada
gambar
diatas
menunjukan
bahwa
ap likasi
ini
menguran gi beb an ingatan jan gka pendek, karena hany a terdapat lima menu y ang terdap at p ada aplikasi ini sehingga p engguna akan mudah mengingatny a.
4.5.2. Evaluasi Pengguna (Kuisioner) a) Tabel Korelasi Kuisioner Setelah kios informasi ini dirancang maka d ilakuk an evaluasi terhadap 20 orang responden yang terdiri dari 15 oran g pihak Taman Margasatwa Ragunan d an 5 orang pengunjun g. Evaluasi ini dimaksudkan untuk memp eroleh pendap at p enggun a terhadap kinerja aplikasi kios informasi ini. Ber ikut tabel relasi ku isioner ev aluasi Tabel 4.1. Relasi Kuision er Evaluasi No.
Pertan yaan
Tuju an
1.
Apakah anda tert arik dalam menggunakan Kios Inf ormas i ini s ebagai salah sat u media inf ormasi di Tam an Margasat wa R agunan?
Untuk menget ahui tingkat apresiasi pengungjung terhadap aplikas i kios informas i
2.
Bagaimana penggunaan kios inf ormasi ini?
Untuk menget ahui penilaian terhadap penggunaan aplikasi kios informasi.
3.
Menurut anda, apak ah kios inf orm asi ini telah memenuhi kebutuhan anda dalam mem enuhi kebutuhan inf ormasi di Taman Margasat wa R agunan?
Untuk menget ahui tingkat kepuasan pengunjung terhadap kebutuhan informasi
4.
Bagaimana isi dan peny ampaian informas i melalui kios inf ormasi ini?
Untuk menget ahui penilaian pengunjung terhadap isi dan cara peny ampaian dari aplik asi kios informasi.
5.
Apakah anim asi dan gambar pada kios informas i ini m em udahkan Anda dalam menerima inf orm asi?
Untuk menget ahui penilaian pengunjung terhadap fungsi dari anim asi dan gambar y ang tersedia pada aplikasi kios informas i.
210 No. 6.
Pertan yaan
Tuju an
Sec ara keseluruhan, apak ah kios informas i ini dapat m embantu anda dalam mem peroleh inf ormasi y ang dibutuhk an di Tam an Margasat wa R agunan?
Untuk menget ahui s ecara keseluruhan tingk at kepuasan pengunjung terhadap aplikas i kios informasi.
b) Hasil dan Analisa kuisioner
1. Apakah anda tertarik dalam menggunak an Kios Informasi ini sebagai salah satu
med ia informasi di Taman M argasatwa
Ragun an?
Tidak Tertarik Sangat tertarik 0% 5% Kurang Tertarik 10%
Tertarik 85%
Gambar 4.47. Diagram pie Hasil Kuisioner 1
Tabel 4.2. Hasil Kuisioner 1 Tanggapan
Responden
Sangat tertarik Tertarik Kurang tertarik Tidak Tertarik total
1 17 2 0 20
Persentas e kumulatif 5% 85% 10% 0% 100%
211
Dari hasil yang dip eroleh sebagian besar p enggun a awal merasa tertarik untuk men ggunak an kios informasi in i sebagai media informasi baru di Taman Margasatwa Ragun an
2. Bagaimana p enggun aan kios infor masi ini? Cukup Sulit Digunakan 5%
Sulit Digunakan 0% Sangat m udah digunakan 15%
Mudah Digunakan 80%
Gambar 4.48. Diagram pie h asil kuision er 2
Tabel 4.3. hasil kuision er 2 Tanggapan
Responden
Sangat mudah digunakan Mudah digunak an Cukup sulit digunak an Sulit digunak an
3 16 1 0
Persentase kumulatif 15% 80% 5% 0%
20
100%
total
Dari hasil yang diperoleh sebagian besar pen gguna merasa bahwa kios informasi ini mudah digunak an karena fitur-fitur didalamnya dibuat semudah mun gkin, dan dihar ap kan pengguna dapat memenuhi kebutuhan informasiny a saat berada di Taman M argasatwa Ragunan.
212
3. M enurut anda, ap akah kios informasi ini telah memenuh i kebutuhan anda dalam memenuhi kebutuhan informasi di Taman M argasatwa Ragun an
Sangat Tidak sam a sekali Mem enuhi 0% 5%
Cukup Memenuhi 50%
Mem enuhi 45%
Gambar 4.49. Diagram pie Hasil Kuisioner 3
Tabel 4.4. Hasil Kuisioner 3 Tanggapan
Responden
Sangat memenuhi Mem enuhi Cukup m emenuhi Tidak s ama sek ali total
1 9 10 0 20
Persentas e kumulatif 5% 45% 50% 0% 100%
Dari hasil yang d ip eroleh kios infor masi in i cukup dapat memenuh i kebutuhan pengguna akan inform asi pada Taman M argasatwa Ragunan. Den gan data y ang dip erbaharui oleh ad min nantinya tentu akan membuat informasi y ang ada pada kios informasi in i bertambah len gkap dan up to date.
213
4. Bagaimana isi d an p eny ampaian informasi m elalui kios informasi ini?
Tidak jelas 0%
Sangat jelas 15% Cukup jelas 30%
Jelas 55%
Gambar 4.50. Diagram Pie Hasil Kuisioner 4
Tabel 4.5. Hasil Kuisioner 4 Tanggapan
Responden
Sangat jelas Jelas Cukup Jelas Tidak Jelas total
3 11 6 0 20
Persentas e kumulatif 15% 55% 30% 0% 100%
Dari hasil yang diperoleh sebagian besar pen gguna merasa jelas den gan p eny amp aian informasi melalu i kios informasi ini. Sehin gga informasi y ang disamp aikan dip ahami oleh seb agian besar p engunjung dan dari segi desain, huruf, warna dap at membantu tersalurny a informasi kepada p engguna.
214
5. Apakah animasi dan gambar p ada kios informasi ini memud ahkan Anda dalam menerima informasi?
tidak 10%
ya 90%
Gambar 4.51. Diagram pie Hasil Kuisioner 5
Tabel 4.6. Hasil Kuisioner 5 Tanggapan
Responden
Ya Tidak total
18 2 20
Persentas e kumulatif 90% 10% 100%
Dari hasil yang diperoleh h amp ir semua pengguna merasa animasi d an gambar y ang ada p ada kios informasi in i berfun gsi dengan baik dalam memb antu tersampaikannya informasi kep ada p enggun a.
215
6. Secara keseluruhan, apakah kios informasi ini d ap at membantu anda dalam
memperoleh
informasi
yang dibutuhkan
di
Taman
M argasatwa Ragunan ?
tidak m em bantu 0%
Sangat mem bantu 25% cukup mem bantu 35%
m em bantu 40%
Gambar 4.52. Diagram pie Hasil Kuisioner 6
Tabel 4.7. hasil kuision er 6 Tanggapan
Responden
Sangat membant u mem bantu Cukup m embantu Tidak membantu total
5 8 7 0 20
Persentase kumulatif 25% 40% 35% 0% 100%
Dari hasil yang dip eroleh kios informasi in i dap at sangat membantu
p engguna untuk
mendap atkan
dibutuhkan p ada Taman Margasatwa Ragunan.
informasi y ang
216
Kesimp ulan dari hasil kuisioner ev aluasi :
Setelah dilakuk an survey dan analisa hasil kuisioner , simp ulan dari evaluasi kuision er adalah sebagai ber ikut : •
Sebagian besar resp onden merasa ny aman den gan kios informasi.
•
Informasi y ang disamp aikan m elalui kios inform asi ini dapat diterima den gan mudah o leh pengguna.
•
Fitur-fitur y ang ada dalam kios infor masi in i dapat membantu p enggun a untuk memp eroleh informasi d i Taman M argasatwa Ragun an.
•
Secara keseluruhan kios informasi ini sangat membantu bagi p enggun a pada Taman Margasatwa Ragunan.
