Gambar 4.1 Running Apache dan MySQL di XAMPP

Transkripsi

1 BAB IV HASIL DAN PEMBAHASAN 4.1. Hasil Hasil penelitian berupa sebuah website yang didukung oleh teknologi CMS (Content Management System) WordPress. Halaman-halaman website yang terdapat dalam website secara umum terbagi menjadi 2 (dua) bagian, yaitu: 1. Halaman dashboard yang digunakan admin untuk mengelola komen yang akan ditampilkan dalam website. 2. Halaman website yang menampilkan hasil pengelolaan konten yang dibuat oleh admin dan dapat diakses oleh pengunjung Pembangunan Sistem Instalasi Aplikasi Server Langkah pertama dalam pembangunan aplikasi ini adalah melakukan instalasi aplikasi server yaitu menggunakan XAMPP. Setelah selesai melakukan. Setelah selesai melakukan instalasi kemudian jalankan aplikasi XAMPP, kemudian pastikan Apache dan MySQL dapat terkoneksi ditandai dengan tulisan running. Tampilan instalasi aplikasi server dapat dilihat pada gambar 4.1. Gambar 4.1 Running Apache dan MySQL di XAMPP 44

2 Pembuatan Database Setelah memastikan bahwa koneksi Apache dan MySQL telah berhasil dijalankan, maka langkah selanjutnya yang harus dilakukan adalah membuat database dengan cara membuka browser kemudian ketikan localhost/phpmyadmin. Pada sistem yang telah dibangun database diberi nama joglopar_wp879 yang didalamnya berisi banyak tabel dimana terdapat beberapa tabel utama yaitu: wpkq_booking, wpkq_bookingdates, wpkq_huge_it_contact_submission, wpkq_users, wpkq_gg_galleries, wpkq_gg_photos. Pembuatan database dapat dilihat pada gambar 4.2. Gambar 4.2 Pembuatan Database dengan phpmyadmin 4.3. Hosting dan Domain Hosting dan Domain Hosting dan Domain merupakan bagian terpenting pada pembuatan website, penggunaan hosting sesuai dengan kebutuhan. Joglo Pari Sewu memilih hosting 3Gb pertahun pada riaucybersolution.net, pembayaran melalui rekening bank dan dikonfirmasi oleh Riau Cyber Solution melalui . Tampilan pembelian dan konfirmasi pembelian dapat dilihat pada gambar 4.3.

3 46 Gambar 4.3 Tampilan Pembelian Hosting dan Domain. Gambar 4.4 Konfirmasi Pembelian Hosting dan Domain. Pada Gambar 4.4 Konfirmasi Pembelian Hosting dan Domain, dengan alamat di dalam yang diterima dari penyedia

4 47 hasa hosting diberikan link untuk mengakses Cpanel dengan Username dan Passsword cpanel (Control Panel) Control Panel merupakan halaman untuk mengatur semua keperluan website, di dalam control panel terdapat fasilitas preferences, database, files, softaculous.logs, security, domain, advanced, software dan service. Tampilan Control Panel online dapat dilihat pada gambar 4.5, gambar 4.6, gambar 4.7 dan gambar 4.8. Gambar 4.5 Tampilan cpanel1 Gambar 4.6 Tampilan cpanel2

5 48 Gambar 4.7 Tampilan cpanel3 Gambar 4.8 Tampilan cpanel4

6 Install WordPress Peng-install-an WordPress menggunakan fasilitas yang disediakan oleh cpanel softaculous, didalam softaculous terdapat berbagai kategori, WordPress terdapat pada kategori Blogs. Peng-install-an WordPress memiliki menu Import dimana kita dapat meng-import data dari localhost kita. Tampilan Peng-install-an WordPress pada softaculous dapat dilihat pada gambar 4.9 dan gambar 4.10: Gambar 4.9 Tampilan Softaculous Pada cpanel Gambar 4.10 Tampilan WordPress Pada Softaculous

7 50 Dalam proses peng-install-an WordPress pada Softaculous diperlukan setting terlebih dahulu, Protocol, Domain dan Directory harus diisi terlebih dahulu kemudian klik Import. Tampilan install WordPress dapat dilihat pada gambar 4.11: Gambar 4.11 Tampilan Install WordPress Gambar 4.12 Hasil Install WordPress

