BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN

(1)

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.

(2)

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

(3)

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 -

(4)

B. Use Case Diagram Halaman Administrator

Sumber : Hasil Penelitian 2016

Gambar IV.2 Use Case Diagram Halaman Administrator

(5)

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

(6)

4.1.3. Diagram Activity

A. Diagram Activity Halaman Pegawai

Gambar IV.3.3 Activity Diagram Halaman Pegawai

(7)

B. Diagram Activity Halaman Admin

Gambar IV.4. Activity Diagram Halaman Admin

(8)

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 )

Gambar IV.5. ERD (Entity Relationship Diagram)

(9)

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

(10)

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

(11)

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

(12)

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:

(13)

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.

Gambar IV.8 Deployment Diagram Sistem Informasi Pegawai

(14)

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

(15)

Gambar IV.10 Rancangan Tampilan Halaman Admin Logo

Nama

Perusahaan/Instansi

Tombol setting Tombol log out

Data admin

Tulisan Selamat Datang Admin Data

(16)

Gambar IV.11 Rancangan Tampilan Halaman Pegawai Logo

Nama

Perusahaan/Instansi

Tombol setting Tombol log out

Data User

Tulisan Selamat Datang user Cuti

Absen

(17)

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

(18)

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');

(19)

} 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')");

(20)

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);

} }

?>

(21)

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

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

(22)

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

valid

02 Mengisi satu data input pegawai salah dan kemudian tekan tombol

“save”

Nik=salah Please fill out this field

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 hardwareyang akan digunakan untuk menunjang sistem yang akan dibuat.

(23)

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

(24)

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)

(25)

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