I. PENDAHULUAN 1.1. Latar Belakang - View of Rancang Bangun Sistem Informasi Penitipan Motor Berbasis Web Dengan Menggunakan PHP Dan MYSQL Di Terminal Purwokerto

  

Rancang Bangun Sistem Informasi Penitipan Motor Berbasis Web Dengan Menggunakan PHP

Dan MYSQL

₁ Di Terminal Purwokerto _{2 3} Elisa Usada , Yana Yuniarsyah , Dwi Mai Choiriah

Program Studi Diploma III TeknikTelekomunikasi, Purwokerto

_1,2,3 Akademi Teknik Telekomunikasi Sandhy Putra Purwokerto

  

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. BERBASIS WEB DENGAN PENDAHULUAN 1.1.

  MENGGUNAKAN PHP DAN MYSQL DI Latar Belakang 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 dalam mengelola 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 lebih mudah. Sehingga dapat 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.

  Dan juga pada sistem informasi penitipan ini Untuk menunjang kemajuan sistem menggunakan jaringan internet untuk informasi pada pengolahan data administrasi di mempermudah atasan mengakses data parkir tempat penitipan kendaraan Terminal atau laporan tiap bulannya, serta dapat Purwokerto, maka penulis mengangkat judul memberikan informasi kepada pengguna me ngenai “RANCANG BANGUN SISTEM parkir.

INFORMASI PENITIPAN MOTOR

  II.

  1)

  

METODOLOGI PENELITIAN Laptop dual core processor

  T4200 2)

  Procesor 2 GHz 3)

  Random Access Memori (RAM) 2 GB

  4) Hardisk 250 GB 2.

  Metode Pengumpulan data a.

  Observasi Penulis melakukan survey langsung ke lokasi penelitian

  Gambar 8. Model pengembangan perangkat lunak waterfall untuk mengamati prosedur sistem pendataan kendaraan

2.1 Analisa Kebutuhan

  yang parkir serta Analisa kebutuhan ini merupakan pembayarannya. Pada tempat

  Kebutuhan yang diperlukan dalam penelitian yaitu di Terminal pembuatan sistem informasi penitipan

  Purwokerto masih dilakukan ini yaitu: secara manual. Dan penulis 1. Instrumen Penelitian hanya mengambil beberapa

  Fasilitas instrumen penelitian yaitu sampel data-data yang fasilitas software dan hardware. diperlukan.

  a.

  Software 1)

  XAMPP versi win32-1.6.3a, b.

  Wawancara program ini mempunyai satu Penulis juga melakukan paket web server Apache, wawancara kepada pihak PHP dan MySQL. pengelola penitipan Terminal

  2) Dreamweaver CS5 sebagai

  Purwokerto dan petugas yang teks editor untuk desain dan berjaga. penulisan script PHP.

  2.2 Desain

  3) browser yang Web

  Proses desain ini penulis digunakan Mozila firefox, melakukan desain dengan dibantu yang berguna untuk aplikasi Dreamweaver CS5 sebagai teks menampilkan interface

  editor.

  program yang telah dibuat.

  b.

  Hardware yang digunakan

  2.3 Coding dan Testing

  dalam pembuatan program ini Pembuatan sistem informasi yaitu: penitipan ini penulis menggunakan bahasa pemrograman PHP, setelah menggambarkan secara global pengkodean selesai maka dilakukan hubungan antar entitas dan testing terhadap sistem ini. penyimpanan datanya. DFD konteks dari Sistem Informasi Penitipan di

  2.4 Terminal Purwokerto, yaitu sebagai 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 penitipan adalah melakukan instalasi pada XAMPP win32-1.6.3a dan Dreamweaver CS5.

  Gambar 10.DFD Level 1

  3.2 Perancangan (Desain) b. User Leveling a. DFD (Data Flow Diagram) User leveling ini terbagi menjadi

  DFD (Data Flow Diagram) tiga tingkatan yaitu: adalah alat bantu yang memudahkan

  1) Operator

  dalam pemodelan dan penggambaran

  User sebagai operator yaitu

  suatu sistem yang ada dan akan melakukan input data no polisi dibuat yang dihubungkan satu sama kendaraan yang dititipkan, lain dengan alur data. Diagram menghapus data, edit data serta konteks adalah terdiri dari proses dan melakukan transaksi pembayaran menggambarkan hubungan dengan pengguna parkir. terminator dengan sistem yang mewakili suatu proses. DFD konteks

  2) d. Atasan Pembuatan Database User sebagai pimpinan

  a.) Tabel parkir yaitu dapat melihat informasi Tabel parkir ini digunakan untuk tentang sisa tempat penitipan yang menampung penyimpanan data jika ada kosong, mempunyai ijin pengguna parkir yang ingin menitipkan sepeda melakukan pendaftaran, edit motornya. Primary key: no_pol

  

