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 Perangkat lunak yang dibutuhkan untuk mengimplementasikan sistem ini yaitu : a. Windows XP, 7. b. yed editor c. Sublime d. Xampp e. Mozila Firefox or Google Chrome f. MySQL
61
http://digilib.mercubuana.ac.id/
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
http://digilib.mercubuana.ac.id/
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
http://digilib.mercubuana.ac.id/
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
http://digilib.mercubuana.ac.id/
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
http://digilib.mercubuana.ac.id/
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
http://digilib.mercubuana.ac.id/
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
http://digilib.mercubuana.ac.id/
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
http://digilib.mercubuana.ac.id/
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
http://digilib.mercubuana.ac.id/
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
http://digilib.mercubuana.ac.id/
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
http://digilib.mercubuana.ac.id/
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
http://digilib.mercubuana.ac.id/
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
http://digilib.mercubuana.ac.id/
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
http://digilib.mercubuana.ac.id/
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
http://digilib.mercubuana.ac.id/
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
http://digilib.mercubuana.ac.id/
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
http://digilib.mercubuana.ac.id/
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
http://digilib.mercubuana.ac.id/
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
http://digilib.mercubuana.ac.id/
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 Muncul notifikasi dan tersimpan
Hasil Pengujian Ok
1.
Admin/user dapat menambahkan user.
data Menginput data
2.
Admin/user dapat menambahkan pekerja.
data Menginput data
Muncul notifikasi dan tersimpan
Ok
3.
Admin/user dapat menambahkan laporan harian.
data 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 Menampilkan data Muncul notifikasi yang telah di input apakah sesuai dengan yang diinput dan di dan tersimpan yang diinput. edit atau dihapus apabila tidak sesuai
Ok
7.
Admin dapat melihat data laporan pekerja Menampilkan data Muncul notifikasi yang telah di input apakah sesuai dengan yang diinput dan di dan tersimpan yang diinput. edit atau dihapus apabila tidak sesuai
Ok
8.
Admin dapat melihat data laporan harian Menampilkan data Muncul notifikasi yang telah di input apakah sesuai dengan yang diinput dan di dan tersimpan yang diinput. edit atau dihapus apabila tidak sesuai
Ok
80
http://digilib.mercubuana.ac.id/
9.
Admin dapat melihat data laporan ijin Menampilkan data Muncul notifikasi kerja yang telah di input apakah sesuai yang diinput dan di dan tersimpan. dengan yang diinput.. edit atau dihapus apabila tidak sesuai
Ok
10.
Admin dapat melihat data laporan gambar Menampilkan data Muncul notifikasi kerja yang telah di input apakah sesuai yang diinput dan di dan tersimpan dengan yang diinput. edit atau dihapus apabila tidak sesuai
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
http://digilib.mercubuana.ac.id/
