Institutional Repository | Satya Wacana Christian University: Pengembangan Sistem Informasi Website Solo Kuliner dan Festival Berbasis PHP T0 562013047 BAB IV

33

BAB IV

HASIL DAN ANALISIS

4.1Hasil Karya / Implementasi

Kegiatan implementasi atau penerapan dilakukan dengan dasar yang telah direncanakan dalam rencana implementasi. Pada penerapan sistem yang diusulkan tentu saja harus disediakan beberapa aspek yang akan mendukung kelancaran operasi sistem dan hal yang akan dijadikan faktor pendukung adalah penentuan kebutuhan sumber daya.

Implementasi adalah proses penerapan rancangan program yang telah dibuat atau penerapan aplikasi dalam melaksanakan sistem informasi yang dibangun.

4.1.1 Implimentasi Database a.Membuat database

Membuat database proyek;

Gambar 4.1 Tampilan membuat database b.Membuat table

id_event int(100) nama_event varchar(100) tempat_event varchar(100) tanggal_event date

waktu_event varchar(100)

Gambar 4.2 Tampilan membuattabel

c. Memasukkan Tabel

INSERT INTO `event` (`id_event`, `nama_event`, `tempat_event`, `tanggal_event`, `waktu_event`) VALUES

(17, 'Java Expo 2016', 'Solo Paragon Mall', '2016-05-04', '12.00 WIB'),

(16, 'Solo 24 jam Menari', 'ISI dan Jl Slamet Riyadi', '2016-04-29', '08.00 WIB'),

(18, 'Solo Keroncong Festival 2016', 'Benteng Vastenburg Solo', '2016-05-14', '20.00 WIB'),

(19, 'Festival Dolanan Bocah', 'Taman Sriwedari Solo', '2016-06-10', '09.00 WIB'),

(20, 'Festival Gamelan Akbar 2016', 'Benteng Vastenburg Solo', '2016-06-04', '19.00 WIB'),

(21, 'Malem Selikuran', 'Keraton Kasunanan Surakarta', '2016-06-26', '21.00 WIB'),

(22, 'Solo food', 'solo paragon', '2016-04-12', '12.00 WIB');

Gambar 4.3 Tampilan memasukkantabel d. HapusData

DELETE FROM event WHERE id_event= '$_POST[id]' Dalam delete data yang ada didalam websiteini menggunakan ID sebagai patokannya.

a. MemasukkanData

INSERT INTO event values (null,

'$_POST[nama_event]', '$_POST[tempat_event]', '$_POST[tanggal_event]', '$_POST[waktu_event]') Dalam penginputan data pada tampilan admin untuk mengakses data ke database menggunakan bahasa php.

b. Update Data

UPDATE event SET

nama_event='$_POST[nama_event]',tempat_event='$_P OST[tempat_event]',tanggal_event='$_POST[tanggal_ev ent]' ,waktu_event='$_POST[waktu_event]'

WHERE id_event='$_POST[id]'

Seperti halnya pada delete data, dalam mengupdate data menggunakan ID sebagai patokanya untuk memunculkan semua data yang didasarkan pada ID.

4.1.2 Implementasi User Interface a. Perilaku User

Gambar 4.4 Tampilan Beranda

Ketika mengakses website Solo Kuliner dan Festival ini user pertama kali akan ditampilkan halaman beranda yang berisi tentang sejarah dan gambaran umum tentang kota Solo. Halaman tersebut dapat dilihat pada Gambar 4.4

Tampilan Info Festival

Gambar 4.5 Tampilan info Festival

Tampilan pada menu festival, disini dijelaskan berbagai festival kuliner yang diselenggarakan. Disini terdapat keterangan berupa lokasi dilaksanakan event, waktu dan tanggal pelaksanaan festival. Halaman ini akan muncul ketika user mengklik menu Info Festival. Halaman tersebut dapat dilihat pada Gambar 4.5

Tampilan menu Agenda Solo

Gambar 4.6 Tampilan menu Agenda Solo

Halaman Agenda Solo akan muncul ketika user mengklik menu Agenda Solo. Pada tampilan website ini menampilkan keseluruhan event yang ada, dimana ditampilkan mengambil dari database yang ada. Pada event ini terdapat fungsi arsip per bulan, dimana dapat menampilkan event pada bulan tertentu. Halaman tersebut dapat dilihat pada Gambar 4.6

Tampilan Info Kuliner

Gambar 4.7 Tampilan Info Kuliner

