28
BAB III
PEMBAHASAN
3.1 Tinjauan Instansi
Dalam pelaksanaan kegiatan rutin pada Biro Humas Setda Provinsi Kalbar
terdapat aturan yang ditentukan, dalam hal ini struktur organisasi yang
menggambarkan garis perintah serta fungsi-fungsi pelaksanaan tersebut sehingga
semua proses menjadi lancar dan terkendali. Penulis menerangkan sejarah dan
struktur organisasi di tempat penulis mengadakan riset untuk pembuatan Tugas
Akhir ini sebagai berikut:
3.1.1 Sejarah Instansi
Biro Humas merupakan salah satu Unit Kerja Sekretariat Daerah Provinsi
Kalbar. Dalam mengawali pelaksanaan tugas pokok dan fungsinya telah
menyusun Program Kerja Tahunan sebagai langkah tindak dari penjabaran Misi
dan pencapaian Tujuan organisasi yang telah ditetapkan.
Dalam pelaksanaan tugas pokoknya dilaksakan kegiatan peliputan kegiatan
Pemerintahan dan Pembangunan sehingga seluruh kebijakan Pemerintah Daerah
Provinsi Kalbar dapat di akses oleh publik khususnya oleh seluruh masyarakat
Kalbar. Penyebarluasan informasi pembangunan dan penyelenggaraan Pemerintah
menjadi sangat penting seiring dengan kebijakan keterbukaan informasi publik
dimana masyarakat memiliki hak untuk memperoleh informasi-informasi yang
bukan dikecualikan. Sebagai kontrol yang efektif tehadap penyelenggaraan
pembangunan. Selain itu ruang lingkup kegiatan Biro Humas melaksanakan
29
Pendokumentasian terhadap kegiatan Pemerintahan dan Pembangunan, Pelayanan
Sandi dan telekomunikasi serta layanan Informasi Pemerintah Provinsi Kalbar.
3.1.2 Struktur Organisasi dan Fungsi
Dalam sebuah instansi memiliki beberapa struktur organisasi dan beberapa
fungsi dari organisasi yang ada. Dapat dijelaskan sebagai berikut:
1. Struktur Organisasi
Struktur Organisasi adalah susunan sub-sub sistem dengan hubungan
wewenang dan tanggung jawab. Dalam organisasi terdapat struktur yang
menerapkan bagaimana tugas dibagi. Berikut ini merupakan struktur organisasi
pada Biro Humas Kantor Sekretariat Daerah Provinsi Kalbar:
BAGAN STRUKTUR ORGANISASI BIRO HUMAS
SETDA PROVINSI KALIMANTAN BARAT
Sumber : Biro Humas Setda Provinsi Kalbar
Gambar III.1 Struktur Organisasi Biro Humas
30
2. Fungsi
Adapun fungsi dari masing-masing bagian pada struktur organisasi diatas,
antara lain:
a. Kepala Biro
Kepala Biro berfungsi sebagai pemimpin serta administrator.
1) Kepala Biro selaku Pimpinan mempunyai tugas:
a) Menyusun perencanaan
b) Mengordinasikan kegiatan
c) Melaksanakan pengawasan
d) Meaksanakan evaluasi terhadap kegiatan
e) Menentukan kebijakan
f) Mengadakan rapat
g) Mengambil keputusan
h) Mengatur alur dalam proses pemerintahan
i) Mengatur hubungan staf dan masyarakat
2) Kepala Biro selaku Administrator mempunyai tugas:
a) Perencanaan
b) Pengorganisasian
c) Pengarahan
d) Pengkoordinasian
e) Pengawasan
f) Kantor
g) Kepegawaian
b. Bagian Dokumentasi
31
Bagian Dokumentasi berfungsi untuk menyiapkan bahan perumusan dan
pengkoordinasian kebijakan Pemerintah Daerah dibidang penyaringan
infromasi. Dokumentasi dan audiovisual serta tata usaha. Bagian
Dokumentasi membawahi 3 Sub Bagian dengan tugas sebagai berikut:
1) Sub Bagian Penyaringan Informasi
Mempunyai tugas mengumpulkan, mengolah, merumuskan bahan
kebijakan dan mengkoordinasikan serta pelaksanaan penyaringan
informasi.
2) Sub Bagian Dokumentasi dan Audiovisual
Mempunyai tugas mengumpulkan, mengolah, merumuskan bahan
kebijakan dan mengkoordinasikan serta pelaksanaan dokumentasi
dan audiovisual serta penyiapan notulen rapat dan risalah.
3) Sub Bagian Tata Usaha Biro
Mempunyai tugas melaksanakan urusan dan pelayanan ketatausahaan
Biro.
c. Bagian Publikasi
Bagian Publikasi mempunyai tugas menyiapkan bahan perumusan dan
pengkoordinasian kebijakan Pemerintah Daerah dan penyelenggaraan
urusan dibidang pemberitaan dan kerjasama media. Bagian Publikasi
membawahi 3 Sub Bagian dengan tugas sebagai berikut:
1) Sub Bagian Pemberitaan dan Klarifikasi
Mempunyai tugas mengumpulkan, mengolah, merumuskan dan
mengkoordinasikan serta melaksanakan pemberitaan dan klarifikasi.
2) Sub Bagian Kerjasama Media
32
Mempunyai tugas mengumpulkan, mengolah, merumuskan dan
mengkoordinasikan serta melaksanakan kegiatan kerjasama media.
3) Sub Bagian Fasilitas Pengaduan Pemerintahan, Pembangunan dan
Kemasyarakatan
Mempunyai tugas mengumpulkan, mengolah, merumuskan dan
mengkoordinasikan serta melaksanakan fasilitasi Pengaduan
Pemerintahan, Pembangunan dan Kemasyarakatan.
d. Bagian Sandi dan Telekomunikasi
Bagian Sandi dan Telekomunikasi mempunyai tugas penyelenggaraan
urusan dibidang kesandian, telekomunikasi dan jaringan, layanan
informasi dan telekomunikasi, membawahi 3 Sub Bagian dengan tugas:
1) Sub Bagian Sandi
Mempunyai tugas mengumpulkan, mengolah, merumuskan bahan
kebijakan serta melaksanakan pelayanan urusan kesandian.
2) Sub Bagian Telekomunikasi dan Jaringan
Mempunyai tugas mengumpulkan, mengolah, merumuskan bahan
kebijakan serta melaksanakan pelayanan pelayanan telekomunikasi
dan jaringan.
3) Sub Bagian Layanan Informasi dan Telekomunikasi
Mempunyai tugas mengumpulkan, mengolah, merumuskan bahan
kebijakan serta melaksanakan pelayanan pelayanan telekomunikasi
dan jaringan.
33
3.2 Analisis Kebutuhan
Biro Humas merupakan salah satu Unit Kerja Sekretariat Daerah Provinsi
Kalimantan Barat. Dalam mengawali pelaksanaan tugas pokok dan fungsinya
telah menyusun program kerja tahunan sebagai langkah tindak dari penjabaran
Misi dan pencapaian tujuan organisasi yang telah ditetapkan.
Sesuai dengan fungsi Biro Humas pada instansi pemerintah atau
kedaerahan yakni menyusun kebijakan Pemerintah Daerah di Bidang kehumasan
pengkoordinasian pelaksanaan tugas dinas didaerah dan lembaga teknik di Bidang
Kehumasan bertanggung jawab menjaga citra positif pemerintahan dan
mencitrakan daerah atau tempat dimana instansi tersebut berada, serta berperan
menginformasikan semua tindakan-tindakan dan kebijakan yang telah
dilaksanakan oleh pemerintah.
Akan tetapi, sebagai media untuk pembuatan penyusunan program kerja
tahunan serta penyusunan administrasi cuti kepegawaian masih belum terlalu
efesien atau terkelola dengan baik dan minimnya pengetahuan staff administrasi
dengan perkembangan teknologi informasi membuat kemajuan IPTEK pada Biro
Humas Setda Kalimantan Barat sedikit terhambat, sehingga pada intasi
pemerintahan tersebut masih belum siap untuk memaksimalkan teknologi
informasi yang ada.
Berdasarkan penelitian diatas yang dilakukan penulis pada Biro Humas
Setda Kalimantan Barat terdapat beberapa hal yang dibutuhkan dalam web
tersebut, yaitu:
1. Web tersebut harus dapat memberikan data terbaru dan sesuai dengan data
yang berlaku.
34
2. Web tersebut harus user friendly bagi staff admin, pegawai dan kepala biro
yang minim dengan alur perkembangan teknologi.
3. Web tersebut dibangun dengan sistem internet agar staff admin dan kepala
biro dapat memasukkan dan mengerjakan masukkan data dengan aman tanpa
diakses oleh orang luar.
Dengan pembuatan web ini diharapkan para staff admin dan kepala biro
dapat terbantu tujuannya untuk membentuk data yang maksimal cepat dan efesian
bagi pegawainya pada Biro Humas.
3.2.1 Kebutuhan Fungsional
1. Analisa Kebutuhan Pengguna
Sesuai dengan analisis kebutuhan diatas, maka penulis akan membuat
sistem dengan kegunaan dari sisi staff admin, pegawai, dan kepala biro sebagai
berikut :
a. Kepala Biro
Kebutuhan Kepala Biro, diantaranya:
1) Kepala Biro dapat melakukan login sesuai dengan NIP dan password
mereka masing-masing.
2) Kepala Biro dapat melihat halaman diskusi dan laporan yang ada.
3) Kepala Biro dapat memberikan pesan pada halaman diskusi.
b. Pegawai
Kebutuhan pegawai, diantaranya:
1) Pegawai dapat melakukan login sesuai dengan NIP dan password
mereka masing-masing.
35
2) Pegawai dapat melihat dan menambah data diklat, data pegawai, data
jabatan, data cuti dan data kepangkatan yang ada.
3) Pegawai dapat memberikan pesan pada halaman diskusi.
c. Administrator
Kebutuhan administrator,antara lain:
1) Administrator dapat login dengan nip dan password
2) Administrator dapat memasukkan, mengubah dan menghapus data
pegawai dan Kepala Biro
3) Administrator dapat menghapus pesan dan mengubah pesan yang ada di
halaman diskusi.
4) Administrator dapat mengubah password login Kepala Biro dan
pegawai.
2. Analisa Kebutuhan Sistem
a. Halaman Login
Sistem memerlukan NIP dan password yang valid, setelah sistem
memverifikasi NIP dan password adalah valid. Administrator dapat masuk ke
halaman utama admin, pegawai dapat masuk ke halaman utama dan Kepala
Biro dapat masuk ke halaman utama.
b. Master data
Sistem dapat menampilkan data-data inputan yang telah dimasukkan oleh
administrator dan pegawai seperti data diklat, data jabatan, data kepangkatan,
data pegawai dan data cuti.
c. Halaman Diskusi
Sistem dapat menampilkan pesan yang telah dimasukkan oleh
administrator, pegawai dan kepala biro.
36
d. Laporan
Sistem dapat menampilkan laporan data yang telah diinput ke dalam
master data.
e. Backup Data
Sistem ini dapat membackup data yang telah terinput ke dalam database.
f. Logout
Apabila administrator, pegawai dan kepala biro logout maka mereka akan
kembali ke halaman login.
3.2.2 Kebutuhan Nonfungsional
Adapun kebutuhan nonfungsional pada sistem informasi administrasi cuti
kepegawaian pada Biro Humas Setda Kalimantan Barat ini adalah sebagai berikut:
1. Perangkat Keras (Hardware)
Adapun perangkat keras yang dibutuhkan, antara lain:
a. CPU
1) Processor Intel® Core™ i3 CPU M 380 @2.53Ghz.
2) RAM 2 GB.
3) Harddisk 320 GB.
b. Mouse.
c. Keybord.
d. Monitor dengan Resolusi Layar Minimum 1366x768.
2. Perangkat Lunak (Software)
Adapun perangkat lunak yang dibutuhkan, antara lain:
a. Microsoft Windows 8.
b. Xampp version 5.6.3.
37
c. Mozilla Firefox Version 48.0.1
3. Pengguna (Brainware)
Adapun yang menggunakan web ini, antara lain:
a. Administrator.
b. Pegawai
c. Kepala Biro.
3.3 Perancangan Perangkat Lunak
Perancangan perangkat lunak ini melewati beberapa tahap untuk mencapai
hasil yang maksimal.
3.3.1 Rancangan Antar Muka
Rancangan antarmuka merupakan bagian yang paling penting dari
merancang sistem. Tujuan dari Perancangan Antarmuka adalah merancang
interface yang efektif untuk sistem perancangan perangkat lunak. Efektif artinya
siap digunakan, dan hasil sesuai dengan kebutuhan. Karena dalam merancang
antarmuka harus memenuhi tiga persyaratan, sebuah antar muka harus sederhana,
sebuah antar muka harus lengkap, dan sebuah antarmuka harus memiliki kinerja
yang cepat.
Pada web ini ada beberapa rancangan antar muka, rancangan antarmuka
pada administrator, rancangan antarmuka pada pegawai, dan rancangan antar
muka Kepala Biro.
1. Rancangan Antar Muka Administrator
a. Halaman Login Administrator
38
Sumber: Penelitian (2017)
Gambar III.2 Halaman Login Pada Administrator
b. Halaman Beranda Administrator
Sumber: Penelitian (2017)
Gambar III.3 Halaman Beranda Pada Administrator
39
c. Halaman Data Diklat
Sumber: Penelitian (2017)
Gambar III.4 Halaman Data Diklat Pada Administrator
d. Halaman Tambah Data Diklat
Sumber: Penelitian (2017)
Gambar III.5 Halaman Tambah Data Diklat Pada Administrator
40
e. Halaman Edit Data Diklat
Sumber: Penelitian (2017)
Gambar III.6 Halaman Edit Data Diklat Pada Administrator
f. Halaman Data Jabatan
Sumber: Penelitian (2017)
Gambar III.7 Halaman Data Jabatan Pada Administrator
41
g. Halaman Tambah Data Jabatan
Sumber: Penelitian (2017)
Gambar III.8 Halaman Tambah Data Jabatan Pada Administrator
h. Halaman Edit Data Jabatan
Sumber: Penelitian (2017)
Gambar III.9 Halaman Edit Data Jabatan Pada Administrator
42
i. Halaman Data Kepangkatan
Sumber: Penelitian (2017)
Gambar III.10 Halaman Data Kepangkatan Pada Administrator
j. Halaman Tambah Data Kepangkatan
Sumber: Penelitian (2017)
Gambar III.11 Halaman Tambah Data Kepangkatan Pada Administrator
43
k. Halaman Edit Data Kepangkatan
Sumber: Penelitian (2017)
Gambar III.12 Halaman Edit Data Kepangkatan Pada Administrator
l. Halaman Data Pegawai
Sumber: Penelitian (2017)
Gambar III.13 Halaman Data Pegawai Pada Administrator
44
m. Halaman Tambah Data Pegawai
Sumber: Penelitian (2017)
Gambar III.14 Halaman Tambah Data Pegawai Pada Administrator
n. Halaman Edit Data Pegawai
Sumber: Penelitian (2017)
Gambar III.15 Halaman Edit Data Pegawai Pada Administrator
45
o. Halaman Data Cuti
Sumber: Penelitian (2017)
Gambar III.16 Halaman Data Cuti Pada Administrator
p. Halaman Tambah Data Cuti
Sumber: Penelitian (2017)
Gambar III.17 Halaman Tambah Data Cuti Pada Administrator
46
q. Halaman Edit Data Cuti
Sumber: Penelitian (2017)
Gambar III.18 Halaman Edit Data Cuti Pada Administrator
r. Halaman Diskusi
Sumber: Penelitian (2017)
Gambar III.19 Halaman Diskusi Pada Administrator
47
s. Halaman Tambah Diskusi
Sumber: Penelitian (2017)
Gambar III.20 Halaman Tambah Diskusi Pada Administrator
t. Halaman Edit Diskusi
Gambar III.21 Halaman Edit Diskusi Pada Administrator
48
u. Halaman Laporan
Sumber: Penelitian (2017)
Gambar III.22 Halaman Laporan Pada Administrator
v. Halaman Cetak Laporan
Sumber: Penelitian (2017)
Gambar III.23 Halaman Cetak Laporan Pada Administrator
49
x. Halaman Pembackupan data
Sumber: Penelitian (2017)
Gambar III.24 Halaman Backup Data Pada Administrator
2. Rancangan Antar Muka Kepala Biro
a. Halaman Login Kepala Biro
Sumber: Penelitian (2017)
Gambar III.25 Halaman Login Pada Kepala Biro
50
b. Halaman Beranda Kepala Biro
Sumber: Penelitian (2017)
Gambar III.26 Halaman Beranda Pada Kepala Biro
c. Halaman Diskusi
Sumber: Penelitian (2017)
Gambar III.27 Halaman Diskusi Pada Kepala Biro
51
d. Halaman Tambah Diskusi
Sumber: Penelitian (2017)
Gambar III.28 Halaman Tambah Diskusi Pada Kepala Biro
e. Halaman Laporan
Sumber: Penelitian (2017)
Gambar III.29 Halaman Laporan Pada Kepala Biro
52
f. Halaman Cetak Laporan
Sumber: Penelitian (2017)
Gambar III.30 Halaman Laporan Cetak Pada Kepala Biro
3.3.2 Rancangan Basis Data
Berikut Rancangan Basis Data ERD pada Sistem Informasi administrasi cuti
kepegawaian berbasis web pada biro Humas :
1. Entity Relationship Diagram
Sumber: Penelitian (2017)
Gambar III.31 Entity Relationship Diagram
53
2. Logical Record Structure (LRS)
Sumber: Penelitian (2017)
Gambar III.32 Logical Relationship Structural
3. Spesifikasi File
Menjelaskan tentang file atau tabel yang berbentuk dari transformasi ERD (dan
atau file-file penunjang untuk web). File-file ini tersimpan pada database dengan
parameter-parameter sebagai berikut:
a. Spesifikasi file Pegawai
Nama file : pegawai
Akronim : Pegawai
Fungsi : untuk menyimpan data pegawai
Tipe File : File Master
Organisasi File : Indexed Sequential
54
Akses File : Random
Media : Harddisk
Panjang Record : 141
Kunci Field : nip
Software : mysql
Tabel III.1
Spesifikasi file pegawai
NNNo Elemen data Nama Field Tipe Size Keterangan
1 NIP nip varchar 30 Primary Key
2 Password password varchar 100
3 Id Pegawai id_pegawai integer 5
4 Nama Pegawai nama_pegawai varchar 25
5 Pendidikan Terakhir pendidikan_terakhir varchar 3
6 Usia usia varchar 2
7 Jenis Kelamin jenis_kelamin varchar 10
8 Masa Kerja masa_kerja varchar 10
9 Hak Akses hak_akses varchar 10
10 Level level integer 1
11 Id Pangkat id_pangkat integer 30 Foreign Keys
12 Id Jabatan id_jabatan integer 10 Foreign Keys
Sumber: Penelitian (2017)
b. Spesifikasi file Diskusi
Nama file : diskusi
Akronim : Diskusi
Fungsi : untuk menyimpan data diskusi/pesan
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
55
Media : Harddisk
Panjang Record : 52
Kunci Field : id_diskusi
Software : mysql
Tabel III.2
Spesifikasi file diskusi
NNNo Elemen data Nama Field Tipe Size Keterangan
1 Id Diskusi id_diskusi integer 2 Primary Key (A.I)
2 NIP nip varchar 30 Foreign Keys
3 Nama Jabatan namajabatan varchar 20
4 Tanggal tanggal date
5 Pesan isipesan mediumtext
Sumber: Penelitian (2017)
c. Spesifikasi file Diklat
Nama file : diklat
Akronim : Diklat
Fungsi : untuk menyimpan data kegiatan diklat
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 166
Kunci Field : id_diklat
Software : mysql
56
Tabel III.3
Spesifikasi file diklat
NNNo Elemen data Nama Field Tipe Size Keterangan
1 Id Diklat id_diklat integer 11 Primary Key (A.I)
2 NIP nip varchar 30 Foreign Keys
3 Nama Pegawai nama_pegawai varchar 25
4 Nama Kegiatan nama_kegiatan varchar 100
5 Tanggal Kegiatan tanggal_kegiatan date
Sumber: Penelitian (2017)
d. Spesifikasi file Jabatan
Nama file : jabatan
Akronim : Jabatan
Fungsi : untuk menyimpan data jabatan pegawai
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 25
Kunci Field : id_jabatan
Software : mysql
Tabel III.4
Spesifikasi file jabatan
NNNo Elemen data Nama Field Tipe Size Keterangan
1 Id Jabatan id_jabatan integer 10 Primary Key (A.I)
2 Nama Jabatan nama_jabatan varchar 15
3 TMT tmt date
Sumber: Penelitian (2017)
57
e. Spesifikasi file Kepangkatan
Nama file : kepangkatan
Akronim : Kepangkatan
Fungsi : untuk menyimpan data golongan pangkat pegawai
Tipe file : File Master
Organisasi file : Indexed Sequential
Akses file : Random
Media : Harddisk
Panjang Record : 150
Kunci Field : id_pangkat
Software : mysql
Tabel III.5
Spesifikasi file kepangkatan
NNNo Elemen data Nama Field Tipe Size Keterangan
1 Id Pangkat id_pangkat integer 30 Primary Key (A.I)
2 Golongan Pangkat gol_pangkat varchar 20
3 Catatan Mutasi catatan_mutasi varchar 50
4 Keterangan keterangan varchar 50
Sumber: Penelitian (2017)
f. Spesifikasi file Cuti
Nama file : cuti
Akronim : Cuti
Fungsi : untuk menyimpan data cuti pegawai
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
58
Media : Harddisk
Panjang Record : 141
Kunci Field : id_cuti
Software : mysql
Tabel III.6
Spesifikasi file cuti
NNNo Elemen data Nama Field Tipe Size Keterangan
1 Id Cuti id_cuti integer 11 Primary Key (A.I)
2 NIP nip varchar 30 Foreign Keys
3 Jenis Cuti jenis_cuti varchar 50
4 Keterangan keterangan varchar 50
5 Tanggal Mulai tgl_mulai date
6 Tanggal Selesai tgl_mulai date
Sumber: Penelitian (2017)
3.3.3 Rancangan Struktur Navigasi
Rancangan struktur navigasi ini menjelaskan gambaran tentang menu
navigasi pada web yang penulis bangun, dari mana kita memulai dan kemana kita
akan pergi jika salah satu navigasi kita pilih. Dalam pembuatan tugas akhir ini,
penulis menggunakan struktur navigasi non-linier. Rancangan struktur navigasi
ini, dibagi menjadi 3 akses level berdasarkan analisa kebutuhan, yaitu navigasi
administrator, navigasi pegawai dan navigasi Kepala Biro. Berikut ini merupakan
rancangan struktur navigasi Sistem Informasi Administrasi Cuti Kepegawaian
Pada Biro Humas Setda Kalimantan Barat.
1. Struktur Navigasi Halaman Administrator
59
Sumber: Penelitian (2017)
Gambar III.33 Struktur Navigasi Halaman Administrator
2. Struktur Navigasi Halaman Kepala Biro
Sumber: Penelitian (2017)
Gambar III.34 Struktur Navigasi Halaman Kepala Biro
3.4 Implementasi dan Pengajuan Unit
3.4.1 Implementasi
1. Implementasi Rancangan Antar Muka
Implementasi rancangan antar muka pada web Biro Humas berdasarkan
rancangan antar muka.
a. Implementasi Rancangan Antar Muka Administrator
1) Halaman Login Administrator
60
Pada halaman login administrator, administrator harus melakukan login
terlebih dahulu sebelum melakukan perubahan, penambahan, atau
penghapusan data-data sesuai dengan yang diinginkan.
Sumber: Penelitian (2017)
Gambar III.35 Implementasi Halaman Login Administrator
2) Halaman Beranda Administrator
Pada halaman ini administrator dapat melihat tampilan record yang ada untuk
memulai pekerjaan.
Sumber: Penelitian (2017)
Gambar III.36 Implementasi Halaman Beranda Administrator
61
3) Halaman Data Diklat
Pada halaman ini Administrator dapat melihat data diklat yang tersimpan dan
dapat melakukan penambahan, penghapusan, dan pengeditan data diklat sesuai
dengan yang diinginkan. Dan juga administrator dapat melakukan pencaharian
sesuai dengan nama pegawai.
Sumber: Penelitian (2017)
Gambar III.37 Implementasi Halaman Data Diklat Administrator
4) Halaman Tambah Data Diklat
Pada halaman ini administrator dapat menambah data diklat yang diinginkan.
Sumber: Penelitian (2017)
Gambar III.38 Implementasi Halaman Tambah Data Diklat Administrator
62
5) Halaman Edit Data Diklat
Pada halaman ini administrator dapat mengubah data diklat yang diinginkan.
Sumber: Penelitian (2017)
Gambar III.39 Implementasi Halaman Edit Data Diklat Administrator
6) Halaman Aksi Hapus Data
Pada halaman ini administrator dapat menghapus data yang diinginkan.
Sumber: Penelitian (2017)
Gambar III.40 Implementasi Halaman Hapus Data Administrator
63
7) Halaman Data Jabatan
Pada halaman ini Administrator dapat melihat data jabatan yang tersimpan
dan dapat melakukan penambahan, penghapusan, dan pengeditan data jabatan
sesuai dengan yang diinginkan. Dan juga administrator dapat melakukan
pencaharian sesuai dengan nama jabatan.
Sumber: Penelitian (2017)
Gambar III.41 Implementasi Halaman Data Jabatan Administrator
8) Halaman Tambah Data Jabatan
Pada halaman ini administrator dapat menambah inputan data jabatan yang
diinginkan.
Sumber: Penelitian (2017)
Gambar III.42 Implementasi Halaman Tambah Data Jabatan Administrator
64
9) Halaman Edit Data Jabatan
Pada halaman ini administrator dapat mengubah data jabatan yang
diinginkan.
Sumber: Penelitian (2017)
Gambar III.43 Implementasi Halaman Edit Data Jabatan Administrator
10) Halaman Data Kepangkatan
Pada halaman ini Administrator dapat melihat data kepangkatan yang
tersimpan dan dapat melakukan penambahan, penghapusan, dan pengeditan data
kepangkatan sesuai dengan yang diinginkan. Dan juga administrator dapat
melakukan pencaharian sesuai dengan golongan pangkat.
Sumber: Penelitian (2017)
Gambar III.44 Implementasi Halaman Data Kepangkatan Administrator
65
11) Halaman Tambah Data Kepangkatan
Pada Halaman ini administrator dapat menambah data kepangkatan yang
diinginkan.
Sumber: Penelitian (2017)
Gambar III.45 Implementasi Halaman Tambah Data Kepangkatan
pada Administrator
12) Halaman Edit Data Kepangkatan
Pada halaman ini administrator dapat mengubah data kepangkatan yang
diinginkan.
Sumber: Penelitian (2017)
Gambar III.46 Implementasi Halaman Edit Data Kepangkatan
pada Administrator
66
13) Halaman Data Pegawai
Pada halaman ini Administrator dapat melihat data pegawai yang tersimpan
dan dapat melakukan penambahan, penghapusan, dan pengeditan data pegawai
sesuai dengan yang diinginkan. Dan juga administrator dapat melakukan
pencaharian sesuai dengan nip para pegawai.
Sumber: Penelitian (2017)
Gambar III.47 Implementasi Halaman Data Pegawai Administrator
14) Halaman Tambah Data Pegawai
Pada halaman ini adminitrator dapat menambahkan data pegawai sesuai yang
diinginkan.
Sumber: Penelitian (2017)
Gambar III.48 Implementasi Halaman Tambah Data Pegawai Administrator
67
15) Halaman Edit Data Pegawai
Pada halaman ini administrator dapat mengubah data pegawai yang
diinginkan.
Sumber: Penelitian (2017)
Gambar III.49 Implementasi Halaman Edit Data Pegawai Administrator
16) Halaman Data Cuti
Pada halaman ini Administrator dapat melihat data cuti yang tersimpan dan
dapat melakukan penambahan, penghapusan, dan pengeditan data pegwai sesuai
dengan yang diinginkan. Dan juga administrator dapat melakukan pencaharian
sesuai dengan nip para pegawai.
Sumber: Penelitian (2017)
Gambar III.50 Implementasi Halaman Data Cuti Administrator
68
17) Halaman Tambah Data Cuti
Pada halaman ini administrator dapat menginput data cuti yang diinginkan
Sumber: Penelitian (2017)
Gambar III.51 Implementasi Halaman Tambah Data Cuti Administrator
18) Halaman Edit Data Cuti
Pada halaman ini administrator dapat mengubah data cuti yang diinginkan
Sumber: Penelitian (2017)
Gambar III.52 Implementasi Halaman Edit Data Cuti pada Administrator
69
19) Halaman Diskusi Administrator
Pada halaman ini administrator dapat menambah, mengubah dan menghapus
pesan yang diinginkan dan dapat mencari pesan sesuai dengan kata kunci yang
diinginkan. Dan juga administrator dapat melakukan pencaharian sesuai dengan
tanggal yang ingin dicari.
Sumber: Penelitian (2017)
Gambar III.53 Implementasi Halaman Diskusi pada Administrator
20) Halaman Tambah Diskusi Administrator
Pada halaman ini administrator dapat menambah diskusi yang diinginkan
Sumber: Penelitian (2017)
Gambar III.54 Implementasi Halaman Tambah Diskusi Administrator
70
21) Halaman Edit Diskusi
Pada halaman ini administrator dapat mengubah diskusi yang diinginkan
Sumber: Penelitian (2017)
Gambar III.55 Implementasi Halaman Tambah Diskusi Administrator
22) Halaman Laporan Administrator
Pada halaman ini administrator dapat melihat pilihan bulan dan tahun laporan
yang ingin di tampilkan pada bagian cetak laporan.
Sumber: Penelitian (2017)
Gambar III.56 Implementasi Halaman Laporan pada Administrator
23) Halaman Cetak Laporan Administrator
Pada halaman ini administrator dapat melihat laporan sesuai bulan dan tahun
yang dipilih sebelumnya dan dapat langsung mencetak data yang diperlukan.
71
Sumber: Penelitian (2017)
Gambar III.57 Implementasi Halaman Cetak Laporan Administrator
b. Implementasi Rancangan Antar Muka Kepala Biro
1) Halaman Login Kepala Biro
Pada halaman ini Kepala Biro harus memasukkan NIP dan password agar
dapat masuk kehalaman web biro humas.
Sumber: Penelitian (2017)
Gambar III.58 Implementasi Halaman login pada Kepala Biro
72
2) Halaman Beranda Kepala Biro
Pada halaman ini Kepala Biro dapat memilih record yang ada untuk memulai
pekerjaan.
Sumber: Penelitian (2017)
Gambar III.59 Implementasi Halaman Beranda pada Kepala Biro
4) Halaman Diskusi Kepala Biro
Pada halaman ini Kepala Biro dapat melihat halaman diskusi dan dapat
menambah pesan diskusi yang ada. Dan kepala biro dapat melakukan pencaharian
sesuai dengan tanggal.
Sumber: Penelitian (2017)
Gambar III.60 Implementasi Halaman Diskusi pada Kepala Biro
73
5) Halaman Tambah Diskusi Kepala Biro
Pada halaman ini Kepala Biro dapat melihat dapat menambah pesan diskusi
yang ada.
Sumber: Penelitian (2017)
Gambar III.61 Implementasi Tambah Halaman Diskusi pada Kepala Biro
6) Halaman Laporan pada Kepala Biro
Pada halaman ini Kepala Biro dapat memilih bulan dan laporan yang akan
dilihat datanya.
Sumber: Penelitian (2017)
Gambar III.62 Implementasi Halaman Laporan pada Kepala Biro
74
7) Halaman Cetak Laporan pada Kepala Biro
Pada halaman ini Kepala Biro dapat melihat data laporan dan langsung
mencetak data yang diperlukan.
Sumber: Penelitian (2017)
Gambar III.63 Implementasi Halaman Cetak Laporan pada Kepala Biro
2. Spesifikasi Sistem Komputer
1) Server
a) CPU
(1) Processor Intel ® Core™ i3 CPU M 380 @2.53Ghz
(2) RAM 2 GB.
(3) Harddisk 320 GB.
b) Mouse.
c) Keyboard.
d) Monitor dengan resulusi layar minimum 1366 x 768.
2) Client
a) CPU
(1) Intel Pentium 4, 1,3 Ghz
75
(2) RAM 1 GB.
(3) Harddisk 320 GB.
b) Mouse.
c) Keyboard.
d) Monitor dengan resulusi layar minimum 1366 x 768.
b. Spesifikasi Perangkat Lunak
1) Server
a) Microsoft Windows 8
b) XAMPP version 5.6.3
2) Client
a) Microsoft Windows 7
b) Mozilla Firefox version 48.0.1
2.4.2 Pengujian Unit
a. Pengujian Web
Dalam pengujian unit pada web ini menggunakan blackbox testing dimana
pengujian difokuskan terhadap proses masukan dan keluaran program.
Tabel III.7
Hasil Pengujian Black Box Testing Halaman Login Admin
No Skenario
Pengujian
Test Case Hasil Yang
diharapakan
Hasil
Pengujian
Kesimpulan
1 Nip dan Password
tidak diisi
kemudian klik
tombol login
NIP :
(Kosong)
Password:
(Kosong)
Message box akan
muncul “NIP atau
password tidak
boleh kosong” dan
akan tetap pada
halaman login
Sesuai
Harapan
Valid
2 Nip diisi dan
Password tidak diisi
kemudian klik
tombol login
NIP :
12345
Password:
(Kosong)
Message box akan
muncul “NIP atau
password anda
tidak cocok” dan
akan tetap pada
halaman login
Sesuai
Harapan
Valid
76
3 Nip tidak diisi dan
Password diisi
kemudian klik
tombol login
NIP :
(kosong)
Password:
12345
Message box akan
muncul “NIP atau
password anda
tidak cocok” dan
akan tetap pada
halaman login
Sesuai
Harapan
Valid
4 Nip diisi salah dan
Password diisi
salah kemudian
klik tombol login
NIP :
12345
(salah)
Password:
12345
(salah)
Message box akan
muncul “NIP atau
password anda
masukkan salah” dan akan tetap pada
halaman login
Sesuai
Harapan
Valid
5 Nip diisi dengan
benar dan Password
diisi dengan benar
kemudian klik
tombol login
NIP :
12345
(benar)
Password:
12345
(benar)
Message box akan
muncul“selamat
datang” dan masuk
ke halaman
administrator
Sesuai
Harapan
Valid
Sumber: Penelitian (2017)
Tabel III.8
Hasil Pengujian Black Box Testing Halaman Tambah Data Diklat
No Skenario
Pengujian
Test Case Hasil Yang
diharapakan
Hasil
Pengujian
Kesimpulan
1 Jika data yang ada
diinputan tidak diisi
dan kemudian klik
tombol simpan
NIP, nama
pegawai,
nama
kegiatan,
tanggal
kegiatan
(semua
kosong)
Tetap berada di
form input data
diklat dan muncul
pesan validasi “nip
tidak boleh kosong,
nama pegawai
tidak boleh
kosong,nama
pegawai tidak
boleh kosong,
tanggal kegiatan
tidak boleh
kosong!”.
Sesuai
Harapan
Valid
2 Jika data yang ada
diinputan diisi dan
tidak diisi
kemudian klik
tombol simpan
NIP:
kosong,
nama
pegawai:
XXX,
nama
kegiatan:
kosong,
tanggal
kegiatan:
Tetap berada di
form input data
diklat dan muncul
pesan validasi “nip
tidak boleh kosong,
kosong,nama
pegawai tidak
boleh kosong,
tanggal kegiatan
tidak boleh
Sesuai
Harapan
Valid
77
kosong kosong!”. 3 Jika semua inputan
diisi dan kemudian
klik tombol simpan
NIP:
xxxx,
nama
pegawai:
xxxxx,
nama
kegiatan:
xxxx,
tanggal
kegiatan:
yyyy-dd-
mm
Message box akan
muncul “data
berhasil disimpan!” dan akan menuju
halaman data diklat
Sesuai
Harapan
Valid
Sumber: Penelitian (2017)
Tabel III.9
Hasil Pengujian Black Box Testing Halaman Edit Data Diklat
No Skenario
Pengujian
Test Case Hasil Yang
diharapakan
Hasil
Pengujian
Kesimpulan
1 Jika data yang ada
diinputan tidak diisi
dan kemudian klik
tombol simpan
NIP, nama
pegawai,
nama
kegiatan,
tanggal
kegiatan
(semua
kosong)
Tetap berada di
form edit data
diklat dan muncul
pesan validasi “nip
tidak boleh kosong,
nama pegawai
tidak boleh kosong,
tanggal kegiatan
tidak boleh
kosong!”.
Sesuai
Harapan
Valid
2 Jika data yang ada
diinputan diisi dan
tidak diisi
kemudian klik
tombol simpan
NIP:
kosong,
nama
pegawai:
XXX,
nama
kegiatan:
kosong,
tanggal
kegiatan:
kosong
Tetap berada di
form input data
diklat dan muncul
pesan validasi “nip
tidak boleh kosong,
kosong,nama
pegawai tidak
boleh kosong,
tanggal kegiatan
tidak boleh
kosong!”.
Sesuai
Harapan
Valid
3 Jika semua inputan
diisi dan kemudian
klik tombol simpan
NIP:
xxxx,
nama
pegawai:
xxxxx,
nama
kegiatan:
Message box akan
muncul “data
berhasil diubah!” dan akan menuju
halaman data diklat
Sesuai
Harapan
Valid
78
xxxx,
tanggal
kegiatan:
yyyy-dd-
mm
Sumber: Penelitian (2017)
Tabel III.10
Hasil Pengujian Black Box Testing Halaman Aksi Hapus Data Diklat
No Skenario
Pengujian
Test Case Hasil Yang
diharapakan
Hasil
Pengujian
Kesimpulan
1 Jika mengklik
hapus
Message
Box
“Anda
yakin
ingin
menghapu
s data ini?
Sistem akan
menolak, jika tidak
jadi meghapus data
dan akan tetap pada
halaman data diklat
Sesuai
Harapan
Valid
2 Jika mengklik
hapus
Message
Box
“Anda
yakin
ingin
menghapu
s data ini?
Pilih OK
Muncul Message
Box “Data berhasil
dihapus” dan akan
tetap pada halaman
data diklat
Sesuai
Harapan
Valid
Sumber: Penelitian (2017)
Tabel III.11
Hasil Pengujian Black Box Testing Halaman Tambah Data Jabatan
No Skenario
Pengujian
Test Case Hasil Yang
diharapakan
Hasil
Pengujian
Kesimpulan
1 Jika data yang ada
diinputan tidak diisi
dan kemudian klik
tombol simpan
Nama
jabatan,
tmt
(semua
kosong)
Tetap berada di
form input data
jabatan dan muncul
pesan validasi
“nama jabatan
tidak boleh kosong,
tmt tidak boleh
kosong!”.
Sesuai
Harapan
Valid
2 Jika data yang ada
diinputan diisi dan
tidak diisi
kemudian klik
tombol simpan
Nama
jabatan:
xxxxx,
tmt:
(kosong)
Tetap berada di
form input data
jabatan dan muncul
pesan validasi “ tmt tidak boleh
kosong!”.
Sesuai
Harapan
Valid
79
3
Jika semua inputan
diisi dan kemudian
klik tombol simpan
Nama
jabatan:
xxx,
tmt:
yyyy-dd-
mm
Message box akan
muncul “data
berhasil disimpan!” dan akan menuju
halaman data diklat
Sesuai
Harapan
Valid
Sumber: Penelitian (2017)
Tabel III.12
Hasil Pengujian Black Box Testing Halaman Edit Data Jabatan
No Skenario
Pengujian
Test Case Hasil Yang
diharapakan
Hasil
Pengujian
Kesimpulan
1 Jika data yang ada
diinputan tidak diisi
dan kemudian klik
tombol simpan
Nama
jabatan,
tmt
(semua
kosong)
Tetap berada di
form input data
jabatan dan muncul
pesan validasi
“nama jabatan
tidak boleh kosong,
tmt tidak boleh
kosong!”.
Sesuai
Harapan
Valid
2 Jika data yang ada
diinputan diisi dan
tidak diisi
kemudian klik
tombol simpan
Nama
jabatan:
xxxxx,
tmt:
(kosong)
Tetap berada di
form input data
jabatan dan muncul
pesan validasi “ tmt tidak boleh
kosong!”.
Sesuai
Harapan
Valid
3
Jika semua inputan
diisi dan kemudian
klik tombol simpan
Nama
jabatan:
xxx,
tmt:
yyyy-dd-
mm
Message box akan
muncul “data
berhasil diubah!” dan akan menuju
halaman data
jabatan
Sesuai
Harapan
Valid
Sumber: Penelitian (2017)
Tabel III.13
Hasil Pengujian Black Box Testing Halaman Aksi Hapus Data Jabatan
No Skenario
Pengujian
Test Case Hasil Yang
diharapakan
Hasil
Pengujian
Kesimpulan
1 Jika mengklik
hapus
Message
Box
“Anda
yakin
Sistem akan
menolak, jika tidak
jadi meghapus data
dan akan tetap pada
Sesuai
Harapan
Valid
80
ingin
menghapu
s data ini?
halaman data
jabatan
2 Jika mengklik
hapus
Message
Box
“Anda
yakin
ingin
menghapu
s data ini?
Pilih OK
Muncul Message
Box “Data berhasil
dihapus” dan akan
tetap pada halaman
data jabatan
Sesuai
Harapan
Valid
Sumber: Penelitian (2017)
Tabel III.14
Hasil Pengujian Black Box Testing Halaman Tambah Data Kepangkatan
No Skenario
Pengujian
Test Case Hasil Yang
diharapakan
Hasil
Pengujian
Kesimpulan
1 Jika data yang ada
diinputan tidak diisi
dan kemudian klik
tombol simpan
Golongan
pangkat,
catatan
mutasi,
keteranga
n,(semua
kosong)
Tetap berada di
form input data
kepangkatan dan
muncul pesan
validasi “golongan
pangkat tidak boleh
kosong, catatan
mutasi tidak boleh
kosong!”.
Sesuai
Harapan
Valid
2 Jika data yang ada
diinputan diisi dan
tidak diisi
kemudian klik
tombol simpan
Golongan
pangkat:
(kosong),
catatan
mutasi:
xxx
keteranga
n: xxxx
Tetap berada di
form input data
kepangkatan dan
muncul pesan
validasi “golongan
pangkat tidak boleh
kosong!”.
Sesuai
Harapan
Valid
3
Jika semua inputan
diisi dan kemudian
klik tombol simpan
Golongan
pangkat:
xxx
catatan
mutasi: xx
Keteranga
n: xxx
Message box akan
muncul “data
berhasil disimpan!” dan akan menuju
halaman data
kepangkatan
Sesuai
Harapan
Valid
Sumber: Penelitian (2017)
81
Tabel III.15
Hasil Pengujian Black Box Testing Halaman Edit Data Kepangkatan
No Skenario
Pengujian
Test Case Hasil Yang
diharapakan
Hasil
Pengujian
Kesimpulan
1 Jika data yang ada
diinputan tidak diisi
dan kemudian klik
tombol simpan
Golongan
pangkat,
catatan
mutasi,
keteranga
n,(semua
kosong)
Tetap berada di
form input data
kepangkatan dan
muncul pesan
validasi “golongan
pangkat tidak boleh
kosong, catatan
mutasi tidak boleh
kosong!”.
Sesuai
Harapan
Valid
2 Jika data yang ada
diinputan diisi dan
tidak diisi
kemudian klik
tombol simpan
Golongan
pangkat:
(kosong),
catatan
mutasi:
xxx
keteranga
n: xxxx
Tetap berada di
form input data
kepangkatan dan
muncul pesan
validasi “golongan
pangkat tidak boleh
kosong!”.
Sesuai
Harapan
Valid
3
Jika semua inputan
diisi dan kemudian
klik tombol simpan
Golongan
pangkat:
xxx
catatan
mutasi: xx
Keteranga
n : xxx
Message box akan
muncul “data
berhasil diubah!” dan akan menuju
halaman data
kepangkatan
Sesuai
Harapan
Valid
Sumber: Penelitian (2017)
Tabel III.16
Hasil Pengujian Black Box Testing Halaman Aksi Hapus Data Kepangkatan
No Skenario
Pengujian
Test Case Hasil Yang
diharapakan
Hasil
Pengujian
Kesimpulan
1 Jika mengklik
hapus
Message
Box
“Anda
yakin
ingin
menghapu
s data ini?
Sistem akan
menolak, jika tidak
jadi meghapus data
dan akan tetap pada
halaman data
kepangkatan
Sesuai
Harapan
Valid
2 Jika mengklik
hapus
Message
Box
“Anda
yakin
ingin
menghapu
s data ini?
Muncul Message
Box “Data berhasil
dihapus” dan akan
tetap pada halaman
data kepangkatan
Sesuai
Harapan
Valid
82
Pilih OK
Sumber: Penelitian (2017)
Tabel III.17
Hasil Pengujian Black Box Testing Halaman Tambah Data Pegawai
No Skenario
Pengujian
Test Case Hasil Yang
diharapakan
Hasil
Pengujian
Kesimpulan
1 Jika data yang ada
diinputan tidak diisi
dan kemudian klik
tombol simpan
NIP, nama
pegawai,
pendidika
n terakhir,
usia, jenis
kelamin,
masa
kerja,pang
kat,
jabatan,
hak akses
(semua
kosong)
Tetap berada di
form input data
pegawai dan
muncul pesan
validasi “ nip tidak
boleh kosong,
nama pegawai
tidak boleh kosong,
pendidikan terakhir
tidak boleh kosong,
jenis kelamin
belum dipilih,
masak kerja tidak
boleh kosong,
pangkat belum
dipilih, jabatan
belum dipilih, hak
akses tidak boleh
kosong!”.
Sesuai
Harapan
Valid
2 Jika data yang ada
diinputan diisi dan
tidak diisi
kemudian klik
tombol simpan
NIP: xxx,
nama
pegawai:
(kosong),
pendidika
n terakhir:
(kosong),
usia:
(kosong),
jenis
kelamin:
(kosong),
masa
kerja:
(kosong),
pangkat :
(kosong),
jabatan :
(kosong)
hak akses:
(kosong)
Tetap berada di
form input data
pegawai dan
muncul pesan
validasi “nama
pegawai tidak
boleh kosong,
pendidikan terakhir
tidak boleh kosong,
jenis kelamin
belum dipilih,
masak kerja tidak
boleh kosong,
pangkat belum
dipilih, jabatan
belum dipilih, hak
akses tidak boleh
kosong!”.
Sesuai
Harapan
Valid
83
3 Jika semua inputan
diisi dan kemudian
klik tombol simpan
NIP, nama
pegawai,
pendidika
n terakhir,
usia, jenis
kelamin,
masa
kerja, hak
akses
Message box akan
muncul “data
berhasil disimpan!” dan akan menuju
halaman data
pegawai
Sesuai
Harapan
Valid
Sumber: Penelitian (2017)
Tabel III.18
Hasil Pengujian Black Box Testing Halaman Edit Data Pegawai
No Skenario
Pengujian
Test Case Hasil Yang
diharapakan
Hasil
Pengujian
Kesimpulan
1 Jika data yang ada
diinputan tidak diisi
dan kemudian klik
tombol simpan
NIP, nama
pegawai,
pendidika
n terakhir,
usia, jenis
kelamin,
masa
kerja,pang
kat,
jabatan,
hak akses
(semua
kosong)
Tetap berada di
form edit data
pegawai dan
muncul pesan
validasi “ nip tidak
boleh kosong,
nama pegawai
tidak boleh kosong,
pendidikan terakhir
tidak boleh kosong,
jenis kelamin
belum dipilih,
masak kerja tidak
boleh kosong,
pangkat belum
dipilih, jabatan
belum dipilih, hak
akses tidak boleh
kosong!”.
Sesuai
Harapan
Valid
2 Jika data yang ada
diinputan diisi dan
tidak diisi
kemudian klik
tombol simpan
NIP: xxx,
nama
pegawai:
(kosong),
pendidika
n terakhir:
(kosong),
usia:
(kosong),
jenis
kelamin:
(kosong),
masa
kerja:
Tetap berada di
form edit data
pegawai dan
muncul pesan
validasi “nama
pegawai tidak
boleh kosong,
pendidikan terakhir
tidak boleh kosong,
jenis kelamin
belum dipilih,
masak kerja tidak
boleh kosong,
pangkat belum
Sesuai
Harapan
Valid
84
(kosong),
pangkat :
(kosong),
jabatan :
(kosong)
hak akses:
(kosong)
dipilih, jabatan
belum dipilih, hak
akses tidak boleh
kosong!”.
3
Jika semua inputan
diisi dan kemudian
klik tombol simpan
NIP: xxx,
nama
pegawai:
xxxx,
pendidika
n terakhir:
xxx, usia:
xxxx,
jenis
kelamin:
xxx,
pangkat :
xxxx,
jabatan:
xxx, masa
kerja: xxx,
hak akses:
xxx
Message box akan
muncul “data
berhasil diubah!” dan akan menuju
halaman data
pegawai
Sesuai
Harapan
Valid
Sumber: Penelitian (2017)
Tabel III.19
Hasil Pengujian Black Box Testing Halaman Aksi Hapus Data Pegawai
No Skenario
Pengujian
Test Case Hasil Yang
diharapakan
Hasil
Pengujian
Kesimpulan
1 Jika mengklik
hapus
Message
Box
“Anda
yakin
ingin
menghapu
s data ini?
Sistem akan
menolak, jika tidak
jadi meghapus data
dan akan tetap pada
halaman data
pegawai
Sesuai
Harapan
Valid
2 Jika mengklik
hapus
Message
Box
“Anda
yakin
ingin
menghapu
s data ini?
Pilih OK
Muncul Message
Box “Data berhasil
dihapus” dan akan
tetap pada halaman
data pegawai
Sesuai
Harapan
Valid
Sumber: Penelitian (2017)
85
Tabel III.20
Hasil Pengujian Black Box Testing Halaman Tambah Data Cuti
No Skenario
Pengujian
Test Case Hasil Yang
diharapakan
Hasil
Pengujian
Kesimpulan
1 Jika data yang ada
diinputan tidak diisi
dan kemudian klik
tombol simpan
NIP, jenis
cuti,keteran
gan,
tanggal
mulai,
tanggal,
selesai
(semua
kosong)
Tetap berada di
form input data
cuti dan muncul
pesan validasi
“nip tidak boleh
kosong, jenis cuti
belum dipilih,
keterangan tidak
boleh kosong,
tanggal mulai
tidak boleh
kosong, “tanggal
selesai tidak
boleh kosong!”.
Sesuai
Harapan
Valid
2 Jika data yang ada
diinputan diisi dan
tidak diisi
kemudian klik
tombol simpan
NIP: xxx,
jenis cuti:
(kosong),
keterangan:
(kosong),
tanggal
mulai:
(kosong),
tanggal,
selesai:
(kosong)
Tetap berada di
form input data
cuti dan muncul
pesan validasi
“jenis cuti belum
dipilih,
keterangan tidak
boleh kosong,
tanggal mulai
tidak boleh
kosong, “tanggal
selesai tidak
boleh kosong!”.
Sesuai
Harapan
Valid
3
Jika semua inputan
diisi dan kemudian
klik tombol simpan
NIP: xxx,
jenis cuti:
xxxx,
keterangan:
xxxx,
tanggal
mulai:
yyyy-dd-
mm,
tanggal,
selesai:
yyyy-dd-
mm
Muncul Message
Box “Data
berhasil dihapus” dan akan tetap
pada halaman
data pegawai
Sesuai
Harapan
Valid
Sumber: Penelitian (2017)
86
Tabel III.21
Hasil Pengujian Black Box Testing Halaman Edit Data Cuti
No Skenario
Pengujian
Test Case Hasil Yang
diharapakan
Hasil
Pengujian
Kesimpulan
1 Jika data yang ada
diinputan tidak diisi
dan kemudian klik
tombol simpan
NIP, jenis
cuti,ketera
ngan,
tanggal
mulai,
tanggal,
selesai
(semua
kosong)
Tetap berada di
form edit data cuti
dan muncul pesan
validasi “nip tidak
boleh kosong, jenis
cuti belum dipilih,
keterangan tidak
boleh kosong,
tanggal mulai tidak
boleh kosong,
“tanggal selesai
tidak boleh
kosong!”.
Sesuai
Harapan
Valid
2 Jika data yang ada
diinputan diisi dan
tidak diisi
kemudian klik
tombol simpan
NIP: xxx,
jenis cuti:
(kosong),
keteranga
n:
(kosong),
tanggal
mulai:
(kosong),
tanggal,
selesai:
(kosong)
Tetap berada di
form edit data cuti
dan muncul pesan
validasi “jenis cuti
belum dipilih,
keterangan tidak
boleh kosong,
tanggal mulai tidak
boleh kosong,
“tanggal selesai
tidak boleh
kosong!”.
Sesuai
Harapan
Valid
3
Jika semua inputan
diisi dan kemudian
klik tombol simpan
NIP, jenis
cuti,ketera
ngan,
tanggal
mulai,
tanggal,
selesai
Muncul Message
Box “Data berhasil
diubah!” dan akan
menuju halaman
data cuti
Sesuai
Harapan
Valid
Sumber: Penelitian (2017)
Tabel III.22
Hasil Pengujian Black Box Testing Halaman Aksi Hapus Data Cuti
No Skenario
Pengujian
Test Case Hasil Yang
diharapakan
Hasil
Pengujian
Kesimpulan
1 Jika mengklik
hapus
Message
Box
“Anda
yakin
Sistem akan
menolak, jika tidak
jadi meghapus data
dan akan tetap pada
Sesuai
Harapan
Valid
87
ingin
menghapu
s data ini?
halaman data cuti
2 Jika mengklik
hapus
Message
Box
“Anda
yakin
ingin
menghapu
s data ini?
Pilih OK
Muncul Message
Box “Data berhasil
dihapus” dan akan
tetap pada halaman
data cuti
Sesuai
Harapan
Valid
Sumber: Penelitian (2017)
Tabel III.23
Hasil Pengujian Black Box Testing Halaman Tambah Halaman Diskusi
No Skenario
Pengujian
Test Case Hasil Yang
diharapakan
Hasil
Pengujian
Kesimpulan
1 Jika data yang ada
diinputan tidak diisi
dan kemudian klik
tombol simpan
NIP,
tanggal,
jabatan,
tanggal,
pesan
(semua
kosong)
Tetap berada di
form input halaman
diskusi dan muncul
pesan validasi “nip
tidak boleh kosong,
tanggal tidak boleh
kosong, jabatan
tidak boleh
kosong,pesan tidak
boleh kosong!”.
Sesuai
Harapan
Valid
2 Jika data yang ada
diinputan diisi dan
tidak diisi
kemudian klik
tombol simpan
NIP:xxx,
tanggal:
(kosong),
jabatan:
(kosong),
tanggal:
(kosong),
pesan
(kosong)
Tetap berada di
form input halaman
diskusi dan muncul
pesan validasi
“tanggal tidak
boleh kosong,
jabatan tidak boleh
kosong,pesan tidak
boleh kosong!”.
Sesuai
Harapan
Valid
3
Jika semua inputan
diisi dan kemudian
klik tombol simpan
NIP: xxx,
tanggal:
yyyy-dd-
mm,
jabatan:
xxx,
pesan:
xxxx
Muncul Message
Box “Data berhasil
disimpan” dan akan
menuju halaman
diskusi
Sesuai
Harapan
Valid
Sumber: Penelitian (2017)
88
Tabel III.24
Hasil Pengujian Black Box Testing Halaman Edit Halaman Diskusi
No Skenario
Pengujian
Test Case Hasil Yang
diharapakan
Hasil
Pengujian
Kesimpulan
1 Jika data yang ada
diinputan tidak diisi
dan kemudian klik
tombol simpan
NIP,
tanggal,
jabatan,
tanggal,
pesan
(semua
kosong)
Tetap berada di
form edit halaman
diskusi dan muncul
pesan validasi “nip
tidak boleh kosong,
tanggal tidak boleh
kosong, jabatan
tidak boleh
kosong,pesan tidak
boleh kosong!”.
Sesuai
Harapan
Valid
2 Jika data yang ada
diinputan diisi dan
tidak diisi
kemudian klik
tombol simpan
NIP:xxx,
tanggal:
(kosong),
jabatan:
(kosong),
tanggal:
(kosong),
pesan
(kosong)
Tetap berada di
form edit halaman
diskusi dan muncul
pesan validasi
“tanggal tidak
boleh kosong,
jabatan tidak boleh
kosong,pesan tidak
boleh kosong!”.
Sesuai
Harapan
Valid
3 Jika data yang ada
diinputan diisi
kemudian klik
tombol simpan
NIP,
tanggal,
jabatan,
tanggal,
pesan
Muncul Message
Box “Data berhasil
diubah!” dan akan
menuju halaman
diskusi
Sesuai
Harapan
Valid
Sumber: Penelitian (2017)
Tabel III.25
Hasil Pengujian Black Box Testing Halaman Aksi Hapus Diskusi
No Skenario
Pengujian
Test Case Hasil Yang
diharapakan
Hasil
Pengujian
Kesimpulan
1 Jika mengklik
hapus
Message
Box
“Anda
yakin
ingin
menghapu
s data ini?
Sistem akan
menolak, jika tidak
jadi meghapus data
dan akan tetap pada
halaman diskusi
Sesuai
Harapan
Valid
2
Jika mengklik
hapus
Message
Box
“Anda
yakin
Muncul Message
Box “Data berhasil
dihapus” dan akan
tetap pada halaman
Sesuai
Harapan
Valid
89
ingin
menghapu
s data ini?
Pilih OK
diskusi
Sumber: Penelitian (2017)
Tabel III.26
Hasil Pengujian Black Box Testing Halaman Login Kepala Biro
No Skenario
Pengujian
Test Case Hasil Yang
diharapakan
Hasil
Pengujian
Kesimpulan
1 Nip dan Password
tidak diisi
kemudian klik
tombol login
NIP :
(Kosong)
Password:
(Kosong)
Message box akan
muncul “NIP atau
password tidak
boleh kosong” dan
akan tetap pada
halaman login
Sesuai
Harapan
Valid
2 Nip diisi dan
Password tidak diisi
kemudian klik
tombol login
NIP :
12345
Password:
(Kosong)
Message box akan
muncul “NIP atau
password anda
tidak cocok” dan
akan tetap pada
halaman login
Sesuai
Harapan
Valid
3 Nip tidak diisi dan
Password diisi
kemudian klik
tombol login
NIP :
(kosong)
Password:
12345
Message box akan
muncul “NIP atau
password anda
tidak cocok” dan
akan tetap pada
halaman login
Sesuai
Harapan
Valid
4 Nip diisi salah dan
Password diisi
salah kemudian
klik tombol login
NIP :
12345
(salah)
Password:
12345
(salah)
Message box akan
muncul “NIP atau
password anda
masukkan salah” dan akan tetap pada
halaman login
Sesuai
Harapan
Valid
5 Nip diisi dengan
benar dan Password
diisi dengan benar
kemudian klik
tombol login
NIP :
12345
(benar)
Password:
12345
(benar)
Message box akan
muncul“selamat
datang” dan masuk
ke halaman
administrator
Sesuai
Harapan
Valid
Sumber: Penelitian (2017)
90
Tabel III.27
Hasil Pengujian Black Box Testing Halaman Tambah Halaman Diskusi
pada Kepala Biro
No Skenario
Pengujian
Test Case Hasil Yang
diharapakan
Hasil
Pengujian
Kesimpulan
1 Jika data yang ada
diinputan tidak diisi
dan kemudian klik
tombol simpan
NIP,
tanggal,
jabatan,
tanggal,
pesan
(semua
kosong)
Tetap berada di
form input halaman
diskusi dan muncul
pesan validasi “nip
tidak boleh kosong,
tanggal tidak boleh
kosong, jabatan
tidak boleh
kosong,pesan tidak
boleh kosong!”.
Sesuai
Harapan
Valid
2
Jika data yang ada
diinputan diisi dan
tidak diisi
kemudian klik
tombol simpan
NIP:xxx,
tanggal:
(kosong),
jabatan:
(kosong),
tanggal:
(kosong),
pesan
(kosong)
Tetap berada di
form input halaman
diskusi dan muncul
pesan validasi
“tanggal tidak
boleh kosong,
jabatan tidak boleh
kosong,pesan tidak
boleh kosong!”.
Sesuai
Harapan
Valid
3 Jika semua inputan
diisi dan kemudian
klik tombol simpan
NIP: xxx,
tanggal:
yyyy-dd-
mm,
jabatan:
xxx,
pesan:
xxxx
Muncul Message
Box “Data berhasil
disimpan” dan akan
menuju halaman
diskusi
Sesuai
Harapan
Valid
Sumber: Penelitian (2017)
b. CSS
Pengujian ini bertujuan untuk mengetahui apakah fitur-fitur bahasa
pemprograman CSS berjalan sesuai harapan pada browser-browser yang
digunakan untuk aplikasi.
91
Tabel III.28
Hasil Pengujian Blackbox testing CSS
No
Nama Properti
Browser
Google Crome Mozilla Firefox
1. Border Valid Valid
2. Margin Valid Valid
3. Padding Valid Valid
4. Float Valid Valid
5. Border-radius Valid Valid
6. Line-height Valid Valid
7 color Valid Valid
8. Baground-color Valid Valid
9. Font-weight Valid Valid
10. Font-family Valid Valid
11. Text-shadow Valid Valid
12. Font-size Valid Valid
Sumber: Penelitian (2017)
c. Pengujian Browser
Pengujian browser mencoba untuk menemukan pada aplikasi web yang
disebabkan oleh ketidakcocokan browser web yang berbeda, berikut ini
merupakan analisa dari pengujian browser:
92
Tabel III.29
Hasil Pengujian Blackbox testing halaman browser
No Skenario pengujian Test Case Hasil
Yang di
harapkan
Hasil
Pengujian
Kesimpulan
1. Penggunaan web browser
google chrome
Sistem
dijalankan
Sistem
Berjalan
dengan
baik
Sesuai
harapan
Valid
2. Penggunaan web browser
mozilla firefox
Sistem
dijalankan
Sistem
Berjalan
dengan
baik
Sesuai
harapan
Valid
Sumber: Penelitian (2017)
d. Pengujian Link pada Halaman Administrator
Tabel III.30
Hasil Pengujian Blackbox testing Link halaman Administrator
No Nama Menu Link Kesimpulan
1 Login http://localhost/humas/ Valid
2 Home http://127.0.0.1/humas/index.php/admin Valid
3 Data Diklat http://127.0.0.1/humas/index.php/diklat Valid
4 Edit Data
Diklat
http://127.0.0.1/humas/index.php/diklat/edit/5 Valid
5 Data
Jabatan
http://127.0.0.1/humas/index.php/jabatan Valid
6 Edit Data
jabatan
http://127.0.0.1/humas/index.php/jabatan/edit/9
7 Data
Kepangkata
http://127.0.0.1/humas/index.php/kepangkatan Valid
8 Edit Data
kepangka
tan
http://127.0.0.1/humas/index.php/kepangkatan/edi
t/3
Valid
9 Data
pegawai
http://127.0.0.1/humas/index.php/pegawai Valid
10 Edit Data
Pegawai
http://127.0.0.1/humas/index.php/pegawai/edit/19 Valid
93
670104%20199403%202012
11 Data Cuti http://127.0.0.1/humas/index.php/cuti Valid
12 Edit data
Cuti
http://127.0.0.1/humas/index.php/cuti/edit/196701
04%20199403%202014
Valid
13 Halaman
Diskusi
http://127.0.0.1/humas/index.php/diskusi Valid
14 Edit Diskusi http://127.0.0.1/humas/index.php/diskusi/edit/2 Valid
15 Laporan http://127.0.0.1/humas/index.php/laporan/lap_adm
inistrasi
Valid
16 Logout http://127.0.0.1/humas/index.php/admin Valid
Sumber: Penelitian (2017)