Setelah dilakukan tahap analisis dan perancangan sistem, maka tahap selanjutnya yang harus dilakukan adalah implementasi dan uji coba. Pada tahap ini akan dilakukan pengkodean untuk membuat aplikasi berbasi desktop dan aplikasi berbasis website yang berfungsi hanya untuk melihat laporan absensi pegawai.
4.1 Kebutuhan Sistem
Dalam menimplementasikan aplikasi absensi pegwai menggunkan fingerprint ini dibangun pada perangkat keras komputer dan beberapa pernagkat keras pendukung lainya, dan menggunakan beberapa pernagkat lunak
4.1.1. Spesifikasi Perangkat Lunak
Spesifikasi perangkat lunak memiliki peranan penting dalam mengembangkan sistem terutama untuk implementasi kode program. Perangkat lunak yang digunaka untuk membangun Aplikasi Absensi Pegawai Kelurahan Menggunakan Fingerprint Studi Kasus Kelurahan Sawah, Ciputat adalah sebagai berikut:
a Sistem Operasi Windows 8.1 Pro N 64Bit b Microsoft Visual FoxPro 9.0
c XAMPP d PHP Desainer e SQLyog Enterprise f Google Chrome
Ram 2 GB Harddisk 500 GB
NVIDIA GeForce 820M Mouse
Mesin fingerprint solution, dalam hal ini menggunaka tipeP 205
Gambar 4.1 Mesin Fingerprint Solution P 205
4.2 Desain Antaramuka
Aplikasi absensi pegawai kelurahan menggunakan fingerprint ini terdiri dai 2 (dua) antara muka. Antara muka berbasis desktop dan antara muka laporan data absensi berbasis web. perancangan antara muka yang dibuat mengedepankan user
friendly agar admin dan pegawai dapat dengan mudah memahami aplikasi absensi kelurahan sawah ini. Maka antaramuka GUI yang dibuat menjadi lebih sederhana.
4.2.1 Form Login
Setiap kali admin ingin melakukan akses aplikasi absensi maka admin diwajibkan melakukan login terlebih dahulu. halaman login merupakan halaman utama yang mejadi pintu gerbang untuk mengakses aplikasi. Antara muka login ini untuk berbasis dekstop. Berikut adalah tampilan antara muka halaman login admin berbasi desktop.
Gambar 4.2 Form Login
Etintas-entitas yang berperan pada form login aplikasi absensi pegawai kelurahan ini dijelaskan pada tabel berikut :
Tabel 4.1 Deskripsi Form Login
No Entitas Deskripsi
1. txtKode Untuk memasukan kode pegawai
Gambar 4.3 Form Halaman Utama 4.2.3 Form Data Pegawai
Pada halaman data pegawai berisikan informasi tentang data pegawai dan hal-hal yang berkaitan antara lain admin bisa melakukan tambah, edit, delete dan cetak data.
Gambar 4.4 Form Data Pegawai
Etintas-entitas yang berperan pada form data pegawai aplikasi absensi pegawai kelurahan ini dijelaskan pada tabel berikut :
Tabel 4.2 Deskripsi Form Data Pegawai
No Entitas Deskripsi
1. txtKode Untuk mengisi kode pegawai 2. txtNama Untuk mengisi nama pegawai 3. txtKdjabat Untuk mengisi kode jabatan pegawai 3. txtAlamat Untuk mengisi alamat pegawai 4. txtTelepon Untuk mengisi telepon pegawai 5. txtEmail Untuk mengisi alamat email pegawai 6. txtPassword Untuk mengisi password
4.2.4 Form Data Absensi
Pada form antaramuka data absensi admin bisa melihat informasi yang terdapat tentang absensi pegawi kelurahan. Dapat dilihat pada gambar dibawah ini:
Gambar 4.5 Form Data Absensi
4.2.5 Form Laporan
Pada halaman antaramuka laporan admin mendapatkan informasi tentang laporan keseluruhan antara lain yang terdapat di halaman laporan yaitu tampilkan, tampilkan semua, preview, dan print. Bisa dilihat pada gambar berikut ini :
4.2.6 Form Utility
Halaman utility memiliki beberapa kegunaan antara lain backup data, restore data, export data absensi ke server web dan import data absensi dari mesin. Bisa dilihat pada gambar berikut :
Gambar 4.7 Form Utility
4.3 Integrasi Sistem
Pada bagian integrasi sistem ini diawali dengan creat data source ODBC (Open Database Connectivity), fungsi ODBC ini untuk koneksi databse dari sistem visual foxpro 9.0 dengan database yang dibangun, agar laporan absensi kelurahan berbasi website bisa terhubung. Gambar user DNS persis setelah creat data source nama ODBC pada komputer terlihat pada gambar di bawah ini :
Gambar 4.8 Data Source ODBC Absensi Kelurahan
4.4 Implementasi Antaramuka Aplikasi
Implementasi antaramuka merupakan relisasi dari proses perancangan antaramuka yang dilakukan pada tahap perancangan sebelumnya implementasi antara muka dibagi menjadi 2 (dua) antaramuka berbasis desktop dan antaramuka berbasi laporan web. Pada bagian ini akan dipaparkan beberapa implementasi rancangan antara muka yang disertai dengan beberapa potongan kode program.
4.4.1 Antaramuka Login
Halaman login merupakan halaman utama yang menjadi pintu gerbang untuk mengakses sistem yang menampilkan kolom username dan password.
Pada halaman login sitem akan melakukan pengecekan username dan password pengguna sudah benar atau belum, jika sudah benar makan aktor akan masuk ke halaman utama, jika tidak maka aktor harus mengulang kembali atau exit untuk keluar.
Gambar 4.10 Potongan Kode Login
4.4.2 Antaramuka Halaman Utama
Tampilan halaman utama pada aplikasi berbasis desktop merupakan tampilan ketika aktor selesai melakukan login dengan benar selanjutnya yang ditampilkan yaitu halaman utama.
Gambar 4.11 Tampilan Halaman Utama
4.4.3 Antaramuka Data Pegawai
Pada implementasi ini berfungsi sebagai proses pengolahan data pegawai yang dilakukan oleh admin sesudah melakukan login terlebih dahulu dan didalam data pegawai terdapat beberapa tombol diantaranta tamabah, edit, delete, dan cetak. Berikut pengolahan antaramuka data pegawai:
Gambar 4.12 Tampilan Data Pegawai
1. Antaramuka Tambah
Pada antaramuka tambah data pegawai, aktor bisa menambahkan data pegawai baru dengan menekan tombol tambah yang ada didalam data pegawai. Berikut implementasi antaramuka tambah data pegawai :
Gambar 4.13 Tampilan Tambah
Dan berikut potongan kode program yang digunakan untuk menambah data pegawai kedalam sistem :
Gambar 4.14 Potongan program tambah
4.4.4 Antaramuka Data Absensi
Pada antaramuka data absensi ini aktor bisa melihat data absensi yang sudah atau belum. Berikut antaramuka data absensi :
Gambar 4.15 Tampilan Data Absensi
4.4.5 Antaramuka Laporan
Pada implementasi antaramuka ini aktor bisa melihat data laporan pegawai sebelum mencetak laporan data pegawai, aktor juga bisa melihat laporan priode sesuai yang di perlukan. Berikut implementasi antaramuka laporan :
Gambar 4.16 Tampilan Laporan 4.4.6 Antaramuka Utility
Pada implementasi antaramuka ini aktor bisa melakukan diagram sequence backup data, diagram sequence restore data, diagram sequence export data absensi ke server web dan diagram sequence import data, aktor juga bisa melihat laporan priode sesuai yang di perlukan. Berikut implementasi antaramuka laporan :
Gambar 4.17 Tampilan Utility
4.4.7 Antaramuka Login Berbasis Website
Halaman login berbasis website merupakan halaman utama yang menjadi pintu gerbang untuk mengakses sistem yang menampilkan kolom username dan password. Setiap user diwajibkan login terlebih dahulu ketika ingin memasukin halaman utama website untuk laporan absensi pegawai ini. Berikut ini gambar untuk halaman login:
Gambar 4.18 Tampilan Login Website
Gambar 4.19 Potongan Login Website
4.4.8 Antaramuka Halaman Utama Laporan Berbasis Website
Halaman utama laporan berbasis website merupakan halaman utama laporan ini berfungsi untuk pegawai kelurahan agar mengetahui laporan absensi yang sudah dilakukan. Berikut adalah halaman utama laporan absensi berbasis website :
Gambar 4.20 Tampilan Halaman Utama Laporan Berbasis Website else { //echo ("Koneksi Berhasil"); }
$query = "SELECT Count(*) AS counter,nama FROM mst_pegawai where kode = '$userid' and password = '$password' ";
$rs = odbc_exec($konek,$query); $arr = odbc_fetch_array($rs); //echo 'arra '.$arr['counter']; $jml = $arr['counter']; //echo 'jml '.$jml; if ($jml > 0) {
$_SESSION['userid'] = $userid;
$nama = $arr['nama'];
$_SESSION['namaadmin345xx'] = $nama; //['username'];
$_SESSION['namaadmin345xxx'] = 'test'; //$nama['nama']; //$nama['username'];
$judul = '| User ID : '.$userid.' Nama : '.$_SESSION['namaadmin345xx'];
$_SESSION['judul'] = $judul;
$_SESSION['level'] = 'ADMIN'; //$nama['typeuser']; echo "<script>window.location='index.php?hal=listabsensi&sts=1'</script>"; } else { $pesan = 'User ID dan Password salah..!!!!';} } ?>
Dan berikut potongan kode program yang digunakan untuk halaman utama laporan berbasis website kedalam sistem :
Gambar 4.21 Potongan kode halaman utama laporanberbasis website
4.4.9 Antaramuka Halaman System Logout Berbasis Website
Halaman logout berbasis website merupakan halaman utama logout yang berada dihalaman utama laporan berbasis website. Halaman ini berfungsi agar user bisa keluar setelah login dan tidak menggunakan website laporan absensi ini. Berikut adalah halaman utama logout absensi berbasis website :
Gambar 4.22 Tampilan Logout Website
Dan berikut potongan kode program yang digunakan untuk halaman utama laporan berbasis kedalam sistem :
<div class="main">
<div class="left" style="border:none; background-color:#FFFFFF"> <?php $xxnama = $_SESSION['namaadmin345xxx']; //echo "<script>alert($xxnama)</script"; if (empty($xxnama)) { include 'loginadmin.php' ; } else { if ($sts == '1') { include 'menuadmin5.php'; } } error_reporting(0); switch($_GET['hal'] ) { default:
if (!empty($xnama)) { //include 'profiladmin.php'; } break; case "logout"; include 'logout.php'; break; case "listabsensi"; include 'listabsensi.php'; break;} ?>
Gambar 4.23 Potongan kode logout website
4.5 Pengujian
Pengujian dilakukan dengan cara memberikan sejumlah masukan pada sistem yang kemudian diproses sesuai dengan kebutuhan fungsional untuk menghasilkan keluaran yang diinginkan. Dalam tahap pengujian ini akan dibahas mengenai skenario pengujian dan hasil pengujian.
4.5.1. Skenario Pengujian
Skenario pengujian yang dilakukan terhadap aplikasi yang dibangun adalah untuk menguji fungsional aplikasi. Pengujian dengan metode black box (kotak hitam), yaitu dengan memasukan sejumlah data yang akan diproses aplikasi sesuai dengan fungsinya. Tujuannya untuk mengeluarkan hasil yang diharapkan. Skenario pengujian dibagi kedalam beberapa bagia skenario.
4.5.1.1. Skenario Pengujian Login
Aspek pengujian pada halaman utama bertujuan untuk memastikan bahwa halaman login sebagai gerbang untuk ke dalam sistem berbasis desktop ini, dapat terjaga keamananya.
//header('location:index.php'); ?>
Berikut ini skenario pengujian untuk login dapat dilihat pada tabel berikut :
Tabel 4.3 Skenario pengujian login No Menu yang
diuji
Kelompok Uji
Kasus Uji Hasil yang diterapkan
1 Menu Login Normal Menampilkan halaman login sebagai halaman utama ketika aplikasi
di pergunakan
Menampilkan halaman login
Data : Benar Memasukan data login, yaitu username
dan password
Sistem melakukan validasi data terhadap
username dan password Data : Salah Aktor salah mengisi
data login atau aktor belum mengisi data
login
Mendapatkan pesan peringatan ”USER dan
PASSWORD salah”
4.5.1.2. Skenario Pengujian Data Pegawai
Skenario pengujian untuk data pegawai terdiri dari tambah, edit, delete dan cetak data pegawai. Berikut ini skenario pengujian untuk data pegawi dapat dilihat pada tabel berikut :
Tabel 4.4 Skenario pengujian data pegawai
No Menu yang diuji Kelompok Uji
Kasus Uji Hasil yang diterapkan
menyimpan data pegawai kedalam basis
data Data : salah Data tidak lengkap
atau salah dalam mengisi data
pegawai
Menampilkan informasi kesalahan
4.5.1.3. Skenario Pengujian Data Absensi
Skenario pengujian untuk data absensi ini bertujuan untuk memastikan bahwa halaman data absensi dan fungsi-fungsinya sesuai dengan tujuannya.
Berikut ini skenario pengujian untuk data absensi dapat dilihat pada tabel berikut :
Tabel 4.5 Skenario pengujian data absensi
No Menu yang diuji Kelompok Uji
Kasus Uji Hasil yang diterapkan 1. Menu data absensi Normal Memilih menu
absensi untuk memilih fungsi fungsinya Menampilkan halaman data absensi
yang akan di tampilkan dengan benar menerimaa dan akan memprosesnya, untuk menampilkan data pegawai yang akan dipilih Data : salah Tidak memasukan
tanggal tanggal atau data pegawai tidak di
pilih
Maka akan ada peringatan ”data
tidak ada”
4.5.1.4. Skenario Pengujian Login Berbasis Website
Skenario pengujian login berbasis web apakah halaman yang di tampilkan sesuai dengan hasil yang ditampilkan atau tidak, karena login ini sebagai gerbang utama untuk menggunakan akses laporan absensi berbasis website ini.
Berikut ini skenario pengujian untuk login berbasi website dapat dilihat pada tabel berikut :
Tabel 4.6 Skenario pengujian login berbasis website No Menu yang
diuji Kelompok Uji Kasus Uji Hasil yang diterapkan 1 Menu Login Normal Menampilkan
halaman login sebagai halaman utama ketika aplikasi di pergunakan Menampilkan halaman login
Hasil pengujian berisi hasil pengujian yang telah terdaftar pada skenario pengujian, sesuai dengan urutan skenario pengujian.
4.5.2.1. Hasil Pengujian Login
Berikut hasil pengujian login bisa dilihat pada tabel dibawah ini:
Tabel 4.7 Hasil pengujian login No Menu
yang diuji
Kelompok
Uji Kasus Uji Hasil yang diterapkan Hail uji 1 Menu Login Normal Menampilkan halaman login sebagai halaman utama ketika aplikasi di pergunakan Menampilkan halaman login Sesuai Data :
Benar Memasukan data login, yaitu username dan password Sistem melakukan validasi data terhadap username dan password Sesuai Data :
Salah mengisi data Aktor salah login atau aktor
belum mengisi data login Mendapatkan pesan peringatan ”USER dan PASSWORD salah” Sesuai
4.5.2.2. Hasil Pengujian Data Pegawai
Berikut hasil pengujian data pegawaibisa dilihat pada tabel dibawah ini:
Tabel 4.8 Hasil pengujian data pegawai
No Menu yang diuji
Kelompok Uji
Kasus Uji Hasil yang diterapkan
Hail Uji
1 Menu data pegawai
Normal Memilih menu data pegawai untuk tambah data dan
lain-lain Menampilkan halaman data pegawai Sesuai 2 Tambah data pegawi Normal Memilih tombol tambah pegawai Menampilkan halaman tambah pegawai Sesuai 3 Tambah data pegawai
Data : benar Memasukan data pegawai baru dengan mengisi setiap kolom Sistem menerima masukkan dan menyimpan data pegawai kedalam basis data Sesuai
Data : salah Data tidak lengkap atau
Menampilkan informasi
Sesuai
4.5.2.3. Hasil Pengujian Data Absensi
Berikut hasil pengujian data absensibisa dilihat pada tabel dibawah ini:
Tabel 4.9 Hasil pengujian data absensi
No Menu yang diuji
Kelompok Uji
Kasus Uji Hasil yang diterapkan
tampilkan dengan benar memprosesnya, untuk menampilkan data pegawai yang akan dipilih Data : salah Tidak
memasukan tanggal atau data
pegawai
Maka akan ada peringatan ”data
tidak ada”
Sesuai
4.5.2.4. Hasil Pengujian Login Berbasis Website
Berikut hasil pengujian login berbasi website bisa dilihat pada tabel dibawah ini:
Tabel 4.10 Hasil pengujian login berbasi website No Menu
yang diuji
Kelompok Uji
Kasus Uji Hasil yang diterapkan Hasil uji 1 Menu Login Normal Menampilkan halaman login sebagai halaman utama ketika Menampilkan halaman login Sesuai
aplikasi di pergunakan Data : Benar Memasukan
data login, yaitu username dan password Sistem melakukan validasi data terhadap username dan password Sesuai
Data : Salah Aktor salah mengisi data login atau aktor
belum mengisi data login Mendapatkan pesan peringatan ”User ID dan Password salah..!!!!” Sesuai
4.5.3. Analisa Hasil Pengujian
Analisa hasil pengujian dari sistem menujukan bahwa sistem beserta fungsi-fungsinya sudah berjalan dengan lancar, dengan rancangan dan spesifikasi awal sistem. Hasil tersebut dapat dibuktikan berdasarkan hasil keluaran yang di dapatkan, dimana hasilnya sesuai dengan skenario pengujian yang direncanakan berikut kesimpulan yang di peroleh dari hasil pengujian tersebut :
1. Keterhubungan antara sistem dengan basis data terhubung dengan baik. Hal ini dibuktikan dengan halaman-halaman yang terkoneksi dengan basis data, sistem juga mampu melakukan dari pengguna yang terdapat pada sistem. 2. Aktor tidak dapat mengakses sistem berbasis desktop jika belum melakukan
login dengan benar, yaitu dengan memasuka username dan password sesuai dengan data pada basis data tersebut. Dibuktikan dengan menampilkan pesan kesalahan jika aktor memasukan username dan password yang salah.
5. User atau admin tidak dapat mengakses website jika belum melakukan proses login dengan benar, jika user dan aktor melakukan kesalahan pada saat pengisian username dan password makan akan menampilkan peringatan.