Tampilan menu kuliner ini menampilkan berbagai tempat kuliner yang ada dikota solo, dimana disini ditampilkan berbagai tempat kuliner yang bekerja sama dengan pemilik website. Halaman ini muncul ketika user mengklik tombol menu Info Kuliner. Halaman tersebut dapat dilihat pada Gambar 4.7

Tampilan halaman Login

Gambar 4.8 Tampilan halaman Login

Halaman Login ini muncul ketika admin mengklik tombol Login pada menu bar. Halaman ini hanya dapat diakses oleh admin. Pada halaman login ini mengharuskan admin menginputkan username dan password terlebih dahulu sebelum masuk kedalam tampilan operasi website admin. Halaman Login ini terdapat berbagai macam proteksi. Halaman tersebut dapat dilihat pada Gambar 4.8

b. Perilaku Admin

Gambar 4.9 Tampilan proteksi login

Tampilan proteksi tesebut akan muncul ketika admin salah dalam penginputan username dan password. Dalam penginputan username dan password pada halaman Login terdapat berbagai macam proteksi dimana username dan password tidak boleh kosong dan tidak boleh salah. Halaman tersebut dapat dilihat pada Gambar 4.9

Gambar 4.10 Tampilan halaman Admin

Apanila admin berhasil mengunputkan username dan password maka akan muncul tampilan halaman admin seperti pada Gambar 4.10. Pada tampilan input data oleh admin ini terdapat berbagai macam fungsi yang ada didalamnya. Terdapat fungsi insert, update, dan delete. Pada tampilan ini admin menginputkan data baru, mengupdate data, ataupun menghapus data. Terdapat fungsi tambahan yaitu logout untuk memutus session dan akan dilemparkan ke halaman Beranda kembali.

Tampilan javascript berhasil menyimpan data

Gambar 4.11 Tampilan javascript simpan data

Tampilan javascript jika admin berhasil menyimpan data, begitu pula tampilan pada hapus maupun update data seperti pada Gambar 4.11

4.1.3 Pengujian Sistem

Website ini telah baik dijalankan dan terdapat beberapa proteksi seperti mengharuskan login terlebih dahulu untuk bisa masuk ke tampilan admin. Username dan password yang tidak boleh kosong. Adanya otomatisasi data pada tampilan admin untuk delete dan update data. Terdapat session lama waktu login admin jika tidak ada aktivitas yang dilakukan. Tampilan website yang lebih berisi dan tentu saja mengedepankan informasi kuliner dan festival berbasis web yang bisa diupdate kapanpun dan dimanapun pada tampilan web itu sendiri.

Pengujian Login

Data Inputan Yang

Diharapkan Hasil Pengujian Kesimpulan Username: admin

Password : admin

Username dan password ber- hasil diinput- kan pada pro- teksi login

username dan password berhasil diinputkan

Berhasil

Tabel 4.1 Pengujian Login Pengujian Session

Data Inputan Yang Diharapkan Hasil Pengujian Kesimpulan Username: admin Password: admin

Jika pada ren- tang waktu yang sudah di- atur

tidak ada

aktivitas maka

Pada rentang waktu yang ditentukan ti- dak ada ak- tivitas, maka

harus login ulang.

diharuskan login kembali Tabel 4.2 Pengujian Session Pengujian memasukkan data

Data Inputan Yang

Diharapkan Hasil Pengujian Kesimpulan Id_event, nama_event, tanggal_event, tempat_event, waktu_event

Pada saat

insert data terdapat java- scriptber- hasil menyim- pan dan data dapat dilihat didatabase

Muncul Java- sript berhasil me- nyimpan dan data bisa dilihat pada database

Berhasil

Tabel 4.3 Pengujian memasukka data Pengujian update data

Data Inputan Yang

Diharapkan Hasil Pengujian Kesimpulan Id_event, nama_event, tanggal_event, tempat_event, waktu_event

Pada saat me- ngisi ID oto- matis kesemua data akan mun- cul pada field, lalu saat meng- update data, data berhasil terupdate dan terbaca didata- base

Data oto- matis keluar saat me -ngisi data ID berda -sarkan ID mana yang ingin di -update, dan berhasil mengupdate data dan

didalam data- base Tabel 4.4 Pengujian update data Pengujian hapus data

Data Inputan Yang

Diharapkan Hasil Pengujian Kesimpulan Id_event, nama_event, tanggal_event, tempat_event, waktu_event

Data terha -pus berdasar- kan ID data yang dipang- gil untuk di- hapus.

Data berhasil dihapus ber-dasarkan ID

