BAB IV IMPLEMENTASI DAN UJI COBA

Transkripsi

1 BAB IV IMPLEMENTASI DAN UJI COBA 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 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 72

2 Spesifikasi Perangkat Keras Spesifikasi pernagkat keras yang memadai sangat dibutuhkan untuk mendukung kinerja sistem, dimulai dari masa pembangunan sampai dengan masa penggunaan sistem adalah sebagai berikut: Laptop ASUS A455L Processor Intel(R) Core(TM) i3-4030u 1.90GHz 1.90 GHz Ram 2 GB Harddisk 500 GB NVIDIA GeForce 820M Mouse Mesin fingerprint solution, dalam hal ini menggunaka tipe P 205 Gambar 4.1 Mesin Fingerprint Solution P 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

3 74 friendly agar admin dan pegawai dapat dengan mudah memahami aplikasi absensi kelurahan sawah ini. Maka antaramuka GUI yang dibuat menjadi lebih sederhana 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 2. txtpassword Untuk memasukan

4 Form Halaman Utama Pada halaman utama ini terdapat menu pada sebelah kiri, menu yang terdapat dihalaman utama yaitu home, data pegawai, data absensi, laporan, master jabatan, utilty, dan keluar. Gambar 4.3 Form Halaman Utama Form Data Pegawai Pada halaman data pegawai berisikan informasi tentang data pegawai dan halhal yang berkaitan antara lain admin bisa melakukan tambah, edit, delete dan cetak data.

5 76 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. txt Untuk mengisi alamat pegawai 6. txtpassword Untuk mengisi password Form Data Absensi Pada form antaramuka data absensi admin bisa melihat informasi yang terdapat tentang absensi pegawi kelurahan. Dapat dilihat pada gambar dibawah ini:

6 77 Gambar 4.5 Form Data Absensi 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 : Gambar 4.6 Form Laporan

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

8 79 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 Antaramuka Login Halaman login merupakan halaman utama yang menjadi pintu gerbang untuk mengakses sistem yang menampilkan kolom username dan password. Gambar 4.9 Tampilan Login

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

10 81 Gambar 4.11 Tampilan Halaman Utama 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 :

11 82 Gambar 4.13 Tampilan Tambah Dan berikut potongan kode program yang digunakan untuk menambah data pegawai kedalam sistem : Gambar 4.14 Potongan program tambah Antaramuka Data Absensi Pada antaramuka data absensi ini aktor bisa melihat data absensi yang sudah atau belum. Berikut antaramuka data absensi :

12 83 Gambar 4.15 Tampilan Data Absensi 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 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 :

13 84 Gambar 4.17 Tampilan Utility 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 Dan berikut potongan kode program yang digunakan untuk utility kedalam sistem :

