BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · Berikut adalah cara membuat jaringan intranet pada...
Transcript of BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · Berikut adalah cara membuat jaringan intranet pada...
22
BAB IV
RANCANGAN SISTEM DAN PROGRAM USULAN
4.1 Analisis Kebutuhan Software
4.1.1. Tahapan Analisis
Dalam tahapan analisis ini penulis menganalisa kebutuhan software yang
akan dibuat antara lain adalah cara pengelolaan data pegawai honorer, absensi dan
pengajuan cuti yng selama ini digunakan pada Kantor Pusat Badan SAR Nasional.
Pengelolaan data masih konvensional mempersulit administrasi untuk dapat
mengelola data dengan benar dan akurat serta absensi dan pengajuan cuti yang
masih menggunakan form kertas, dari hasil analisa ini penulis membuatkan aplikasi
berbasis web untuk mempermudah bagian administrasi dalam pengelolaan data
pegawai honorer, absensi dan pengajuan cuti. Berikut ini spesifikasi kebutuhan dari
sistem informasi pegawai honorer.
Halaman Pegawai :
A1. Pegawai melakukan absen
A2. Pegawai dapat melihat data riwayat
A3. Pegawai melakukan pengajuan cuti
Halaman Administrator :
B1. Admin dapat mengelola data Pegawai honorer.
23
B2. Admin dapat menambahkan user.
B3. Admin dapat mengelola data cuti.
B4. Admin dapat mengelola data absensi Pegawai.
4.1.2. Use Case Diagram
A. Use Case Diagram Halaman pegawai
Sumber : Hasil Penelitian (2016)
Gambar IV.1 Use Case Diagram Halaman Pegawai
24
Tabel IV.1
Deskripsi Use Case Diagram Halaman Pegawai
Use case name Tampilan menu utama
Requirements A1-A3
Goal Pegawai melakukan absensi dan
cuti
Pre-conditions Pegawai login untuk masuk
kedalam sistem
Post-condittions Pegawai melakukan absensi, cuti,
melihat data pribadi dan mengubah
password
Failed end conditions Pegawai tidak melakukan apapun
saat masuk ke sistem
Primary Actors Pegawai
Main Flow / Basic Patch Pegawai melakukan login ke sistem
Pegawai melakukan absensi
Pegawai melakukan cuti
Pegawai merubah password
Invariant -
25
B. Use Case Diagram Halaman Administrator
Sumber : Hasil Penelitian 2016
Gambar IV.2 Use Case Diagram Halaman Administrator
26
Tabel IV.2
Deskripsi Use case Diagram Halaman Admin
Use case name Tampilan menu utama
Requirements B1-B4
Goal Admin mengelola data pegawai dan
absensi
Pre-conditions Admin login
Post-condittions Admin mengelola data pegawai dan
absensi
Failed end conditions Gagal mengelola data pegawai dan
absensi
Primary Actors Admin
Main Login
Admin menambah
Admin menghapus
Membuat laporan
Alternative/Invariant 1 Admin menampilkan
Invariant 2 Admin menghapus
27
4.1.3. Diagram Activity
A. Diagram Activity Halaman Pegawai
Sumber : Hasil Penelitian (2016)
Gambar IV.3.3 Activity Diagram Halaman Pegawai
28
B. Diagram Activity Halaman Admin
Sumber : Hasil Penelitian (2016)
Gambar IV.4. Activity Diagram Halaman Admin
29
4.2. Desain Sistem
Dalam tahapan ini akan menjelaskan tentang desain database, desain
software architecture dan interface dari sistem yang sedang dibuat.
4.2.1. Database
Dalam desain database penulis menggunakan Entity Relationship Diagram
untuk menggambarkan antar table.
A. ERD ( Entity Relationship Diagram )
Sumber : Hasil Penelitian (2016)
Gambar IV.5. ERD (Entity Relationship Diagram)
30
B. LRS (Logical Record Structure)
Gambar IV.6. LRS (Logical Record Structure)
C. Spesifikasi File
a) Spesifikasi file karyawan
Nama Table : Karyawan
Akronim : User
Tipe File : File master
Akses File : Random
Kunci File : Username
31
Tabel IV.3
Spesifikasi Tabel Karyawan
No Element Data Akronim Type Size Ket
1 Nama Pengguna username Varchar 10 Primary key
2 Password Pengguna paswrd Varchar 50
3 Nomor Induk
Karyawan
nik Varchar 10
4 Nama Lengkap nama_lengkap Varchar 50
5 Jenis Kelamin jenis_kelamin Varchar 10
6 Tanggal Lahir tgl_lahir Date -
7 Tempat Lahir tempat_lahir Varchar 25
8 Agama agama Varchar 15
9 Jabatan jabatan Varchar 25
10 Posisi posisi Varchar 25
11 Tanggal Masuk tgl_masuk Date -
12 Tanggal Resign tgl_resign Date -
13 Status Nikah status_nikah Varchar 10
b) Spesifikasi file absen
Nama File : Absensi karyawan
Akronim : absensi_karyawan
Tipe file : File Transaksi
Akses File : Random
Panjang Record : 81 Karakter
Kunci Field : id_absen
32
Tabel IV.4
Spesifikasi Tabel Absensi_karyawan
No Element Data Akronim Type Size Ket
1 Id Absen id_absen Int 11 Primary Key
2 Tanggal tanggal Date -
3 Jam Masuk jam_masuk Time -
4 Jam Keluar jam_keluar Time -
5 Nama Pengguna username Varchar 50
6 Status Absen status_absen Varchar 20
c) Spesifikasi file cuti
Nama File : Cuti
Akronim : Cuti
Tipe File : File Transaksi
Akses File : Random
Panjang Record : 63 Karakter
Kunci Field : id_cuti
33
Tabel IV.5
Spesifikasi Tabel Cuti
No Element Data Akronim Type Size Ket
1 Id Cuti id_absen Int 11 Primary Key
2 Tanggal Mulai tanggal Date -
3 Tanggal Akhir jam_masuk Time -
4 Keterangan Cuti jam_keluar Time -
5 Waktu Cuti lama_cuti Varchar 50
6 Nama Pengguna lama_cuti Varchar 2
4.2.2. Software Architecture
A. Component Diagram
Component Diagram adalah diagram yang digunakan untuk
menggambarkan organisasi dan ketergantungan komponen-komponen software
sistem. Component Diagram berguna untuk memodelkan komponen objek diantara
nya:
34
Sumber : Hasil penelitian (2016)
Gambar IV.7 Component Diagram Sistem Informasi Pegawai
B. Deployment Diagram
Deployment Diagram yaitu salah satu diagram pada UML yang
menunjukkan tata letak suatu sistem secara fisik, dapat juga dikatakan untuk
menampilkan bagian-bagian software yang terdapat pada hardware untuk
menerapkan suatu sistem dan hubungan antara komponen hardware.
Sumber : Hasil Penelitian (2016)
Gambar IV.8 Deployment Diagram Sistem Informasi Pegawai
35
4.2.3. User Interface
Berikut adalah rancangan desain antar muka sistem informasi pegawai
honorer Kantor Pusat Badan SAR Nasional yang akan dibuat :
Background
Login
Username
(isi username)
Password
(isi password)
Judul
Judul
Gambar IV.9 Rancangan Tampilan Halaman Login
Reset Login
36
Gambar IV.10 Rancangan Tampilan Halaman Admin
Logo
Nama
Perusahaan/Instansi
Tombol setting
Tombol log out
Data admin
Tulisan Selamat Datang Admin
Data
37
Gambar IV.11 Rancangan Tampilan Halaman Pegawai
Logo
Nama
Perusahaan/Instansi
Tombol setting
Tombol log out
Data User
Tulisan Selamat Datang user
Cuti
Absen
38
Berikut adalah desain antar muka sistem informasi pegawai honorer Kantor Pusat
Badan SAR Nasional yang akan dibuat :
Gambar IV.12 Tampilan Halaman Login
Gambar IV.13 Tampilan Halaman Admin
39
Gambar IV.14 Tampilan Halaman Pegawai
4.3. Code Generation
A. Listing login pegawai
<?php
$username=$_POST['user'];
$password=md5($_POST['pswd']);
if ($username!="")
{
$sql="select * from karyawan where username='$username' AND
paswrd='$password'";
$ceklogin=$conn->query($sql);
$data=$ceklogin->fetch_array();
if($ceklogin->num_rows> 0)
{
echo "<script>alert('Login Berhasil')</script>";
$_SESSION['posisi']=$data['posisi'];
$_SESSION['user']=$data['username'];
$_SESSION['nama_lengkap']=$data['nama_lengkap'];
header ('location: dashboard.php');
40
}
else
{
echo "<script>alert('Login Gagal')</script>";
}
}
?>
B. Listing form input pegawai
<?php
if(file_exists("pages/$folder/data_pegawai.php"))
{
include "pages/$folder/data_pegawai.php";
}
$username=$_POST['uname'];
$password=md5($_POST['paswd']);
$nik=$_POST['nik'];
$namalengkap=$_POST['nangkap'];
$jeniskelamin=$_POST['jenkel'];
$tgllahir=$_POST['tgllahir'];
$tempatlahir=$_POST['temhir'];
$agama=$_POST['agama'];
$jabatan=$_POST['jabatan'];
$posisi=$_POST['posisi'];
$tglmasuk=$_POST['tglmasuk'];
$tglresign=$_POST['tglresign'];
$statuspernikahan=$_POST['status'];
if($username!="" AND $password!="")
{
$simpan=$conn->query("INSERT INTO `karyawan` (`username`, `paswrd`,
`nik`, `nama_lengkap`, `jenis_kelamin`,
`tgl_lahir`,`tempat_lahir`,`agama`,`jabatan`,`posisi`,`tgl_masuk`,`tgl_resign`,`st
atus_nikah`) VALUES ('$username', '$password', '$nik', '$namalengkap',
'$jeniskelamin',
'$tgllahir','$tempatlahir','$agama','$jabatan','$posisi','$tglmasuk','$tglresign','$sta
tuspernikahan')");
41
header('location:dashboard.php?pages='.$_GET['pages']);
}
?>
C. Listing form cuti
<?php
if(file_exists("pages/$folder/data_cuti.php"))
{
include "pages/$folder/data_cuti.php";
}
$tglmulai=$_POST['tglmulai'];
$tglakhir=$_POST['tglakhir'];
$ket=$_POST['ketcut'];
$lama=hitwaktu($tglmulai,$tglakhir,"h");
if(isset($_POST['submit']))
{
if($tglmulai!="" AND $tglakhir!="")
{
$sql="INSERT INTO cuti
(tgl_start,tgl_end,lama_cuti,ket_cuti,username) values
('$tglmulai','$tglakhir','$lama','$ket','".$_SESSION['user']."')";
$simpan=$conn->query($sql);
}
}
?>
42
4.4 Testing
A. Login pegawai
Tabel IV.6
Hasil Pengujian Blackbox Testing Form Login Pegawai
No Skenario
Pengujian
Test case Hasil yang
diharapkan
Hasil
Pengujian
kesimpulan
01 Mengosongk
an semua
isian data
login
kemudian
tekan tombol
“login”
Username
=kosong
password=
kosong
Please fill out this
field
Sesuai
yang di
harapkan
valid
02 Mengisi satu
kondisi benar
dan satu
salah
kemudian
tekan tombol
“login”
Username
=benar
password=
salah
Please fill out this
field
Sesuai
yang di
harapkan
valid
03 Mengisikan
data login
yang benar
kemudian
tekan tombol
“login”
Username
=benar
password=
benar
Sistem menerima
akses login dan
kemudian
langsung
menampilkan
Sesuai
harapan
valid
43
B. Input Pegawai
Tabel IV.7
Hasil Pengujian Blackbox Testing Form Input Pegawai
No Skenario
Pengujian
Test case Hasil yang
diharapkan
Hasil
Pengujian
kesimpulan
01 Mengosongk
an semua
isian data
pegawai
kemudian
tekan tombol
“save”
Username
=kosong
password=
kosong
Please fill out this
field
Sesuai
yang di
harapkan
valid
02 Mengisi satu
data input
pegawai
salah dan
kemudian
tekan tombol
“save”
Nik=salah Please fill out this
field
Sesuai
yang di
harapkan
valid
03 Mengisikan
data input
pegawai yang
benar
kemudian
tekan tombol
“save”
Username
=benar
password=
benar dan
seterusnya
Sistem menerima
akses input dan
kemudian
langsung
menampilkan
Sesuai
harapan
valid
4.5 Support
Dalam hal ini penulis akan menjelaskan tentang kebutuhan software dan
hardware yang akan digunakan untuk menunjang sistem yang akan dibuat.
44
4.5.1. Intranet
Intranet adalah suatu kumpulan dari LAN (Local Area Network) yang terdiri
dari suatu atau beberapa komputer dalam suatu lokasi tertentu, misalnya saja dalam
satu perusahaan.
Berikut adalah cara membuat jaringan intranet pada Kantor Pusat Badan SAR
Nasional :
1. Menyiapkan satu buah komputer untuk dijadikan web server dan install
XAMPP.
Gambar IV.15 Web Server XAMPP
2. Setelah menginstall Xampp masukkan folder web yang kita buat pada folder
htdoc pada Xampp.
3. Aktifkan mysql dan apache pada xampp
45
Gambar IV.16 XAMPP Control Panel
4. Cek status IP dikomputer tersebut dan dijadikan IP statis, langkah ini
dimaksudkan agar client dalam satu jaringan LAN dapat mengakses website
yang dibuat dengan mengetik alamat IP nya.
Gambar IV.17 LAN (Local Area Network)
46
4.5.2. Sspesifikasi Hardware dan Software
Tabel IV.8
Spesifikasi Hardware Dan Software
Kebutuhan Keterangan
Sistem Operasi Windows 7 Home Basic atau yang lebih tinggi
Processor Intel(R) GMA3600 Series (AtomN2600)
Ram 2 GB
Harddisk 500 GB
Monitor Generic PnP Monitor
Keyboard 108 Key
Mouse Logitech Standard
Browser Mozilla Firefox dan Google Chrome
Software Notepad ++ dan XAMPP
4.6. Spesifikasi Dokumen Sistem Usulan
Bentuk dokumen usulan yang dibutuhkan adalah sebagai berikut :
a. Nama dokumen : Laporan data pegawai
Fungsi : Sebagai dokumen data pegawai
Sumber : Admin URDAL
Tujuan : Kasubbag URDAL
Media : Kertas
Jumlah : 1 Lembar
47
Bentuk : Lampiran B1
b. Nama dokumen : Laporan data cuti
Fungsi : Sebagai dokumen laporan cuti pegawai
Sumber : Admin URDAL
Tujuan : Kasubbag URDAL
Media : Kertas
Jumlah : 1 Lembar
Bentuk : Lampiran B2