103
BAB IV ANALISA DAN PERANCANGAN PROGRAM
4.1
Implementasi Setelah tahap analisa dan tahap perancangan sistem aplikasi yang sudah dijelaskan pada Bab III, maka tahap selanjutnya merupakan tahap implementasi. Pada Bab IV ini akan dibahas mengenai tahap implementasi pembuatan basis data dan implementasi perancangan antar muka sistem tenant menggunakan teknologi barcode. 4.1.1 Karakteristik Spesifikasi Sistem Implementasi yang dilakukan menggunakan sebuah perangkat komputer untuk pembuatan dan uji coba. Perangkat komputer yang digunakan untuk melakukan implementasi memiliki spesifikasi sebagai berikut : a. Spesifikasi Komputer
Perangkat Keras
Processor
Spesifikasi Intel(R) Pentium® CPU 987 @ 1.50GHz (2 CPUs),~1.5GHz
RAM
2048MB RAM
Graphic card
Intel® HD Graphics
104
b. Spesifikasi Scanner Barcode
Perangkat Keras
Spesifikasi
Nama Scanner
STK-888 CCD Barcode Scanner
Supported Symbologies
UPC-A, UPC-E, EAN-8, EAN-13, Code39, Code93, Codabar, Code128, EAN128, Interleaved 2 of 5, Matrix 2 of 5, Chineses Post Code, MSI
Adapun perangkat lunak yang digunakan untuk melakukan implementasi pembuatan aplikasi ini adalah sebagai berikut :
Perangkat Lunak Windows 8.1 Pro 64-bit (6.3, Build 9600)
Microsoft Visual Studio 2010
4.1.2
Fungsi
Sistem Operasi
IDE untuk scripting Bahasa .Net Programming
Xampp (MySql)
Database program
Microsoft Office 2010
Dokumentasi dan penulisan
Microsoft Visio 2010
Pembuatan diagram
Implementasi basis data Implementasi basis data yang digunakan untuk aplikasi ini disesuaikan dengan
class diagram yang dibuat di Bab III. Pada gambar berikut dapat dilihat bahwa tabel yang dirancang sudah terpasang sesuai kebutuhan. Pada gambar 4.1 dapat dilihat bahwa tabel yang dirancang sudah terpasang sesuai kebutuhan.
105
Gambar 4.1 Implementasi Tabel Secara Keseluruhan
Pada gambar 4.2 dapat dilihat bahwa tabel data_tenant beserta kolom- kolom sesuai dengan perancangan di bab III.
Gambar 4.2 Implementasi Tabel Data_tenant
Pada gambar 4.3 dapat dilihat bahwa tabel absen_tenant beserta kolomkolom sesuai dengan perancangan di bab III.
106
Gambar 4.3 Implementasi Tabel Absen_tenant
Pada gambar 4.4 dapat dilihat bahwa tabel sewa_tenant beserta kolom- kolom sesuai dengan perancangan di bab III.
Gambar 4.4 Implementasi Tabel sewa_tenant
107
Pada gambar 4.5 dapat dilihat bahwa tabel tempat beserta kolom- kolom sesuai dengan perancangan di bab III.
Gambar 4.5 Implementasi Tabel tempat
Pada gambar 4.6 dapat dilihat bahwa tabel user beserta kolom- kolom sesuai dengan perancangan di bab III.
Gambar 4.6 Implementasi Tabel user
108
Pada gambar 4.7 dapat dilihat relasi antar tabel beserta kolom- kolom sesuai dengan perancangan di bab III.
Gambar 4.7 Implementasi Relasi Antar Tabel 4.2
Implementasi Antarmuka Dalam interaksinya dengan pengguna antar muka (user interface) perlu dibuat dan dirancang sebaik mungkin baik dari sisi tampilan dan kemudahan (user friendly). Berikut implementasi dari antarmuka sistem yang telah dibangun. 4.2.1
Implementasi Antarmuka Form Login Sebagai fitur dasar dari sebuah aplikasi setiap pengguna yang ingin
menggunakan aplikasi harus melakukan proses login. Pengguna harus memasukan data berupa User Id dan Password. Jika kedua data ini valid makan pengguna akan masuk ke halaman utama.
109
Gambar 4.8 Implementasi Antarmuka Halaman Login
4.2.2
Implementasi Antarmuka Form Menu Utama Jika pengguna behasil melakukan login maka akan muncul halaman utama.
Halaman ini berisi semua menu yang bisa diakses oleh pengguna.
Gambar 4.9 Implementasi Antarmuka Halaman Utama
110
4.2.3 Implementasi Antarmuka Form Data Tenant Form data tenant dilakukan berdasarkan Id Tenant, Nama, No. Tlp, Divisi, Vendor, Departement. Pada halaman ini pengguna bisa melakukan beberapa aksi yaitu mencari, menyimpan, mengubah, menghapus, dan melihat.
Gambar 4.10 Implementasi Antarmuka Form Data Tenant 4.2.4
Implementasi Antarmuka Form Absen Tenant Form Absen Tenant lakukan berdasarkan Id Tenant yang sudah di input
sebelumnya. Untuk melakukan absensi berdasarkan Id Tenant pengguna bisa melakukan beberapa aksi yaitu Absen Masuk dan Absen Pulang.
Gambar 4.11 Implementasi Antarmuka Form Absen Tenant
111
4.2.5 Implementasi Antarmuka Form Rekap Absen Form Rekap Absen dilakukan berdasarkan Id Tenant, Tanggal absen, jam masuk dan jam keluar. Pada halaman ini pengguna bisa melakukan beberapa aksi yaitu menampilkan record rekap absen,
mengubah, menghapus, dan melihat
berdasarkan tanggal yang di tentukan.
Gambar 4.12 Implementasi Antarmuka Form Rekap Absen
4.2.6
Implementasi Antarmuka Form Sewa Tenant Form Sewa Tenant dilakukan berdasarkan Id Tenant yg sudah di input, Id
Sewa,No Perjanjian Sewa. Pada halaman ini pengguna bisa melakukan beberapa aksi yaitu mencari, cek masa sewa dan cek tempat yang ingin disewa.
112
Gambar 4.13 Implementasi Antarmuka Form Sewa Tenant 4.2.7 Implementasi Antarmuka Form Pencarian Tempat Sewa Form Pencarian Tempat Sewa ini menampilkan lay out tempat sewa tenant sesuai dengan tempat sewa. Pada halaman ini pengguna melakukan beberapa aksi yaitu mencari lokasi tempat sewa.
Gambar 4.14 Implementasi Antarmuka Pencarian Tempat Sewa
113
4.2.8 Implementasi Antarmuka Form Tempat Sewa Form Tempat Sewa dilakukan berdasarkan Id Sewa, Id Tempat, Status, Tanggal Akhir Sewa. Pada halaman ini pengguna bisa melakukan beberapa aksi yaitu menyewa tempat sewa, memasukkan gambar, dan menghapus gambar.
Gambar 4.15 Implementasi Antarmuka Tempat Sewa 4.2.9
Implementasi Antarmuka Form Tempat Sewa Form batal Sewa dilakukan berdasarkan Id Sewa, Id Tempat, Status, Tanggal
Akhir Sewa. Pada halaman ini pengguna bisa melakukan beberapa aksi yaitu menyewa tempat sewa, batal sewa, memasukkan gambar, dan menghapus gambar.
Gambar 4.16 Implementasi Antarmuka Batal Sewa
114
4.2.10 Implementasi Antarmuka Form Cetak Kartu Tenant Form Cetak Kartu Tenant dilakukan berdasarkan Id Tenant. Pada halaman ini pengguna bisa melakukan beberapa aksi yaitu Cetak Barcode, Setting Print, dan Cetak Kartu, Cari.
Gambar 4.17 Implementasi Antarmuka Cetak Kartu Tenant
4.2.11 Implementasi Antarmuka Cetak Barcode Rancangan ini untuk halaman Cetak Barcode dengan menggunakan print preview. Barcode akan tercetak berdasarkan Id Tenant yang di input pada form cetak kartu.
115
Gambar 4.18 Implementasi Antarmuka Cetak Barcode
4.2.12 Implementasi Antarmuka Cetak Kartu Tenant Rancangan ini untuk halaman Cetak Kartu Tenant dengan menggunakan Crystal Report. Kartu Tenant akan tercetak berdasarkan Id Tenant yang di input.
Gambar 4.19 Implementasi Antarmuka Cetak Kartu Tenant
116
4.2.13 Implementasi Antarmuka Laporan Absen Periodik Rancangan ini untuk halaman Laporan Absen dengan menggunakan Crystal Report. Laporan akan tercetak berdasarkan Tanggal Periodik sesuai keinginan pengguna yang di input. Tanggal diinput pada parameter value.
Gambar 4.20 Implementasi Antarmuka Laporan Absen Periodik
4.2.14 Implementasi Antarmuka Laporan Sewa Tenant Rancangan ini untuk halaman Laporan Sewa Tenant dengan menggunakan Crystal Report. Laporan akan tercetak berdasarkan Tanggal Periodik sesuai keinginan pengguna yang di input. Tanggal diinput pada parameter value.
117
Gambar 4.21 Implementasi Antarmuka Laporan Sewa Tenant
4.2.15 Implementasi Antarmuka Form Ganti User Form Ganti User dilakukan berdasarkan user id dan password. Pada halaman ini pengguna bisa mengganti password sesuai dengan keinginan. Terdapat 2 user id yang dipakai. Untuk user id: admin dan password : admin tidak dapat diganti ntuk alasan keamanan.
Gambar 4.22 Implementasi Antarmuka Form Ganti User
118
4.2.16 Implementasi Antarmuka Form About Form Ganti User dilakukan berdasarkan user id dan password. Pada halaman ini pengguna bisa mengganti password sesuai dengan keinginan.
Gambar 4.23 Implementasi Antarmuka Form Ganti User
4.3
Verifikasi Pengujian Pengujian perlu dilakukan untuk menguji sistem / aplikasi yang telah dibuat apakah sudah sesuai dengan rancangan awal atau tidak. Pengujian yang akan dilakukan yaitu menguji semua proses pada semua halaman yaitu halaman login, menu utama, Data Tenant, Absent Tenant, Rekap Absen, Sewa Tenant, Cetak Kartu Tenant, Cetak Laporan Rekap Absen, Cetak Laporan Sewa tenant.
4.4
Skenario pengujian Uji coba dilakukan setelah pembuatan perangkat lunak selesai dengan percobaan pada komputer tampilan pengguna. Dengan melakukan uji coba ini dapat dilakukan untuk mengetahui kemungkinan terjadinya kesalahan dan untuk memastikan fungis-fungsi yang terdapat pada modul-modul aplikasi ini apakah sudah berjalan dengan baik. Dalam proses pengujiannya metode yang digunakan adalah black box. Metode ini dipilih karena pengetesan cukup mengetahui semua fungsi – fungsi yang ada
119
dalam sistem berjalan tanpa ada kesalahan dan tidak memerlukan pengetesan secara detail / logis. Tabel 4.1 Pengujian Black box No
Deskripsi
Kasus Uji
Kondisi Awal
1
Menjalankan
Menjalankan
Normal : Aplikasi
Normal : Halaman
Aplikasi.
aplikasi.
dapat dijalankan
Login bisa muncul.
Tidak Normal : Aplikasi tidak bisa
Hasil yang diinginkan
Tidak Normal : Halaman login tidak
dijalankan. 2
Form Login
muncul.
Mamasukan
Normal : Halaman
Normal : bisa
user id dan
login tampil
memasukan user id dan
password.
password dan muncul halaman utama.
3
Tidak normal :
Tidak normal :
halaman login tidak
Tidak bisa memasukan
tampil.
user id dan password
Form Menu
Tampil Menu
Normal :
Normal : Menu-menu
Utama
Utama
Menampilkan
dapat di akses
Menu-menu yang dapat di akses Tidak Normal :
Tidak Normal : Menu-
Tidak dapat
menu tidak dapat di
menampilkan
akses
Menu-menu yang dapat di akses 4
Form Data
Memasukkan
Normal : dapat
Normal : dapat
Tenant
Id tenant,
menampilkan form
Menampilkan,
nama, no.tlp,
data tenant
menambah,
120
divisi,
menghapus, mengubah,
vendor,
dan mencari data tenant
departement
Tidak Normal :
Tidak Normal : Tidak
tidak dapat
dapat Menampilkan,
menampilkan form
menambah,
data tenant
menghapus, mengubah, dan mencari data tenant
5
Form Absent
Memasukkan
Normal : dapat
Normal : dapat
Tenant
Id tenant,
menampilkan form
menginput waktu
Absen Tenant
masuk absen tenant,
dengan waktu yang
waktu keluar absen
sesuai
tenant.
Tidak Normal :
Tidak Normal : tidak
tidak dapat
dapat menginput waktu
menampilkan form
masuk absen tenant,
Absen Tenant
waktu keluar absen
dengan waktu yang
tenant
sesuai 6
Form Rekap
Memasukkan
Normal : dapat
Normal : dapat : dapat
Absent
data absen Id
menampilkan form
Menampilkan,
tenant,
rekap Absen
menghapus, mengubah,
tanggal
dan mencari data absen
absen.
tenant Tidak Normal :
Tidak Normal : tidak
tidak dapat
dapat Menampilkan,
menampilkan form
menghapus, mengubah,
rekap Absen
dan mencari data absen tenant
7
Form sewa
Memasukkan
Normal : dapat
Normal : dapat
121
Tenant
data Id
menampilkan form
Menampilkan data
tenant, Id
sewa tenant
sewa tenant, mencari
Sewa, no
data sewa tenant
perjanjian
Tidak Normal :
Tidak Normal : tidak
sewa
tidak dapat
dapat Menampilkan
menampilkan form
data sewa tenant,
sewa tenant
mencari data sewa tenant
8
Form
Memasukkan
Normal : dapat
Normal : dapat
Pencarian
Id tempat
menampilkan form
Menampilkan form
pencarian tempat
tempat sesuai dengan id
sewa.
tempat yang diinput
Tidak Normal :
Tidak Normal : tidak
tidak dapat
dapat Menampilkan
menampilkan form
form tempat sesuai
pencarian tempat
dengan id tempat yang
sewa.
diinput
Tempat Sewa
9
Form Tempat
Masukkan
Normal : dapat
Normal : dapat
Sewa
gambar
menampilkan form
Menampilkan ,
tempat sewa
tempat sewa.
menambah, menghapus datsa sewa.
10
Tidak Normal :
Tidak Normal : tidak
tidak dapat
dapat Menampilkan ,
menampilkan form
menambah, menghapus
tempat sewa.
data sewa.
Form Cetak
Memasukkan
Normal : dapat
Normal : dapat
Kartu Tenant
data Id
menampilkan form
menampilkan dan
tenant,
sewa tenant dengan mencetak print peview barcode sesuai
barcode dan print kartu
122
dengan id tenant
tenant sesuai dengan id tenant yang diinput.
Tidak Normal :
Tidak Normal : tidak
tidak dapat
dapat menampilkan dan
menampilkan form
mencetak print peview
sewa tenant dengan barcode dan print kartu barcode sesuai
tenant sesuai dengan id
dengan id tenant
tenant yang diinput.sewa.
11
Laporan
Memasukkan
Normal : dapat
Normal : dapat
Rekap Absen
tanggal
menampilkan
menampilkan laporan
Tenant
periodik
laporan Rekap
sewa tenant sesuai
Absen tenant
dengan tanggal yang diinput
12
Tidak Normal :
Tidak Normal : tidak
tidak dapat
dapat menampilkan
menampilkan
laporan sewa tenant
laporan Rekap
sesuai dengan tanggal
Absen tenant
yang diinput
Laporan
Memasukkan
Normal : dapat
Normal : dapat
Sewa Tenant
tanggal
menampilkan
menampilkan dan
periodik
menampilkan
mencetak print peview
laporan sewa tenant
barcode dan print kartu tenant sesuai dengan id tenant yang diinput.
Tidak Normal :
Tidak Normal : tidak
tidak dapat
dapat dapat
menampilkan
menampilkan laporan
laporan sewa tenant
sewa tenant sesuai
123
sesuai dengan
dengan tanggal yang
tanggal yang
diinput
diinput sesuai dengan id tenant
4.5
Analisa Hasil Pengujian
Dari keseluruhan proses pengujian dapat dinalisis bahwa : 1. Aplikasi dapat terkoneksi ke Data Base, sehingga proses login berhasil dilakukan. 2. Proses pengelolaan data CRUD (create, update, delete) untuk Data Tenant dan Sewa Tenant dapat berjalan normal. 3. Proses pembacaan dan penerapan Barcode dari aplikasi berhasil dilakukan. Proses pembuatan Kartu Berbarcode Tenant berhasil dilakukan. 4. Proses absensi menggunakan Barcode Berhasil dilakukan data absen berhasil terekam ke dalam database. 5. Proses pembuatan laporan Rekap Absen dan laporan Sewa Tenant berhasil dilakukan.