bab iii · struktur organisasi di tempat penulis mengadakan riset untuk pembuatan tugas akhir ini...

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


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


mengkoordinasikan serta melaksanakan kegiatan kerjasama media.

3) Sub Bagian Fasilitas Pengaduan Pemerintahan, Pembangunan dan

Kemasyarakatan


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


kebijakan serta melaksanakan pelayanan urusan kesandian.

2) Sub Bagian Telekomunikasi dan Jaringan


kebijakan serta melaksanakan pelayanan pelayanan telekomunikasi

dan jaringan.

3) Sub Bagian Layanan Informasi dan Telekomunikasi


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


Gambar III.3 Halaman Beranda Pada Administrator

39

c. Halaman Data Diklat


Gambar III.4 Halaman Data Diklat Pada Administrator

d. Halaman Tambah Data Diklat


Gambar III.5 Halaman Tambah Data Diklat Pada Administrator

40

e. Halaman Edit Data Diklat


Gambar III.6 Halaman Edit Data Diklat Pada Administrator

f. Halaman Data Jabatan


Gambar III.7 Halaman Data Jabatan Pada Administrator

41

g. Halaman Tambah Data Jabatan


Gambar III.8 Halaman Tambah Data Jabatan Pada Administrator

h. Halaman Edit Data Jabatan


Gambar III.9 Halaman Edit Data Jabatan Pada Administrator

42

i. Halaman Data Kepangkatan


Gambar III.10 Halaman Data Kepangkatan Pada Administrator

j. Halaman Tambah Data Kepangkatan


Gambar III.11 Halaman Tambah Data Kepangkatan Pada Administrator

43

k. Halaman Edit Data Kepangkatan


Gambar III.12 Halaman Edit Data Kepangkatan Pada Administrator

l. Halaman Data Pegawai


Gambar III.13 Halaman Data Pegawai Pada Administrator

44

m. Halaman Tambah Data Pegawai


Gambar III.14 Halaman Tambah Data Pegawai Pada Administrator

n. Halaman Edit Data Pegawai


Gambar III.15 Halaman Edit Data Pegawai Pada Administrator

45

o. Halaman Data Cuti


Gambar III.16 Halaman Data Cuti Pada Administrator

p. Halaman Tambah Data Cuti


Gambar III.17 Halaman Tambah Data Cuti Pada Administrator

46

q. Halaman Edit Data Cuti


Gambar III.18 Halaman Edit Data Cuti Pada Administrator

r. Halaman Diskusi


Gambar III.19 Halaman Diskusi Pada Administrator

47

s. Halaman Tambah Diskusi


Gambar III.20 Halaman Tambah Diskusi Pada Administrator

t. Halaman Edit Diskusi

Gambar III.21 Halaman Edit Diskusi Pada Administrator

48

u. Halaman Laporan


Gambar III.22 Halaman Laporan Pada Administrator

v. Halaman Cetak Laporan


Gambar III.23 Halaman Cetak Laporan Pada Administrator

49

x. Halaman Pembackupan data


Gambar III.24 Halaman Backup Data Pada Administrator

2. Rancangan Antar Muka Kepala Biro

a. Halaman Login Kepala Biro


Gambar III.25 Halaman Login Pada Kepala Biro

50

b. Halaman Beranda Kepala Biro


Gambar III.26 Halaman Beranda Pada Kepala Biro

c. Halaman Diskusi


Gambar III.27 Halaman Diskusi Pada Kepala Biro

51

d. Halaman Tambah Diskusi


Gambar III.28 Halaman Tambah Diskusi Pada Kepala Biro

e. Halaman Laporan


Gambar III.29 Halaman Laporan Pada Kepala Biro

52

f. Halaman Cetak Laporan


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


Gambar III.31 Entity Relationship Diagram

53

2. Logical Record Structure (LRS)


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


b. Spesifikasi file Diskusi

