1 bab iv rancangan sistem dan program berjalan · menggambarkan hubungan antar tabel yang dibuat...

51
1 BAB IV RANCANGAN SISTEM DAN PROGRAM BERJALAN 1.1 Analisa Kebutuhan Software A. Tahapan Analisis Sistem informasi kepegawaian ini dilakukan secara online dibuat dengan menggunakan jaringan intranet yaitu jaringan komputer yang saling berhubungan atau tersambung yang digunakan oleh suatu sistem organisasi maupun lembaga. Atau definisi intranet yang lain adalah suatu jaringan komputer yang berbasis u protocol TCP/IP, layaknya jaringan internet hanya saja penggunaanya yang dibatasi atau lebih tertutup jadi tidak semua pengguna atau orang dapat secara mudah mengakses jaringan intranet serta hanya orang atau pengguna tertentu saja yang dapat masuk dan menggunakan jaringan intranet. Dapat disimpulkan fungsi intranet adalah mengkomunikasikan komputer satu dengan yang lain, persis seperti internet tetapi memiliki layanannya yang terbatas, tak seluas dan seberagam di jaringan internet. Dimana pegawai dapat melihat data pegawai seperti profil-profil pegawai dan dapat melihat daftar SK kerja, daftar prestasi pegawai dan lain-lain.

Upload: vothien

Post on 04-May-2019

221 views

Category:

Documents


0 download

TRANSCRIPT

1 BAB IV

RANCANGAN SISTEM DAN PROGRAM BERJALAN

1.1 Analisa Kebutuhan Software

A. Tahapan Analisis

Sistem informasi kepegawaian ini dilakukan secara online dibuat dengan menggunakan

jaringan intranet yaitu jaringan komputer yang saling berhubungan atau tersambung yang

digunakan oleh suatu sistem organisasi maupun lembaga. Atau definisi intranet yang lain adalah

suatu jaringan komputer yang berbasis u protocol TCP/IP, layaknya jaringan internet hanya saja

penggunaanya yang dibatasi atau lebih tertutup jadi tidak semua pengguna atau orang dapat secara

mudah mengakses jaringan intranet serta hanya orang atau pengguna tertentu saja yang dapat

masuk dan menggunakan jaringan intranet.

Dapat disimpulkan fungsi intranet adalah mengkomunikasikan komputer satu dengan yang

lain, persis seperti internet tetapi memiliki layanannya yang terbatas, tak seluas dan seberagam di

jaringan internet.

Dimana pegawai dapat melihat data pegawai seperti profil-profil pegawai dan dapat

melihat daftar SK kerja, daftar prestasi pegawai dan lain-lain.

Halaman front-end Pegawai

A1. Pegawai dapat melakukan login dengan akun yang telah didaftarkan.

A2. Pegawai dapat melihat data profil pegawai.

A3. Pegawai dapat melihat data jabatan pegawai.

A4. Pegawai dapat melihat data divisi pegawai.

A5. Pegawai dapat melihat daftar SK kerja pegawai.

A6. Pegawai dapat melihat daftar prestasi pegawai.

A7. Pegawai dapat melihat daftar hukuman pegawai.

A8. Pegawai dapat melihat data kenaikan pangkat.

Halaman Back-end untuk administrator

B1. Admin dapat mengelola data pegawai pada perusahaan.

B2. Admin dapat mengelola kenaikan jabatan.

B3. Admin dapat mengelola divisi.

B4. Admin dapat mengelola kenaikan pangkat.

B5. Admin dapat mengelola lokasi tempat kerja.

B6. Admin dapat mengelola unit kerja.

B7. Admin dapat mengelola laporan.

B. Use Case Diagram

1. Use Case Diagram Pegawai

Gambar 4.1

Use Case

Diagram

Pegawai

Tabel 4.1

Deskripsi

Use Case

Diagram

Pegawai

Use Case Name Mengelola halaman pegawai.

Requirement A1-A9

Goal Pegawai dapat melihat data-data

pegawai

uc Use Case Model

pegawai

login

data pegawai

jabatan

unit kerja

SK kerja

daftar prestasi

pegawai

daftar hukuman

pegawai

pangkat

NIPlihat detail

pegawai

lihat SK kerja

detail

No.prestasi

detail No.

Hukuman

ID Jabatan

ID unit kerja

ID pangkat

isi data

pegawai sav e

sav e

sav e

sav e

sav e

sav e

sav e

«extend»

«include»

«include»

«include»

«include»

«extend»

«extend»

«extend»

«extend»«include»

«include»

«include»

«include»

«include»

«include»

«include»

Pre-conditions Pegawai telah login

Post-conditions Pegawai mengetahui informasi

kepegawaian secara online.

Failed and conditions Gagal login

Primary Actory Pegawai

Main Flow / Basic Path 1. Pegawai login dengan account

yang telah dibuat.

2. Pegawai dapat melihat data pribadi

pegawai dan memilih menu yang

ada pada bar.

3. Pegawai dapat melihat daa daftar

prestasi pegawai.

4. Pegawai dapat melihat daftar

jabatan pegawai.

Invariant 1 A1. Pegawai dapat melakukan login

dengan akun yang telah

didaftarkan.

