BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · Berikut adalah cara membuat jaringan intranet pada...

26
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.

Transcript of BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · Berikut adalah cara membuat jaringan intranet pada...

Page 1: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · Berikut adalah cara membuat jaringan intranet pada Kantor Pusat Badan SAR Nasional : 1. Menyiapkan satu buah komputer untuk dijadikan

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.

Page 2: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · Berikut adalah cara membuat jaringan intranet pada Kantor Pusat Badan SAR Nasional : 1. Menyiapkan satu buah komputer untuk dijadikan

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

Page 3: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · Berikut adalah cara membuat jaringan intranet pada Kantor Pusat Badan SAR Nasional : 1. Menyiapkan satu buah komputer untuk dijadikan

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 -

Page 4: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · Berikut adalah cara membuat jaringan intranet pada Kantor Pusat Badan SAR Nasional : 1. Menyiapkan satu buah komputer untuk dijadikan

25

B. Use Case Diagram Halaman Administrator

Sumber : Hasil Penelitian 2016

Gambar IV.2 Use Case Diagram Halaman Administrator

Page 5: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · Berikut adalah cara membuat jaringan intranet pada Kantor Pusat Badan SAR Nasional : 1. Menyiapkan satu buah komputer untuk dijadikan

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

Page 6: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · Berikut adalah cara membuat jaringan intranet pada Kantor Pusat Badan SAR Nasional : 1. Menyiapkan satu buah komputer untuk dijadikan

27

4.1.3. Diagram Activity

A. Diagram Activity Halaman Pegawai

Sumber : Hasil Penelitian (2016)

Gambar IV.3.3 Activity Diagram Halaman Pegawai

Page 7: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · Berikut adalah cara membuat jaringan intranet pada Kantor Pusat Badan SAR Nasional : 1. Menyiapkan satu buah komputer untuk dijadikan

28

B. Diagram Activity Halaman Admin

Sumber : Hasil Penelitian (2016)

Gambar IV.4. Activity Diagram Halaman Admin

Page 8: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · Berikut adalah cara membuat jaringan intranet pada Kantor Pusat Badan SAR Nasional : 1. Menyiapkan satu buah komputer untuk dijadikan

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)

Page 9: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · Berikut adalah cara membuat jaringan intranet pada Kantor Pusat Badan SAR Nasional : 1. Menyiapkan satu buah komputer untuk dijadikan

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

Page 10: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · Berikut adalah cara membuat jaringan intranet pada Kantor Pusat Badan SAR Nasional : 1. Menyiapkan satu buah komputer untuk dijadikan

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

Page 11: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · Berikut adalah cara membuat jaringan intranet pada Kantor Pusat Badan SAR Nasional : 1. Menyiapkan satu buah komputer untuk dijadikan

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

Page 12: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · Berikut adalah cara membuat jaringan intranet pada Kantor Pusat Badan SAR Nasional : 1. Menyiapkan satu buah komputer untuk dijadikan

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:

Page 13: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · Berikut adalah cara membuat jaringan intranet pada Kantor Pusat Badan SAR Nasional : 1. Menyiapkan satu buah komputer untuk dijadikan

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

Page 14: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · Berikut adalah cara membuat jaringan intranet pada Kantor Pusat Badan SAR Nasional : 1. Menyiapkan satu buah komputer untuk dijadikan

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

Page 15: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · Berikut adalah cara membuat jaringan intranet pada Kantor Pusat Badan SAR Nasional : 1. Menyiapkan satu buah komputer untuk dijadikan

36

Gambar IV.10 Rancangan Tampilan Halaman Admin

Logo

Nama

Perusahaan/Instansi

Tombol setting

Tombol log out

Data admin

Tulisan Selamat Datang Admin

Data

Page 16: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · Berikut adalah cara membuat jaringan intranet pada Kantor Pusat Badan SAR Nasional : 1. Menyiapkan satu buah komputer untuk dijadikan

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

Page 17: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · Berikut adalah cara membuat jaringan intranet pada Kantor Pusat Badan SAR Nasional : 1. Menyiapkan satu buah komputer untuk dijadikan

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

Page 18: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · Berikut adalah cara membuat jaringan intranet pada Kantor Pusat Badan SAR Nasional : 1. Menyiapkan satu buah komputer untuk dijadikan

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

Page 19: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · Berikut adalah cara membuat jaringan intranet pada Kantor Pusat Badan SAR Nasional : 1. Menyiapkan satu buah komputer untuk dijadikan

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

Page 20: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · Berikut adalah cara membuat jaringan intranet pada Kantor Pusat Badan SAR Nasional : 1. Menyiapkan satu buah komputer untuk dijadikan

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

}

}

?>

Page 21: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · Berikut adalah cara membuat jaringan intranet pada Kantor Pusat Badan SAR Nasional : 1. Menyiapkan satu buah komputer untuk dijadikan

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

Page 22: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · Berikut adalah cara membuat jaringan intranet pada Kantor Pusat Badan SAR Nasional : 1. Menyiapkan satu buah komputer untuk dijadikan

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.

Page 23: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · Berikut adalah cara membuat jaringan intranet pada Kantor Pusat Badan SAR Nasional : 1. Menyiapkan satu buah komputer untuk dijadikan

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

Page 24: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · Berikut adalah cara membuat jaringan intranet pada Kantor Pusat Badan SAR Nasional : 1. Menyiapkan satu buah komputer untuk dijadikan

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)

Page 25: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · Berikut adalah cara membuat jaringan intranet pada Kantor Pusat Badan SAR Nasional : 1. Menyiapkan satu buah komputer untuk dijadikan

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

Page 26: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · Berikut adalah cara membuat jaringan intranet pada Kantor Pusat Badan SAR Nasional : 1. Menyiapkan satu buah komputer untuk dijadikan

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