username dan password baru Tabel 1. parkir

Type

  untuk operator dan melihat Nama field Keterangan

  no_pol Varchar Primary key, no laporan data perbulannya.

  (10) polisi yang diinput.

3) Pengguna Parkir (Umum)

  tgl_masuk Date Tanggal masuk User sebagai pengguna sepeda motor tgl_keluar Date Tanggal keluar

  parkir (umum) yaitu hanya

  sepeda motor jenis Varchar Diisi dengan jenis

  diperbolehkan melihat tentang

  (25) kendaraan yang

  penitipan sisa tempat penitipan

  masuk jam_masuk Time Terisi otomatis

  yang kosong dan melihat berapa

  saat sepeda motor masuk

  biaya yang harus ditanggung

  jam_keluar Time Terisi otomatis

  selama pengguna menitipkan

  saat sepeda motor keluar

  kendaraannya.

  tambahan Varchar Diisi dengan c.

   Diagram E-R (Entity- (100) tambahan yang dititipkan

  Relationship) total Int (11) Otomatis menampilkan total

  Model E-R adalah suatu model yang

  biaya penitipan

  digunakan untuk menggambarkan data

  keterangan Diisi untuk Varchar

  (100) pemberian

  dalam bentuk entitas, atribut dan

  informasi sisa tempat parkir yang

  hubungan antar entitas. Diagram E-R

  kosong

  untuk Sistem Informasi Penitipan di Terminal Purwokerto, yaitu:

  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 Type Keterangan field

  Sisa Varchar Primary key , (100) Diisi dengan pemberitahuan sisa tempat

  Gambar 11. Diagram E-R untuk Sistem penitipan.

  Informasi Penitipan

  tanggal Date Terisi otomatis

  f. Tampilan Sistem Informasi

  c.)

  Penitipan

  Tabel user Tabel user 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 CS5, yang aplikasi pengolahan nilai. Primary memudahkan dalam pembuatan Key: username. desain sekaligus pengkodean.

  Tabel 3. user Layout dari sistem informasi

  Type Nama Keterangan penitipan ini menggunakan files field

  yang disimpan menggunakan

  username Varchar Primary key , (30) Auto

  ekstensi .php, karena didalamnya

  Increament, nama user terdapat scripts php. Layout terbagi password Varchar Password

  tiga bagian yaitu Header, isi dan

  (32) user Footer. Untuk layout Beranda pertanyaan Varchar Berisi (50) pertanyaan

  operator, pimpinan, dan Beranda

  yang dipilih operator pada

  untuk informasi umum (pengguna

  saat ingin parkir) sedikit berbeda. mendaftarkan username jawaban Varchar Berisi g.

   Desain Jaringan (50) jawaban dari

  Cara kerja jaringan internet

  pertanyaan

  yaitu protocol TCP/IP

  tipe text Tipe user

  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) antar komputer yang terhubung dalam jaringan didunia. Gambar 12. Struktur Program

  Data yang di passing dari browser ke server disebut HTTP request, dan kemudian web server akan mencari data HTML yang ada dan dikemas dalam TCP protocol dan dikirim kembali ke browser .