Nama file : diskusi

Akronim : Diskusi

Fungsi : untuk menyimpan data diskusi/pesan



Akses File : Random

55

Media : Harddisk

Panjang Record : 52

Kunci Field : id_diskusi

Software : mysql

Tabel III.2

Spesifikasi file diskusi


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


c. Spesifikasi file Diklat

Nama file : diklat

Akronim : Diklat

Fungsi : untuk menyimpan data kegiatan diklat



Akses File : Random

Media : Harddisk


Kunci Field : id_diklat

Software : mysql

56

Tabel III.3

Spesifikasi file diklat


1 Id Diklat id_diklat integer 11 Primary Key (A.I)


3 Nama Pegawai nama_pegawai varchar 25

4 Nama Kegiatan nama_kegiatan varchar 100

5 Tanggal Kegiatan tanggal_kegiatan date


d. Spesifikasi file Jabatan

Nama file : jabatan

Akronim : Jabatan

Fungsi : untuk menyimpan data jabatan pegawai



Akses File : Random

Media : Harddisk

Panjang Record : 25

Kunci Field : id_jabatan

Software : mysql

Tabel III.4

Spesifikasi file jabatan


1 Id Jabatan id_jabatan integer 10 Primary Key (A.I)

2 Nama Jabatan nama_jabatan varchar 15

3 TMT tmt date


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


Kunci Field : id_pangkat

Software : mysql

Tabel III.5

Spesifikasi file kepangkatan


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


f. Spesifikasi file Cuti

Nama file : cuti

Akronim : Cuti

Fungsi : untuk menyimpan data cuti pegawai



Akses File : Random

58

Media : Harddisk


Kunci Field : id_cuti

Software : mysql

Tabel III.6

Spesifikasi file cuti


1 Id Cuti id_cuti integer 11 Primary Key (A.I)


3 Jenis Cuti jenis_cuti varchar 50

4 Keterangan keterangan varchar 50

5 Tanggal Mulai tgl_mulai date

6 Tanggal Selesai tgl_mulai date


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


Gambar III.33 Struktur Navigasi Halaman Administrator

2. Struktur Navigasi Halaman Kepala Biro


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.


Gambar III.35 Implementasi Halaman Login Administrator

2) Halaman Beranda Administrator

Pada halaman ini administrator dapat melihat tampilan record yang ada untuk

memulai pekerjaan.


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.


Gambar III.37 Implementasi Halaman Data Diklat Administrator

4) Halaman Tambah Data Diklat

Pada halaman ini administrator dapat menambah data diklat yang diinginkan.


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.


Gambar III.39 Implementasi Halaman Edit Data Diklat Administrator

6) Halaman Aksi Hapus Data

Pada halaman ini administrator dapat menghapus data yang diinginkan.


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.


Gambar III.41 Implementasi Halaman Data Jabatan Administrator

8) Halaman Tambah Data Jabatan

Pada halaman ini administrator dapat menambah inputan data jabatan yang

diinginkan.


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.


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.


Gambar III.44 Implementasi Halaman Data Kepangkatan Administrator

65

11) Halaman Tambah Data Kepangkatan

Pada Halaman ini administrator dapat menambah data kepangkatan yang

diinginkan.


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.


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.


Gambar III.47 Implementasi Halaman Data Pegawai Administrator

14) Halaman Tambah Data Pegawai

Pada halaman ini adminitrator dapat menambahkan data pegawai sesuai yang

diinginkan.


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.


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.


Gambar III.50 Implementasi Halaman Data Cuti Administrator

68

17) Halaman Tambah Data Cuti

Pada halaman ini administrator dapat menginput data cuti yang diinginkan


Gambar III.51 Implementasi Halaman Tambah Data Cuti Administrator

18) Halaman Edit Data Cuti

Pada halaman ini administrator dapat mengubah data cuti yang diinginkan


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.