A2. Pegawai dapat melihat data profil

pegawai.

A3. Pegawai dapat melihat data

jabatan pegawai.

A4. Pegawai dapat melihat data divisi

A5. Pegawai dapat melihat daftar

pegawai prestasi.

A6. Pegawai dapat melihat daftar

hukuman pegawai.

A7. Pegawai dapat melihat unit kerja

pegawai.

A8. Pegawai dapat melihat data

kenaikan pangkat.

A9. Pegawai dapat melihat SK kerja

pegawai.

B2. Admin dapat melihat laporan

pegawai

B3. Admin dapat mengolah data

pribadi pegawai dan perusahaan.

2. Use case Diagram Admin

Gambar 4.2

Use Case Diagram Admin

Tabel 4.2

uc Use Case Model

admin

Login

Tambah data

user

ID user

Nama user

Nomor HP Lev el User Name Password

Admin

Jabatan

ID Jabatan

Nama Jabatan

Simpan

Unit kerja

ID unit kerja

Nama Unit

kerja

Simpan

Pangkat

ID pangkat

Nama pangkat

Gaj i

Simpan

Simpan

«include»

«extend»

«include»

«include»

«include»«include»«include»«include»

«include»

«extend»

«extend»

«extend»

«include»

«extend»

«extend»

«extend»

«include»

«extend»«extend»

«extend»

«extend»

«extend»

Deskripsi Use Case Diagram Admin

Use Case Name Mengelola halaman admin dan data

pegawai

Requirement B1-B9

Goal Admin dapat menambah, mengedit,

menghapus, dan menyimpan laporan.

Pre-conditions Admin telah login

Post-conditions Admin dapat menyimpan,merubah,

menghapus, dan menyimpan laporan.

Failed and condition Gagal menyimpan,

merubah,menghapus, dan simpan

laporan.

Primary Actors Administrator

Main Flow / Basic Path 1. Admin dapat mengelola data

pegawai pada perusahaan.

2. Admin dapat mengelola jabatan.

3. Admin dapat mengelola unit kerja.

4. Admin dapat mengelola pangkat.

Invariant 1 B1. Admin dapat mengetikan data

yang sudah di dapat dan

menginputnya.

C. Activity Diagram

3. Activity Diagram Admin

Gambar 4.3

Activity Diagram Admin

uc Use Case Model

memasukan username

dan password

Memilih menu-menu

pada bar

Mengelola data

menambah, mengedit,

menyimpan

Menampilkan halaman

admin

Menampilkan data

Menyimpan hasil

pengelolaan data

[Pegawai]

Start

[Sistem informasi pegawai]

[Ya]

[tidak]

[tidak]

[versi simpan]

[stop]

Activity Diagram Pegawai

Gambar 4.4

Activity

Diagram

Pegawai

1.2 Desain

Pada

tahapan ini

penulis akan

menjelaskan

tentang

desain data

base, desain

software

architecture

dan desain

interface dari

perancangan

sistem informasi kepegawaian berbasis web pada PT. Pegadaian (Persero).

1.2.1 Database

act Activ ity

melakukan login

memilih menu-menu

pada bar

pilih

memilih menu data

pegawai

memilih NIP

memilih edit

pegawai

mengisi form

pegawai

Ya

menampilkan halaman

pegawai

menampilkan data

pegawai

menampilkan detail

pegawai

menampilkan edit data

pegawai

Menyimpan

Ya

stop

[start]

[tidak]

[pil ih]

[pil ih menu lainnya]

[Ya]

[tidak]

Menggambarkan hubungan antar tabel yang dibuat beserta relasi antar tabel. Dalam

penggambarannya boleh menggunakan data model atau Entity Relationship Diagram. Jika

menggambarkan dengan ER diagram, maka harus membuat spesifikasi filenya. Tabel-tabel yang

terdapat didalam database dari perancangan program yang dibangun beserta relasi dan tipe datanya

digambarkan dengan menggunakan ERD, yakni sebagai berikut :

1. Entity Relationship Diagram

pegawai

NIP

nm_pegawai

jk

tpt_lhr

tgl_lhr agama

no_hp email

alamat

tgl_masuk

hukuman

id_hukuman

NIPtgl_hukuman

nm_hu

kuman

jabatan

id_jabatan

nm_jab

atan

jenjang

id nm_jjg

lokasi_krj

id_lokasi

nm_lokasi

alamat_lo

kasino_hp

pangkat

id_pangkat

nm_pangkat

gaji

pendidikan

id_pend

NIP

thn_pend

jenjang nm_pend

pengalaman_krj

id_peng_

krj

NIP

thn_kerj

nm_krj

nm_pt

prestasi

id_presta

si

NIP

tgl_prestasi

nm_prestasi

sk_krj

NIP

no_sk

tgl_sk

id_jabatan

id_lokasi

id_pan

gkat

id_unit_k

rj

status_sk

unit_krj

id_unit_k

rjnm_unit_krj

userid_us

er

user pass namano_hp

level

blokir

memiliki

memiliki

menerima

memiliki

memiliki

memiliki

menerima

memiliki

memiliki

memiliki

M

Gambar 4.5