Gambar 3.21 merupakan gambar jaringan pada penitipan.

  Simpan (input,updat e, hapus)

  Halaman Masuk Halaman Masuk adalah halaman yang digunakan untuk pengguna pertama kali memakai sistem aplikasi ini. Pengguna

  Tampilan Halaman Utama a.

  Berikut adalah merupakan beberapa tampilan (interface) program dari “Sistem Informasi Penitipan di Terminal Purwokerto”, yaitu: 1.

  4.2 Pengujian Interface Program

  √

  10 Data penitipan Melihat biaya parkir

  9 Laporan data Menampilka n rekap data perbulan √

  8 Informasi sisa tempat parkir output √

  √

  7 Data operator Output data operator, edit, hapus

  √

  6 Daftar operator Simpan data(input)

  √

  5 Informasi sisa tempat parkir

  Gambar 13. Jaringan Pada penitipan IV.

  Berhasil Gagal

  Pengujian sistem disebut juga pengujian validasi. Jenis pengujian yang digunakan untuk validasi menggunakan jenis pengujian

  Black-Box Testing , pengujian ini

  dimaksudkan untuk mengetahui apakah fungsi-fungsi, masukan dan keluaran dari perangkat lunak sesuai dengan spesifikasi yang dibutuhkan. Pengujian ini, perangkat lunak diuji untuk persyaratan fungsionalitas yang dilakukan dalam bentuk tertulis untuk memeriksa apakah aplikasi dapat berjalan dengan apa yang diharapkan sebelumnya. Pengujian yang dilakukan yaitu berfungsi atau berjalannya proses untuk setiap menu yang telah ada.

  Tabel 4. Pengujian Sistem Informasi Penitipan

  No Menu yang Diujikan Proses Hasil

  1 Menu masuk Dengan memasukan username, password dan tipe yang benar

  √

  √

  2 Lupa password

  Simpan data,menam pilkan password yang lupa √

  3 Data Pengguna parkir (no_pol)

  Simpan data (input, update, hapus) √

  4 Pencarian no_pol Output biaya

PENGUJIAN PROGRAM

4.1 Pengujian Sistem

  sistem dapat masuk ke dalam sistem jika pengguna memasukkan username, password dan tipe lalu memilih tombol masuk. Data yang dimasukkan akan dieksekusi oleh sistem dan akan masuk ke halaman sesuai dengan tipe atau level user.

  Menu Beranda Menu beranda ini merupakan menu awal ketika pengguna parkir memilih atau masuk ke tentang penitipan, berisi tentang penitipan di Terminal Purwokerto.

  3. Tampilan Halaman untuk Operator Halaman operator adalah halaman yang digunakan untuk input data, mengolah data parkir. Halaman operator setelah memasukkan username, password, dan tipe untuk masuk akan tampil halaman untuk operator. Pada

  Menu Kembali Menu kembali ini merupakan menu untuk kembali ke halaman utama, yaitu ke halaman masuk.

  c.

  Dengan memasukan no polisi pengguna parkir maka akan muncul biaya yang di tanggung.

  Menu Pencarian Menu pencarian ini digunakan untuk melihat tentang informasi sisa tempat parkir yang kosong tiap harinya, dan di dalam menu ini pengguna parkir dapat melihat biaya yang harus dibayar selama pengguna, menitipkan kendaraannya.

  b.

  a.

  b.

  Penitipan Halaman Tentang Penitipan adalah halaman untuk pengguna parkir yang sedang menitipkan kendaraannya ataupun yang belum pernah menitipkan kendaraanya. Halaman ini berguna untuk pengguna parkir yang sedang menitipkan kendaraannya serta pengguna umum, yang berisi informasi-informasi tempat parkir, seperti tentang penitipan kendaraan di Terminal Purwokerto, tentang informasi sisa tempat parkir yang kosong dan pengguna parkir dapat melihat biaya yang harus dibayar selama menitipkan kendaraannya.

  jawaban setelah itu memilih tombol kirim.

  username , pertanyaan, dan

  Halaman lupa password digunakan untuk pengguna yang ingin masuk ke dalam sistem dan pengguna lupa dengan password- nya sendiri, maka pengguna dapat memilih tombol lupa password yang terletak di bawah tombol masuk. Saat pengguna memilih tombol lupa password maka akan tampil halaman lupa password, pengguna tinggal mengisikan

  Password

  Tampilan Halaman Lupa