8 51 Pada gambar 4.12 dapat dilihat bahwa WordPress telah berhasil di-install dan pada gambar tersebut terdapat link yang digunakan untuk menuju ke website yang telah dibuat. Hasil konfirmasi peng-install-an website dikirimkan pada administrator, didalam dijelaskan path dari hasil peng-install-an, password dan admin URL. Tampilan konfirmasi peng-install-an website dapat dilihat pada gambar Gambar 4.13 Konfirmasi Peng-install-an Website 4.4. Antarmuka Halaman Login WordPress (Admin) Proses Login admininistrator pada WordPress langsung dapat diakses setelah mendapatkan konfirmasi. Username dan password yang telah diatur sebelumnya dapat langsung digunakan. Tampilan Login WordPress dapat dilihat pada gambar 4.14.

9 52 Gambar 4.14 Halaman Login WordPress Halaman Dashboard Admin Halaman Dashboard admin merupakan tampilan utama dari website administrator yang berfungsi untuk melakukan berbagai macam pengubahan dan penambahan pada website pengguna. Didalam halaman Dashboard terdapat menu untuk menambahkan post, gambar, serta pengaturan lainnya yang hanya dapat dilakukan oleh admin. Halaman Dashboard admin dapat dilihat pada gambar Gambar 4.15 Halaman Dashboard Admin

