Perangkat Lunak Yang Digunakan Membangun Web Server Hosting untuk Aplikasi Web

52

BAB IV IMPLEMENTASI PROGRAM

Pada bab ini akan membahas tentang implementasi program dari hasil analisa dan perancangan sistem yang ada pada bab III, serta bagaimana cara sistem tersebut dijalankan. Untuk lebih lanjut dapat dijelaskan pada sub bab berikut :

4.1. Perangkat Lunak Yang Digunakan

Pada perancangan dan implementasi program, beberapa perangkat lunak software yang digunakan pada saat pembuatan website aplikasi sistem pengambilan keputusan adalah dijabarkan sebagai berikut: Perangkat lunak software yang digunakan adalah : a Windows XP Profesional. b XAMPP-win32-1.6.6a sebagai local server dan database MYSQL c Power Designer 6 untuk perancangan basis data atau database d Power Designer 11 untuk perancangan system. e Adobe Photoshop CS, dan Ms. Picture Manager untuk mengolah Gambar. f Macromedia dreamweaver CS3 dalam perancangan desain website dan pengolahan proses

4.2. Implementasi Antarmuka

Pada tahap ini akan dijelaskan tentang implementasi antarmuka dari sistem berdasarkan perancangan web yang telah dibuat. Menjelaskan mengenai tampilan dari menu yang ada pada sistem pendukung keputusan pemilihan obyek wisata. Dimana pada sistem ini terdapat delapan tampilan menu, yang masing-masing menu tersebut mempunyai fungsi sendiri-sendiri.

4.2.1 Antarmuka Form Login Admin

Menu form login admin ini hanya khusus admin. Halaman ini tersembunyi. Untuk mengolah data admin harus mengisi form login untuk masuk ke dalam menu admin. Gambar 4.1 Form Login 4.2.2 Antarmuka Halaman Utama Admin Pada halaman awal dari halaman admin ketika berhasil login maka akan tampak halaman berikut ini : Gambar 4.2 Halaman Awal Admin Pada Gambar 4.2 terdapat beberapa menu utama admin. Menu utama, menu obyek wisata untuk mengolah data obyek wisata, menu kriteria untuk mengolah data kriteria, menu nilai kriteria untuk mengolah data nilai dari kriteria, menu nilai prioritas untuk memproses prioritas obyek wisata, menu pilihan untuk mengolah pilihan kriteria, menu tentang Surabaya untuk mengolah data profil Kota Surabaya beserta acara lain yang ada di Kota Surabaya, menu Guest Book untuk mengolah data komentar yang masuk, menu administrator untuk mengolah data administrator, dan yang terakhir menu untuk keluar dari halam admin.

4.2.3 Antarmuka Data Obyek Wisata dan Form Pengisian Obyek Wisata

Pada halaman data obyek wisata ini untuk mengetahui secara detail obyek wisata dengan mengklik pada nama obyek wisata. Sedangkan untuk mengedit data obyek wisata dengan cara mengklik tombol edit yang terletak disebelah kanan nama obyek wisata. Gambar 4.3 Form Halaman Input Obyek Wisata Form ini untuk penginputan data obyek wisata Kota Surabaya dan nilai kriteria dari beberapa kriteria. Gambar 4.4 Halaman Data Obyek Wisata 4.2.4 Antarmuka Kriteria Pada halaman kriteria ini untuk menampilkan data kriteria. Terrdapat form untuk menambah data kriteria dan tombol untuk mengubah data kriteria dan hapus data kriteria. Gambar 4.5 Form Input dan Halaman Data kriteria 4.2.5 Antarmuka Nilai Kriteria Pada halaman nilai kriteria ini untuk menampilkan data nilai kriteria. Terrdapat form untuk mencari data kriteria dan tombol untuk mengubah data kriteria dan menghapus data kriteria. Gambar 4.6 Halaman Data Nilai Kriteria 4.2.6 Antarmuka Nilai Prioritas Pada halaman nilai prioritas ini terdapat sebuah tombol control untuk melakukan proses perhitungan nilai prioritas. Dengan menekan tombol control proses perhitungan prioritas akan di jalankan berdasarkan dengan nama kriterianya. Seperti gambar di bawah ini. Gambar 4.7 Halaman Data Nilai Prioritas Setela menjalankan proses perhitungan prioritas. Data akan ditampikan seperti gambar 4.8. Terrdapat form untuk mencari data prioritas. Gambar 4.8 Halaman Menu Proses Perhitungan Nilai Prioritas 4.2.7 Antarmuka Form Input Pilihan dan Data Pilihan Pada halaman pilihan ini untuk menampilkan data pilihan. Terrdapat form untuk menambah data pilihan dan tombol untuk mengubah data pilihan dan menghapus data pilihan. Gambar 4.9 Halaman Data Pilihan 4.2.8 Antarmuka Data Acara dan Khas Surabaya Pada halaman data acara dan khas surabaya ini untuk menampilkan data acara dan sesuatu khas yang hanya ada di Surabaya. Terrdapat form untuk mencari data data acara maupun data khas Surabaya dan sebuah tombol untuk mengubah data data acara maupun data khas surabaya. Gambar 4.10 Halaman Data Acara Dan Khas Surabaya

