1 bab iv rancangan sistem dan program berjalan · menggambarkan hubungan antar tabel yang dibuat...
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
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 </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"> <i class="fa fa-user"></i> Profil</a>
</div>
<div class="pull-right">
<a href="../logout.php" class="btn btn-default btn-flat"> <i class="fa fa-
power-off"></i> 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 "> <i class="fa fa-
user"></i> </a>
<a href="../logout.php" class="btn btn-xs btn-primary "> <i
class="fa fa-power-off"></i> </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 © 2015 <a href="#">SanFadhly</a>.</strong> All rights
reserved.
|| <a href="#"><i class="fa fa-facebook"></i></a> <a href="#"><i
class="fa fa-twitter"></i></a> <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