Entity Relationship Diagram Sistem Informasi Kepegawaian

2. Logical Record Structure

Gambar 4.6

Logical Record Struktur Sistem Informasi Kepegawaian

3. Spesifikasi File

a. Spesifikasi File Tabel hukuman

Nama Database : pegawai

Nama File : t_hukuman

Akronim : t_hukuman.myd

Tipe File : File Transaksi

Akses File : Random

Panjang Record : 168 Bytes

Kunci File : id_hukuman

Tabel 4.3

Spesifikasi Tabel hukuman

No Elemen data Nama field Type Size Keterangan

1. Id_hukuman Id_hukuman Varchar 20 Primery Key

2. Nip Nip Varchar 20 Foreign Key

3. Tgl_hukuman Tgl_hukuman Date

4. Nm_hukuman Nm_hukuman Varchar 128

b. Spesifikasi File Tabel Jabatan

Nama Database : pegawai

Nama File : t_jabatan

Akronim : t_jabatan.myd

Tipe File : File Master

Akses File : Random

Panjang Record : 52 Bytes

Kunci File : id_jabatan

Tabel 4.4

Spesifikasi Tabel jabatan

No Elemen data Nama field Type Size Keterangan

1. Id_jabatan Id_jabatan Varchar 20 Primery Key

2. Nm_jabatan Nm_jabatan Varchar 32

c. Spesifikasi File Tabel jenjang

Nama Database : pegawai

Nama File : jenjang

Akronim : jenjang.myd

Tipe File : File master

Akses File : Random

Panjang Record : 30 Bytes

Kunci File : id_tabeljenjang

Tabel 4.5

Spesifikasi Tabel jenjang

No Elemen data Nama field Type Size Keterangan

1. Id Id Varchar 10 Primery Key

2. Nm_jjg Nm_jjg Varchar 20

d. Spesifikasi File Tabel lokasi_krj

Nama Database : pegawai

Nama File : lokasi_krj

Akronim : lokasi_krj.myd

Tipe File : File master

Akses File : Random

Panjang Record : 195 Bytes

Kunci File : id_lokasi_kerja

Tabel 4.6

Spesifikasi Tabel lokasi_krj

No Elemen data Nama field Type Size Keterangan

1. Id_lokasi Id_lokasi Varchar 20 Primery Key

2. Nm_lokasi Nm_lokasi Varchar 32

3. Alamat_lokasi Alamat_lokasi Varchar 128

4. No_hp No_hp Varchar 15

e. Spesifikasi File Tabel pangkat

Nama Database : pegawai

Nama File : pangkat

Akronim : pangkat.myd

Tipe File : File master

Akses File : Random

Panjang Record : 52 Bytes

Kunci File : id_pangkat

Tabel 4.7

Spesifikasi Tabel pangkat

No Elemen data Nama field Type Size Keterangan

1. Id_pangkat Id_pangkat Varchar 20 Primery Key

2. Nm_pangkat Nm_pangkat Varchar 32

3. Gaji Gaji Double

f. Spesifikasi File Tabel pegawai

Nama Database : pegawai

Nama File : pegawai

Akronim : pegawai.myd

Tipe File : File master

Akses File : Random

Panjang Record : 215 Bytes

Kunci File : id_pegawai

Tabel 4.8

Spesifikasi Tabel pegawai

No Elemen data Nama field Type Size Keterangan

1. Nip Nip varchar 20 Primery Key

2. Nm_pegawai Nm_pegawai varchar 32

3. Jk Jk Enum P/L

4. Tpt_lhr Tpt_lhr varchar 32

5. Tgl_lhr Tgl_lhr Date

6. Agama Agama varchar 20

7. No_hp No_hp Varchaar 15

8. Email Email Varchar 32

9. Alamat Alamat Varchar 64

10. Tgl_msk Tgl_msk Date

g. Spesifikasi File Tabel pendidikan

Nama Database : pegawai

Nama File : pendidikan

Akronim : pendidikan.myd

Tipe File : File transaksi

Akses File : Random

Panjang Record : 72 Bytes

Kunci File : id_pendidikan

Tabel 4.9

Spesifikasi Tabel pendidikan

No Elemen data Nama field Type Size Keterangan

1. Nip Nip varchar 10 Foreign Key

2. Thn_pend Thn_pend varchar 10

3. Jenjang Jenjang varchar 10

4. Nm_pend Nm_pend varchar 32

h. Spesifikasi File Tabel pengalaman_krj

Nama Database : pegawai

Nama File : pengalaman_krj

Akronim : pengalaman_krj.myd

Tipe File : File master

Akses File : Random

Panjang Record : 104 Bytes

Kunci File : id_pengalamankerja

Tabel 4.10

Spesifikasi Tabel pengalaman_krj

No Elemen data Nama field Type Size Keterangan

1. Id_peng_krj Id_peng_krj Int 10 Primery Key

2. Nip Nip varchar 20

3. Thn_krj Thn_krj varchar 10

4. Nm_krj Nm_krj varchar 32

5. Nm_pt Nm_pt varchar 32

i. Spesifikasi File Tabel prestasi

Nama Database : pegawai

Nama File : prestasi

Akronim : prestasi.myd

Tipe File : File transaksi

