BAB IV IMPLEMENTASI DAN PENGUJIAN 4.1 Implementasi Sistem Dalam implementasi aplikasi system informasi monitoring proyek konstruksi berbasis web, program akan di-install pada server yang disediakan oleh user dan pihak yang akan menggunakan aplikasi tersebut. Server tersebut dihubungkan melalui jaringan intranet, yang memungkinkan seorang user bisa mengakses aplikasi tersebut melalui browser. Dalam jaringan intranet dibutuhkan satu komputer yang terhubung. Untuk itu dibutuhkan beberapa perangkat lunak serta perangkat keras dengan spesifikasi sebagai berikut: 1. Perangkat Keras Perangkat keras yang dibutuhkan untuk mengimplementasikan sistem ini yaitu Komputer HP intel Atom processor N450 (1.66 GHz). 2. Perangkat Lunak yaitu : Perangkat lunak yang dibutuhkan untuk mengimplementasikan sistem ini a. Windows XP, 7. b. yed editor c. Sublime d. Xampp e. Mozila Firefox or Google Chrome f. MySQL 61
4.2 Implementasi Database Tahap awal dalam pembuatan aplikasi ini yaitu pembuatan database. Berikut adalah spesifikasi database dibutuhkan: 4.2.1 Struktur Tabel Admin Gambar 4.1 Tabel Admin CREATE TABLE IF NOT EXISTS `admin` ( `id_admin` int(5) NOT NULL, `username` varchar(25) NOT NULL, `password` varchar(10) NOT NULL, `nama_lengkap` varchar(25) NOT NULL, `tempat_lahir` varchar(25) NOT NULL, `tanggal_lahir` date NOT NULL, `hp` varchar(20) NOT NULL, `alamat` varchar(50) NOT NULL, `email` varchar(25) NOT NULL ) ENGINE=InnoDB DEFAULT CHARSET=latin1; 62
4.2.2 Struktur Tabel Gambar _kerja Gambar 4.2 Tabel Gambar_Kerja CREATE TABLE IF NOT EXISTS `gambar_kerja` ( `id_gambar` int(10) NOT NULL AUTO_INCREMENT, `tgl_submit` date NOT NULL, `tgl_dokumen` date NOT NULL, `no_gambar` varchar(25) NOT NULL, `nm_gambar` varchar(25) NOT NULL, `jns_gambar` varchar(20) NOT NULL, `status_gambar` varchar(25) NOT NULL, `keterangan` varchar(50) NOT NULL, PRIMARY KEY (`id_gambar`) ) ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=2 ; 63
4.2.3 Struktur Tabel ijinkerja Gambar 4.3 Tabel ijinkerja CREATE TABLE IF NOT EXISTS `ijinkerja` ( `id_ijinkerja` int(10) NOT NULL AUTO_INCREMENT, `tgl_ijinkerja` date NOT NULL, `no_ijinkerja` varchar(25) NOT NULL, `jns_gambar` varchar(15) NOT NULL, `status_dokumen` varchar(20) NOT NULL, PRIMARY KEY (`id_ijinkerja`) ) ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=2 ; 64
4.2.4 Struktur Tabel Karyawan Gambar 4.4 Table Karyawan CREATE TABLE IF NOT EXISTS `karyawan` ( `id_karyawan` int(10) NOT NULL, `username` varchar(100) NOT NULL DEFAULT '0', `password` varchar(100) NOT NULL DEFAULT '0', `nama_karyawan` varchar(50) DEFAULT NULL, `alm_karyawan` varchar(50) DEFAULT NULL, `gaji_karyawan` int(10) DEFAULT NULL, `tgl_gabung` date DEFAULT NULL, `user_level` int(2) NOT NULL ) ENGINE=InnoDB DEFAULT CHARSET=latin1; 65
4.2.5 Struktur Tabel lap_harian Gambar 4.5 Tabel lap_harian CREATE TABLE IF NOT EXISTS `lap_harian` ( `id_lapharian` int(10) NOT NULL AUTO_INCREMENT, `no_lapharian` varchar(25) NOT NULL, `tgl_lapharian` date NOT NULL, `status_dokumen` varchar(20) NOT NULL, `jmlh_gambarmasuk` varchar(25) NOT NULL, `progress` varchar(100) NOT NULL, PRIMARY KEY (`id_lapharian`) ) ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=3 ; 66
4.2.6 Struktur Tabel pekerja Gambar 4.6 Tabel pekerja CREATE TABLE IF NOT EXISTS `pekerja` ( `id_pekerja` int(10) NOT NULL AUTO_INCREMENT, `nik` int(20) NOT NULL, `nama_lengkap` varchar(25) NOT NULL, `tgl_masuk` date NOT NULL, `tgl_keluar` date NOT NULL, `jumlah_pekerja` varchar(20) NOT NULL, PRIMARY KEY (`id_pekerja`) ) ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=2 ; 67
4.3 Tampilan Antar Muka Berikut ini adalah tampilan antar muka aplikasi monitoring proyek konstruksi: 4.3.1 Form login Gambar 4.7 Tampilan Form Login Pada saat user membuka aplikasi, maka tampil halaman login. Pengguna wajib memiliki username dan password yang telah dibuat oleh administrator. Isi username dan password pada halaman login, lalu tekan enter atau klik tombol login. 68
4.3.2 Form Menu Home Gambar 4.8 Tampilan Menu Home Halaman utama menampilkan semua menu yang berfungsi untuk membuka halaman lain pada aplikasi. Menu yang ditampilkan adalah sesuai dengan hak akses pengguna tersebut. 69
4.3.3 Form Tambah Data User Gambar 4.9 Tampilan Form Tambah Data User Pada tampilan menu ini admin dapat melihat form data user dan juga bisa menambahkan sesuai dengan id admin, username, password, nama lengkap, tempat lahir, tanggal lahir, no hp, alamat dan email. 70
4.3.4 Form Tambah Data Pekerja Gambar 4.10 Tampilan Form Tambah Data Pekerja Pada tampilan menu ini admin dapat menambahkan data pekerja sesuai dengan Nik, nama lengkap, tanggal masuk, tanggal keluar, dan jumah pekerja. 71
4.3.5 Form Tambah Data Laporan Harian Gambar 4.11 Tampilan Form Tambah Data Laporan Harian Pada tampilan menu ini admin dapat menambahkan data sesuai dengan no laporan harian, tanggal laporan harian, status dokumen, jumlah gambar, dan progress. 72
4.3.6 Form Tambah Data Ijin Kerja Gambar 4.12Tampilan Form Tambah Data Ijin Kerja Pada tampilan menu ini admin dapat menambahkan data sesuai dengan tanggal ijin kerja, nomor ijin kerja, jenis gambar, status dokumen. 73
4.3.7 Form Tambah Data Gambar Kerja Gambar 4.13 Tampilan Form Tambah Data Gambar Kerja Pada tampilan menu ini admin dapat menambahkan data sesuai dengan tanggal submit, tanggal dokumen, nomor gambar, nama gambar, jenis gambar, status gambar. 74
4.3.8 Form Laporan Data User Gambar 4.14 Tampilan Form Laporan Data User Pada tampilan menu ini admin bisa melihat data yang telah ditambahkan pada input data user, admin juga dapat mengedit dan menghapus data sesuai kebutuhan. 75
4.3.9 Form Laporan Data Pekerja Gambar 4.15 Tampilan Form Laporan Data Pekerja Pada tampilan menu ini admin bisa melihat data yang telah ditambahkan pada input data pekerja, admin juga dapat mengedit dan menghapus data dan mencetak ke Pdf sesuai kebutuhan. 76
4.3.10 Form Laporan Data Laporan Harian Gambar 4.16 Tampilan Form Laporan Data Laporan Harian Pada tampilan menu ini admin bisa melihat data yang telah ditambahkan pada input data laporan harian, admin juga dapat mengedit dan menghapus data dan mencetak ke Pdf sesuai kebutuhan. 77
4.3.11 Form Laporan Data Ijin Kerja Gambar 4.17 Tampilan Form Laporan Data Ijin Kerja Pada tampilan menu ini admin bisa melihat data yang telah ditambahkan pada input data ijin kerja, admin juga dapat mengedit dan menghapus data dan mencetak ke Pdf sesuai kebutuhan. 78
4.3.12 Form Laporan Data Gambar Kerja Gambar 4.18 Tampilan Form Laporan Data Gambar Kerja Pada tampilan menu ini admin bisa melihat data yang telah ditambahkan pada input data gambar kerja, admin juga dapat mengedit dan menghapus data dan mencetak ke Pdf sesuai kebutuhan. 79
4.4 Pengujian Aplikasi Setelah aplikasi selesai dibuat dan sebelum aplikasi digunakan oleh pengguna, tahap berikutnya adalah pengujian berdasarkan spesifikasi dari kebutuhan pengguna sesuai dengan yang diharapkan. Tabel 4.1 Tabel Pengujian Aplikasi No Skenario Pengujian Hasil yang diharapkan 1. Admin/user dapat menambahkan data Menginput data Muncul notifikasi user. dan tersimpan 2. Admin/user dapat menambahkan data pekerja. Menginput data Muncul notifikasi dan tersimpan Hasil Pengujian Ok Ok 3. Admin/user dapat menambahkan data laporan harian. Menginput data Muncul notifikasi dan tersimpan Ok 4. Admin/user dapat menambahkan data ijin kerja. Menginput data Muncul notifikasi dan tersimpan Ok 5. Admin/user dapat menambahkan, data gambar kerja. Menginput data Muncul notifikasi dan tersimpan Ok 6. Admin dapat melihat data laporan user yang telah di input apakah sesuai dengan yang diinput. Menampilkan data yang diinput dan di edit atau dihapus apabila tidak sesuai Muncul notifikasi dan tersimpan Ok 7. Admin dapat melihat data laporan pekerja yang telah di input apakah sesuai dengan yang diinput. Menampilkan data yang diinput dan di edit atau dihapus apabila tidak sesuai Muncul notifikasi dan tersimpan Ok 8. Admin dapat melihat data laporan harian yang telah di input apakah sesuai dengan yang diinput. Menampilkan data yang diinput dan di edit atau dihapus apabila tidak sesuai Muncul notifikasi dan tersimpan Ok 80
9. Admin dapat melihat data laporan ijin kerja yang telah di input apakah sesuai dengan yang diinput.. Menampilkan data yang diinput dan di edit atau dihapus apabila tidak sesuai Muncul notifikasi dan tersimpan. Ok 10. Admin dapat melihat data laporan gambar kerja yang telah di input apakah sesuai dengan yang diinput. Menampilkan data yang diinput dan di edit atau dihapus apabila tidak sesuai Muncul notifikasi dan tersimpan Ok 4.5 Analisa Hasil Pengujian Dari skenario pengujian yang telah dilakukan terhadap aplikasi ini, maka diperoleh analisa hasil pengujian dengan rincian sebagai berikut: 1. Hasil pengujian berdasarkan analisa perancangan sistem telah sesuai dengan yang diharapkan. Semua antarmuka pengguna, skenario, aliran data, dan antarmuka sistem dapat berfungsi dengan baik. 2. Semua data yang dihasilkan oleh aplikasi dapat diolah menjadi laporan. 3. Dari hasil pengujian yang dilakukan pada aplikasi ini, penulis menyimpulkan bahwa semua antarmuka dan fungsi-fungsi yang ada pada aplikasi dapat berjalan dengan baik. Pengujian yang dilakukan oleh penulis terhadap aktifitas dalam aplikasi ini menghasilkan keluaran dan hasil yang sesuai dengan yang direncanakan dan diharapkan 4.tinggal sedikit lagi pengembangan dalam aplikasi ini agar dapat lebih menyempurnakan aplikasi ini. 81