14 85 <?php if ($_POST['login']) { $userid = $_POST['useridx']; $password = $_POST['passwordx']; $pesan = ""; if (empty($userid)) { $pesan = $pesan.' '.'User ID harus diisi'.'/';} if (empty($password)) { $pesan = $pesan.' '.'Password harus diisi'; } $konek = odbc_connect("absensikelurahan","", ""); if(!$konek) { echo 'Gagal Koneksi'; odbc_close($konek); } 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 : Gambar 4.19 Potongan Login Website 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

15 86 Dan berikut potongan kode program yang digunakan untuk halaman utama laporan berbasis website 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'; } Gambar 4.21 Potongan kode halaman utama laporan berbasis website 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 website kedalam sistem :

16 87 <?php //lanjutkan session yang sudah dibuat sebelumnya session_start(); //hapus session yang sudah dibuat session_destroy(); unset($_session['userid']); unset($_session['namaadmin345xx']); unset($_session['judul']); //redirect ke halaman login echo "<script>window.location='index.php'</script>"; //header('location:index.php');?> 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 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 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.

17 88 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 1 Menu Login Normal Menampilkan halaman login sebagai halaman utama ketika aplikasi di pergunakan Data : Benar Memasukan data login, yaitu username dan password Data : Salah Aktor salah mengisi data login atau aktor belum mengisi data login Hasil yang diterapkan Menampilkan halaman login Sistem melakukan validasi data terhadap username dan password Mendapatkan pesan peringatan USER dan PASSWORD salah 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 Kasus Uji Hasil yang diterapkan Uji 1 Menu data Normal Memilih menu data Menampilkan halaman

18 89 pegawai pegawai untuk data pegawai tambah data dan lain-lain 2 Tambah data Normal Memilih tombol Menampilkan halaman pegawi tambah pegawai tambah pegawai 3 Tambah data Data : benar Memasukan data Sistem menerima pegawai pegawai baru masukkan dan menyimpan data pegawai kedalam basis data Data : salah Data tidak lengkap Menampilkan atau salah dalam informasi kesalahan mengisi data pegawai 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 Menampilkan halaman data absensi fungsinya 2. Tombol tampilkan Data : benar Memasukan pilihan Sistem

19 90 Data : salah yang akan di tampilkan dengan benar Tidak memasukan tanggal tanggal atau data pegawai tidak di pilih menerimaa dan akan memprosesnya, untuk menampilkan data pegawai yang akan dipilih Maka akan ada peringatan data tidak ada 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 Data : Benar Memasukan data Sistem melakukan

20 91 Data : Salah login, yaitu username dan password Aktor salah mengisi data login atau aktor belum mengisi data login validasi data terhadap username dan password Mendapatkan pesan peringatan User ID dan Password salah..!!!! Hasil Pengujian Hasil pengujian berisi hasil pengujian yang telah terdaftar pada skenario pengujian, sesuai dengan urutan skenario pengujian Hasil Pengujian Login Berikut hasil pengujian login bisa dilihat pada tabel dibawah ini: Tabel 4.7 Hasil pengujian login No Menu yang diuji 1 Menu Login Kelompok Uji Normal Data : Benar Data : Salah Kasus Uji Menampilkan halaman login sebagai halaman utama ketika aplikasi di pergunakan Memasukan data login, yaitu username dan password Aktor salah mengisi data login atau aktor belum mengisi data login Hasil yang diterapkan Menampilkan halaman login Sistem melakukan validasi data terhadap username dan password Mendapatkan pesan peringatan USER dan PASSWORD salah Hail uji

21 Hasil Pengujian Data Pegawai Berikut hasil pengujian data pegawai bisa dilihat pada tabel dibawah ini: Tabel 4.8 Hasil pengujian data pegawai No Menu Kelompok Kasus Uji Hasil yang Hail Uji yang diuji Uji diterapkan 1 Menu data Normal Memilih menu Menampilkan pegawai data pegawai halaman data untuk tambah pegawai data dan lainlain 2 Tambah Normal Memilih Menampilkan data tombol tambah halaman tambah pegawi pegawai pegawai 3 Tambah Data : benar Memasukan Sistem menerima data data pegawai masukkan dan pegawai baru dengan menyimpan data mengisi setiap pegawai kedalam kolom basis data Data : salah Data tidak Menampilkan lengkap atau informasi Hasil Pengujian Data Absensi Berikut hasil pengujian data absensi bisa dilihat pada tabel dibawah ini: Tabel 4.9 Hasil pengujian data absensi No Menu Kelompok Kasus Uji Hasil yang Hasil uji yang diuji Uji diterapkan

22 93 1. Menu data Normal Memilih menu Menampilkan absensi absensi untuk halaman data memilih fungsi absensi fungsinya 2. Tombol Data : benar Memasukan Sistem tampilkan pilihan yang menerimaa dan akan di akan tampilkan memprosesnya, dengan benar untuk menampilkan data pegawai yang akan dipilih Data : salah Tidak Maka akan ada memasukan peringatan data tanggal atau data tidak ada pegawai Hasil Pengujian Login Berbasis Website ini: Berikut hasil pengujian login berbasi website bisa dilihat pada tabel dibawah Tabel 4.10 Hasil pengujian login berbasi website No Menu Kelompok Kasus Uji Hasil yang Hasil uji yang diuji Uji diterapkan 1 Menu Normal Menampilkan Menampilkan Login halaman login halaman login sebagai halaman utama ketika

23 94 aplikasi di pergunakan Data : Benar Memasukan Sistem melakukan data login, yaitu validasi data username dan terhadap password username dan password Data : Salah Aktor salah Mendapatkan mengisi data pesan peringatan login atau aktor User ID dan belum mengisi Password data login salah..!!!! Analisa Hasil Pengujian Analisa hasil pengujian dari sistem menujukan bahwa sistem beserta fungsifungsinya 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.

24 95 3. Fungsi tambahkan dan edit pada menu data pegawai dapat berjalan dengan baik. Hal tersebut dibuktikan ketika aktor mencoba menambah data pegawai tanpa melakukan pengisian pada kolom tambah, dan menampilkan peringatan. 4. Pada saat aktor ingin menampilkan pada tombol tampilkan didata absensi tidak memasukan tanggal atau data pegawai tidak dipilih makan akan menampilkan peringatan. Hal ini membuktikan bahwa menu data absensi berjalan dengan baik. 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.