Akses File : Random

Panjang Record : 168 Bytes

Kunci File : id_prestasi

Tabel 4.11

Spesifikasi Tabel prestasi

No Elemen data Nama field Type Size Keterangan

1. Id_prestasi Id_prestasi varchar 20 Primery Key

2. Nip Nip varchar 20 Foreign Key

3. Tgl_prestasi Tgl_prestasi Date

4. Nm_prestasi Nm_prestasi varchar 128

j. Spesifikasi File Tabel sk_krj

Nama Database : pegawai

Nama File : sk_krj

Akronim : sk_krj.myd

Tipe File : File transaksi

Akses File : Random

Panjang Record : 120 Bytes

Kunci File : id_sk_kerja

Tabel 4.12

Spesifikasi Tabel sk_krj

No Elemen data Nama field Type Size Keterangan

1. No_sk No_sk varchar 20 Primery Key

2. Nip Nip varchar 20 Foreign key

3. Tgl_sk Tgl_sk Date

4. Id_jabatan Id_jabatan Varchar 20

5. Id_lokasi Id_lokasi Varchar 20

6. Id_pangkat Id_pangkat Varchar 20

7. Id_unit_krj Id_unit_krj Varchaar 20

8. Status_sk Status_sk Enum

k. Spesifikasi File Tabel unit_krj

Nama Database : pegawai

Nama File : unit_krj

Akronim : unit_krj.myd

Tipe File : File master

Akses File : Random

Panjang Record : 52 Bytes

Kunci File : id_unit_kerja

Tabel 4.13

Spesifikasi Tabel unit_krj

No Elemen data Nama field Type Size Keterangan

1. Id_unit_krj Id_unit_krj varchar 20 Primery Key

2. Nm_unit_krj Nm_unit_krj varchar 32

l. Spesifikasi File Tabel user

Nama Database : pegawai

Nama File : user

Akronim : user.myd

Tipe File : File master

Akses File : Random

Panjang Record : 121 Bytes

Kunci File : id_user

Tabel 4.14

Spesifikasi Tabel user

No Elemen data Nama field Type Size Keterangan

1. Id_user Id_user varchar 10 Primery Key

2. User User varchar 32

3. Pass Pass varchar 32

4. Nama Nama varchar 32

5. no_hp No_hp varchar 15

6. Level Level Enum

7. Blokir Blokir Enum

1.2.2 Software Architecture

Software architecture dalam Sistem Informasi Kepegawaian Berbasis Web pada PT.

Pegadaian (Persero) dibuat dengan menggunakan 2 buah diagram :

A. Component Diagram

Gambar

4.7

Component

Diagram

Sistem

Informasi

Kepegawaian

B. Deployment Diagram

Gambar 4.8

Deployment Diagram Sistem Informasi Kepegawaian

deployment Deployment Model

Package1

Browser

Package2

«device»

PrinterPhp servver

cmp Data Model

Data

User Interface

Business Processing Database

1.2.3 User Interface

1. Tampilan Form Login

Gambar 4.9

Tampilan

Form Login

2. Tampilan Halaman Admin

Gambar 4.10

Tampilan Halaman Admin

3. Tampilan Halaman HRD

Gambar

4.11

Tampilan

Halaman

HRD

4. Tampilan Data Pegawai

Gambar

4.12

Tampilan

Data

Pegawai

5. Tampilan Tambah Data Pegawai Baru

Gambar

4.13

Tampilan

Tambah

Data

Pegawai

Baru

6. Tampilan Halaman Pimpinan

Gambar

4.14

Tampilan

Halaman

Pimpinan

1.3 Code

Generation

<?php

include 'inc/cek_session.php';

include 'inc/fungsi_hdt.php';

include 'inc/inc.library.php';

include 'koneksi.php';