yang di-

panggil.

Berhasil

Tabel 4.5 Pengujian hapus data Pengujian Logout

Data Inputan Yang

Diharapkan

Hasil Pengujian

Kesimpulan

Saat admin

mengklik button log- out, admin akan keluar dari tampilan admininterface

dan akan

dilem- par kehala- man utama

Admin berhasil keluar dari tampilan admin saat mengklik button logout, dan langsung dialihkan pada halaman utama

Berhasil

Pengujian membaca data Data Inputan Yang

Diharapkan Hasil Pengujian Kesimpulan Id_event, nama_event, tanggal_event, tempat_event, waktu_event

Pada tampilan user interface, user dapat me- lihat kesemua data pada se- mua halaman website.

User dapat

melihat semua data pada se-mua halaman website.

Berhasil

Tabel 4.7 Pengujian membaca data Pengujian data akses ke database

Data Inputan Yang

Diharapkan

Hasil Pengujian Kesimpulan

Id_event, nama_event, tanggal_event, tempat_event, waktu_event

Admin bisa me- lakukan fungsi insert, update, delete didalam website pada admin inter- face, dan masuk didalam data- base.

Admin dapat melakukan fungsi insert, update, delete didalam tam- pilan admin yang ada di- website dan datanya ber -hasil masuk didalam data- base

Berhasil

Tabel 4.8 Pengujian data akses ke database Pengujian fitur sosial media

Facebook, twitter, instagram

Pada icon

facebook, twitter, dan instagram saat di klik akan terkoneksi dengan akun so-sial media pem- buatwebsite.

Berhasil ma- suk keakun sosial media pembuat web- site saat meng- klik icon face- book, twitter, dan instagram.

Berhasil

Tabel 4.9 Pengujian fitur sosial media 4.2 Analisis

Berdasarkan hasil pengujian yang sudah dilakukan dalam pembuatan Website “Solo Kuliner dan Festival” dapat mempermudah berbagai lapisan yang sekiranya ada dikotaSolo yang berbasis pada makanan. Media website ini pula dapat menjadi wadah yang bisa menampung segala macam aktivitas perkulineran bukan hanya untuk media pemberitaan tentang kuliner saja melainkan dapat menjadi suatu jalinan yang saling menguntungkan antara pemilik website dengan pemilik restoran atau makanan yang terbantu dengan media promosi untuk bisa dikenal oleh masyarakat lokal pada khususnya, dan wisatawan diluar Solo pada umumnya. Bukan hanya itu dengan adanya website ini juga dapat menjadi wadah bagi pemilik event atau festival dimana, pemilik event atau festival ini memiliki sebuah promosi lewat website dan juga memiliki relasi dengan pemilik restoran atau makanan yang sebelumnya juga sudah bekerja sama dengan pemilik website.

Gambar 4.10 Tampilan halaman Admin

Apanila admin berhasil mengunputkan username dan password maka akan muncul tampilan halaman admin seperti pada Gambar 4.10. Pada tampilan input data oleh admin ini terdapat berbagai macam fungsi yang ada didalamnya. Terdapat fungsi insert, update, dan delete. Pada tampilan ini admin menginputkan data baru, mengupdate data, ataupun menghapus data. Terdapat fungsi tambahan yaitu logout untuk memutus session dan akan dilemparkan ke halaman Beranda kembali.

Tampilan javascript berhasil menyimpan data

Gambar 4.11 Tampilan javascript simpan data

Tampilan javascript jika admin berhasil menyimpan data, begitu pula tampilan pada hapus maupun update data seperti pada Gambar 4.11

4.1.3 Pengujian Sistem

Website ini telah baik dijalankan dan terdapat beberapa proteksi seperti mengharuskan login terlebih dahulu untuk bisa masuk ke tampilan admin. Username dan password yang tidak boleh kosong. Adanya otomatisasi data pada tampilan admin untuk delete dan update data. Terdapat session lama waktu login admin jika tidak ada aktivitas yang dilakukan. Tampilan website yang lebih berisi dan tentu saja mengedepankan informasi kuliner dan festival berbasis web yang bisa diupdate kapanpun dan dimanapun pada tampilan web itu sendiri.

Pengujian Login

Data Inputan Yang

Diharapkan

Hasil Pengujian

Kesimpulan Username:

admin

Password : admin

Username dan password ber- hasil diinput- kan pada pro- teksi login

username dan password berhasil diinputkan

Berhasil

Tabel 4.1 Pengujian Login Pengujian Session

Data Inputan