2. Tampilan Halaman Tentang

  halaman operator disediakan menu- Menu informasi ini menu yang meliputi menu beranda, merupakan menu yang digunakan menu pencarian, menu tampilan, operator untuk memberikan menu informasi dan menu keluar. informasi tentang sisa tempat a. penitipan yang kosong. Menu Beranda

  Menu beranda ini e.

  Menu Keluar merupakan menu awal ketika Menu keluar merupakan operator masuk ke halaman menu untuk operator keluar dari operator. Pada menu beranda sistem. terdapat tabel untuk operator 4.

  Tampilan Halaman untuk Atasan melakukan input data jika ada Halaman atasan adalah pengguna parkir yang ingin halaman yang digunakan untuk menitipkan kendaraannya terdiri atasan mengolah data. Halaman dari No polisi (diisi dengan no atasan akan muncul setelah polisi pengguna parkir), jenis memasukkan username, password kendaraan (diisi dengan jenis dan tipe untuk masuk sebagai kendaraan yang dititipkan), atasan dengan benar maka akan Tanggal masuk, Jam masuk, tampil halaman untuk atasan. Pada Tambahan (diisi dengan tambahan halaman atasan disediakan menu- yang ingin dititipkan misalnya, menu yang meliputi menu beranda, helm atau jas hujan) dan menu daftar, menu data operator, keterangan (sebagai keterangan menu laporan dan menu keluar. kendaraan sedang parkir).

  a.

  Menu Beranda b.

  Menu beranda ini Menu Pencarian

  Menu pencarian 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. b. Menu Tampilan Menu Daftar

  Menu 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. Jika ada operator baru maka d. atasan mendaftarkan operator

  Menu Informasi tersebut untuk membuatkan

  username dan password untuk pada hak akses ke halaman operator. command prompt .

  c.

  Menu Data Operator Menu data operator ini V.

   KESIMPULAN

  merupakan menu yang Pembuatan sistem informasi digunakan atasan untuk melihat penitipan ini menghasilkan 3 user data operator yang telah leveling yaitu operator, atasan dan terdaftar. pengguna parkir. Tabel yang d. dihasilkan dalam membuat sistem

  Menu Laporan Menu laporan ini informasi penitipan ini sebanyak 3 merupakan menu yang tabel. digunakan atasan untuk melihat Pembuatan sistem informasi laporan data perbulannya. penitipan motor bebasis web dengan e. menggunakan PHP dan MySQL ini

  Menu Keluar 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

  4.3

  hosting. Dengan dibuatnya sistem

   Proses Upload ke Web Hosting

  Proses ini melakukan upload ke informasi ini membantu operator

  web hosting . Web hosting merupakann dalam mengelola administrasi

  suatu sistem di internet yang pembayaran penitipan dan mendata memungkinkan siapapun agar dapat kendaraan yang input dan output dari menyediakan informasi. Program dapat tempat penitipan, mempermudah diakses secara online, melalui alamat atasan mengakses data parkir atau

   Tampilan memberikan informasi tentang

  secara keseluruhan dari localhost penitipan kepada pengguna parkir.

  (offline ) ataupun online semuanya sama.

DAFTAR PUSTAKA

  Database dan file aplikasi ini tersimpan

  [1] Hariyanto, Bambang, Rekayasa Sistem di area hosting.

  Berorientasi Objek. Bandung : Informatika, 2004.

4.4 Pengujian Jaringan

  [2] Hariyanto, Bambang. Sistem Manajemen Pengujian jaringan dilakukan untuk

  BASISDATA . Bandung: Informatika,

  mengetahui koneksi jaringan internet 2004. yang ada dengan melakukan ping ke

  [3] Jogianto HM.Sistem Informasi, 1989 alamat

  [4] Kadir, Abdul. Membuat Aplikasi Web dengan PHP dan Database MySQL .

  [11] Sugiyono, P. D. Metode Penelitian Kuantitatif, Kualitatif, dan R&D.

  [15] Anonymous. Konsep Dasar Perangkat Lunak .

   , diakses pada 18 April 2012.

  [14] Anonymous. Konsep Dasar Informasi.

  Komputer .Yogyakarta: CV. Andi Offset, 2005.

  [13] Syafrizal, Melwin. Pengantar Jaringan

  dengan PHP dan MySQL . Yogyakarta: Graha Ilmu,2003.

  Bandung: Alfabeta, 2009. [12] Sutarman. Membangun aplikasiweb

  2009.

  Yogyakarta: Andi Offset, 2009. [5] Kadir,A. (2009). Dasar Perancangan & Implementasi . Yogyakarta:ANDI.

  Dasar-dasar Pengenalan & Pemahaman. Yogyakarta: Andi Offset,

  [10] Siallagan, Sariadin. Pemrograman Java

  Perangkat Lunak .Bandung: Modula,2011.

  [9] Shalahuddin, Rosa A.S-M. Rekayasa

  Perangkat Lunak . Jakarta: PT.Prestasi Pustakarya Indonesia, 2011.

  [7] Nazir, M. Metode Penelitian. Jakarta: Ghalia Indonesia, 1988. [8] Rizky,Soetam. Konsep Dasar Rekayasa

  untuk Orang Awam .Yogyakarta: Maxikom, 2010.

  [6] Kurniawan, Rulianto. Php dan MySQL

  (elib.unikom.ac.id,pdf), diakses pada 9 mei 2012. [16] Anonymous. Pengenalan Dasar Website. kampung Media Group, 2009.ppt, diakses pada 8 Mei 2012. [17] Woody, 1927