Tabel 3.14 Tabel Petugas Field
Tipe Panjang
Keterangan
KodePetugas Int
4 Primary key, auto increment
Nama varchar
31 AlamatPetugas
varchar 100
Level varchar
8 Username
varchar 12
Password varchar
10
3.2.2 Perancangan antarmuka
Perancangan antarmuka mendeskripsikan rencana tampilan dari setiap form yang akan digunakan pada aplikasi perparkiran UNIKOM berbasis RFID.
Perancangan antarmuka pada aplikasi perparkiran UNIKOM berbasis RFID terdiri dari perancangan menu, perancangan form, perancangan pesan dan jaringan
semantik.
3.2.2.1 Perancangan menu
Perancangan menu aplikasi mendeskripsikan menu dan sub menu yang terdapat pada aplikasi. Perancangan menu aplikasi bertujuan agar pengguna dapat
menggunakan aplikasi dengan mudah. Berikut adalah perancangan menu aplikasi perparkiran UNIKOM
Login
Menu utama Mengelola data
petugas Mengelola data
pengguna Data parkir
Blokir pengguna Isi saldo
Laporan Pendaftaran
pengguna Pengaturan RFID
Pengaturan kuota parkir
Pengaturan biaya parkir
Tentang Bantuan
Tambah petugas Edit Petugas
Hapus Petugas Edit Pengguna
Hapus Pengguna
Gambar 3.22 Gambar perancangan menu aplikasi perparkiran UNIKOM
3.2.2.2 Perancangan form
Perancangan form mendeskripsikan rencana tampilan dari setiap form yang akan digunakan pada tampilan aplikasi perparkiran UNIKOM. Berikut ini
gambaran dari perancangan antarmuka aplikasi perparkiran UNIKOM.
3.2.2.2.1 Perancangan form login
Username Password
Masuk Batal
Silahkan masukkan username dan password anda
F01
Keterangan : ·
Tekan tombol masuk untuk login ke dalam aplikasi, jika username dan password
benar maka akan menampilkan F02 jika salah maka akan keluar M01
· Tekan tombol batal untuk keluar aplikasi
Logo
Gambar 3.28 Perancangan form login
3.2.2.2.2 Perancangan form menu utama
F02
Keterangan : ·
Tekan tombol masuk t1 maka akan keluar pilihan maximize, minimize, dan close
· Tekan tombol masuk t2 untuk mengganti warna
tema aplikasi ·
Tekan menu data petugas maka akan menampilkan form pengolahan data petugas
· Tekan menu data parkir UNIKOM maka akan
menampilkan form pengolahan data parkir UNIKOM ·
Tekan menu pendaftaran pengguna maka akan menampilkan form menu pendaftaran pengguna
· Tekan menu blokir pengguna maka akan
menampilkan form menu blokir pengguna ·
Tekan menu isi saldo maka akan menampilkan form menu isi saldo
· Tekan menu laporan maka akan menampilkan form
menu laporan ·
Tekan menu pengaturan koneksi RFID maka akan menampilkan form menu Koneksi RFID
· Tekan menu pengaturan kuota parkir maka akan
menampilkan form menu pengaturan kuota parkir ·
Tekan menu pengaturan biaya parkir maka akan menampilkanpengaturan biaya parkir
· Tekan menu bantuan maka akan menampilkan
form menu bantuan ·
Tekan menu tentang maka akan menampilkan form menu tentang
· Tekan tombol x untuk maka akan keluar pesan M02,
jika pilih OK maka akan keluar dari aplikasi jika batal maka akan menampilkan F02
LOGO Nama Aplikasi
Nama Petugas
LOGO dan Deskripsi Menu data
petugas LOGO dan
Deskripsi Menu data pengguna
LOGO dan Deskripsi Menu data
parkir unikom LOGO dan
Deskripsi Menu pendaftaran
pengguna LOGO dan
Deskripsi Menu blokir pengguna
LOGO dan Deskripsi Menu isi
saldo LOGO dan
Deskripsi Menu laporan
LOGO dan Deskripsi Menu
pengaturan koneksi RFID
LOGO dan Deskripsi Menu
pengaturan kuota parkir
LOGO dan Deskripsi Menu
pengaturan biaya parkir
LOGO dan Deskripsi Menu
bantuan LOGO dan
Deskripsi Menu tentang
t1 t2
X _
Gambar 3.29 Perancangan form menu utama 3.2.2.2.3
Perancangan form menu mengelola data petugas
F03
Keterangan : ·
Tekan tombol masuk t1 untuk menampilkan toolbar yang berisi tombol tambah edit hapus
· Tekan tombol tambah untuk menambah data
petugas jika behasil maka akan menampilkan F02 ·
Tekan tombol edit untuk mengedit data petugas jika berhasil di edit maka akan menampilkan M07 jika
gagal maka akan menampilkan M08 ·
Tekan hapus untuk menghapus data petugas makan akan menampilkan M09 jika berhasil maka akan
menampilkan M10 jika tidak maka akan menampilkan M11
· Tekan tombol batal maka akan menampilkan F02
Data Petugas Parkir UNIKOM
Tabel data petugas
Form tambah edit data petugas Klik untuk menampilkan toolbar
Tambah Edit
Hapus t2
Batal
Gambar 3.30 Perancangan form menu mengelola data petugas
3.2.2.2.4 Perancangan form menu mengelola data pengguna
F04
Keterangan : ·
Tekan tombol masuk t1 untuk menampilkan toolbar yang berisi tombol tambah edit hapus
· Tekan tombol tambah untuk menambah data
petugas ·
Tekan tombol edit untuk mengedit data petugas jika berhasil di edit maka akan menampilkan M07 jika
gagal maka akan menampilkan M08 ·
Tekan hapus untuk menghapus data petugas makan akan menampilkan M09 jika berhasil maka akan
menampilkan M10 jika tidak maka akan menampilkan M11
· Tekan tombol batal maka akan menampilkan F02
Data Pengguna Parkir UNIKOM
Tabel data pengguna
Form edit data pengguna Klik untuk menampilkan toolbar
Edit Hapus
t1
Batal
Gambar 3.31 Perancangan form menu mengelola data pengguna 3.2.2.2.5
Perancangan form data parkir
F05 Data Parkir Kendaraan
Tabel data parkir
Silahkan Scan kartu
Sisa Kuota Kendaraan Total Bayar
Gambar 3.32 Perancangan form menu data parkir
3.2.2.2.6 Perancangan form blokir pengguna
F06 Blokir Data Pengguna
NIMNIP Nama
Blokir Batal
Keterangan : ·
Masukkan Nimnip maka secara otomatis akan menampilkan nama
· Tekan tombol blokir untuk memblokir
pengguna maka akan menampilkan M13 ·
Tekan tombol batal untuk membatalkan pemblokiran jika berhasil maka akan
Menampilkan M14 jika tidak maka akan menampilkan M15
· Tekan tombol batal untuk kembali ke
F02
Gambar 3.33 Perancangan form menu blokir pengguna 3.2.2.2.7
Perancangan isi saldo
F07 Isi Saldo Pengguna Data Pengguna
NIMNIP Nama
Simpan Batal
Keterangan : · Tekan tombol simpan untuk
menyimpan saldo pengguna jika berhasil maka akan
menampilkan M07 jika tidak maka akan menampilkan
M08
· Tekan tombol batal untuk membatalkan pengisian
saldo maka akan menampilkan F02
Jumlah
Gambar 3.34 Perancangan form menu isi saldo
3.2.2.2.8 Perancangan Form Laporan
F08
Tabel data parkir Logo
Laporan Parkir UNIKOM Bulan
Gambar 3.35 Perancangan form menu laporan 3.2.2.2.9
Perancangan form pendaftaran
F09
Pendaftaran Dosen
Mahasiswa Pegawai
Pilih Tipe Pengguna
Masukan Nomor Induk Nama
Jumlah Saldo cari
Simpan Batal
Keterangan : ·
Tipe tipe pengguna ·
Masukkan nomor induk pengguna ·
Tekan tombol cari, jika data ada maka nama pengguna akan ditampilkan jika
tidak maka kan keluar M04,M05,M06, M016
· Masukkan jumlah saldo
· Tekan tombol simpan maka akan tampil
F02 jika tidak maka akan menampilkan M03 Dan akan menampilkan form F02
· Tekan batal maka akan menampilkan for
F02
Gambar 3.36 Perancangan form pendaftaran
3.2.2.2.10 Perancangan form pengaturan RFID
F010
Pengaturan Koneksi RFID Keterangan :
· Klik Tombol Simpan jika berhasil maka
akan menampilkan M07 , jika gagal maka kan menampilkan M08
· Klik Batal untuk kembali ke F02
Port RFID Masuk Port RFID Keluar
Simpan Batal
Gambar 3.37 Perancangan form pengaturan RFID 3.2.2.2.11
Perancangan form pengaturan kuota parkir
F011
Pengaturan Kuota Parkir Keterangan :
· Klik Tombol Simpan jika berhasil maka
akan menampilkan M07 , jika gagal maka kan menampilkan M08
· Klik Batal untuk kembali ke F02
Jumlah kuota kendaraan Simpan
Batal
Gambar 3.38 Perancangan form kuota parkir
3.2.2.2.12 Perancangan form biaya parkir
F012
Pengaturan Biaya Parkir Keterangan :
· Klik Tombol Simpan jika berhasil maka
akan menampilkan M07 , jika gagal maka kan menampilkan M08
· Klik Batal untuk kembali ke F02
Biaya Parkir Pegawai
Simpan Batal
Biaya parkir Dosen Biaya parkir mahasiswa
Gambar 3.39 Perancangan form biaya parkir 3.2.2.3
Perancangan Pesan Kode Pesan
Isi Pesan
M01 Password atau username anda salah
M02 Apakah Anda Akan Keluar Aplikasi?
M03 Harap isi data dengan lengkap
M04 Anda tidak terdaftar sebagai dosen UNIKOM
M05 Anda tidak terdaftar sebagai Mahasiswa UNIKOM
M06 Anda tidak terdaftar sebagai Pegawai UNIKOM
M07 Data Telah Diperbaharui
M08 Data Gagal Diperbaharui
M09 Apakah Anda Akan Menghapus Data Ini?
M10 Data Berhasil Dihapus
M11 Data Gagal Dihapus
M12 Tidak Terkoneksi dengan RFID Reader
M13 Apakah Anda Akan Memblokir pengguna?
M14 Data berhasil diblokir
M15 Data gagal diblokir
M16 Anda belum mengisi nomor induk
F01 F02
F03 F04
F05
F06
F07
F08
F09 F010
F011 F012
F013 F014
M1 M2
M7 M8
M9 M10
M11 M7
M8 M9
M10 M11
M13 M14
M15
M7 M8
M7 M8
M3 M4
M5 M6
M016 M7
M8 M7
M8
3.2.2.4 Jaringan Semantik
Gambar 3.40 Jaringan Semantik Aplikasi Perparkiran UNIKOM
125
BAB IV IMPLEMENTASI DAN PENGUJIAN
Pada bab ini akan dilakukan implementasi dan pengujian terhadap perangkat lunak Aplikasi Perparkiran di Universitas Komputer Indonesia berbasis RFID, yaitu
tahap penerjemahan kebutuhan pembangunan -kekurangan yang ada pada aplikasi.
4.1 Implementasi Sistem
Setelah aplikasi dianalisis dan dirancang secara rinci, tahap selanjutnya adalah implementasi. Tujuan dari implementasi adalah untuk mengkonfirmasi modul-modul
perancangan sehingga pengguna dapat memberikan masukan kepada pengembangan
sistem. 4.1.1
Implementasi Perangkat Keras
Perangkat keras yang digunakan untuk mengimplementasikan sistem adalah sebagai berikut :
1. Processor : Intel Pentium Dual-Core 2.00 GHz
2. Harddisk : 160 GB
3. RAM : DDR2 1 GB
4. LCD : 14.1”
5. RFID Reader : RFID ID-12
6. Keyboard
4.1.2 Implementasi Perangkat Lunak
Perangkat lunak yang digunakan untuk membangun dan mengimplementasikan sistem adalah sebagai berikut :
1. Sistem Operasi Windows 7 Home Premium 2. MySQL 5.5.16
3. WampServer 2.2 4. Visual Studio 2010
4.1.3 Implementasi Basis Data
Implementasi basis data diambil berdasarkan perancangan basis data yang dibuat sebelumnya. Secara fisik, implementasi basis data diimplementasikan menggunakan
perangkat lunak DBMS MySQL. Berikut adalah query sql untuk setiap tabel. Implementasi basis data diambil berdasarkan perancangan basis data yang dibuat
sebelumnya. Secara fisik, implementasi basis data diimplementasikan menggunakan perangkat lunak DBMS MySQL. Berikut adalah query sql untuk setiap tabel.
1. Tabel Pengguna
Query sql untuk tabel Pengguna adalah sebagai berikut:
CREATE TABLE IF NOT EXISTS `pengguna` `NoPengguna` int20 NOT NULL AUTO_INCREMENT,
`RFID_Pengguna` varchar25 NOT NULL, `NI` varchar15 NOT NULL,
`NamaPengguna` varchar50 NOT NULL, `JenisPengguna` varchar10 NOT NULL,
`Status` varchar15 NOT NULL, `Saldo` decimal8,0 NOT NULL,
PRIMARY KEY `NoPengguna` ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=10 ;