4.2.9 Antarmuka Buku Tamu

Pada halaman buku tamu ini untuk menampilkan data buku tamu. Terrdapat sebuah tombol menghapus data buku tamu. Gambar 4.11 Halaman Buku Tamu 4.2.10 Antarmuka Administrator Pada menu administrator terdapat form untuk mengubah data login admin yang berfungsi sebagai data masuk ke menu utama halaman admin. Gambar 4.12 Form Kelola Data Admin 4.2.11 Antarmuka Halaman Utama Pada tampilan utama didesain sedemikian rupa sehingga menjadi tampilan utama yang menarik pengguna. Pada halaman utama menampilkan obyek wisata terbaru yang ada di Surabaya, acara maupun berita yang ada di Kota Surabaya, sesuatu yang khas yang ada di Surabaya berupa makanan atau yang khas lainnya dan galeri foto. Tampilan tersebut dapat dilihat pada Gambar 4.13. Gambar 4.13 Halaman Utama

4.2.12 Antarmuka Tentang Surabaya

Pada halaman ini menampilkan pengenalan tentang Kota Surabaya. Menjelaskan tentang kota surabaya, letak geografis, jenis obyek wisata dan semua hal mengenai Kota Surabaya. Gambar 4.14 Halaman Tentang Surabaya 4.2.13 Antarmuka Obyek Wisata Pada halaman ini menampilkan obyek wisata yang sudah terdaftar di Dinas Kebudayaan dan Pariwisata Kota Surabaya. Gambar 4.15 Halaman Obyek Wisata Pada gambar 4.3 di atas, untuk mengetahui obyek wisata secara detail. Tekan judul obyek wisata atau tekan readmore. Sedangkan untuk melihat obyek wisata selanjunya tekan next atau nomer 1, 2 dan seterusnya. Gambar 4.16 Halaman Obyek Wisata Secara Detail

4.2.14 Antarmuka Tentang Kami

Pada halaman ini menampilkan profil Dinas Kebudayaan dan Pariwisata Kota Surabaya. Pada halaman ini terdapat informasi tentang Dinas Kebudayaan dan Pariwisata Kota Surabaya mulai dari alamat kantor dinas, dasar – dasar hukum dalam berorganisasi yang telah di atur oleh pemerintah, struktur organisasi Dinas Kebudayaan dan Pariwisata Kota Surabaya, tugas – tugas pokok Dinas Kebudayaan dan Pariwisata Kota Surabaya. Gambar 4.17 Halaman Tentang kami

4.2.15 Antarmuka Update Terbaru

Pada menu halaman ini menampilkan update terbaru obyek wisata. Pada menu ini terdapat informasi obyek wisata terbaru yang ada. Untuk mengetahui secara detail dengan cara memilih pada judul obyek wisata. Gambar 4.18 Menu Obyek Wisata Baru

4.2.16 Antarmuka Surabaya Punya Acara

Pada menu halaman ini menampilkan Surabaya Punya Acara. Menu ini terdapat informasi acara dan berita di Surabaya. Untuk mengetahui secara detail dengan cara memilih pada judul dari setiap daftar acara dan berita. Gambar 4.19 Menu Surabaya Punya Acara 4.2.17 Antarmuka Khas Surabaya Pada menu halaman ini menampilkan Khas Surabaya. Menu ini terdapat informasi tentang khas dan keunikan serta sesuatu yang hanya bisa di jumpai di Kota Surabaya. Untuk mengetahui secara detail dengan cara memilih pada judul dari setiap daftar khas berita. Gambar 4.20 Halaman Menu Khas Surabaya 4.2.18 Antarmuka Pemilihan Obyek Wisata Pada halaman ini menampilkan pengenalan metode untuk menjalankan aplikasi pemilihan obyek wisata. Gambar 4.21 Halaman Pengenalan Metode AHP Setelah mengenal metode AHP seperti pada gambar 4.6. Untuk mulai menjalankan aplikasi pemilihan obyek wisata tekan ” Mulai Proses Pemilihan Obyek Wisata Dengan Metode AHP ”. Setelah itu akan masuk halaman proses pemilihan kriteria. Seperti pada gambar 4.7 di bawah ini. Gambar 5.22 Proses Pemilihan Kiteria Setelah user memilih daftar pilihan, sistem akan memproses perhitungan nilai dari bobot setiap pilihan untuk mendapatkan nilai prioritas global. Proses perhitungannya seperti gambar di bawah ini. Gambar 5.23 Proses Perhitungan Prioritas Global Setelah proses perhitungan prioritas global, sistem member sebuah kesimpulan untuk pemilihan obyek wisata. Pemilihan obyek wisata diperoleh dari nilai terbesar dari prioritas global. Pada gambar 5.14 di atas terdapat satu kesimpulan untuk memilih “Pantai Ria Kenjeran Surabaya” menjadi pilihan wisatanya.

