BAB IV ANALISA DAN PERANCANGAN PROGRAM

Transkripsi

1 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 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 RAM Graphic card Spesifikasi Intel(R) Pentium CPU 1.50GHz (2 CPUs),~1.5GHz 2048MB RAM Intel HD Graphics

2 104 b. Spesifikasi Scanner Barcode Perangkat Keras Nama Scanner Supported Symbologies Spesifikasi STK-888 CCD Barcode Scanner 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) Microsoft Visual Studio 2010 Xampp (MySql) Microsoft Office 2010 Microsoft Visio 2010 Sistem Operasi IDE untuk scripting Bahasa.Net Programming Database program Dokumentasi dan penulisan 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.

3 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 kolom- kolom sesuai dengan perancangan di bab III.

4 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

5 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

6 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 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.

7 109 Gambar 4.8 Implementasi Antarmuka Halaman Login 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

8 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 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

9 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 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.

10 112 Gambar 4.13 Implementasi Antarmuka Form Sewa Tenant 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

11 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 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

12 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 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.

13 115 Gambar 4.18 Implementasi Antarmuka Cetak Barcode 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

14 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 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.

15 117 Gambar 4.21 Implementasi Antarmuka Laporan Sewa Tenant 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

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

17 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 Hasil yang diinginkan 1 Menjalankan Aplikasi. Menjalankan aplikasi. Normal : Aplikasi dapat dijalankan Normal : Halaman Login bisa muncul. Aplikasi tidak bisa dijalankan. 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 Normal : Menu-menu dapat di akses Menu-menu yang dapat di akses Tidak dapat menampilkan Menumenu tidak dapat di akses Menu-menu yang dapat di akses 4 Form Data Tenant Memasukkan Id tenant, nama, no.tlp, data tenant Menampilkan, menambah,

18 120 divisi, vendor, menghapus, mengubah, dan mencari data tenant departement tidak dapat data tenant Tidak dapat Menampilkan, menambah, menghapus, mengubah, dan mencari data tenant 5 Form Absent Tenant Memasukkan Id tenant, Absen Tenant dengan waktu yang sesuai menginput waktu masuk absen tenant, waktu keluar absen tenant. tidak dapat Absen Tenant dengan waktu yang tidak dapat menginput waktu masuk absen tenant, waktu keluar absen tenant sesuai 6 Form Rekap Absent Memasukkan data absen Id tenant, tanggal absen. rekap Absen : dapat Menampilkan, menghapus, mengubah, dan mencari data absen tenant tidak dapat rekap Absen tidak dapat Menampilkan, menghapus, mengubah, dan mencari data absen tenant 7 Form sewa Memasukkan

19 121 Tenant data Id Menampilkan data tenant, Id sewa tenant sewa tenant, mencari Sewa, no data sewa tenant perjanjian tidak sewa tidak dapat dapat Menampilkan data sewa tenant, sewa tenant mencari data sewa tenant 8 Form Memasukkan Pencarian Id tempat Menampilkan form Tempat Sewa pencarian tempat tempat sesuai dengan id sewa. tempat yang diinput tidak tidak dapat dapat Menampilkan form tempat sesuai pencarian tempat dengan id tempat yang sewa. diinput 9 Form Tempat Masukkan Sewa gambar Menampilkan, tempat sewa tempat sewa. menambah, menghapus datsa sewa. tidak tidak dapat dapat Menampilkan, menambah, menghapus tempat sewa. data sewa. 10 Form Cetak Memasukkan Kartu Tenant data Id menampilkan dan tenant, sewa tenant dengan mencetak print peview barcode sesuai barcode dan print kartu

20 122 dengan id tenant tenant sesuai dengan id tenant yang diinput. tidak tidak dapat dapat menampilkan dan 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 Rekap Absen tanggal menampilkan menampilkan laporan Tenant periodik laporan Rekap sewa tenant sesuai Absen tenant dengan tanggal yang diinput tidak tidak dapat dapat menampilkan menampilkan laporan sewa tenant laporan Rekap sesuai dengan tanggal Absen tenant yang diinput 12 Laporan Memasukkan 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 tidak dapat dapat dapat menampilkan menampilkan laporan laporan sewa tenant sewa tenant sesuai

21 123 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.