53
Proses analisis sistem yang telah dilakukan sebelumnya memberikan informasi – informasi mengenai sistem yang sedang berjalan, termasuk kelemahan pada sistem tersebut. Berdasarkan hasil evaluasi sistem yang sedang berjalan, maka sistem tersebut perlu dikembangkan. Pengembangan sistem dilakukan dengan cara mengubah atau memperbaiki sistem yang masih manual kedalam sistem yang terkomputerisasi.
Setelah memahami sistem yang sedang berjalan dan kebutuhan sistem yang akan dibangun, maka tahap selanjutnya adalah membuat perancangan sistem informasi terlebih dahulu. Pada tahap ini akan dilakukan perancangan perangkat lunak untuk sistem informasi reservasi kunjungan dan penyewaan tempat pada Litbang Keramik Plered. Perancangan dibuat untuk meminimalkan kekurangan dan permasalahan yang dihadapi, sehingga dapat meningkatkan efektifitas dan efisiensi prosees bisnis.
4.1.1. Tujuan Perancangan Sistem
Tujuan perancangan sistem ini bertujuan untuk memberikan gambaran mengenai sistem yang diusulkan sebagai penyempurnaan dari sistem yang berjalan yang semula menggunakan cara manual dan konvensional, kemudian dikembangkan menjadi terkomputerisasi sehingga memberikan kemudahan bagi pihak Litbang
maupun masyarakat sebagai media informasi maupun pencatatan data yang lebih cepat, tepat dan akurat. Adapun tujuan perancangan sistem diuraikan sebagai berikut :
1. Membuat perancangan sistem informasi reservasi kunjungan dan penyewaan tempat berbasis web di Litbang keramik Plered. Menjadikan proses reservasi kunjungan maupun penyewaan tempat dapat dilakukan meskipun tanpa haruas datang ke Litbang.
2. Membantu pegawai khususnya bagian operasional dalam pencatatan data kunjungan, penyewaan tempat, dan laporan kepada kepala Litbang.
3. Memudahkan calon pengunjung untuk mendapatkan informasi mengenai reservasi kunjungan.
4.1.2. Gambaran Umum Sistem Yang Diusulkan
Gambaran sistem yang diusulkan berbentuk sistem informasi penyewaan berbasis web, sistem ini dirancang dengan maksud untuk membangun sistem informasi reservasi kunungan dan penyewaan tempat menjadi terkomputerisasi agar data tidak tercecer. Sistem baru ini diharapkan dapat mempercepat dan mempermudah proses reservasi serta pencarian data dibandingkan dengan sistem sebelumnya dan dapat menyimpan dokumen atau arsip pengelolaan reservasi dengan baik.
4.1.3. Perancangan Sistem Yang Diusulkan
Prosedur sistem yang diusulkan di gambarkan dengan menggunakan use case diagram, skenario use case, activity diagram, sequence diagram, class diagram, dan component diagram.
4.1.3.1. Use Case Diagram
Use Case Diagram yang diusulkan akan menggambarkan beberapa interaksi sistem dengan aktor yang terlibat pada sistem yang diusulkan. Use Case diagram yang diusulkan adalah sebagai berikut :
Gambar 4.1 Use Case Diagram yang diusulkan a. Definisi Aktor dan Deskripsinya
Aktor merupakan orang, proses, atau sistem lain yang berinteraksi dengan sistem, biasanya dinyatakan dengan kata benda. Tabel 4.1 menunjukkan aktor yang ada pada sistem beserta deskripsinya.
Tabel 4.1 Definisi Aktor dan Dekripsi
No. Aktor Deskripsi
1. Kepala Litbang
Sebagai pimpinan umum, yang mengatur, mengetahui dan menyetujui kegiatan kunjungan.
2. Pelayanan Masyarakat
Sebagain orang yang bertanggung jawab mengelola registrasi pengunjung, reservasi kunjungan pada Litbang Keramik.
3. Bagian Administrasi
Bagian dari Litbang yang akan melakukan rekapitulasi reservasi kunjungan, surat masuk dan keluar, serta pengarsipan data kunjungan .
5. Pengunjung
Orang yang akan melakukan reservasi kunjungan dan akan melakukan kegiatan di Litbang Keramik Plered.
b. Definisi Use Case dan Deskripsinya
Use case merupakan suatu gambaran fungsional dari suatu sistem, sehingga user akan paham dan mengerti mengenai kegunaan sistem yang diusulkan dan yang akan dibangun. Tabel 4.2 menunjukkan aktor yang ada pada sistem beserta deskripsinya.
Tabel 4.2 Definisi Use Case dan Dekripsi
No. Case Deskripsi
1. Registrasi
Proses pencatatan data calon pengunjung yang akan melakukan kunjungan atau melaksanakan kegiatan lainnya oleh pihak Litbang.
2. Login
Proses verifikasi data pengunjung dengan memasukan akun “username” dan
“password” yang telah dimiliki oleh pengunjung
3. Reservasi
Pencatatan waktu dan tanggal kunjungan, jenis kegiatan, dan jumlah pengunjung yang akan melakukan kunjungan/kegiatan serta pembayaran yang dilakukan calon pengunjung.
4. Arsip
Pengelolaan arsip Litbang seperti surat pengantar, surat balasan, data pengunjung, waktu dan tanggal kunjungan, serta nota pembayaran.
c. Skenario Use Case
Skenario use case merupakan penjelasan secara detail mengenai elemen- elemen yang terdapat di use case diagram. Tabel-tabel dibawah ini menunjukkan skenario use case yang diusulkan pada sistem informasi reservasi di Litbang Keramik Plered.
1. Skenario Use Case Registrasi pengunjung yang diusulkan
Berikut adalah skenario use case pemesanan yang diusulkan pada Litbang keramik Plered:
Tabel 4.3 Skenario Use Case Registrasi yang diusulkan Identifikasi
No 1
Nama Registrasi
Tujuan Menyimpan data calon pengunjung
Aktor Pengunjung dan sistem
Deskripsi
Proses pncatatan atau penginputan data pengunjung untuk disimpan di database Skenario Utama
Kondisi awal
Pengunjung membuka website sistem informasi reservasi kunjungan litbang keramik plered
Pengunjung Sistem 1. Memilih menu daftar pada menu
registrasi
2. Menampilkan halaman form pendaftaran
3. Mengisi atau menginput kolom pada form dengan data diri.
4. Setelah mengisi data diri kemudian klik daftar
5. Menyimpan data diri pengunjung ke database
6. Menampilkan notifikasi “data tersimpan, silahkan login”
7. Menampilkan halaman halaman login
Kondisi Akhir
Registrasi sudah berhasil dilakukan dan data pengunjung disimpan di database
2. Skenario Use Case Login yang diusulkan
Berikut adalah skenario use case login yang diusulkan pada Litbang keramik Plered:
Tabel 4.4 Skenario Use Case Login yang diusulkan Identifikasi
No 2
Nama Login
Tujuan Untuk memverifikasi data pengunjung
Aktor Pengunjung dan Sistem
Deskripsi
Pengunjung yang belum melakukan registrasi tidak bisa melakukan login Skenario Utama
Kondisi awal Konsumen telah melakukan registrasi
Pengunjung Sistem
1. Klik menu login pada menu registrasi
2. Menampilkan halaman login yang berisi kolom üsername” dan
“password”
3. Mengisi kolom üsername” dan
“password” lalu klik tombol login
4. Menampilkan halaman utama untuk proses reservasi
Kondisi Akhir
Konsumen telah berhasil melakukan login selanjutnya konsumen akan melakukan reservasi
3. Skenario Use Case Reservasi yang diusulkan
Berikut adalah skenario use case reservasi yang diusulkan pada Litbang keramik Plered:
Tabel 4.5 Skenario Use Case Reservasi yang diusulkan Identifikasi
No 3
Nama Reservasi
Tujuan Untuk mencatat data reservasi kunjungan
Aktor Pengunjung, Sistem dan bag. Pelayanan masyarakat
Deskripsi
Pengunjung menentukan jenis kegiatan, waktu, jumlah dan pembayaran
Skenario Utama
Kondisi awal Pengunjung telah berhasil melakukan login
Pengunjung Sistem
Bag. Pelayanan masyarakat 1. Klik menu daftar
harga
sewa/kunjungan
2. Menampilkan
halaman harga sewa gedung/kunjungan museum
3. Memilih jenis acara/kegiatan
4. Menampilkan form sewa
gedung/kunjungan museum
5. Menentukan waktu
dan jumlah
pengunjung lalu klik simpan transaksi sewa
6. Menampilkan
halaman data transaksi konsumen
7. Klik “lakukan pembayaran DP”
8. Menampilkan
halaman form
pembayaran uang muka/DP
9. Mengupload bukti pembayaran lalu klik simpan pembayaran
10. Melakukan
konfirmasi dengan mengklik terima pembayaran
11. Membuat nota pembayaran secara otomatis
12. Mencetak nota pembayaran
Kondisi Akhir
Pengunjung telah mendapatkan nota bukti pembayaran
4. Skenario Use Case Arsip yang diusulkan
Berikut adalah skenario use case arsip yang diusulkan pada Litbang keramik Plered:
Tabel 4.6 Skenario Use Case Arsip yang diusulkan : Identifikasi
No 4
Nama Arsip
Tujuan Sebagai laporan bulanan
Aktor Bag. Administrasi dan sistem
Deskripsi Proses pengarsipan untuk laporan rapat Skenario Utama
Kondisi awal
Bag. Administrasi telah membuka alamat website
Bag. Administrasi Sistem
1. Melaukan login dengan menginput “username dan password”
2. Menampilkan halaman dashboard litbang keramik plered
3. Klik menu laporan
4. Menampilkan halaman laporan litbang keramik plered
5. Menginput tanggal kunjungan pada kolom “tanggal awal dan tanggal akhir”serta menginput
“jenis laporan” lalu klik cetak laporan
6. Menampilkan laporan berdasarkan periode yang telah di input
7. Mencetak laporan
Kondisi Akhir Mencetak laporan rekapitulasi kunjungan
4.1.3.2. Activity Diagram
Activity diagram menggambarkan alur kerja suatu sistem yang digambarkan sesuai dengan skenario use case. Berikut adalah gambar activity diagram yang diusulkan pada Litbang keramik Plered:
1. Activity Diagram Registrasi yang diusulkan
Berikut adalah gambar activity diagram registrasi yang diusulkan pada Litbang keramik Plered:
Gambar 4.2 Activity Diagram Registrasi yang diusulkan
2. Activity Diagram Login yang diusulkan
Berikut adalah gambar activity diagram login yang diusulkan pada Litbang keramik Plered :
Gambar 4.2 Activity Diagram Login yang diusulkan
3. Activity Diagram Reservasi yang diusulkan
Berikut adalah gambar activity diagram reservasi yang diusulkan pada Litbang keramik Plered:
Gambar 4.3 Activity Diagram reservasi yang diusulkan
4. Activity Diagram Laporan yang diusulkan
Berikut adalah gambar activity diagram laporan yang diusulkan pada Litbang keramik Plered:
Gambar 4.4 Activity Diagram Laporan yang diusulkan
4.1.3.3. Class Diagram
Berikut di bawah ini adalah diagram class dari sistem informasi yang diusulkan pada Litbang Keramik Plered :
Gambar 4.6 Class Diagram yang diusulkan 4.1.3.4. Sequence Diagram
Berikut ini adalah diagram sequence yang diusulkan pada sistem informasi reservasi Litbang Keramik Plered :
1. Sequence Diagram Registrasi yang diusulkan
Diagram sequence registrasi ini menunjukan proses pendaftaran kepada pengunjung untuk melakukan penyimpanan data selanjutnya diproses oleh sistem. Diagram sequence registrasi ini dapat dilihat pada gambar berikut :
Gambar 4.7 Sequence Diagram Registrasi yang diusulkan
2. Sequence Diagram Login yang diusulkan
Diagram sequence login ini menunjukan proses pengecekan data pengunjung kepada sistem apakah sudah terdaftar ataukah belum, sebelum melakukan reservasi kunjungan selanjutnya oleh pihak pengunjung setelah verifikasi data oleh sistem. Diagram sequence login ini dapat dilihat pada gambar berikut :
Gambar 4.8 Sequence Diagram Login yang diusulkan
3. Sequence Diagram Reservasi yang diusulkan
Diagram sequence reservasi ini menunjukan proses pencatatan waktu, jumlah dan harga oleh sistem yang dilakukan oleh pihak pengunjung dan dikonfirmasi oleh Bag. Pelayanan Masyarakat. Diagram sequence reservasi ini dapat dilihat pada gambar berikut :
Gambar 4.9 Sequence Diagram Reservasi yang diusulkan
4. Sequence Diagram Arsip yang diusulkan
Diagram sequence arsip ini menunjukan proses pencatatan rekapitulasi data reservasi kunjungan dan penyewaan tempat kepada sistem yang dilakukan oleh Bag. Administrasi dan dikonfirmasi oleh Kepala Litbang. Diagram sequence arsip ini dapat dilihat pada gambar berikut :
Gambar 4.10 Sequence Diagram Arsip yang diusulkan
4.2. Perancangan Antar Muka
Perancangan antarmuka merupakan perancangan model aplikasi sebelum program dibuat seutuhnya, perancangan antarmuka pada sistem ini bertujuan untuk memudahkan dalam pembuatan program nantinya
4.2.1. Struktur Menu
Perancangan menu digunakan untuk mempermudah dalam penelusuran program yang dibuat. Berikut adalah gambar perancangan:
a. Struktur halaman menu pengunjung
Gambar 4.11 Struktur Halaman Menu Pengunjung
b. Struktur halaman menu admin
Gambar 4.12 Struktur Halaman Menu Admin 4.2.2. Perancangan Input
Dalam perancangan input ini, data yang digunakan yang dimasukkan akan mempengaruhi hasil yang ditampilkan. Adapun perancangan-perncangan input dalam perancangan ini adalah:
1. Perancangan Input Registrasi Konsumen
Berikut adalah gambar perancangan input konsumen :
Gambar 4.13 Perancangan Input Registrasi Konsumen
2. Perancangan Input Login Konsumen
Berikut adalah perancangan input login Konsumen:
Gambar 4.14 Perancangan Input Login Konsumen 3. Perancangan Input Sewa Gedung
Berikut adalah perancangan input sewa gedung/kunjungan :
Gambar 4.15 Perancangan Input Sewa Gedung/Kunjungan
4. Perancangan Input Pembayaran Uang Muka
Berikut adalah gambar tampilan pembayaran uang muka :
Gambar 4.16 Perancangan Input Pembayaran Uang Muka 5. Perancangan Input Login Admin
Berikut adalah perancangan input login admin :
Gambar 4.17 Perancangan Input Login Admin
6. Perancangan Input Sewa Gedung/Kunjungan Admin Berikut adalah perancangan sewa gedung yang bisa diakses oleh admin :
Gambar 4.18 Perancangan Input Sewa Gedung/Kunjungan Admin 7. Perancangan Input Pembayaran Admin
Berikut dibawah ini merupakan perancangan input untuk pembayaran yang dapat diakses oleh admin :
Gambar 4.19 Perancangan Input Pembayaran Admin
8. Perancangan Input Laporan Kunjungan dan Sewa Gedung Berikut merupakan perancangan input laporan kunjungan dan sewa gedung yang dapat diakses oleh admin :
Gambar 4.20 Perancangan Input Laporan Admin 4.2.3. Perancangan Output
Perancangan output ini merupakan hasil akhir yang menunjukkan gambaran dari eksekusi data yang paling akhir atau proses yang telah di inputkan ke dalam sistem dan ini adalah hasil keluarannya. Dimana data akan menampilkan proses output dalam bentuk informasi. perancangan output pada sistem yang diusulkan adalah sebagai berikut:
1. Perancangan Output Nota Pembayaran.
Berikut merupakan perancangan output nota pembayaran kunjungan / sewa gedung :
Gambar 4.21 Perancangan Output Nota Pembayaran 2. Perancangan Output Laporan Kunjungan
Berikut merupakan perancangan output laporan kunjungan Litbang Keramik sebagai arsip Litbang Keramik :
Gambar 4.22 Perancangan Output Laporan Kunjungan
3. Perancangan Output Laporan Sewa Gedung
Berikut merupakan perancangan output laporan data sewa gedung pada Litbang Keramik Plered :
Gambar 4.23 Perancangan Output Laporan Sewa Gedung 4. Perancangan Output Laporan Pendapatan
Berikut merupakan perancangan output laporan pendapatan Litbang Keramik :
Gambar 4.24 Perancangan Output Laporan Pendapatan
4.3. Perancangan Arsitektur Jaringan
Berikut ini merupakan perancangan arsitektur jaringan dari sistem informasi reservasi yang diusulkan dimana yang dapat mengakses sistem informasi reservasi tersebut yakni Bagian administrasi, Kepala Litbang, dan Calon Pengunjung :
Gambar 4.25 Perancangan Arsitektur Jaringan 4.4. Pengujian
Pengujian berarti proses untuk mengecek apakah suatu perangkat lunak yang dihasilkan sudah dapat dijalani sesuai standar atau belum dan juga untuk menemukan kesalahan atau error pada perangkat lunak sebelum digunakan oleh pengguna.
Pengujian perangkat lunak dilakukan dengan pengecekan input, pengecekan process, dan pengecekan output.
4.4.1. Rencana Pengujian
Pengujian sistem informasi reservasi kunjungan ini menggunakan data uji berupa sebuah data masuk dari pengunjung dan bagian administrasi.
Tabel 4.7 Rencana Pengujian Item
Pengujian
Deskripsi Jenis
Pengujian Registrasi Melakukan pengujian terhadap input dari form
pendaftaran apakah sesuai dengan apa yang direncanakan atau belum
Blackbox
Login Melakukan pengujian terhadap fungsi login apakah sudah sesuai dengan apa yang telah dirancang atau belum
Blackbox
Reservasi Melakukan pengujian apakah proses memilih tanggal untuk jadwal kunjungan atau peminjaman gedung sudah sesuai dengan apa yang direncanakan atau belum.
Blackbox
Pembayaran Melakukan pengujian apakah proses faktur dengan harga yang dipesan sudah sesuai dengan apa yang direncanakan atau belum.
Blackbox
Pembatalan Melakukan pengujian ini untuk memproses apakah konsumen harus mengkonfirmasi pembatalan pemesanan studio sudah sesuai dengan apa yang direncanakan atau belum.
Blackbox
Laporan Melakukan pengujian apakah proses pembuatan laporan kunjungan, pemakaian tempat dan pendapatan Litbang keramik Plered sudah sesuai dengan apa yang direncanakan atau belum.
Blackbox
4.4.2. Kasus dan Hasil Pengujian
Berikut ini akan dijelaskan mengenai beberapa kasus dan hasil dari pengujian yang dilakukan oleh penulis pada sistem informasi reservasi Litbang keramik Plered :
Tabel 4.8 Hasil Pengujian Input Form Registrasi Kasus dan Hasil Uji (Data Normal)
Item Pengujian Deskripsi Pengamatan Kesimpulan Registrasi Melakukan
pengisian data pengunjung untuk mendaftar dengan benar
Registrasi berhasil, masuk ke halaman login
[ √ ] Diterima [ ] Ditolak
Kasus dan Hasil Uji (Data Salah)
Item Pengujian Deskripsi Pengamatan Kesimpulan Registrasi Pengisian data
pengunjung untuk mendaftar tidak lengkap (contoh form email tidak terisi)
Pengunjung belum terdaftar dan tidak bisa melakukan Login
[ ] Diterima [ √ ] Ditolak
Tabel 4.9 Hasil Pengujian Input Form Login Kasus dan Hasil (Data Normal)
Item Pengujian Deskripsi Pengamatan Kesimpulan
Login Melakukan input
username dan password sesuai dengan yang sudah terdaftar
Masuk ke halaman utama
[ √ ] Diterima [ ] Ditolak
Kasus dan Hasil (Data Salah)
Item Pengujian Deskripsi Pengamatan Kesimpulan
Login Melakukan input
username dan password salah
Pengunjung melakukan input data username dan password yang salah atau belum terdaftar
[ ] Diterima [ √ ] Ditolak
Tabel 4.10 Hasil Pengujian Input Form Reservasi Kasus dan Hasil (Data Normal)
Item Pengujian Deskripsi Pengamatan Kesimpulan Reservasi Melakukan input
jenis kunjungan atau penyewaan tempat dan menentukan tanggal
Masuk ke halaman data transaksi untuk melakukan pembayaran
[ √ ] Diterima [ ] Ditolak
Kasus dan Hasil (Data Salah)
Item Pengujian Deskripsi Pengamatan Kesimpulan Reservasi Melakukan input
tanggal kunjungan atau penyewaan tempat yang sudah terisi
Melakukan input tanggal kembali untuk mencari jadwal yang masih kosong
[ ] Diterima [ √ ] Ditolak
Tabel 4.11 Hasil Pengujian Input Form Pembayaran Kasus dan Hasil (Data Normal)
Item Pengujian Deskripsi Pengamatan Kesimpulan Pembayaran Melakukan input
jenis pembayaran dan menyertakan bukti pembayaran
Masuk ke halaman data transaksi untuk melihat nota pembayaran
[ √ ] Diterima [ ] Ditolak
Kasus dan Hasil (Data Salah)
Item Pengujian Deskripsi Pengamatan Kesimpulan Pembayaran Melakukan input
jenis pembayaran tidak disertakan bukti pembayaran
Pengunjung melakukan input bukti pembayaran
[ ] Diterima [ √ ] Ditolak
Tabel 4.12 Hasil Pengujian Input Form Pembatalan Kasus dan Hasil (Data Normal)
Item Pengujian Deskripsi Pengamatan Kesimpulan Pembatalan Pembatalan
dilakukan saat pengunjung belum
Proses reservasi dibatalkan
[ √ ] Diterima [ ] Ditolak
melakukan pembayaran
Kasus dan Hasil (Data Salah)
Item Pengujian Deskripsi Pengamatan Kesimpulan Pembatalan Melakukan input
pembayaran saat setelah
dilakukannya pembatalan
Status data kunjungan atau penyewaan tempat dibatalkan
[ ] Diterima [ √ ] Ditolak
Tabel 4.13 Hasil Pengujian Input Laporan Kasus dan Hasil (Data Normal)
Item Pengujian Deskripsi Pengamatan Kesimpulan Laporan Melakukan input
tanggal awal dan tanggal akhir laporan dan jenis laporan
Menampilkan data laporan yang diinginkan dan siap untuk di print
[ √ ] Diterima [ ] Ditolak
Kasus dan Hasil (Data Salah)
Item Pengujian Deskripsi Pengamatan Kesimpulan Laporan Pengisian kolom
pada menu laporan tidak terisi
Melakukan input kembali dengan lengkap
[ ] Diterima [ √ ] Ditolak
4.4.3. Kesimpulan Hasil Pengujian
Berdasarkan hasil pengujian dengan kasus uji sample diatas dapat ditarik kesimpulan-kesimpulan bahwa perangkat lunak Sistem Informasi Reservasi Kunjungan Litbang Keramik Plered memberikan fungsi sesuai dengan kebutuhan dan semua sintaks bekerja dengan baik.
4.5. Implementasi
Implementasi sistem merupakan tahapan proses penciptaan sistem dari perancangan sistem. Implementasi sistem dapat dikategorikan kedalam dua bagian, yaitu implementasi dari perancangan sistem kepada tahap pengkodean (Bahasa pemrograman) atau pembuatan software dan implementasi penerapan software yang telah dibangun kepada/lembaga yang akan menggunakan software tersebut.
4.5.1. Implementasi Perangkat Lunak
Implementasi perangkat lunak yang digunakan oleh penulis dalam pembuatan aplikasi sistem informasi reservasi litbang keramik plered adalah sebagai berikut :
1. Web Editor Sublime Text 3 2. PHP:XAMPP V 3.2.2
3. Web Browser: Mozilla Firefox 4. Sistem Operasi Windows 10 4.5.2. Implementasi Perangkat Keras
Implementasi perangkat keras yang digunakan dalam pembuatan sistem informasi reservasi kunjungan Litbang keramik antara lain sebagai berikut :
1. Perangkat komputer dengan spesifikasi sebagai berikut : a. Processor AMD
b. Harddisk 1 TB atau lebih c. RAM 4 GB
d. VGA 1 GB atau lebih
e. Monitor, Keyboard, Mouse, dan Printer 2. Perangkat koneksi jaringan internet
a. Network Interface Card (NIC) atau wireless device b. Switch
c. Modem
4.5.3. Implementasi Basis Data
Implementasi basis data dilakukan dengan menggunakan bahasa SQL, dimana DBMS (Database Management System) yang digunakan adalah MySQL.
Implementasi basis data pada sistem informasi reservasi ini adalah sebagai berikut :
1. Tabel Harga
Berikut ini adalah sintaks SQL pada tabel harga :
CREATE TABLE IF NOT EXISTS ‘harga’ (
‘kode_harga’ varchar(5) NOT NULL,
‘keterangan’ varchar(100) NOT NULL,
‘waktu’ varchar(50) NOT NULL, ‘harga’ int(11) NOT NULL
) ENGINE=MyISAM DEFAULT CHARSET=latin1;
--
-- Dumping data for table ‘harga’
--
INNSERT INTO ‘harga’ (‘kode_harga’, ‘keterangan’,
‘waktu’, ‘harga’) VALUES
(‘01’, ‘Sewa Gedung (07:00 s/d 14:00)’, ‘Siang’, 9000000), (‘02’, ‘Sewa Gedung (16:00 s/d 22:00)’, ‘Malam’, 10000000), (‘03’, ‘Kunjungan Museum’, ‘-‘, 35000);
--- ---
2. Tabel Konsumen
Berikut adalah sintaks SQL pada tabel Konsumen :
CREATE TABLE IF NOT EXISTS ‘konsumen’ (
‘kode_konsumen’ varchar(5) NOT NULL,
‘nama_konsumen’ varchar(50) NOT NULL,
‘nama_lembaga’ varhcar(50) NOT NULL,
‘no_telepon’ varchar(13) NOT NULL,
‘alamat’ text NOT NULL,
‘email’ varchar(50) NOT NULL,
‘username’ varchar(50) NOT NULL,
‘password’ varchar(50) NOT NULL,
‘jk’ varchar(25) NOT NULL,
‘usia’ int(11) NOT NULL
) ENGINE=MyISAM DEFAULT CHARSET=latin1;
--
-- Dumping data for table ‘konsumen’
--
--- ---
3. Tabel Pengaturan
Berikut ini adalah sintaks SQL pada tabel Pengaturan :
CREATE TABLE IF NOT EXISTS ‘pengaturan’ (
‘id’ int(11) NOT NULL,
‘isi’ text NOT NULL
) ENGINE=MyISAM DEFAULT CHARSET=latin1;
--
-- Dumping data for table ‘pengaturan’
--
INSERT INTO ‘pengaturan’ (‘id’, ‘isi’) VALUES
(1, ‘1. Kursi 300 buah <br>\r\n2. AC 10 buah <br>\r\n3.
Petugas Museum<br>’),
(2, ‘ATURAN SEWA GEDUNG<br>\r\n1. Uang muka sewa gedung minimal 50% dari harga sewa dan pelunasan paling lambat 2 bulan. <br>\r\n2. Pembatalan 3 bulan sebelum hari
“H”, uang muka dipotong 25%. Jika kurang 3 bulan uang muka dianggap hagus. <br>\r\n--- --- ---<br>\r\nATURAN
KUNJUNGAN<br>’);
--- ---
4. Tabel Sewa
Berikut ini adalah sintaks SQL pada tabel Sewa :
CREATE TABLE IF NOT EXISTS ‘sewa’ (
‘kode_sewa’ varchar(15) NOT NULL,
‘tanggal_sewa’ date NOT NULL,
‘jam_sewa’ varchar(15) NOT NULL,
‘kode_konsumen’ varchar(5) NOT NULL,
‘tanggal_pakai’ date NOT NULL,
‘kode_harga’ varchar(5) NOT NULL,
‘jumlah’ int(11) NOT NULL,
‘total’ int(11) NOT NULL,
‘keterangan’ text NOT NULL,
‘status_sewa’ varchar(20) NOT NULL,
‘tanggal_pembatalan’ date NOT NULL,
‘total_pengembakian’ int(11) NOT NULL,
) ENGIINE=MyISAM DEFAULT CHARSET=latin1;
--
-- Dumping data for table ‘sewa’
--
--- ---
5. Tabel Sewa Bayar
Berikut ini adalah sintaks SQL pada tabel Sewa Bayar :
CREATE TABLE IF NOT EXISTS ‘sewa_bayar’ (
‘kode_bayar’ varchar(5) NOT NULL,
‘kode_sewa’ varchar(15) NOT NULL,
‘tanggal_bayar’ date NOT NULL,
‘jenis_bayar’ varchar(15) NOT NULL,
‘bank_tujuan’ varchar(10) NOT NULL,
‘jumlah’ int(11) NOT NULL,
‘bukti’ text NOT NULL,
‘status_bayar’ int(11) NOT NULL
) ENGINE=MyISAM DEFAULT CHARSET=latin1;
--
-- Dumping data for table ‘sewa_bayar’
--
--- ---
6. Tabel User
Berikut ini adalah sintaks SQL pada tabel User : CREAT TABLE IF NOT EXISTS ‘user’ (
‘username’ varchar(100) NOT NULL, ‘password’ varchar(100) NOT NULL, ‘nama_user’ varchar(100) NOT NULL, ‘hak_akses’ varchar(100) NOT NULL
) ENGINE=MyISAM DEFAULT CHARSET=latian1;
--
-- Dumping data for table ‘user’
--
INSERT INTO ‘user’ (‘username’, ‘password’, ‘nama_user’,
‘hak_akses’) VALUES
(‘a’, ‘a’, ‘Bambang Megawahyu’, ‘Kepala Litbang’), (‘b’, ‘b’, ‘Ara Kusmirah’, ‘Administrasi’);
--- ---
4.5.4. Implementasi Antar Muka
Implementasi antar muka menggambarkan tampilan dari aplikasi yang dibangun, yang berfungsi sebagai tampilan antar muka antara aplikasi dengan user.
Implementasi antar muka yang diusulkan pada sistem informasi reservasi kunjungan di litbang leramik plered adalah sebagai berikut :
1. Halaman Registrasi/Daftar
Gambar 4.26 Halaman Registrasi/Daftar 2. Halaman Login Pengunjung
Gambar 4.27 Halaman Login Pengunjung
3. Halaman Utama
Gambar 4.28 Halaman Utama 4. Halaman Tentang Kami
Gambar 4.29 Halaman Tentang Kami
5. Halaman Fasilitas
Gambar 4.30 Halaman Fasilitas 6. Halaman Daftar Harga Sewa/Kunjungan
Gambar 4.31 Halaman Daftar Harga Sewa/Kunjungan
7. Halaman Kontak
Gambar 4.32 Halaman Kontak 8. Halaman Form Sewa
Gambar 4.33 Halaman Form Sewa
9. Halaman Data Transaksi Konsumen
Gambar 4.34 Halaman Data Transaksi Konsumen 10. Halaman Form Pembayaran
Gambar 4.35 Halaman Form Pembayaran
11. Halaman Profil Pengunjung
Gambar 4.36 Halaman Profil Pengunjung 12. Halaman Login Bagian Administrasi
Gambar 4.37 Halaman Login Bagian Administrasi
13. Halaman Utama Bagian Administrasi
Gambar 4.38 Halaman Utama Bagian Administrasi 14. Halaman Form Sewa Administrasi
Gambar 4.39 Halaman Form Sewa Bagian Administrasi
15. Halaman Jadwal Sewa/Kunjungan Litbang
Gambar 4.40 Halaman Jadwal Sewa/Kunjungan Litbang 16. Halaman Data Sewa
Gambar 4.41 Halaman Data Sewa
17. Halaman Data Pembayaran
Gambar 4.42 Halaman Data Pembayaran 18. Halaman Form Pembayaran
Gambar 4.43 Halaman Form Pembayaran
19. Halaman Laporan
Gambar 4.44 Halaman Laporan 20. Halaman Nota Pembayaran
Gambar 4.45 Halaman Nota Pembayaran
21. Halaman Laporan Kunjungan
Gambar 4.46 Halaman Laporan Kunjungan 22. Halaman Laporan Sewa Gedung
Gambar 4.47 Halaman Laporan Sewa gedung
23. Halaman Laporan Pendapatan Litbang
Gambar 4.48 Halaman Laporan Pendapatan Litbang 4.5.5. Implementasi Instalasi Program
Implementasi instalasi program ini menjelaskan mengenai cara instalasi program yang meliputi instalasi server lokal, import database, serta import data sistem informasi. Adapun langkah-langkah implementasi program tersebut yaitu :
1. Instalasi server lokal, menggunakan XAMPP v3.2.2
2. Klik Start pada Action Apache untuk menginstall webserver 3. Klik Start pada Action Mysql untuk menginstall database
4. Jika sudah ter-install maka selanjutnya akan muncul tampilan seperti gambar di bawah ini :
Gambar 4.49 XAMPP Control Panel
5. Copy atau import folder Litbang-Keramik ke dalam folder htdocs yang terdapat di folder utama XAMPP
Sebelum menggunakan aplikasi sistem informasi reservasi ini, lakukan tahapan-tahapan berikut ini :
1. Setelah XAMPP dijalankan, buka situs web localhost/phpmyadmin melalui web browser anda seperti berikut :
Gambar 4.50 Menjalankan phpMyAdmin
2. Buat database dengan nama database “db_litbangkeramik” (tanpa tanda kutip) seperti pada gambar 4.50 kemudian klik tombol buat.
3. Pilih database db_litbangkeramik dan klik tab Import untuk melakukan import database. Lakukan drag-n-drop file db_litbangkeramik.sql ke dalam halaman import database tersebut seperti halaman berikut :
Gambar 4.51 Melakukan Proses Import Database
Setelah berhasil melakukan import database maka pembuatan tabel- tabel akan secara otomatis dilakukan seperti pada gambar dibawah ini :
Gambar 4.52 Tabel pada Database
Buka web browser dan buka alamat http://localhost/Litbang-Keramik ke dalam address bar untuk membuka website Sistem Informasi Reservasi Kunjungan pada Litbang Keramik Plered.
4.5.6. Penggunaan Program
Berikut ini akan dijelaskan tata cara dalam penggunaan program aplikasi Sistem Informasi Reservasi Litbang Keramik Plered sebagai berikut :
4.5.6.1. Penggunaan Bagian Administrasi/Operasional 1. Login
Untuk dapat mengakses halaman kelola data, bagian administrasi/opersional harus melakukan Login terlebih dahulu dengan mengisikan username dan password lalu menekan tombol Login.
Gambar 4.53 Tampilan Login Bag. Administrasi
2. Halaman Utama Bagian Administrasi/Operasional
Pada tampilan halaman utama bagian administrasi terdapat beberapa menu yang dapat dipilih oleh bagian administrasi/operasional untuk pengelolaan data master, seperti : Form. Sewa, Jadwal Litbang, Data Sewa, Data Bayar, Form. Bayar, Data Master, dan Laporan.
Gambar 4.54 Tampilan Halaman Utama Bag. Administrasi/Operasional 3. Form Sewa
Pada tampilan halaman Form Sewa terdapat beberapa kolom untuk di isikan mengenai data pengunjung beserta informasi kunjungan/penggunaan gedung
Gambar 4.55 Tampilan Halaman Form Sewa Bag.Administrasi/Oerasional 4. Jadwal Litbang
Pada tampilan halaman Jadwal Litbang terdapat tabel jadwal kunjungan dan penyewaan gedung, serta terdapat kolom isian tanggal untuk memudahkan pencarian kegiatan litbang berdasarkan tanggal.
Gambar 4.56 Tampilan Halaman Jadwal Litbang Bag. Administrasi/Operasional 5. Data Sewa
Pada tampilan halaman data sewa bag. Operasional/admin terdapat data penyewaan sehingga dapat diketahui jumlah pembayaran beserta sisa pembayarannya.
Gambar 4.57 Tampilan Halaman Data Sewa Bag. Administrasi/Operasional
6. Data bayar
Pada halaman menu data bayar terdapat kolom yang berisi data pembayaran dengan bukti pembayarannya, dan tombol konfirmasi pembayaran.
Gambar 4.58 Tampilan Halaman Data Bayar Bag. Administrasi/Operasional 7. Form bayar
Pada halaman menu form bayar berfungsi sebagai halaman untuk menginputkan sisa pembayaran kunjungan/penyewaan gedung yang dilakukan pengunnjung.
Gambar 4.59 Tampilan Halaman Form Bayar Bag. Administrasi/Operasional 8. Laporan
Pada tampilan halaman laporan berisi kolom untuk pembuatan laporan berupa kolom tanggal awal pembuatan, tanggal akhir dan jenis laporan yang akan di tampilkan
Gambar 4.60 Tampilan Halaman Pembuatan Laporan Bag.
Administrasi/Operasional
9. Data master
Pada tampilan data master terdapat berbagai berbagai opsi atau menu yang dapat dipilih dengan fungsi yang berbeda seperti di bawah ini :
a. Data User yaitu untuk mengelola data hak akses user
Gambar 4.61 Tampilan Halaman Data User Bag. Administrasi/Operasional b. Daftar Harga yaitu untuk mengatur jenis reservasi beserta
harganya
Gambar 4.62 Tampilan Halaman Daftar Harga Bag. Administrasi/Operasional c. Pengaturan yaitu untuk mengatur fasilitas beserta aturan
Gambar 4.63 Tampilan Halaman Pengaturan Bag. Administrasi/Operasional
d. Data Konsumen yaitu untuk mengelola data hak akses konsumen
Gambar 4.64 Tampilan Halaman Data Konsumen Bag. Administrasi/Operasional 4.5.6.2. Penggunaan Pengunjung
1. Daftar
Untuk dapat melakukan reservasi, konsumen melakukan daftar terlebih dahulu dengan mengisikan form pendaftaran lalu menekan tombol Daftar.
Gambar 4.65 Tampilan Halaman Dafar Pengunjung
2. Login
Setelah pendaftaran/registrasi berhasil dilakukan kemudian melakukan login dengan memasukkan username dan password yang telah terdaftar pada website
Gambar 4.66 Tampilan Halaman Login Pengunjung 3. Daftar Harga Sewa/Kunjungan
Pada halaman menu daftar harga sewa/kunjungan terdapat tabel jenis acara/kegiatan, waktu dan harga, tekan tombol pilih pada salah satu jenis acara/kegiatan yang akan dilakukan
Gambar 4.67 Tampilan Halaman Daftar Harga Pengunjung 4. Form Sewa Gedung/Kunjungan
Pada halaman form sewa gedung/kunjungan berisi tampilan kolom tanggal yang harus diisikan dengan tanggal kunjungan/sewa gedung yang akan dilaksanakan minimal satu bulan dari saat melakukan reservasi.
Gambar 4.68 Tampilan Halaman Form Sewa Gedung/Kunjungan Pengunjung
5. Data Transaksi
Pada halaman menu data transaksi menampilkan data transaksi atau penyewaan gedung/kunjungan yang telah dilakukan pengunjung yang berfungsi untuk melakukan pembayaran atau pembatalan, kemudian status pembayaran DP akan berubah menjadi nota pembayaran setelah dilakukannya pembayaran.
Gambar 4.69 Tampilan Halaman Data Transaksi Pengunjung 6. Form Pembayaran
Pada halaman form bayar akan menampilkan kolom yang harus di isi pengunjung seperti jenis pembayaran, bank tujuan dan upload foto bukti pembayaran.
Gambar 4.70 Tampilan Halaman Form Pembayaran Pengunjung 7. Profil Pengunjung
Pada halaman ini menampilkan data registrasi pengunjung, untuk melihat data profil pengunjung dan juga untuk merubah data diri pengunjung.
Gambar 4.71 Tampilan Halaman Profil Pengunjung
