Rancang Bangun Sistem Informasi Penitipan Motor Berbasis Web Dengan Menggunakan PHP Dan MYSQL Di Terminal Purwokerto Elisa Usada 1, Yana Yuniarsyah2, Dwi Mai Choiriah3 Program Studi Diploma III TeknikTelekomunikasi, Purwokerto 1,2,3 Akademi Teknik Telekomunikasi Sandhy Putra Purwokerto 1
[email protected],
[email protected],
[email protected]
ABSTRAK Penitipan kendaraan Terminal Purwokerto menggunakan cara administrasi manual. Program sstem informasi penitipan motor ini dibuat dalam rangka usaha komputerisasi data perparkiran di Terminal Purwokerto. Perancangan sistem informasi penitipan ini metode yang digunakan yaitu menggunakan metode waterfall. Pembuatan sistem informasi penitipan ini menghasilkan 3 user leveling yaitu operator, atasan dan pengguna parkir. Tabel yang dihasilkan sebanyak 3 tabel. Program sistem informasi penitipan ini menggunakan penyimpanan MySQL sebagai database server karena mampu menerima dan mengirimkan data dengan cepat serta dapat menyimpan data penitipan dalam jumlah yang banyak. Pengujian program sistem informasi penitipan ini dimulai dari tahap pengujian sistem, pengujian interface, proses upload ke web hosting dan melakukan pengujian jaringan. Diharapkan sistem informasi penitipan ini dapat dikembangkan dalam segi keamanan dan kelengkapan datanya, tambahan fasilitas backup database dan lebih bagus lagi jika ada penambahan RFID dalam proses output dan input data parkir di penitipan. Kata Kunci: Sistem Informasi Penitipan motor, PHP, MySQL, Database dan Waterfall.
I.
PENDAHULUAN
BERBASIS
1.1. Latar Belakang
WEB
DENGAN
MENGGUNAKAN PHP DAN MYSQL DI TERMINAL PURWOKERTO”.
Proses penyimpanan dan pengolahan data
pembayaran
parkir
di
Terminal
Penulis harapkan dengan adanya sistem
Purwokerto dilakukan secara manual. Petugas
ini dapat membantu bagian
administrasi
mencari buku administrasi data parkir satu-
penitipan
administrasi
persatu. Buku administrasi parkir tersebut
pembayaran penitipan dan mendata kendaraan
dapat hilang atau terselip sehingga petugas
yang input dan output dari tempat penitipan,
memerlukan waktu untuk mencari. Rekap data
menjadi
untuk pelaporan tiap bulan ke atasan juga
meningkatkan pelayanan informasi mengenai
masih dilakukan secara manual dengan bentuk
administrasi pembayaran dan penyimpanan
buku catatan.
data penitipan dengan tepat, cepat dan akurat.
dalam
lebih
mengelola
mudah.
Sehingga
dapat
Dan juga pada sistem informasi penitipan ini Untuk
menunjang
kemajuan
sistem
informasi pada pengolahan data administrasi di tempat
penitipan
kendaraan
Terminal
Purwokerto, maka penulis mengangkat judul mengenai “RANCANG BANGUN SISTEM INFORMASI
PENITIPAN
menggunakan
jaringan
internet
untuk
mempermudah atasan mengakses data parkir atau laporan tiap bulannya, serta dapat memberikan
informasi
kepada
pengguna
parkir.
MOTOR 42
Jurnal Infotel Volume 4 Nomor 1 Mei 2012
II.
1)
METODOLOGI PENELITIAN
Laptop dual core processor T4200
2)
Procesor 2 GHz
3)
Random Access Memori (RAM) 2 GB
4) 2.
Hardisk 250 GB
Metode Pengumpulan data a. Observasi Penulis melakukan survey langsung ke lokasi penelitian
Gambar 8. Model pengembangan perangkat lunak waterfall 2.1 Analisa Kebutuhan
yang
diperlukan
prosedur
sistem
pendataan
kendaraan
parkir
serta
pembayarannya. Pada tempat
dalam
penelitian yaitu di Terminal
pembuatan sistem informasi penitipan
Purwokerto
ini yaitu: 1.
mengamati
yang
Analisa kebutuhan ini merupakan Kebutuhan
untuk
masih
dilakukan
secara manual. Dan penulis
Instrumen Penelitian
hanya
Fasilitas instrumen penelitian yaitu
mengambil
sampel
fasilitas software dan hardware.
beberapa
data-data
yang
diperlukan.
a. Software 1)
XAMPP versi win32-1.6.3a,
b. Wawancara
program ini mempunyai satu
2)
Penulis juga melakukan
paket web server Apache,
wawancara
PHP dan MySQL.
pengelola penitipan Terminal
Dreamweaver CS5 sebagai
Purwokerto dan petugas yang
teks editor untuk desain dan
berjaga.
kepada
pihak
penulisan script PHP. 3)
Web digunakan yang
browser Mozila
firefox,
Proses
untuk
melakukan
berguna
menampilkan
2.2 Desain
yang
interface
program yang telah dibuat.
desain desain
ini
penulis
dengan
dibantu
aplikasi Dreamweaver CS5 sebagai teks editor.
b. Hardware yang digunakan dalam pembuatan program ini yaitu:
2.3 Coding dan Testing Pembuatan penitipan
ini
sistem penulis
informasi menggunakan 43
Jurnal Infotel Volume 4 Nomor 1 Mei 2012
bahasa
pemrograman
PHP,
setelah
menggambarkan
secara
antar
global
pengkodean selesai maka dilakukan
hubungan
entitas
dan
testing terhadap sistem ini.
penyimpanan datanya. DFD konteks dari Sistem Informasi Penitipan di Terminal Purwokerto, yaitu sebagai
2.4 Penerapan Tahapan ini setelah melakukan
berikut:
tahapan diatas maka akan diterapkan di Terminal Purwokerto.
2.5 Pemeliharaan Pemeliharaan
dilakukan
setelah
sistem ini diterapkan, pemeliharaan dilakukan karena perangkat lunak yang
Gambar 9. DFD Level 0
sudah disampaikan kepada pelanggan pasti akan mengalami perubahan.
III.
PERANCANGAN DAN PEMBUATAN PROGRAM
3.1 Persiapan Perangkat Lunak (Software) Persiapan
software
yang
digunakan penulis untuk perancangan sistem
informasi
melakukan
penitipan
instalasi
pada
adalah XAMPP
win32-1.6.3a dan Dreamweaver CS5.
3.2 Perancangan (Desain)
Gambar 10.DFD Level 1
b. User Leveling
a. DFD (Data Flow Diagram)
User leveling ini terbagi menjadi
DFD (Data Flow Diagram) adalah alat bantu yang memudahkan
tiga tingkatan yaitu: 1)
Operator
dalam pemodelan dan penggambaran suatu sistem yang ada dan akan dibuat yang dihubungkan satu sama lain dengan alur data. Diagram konteks adalah terdiri dari proses dan menggambarkan terminator
hubungan
dengan
sistem
User sebagai operator yaitu melakukan input data no polisi kendaraan
yang
dititipkan,
menghapus data, edit data serta melakukan transaksi pembayaran dengan pengguna parkir.
yang
mewakili suatu proses. DFD konteks 44 Jurnal Infotel Volume 4 Nomor 1 Mei 2012
2)
Atasan
d.
User
sebagai
pimpinan
yaitu dapat melihat informasi
Pembuatan Database a.) Tabel parkir Tabel
parkir
ini
menampung
kosong,
ijin
pengguna parkir yang ingin menitipkan sepeda
edit
motornya. Primary key: no_pol
mempunyai pendaftaran,
penyimpanan
username dan password baru untuk
operator
dan
melihat
laporan data perbulannya. Pengguna Parkir (Umum) User parkir
sebagai
(umum)
diperbolehkan
melihat
hanya tentang
Nama field no_pol
Type Varchar (10)
tgl_masuk
Date
tgl_keluar
Date
jenis
Varchar (25)
jam_masuk
Time
jam_keluar
Time
tambahan
Varchar (100)
total
Int (11)
keterangan
Varchar (100)
penitipan sisa tempat penitipan yang kosong dan melihat berapa biaya selama
yang
harus
pengguna
ditanggung menitipkan
kendaraannya. c. Diagram E-R (EntityRelationship) Model E-R adalah suatu model yang digunakan untuk menggambarkan data dalam bentuk entitas, atribut dan hubungan antar entitas. Diagram E-R untuk Sistem Informasi Penitipan di Terminal Purwokerto, yaitu:
jika
ada
Tabel 1. parkir
pengguna
yaitu
data
untuk
tentang sisa tempat penitipan yang
melakukan
3)
digunakan
Keterangan Primary key, no polisi yang diinput. Tanggal masuk sepeda motor Tanggal keluar sepeda motor Diisi dengan jenis kendaraan yang masuk Terisi otomatis saat sepeda motor masuk Terisi otomatis saat sepeda motor keluar Diisi dengan tambahan yang dititipkan Otomatis menampilkan total biaya penitipan Diisi untuk pemberian informasi sisa tempat parkir yang kosong
b.) Tabel sisa_tempat Tabel sisa_tempat ini untuk menampung pengolahan informasi tentang sisa tempat penitipan yang di operasikan oleh operator. Primary key: Sisa. Tabel 2. sisa_tempat Nama field Sisa
Gambar 11. Diagram E-R untuk Sistem Informasi Penitipan
tanggal
Type
Keterangan
Varchar (100)
Primary key, Diisi dengan pemberitahuan sisa tempat penitipan. Terisi otomatis
Date
45 Jurnal Infotel Volume 4 Nomor 1 Mei 2012
f. Tampilan Sistem Informasi c.) Tabel user Tabel
user
Penitipan ini
digunakan
Pembuatan
desain
untuk
untuk menampung penggunaan dalam
tampilan web sistem informasi
menu login, jadi user yang belum
penitipan ini, penulis menggunakan
terdaftar tidak dapat menggunakan
Dreamweaver
aplikasi pengolahan nilai. Primary
memudahkan
Key: username.
desain sekaligus pengkodean. Tabel 3. user
Nama field username
password pertanyaan
jawaban
tipe
CS5, dalam
yang
pembuatan
Layout dari sistem informasi
Type
Keterangan
penitipan ini menggunakan files
Varchar (30)
Primary key, Auto Increament, nama user Password user Berisi pertanyaan yang dipilih operator pada saat ingin mendaftarkan username
yang
Varchar (32) Varchar (50)
Varchar (50)
Berisi jawaban dari pertanyaan
text
Tipe user
disimpan
menggunakan
ekstensi .php, karena didalamnya terdapat scripts php. Layout terbagi tiga bagian yaitu Header, isi dan Footer.
Untuk
layout
Beranda
operator, pimpinan, dan Beranda untuk informasi umum (pengguna parkir) sedikit berbeda.
g. Desain Jaringan Cara kerja jaringan internet yaitu
protocol
TCP/IP
memungkinkan semua komputer e. Struktur Program
dapat berkomunikasi satu dengan lainnya. Pada saat browser meminta data atau informasi ke server maka instruksi
permintaan
data
oleh
browser tersebut dikemas didalam TCP yang merupakan protocol berikutnya yaitu HTTP. HTTP ini yang merupakan protocol yang digunakan dalam world wide web (www) Gambar 12. Struktur Program
antar
komputer
yang
terhubung dalam jaringan didunia. Data yang di passing dari browser ke server disebut HTTP request, dan kemudian web server akan 46
Jurnal Infotel Volume 4 Nomor 1 Mei 2012
mencari data HTML yang ada dan
Tabel 4. Pengujian Sistem Informasi Penitipan
dikemas dalam TCP protocol dan
No
dikirim
kembali
ke
browser.
Gambar 3.21 merupakan gambar
1
Menu yang Diujikan Menu masuk
Proses
Dengan memasukan username, password dan tipe yang benar Simpan data,menam pilkan password yang lupa Simpan data (input, update, hapus) Output biaya
jaringan pada penitipan.
2
Lupa password
3
Data Pengguna parkir (no_pol) Pencarian no_pol Informasi sisa tempat parkir Daftar operator Data operator
4 5
Gambar 13. Jaringan Pada penitipan
6 7
IV.
PENGUJIAN PROGRAM 8
4.1 Pengujian Sistem Pengujian sistem disebut juga pengujian validasi. Jenis pengujian yang digunakan
9
Informasi sisa tempat parkir Laporan data
untuk validasi menggunakan jenis pengujian Black-Box
Testing,
dimaksudkan
untuk
pengujian mengetahui
ini
10
Hasil Berhasil Gagal
Data penitipan
√
√
√
√
Simpan (input,updat e, hapus)
√
Simpan data(input) Output data operator, edit, hapus output
√
Menampilka n rekap data perbulan Melihat biaya parkir
√
√ √
√
apakah
fungsi-fungsi, masukan dan keluaran dari perangkat lunak sesuai dengan spesifikasi
4.2 Pengujian Interface Program Berikut adalah merupakan beberapa
yang dibutuhkan. Pengujian ini, perangkat
tampilan
lunak diuji untuk persyaratan fungsionalitas
“Sistem Informasi Penitipan di Terminal
yang dilakukan dalam bentuk tertulis untuk
Purwokerto”, yaitu:
memeriksa apakah aplikasi dapat berjalan
1. Tampilan Halaman Utama
dengan apa yang diharapkan sebelumnya. Pengujian yang dilakukan yaitu berfungsi
(interface)
program
dari
a. Halaman Masuk Halaman
Masuk
adalah
atau berjalannya proses untuk setiap menu
halaman yang digunakan untuk
yang telah ada.
pengguna pertama kali memakai sistem aplikasi ini. Pengguna
47 Jurnal Infotel Volume 4 Nomor 1 Mei 2012
sistem dapat masuk ke dalam
di Terminal Purwokerto, tentang
sistem
pengguna
informasi sisa tempat parkir yang
memasukkan username, password
kosong dan pengguna parkir dapat
dan tipe lalu memilih tombol
melihat biaya yang harus dibayar
masuk. Data yang dimasukkan
selama menitipkan kendaraannya.
akan dieksekusi oleh sistem dan
a. Menu Beranda
jika
akan masuk ke halaman sesuai
Menu
dengan tipe atau level user.
ini
merupakan menu awal ketika
b. Tampilan Halaman Lupa
pengguna parkir memilih atau
Password
masuk ke tentang penitipan,
Halaman
lupa
password
berisi
digunakan untuk pengguna yang
tentang
penitipan
di
Terminal Purwokerto.
ingin masuk ke dalam sistem dan
b. Menu Pencarian
pengguna lupa dengan password-
Menu
pencarian
ini
nya sendiri, maka pengguna dapat
digunakan untuk melihat tentang
memilih tombol lupa password
informasi sisa tempat parkir
yang terletak di bawah tombol
yang kosong tiap harinya, dan di
masuk. Saat pengguna memilih
dalam menu ini pengguna parkir
tombol lupa password maka akan
dapat melihat biaya yang harus
tampil halaman lupa password,
dibayar
pengguna
menitipkan
tinggal
username, jawaban
mengisikan
pertanyaan, setelah
itu
selama
pengguna,
kendaraannya.
dan
Dengan memasukan no polisi
memilih
pengguna parkir maka akan
tombol kirim. 2.
beranda
muncul biaya yang di tanggung.
Tampilan Halaman Tentang
c. Menu Kembali
Penitipan
Menu
kembali
ini
Halaman Tentang Penitipan
merupakan menu untuk kembali
adalah halaman untuk pengguna
ke halaman utama, yaitu ke
parkir yang sedang menitipkan
halaman masuk.
kendaraannya ataupun yang belum
3.
Tampilan Halaman untuk Operator
pernah menitipkan kendaraanya. Halaman
ini
pengguna
parkir
menitipkan pengguna
Halaman
operator
adalah
berguna
untuk
halaman yang digunakan untuk
yang
sedang
input data, mengolah data parkir.
kendaraannya umum,
yang
serta
Halaman
operator
setelah
berisi
memasukkan username, password,
informasi-informasi tempat parkir,
dan tipe untuk masuk akan tampil
seperti tentang penitipan kendaraan
halaman
untuk
operator.
Pada 48
Jurnal Infotel Volume 4 Nomor 1 Mei 2012
halaman operator disediakan menu-
Menu
informasi
ini
menu yang meliputi menu beranda,
merupakan menu yang digunakan
menu pencarian, menu tampilan,
operator
menu informasi dan menu keluar.
informasi tentang sisa tempat
a. Menu Beranda beranda
ini
e. Menu Keluar
merupakan menu awal ketika masuk
ke
Menu keluar merupakan
halaman
menu untuk operator keluar dari
operator. Pada menu beranda terdapat
tabel
untuk
operator
sistem. 4.
Tampilan Halaman untuk Atasan
melakukan input data jika ada pengguna
memberikan
penitipan yang kosong.
Menu
operator
untuk
adalah
halaman yang digunakan untuk
menitipkan kendaraannya terdiri
atasan mengolah data. Halaman
dari No polisi (diisi dengan no
atasan
polisi pengguna parkir), jenis
memasukkan username, password
kendaraan (diisi dengan jenis
dan tipe untuk masuk sebagai
kendaraan
atasan dengan benar maka akan
yang masuk,
yang
atasan
ingin
Tanggal
parkir
Halaman
dititipkan),
muncul
setelah
masuk,
tampil halaman untuk atasan. Pada
Tambahan (diisi dengan tambahan
halaman atasan disediakan menu-
yang ingin dititipkan misalnya,
menu yang meliputi menu beranda,
helm
menu daftar, menu data operator,
atau
jas
Jam
akan
hujan)
dan
keterangan (sebagai keterangan
menu laporan dan menu keluar.
kendaraan sedang parkir).
a. Menu Beranda
b. Menu Pencarian Menu
Menu pencarian
beranda
ini
ini
merupakan menu awal ketika
merupakan menu yang digunakan
atasan masuk ke dalam program
untuk mencari no polisi yang
yang berisi tentang informasi
ingin keluar dari tempat penitipan.
sisa tempat parkir.
c. Menu Tampilan Menu
b. Menu Daftar tampilan
ini
Menu daftar ini merupakan
merupakan menu yang digunakan
menu yang digunakan atasan
oleh operator untuk melihat data
untuk mendaftarkan username
penitipan, dimana pada menu ini
dan password operator yang
terdapat data-data no polisi yang
baru.
sedang melakukan penitipan. d. Menu Informasi
Jika ada operator baru maka atasan mendaftarkan operator tersebut
untuk
membuatkan 49
Jurnal Infotel Volume 4 Nomor 1 Mei 2012
username dan password untuk
terminalpwt.net84.net/parkir/
hak akses ke halaman operator.
command prompt.
pada
c. Menu Data Operator Menu data operator ini merupakan
d.
menu
V.
yang
Pembuatan
sistem
informasi
digunakan atasan untuk melihat
penitipan ini menghasilkan 3 user
data
leveling yaitu operator, atasan dan
operator
yang
telah
terdaftar.
pengguna
Menu Laporan
dihasilkan dalam membuat sistem
Menu
laporan
merupakan
menu
ini
parkir.
Tabel
yang
informasi penitipan ini sebanyak 3
yang
tabel.
digunakan atasan untuk melihat
e.
KESIMPULAN
Pembuatan
sistem
informasi
laporan data perbulannya.
penitipan motor bebasis web dengan
Menu Keluar
menggunakan PHP dan MySQL ini
Menu keluar ini merupakan
dapat diakses di komputer atau laptop
menu untuk atasan keluar dari
dimanapun atasan dan pengguna parkir
sistem.
berada asalkan ada jaringan internet, karena sistem informasi ini telah di hosting.
4.3 Proses Upload ke Web Hosting Proses ini melakukan upload ke
Dengan dibuatnya sistem
informasi
ini
membantu
web hosting. Web hosting merupakann
dalam
suatu
yang
pembayaran penitipan dan mendata
memungkinkan siapapun agar dapat
kendaraan yang input dan output dari
menyediakan informasi. Program dapat
tempat
diakses secara online, melalui alamat
atasan
http://penitipan-
laporan tiap bulannya, serta dapat
terminalpwt.net84.net/parkir/. Tampilan
memberikan
secara
penitipan kepada pengguna parkir.
sistem
di
keseluruhan
internet
dari
localhost
mengelola
operator
penitipan,
administrasi
mempermudah
mengakses data parkir atau
informasi
tentang
(offline) ataupun online semuanya sama. DAFTAR PUSTAKA
Database dan file aplikasi ini tersimpan
[1] Hariyanto, Bambang, Rekayasa Sistem
di area hosting.
Berorientasi 4.4 Pengujian Jaringan Pengujian jaringan dilakukan untuk
[2] Hariyanto, Bambang. Sistem Manajemen BASISDATA.
Bandung:
Informatika,
2004.
yang ada dengan melakukan ping ke http://penitipan-
Bandung :
Informatika, 2004.
mengetahui koneksi jaringan internet
alamat
Objek.
[3]
Jogianto HM.Sistem Informasi, 1989 50
Jurnal Infotel Volume 4 Nomor 1 Mei 2012
[4]
[5]
Kadir, Abdul. Membuat Aplikasi Web
[11] Sugiyono, P. D.
dengan PHP dan Database MySQL.
Kuantitatif,
Yogyakarta: Andi Offset, 2009.
Bandung: Alfabeta, 2009.
Kadir,A. (2009). Dasar Perancangan &
[12]
Implementasi. Yogyakarta:ANDI. [6]
[7]
Orang
Kualitatif,
Sutarman.
dan
Membangun
R&D.
aplikasiweb
dengan PHP dan MySQL. Yogyakarta:
Kurniawan, Rulianto. Php dan MySQL untuk
Metode Penelitian
Awam.Yogyakarta:
Graha Ilmu,2003. [13] Syafrizal, Melwin. Pengantar Jaringan
Maxikom, 2010.
Komputer.Yogyakarta: CV. Andi Offset,
Nazir, M. Metode Penelitian. Jakarta:
2005.
Ghalia Indonesia, 1988.
[14] Anonymous. Konsep Dasar Informasi.
[8] Rizky,Soetam. Konsep Dasar Rekayasa
http://parno.staff.gundarma.ac.id/Downl
Perangkat Lunak. Jakarta: PT.Prestasi
oads/file/4393/SI_01__Konsep_Dasar_S
Pustakarya Indonesia, 2011.
I.pdf , diakses pada 18 April 2012.
[9] Shalahuddin, Rosa A.S-M. Rekayasa Perangkat
Lunak.Bandung:
Modula,2011.
Anonymous. Konsep Dasar Perangkat Lunak. (elib.unikom.ac.id,pdf), diakses pada 9
[10] Siallagan, Sariadin. Pemrograman Java Dasar-dasar
[15]
Pengenalan
&
mei 2012. [16] Anonymous. Pengenalan Dasar Website.
Pemahaman.Yogyakarta: Andi Offset,
kampung
Media
Group,
2009.
diakses pada 8 Mei 2012.
2009.ppt,
[17] Woody, 1927
51 Jurnal Infotel Volume 4 Nomor 1 Mei 2012