Gambar III.53 Implementasi Halaman Diskusi pada Administrator

20) Halaman Tambah Diskusi Administrator

Pada halaman ini administrator dapat menambah diskusi yang diinginkan


Gambar III.54 Implementasi Halaman Tambah Diskusi Administrator

70

21) Halaman Edit Diskusi

Pada halaman ini administrator dapat mengubah diskusi yang diinginkan


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.


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


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.


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.


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.


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.


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.


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.


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


Tabel III.8

Hasil Pengujian Black Box Testing Halaman Tambah Data Diklat

No Skenario

Pengujian


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


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


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


Tabel III.9

Hasil Pengujian Black Box Testing Halaman Edit Data Diklat

No Skenario

Pengujian


diharapakan

Hasil

Pengujian

Kesimpulan



dan kemudian klik

tombol simpan

NIP, nama

pegawai,

nama

kegiatan,

tanggal

kegiatan

(semua

kosong)

Tetap berada di

form edit data

diklat dan muncul


tidak boleh kosong,

nama pegawai

tidak boleh kosong,

tanggal kegiatan

tidak boleh

kosong!”.

Sesuai

Harapan

Valid


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


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


Tabel III.10

Hasil Pengujian Black Box Testing Halaman Aksi Hapus Data Diklat

No Skenario

Pengujian


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


Tabel III.11

Hasil Pengujian Black Box Testing Halaman Tambah Data Jabatan

No Skenario

Pengujian


diharapakan

Hasil

Pengujian

Kesimpulan



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


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


halaman data diklat

Sesuai

Harapan

Valid


Tabel III.12

Hasil Pengujian Black Box Testing Halaman Edit Data Jabatan

No Skenario

Pengujian


diharapakan

Hasil

Pengujian

Kesimpulan



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


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


halaman data

jabatan

Sesuai

Harapan

Valid


Tabel III.13

Hasil Pengujian Black Box Testing Halaman Aksi Hapus Data Jabatan

No Skenario

Pengujian


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


dihapus” dan akan

tetap pada halaman

data jabatan

Sesuai

Harapan

Valid


Tabel III.14

Hasil Pengujian Black Box Testing Halaman Tambah Data Kepangkatan

No Skenario

Pengujian


diharapakan

Hasil

Pengujian

Kesimpulan



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


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


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


halaman data

kepangkatan

Sesuai

Harapan

Valid


81

Tabel III.15

Hasil Pengujian Black Box Testing Halaman Edit Data Kepangkatan

No Skenario

Pengujian


diharapakan

Hasil

Pengujian

Kesimpulan



dan kemudian klik

tombol simpan

Golongan

pangkat,

catatan

mutasi,

keteranga

n,(semua

kosong)

Tetap berada di

form input data

kepangkatan dan

muncul pesan


pangkat tidak boleh

kosong, catatan

mutasi tidak boleh

kosong!”.

Sesuai

Harapan

Valid


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


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


halaman data

kepangkatan

Sesuai

Harapan

Valid


Tabel III.16

Hasil Pengujian Black Box Testing Halaman Aksi Hapus Data Kepangkatan

No Skenario

Pengujian


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


dihapus” dan akan

tetap pada halaman

data kepangkatan

Sesuai

Harapan

Valid

82

Pilih OK


Tabel III.17

Hasil Pengujian Black Box Testing Halaman Tambah Data Pegawai

No Skenario

Pengujian


diharapakan

Hasil

Pengujian

Kesimpulan



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


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


diisi dan kemudian

klik tombol simpan

NIP, nama

pegawai,

pendidika

n terakhir,

usia, jenis

kelamin,

masa

kerja, hak

akses

Message box akan

muncul “data


halaman data

pegawai

Sesuai

Harapan

Valid


Tabel III.18

Hasil Pengujian Black Box Testing Halaman Edit Data Pegawai

No Skenario

Pengujian


diharapakan

Hasil