10 Halaman Home Halaman Home merupakan halaman yang menjadi tampilan utama dari aplikasi yang dapat dilihat oleh pengunjung dan admin. Halaman Home ini merupakan halaman yang akan tampil saat website ( diakses oleh pengunjung. Gambar halaman Home dapat dilihat pada gambar Gambar 4.16 Halaman Home

11 Halaman Menu (Food) Halaman Menu (Food) adalah halaman yang menampilkan gambargambar mengenai menu makanan apa saja yang terdapat di Restoran Joglo Pari Sewu. Pada setiap gambar juga ditampilkan nama dari menu-menu makanan tersebut. Gambar halaman Menu (Food) dapat dilihat pada gambar Halaman Menu (Drink) Halaman Menu (Drink) adalah halaman yang menampilkan gambargambar mengenai menu minuman apa saja yang terdapat di Restoran Joglo Pari Sewu. Pada setiap gambar juga ditampilkan nama dari menu-menu minuman tersebut. Gambar halaman Menu (Drink) dapat dilihat pada gambar Halaman Menu (Herbs) Halaman Menu (Herbs) adalah halaman yang menampilkan gambargambar mengenai menu jamu tradisional apa saja yang terdapat di Restoran Joglo Pari Sewu. Pada setiap gambar juga ditampilkan nama dari jamu-jamu tradisional tersebut. Gambar halaman Menu (Herbs) dapat dilihat pada gambar 4.19 Gambar 4.17 Halaman Menu (Food)

12 55 Gambar 4.18 Halaman Menu (Drink) Gambar 4.19 Halaman Menu (Food)

13 Halaman Menu (Package) Halaman Menu (Package) adalah halaman yang menampilkan gambargambar mengenai jenis-jenis paket apa saja yang terdapat di Restoran Joglo Pari Sewu. Pada setiap gambar juga ditampilkan harga serta keterangan dari paketpaket tersebut. Gambar halaman Menu (Package) dapat dilihat pada gambar 4.20: Gambar 4.20 Halaman Menu (Package) Halaman About Us Halaman About Us adalah halaman yang menampilkan informasi, gambar, serta penjelasan mengenai Restoran Joglo Pari Sewu. Gambar halaman About Us dapat dilihat pada gambar 4.21.

14 57 Gambar 4.21 Halaman About Us Halaman Reservations Halaman Reservations adalah halaman yang menampilkan form reservasi yang harus diisi oleh pelanggan jika ingin melakukan reservasi secara online di website Restoran Joglo Pari Sewu. Form reservasi ini mewajibkan pelanggan untuk mengisi data dirinya pada gambar 4.22.

15 58 Gambar 4.22 Halaman Reservations Halaman Confirmations Halaman Confirmations adalah halaman yang menampilkan form konfirmasi pembayaran yang harus diisi oleh pelanggan agar reservasi yang dilakukan oleh pengunjung di Restoran Joglo Pari Sewu dapat segera dikonfirmasi. Form konfirmasi ini mewajibkan pelanggan untuk mengisi nama dan yang digunakan saat melakukan reservasi dan pengunjung harus mengunggah file bukti transfer pembayaran. Gambar halaman Confirmations dapat dilihat pada gambar 4.23.

16 59 Gambar 4.23 Halaman Confirmations Halaman Contact Us Halaman Contact Us adalah halaman yang menampilkan informasi mengnai kontak yang dapat dihubungi untuk memberikan keterangan lebih jelas dan lengkap mengenai Restoran Joglo Pari Sewu. Halaman Contact Us ini dapat dilihat pada gambar 4.24.

17 60 Gambar 4.24 Halaman Contact Us 4.5. Pengujian Sistem Pengujian dilakukan bertujuan untuk melihat hasil eksekusi dan mengetahui fungsionalitas berdasarkan analisis kebutuhan. Hasil pengujian dapat dilihat pada tabel 4.1 berikut ini: Tabel 4.1 Pengujian Fungsional No Kasus Uji Diharapkan Didapat Status 1. Menu HOME pada Pengguna masuk Setelah menu halaman website ke halaman Home Home diklik, pengguna dapat masuk ke halaman Home

18 61 No Kasus Uji Diharapkan Didapat Status 2. Tombol READ Pengguna masuk MORE pada ke halaman post Read More diklik, halaman Home yang dibuka pengguna dapat masuk ke halaman post yang dipilih 3. Tombol SEARCH Pengguna masuk pada halaman Home ke halaman search Search diklik, pengguna dapat masuk ke halaman Search Result 4. Menu (FOOD) pada Pengguna masuk Setelah menu halaman website ke halaman menu (Food) diklik, (Food) pengguna dapat masuk ke halaman menu (Food) 5. Menu (DRINK) pada Pengguna masuk Setelah menu halaman website ke halaman menu (Drink) diklik, (Drink) pengguna dapat masuk ke halaman menu (Drink) 6. Menu (HERBS) pada Pengguna masuk Setelah menu halaman website ke halaman menu (Herbs) diklik, (Herbs) pengguna dapat masuk ke halaman menu (Herbs)

19 62 No Kasus Uji Diharapkan Didapat Status 7. Menu (PACKAGE) Pengguna masuk Setelah menu pada halaman ke halaman menu (Package) diklik, website (Package) pengguna dapat masuk ke halaman menu (Package) 8. Menu ABOUT US Pengguna masuk Setelah menu pada halaman ke halaman About About Us diklik, website Us pengguna dapat masuk ke halaman About Us 9. Menu Pengguna masuk Setelah menu RESERVATIONS ke halaman Reservations pada halaman Reservations diklik, pengguna website dapat masuk ke halaman Resrvations 10. Tombol REQUEST Pengguna dapat BOOKING pada menginputkan data diklik, data halaman dan mengirimkan tersimpan di Reservations data yang database dan akan diinputkan masuk ke admin

20 63 No Kasus Uji Diharapkan Didapat Status 11. Tombol REQUEST Pengguna BOOKING pada mendapatkan diklik, akan halaman peringatan untuk muncul peringatan Reservations ketika mengisi semua pada tiap kolom textbox tidak diisi kolom yang yang tidak terisi semua disediakan agar pengunjung mengisi semua kolom dengan lengkap. 12. Tombol REQUEST Pengguna BOOKING pada mendapatkan diklik, akan halaman peringatan untuk muncul peringatan Reservations ketika mengisi kolom berupa Sertakan textbox tidak Pada Alamat diisi sesuai dengan benar format yang benar 13. Menu Pengguna masuk Setelah menu CONFIRMATIONS ke halaman Confirmations pada halaman Confirmations diklik, pengguna website dapat masuk ke halaman Confirmations 14. Tombol PILIH FILE Pengguna dapat pada halaman memilih file yang diklik, pengguna Confirmations ingin diunggah bisa memilih file yang ingin diunggah ke

21 64 No Kasus Uji Diharapkan Didapat Status website 15. Tombol SEND pada Pengguna dapat halaman menginputkan data diklik, data Confirmations dan mengirimkan tersimpan di data yang database dan akan diinputkan masuk ke admin 16. Tombol SEND pada Pengguna halaman mendapatkan diklik, akan Confirmations ketika peringatan untuk muncul peringatan textbox tidak diisi mengisi semua berupa One or semua kolom yang more fields have disediakan an error. Please check and try again. 17. Tombol All pada Admin halaman Booking di mendapatkan diklik, semua data dashboard admin tampilan semua reservasi dari data reservasi dari pengunjung melakukan reservasi akan ditampilkan

22 65 No Kasus Uji Diharapkan Didapat Status 18. Tombol Pending Admin pada halaman mendapatkan diklik, semua data Booking di tampilan data reservasi dari dashboard admin reservasi berstatus pending masih berstatus akan ditampilkan pending 19. Tombol Confirmed Admin pada halaman mendapatkan diklik, semua data Booking di tampilan data reservasi dari dashboard admin reservasi sudah dikonfirmasi sudah dikonfirmasi akan ditampilkan 20. Tombol Closed pada Admin halaman Booking di mendapatkan diklik, semua data dashboard admin tampilan data reservasi dari reservasi berstatus closed reservasinya sudah akan ditampilkan ditutup / closed 21. Tombol Trash pada Admin halaman Booking di mendapatkan diklik, semua data dashboard admin tampilan data reservasi dari reservasi berstatus sudah sudah dimasukan dimasukan ke ke Trash trash akan ditampilkan

23 66 No Kasus Uji Diharapkan Didapat Status 22. Tombol Upcoming Admin pada halaman mendapatkan diklik, semua data Booking di tampilan semua reservasi dari dashboard admin data reservasi pengunjung mulai pengunjung mulai dari hari ini dari hari ini sampai kedepan. kedepannya akan ditampilkan 23. Tombol Today pada Admin halaman Booking di mendapatkan diklik, semua data dashboard admin tampilan data dari reservasi dari yang melakukan melakukan reservasi pada hari reservasi pada hari ini ini akan ditampilkan 24. Tombol Between Admin Dates pada halaman mendapatkan diklik, semua data Booking di tampilan data reservasi dari dashboard admin reservasi pengunjung dipilih berdasarkan berdasarkan tanggal oleh admin tanggal yang akan ditampilkan dipilih oleh admin

24 67 No Kasus Uji Diharapkan Didapat Status 25. Tombol Add New Admin dapat pada halaman menambahkan diklik, akan keluar Booking di data reservasi form yang dapat dashboard admin pengunjung secara diisi oleh admin langsung sesuai dengan data reservasi dari ingin dilakukan reservasinya oleh admin 26. Tombol Add Data reservasi Booking pada form diklik, data Add New di dimasukan oleh reservasi dari halaman Booking admin akan pada dashboard otomatis dimasukan oleh admin ditambahkan admin akan secara otomatis ditambahkan dan akan ditampilkan di halaman Booking pada Dashboard admin

25 68 No Kasus Uji Diharapkan Didapat Status 27. Tombol Cancel pada Form add new di form Add New di halaman booking diklik, form add halaman Booking pada dashboard new di halaman pada dashboard admin akan booking pada admin tertutup secara dashboard admin otomatis akan tertutup secara otomatis dan akan kembali menampilkan halaman Booking pada Dashboard admin 4.6. Pembahasan Fokus penelitian ini adalah pengembangan sebuah website yang digunakan oleh Restoran Joglo Pari Sewu sebagai media berupa aplikasi berbasis website yang memberikan informasi mengenai Restoran Joglo Pari Sewu dan memberikan layanan reservasi secara online. Website dapat dikunjungi melalui berbagai perangkat atau device yang dimiliki pengunjung dan dapat diakses oleh berbagai macam browser. Website ini juga membantu pengunjung dalam melakukan reservasi dengan memberikan informasi pengunjung dalam melakukan reservasi di website Joglo Pari Sewu. Pemesanan reservasi serta pembayaran dan konfirmasi pembayaran dapat diproses secara langsung dan dikonfirmasikan melalui kepada melakukan pemesanan reservasi dan konfirmasi pembayaran secara online di website Joglo Pari Sewu. Pada pengujian sistem, semua fungsi pada website telah diuji dan didapatkan hasil yang sesuai dengan dasar rancangan awal pengembangan aplikasi, sehingga diperoleh hasil yang berjalan sesuai dengan fungsinya yang dapat dilihat pada tabel 4.1.