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 Spesifikasi
Processor Intel(R) Pentium® CPU 987 @ 1.50GHz (2 CPUs),~1.5GHz
RAM 2048MB RAM
Graphic card Intel® HD Graphics
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 Fungsi
Windows 8.1 Pro 64-bit (6.3,
Build 9600) Sistem Operasi
Microsoft Visual Studio 2010 IDE untuk scripting Bahasa .Net Programming
Xampp (MySql) Database program
Microsoft Office 2010 Dokumentasi dan penulisan Microsoft Visio 2010 Pembuatan diagram
4.1.2 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.
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 kolom- kolom sesuai dengan perancangan di bab III.
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.4Implementasi Tabel sewa_tenant
Pada gambar 4.5 dapat dilihat bahwa tabel tempat beserta kolom- kolom sesuai dengan perancangan di bab III.
Gambar 4.5Implementasi Tabel tempat
Pada gambar 4.6 dapat dilihat bahwa tabel user beserta kolom- kolom sesuai dengan perancangan di bab III.
Gambar 4.6Implementasi Tabel user
Pada gambar 4.7 dapat dilihat relasi antar tabel beserta kolom- kolom sesuai dengan perancangan di bab III.
Gambar 4.7Implementasi 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.
Gambar 4.8Implementasi 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.9Implementasi Antarmuka Halaman Utama
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.10Implementasi 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.11Implementasi Antarmuka Form Absen Tenant
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.12Implementasi 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.
Gambar 4.13Implementasi 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.14Implementasi Antarmuka Pencarian Tempat Sewa
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.15Implementasi 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.16Implementasi Antarmuka Batal Sewa
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.17Implementasi 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.
Gambar 4.18Implementasi 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.19Implementasi Antarmuka Cetak Kartu Tenant
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.20Implementasi 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.
Gambar 4.21Implementasi 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.22Implementasi Antarmuka Form Ganti User
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.23Implementasi 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
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 Hasil yang diinginkan 1 Menjalankan
Aplikasi.
Menjalankan aplikasi.
Normal : Aplikasi dapat dijalankan
Normal : Halaman Login bisa muncul.
Tidak Normal : Aplikasi tidak bisa dijalankan.
Tidak Normal : Halaman login tidak
muncul.
2 Form Login Mamasukan user id dan password.
Normal : Halaman login tampil
Normal : bisa
memasukan user id dan password dan muncul halaman utama.
Tidak normal : halaman login tidak tampil.
Tidak normal :
Tidak bisa memasukan user id dan password 3 Form Menu
Utama
Tampil Menu Utama
Normal : Menampilkan Menu-menu yang dapat di akses
Normal : Menu-menu dapat di akses
Tidak Normal : Tidak dapat menampilkan Menu-menu yang dapat di akses
Tidak Normal : Menu- menu tidak dapat di akses
4 Form Data Tenant
Memasukkan Id tenant, nama, no.tlp,
Normal : dapat menampilkan form data tenant
Normal : dapat Menampilkan, menambah,
divisi, vendor, departement
menghapus, mengubah, dan mencari data tenant Tidak Normal :
tidak dapat
menampilkan form data tenant
Tidak Normal : Tidak dapat Menampilkan, menambah,
menghapus, mengubah, dan mencari data tenant 5 Form Absent
Tenant
Memasukkan Id tenant,
Normal : dapat menampilkan form Absen Tenant dengan waktu yang sesuai
Normal : dapat menginput waktu masuk absen tenant, waktu keluar absen tenant.
Tidak Normal : tidak dapat
menampilkan form Absen Tenant dengan waktu yang sesuai
Tidak Normal : tidak dapat menginput waktu masuk absen tenant, waktu keluar absen tenant
6 Form Rekap Absent
Memasukkan data absen Id tenant, tanggal absen.
Normal : dapat menampilkan form rekap Absen
Normal : dapat : dapat Menampilkan,
menghapus, mengubah, dan mencari data absen tenant
Tidak Normal : tidak dapat
menampilkan form rekap Absen
Tidak Normal : tidak dapat Menampilkan, menghapus, mengubah, dan mencari data absen tenant
7 Form sewa Memasukkan Normal : dapat Normal : dapat
Tenant data Id tenant, Id Sewa, no perjanjian sewa
menampilkan form sewa tenant
Menampilkan data sewa tenant, mencari data sewa tenant Tidak Normal :
tidak dapat
menampilkan form sewa tenant
Tidak Normal : tidak dapat Menampilkan data sewa tenant, mencari data sewa tenant
8 Form Pencarian Tempat Sewa
Memasukkan Id tempat
Normal : dapat menampilkan form pencarian tempat sewa.
Normal : dapat Menampilkan form tempat sesuai dengan id tempat yang diinput Tidak Normal :
tidak dapat
menampilkan form pencarian tempat sewa.
Tidak Normal : tidak dapat Menampilkan form tempat sesuai dengan id tempat yang diinput
9 Form Tempat Sewa
Masukkan gambar tempat sewa
Normal : dapat menampilkan form tempat sewa.
Normal : dapat Menampilkan ,
menambah, menghapus datsa sewa.
Tidak Normal : tidak dapat
menampilkan form tempat sewa.
Tidak Normal : tidak dapat Menampilkan , menambah, menghapus data sewa.
10 Form Cetak Kartu Tenant
Memasukkan data Id tenant,
Normal : dapat menampilkan form sewa tenant dengan barcode sesuai
Normal : dapat menampilkan dan mencetak print peview barcode dan print kartu
dengan id tenant tenant sesuai dengan id tenant yang diinput.
Tidak Normal : tidak dapat
menampilkan form sewa tenant dengan barcode sesuai dengan id tenant
Tidak Normal : tidak dapat menampilkan dan mencetak print peview barcode dan print kartu tenant sesuai dengan id tenant yang
diinput.sewa.
11 Laporan Rekap Absen Tenant
Memasukkan tanggal periodik
Normal : dapat menampilkan laporan Rekap Absen tenant
Normal : dapat menampilkan laporan sewa tenant sesuai dengan tanggal yang diinput
Tidak Normal : tidak dapat menampilkan laporan Rekap Absen tenant
Tidak Normal : tidak dapat menampilkan laporan sewa tenant sesuai dengan tanggal yang diinput
12 Laporan Sewa Tenant
Memasukkan tanggal periodik
Normal : dapat menampilkan menampilkan laporan sewa tenant
Normal : dapat menampilkan dan mencetak print peview barcode dan print kartu tenant sesuai dengan id tenant yang diinput.
Tidak Normal : tidak dapat menampilkan laporan sewa tenant
Tidak Normal : tidak dapat dapat
menampilkan laporan sewa tenant sesuai
sesuai dengan tanggal yang diinput sesuai dengan id tenant
dengan tanggal yang diinput
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.