if($_SESSION['level']!="hrd" ){

echo '<script>

alert(\'Anda Menyalahi Hak AKSES!\');

window.location="../'.$_SESSION['level'].'?module=home";

</script> '; }

?>

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Sistem Kepegawaian</title>

<meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no'

name='viewport'>

<!-- daterange picker -->

<link href="../aset/plugins/daterangepicker/daterangepicker-bs3.css" rel="stylesheet"

type="text/css" />

<!-- iCheck for checkboxes and radio inputs -->

<link href="../aset/plugins/iCheck/all.css" rel="stylesheet" type="text/css" />

<!-- Bootstrap Color Picker -->

<link href="../aset/plugins/colorpicker/bootstrap-colorpicker.min.css" rel="stylesheet"/>

<!-- Bootstrap time Picker -->

<link href="../aset/plugins/timepicker/bootstrap-timepicker.min.css" rel="stylesheet"/>

<!-- AdminLTE Skins. Choose a skin from the css/skins

folder instead of downloading all of them to reduce the load. -->

<link href="../aset/dist/css/skins/_all-skins.min.css" rel="stylesheet" type="text/css" />

<!-- Theme style -->

<link href="../aset/plugins/iCheck/all.css" rel="stylesheet" type="text/css" />

<!-- Bootstrap 3.3.4 -->

<link href="../aset/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />

<!-- Font Awesome Icons -->

" />

<!-- Ionicons -->

<link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css"

rel="stylesheet" type="text/css" />

<!-- DATA TABLES -->

<link href="../aset/plugins/datatables/dataTables.bootstrap.css" rel="stylesheet"

type="text/css" />

<!-- Theme style -->

<link href="../aset/dist/css/AdminLTE.min.css" rel="stylesheet" type="text/css" />

<!-- AdminLTE Skins. Choose a skin from the css/skins

folder instead of downloading all of them to reduce the load. -->

<link href="../aset/dist/css/skins/_all-skins.min.css" rel="stylesheet" type="text/css" />

<script type="text/javascript" src="//code.jquery.com/jquery-latest.js"></script>

<script src="../aset/plugins/jQuery/jQuery-2.1.4.min.js"></script>

</head>

<body class="skin-blue sidebar-mini fixed">

<!-- Site wrapper -->

<div class="wrapper">

<header class="main-header">

<!-- Logo -->

<a href="" class="logo">

<!-- mini logo for sidebar mini 50x50 pixels -->

<span class="logo-mini"><b>SK</b> ZK</span>

<!-- logo for regular state and mobile devices -->

<span class="logo-lg"><b>Sistem&nbsp;</b> Kepegawaian</span>

</a>

<!-- Header Navbar: style can be found in header.less -->

<nav class="navbar navbar-static-top" role="navigation">

<!-- Sidebar toggle button-->

<a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">

<span class="sr-only">Toggle navigation</span>

<span class="icon-bar"></span>

<span class="icon-bar"></span>

<span class="icon-bar"></span>

</a>

<div class="navbar-custom-menu">

<ul class="nav navbar-nav">

<!-- Messages: style can be found in dropdown.less-->

<li class="dropdown user user-menu">

<a href="#" class="dropdown-toggle" data-toggle="dropdown">

<img src="../aset/dist/img/res.jpg" class="user-image" alt="User Image"/>

<span class="hidden-xs">

<?php

echo $_SESSION['nama'];

?>

</span>

</a>

<ul class="dropdown-menu">

<!-- User image -->

<li class="user-header">

<img src="../aset/dist/img/res.jpg" class="img-circle" alt="User Image" />

<p>

<?php echo $_SESSION['nama']; ?>

<small>(( <?php echo $_SESSION['level']; ?>

))</small>

</p>

</li>

<!-- Menu Footer-->

<li class="user-footer">

<div class="pull-left">

<a href="index.php?module=edit_user&id_user=<?php echo $_SESSION['id'];?>"

class="btn btn-default btn-flat">&nbsp;<i class="fa fa-user"></i>&nbsp;Profil</a>

</div>

<div class="pull-right">

<a href="../logout.php" class="btn btn-default btn-flat">&nbsp;<i class="fa fa-

power-off"></i>&nbsp;Keluar</a>

</div>

</li>

</ul>

</li>

<!-- Control Sidebar Toggle Button -->

<li>

<a href="#" data-toggle="control-sidebar"><i class="fa fa-info-circle"></i></a>

</li>

</ul>

</div>

</nav>

</header>

<!-- =============================================== -->

<!-- Left side column. contains the sidebar -->

<aside class="main-sidebar">

<!-- sidebar: style can be found in sidebar.less -->

<section class="sidebar">

<li style="margin:2%;">

<table>

<tr>

<td rowspan="3"><img src="../aset/dist/img/res.jpg"style="margin-

right:15px;width:45px;height:45px;" class="img-circle" alt="User Image" /></td>

<th><h4 class="text-blue">(( HRD ))</h4>

</th>

<tr>

<td><i class="text-blue">

<a href="index.php?module=edit_user&id_user=<?php echo

$_SESSION['id'];?>" class="btn btn-xs btn-primary ">&nbsp;<i class="fa fa-

user"></i>&nbsp;</a>

&nbsp;&nbsp;

<a href="../logout.php" class="btn btn-xs btn-primary ">&nbsp;<i

class="fa fa-power-off"></i>&nbsp;</a>

</td>

</tr>

</tr>

</table>

</li>

<!-- search form -->

<form action="#" method="get" class="sidebar-form">

<div class="input-group">

<input type="text" name="q" class="form-control" placeholder="Search..."/>

<span class="input-group-btn">

<button type='submit' name='search' id='search-btn' class="btn btn-flat"><i class="fa

fa-search"></i></button>

</span>

</div>

</form>

<!-- /.search form -->

<!-- sidebar menu: : style can be found in sidebar.less -->

<ul class="sidebar-menu">

<li class="header">MAIN NAVIGATION</li>

<li><a href="?module=home"><i class="fa fa-home"></i>

<span>Beranda</span></a></li>

<li><a href='?module=pegawai' ><i class="fa fa-user-

md"></i><span>Daftar Pegawai</span></a></li>

<li><a href='?module=sk_krj' ><i class="glyphicon glyphicon-

briefcase"></i><span>Daftar SK Kerja</span></a></li>

<li><a href='?module=prestasi' ><i class="glyphicon glyphicon-thumbs-

up"></i><span>Daftar Prestasi Pegawai</span></a></li>

<li><a href='?module=hukuman' ><i class="glyphicon glyphicon-thumbs-

down"></i><span>Daftar Hukuman Pegawai</span></a></li>

</ul>

</section>

<!-- /.sidebar -->

</aside>

<!-- =============================================== -->

<!-- Content Wrapper. Contains page content -->

<div style="background:url(../images/0.png)repeat;" class="content-wrapper">

<!-- Content Header (Page header) -->

<section class="content-header">

<h1> Sistem Kepegawaian

<small>PT. Pegadaian (Persero)</small>

</h1>

<ol class="breadcrumb">

<li><a href="#"><i class="glyphicon glyphicon-time"></i><?php echo

Indonesia2Tgl(date('Y-m-d'));?> </a></li>

</ol>

</section>

<!-- Main content -->

<section class="content">

<!-- diini lah kita kasih artikel nya -->

<div class="box box-primary">

</div>

<?php include "isi.php";?>

</section><!-- /.content -->

</div><!-- /.content-wrapper -->

<footer class="main-footer">

<div class="pull-right hidden-xs">

Taufik Kinali <b>Version</b> 1.0

</div>

</footer>

<!-- <strong>Copyright &copy; 2015 <a href="#">SanFadhly</a>.</strong> All rights

reserved.

|| <a href="#"><i class="fa fa-facebook"></i></a>&nbsp;&nbsp;<a href="#"><i

class="fa fa-twitter"></i></a>&nbsp;&nbsp;<a href="#"><i class="fa fa-instagram"></i></a>

</footer>-->

<!-- Add the sidebar's background. This div must be placed

immediately after the control sidebar -->

<div class='control-sidebar-bg'></div>

</div><!-- ./wrapper -->

<!-- Bootstrap 3.3.2 JS -->

<script src="../aset/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>

<!-- DATA TABES SCRIPT -->

<script src="../aset/plugins/datatables/jquery.dataTables.min.js"

type="text/javascript"></script>

<script src="../aset/plugins/datatables/dataTables.bootstrap.min.js"

type="text/javascript"></script>

<!-- InputMask -->

<script src="../aset/plugins/input-mask/jquery.inputmask.js" type="text/javascript"></script>

<script src="../aset/plugins/input-mask/jquery.inputmask.date.extensions.js"

type="text/javascript"></script>

<script src="../aset/plugins/input-mask/jquery.inputmask.extensions.js"

type="text/javascript"></script>

<!-- date-range-picker -->

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.2/moment.min.js"

type="text/javascript"></script>

<script src="../aset/plugins/daterangepicker/daterangepicker.js"

type="text/javascript"></script>

<!-- bootstrap color picker -->

<script src="../aset/plugins/colorpicker/bootstrap-colorpicker.min.js"

type="text/javascript"></script>

<!-- bootstrap time picker -->

<script src="../aset/plugins/timepicker/bootstrap-timepicker.min.js"

type="text/javascript"></script>

<!-- SlimScroll 1.3.0 -->

<script src="../aset/plugins/slimScroll/jquery.slimscroll.min.js"

type="text/javascript"></script>

<!-- iCheck 1.0.1 -->

<script src="../aset/plugins/iCheck/icheck.min.js" type="text/javascript"></script>

<!-- FastClick -->

<script src='../aset/plugins/fastclick/fastclick.min.js'></script>

<!-- AdminLTE App -->

<script src="../aset/dist/js/app.min.js" type="text/javascript"></script>

<!-- AdminLTE for demo purposes -->

<script src="../aset/dist/js/demo.js" type="text/javascript"></script>

<!-- Page script -->

<!-- page script -->

<script type="text/javascript">

$(function () {

//Datemask dd/mm/yyyy

$("#datemask").inputmask("dd/mm/yyyy", {"placeholder": "dd/mm/yyyy"});

//Datemask2 mm/dd/yyyy

$("#datemask2").inputmask("mm/dd/yyyy", {"placeholder": "mm/dd/yyyy"});

//Money Euro

$("[data-mask]").inputmask();

//Date range picker

$('#reservation').daterangepicker();

//Date range picker with time picker

$('#reservationtime').daterangepicker({timePicker: true, timePickerIncrement: 30, format:

'MM/DD/YYYY h:mm A'});

//Date range as a button

$('#daterange-btn').daterangepicker(

{

ranges: {

'Today': [moment(), moment()],

'Yesterday': [moment().subtract('days', 1), moment().subtract('days', 1)],

'Last 7 Days': [moment().subtract('days', 6), moment()],

'Last 30 Days': [moment().subtract('days', 29), moment()],

'This Month': [moment().startOf('month'), moment().endOf('month')],

'Last Month': [moment().subtract('month', 1).startOf('month'),

moment().subtract('month', 1).endOf('month')]

},

startDate: moment().subtract('days', 29),

endDate: moment()

},

function (start, end) {

$('#reportrange span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM

D, YYYY'));

}

);

//iCheck for checkbox and radio inputs

$('input[type="checkbox"].minimal, input[type="radio"].minimal').iCheck({

checkboxClass: 'icheckbox_minimal-blue',

radioClass: 'iradio_square-blue'

});

//Red color scheme for iCheck

$('input[type="checkbox"].minimal-red, input[type="radio"].minimal-red').iCheck({

checkboxClass: 'icheckbox_minimal-red',

radioClass: 'iradio_square-red'

});

//Flat red color scheme for iCheck

$('input[type="checkbox"].flat-red, input[type="radio"].flat-red').iCheck({

checkboxClass: 'icheckbox_flat-red',

radioClass: 'iradio_flat-red'

});

});

</script>

<script type="text/javascript">

$(function () {

$("#example1").dataTable();

$('#example2').dataTable({

"bPaginate": true,

"bLengthChange": false,

"bFilter": false,

"bSort": true,

"bInfo": true,

"bAutoWidth": false

});

});

</script>

</body>

</html>

1.4 Testing

Pengujian sistem yang penulis buat menggunakan blaxbox testing untuk pengujian proses

input dan outputnya saja. Berikut penulis tampilkan hasil pengujian sebagai berikut :

A. Form Login

Tabel 4.15

Hasil Pengujian Blaxbox Testing Form Login

No Skenario

pengujian

Test case Hasil yang

diharapkan

Hasil

pengujian

Kesimpulan

1. Mengosongkan

semua isian data

login lalu

langsung

mengklik tombol

login.

User name

( Kosong )

Password (

Kosong )

Sistem akan

menolak

akses login

dan

menampilkan

pesan “

silahkan

input

username dan

password”.

Sesuai

Valid

2. Hanya mengisi data username

dan

mengosongkan

data password

lalu langsung

mengklik

Username : kinali

Password :

( Kosong )

Sistem akan menolak

akses login

Sesuai

Valid

3. Hanya mengisi

data password

dan

mengosongkan

data username

lalu mengklik

tombol login

Username :

( Kosong )

Password :

( 123 )

Sistem akan

menolak

akses login

dan

menampilkan

pesan “

Silahkan

input

username dan

password”.

Sesuai

Valid

4. Menginput

dengan kondisi

salah satu data

benar dan satu

lagi salah

Username :

udzi

( benar )

Password :

acak ( salah

)

Sistem akan

menolak

akses login

Sesuai

Valid

5. Menginputkan

data login yang

benar , lalu

mengklik tombol

login.

username :

kinali

( benar )

Password :

123

( benar )

Sistem

menerima

akses login

dan

kemudian

menampilkan

halaman akun

saya

Sesuai

Valid

B. Halaman Admin

Tabel 4.16

Hasil Pengujian Blaxbox Testing Halaman Admin

No Skenario

pengujian

Test case Hasil yang

diharapkan

Hasil

pengujian

Kesimpulan

1.

Mengosongkan

data user

tambah

data user

tidak di

input

Sistem akan

menolak dan

menampilkan

pesan “

Please fill out

this field”.

Sesuai

Valid

2.

Mengisi nama

tambah data user

dan menginput

nomor

hp,level,usernam

e dan password

Mengklik

button

simpan

Sistem akan

menerima

dan akan

menyimpan

data yang

diinput.

Sesuai

Valid

3.

Mengisi dan

melengkapi data

tambah user

Mengklik

button

Reset

Sistem akan

memanggil

kembali

untuk

mengisi data

tambah user

Sesuai

Valid

C. Form Halaman HRD

Tabel 4.17

Hasil Pengujian Blaxbox Testing Halaman HRD

No Skenario

pengujian

Test case Hasil yang

diharapkan

Hasil

pengujian

Kesimpulan

1.

Mengosongkan

tambah data

pegawai baru

tambah

data

pegawai

baru tidak

di input

Sistem akan

menolak dan

menampilkan

pesan “

Please fill out

this field”.

Sesuai

Valid

2.

Mengisi nama

tambah data

pegawai baru dan

menginput NIP,

nama pegawai,

tempat tanggal

lahir dst

Mengklik

button

simpan

Sistem akan

menerima

dan akan

menyimpan

data yang

diinput.

Sesuai

Valid

3.

Mengisi dan

melengkapi

tambah data

pegawai baru

dengan lengkap.

Mengklik

button

Reset

Sistem akan

memanggil

kembali

untuk

mengisi

tambah data

pegawai baru

Sesuai

Valid

1.5 Support

1.5.1 Publikasi Web

Untuk mempublikasikan website yaitu hal pertama yang wajib dimiliki adalah webhosting

dan nama domain. Untuk itu penulis melakukan publikasi web secara intranet. Akses intranet

memerlukan identifikasi pengguna dan password sehingga hanya dapat diakses oleh karyawan

perusahaan tersebut. Intranet hanya bias digunakan untuk membagi jadwal kegiatan dokumen dan

sarana diskusi internal tertutup, tidak dapat diakses oleh pihak luar sehingga cukup aman.

Keuntungan penggunaan intranet :

1. Produktifitas kerja membantu pengguna untuk menemukan informasi secara cepat,

menggunakan aplikasi yang sesuai dengan pekerjaan dan tanggung jawabnya.

2. Efisiensi waktu memberikan informasi yang lebih lengkap kepada para anggota dimana anggota

karyawan dapat mengakses informasi yang sesuai untuk mereka sekaligus. Hal ini lebih efektif

daripada memberikan informasi melalui email kepada setiap anggota.

3. Komunikasi memberikan fasilitas yang memungkinkan komunikasi efektif didalam sebuah

organisasi, baik secara vertikal ( bawahan-atasan ) maupun horizontal ( antar anggota dan

karyawan ).

4. Keseragaman informasi yang diterima karena semua pengguna melihat informasi yang sama di

intranet.

1.5.2 Spesifikasi Hardware dan Software

1. Spesifikasi hardware

Perangkat keras yang dimaksud disini adalah seperangkat alat atau elemen elektronik yang

dapat membantu sistem yang diusulkan sehingga program yang diusulkan oleh penulis dapat

bekerja dengan baik. Perangkat keras yang dibutuhkan dibagi atas dua bagian, yaitu perangkat

keras untuk web server dan perangkat keras client.

a. Sistem Operasi : Windows 7 atau sesudahnya

b. Processor : Intel core i3-2350M, 2.30GHz

c. Memory size ( RAM ) : 2GB ( DDR3 )

d. Monitor : 14”HD LED LCD

e. Harddisk : 500GB

f. Keyboard : 107 keys

g. Mouse : Standard mouse

h. Printer : Epson

2. Spesifikasi software

Keberadaan perangkat lunak selalu menyertai perangkat keras yang ada. Perangkat lunak

yang dibutuhkan dibagi atas dua bagian, yaitu perangkat lunak untuk webserver dan perangkat

lunak untuk client.

Perangkat lunak yang diperlukan untuk webserver adalah sebagai berikut :

a. Operating System : Windows 7 atau sesudahnya

b. Bahasa pemrograman : PHP

c. Interpreter : Dreamweaver 8

d. Database server : MySQL server versi 5.0.18

e. Web server : Apachetriad

f. Database tools : phpMyadmin versi 3.5.2.2

Perangkat lunak minimal yang diperlukan untuk client adalah sebagai berikut :

a. Operating system : Windows 7 atau sesudahnya

b. Browser : Google Chrome dan Mozilla Firefox

Selain komponen sistem perangkat keras dan perangkat lunak yang telah disebutkan sebelumnya

ada komponen tambahan yang dibutuhkan untuk mendukung pembuatan website ini yaitu berbasis

web yang menggunakan PHP dan MySQL. Perangkat lunak lain yang digunakan adalah sebagai

berikut :

1. Macromedia Dreamweaver 8, berfungsi sebagai media untuk menuliskan script PHP.

Contoh text editor lainnya yaitu notepad++, PHP coder, PHP editor dan lain sebagainya

dalam penulisan skripsi ini.

2. Browser, berfungsi untuk melihat tampilan perintah-perintah PHP yang telah dijalankan di

web server. Contoh browser yaitu internet Explorer, netscape, navigator, opera, firefox,

dan lain-lain. Dalam penulisan skripsi ini penulis menggunakan browser Google Chrome.

1.6 Spesifikasi Dokumen Sistem Usulan

Merupakan semua bentuk dokumen yang terlihat dengan Sistem Informasi Kepegawaiaan

Berbasis Web pada PT. Pegadaian ( Persero ).

A. Dokumen Masukan

1. Nama Dokumen : Form data pegawai

Fungsi : Laporan data pegawai berisi tentang data

pegawai

Sumber : HRD

Tujuan : Manager dan pegawai

Media : Tampilan

Frekuensi : Setiap ada pegawai baru

Format : Lampiran B-1

2. Nama Dokumen : Form data user

Fungsi : Berisi tentang data user

Sumber : Admin

Tujuan : User

Media : Tampilan

Frekuensi : Setiap ada user baru

Format : Lampiran B-2

3. Nama Dokumen : Form Jabatan

Fungsi : Laporan data jabatan pegawai

Sumber : Admin

Tujuan : Manajer dan pegawai

Media : Tampilan

Frekuensi : Setiap jabatan pegawai

Format : Lampiran B-3

B. Dokumen Keluaran

4. Nama Dokumen : Form laporan data prestasi baru

Fungsi : Laporan data pegawai berisi tentang data

prestasi pegawai

Sumber : HRD

Tujuan : Manajer dan pegawai

Media : Tampilan

Frekuensi : Setiap ada pegawai yang berprestasi

Format : Lampiran B-4

5. Nama Dokumen : Form laporan daftar hukuman pegawai

Fungsi :Laporan data pegawai berisi tentang daftar

hukuman pegawai

Sumber : HRD

Tujuan : Manajer dan pegawai

Media : Tampilan

Frekuensi : Setiap ada pegawai yang kena hukuman

Format : Lampiran B-5

6. Nama Dokumen : Form laporan unit kerja

Fungsi : Laporan data pegawai berisi tentang data

unit pegawai.

Sumber : Admin

Tujuan : Manajer dan pegawai

Media : Tampilan

Frekuensi : Setiap data unit kerja

Format : Lampiran B-6

7. Nama Dokumen : Form laporan pangkat pegawai

Fungsi : Laporan data pegawai berisi tentang data

Pangkat dan gaji pegawai

Sumber : Admin

Tujuan : Manajer dan pegawai

Media : Tampilan

Frekuensi : Setiap pangkat dan gaji pegawai

Format : Lampiran B-7