Pengujian

Kesimpulan



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


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


halaman data

pegawai

Sesuai

Harapan

Valid


Tabel III.19

Hasil Pengujian Black Box Testing Halaman Aksi Hapus Data Pegawai

No Skenario

Pengujian


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


dihapus” dan akan

tetap pada halaman

data pegawai

Sesuai

Harapan

Valid


85

Tabel III.20

Hasil Pengujian Black Box Testing Halaman Tambah Data Cuti

No Skenario

Pengujian


diharapakan

Hasil

Pengujian

Kesimpulan



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


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


86

Tabel III.21

Hasil Pengujian Black Box Testing Halaman Edit Data Cuti

No Skenario

Pengujian


diharapakan

Hasil

Pengujian

Kesimpulan



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


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


diubah!” dan akan

menuju halaman

data cuti

Sesuai

Harapan

Valid


Tabel III.22

Hasil Pengujian Black Box Testing Halaman Aksi Hapus Data Cuti

No Skenario

Pengujian


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


dihapus” dan akan

tetap pada halaman

data cuti

Sesuai

Harapan

Valid


Tabel III.23

Hasil Pengujian Black Box Testing Halaman Tambah Halaman Diskusi

No Skenario

Pengujian


diharapakan

Hasil

Pengujian

Kesimpulan



dan kemudian klik

tombol simpan

NIP,

tanggal,

jabatan,

tanggal,

pesan

(semua

kosong)

Tetap berada di

form input halaman

diskusi dan muncul


tidak boleh kosong,

tanggal tidak boleh

kosong, jabatan

tidak boleh

kosong,pesan tidak

boleh kosong!”.

Sesuai

Harapan

Valid


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


disimpan” dan akan

menuju halaman

diskusi

Sesuai

Harapan

Valid


88

Tabel III.24

Hasil Pengujian Black Box Testing Halaman Edit Halaman Diskusi

No Skenario

Pengujian


diharapakan

Hasil

Pengujian

Kesimpulan



dan kemudian klik

tombol simpan

NIP,

tanggal,

jabatan,

tanggal,

pesan

(semua

kosong)

Tetap berada di

form edit halaman

diskusi dan muncul


tidak boleh kosong,

tanggal tidak boleh

kosong, jabatan

tidak boleh

kosong,pesan tidak

boleh kosong!”.

Sesuai

Harapan

Valid


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


diinputan diisi

kemudian klik

tombol simpan

NIP,

tanggal,

jabatan,

tanggal,

pesan

Muncul Message


diubah!” dan akan

menuju halaman

diskusi

Sesuai

Harapan

Valid


Tabel III.25

Hasil Pengujian Black Box Testing Halaman Aksi Hapus Diskusi

No Skenario

Pengujian


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


dihapus” dan akan

tetap pada halaman

Sesuai

Harapan

Valid

89

ingin

menghapu

s data ini?

Pilih OK

diskusi


Tabel III.26

Hasil Pengujian Black Box Testing Halaman Login Kepala Biro

No Skenario

Pengujian


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


90

Tabel III.27

Hasil Pengujian Black Box Testing Halaman Tambah Halaman Diskusi

pada Kepala Biro

No Skenario

Pengujian


diharapakan

Hasil

Pengujian

Kesimpulan



dan kemudian klik

tombol simpan

NIP,

tanggal,

jabatan,

tanggal,

pesan

(semua

kosong)

Tetap berada di

form input halaman

diskusi dan muncul


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


diisi dan kemudian

klik tombol simpan

NIP: xxx,

tanggal:

yyyy-dd-

mm,

jabatan:

xxx,

pesan:

xxxx

Muncul Message


disimpan” dan akan

menuju halaman

diskusi

Sesuai

Harapan

Valid


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


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


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


bab iii · struktur organisasi di tempat penulis mengadakan riset untuk pembuatan tugas akhir ini...

Documents