Yang

Diharapkan

Hasil Pengujian

Kesimpulan

Username: admin Password: admin

Jika pada ren- tang waktu yang sudah di- atur tidak ada aktivitas maka

Pada rentang waktu yang ditentukan ti- dak ada ak- tivitas, maka

harus login ulang.

diharuskan login kembali Tabel 4.2 Pengujian Session Pengujian memasukkan data

Data Inputan Yang

Diharapkan

Hasil Pengujian

Kesimpulan

Id_event, nama_event, tanggal_event, tempat_event, waktu_event

Pada saat insert data terdapat java- scriptber- hasil menyim- pan dan data dapat dilihat didatabase

Muncul Java- sript berhasil me- nyimpan dan data bisa dilihat pada database

Berhasil

Tabel 4.3 Pengujian memasukka data Pengujian update data

Data Inputan Yang

Diharapkan

Hasil Pengujian

Kesimpulan

Id_event, nama_event, tanggal_event, tempat_event, waktu_event

Pada saat me- ngisi ID oto- matis kesemua data akan mun- cul pada field, lalu saat meng- update data, data berhasil terupdate dan terbaca didata- base

Data oto- matis keluar saat me -ngisi data ID berda -sarkan ID mana yang ingin di -update, dan berhasil mengupdate data dan dapat

terbaca

didalam data- base Tabel 4.4 Pengujian update data Pengujian hapus data

Data Inputan Yang

Diharapkan

Hasil Pengujian

Kesimpulan

Id_event, nama_event, tanggal_event, tempat_event, waktu_event

Data terha -pus berdasar- kan ID data yang dipang- gil untuk di- hapus.

Data berhasil dihapus ber-dasarkan ID

yang di-

panggil.

Berhasil

Tabel 4.5 Pengujian hapus data Pengujian Logout

Data Inputan Yang

Diharapkan

Hasil Pengujian

Kesimpulan

Saat admin mengklik button log- out, admin akan keluar dari tampilan admininterface dan akan dilem- par kehala- man utama

Admin berhasil keluar dari tampilan admin saat mengklik button logout, dan langsung dialihkan pada halaman utama

Berhasil

Pengujian membaca data Data Inputan Yang

Diharapkan

Hasil Pengujian

Kesimpulan

Id_event, nama_event, tanggal_event, tempat_event, waktu_event

Pada tampilan user interface, user dapat me- lihat kesemua data pada se- mua halaman website.

User dapat melihat semua data pada se-mua halaman website.

Berhasil

Tabel 4.7 Pengujian membaca data Pengujian data akses ke database

Data Inputan Yang

Diharapkan

Hasil Pengujian Kesimpulan

Id_event, nama_event, tanggal_event, tempat_event, waktu_event

Admin bisa me- lakukan fungsi insert, update, delete didalam website pada admin inter- face, dan masuk didalam data- base.

Admin dapat melakukan fungsi insert, update, delete didalam tam- pilan admin yang ada di- website dan datanya ber -hasil masuk didalam data- base

Berhasil

Tabel 4.8 Pengujian data akses ke database Pengujian fitur sosial media

Data Inputan Yang

Diharapkan

Facebook, twitter, instagram

Pada icon facebook, twitter, dan instagram saat di klik akan terkoneksi dengan akun so-sial media pem- buatwebsite.

Berhasil ma- suk keakun sosial media pembuat web- site saat meng- klik icon face- book, twitter, dan instagram.

Berhasil

Tabel 4.9 Pengujian fitur sosial media 4.2 Analisis

Berdasarkan hasil pengujian yang sudah dilakukan dalam pembuatan Website “Solo Kuliner dan Festival” dapat mempermudah berbagai lapisan yang sekiranya ada dikotaSolo yang berbasis pada makanan. Media website ini pula dapat menjadi wadah yang bisa menampung segala macam aktivitas perkulineran bukan hanya untuk media pemberitaan tentang kuliner saja melainkan dapat menjadi suatu jalinan yang saling menguntungkan antara pemilik website dengan pemilik restoran atau makanan yang terbantu dengan media promosi untuk bisa dikenal oleh masyarakat lokal pada khususnya, dan wisatawan diluar Solo pada umumnya. Bukan hanya itu dengan adanya website ini juga dapat menjadi wadah bagi pemilik event atau festival dimana, pemilik event atau festival ini memiliki sebuah promosi lewat website dan juga memiliki relasi dengan pemilik restoran atau makanan yang sebelumnya juga sudah bekerja sama dengan pemilik website.