8
terdapat kekurangan maka tahapan ini bisa kembali ke tahap kedua guna penyempurnaan aplikasi. Tahap keempat yaitu tahap
integration and system testing
, dimana pada tahap keempat telah dilakukan integrasi aplikasi dengan pengelola tempat parkir mall Ramayana Semarang yang dioperasikan
berdasarkan hasil pengujian atau
unit testing
aplikasi pada tahap ketiga. Pada tahap keempat juga digunakan
untuk pengujian sistem yang digunakan untuk mengetahui semua kekurangan yang dimiliki oleh sistem dan kebutuhan baru
yang harus di integrasikan dengan pengelola tempat parkir tersebut. Tahap akhir adalah tahap
operation and maintenance
, dimana tahap ini adalah sebuah aplikasi sudah ditempatkan pada lingkungannya dan digunakan sebagai aplikasi
yang dibutuhkan, terdapat
maintenance
atau pemeliharaan aplikasi dimana tahap ini digunakan untuk memelihara aplikasi agar penggunaannya sesuai
dengan kebutuhan yang semakin lama semakin bertambah.
4. Implementasi Dan Pembahasan
Halaman Utama Registrasi
Member
Gambar 5 Halaman Registrasi
Halaman utama registrasi digunakan oleh
client
yang ingin registrasi untuk menjadi
member
dengan cara mengunjungi alamat
web
yang telah disediakan
parkingmanagement.co.cc
seperti pada Gambar 5. Pada halaman
web
tersebut terdapat dua menu yaitu pendaftaran dan konfirmasi. Pada menu pendaftaran terdapat lima kriteria data yang harus diisikan untuk menjadi
member
yakni nama, alamat,
Email
, nomor
handphone
dan
security code
. Pada halaman registrasi
member
terdapat dua fungsi yaitu fungsi untuk merubah data yang sudah masuk pada
database server
menjadi fortmat
txt
dan fungsi untuk memberikan respon kepada
client
yang ingin menjadi
member
.
Kode Program 1 Pengkodean untuk
download text file
1. file=file_get_contentshttp:parkingmanagement.co.ccdatatextdataTxt
; 2.
data = unserializefile; 3.
clearstatcache;
Pada Kode Program 1 digunakan untuk mengambil data dari
database server
untuk disimpan pada
database local.
Pada Kode Program baris satu berfungsi untuk membaca
text file
pada
database server.
Pada Kode Program baris dua dijelaskan bahwa data
array
berformat
serialize
akan dilakukan
exctract
9
dan hasilnya akan dimasukkan ke variabel
data
. Kode Program baris ketiga berfungsi untuk
member
sihkan
cache
.
Kode Program 2 Pengkodean untuk
generate
PIN
1. ndate = dateY-m-d H:i:s;
2. pin = substrmd5ndate,0,5;
Pada Kode Program 2 digunakan untuk menentukan kode PIN. Pada baris satu digunakan untuk menentukan tanggal dan waktu pendaftaran. Lalu data
tersebut akan diproses oleh Kode Program baris ke dua yaitu untuk menggunakan enkrip metode md5 , karena output md5 32 karakter di sesuaikan lalu dipotong
karakternya dengan fungsi
substr
, hanya menjadi 5 karakter.
Kode Program 3 Pengkodean untuk mengirim SMS berisi PIN
1. template = getTemplateSMSregistration;
2. msgSent = false;
3. content = template[template_content];
4. content= preg_replace{nama},xdata[reg_nama],content;
5. content= preg_replace{no_pin},xdata[reg_pin],content;
6. destNum = substrxdata[reg_telp],1;
7. destNum = +62.destNum;
8. q = INSERT INTO outbox SET
9. DestinationNumber = .xdata[reg_telp].,
10. TextDecoded =.content.,
11. DeliveryReport =yes;;
12. db-executeq;
Pada Kode Program 3 digunakan untuk mengirim SMS yang berisi PIN. Baris satu dan dua berfungsi untuk memilih template SMS
yang ada pada
data base.
Baris ke tiga sampai lima berfungsi untuk mengubah karakter {nama} dan {
no_PIN
} dengan nama dan nomer
PIN user
. Baris enam sampai tujuh berfungsi untuk mengubah nomor jika
input
nomer
handphone
oleh
user
dengan awalan angka 0 misal : 0857xxxxxX diubah menjadi +62. Baris delapan sampai
duabelas berfungsi untuk memasukkan data yang tersebut pada
table out box
GAMMU.
Alur Data Konfirmasi
Member
Gambar 6 adalah gambar untuk tampilan konfirmasi pendaftaram
member
. Setelah
client
melakukan pendaftaran maka
client
juga harus melakukan konfirmasi, dimana tujuan dari konfirmasi tersebut adalah untuk mengaktifkan
layanan saldo untuk
member
.
Gambar 6 halaman konfirmasi
member
Teknis Aplikasi Perparkiran
10
Untuk menjalankan aplikasi pengelolaan perparkiran, yang harus dilakukan pertama kali adalah mengaktifkan
service web
server apache
dan
Mysql
, setelah aktif buka
browser
dan ketik
URL http:localhostparking
dan kita akan langsung diarahkan ke halaman
login.
Halaman
Login
Halaman
login
digunakan oleh operator yang telah memiliki hak akses dengan melakukan
input userna me
,
password
dan pilihan pos. Terdapat tiga pilihan pos yang mempunyai fungsi dan tugas berbeda
– beda yakni pintu masuk, pos jaga dan pintu keluar. Untuk tiap pilihan pos akan menampilkan data dan
form yang berbeda.
Gambar 7 Tampilan
Login
Gambar 7 adalah tampilan untuk
login
operator disetiap pos dan juga dapat digunakan untuk
login
ke halaman
Administrator
, yang berfungsi untuk melakukan pengaturan setiap item aplikasi yang dijalankan dan untuk mengelola
data Administrasi pihak pengelola tempat parkir. Akses Token
Untuk menjalankan layanan reservasi melalui facebook maka operator
harus mendapatkan
akses
token
terlebih dahulu
pada
URL: https:developers.facebook.com
.
Gambar 8 Tampilan
Graph API Explorer
token
11
Pada Gambar 8 adalah gambar
Graph API Explorer
dimana pada halaman tersebut digunakan untuk memperoleh akses
token. Token
yang diperoleh harus dimasukkan dan disimpan pada halaman admin
agar aplikasi peparkiran dapat mengambil data dari facebook.
Halaman Admin
Gambar 9 Halaman admin untuk menyimpan
token
Gambar 9 adalah halaman untuk admin, digunakan untuk menyimpan
token
yang diperoleh dari proses pada gambar 8.
Format Penulisan Reservasi
Untuk melakukan reservasi tempat parkir, langkah-langkah dan perintah yang digunakan oleh member untuk menggunakan aplikasi perparkiran adalah sebagai
berikut : 1.
Pendaftaran
member
kunjungi
website: parkingmanagement.co.cc
2. Reservasi melalui facebook
PARKIRspasiPlat NomorspasiNomor
Handphone
spasi
PIN
. Lalu kirim
betaaplicationgmail.com
3. Reservasi melalui
SMS
Kirim
SMS
dengan penulisan:PARKIR spasi PlatNomor spasi
PIN
kirim ke 089673421628 4.
Cek saldo Kirim
SMS
dengan format penulisan: SALDO spasi
PIN
kirim ke 089673421628
Halaman Pos Pintu Masuk
Pada tampilan pos pintu masuk operator dapat melakukan
input
plat nomor kendaraan pengunjung yang datang maupun pengunjung yang sudah melakukan
reservasi sebelumnya serta melihat dan mencari data pengunjung yang telah parkir dan melihat data pengunjung tiap blok atau lantai. Tampilan pos pintu masuk
secara detail diperlihatkan pada gambar 10.
12
Gambar 10 Tampilan halaman utama Pos Pintu Masuk
Halaman untuk
input
plat nomor pengunjung dilakukan secara manual oleh operator aplikasi, pengunjung juga dapat melakukan reservasi tempat parkir
terlebih dahulu melalui
SMS
ke nomor yang telah ditentukan dan akan diberikan kode reservasi sebagai tanda bukti dan dipergunakan sebagai
input
. Pengunjung yang menggunakan fasilitas reservasi akan diberikan
time limit
terhitung mulai saat menerima
SMS
reservasi.
Gambar 11 Tampilan
input
pengunjung reguler
Gambar 12 Tampilan
input
pengunjung reservasi
Setelah data pengunjung dimasukkan oleh operator, data akan diproses dan tersimpan dalam
database
serta
billing
untuk tagihan biaya parkir pengunjung mulai aktif.
Kode Program 4 Pengkodean untuk mengambil data
posting
pada
page target
1. token_url=https:graph.facebook.com.targetID.statuses?access_token=
.token; 2.
response = file_get_contentstoken_url; 3.
ifresponse{ 4.
decoded_response = json_decoderesponse; 5.
x=0; 6.
foreach decoded_response-data as arr{ 7.
preg_matchPARKIR,arr-message,matches; 8.
findc = countmatches; 9.
iffindc 0{ 10.
data[x][msg] = arr-message; pesan 11.
data[x][id] = arr-id; id 12.
data[x][date] = arr-updated_time; waktu pesan
13. x++;
13
14. 15.
} 16.
}
Pada Kode Program 4 digunakan untuk mengambil data dari facebook. Baris satu dijelaskan bahwa
token_url
= alamat
graph
facebook
API
facebook yang diakses,
targetID
=
id user
yg akan diambil datanya dan
token
= kode
token
dari facebook. Pada baris dua file_get_contents digunakan untuk akses data dari
server
dimasukkan ke
va riabel response
. Baris tiga untuk fungsi cek jika
variabel response
tidak kosong. Baris empat dan lima untuk
decode var response
yang bertipe data
arra y
dengan format
json
. Baris enam sampai Sembilan untuk mengeluarkan data dan disusun dalam
a rray
. Baris sepuluh sampai 16 untuk menyimpan data ke
array
. Operator pada pos pintu masuk dapat melihat data pengunjung yang sudah
parkir dengan mengklik gambar mobil yang diinginkan pada peta yang ada dan halaman baru akan muncul dengan berisikan data pengunjung tersebut.
Kode Program 5 Pengkodean untuk mencari blok kosong
1. formatTxt[0]=PARKIR,formatTxt[1]= H9234PB, formatTxt[2] = o340cg 1.
foreach _DATA as xdata{ 2.
txt = explode ,xdata[TextDecoded]; 3.
data=; 4.
data[time] = gmdateH:i,gmdateU-3600; 5.
data[date] = dateY-m-d; 6.
data[memberType] = 1; 7.
data[block] = emptyBlockdata[memberType]; 8.
ifemptydata[block]{ 9.
data[memberType] = 1; 10.
data[block] = emptyBlockdata[memberType]; 11.
}
Pada Kode Program 5 menjelaskan pengkodean dalam mencari blok yang kosong. Baris satu sampai tiga menjelaskan data dari
SMS
yang disimpan dari database Gammu akan diubah menjadi array sehingga bisa diproses menjadi
_DATA
. Baris empat sampai tujuh berfungsi untuk memecah
_DATA
menjadi
array
agar dapat dieksekusi. Selanjutnya baris Sembilan sampai duabelas fungsinya adalah mengecek blok yang masih kosong dengan menggunakan fungsi
emptyBlock
.
Gambar 13 Tampilan Denah Lokasi Parkir
Keterangan: 1.
Gambar mobil bewarna merah menunjukkan lokasi parkir yang sudah di tempati seperti Gambar 13.
14
2. Jika kita klik pada gambar mobil berwarna merah, maka akan muncul
jendela baru yang menampilkan informasi data pengunjung tersebut seperti Gambar 14.
Gambar 14 Tampilan Informasi pengunjung parkir
3. Kotak yang masih kosong menunjukan blok parkir yang belum ditempati,
dan apabila kita klik pada blok parkir tersebut akan muncul form
input
kendaraan pengunjung yang langsung mengarahkan ke lokasi tersebut. Gambar 15 menjelaskan tentang form
input
.
Gambar 15 Tampilan
input
pengunjung
Halaman Pos Pintu Keluar
Pada pos pintu keluar ini, operator bertugas untuk mengecek kendaraan yang keluar dan menghentikan
billing
yang berjalan, serta mempunyai informasi tentang berapa lama pengunjung parkir dan menentukan jumlah biaya parkir yang
harus dibayar oleh pengunjung melelui bayar tunai atau melalui layanan saldo. Operator di pos pintu keluar dapat menghentikkan
billing
pengunjung yang meninggalkan lokasi parkir dengan dua cara.
Cara yang pertama adalah dengan mengklik gambar mobil yang dipastikan akan meninggalkan lokasi parkir, maka akan muncul halaman seperti gambar 16.
Gambar 16 Tampilan pop-up untuk pos keluar
Cara yang kedua adalah dengan meng
input
kan nomor plat kendaraan yang akan keluar pada form
logout
secara manual, maka akan muncul informasi tentang biaya parkir yang harus dibayar oleh pengunjung seperti gambar 17.
15
Gambar 17 Tampilan untuk menghentikan
billing
manual
5. Hasil Pengujian