4.3. Membangun Web Server Hosting untuk Aplikasi Web

Pada tahap ini akan dijelaskan tentang tahapan atau langkah-langkah untuk menghosting domain ke Web melalui www.000webhost.com yang gratis. 1. Export database yang ada dilocalhost komputermu ke server. Jalankan XAMPP dan klik admin pada mysql. lalu login.klik pada nama database website lalu klik ‘export’. ‘save as file’ dan klik ‘go’ save filenya . Gambar 5.24 Export Database 2. Mendaftar pada layanan webhosting, yang saya gunakan saat ini, 000webhost . Masuk pada halaman pendaftaran, klik ‘order now’.isikan nama website, nama, email, dan password untuk menjadi member 000webhost. lalu klik ‘create my account’ selanjutnya lakukan login kedalan account yang telah terdaftar, klik ‘go to cPanel’ untuk berada pada cPanel control panel, menu ini mengatur segala hosting, selanjutnya adalah membuat database untuk website. klik ‘mySql’, lalu isikan akhiran nama database , nama user, dan password database. jika sudah klik ‘create database’, lalu catat “tulisan ala mesin ketik” yang ada. klik ‘back to control panel’, lalu klik ‘php myadmin’ tampilannya halaman ini akan mirip seperti pada di localhost, silahkan ‘import’ databasemu disini. pastikan tidak ada pesan error dalam prosesnya, jika sudah kembali ke cPanel 3. Meng-uploud file WebSite Mengupload semua isi folder cms kedalam folder yang telah ditentukan oleh server ada yang menyebut htdocs, public_html, dll, di 000webhost disebut public_html. untuk mempercepat proses upload, sebaiknya compress zip file yang akan di upload. Pastikan yang diupload hanya isi folder cms, induk folder cms-nya tidak ikut. Langkahnya adalah : 1 Pilih ‘file manager’. 2 Pilih pada ‘public_html’. 3 Pilih ‘upload’. 4 Pilih file yang akan diupload browse…, batas maksimum per-file adalah 5Mb. bagian kiri untuk file yang tidak ter-compress, sedangkan bagian kanan untuk file yang tercompress zip. jika menggunakan bagian kanan, file akan automatis di de-compress saat berhasil diupload. 5 Pilih gambar centang berwarna hijau untuk memulai upload. jika sudah selesai akan tampil daftar semua file yang berhasil diupload. Setelah selesai sesuai dengan langkah-langkah tersebut. Cek apakah website-mu sudah berjalan dengan mengakses halaman web yang sudah terdaftar. 70

BAB V UJI COBA DAN EVALUASI PROGRAM

Pada bab ini membahas tentang ujicoba dan evaluasi program yang menerangkan bagaimana jalannya program secara detail yang akan dijelaskan pada sub bab dibawah ini :

5.1. Uji Coba Sistem dan Uji Coba Desain Antarmuka

Setelah dilakukan proses implementasi, proses selanjutnya adalah uji coba dan evaluasi sistem dengan tujuan untuk mengetahui bahwa aplikasi yang telah dibuat telah sesuai dan dapat menyelesaikan permasalahan yang dihadapi.

5.1.1. Uji Coba Form Login Admin

Menu form login admin merupakan halaman yang tersembunyi dan hanya dikhusus untuk admin. Untuk mengolah data, admin harus mengisi form login untuk masuk ke dalam menu admin. Halaman form login akan terlihat seperti pada gambar 5.1 berikut ini. Gambar 5.1 Form Login Dalam form login admin akan diminta untuk memasukkan username dan password sesuai dengan data admin, apabila terdapat kesalahan dalam pemasukan password atau pun kurang salah satu, seperti user belum dimasukkan atau password kosong maupun keduanya belum dimasukkan atau salah, maka secara otomatis sistem akan meberikan peringatan yang merupakan handle error sistem. Bila benar maka admin akan dibawa pada halaman utama admin, apabila salah maka akan kembali pada halaman login itu kembali form login . Gambar 5.2 Halaman Utama Admin 5.1.2. Uji Coba Form Input dan Data Obyek Wisata Form input data obyek wisata ini untuk pengisian data obyek wisata Kota Surabaya dan nilai kriteria dari beberapa kriteria. Dalam pengisian data obyek wisata, data ID obyek wisata tidak boleh sama karena ID obyek wisata merupakan primary key. Data ID obyek wisata dan data nama obyek wisata tidak boleh kosong.