Politeknik Negeri Sriwijaya

BAB IV
HASIL DAN PEMBAHASAN

4.1 Penyelidikan Awal

Pada penyelidikan awal penulis menyelidiki inovasi apa yang dibutuhkan
pada sistem yang akan dijalankan. Inovasi sistem yang akan dibuat diberikan
ketentuan sebagai berikut.
1. Aplikasi ini merupakan aplikasi non layanan publik yang hanya bisa diakses
oleh pegawai di Kantor Wilayah Agama Provinsi Sumatera Selatan.
2. Terdapat 5 tipe pengguna yang dapat mengakses aplikasi ini, diantaranya tata
usaha, pegawai, PPK (Pejabat Pembuat Komitmen), kepala kantor wilayah,
dan keuangan.
3. Aplikasi ini digunakan untuk menginput data pegawai, mengecek dan
mengedit data pegawai, menginput pengajuan surat perjalanan dinas,
memberikan persetujuan perjalanan dinas dari pejabat pembuat komitmen,
memberikan surat tugas yang telah disetujui oleh kepala kantor wilayah, dan
menampilkan laporan perjalanan dinas berupa bukti cetak kuitansi.
4. Aplikasi ini dapat diakses oleh pengguna di Kantor Wilayah Kementerian
Agama Provinsi Sumatera Selatan yang telah teregistrasi. Dan pengguna
dapat melihat fitur – fitur yang ada pada setiap halaman di Aplikasi Surat
Perintah Perjalanan Dinas pada Kantor Wilayah Sumatera Selatan.

4.1.1 Prosedur Sistem yang Akan Diterapkan

Adapun sistem yang akan diterapkan pada aplikasi ini adalah :
1. Tata usaha melakukan proses login dengan cara memasukan username dan
password, Selanjutnya tata usaha mengecek para pegawai yang akan
mengajukan surat perjalanan dinas.
2. Pegawai melakukan proses login dengan cara memasukan username dan
password, selanjutnya pegawai yang ingin melakukan perjalanan dinas
mengajukan surat perjalanan dinas terlebih dahulu dengan cara menginput

62 BAB IV Hasil dan Pembahasan

 63

Politeknik Negeri Sriwijaya

data yang diperlukan seperti nama, nip, maksud perjalanan dinas, dan
dokumen lainnya.
3. Tata usaha mengecek pengajuan surat perjalanan dinas oleh pegawai dan
memberikan nomor surat. Dari tata usaha akan otomatis masuk di bagian PPK
(Pejabat Pembuat Komitmen) untuk di setujui melakukan perjalanan dinas ke
tempat yang dituju.
4. PPK mengecek data pengajuan surat perjalanan dinas yang telah selesai di
input oleh pegawai dan dicek oleh tata usaha, lalu PPK menyetujui surat
perjalanan dinas tersebut.
5. Pegawai menginput kembali dokumen yang telah disetujui oleh tempat dinas
yang dipilih oleh pegawai.
6. Kepala kantor wilayah mengecek surat perjalanan dinas yang telah disetujui
oleh dinas yang bersangkutan dan menyetujui untuk memberikan surat tugas
ke pegawai, kemudian pegawai bisa melaksanakan tugas perjalanan dinas.
7. Pegawai selesai melakukan perjalanan dinas, lalu membuat laporan perjalanan
dinas untuk data kuitansi yang akan dicairkan oleh keuangan.

4.2 Studi Kelayakan

Studi kelayakan merupakan proses menganalisis kelayakan suatu sistem
yang berjalan dengan memperkirakan apakah program aplikasi yang akan dibuat
tepat untuk digunakan atau tidak. Untuk memperoleh data yang lengkap dan
akurat, digunakan beberapa metode pengumpulan data agar dapat mendapatkan
informasi yang lengkap.

BAB IV Hasil dan Pembahasan

 64

Politeknik Negeri Sriwijaya

Dalam studi kelayakan ini, terdapat 3 sudut pandang yang digunakan,

seperti pada tabel berikut.
Tabel 4.1 Tabel Studi Kelayakan Sistem
No
Studi Kelayakan Penjelasan
.
1. Kelayakan Teknik Kantor Wilayah Kementerian Agama Provinsi
Sumatera Selatan memiliki hardware yang
memadai untuk mendukung jalannya aplikasi
yang akan dibuat, berupa PC (Personal
Computer) dimana setiap pegawai diberikan
fasilitas seperti Local Area Network (LAN),
Router, dll.
2. Kelayakan Operasional Kantor Wilayah Kementerian Agama Provinsi
Sumatera Selatan memiliki dukungan staf
operasional dan berbagai perlengkapan
perangkat IT yang cukup baik, sehingga setiap
pegawai dapat menjalankan aplikasi dengan
baik.

3. Kelayakan Ekonomis Biaya yang dikeluarkan dalam pembuatan sistem

ini relatif. Karena dengan menggunakan aplikasi
ini dapat membuat pekerjaan tata usaha,
pegawai, pejabat pembuat komitmen, kepala
kantor wilayah, dan keuangan menjadi lebih
efektif dan efisien.

4.3 Tempat dan Waktu Penelitian

Dalam kegiatan kerja praktik ini, lokasi penelitian dan objek pengumpulan
data dilakukan pada Kantor Wilayah Kementerian Agama Provinsi Sumatera
Selatan yang terletak di Jl. Ade Irma Nasution No 8, Sungai Pangeran, Kecamatan

BAB IV Hasil dan Pembahasan

 65

Politeknik Negeri Sriwijaya

Ilir timur 1 Palembang. Sedangkan kegiatan ini dilaksanakan pada tanggal 26 Juli
s.d. 26 Oktober 2021.

4.4 Alat dan Bahan

4.4.1 Alat
Dalam membangun suatu perancangan aplikasi diperlukan alat bantu
seperti komputer dalam bentuk perangkat keras (hardware) dan perangkat lunak
(software).

4.4.1.1 Perangkat Keras (Hardware)

Perangkat keras adalah peralatan yang digunakan dalam sistem komputer
yang secara fisik terlihat dan dapat digunakan. Adapun perangkat keras
(Hardware), yaitu :
1. Laptop Asus, Processor Intel Core i3, RAM 4 GB
2. Laptop Acer, Processor AMD A9, RAM 4GB
3. Flashdisk 64GB
4. Printer Epson L31000

4.4.1.2 Perangkat Lunak (Software)

Perangkat lunak yang digunakan adalah :
1. Microsoft Windows 10, sebagai sistem operasi dari laptop yang digunakan.
2. Aplikasi Diagrams Net, digunakan untuk mendesain rancangan dalam
pembangunan aplikasi.
3. Aplikasi Visual Studio Code, digunakan untuk membangun Aplikasi Surat
Perintah Perjalanan Dinas.
4. Aplikasi Xampp-Control, digunakan sebagai server penerjemah bahasa
pemrograman yang digunakan untuk pembangunan aplikasi.
5. Aplikasi Paint, digunakan untuk membuat desain interface dari aplikasi yang
akan dibangun.
6. Aplikasi Microsoft Word 2013, digunakan untuk mengetik laporan kerja
praktik.

BAB IV Hasil dan Pembahasan

 66

Politeknik Negeri Sriwijaya

7. Database MySQL, digunakan sebagai database dari aplikasi yang dibangun.

4.4.2 Bahan
Adapun bahan-bahan yang digunakan dalam penelitian perancangan
program aplikasi ini yaitu :
1. Informasi, data pegawai, format SPPD, format surat tugas, dan kuitansi SPPD
Kantor Wilayah Kementerian Agama Provinsi Sumatera Selatan.
2. Data-data yang didapatkan dari Kantor Wilayah Kementerian Agama Provinsi
Sumatera Selatan seperti sejarah, visi dan misi, uraian tugas dan tanggung
jawab dari masing-masing bagian, struktur organisasi serta segala hal yang
telibat dalam gambaran umum instansi.
3. Buku-buku yang berkaitan dengan pembuatan sistem.
4. Bahan pendukung lainnya seperti kertas A4 80 gr, tinta hitam dan tinta warna
untuk mencetak laporan.

4.5 Analisis Kebutuhan

Analisis kebutuhan menjelaskan mengenai identifikasi dan pernyataan
kebutuhan sistem yang akan dibangun, yang terdiri dari 2 macam kebutuhan yaitu
kebutuhan fungsional (functional requirement) dan kebutuhan non-fungsional
(non-functional requirement).

4.5.1 Kebutuhan Fungsional

Kebutuhan fungsional sistem terdiri atas beberapa fungsi utama yang
saling berhubungan dan mendukung satu sama lain, meliputi fungsi-fungsi
sebagai berikut :
1. Tata Usaha melakukan login pada Aplikasi.
2. Tata Usaha memegang akses website ini sehingga Tata Usaha dapat melihat
dan mencetak laporan data pegawai, surat perjalanan dinas, surat tugas, serta
kuitansi.

BAB IV Hasil dan Pembahasan

 67

Politeknik Negeri Sriwijaya

3. Tata Usaha dapat mengolah data pegawai baik dalam hal menyimpan,
mengubah, dan menghapus data pada sistem.
4. Tata Usaha dapat menambahkan data pegawai Kantor Wilayah Kementerian
Agama Provinsi Sumatera Selatan.
5. Pegawai dapat terlebih dahulu mengajukan surat perjalanan dinas dengan
menginput data – data yang diperlukan.
6. Pegawai dapat mencetak pengajuan surat perjalanan dinas untuk di setujui
oleh tempat dinas yang dituju.
7. Pegawai dapat melihat dan mengunduh bukti surat tugas yang telah disetuju
oleh pejabat yaitu kepala kantor wilayah.
8. Kepala kantor wilayah dapat melihat laporan perjalanan dinas yang dilakukan
oleh pegawai.
9. Keuangan juga dapat mengakses laporan perjalanan dinas pegawai untuk
memberikan kuitansi dan pencairan dana kepada pegawai.

4.5.2 Kebutuhan Non Fungsional

Kebutuhan non-fungsional adalah batasan layanan atau fungsi yang
ditawarkan sistem seperti batasan waktu, batasan pengembangan proses,
standarisasi. Kebutuhan non-fungsional memberikan batasan pada kebutuhan
fungional.
1. Operasional
a. Aplikasi hanya dapat diakses dengan browser.
b. Aplikasi terbagi ke dalam lima hak akses yang meliputi tata usaha,
pegawai, PPK (Pejabat Pembuat Komitmen), kepala kantor wilayah, dan
keuangan.
2. Keamanan
Website ini dilengkapi dengan keamanan berupa username dan password,
sehingga hanya pengguna yang telah teregistrasi dapat mengakses aplikasi surat
perintah perjalanan dinas ini.

4.6 Desain Sistem

BAB IV Hasil dan Pembahasan

 68

Politeknik Negeri Sriwijaya

Untuk membangun program aplikasi ini, maka diperlukan suatu rancangan

sistem. Desain sistem yang telah dirancang untuk menggambarkan keseluruhan
sistem secara umum menggunakan Diagram Konteks, Data Flow Diagram Level
Zero, Flowchart dan Entity Relationship Diagram.
4.6.1 Diagram Konteks
Diagram konteks merupakan diagram yang dirancang sebagai gambaran
umum yang menggambarkan sistem secara keseluruhan. Berikut ini merupakan
rancangan diagram konteks dari Sistem Aplikasi Surat Perintah Perjalanan Dinas
di Kantor Wilayah Kementerian Agama Provinsi Sumatera Selatan berbasis
Website. Berikut adalah diagram konteks dari aplikasi Surat Perintah Perjalanan
Dinas di Kantor Wilayah Kementerian Agama Provinsi Sumatera Selatan
Berbasis Website.

Gambar 4.1 Diagram Konteks

BAB IV Hasil dan Pembahasan

 69

Politeknik Negeri Sriwijaya

Proses Kerja :

1. Tata usaha dapat melakukan login, menginput data pegawai, data surat
perjalanan dinas, mencetak laporan perjalanan dinas dan laporan kuitansi
2. Pegawai dapat melakukan login,
3. PPK
4. Keuangan
5. Pimpinan

4.6.2 Data Flow Diagram (DFD) Level 0

Data Flow Diagram (DFD) Level 0 digunakan sebagai bagian dari analisis
dari interaksi dan menentukan operasi yang akan diterapkan di dalam sistem serta
menjelaskan fungsi-fungsi lain yang terdapat di dalamnya.

Gambar 4.2 Data Flow Diagram (DFD) Level 0

Proses Kerja :

1.

4.6.3 Flowchart

4.6.3.1 Flowchart Tata Usaha

BAB IV Hasil dan Pembahasan

 70

Politeknik Negeri Sriwijaya

Gambar 4.3 Flowchart Tata Usaha

Proses Kerja :
1.

4.6.3.2 Flowchart Pegawai

Gambar 4.4 Flowchart Pegawai

Proses Kerja :
1.

4.6.3.3 Flowchart Pejabat Pembuat Komitmen (PPK)

Gambar 4.5 Flowchart Pejabat Pembuat Komitmen (PPK)

Proses Kerja :
1.

BAB IV Hasil dan Pembahasan

 71

Politeknik Negeri Sriwijaya

4.6.3.4 Flowchart Kepala Kantor Wilayah

Gambar 4.6 Flowchart Kepala Kantor Wilayah

Proses Kerja :
1.
4.6.4 Entity Relationship Diagram (ERD)

Gambar 4.8 Entity Relationship Diagram (ERD)

4.6.5 Kamus Data

1. Tabel data_login = @id_data_login + id_user + id_login + username +

tipe_user + tanggal + waktu

@id_data_login = {Integer}11
id_user = {Integer}11
id_login = {Varchar}16
username = {Varchar}30
tipe_user = {Varchar}25
tanggal = {Date}
waktu = {Time}

2. Tabel data_pelanggan = @id_data_pelanggan + id_data_transaksi +

id_member + nama + tanggal_lahir + no_hp + npwp + email + alamat +
created + last_update + gambar + poin + banyak_transaksi

@id_data_pelanggan = {Integer}11
id_data_transaksi = {Integer}11
id_member = {Varchar}16
nama = {Varchar}30
tanggal_lahir = {Date}

BAB IV Hasil dan Pembahasan

 72

Politeknik Negeri Sriwijaya

no_hp = {Varchar}13
npwp = {Varchar}15
email = {Varchar}25
alamat = {Varchar}60
created = {Date}
last_update = {Datetime}
gambar = {Varchar}20
poin = {Integer}6
banyak_transaksi = {Integer}3

3. Tabel data_peta_kantorpos = @id_data_peta_kantorpos + id_user +

nama_kpc + alamat_kpc + koordinat

@id_data_peta_kantorpos = {Integer}11
id_user = {Integer}11
nama_kpc = {Varchar}30
alamat_kpc = {Varchar}60
koordinat = {Varchar}25

4. Tabel data_peta_pelanggan = @id_data_peta_pelanggan + id_data_pelanggan

+ id_member + koordinat

@id_data_peta_pelanggan = {Integer}11
id_data_pelanggan = {Integer}11
id_member = {Varchar}16
koordinat = {Varchar}25

5. Tabel data_transaksi = @id_data_transaksi + id_data_pelanggan +

id_pelanggan + id_member + no_resi + nama_pelanggan + nomor_hp +
jenis_transaksi + waktu_transaksi + biaya + biaya_admin + jumlah

@id_data_transaksi = {Integer}11

BAB IV Hasil dan Pembahasan

 73

Politeknik Negeri Sriwijaya

id_data_pelanggan = {Integer}11
id_pelanggan = {Varchar}17
id_member = {Varchar}16
no_resi = {Varchar}17
nama_pelanggan = {Varchar}30
nomor_hp = {Varchar}13
jenis_transaksi = {Varchar}10
tanggal _transaksi = {Date}
waktu _transaksi = {Time}
biaya = {Integer}8
biaya_admin = {Integer}8
jumlah = {Integer}8

6. Tabel data_tagihan = @id_data_tagihan + id_data_transaksi +

id_data_pelanggan + id_pelanggan + id_member + nama_pelanggan + no_hp
+ jenis_transaksi + tanggal_tagihan

@id_data_transaksi = {Integer}11
id_data_transaksi = {Integer}11
id_data_pelanggan = {Integer}11
id_pelanggan = {Varchar}17
id_member = {Varchar}16
nama_pelanggan = {Varchar}30
no_hp = {Varchar}13
jenis_transaksi = {Varchar}10
tanggal _tagihan = {Date}

7. Tabel update_info = @id_update_info + id_user + info + gambar + judul +

created

@id_data_transaksi = {Integer}11

BAB IV Hasil dan Pembahasan

 74

Politeknik Negeri Sriwijaya

id_user = {Integer}11
Info = {Text}
gambar = {Varchar}20
judul = {Varchar}60
created = {Date}

8. Tabel user = @id_user + id_login + username + password + email + tipe_user

+ gambar

@id_user = {Integer}11
id_login = {Varchar}16
username = {Varchar}30
password = {Varchar}255
email = {Varchar}50
tipe_user = {Varchar}25
gambar = {Varchar}20

9. Tabel data_promo = @id_data_promo + id_data_transaksi + nama_promo +

isi_promo + gambar + created

@id_data_promo = {Integer}11
id_data_transaksi = {Integer}11
nama_promo = {Varchar}50
isi_promo = {Varchar}250
gambar = {Varchar}20
created = {Date}

4.6.6 Desain Tabel

Stuktur tabel adalah suatu tahapan yang digunakan untuk merancang
database yang akan digunakan berdasarkan kebutuhan informasi yang telah

BAB IV Hasil dan Pembahasan

 75

Politeknik Negeri Sriwijaya

diidentifikasi pada tahap analisis. Penulis mendesain sebuah database dengan

nama “cm” yang terdiri dari 9 tabel yang akan digunakan dalam membangun
aplikasi, yaitu sebagai berikut :

1. Tabel data_login
Tabel 4.2 Desain Tabel data_login
No
Nama Field Tipe Data Ukuran Keterangan
.

Primary Key, Auto

1. id_data_login Integer 11
Increment

2. id_user Varchar 11 Foreign Key

3. id_login Varchar 16 ID Login

4. username Varchar 30 Username Login

Lanjutan Tabel 4.2 Desain Tabel data_login

No
Nama Field Tipe Data Ukuran Keterangan
.

5. tipe_user Varchar 25 Tipe User Login

6. tanggal Date - Tanggal Login

7. waktu Time - Waktu Login

2. Tabel data_pelanggan
Tabel 4.3 Desain Tabel data_pelanggan
No
Nama Field Tipe Data Ukuran Keterangan
.

1. id_data_pelanggan Integer 11 Primary Key,

BAB IV Hasil dan Pembahasan

 76

Politeknik Negeri Sriwijaya

Auto Increment

2. id_data_transaksi Integer 11 Foreign Key

3. id_member Varchar 16 ID Member

4. nama Varchar 30 Nama Pelanggan

5. tanggal_lahir Date - Tanggal Lahir Pelanggan

6. nomor_hp Varchar 13 No Hp Pelanggan

7. npwp Varchar 15 NPWP Pelanggan

8. email Varchar 25 Email Pelanggan

9. alamat Varchar 60 Alamat Pelanggan

10. created Date - Created

11. last_update Datetime - Last Update

12. gambar Varchar 20 Foto Pelanggan

13. poin Integer 6 Poin Pelanggan

14. banyak_transaksi Integer 3 Banyak Transaksi

3. Tabel data_peta_kantorpos
Tabel 4.4 Desain Tabel data_peta_kantorpos
No
Nama Field Tipe Data Ukuran Keterangan
.

BAB IV Hasil dan Pembahasan

 77

Politeknik Negeri Sriwijaya

Primary Key,
1. id_data_peta_perusahaan Integer 11
Auto Increment

2. id_user Integer 11 Foreign Key

3. nama_kpc Varchar 30 Nama KPC

4. alamat_kpc Varchar 60 Alamat KPC

5. koordinat Varchar 25 Koordinat Titik Peta

4. Tabel data_peta_pelanggan
Tabel 4.5 Desain Tabel data_peta_pelanggan
No
Nama Field Tipe Data Ukuran Keterangan
.

Primary Key,
1. id_data_peta_pelanggan Integer 11
Auto Increment

2. id_data_pelanggan Integer 11 Foreign Key

3. id_member Varchar 16 ID Member

4. koordinat Varchar 25 Koordinat Titik Peta

5. Tabel data_transaksi
Tabel 4.6 Desain Tabel data_transaksi
No
Nama Field Tipe Data Ukuran Keterangan
.

Primary Key,
1. id_data_transaksi Integer 11
Auto Increment

2. id_data_pelanggan Integer 11 Foreign Key

BAB IV Hasil dan Pembahasan

 78

Politeknik Negeri Sriwijaya

3. id_pelanggan Varchar 17 ID Pelanggan

4. id_member Varchar 16 ID Member

5. no_resi Varchar 17 Nomor Resi

6. nama_pelanggan Varchar 30 Nama Pelanggan

Lanjutan Tabel 4.6 Desain Tabel data_transaksi

No
Nama Field Tipe Data Ukuran Keterangan
.

7. nomor_hp Varchar 13 Nomor Hp Pelanggan

8. jenis_transaksi Varchar 10 Jenis Transaksi

9. tanggal_transaksi Date - Tanggal Transaksi

10. waktu_transaksi Time - Waktu Transaksi

11. biaya Integer 8 Biaya Tagihan

12. biaya_admin Integer 8 Biaya Admin

13. jumlah Integer 8 Jumlah

6. Tabel data_tagihan
Tabel 4.7 Desain Tabel data_tagihan
No
Nama Field Tipe Data Ukuran Keterangan
.

Primary Key,
1. id_data_tagihan Integer 11
Auto Increment

2. id_data_transaksi Integer 11 Foreign Key

BAB IV Hasil dan Pembahasan

 79

Politeknik Negeri Sriwijaya

3. id_data_pelanggan Integer 11 Foreign Key

4. id_pelanggan Varchar 17 ID Pelanggan

5. id_member Varchar 16 ID Member

6. nama_pelanggan Varchar 30 Nama Pelanggan

7. nomor_hp Varchar 13 No Hp Pelanggan

8. jenis_transaksi Varchar 10 Jenis Transaksi

9. tanggal_tagihan date - Tanggal Tagihan

7. Tabel update_info
Tabel 4.8 Desain Tabel update_info
No. Nama Field Tipe Data Ukuran Keterangan

Primary Key,
1. id_data_informasi Integer 11
Auto Increment

2. id_user Integer 11 Foreign Key

Informasi Terbaru
3. info Text -
Seputar Kantor Pos

4. gambar Varchar 20 Foto Informasi

5. judul Varchar 60 Judul Informasi

6. created Date - Tanggal dibuat

BAB IV Hasil dan Pembahasan

 80

Politeknik Negeri Sriwijaya

8. Tabel user
Tabel 4.9 Desain Tabel user
No. Nama Field Tipe Data Ukuran Keterangan

Primary Key,
1. id_data_user Integer
11 Auto Increment

2. id_login Varchar 16 Foreign Key

3. username Varchar 30 Username

4. password Varchar 255 Password

5. email Varchar 50 Email

6. tipe_user Varchar 25 Type User

7. gambar Varchar 20 Foto User

9. Tabel data_promo
Tabel 4.10 Desain Tabel data_promo
No. Nama Field Tipe Data Ukuran Keterangan

Primary Key,
1. id_data_user Integer
Auto Increment

BAB IV Hasil dan Pembahasan

 81

Politeknik Negeri Sriwijaya

11

2. id_data_transaksi Integer 11 Foreign Key

3. nama_promo Varchar 50 Judul Promo

4. isi_promo Varchar 250 Username

5. gambar Varchar 20 Foto Promo

6. created Date - Tanggal Dibuat

4.7 Rancangan Program

Rancangan program dibuat sebagai gambaran untuk sebuah desain
tampilan program berdasarkan tampilan keseluruhan halaman yang terdapat pada
aplikasi yang akan dibangun.

4.7 Desain Halaman login

Halaman login merupakan halaman awal ketika website pertama kali
dijalankan untuk mengakses menu – menu yang terdapat pada website maka user
harus melakukan login terlebih dahulu dengan memasukkan username dan
password user yang telah terdaftar.

Aplikasi Surat Perintah Perjalanan Dinas

Kantor Wilayah Kementerian Agama Provinsi Sumatera Selatan

LOGO KANTOR WILAYAH

KEMENTERIAN AGAMA PROVINSI
SUMATERA SELATAN

Username

Password

LOG IN

BAB IV Hasil dan Pembahasan

 82

Politeknik Negeri Sriwijaya

Gambar 4. Desain Halaman Login

4.7.2 Desain Halaman Dashboard Tata Usaha

Halaman Dashboard Tata Usaha merupakan halaman awal ketika tata
usaha berhasil melakukan login. Pada Dashboard terdapat data pegawai, data surat
perjalanan dinas, dan data surat tugas. Pada navigasi bar terdapat juga data
pegawai, laporan perjalanan, surat perjalanan dinas, dan terdapat menu keluar dari
website.

APLIKASI SURAT PERJALANAN DINAS

Logo Dashboard

Home Data Surat

Data Pegawai Data Surat Tugas
Perjalanan dinas
Data Pegawai

Laporan Perjalanan Dinas

Surat Perjalanan Dinas

Keluar

Gambar 4. Desain Halaman Dashboard Tata Usaha

4.7.2 Desain Halaman Laporan Perjalanan Dinas Tata Usaha

Halaman Laporan Perjalanan Dinas Tata Usaha memuat data laporan
perjalanan dinas dan mencari data laporan perjalanan dinas yang sudah ada pada
kotak pencarian.

BAB IV Hasil dan Pembahasan

 83

Politeknik Negeri Sriwijaya

APLIKASI SURAT PERJALANAN DINAS

Logo Dashboard

Home Data Surat

Data Pegawai Data Surat Tugas
Perjalanan dinas
Data Pegawai

Laporan Perjalanan Dinas

Surat Perjalanan Dinas

Keluar

APLIKASI SURAT PERJALANAN DINAS

Logo
Kemen
ag
Halaman

Selamat Datang,
CariData All Data
tatausaha
Cari Data
Home
No Nama Tujuan Tanggal Sampai Perihal Status
Data Pegawai Pegawai Kab/Kota Tujuan Dengan

Laporan Perjalanan Dinas

Surat Perjalanan Dinas

Keluar

Gambar 4. Halaman Laporan Perjalanan Dinas Tata Usaha

BAB IV Hasil dan Pembahasan

 84

Politeknik Negeri Sriwijaya

4.7.1 Desain Halaman Admin

4.7.1.1 Desain Halaman Beranda Admin

Halaman Beranda Admin adalah tampilan awal website setelah Admin
melakukan login.

Gambar 4.13 Desain Halaman Beranda Admin

4.7.1.2 Desain Halaman Data Pelanggan Membership

Halaman Data Pelanggan Membership merupakan halaman menampilkan
data pelanggan yang telah terdaftar sebagai member.

BAB IV Hasil dan Pembahasan

 85

Politeknik Negeri Sriwijaya

Gambar 4.14 Desain Halaman Data Pelanggan Membership

4.7.1.3 Desain Halaman Lihat Data Pelanggan Membership

Halaman Lihat Data Pelanggan Membership merupakan halaman yang
digunakan untuk melihat Riwayat Transaksi Pelanggan Membership, Detail
Pelanggan Membership, dan Tagihan yang Belum Dibayarkan.

Gambar 4.15 Desain Halaman Lihat Data Pelanggan Membership

(Riwayat Transaksi)

BAB IV Hasil dan Pembahasan

 86

Politeknik Negeri Sriwijaya

Gambar 4.16 Desain Halaman Lihat Data Pelanggan Membership

(Tagihan Belum Dibayar)

Gambar 4.17 Desain Halaman Lihat Data Pelanggan Membership

(Detail Pelanggan)

BAB IV Hasil dan Pembahasan

 87

Politeknik Negeri Sriwijaya

4.7.1.4 Desain Halaman Tambah Data Pelanggan Baru

Halaman Tambah Data Pelanggan Baru digunakan untuk menambahkan
data pelanggan yang belum terdaftar sebagai member.

Gambar 4.18 Desain Halaman Tambah Data Pelanggan Baru

4.7.1.5 Desain Halaman Data Pelanggan Non-Membership

Halaman Data Pelanggan Non-Membership adalah halaman yang
menampilkan data pelanggan yang tidak terdaftar sebagai member.

Gambar 4.19 Desain Halaman Data Pelanggan Non-Membership

BAB IV Hasil dan Pembahasan

 88

Politeknik Negeri Sriwijaya

4.7.1.6 Desain Halaman Lihat Data Pelanggan Non-Membership

Halaman Lihat Data Pelanggan Non-Membership merupakan halaman
yang digunakan untuk melihat Riwayat Transaksi Pelanggan Non-Membership,
Detail Pelanggan Non-Membership, dan Tagihan yang Belum Dibayarkan.

Gambar 4.20 Desain Halaman Lihat Data Pelanggan Non-Membership

(Riwayat Transaksi)

Gambar 4.21 Halaman Lihat Data Pelanggan Non-Membership

(Tagihan Belum Dibayar)

BAB IV Hasil dan Pembahasan

 89

Politeknik Negeri Sriwijaya

Gambar 4.22 Halaman Lihat Data Pelanggan Non-Membership

(Detail Pelanggan)

4.7.1.7 Desain Halaman Laporan Data Pelanggan

Halaman Laporan Data Pelanggan merupakan halaman yang
menampilkan data para pelanggan. Untuk menampilkan laporan dengan cara
memilih tipe pelanggan, pengurutan data, dan data yang ditampilkan.

Gambar 4.23 Halaman Laporan Data Pelanggan

BAB IV Hasil dan Pembahasan

 90

Politeknik Negeri Sriwijaya

4.7.1.8 Desain Halaman Laporan Data Transaksi

Halaman Laporan Data Transaksi merupakan halaman yang menampilkan
laporan seluruh transaksi pelanggan .Untuk menampilkan laporan dengan cara
memilih jenis transaksi, tipe pelanggan, dan rentang tanggal.

Gambar 4.24 Halaman Laporan Data Transaksi

4.7.1.9 Desain Halaman Laporan Data Pengguna (User)

Halaman Laporan Data Pengguna (User) merupakan halaman yang untuk
melihat laporan seluruh data user pada PT. Pos Indonesia Kantor Regional III
Palembang. Untuk menampilkan laporan dengan cara memilih tipe pelanggan.

Gambar 4.25 Desain Halaman Laporan Data Pengguna (User)

BAB IV Hasil dan Pembahasan

 91

Politeknik Negeri Sriwijaya

4.7.1.10 Desain Halaman Maps Pelanggan

Halaman Maps Pelanggan merupakan halaman yang menampilkan lokasi
persebaran para pelanggan PT. Pos Indonesia Kantor Regional III Palembang.

Gambar 4.26 Desain Halaman Maps Pelanggan

4.7.1.11 Desain Halaman Update Maps Pelanggan

Halaman Update Maps Pelanggan merupakan halaman yang digunakan
untuk melakukan pembaruan dan penambahan data maps pelanggan.

Gambar 4.27 Desain Halaman Update Maps Pelanggan

(Data Pelanggan yang Belum Masuk ke Peta)

BAB IV Hasil dan Pembahasan

 92

Politeknik Negeri Sriwijaya

Gambar 4.28 Desain Halaman Update Maps Pelanggan

(Tambah Data Peta Persebaran Pelanggan)

4.7.1.12 Desain Halaman Maps Kantor Pos Cabang Palembang

Halaman Maps Kantor Pos Cabang Palembang merupakan halaman yang
menampilkan lokasi persebaran Kantor Pos Cabang Palembang.

Gambar 4.29 Desain Halaman Maps Kantor Pos Cabang Palembang

BAB IV Hasil dan Pembahasan

 93

Politeknik Negeri Sriwijaya

4.7.1.13 Desain Halaman Update Maps Kantor Pos Cabang Palembang

Halaman Update Maps Kantor Pos Cabang Palembang merupakan
halaman yang digunakan untuk melakukan pembaruan dan penambahan data
maps KPC Palembang.

Gambar 4.30 Desain Halaman Update Maps Kantor Pos Cabang Palembang

Gambar 4.31 Desain Halaman Update Maps Kantor Pos Cabang Palembang
(Tambah Data Peta KPC Palembang)

BAB IV Hasil dan Pembahasan

 94

Politeknik Negeri Sriwijaya

4.7.1.14 Desain Halaman Data User

Halaman Data User merupakan halaman yang menampilkan keseluruhan
user yang telah terdaftar untuk dapat mengakses aplikasi.

Gambar 4.32 Desain Halaman Data User

4.7.1.15 Desain Halaman Tambah Data User

Halaman Tambah Data User merupakan halaman yang digunakan untuk
menambahkan user yang dapat mengakses aplikasi.

Gambar 4.33 Desain Halaman Tambah Data User

BAB IV Hasil dan Pembahasan

 95

Politeknik Negeri Sriwijaya

4.7.1.16 Desain Halaman Data Info

Halaman Data Info merupakan halaman yang menampilkan update
informasi perusahaan pada PT. Pos Indonesia (Persero) Kantor Regional III
Palembang.

Gambar 4.34 Desain Halaman Data Info

4.7.1.17 Desain Halaman Tambah Data Info

Halaman Tambah Data Info merupakan halaman yang digunakan untuk
menambahkan dan meng-update mengenai informasi perusahaan.

Gambar 4.35 Desain Halaman Tambah Data Info

BAB IV Hasil dan Pembahasan

 96

Politeknik Negeri Sriwijaya

4.7.1.18 Desain Halaman Data Promo

Halaman Data Promo merupakan halaman yang menampilkan informasi
promo menarik yang sedang berlangsung.

Gambar 4.36 Desain Halaman Data Promo

4.7.1.19 Desain Halaman Update Data Promo

Halaman Update Data Promo merupakan halaman yang digunakan untuk
melakukan update promo terbaru.

Gambar 4.37 Desain Halaman Update Data Promo

BAB IV Hasil dan Pembahasan

 97

Politeknik Negeri Sriwijaya

4.7.1.20 Desain Halaman Edit Profile Pegawai

Halaman Edit Profile Pegawai merupakan halaman yang digunakan
untuk mengubah data user dan mengubah password.

Gambar 4.38 Desain Halaman Edit Profile Pegawai (Ubah Data User)

Gambar 4.39 Desain Halaman Edit Profile Pegawai (Ubah Password)

BAB IV Hasil dan Pembahasan

 98

Politeknik Negeri Sriwijaya

4.7.2 Desain Halaman Petugas Loket

4.7.2.1 Desain Halaman Beranda Petugas Loket

Halaman Beranda Petugas Loket merupakan tampilan awal aplikasi
setelah petugas loket melakukan login.

Gambar 4.40 Desain Halaman Beranda Petugas Loket

4.7.2.2 Desain Halaman Tambah Riwayat Transaksi Pelanggan

Halaman Tambah Riwayat Transaksi Pelanggan merupakan halaman
untuk menambahkan riwayat transaksi pelanggan pada PT. Pos Indonesia
(Persero) Kantor Regional III Palembang.

Gambar 4.41 Desain Halaman Tambah Riwayat Transaksi Pelanggan

BAB IV Hasil dan Pembahasan

 99

Politeknik Negeri Sriwijaya

4.7.3 Desain Halaman Customer Services

4.7.3.1 Desain Halaman Beranda Customer Services

Halaman Beranda Customer Services merupakan tampilan awal aplikasi
setelah customer services melakukan login.

Gambar 4.42 Desain Halaman Beranda Customer Services

4.7.3.2 Desain Halaman Pendaftaran Membership

Halaman Pendaftaran Membership merupakan halaman yang digunakan
oleh customer services untuk mendaftarkan pelanggan sebagai member.

Gambar 4.43 Desain Halaman Pendaftaran Membership

BAB IV Hasil dan Pembahasan

 100

Politeknik Negeri Sriwijaya

4.7.3.3 Desain Halaman Laporan Data Pendaftaran Membership

Halaman Laporan Data Pendaftaran Membership merupakan halaman
yang digunakan oleh customer services untuk menginputkan data laporan
pelanggan member.

Gambar 4.44 Desain Halaman Laporan Data Pendaftaran Membership

4.7.4 Desain Halaman Manajer

4.7.4.1 Desain Halaman Beranda Manajer

Halaman Beranda Manajer merupakan tampilan awal aplikasi setelah
manajer melakukan login.

Gambar 4.45 Desain Halaman Beranda Manajer

BAB IV Hasil dan Pembahasan

 101

Politeknik Negeri Sriwijaya

4.7.4.2 Desain Halaman Laporan Data Pelanggan

Halaman Laporan Data Pelanggan merupakan halaman yang digunakan
manajer untuk melihat data pelanggan. Untuk menampilkan laporan dengan cara
memilih tipe pelanggan, pengurutan data, dan data yang ditampilkan.

Gambar 4.46 Desain Halaman Laporan Data Pelanggan

4.7.4.3 Desain Halaman Laporan Data Transaksi

Halaman Laporan Data Transaksi merupakan halaman yang digunakan
manajer untuk melihat laporan seluruh transaksi pelanggan .Untuk menampilkan
laporan dengan cara memilih jenis transaksi, tipe pelanggan, dan rentang tanggal.

Gambar 4.47 Desain Halaman Laporan Data Transaksi

BAB IV Hasil dan Pembahasan

 102

Politeknik Negeri Sriwijaya

4.7.5 Desain Halaman Pelanggan Membership

4.7.5.1 Desain Halaman Beranda Pelanggan Membership

Halaman Beranda Pelanggan Membership merupakan tampilan awal
aplikasi setelah pelanggan membership melakukan login.

Gambar 4.48 Desain Halaman Beranda Pelanggan Membership

4.7.5.2 Desain Halaman Informasi Pelanggan Membership

Halaman Informasi Pelanggan Membership merupakan halaman yang
menampilkan riwayat transaksi, detail pelanggan, dan tagihan belum dibayar.

Gambar 4.49 Desain Halaman Informasi Pelanggan Membership

BAB IV Hasil dan Pembahasan

 103

Politeknik Negeri Sriwijaya

4.7.5.3 Desain Halaman Maps Kantor Pos Terdekat

Halaman Maps Kantor Pos Terdekat merupakan halaman yang
menampilkan data persebaran kantor pos cabang palembang yang terdekat dari
lokasi pelanggan member.

Gambar 4.50 Desain Halaman Maps Kantor Pos Terdekat

4.7.5.4 Desain Halaman Edit Profile

Halaman Edit Profile merupakan halaman yang digunakan untuk
mengubah dan menambahkan data pelanggan.

Gambar 4.51 Desain Halaman Edit Profile

BAB IV Hasil dan Pembahasan

 104

Politeknik Negeri Sriwijaya

4.8 Hasil Tampilan Aplikasi

4.8.1 Tampilan Halaman Login

Gambar 4.52 Tampilan Halaman Login

4.8.2 Tampilan Halaman Lupa Password (Masukan Email)

Gambar 4.53 Tampilan Halaman Lupa Password (Masukan Email)

BAB IV Hasil dan Pembahasan

 105

Politeknik Negeri Sriwijaya

Gambar 4.54 Tampilan Halaman Lupa Password (Masukan Kode)

Gambar 4.55 Tampilan Halaman Lupa Password (Masukan Password Baru)

BAB IV Hasil dan Pembahasan

 106

Politeknik Negeri Sriwijaya

4.8.3 Tampilan Halaman Admin

4.8.3.1 Tampilan Halaman Beranda Admin

Gambar 4.56 Tampilan Halaman Beranda Admin

4.8.3.2 Tampilan Halaman Data Pelanggan Membership

Gambar 4.57 Tampilan Halaman Data Pelanggan Membership

BAB IV Hasil dan Pembahasan

 107

Politeknik Negeri Sriwijaya

4.8.3.3 Tampilan Halaman Lihat Data Pelanggan Membership

Gambar 4.58 Tampilan Halaman Lihat Data Pelanggan Membership

(Riwayat Transaksi)

Gambar 4.59 Tampilan Halaman Lihat Data Pelanggan Membership

(Tagihan Belum Dibayar)

BAB IV Hasil dan Pembahasan

 108

Politeknik Negeri Sriwijaya

Gambar 4.60 Tampilan Halaman Lihat Data Pelanggan Membership

(Detail Pelanggan)

4.8.3.4 Tampilan Halaman Tambah Data Pelanggan Baru

Gambar 4.61 Tampilan Halaman Tambah Data Pelanggan Baru

BAB IV Hasil dan Pembahasan

 109

Politeknik Negeri Sriwijaya

4.8.3.5 Tampilan Halaman Data Pelanggan Non-Membership

Gambar 4.62 Tampilan Halaman Data Pelanggan Non-Membership

4.8.3.6 Tampilan Halaman Lihat Data Pelanggan Non-Membership

Gambar 4.63 Tampilan Halaman Lihat Data Pelanggan Non-Membership

(Riwayat Transaksi)

BAB IV Hasil dan Pembahasan

 110

Politeknik Negeri Sriwijaya

Gambar 4.64 Tampilan Halaman Lihat Data Pelanggan Non-Membership

(Tagihan Belum Dibayar)

Gambar 4.65 Tampilan Halaman Lihat Data Pelanggan Non-Membership

(Detail Pelanggan)

BAB IV Hasil dan Pembahasan

 111

Politeknik Negeri Sriwijaya

4.8.3.7 Tampilan Halaman Laporan Data Pelanggan

Gambar 4.66 Tampilan Halaman Laporan Data Pelanggan

4.8.3.8 Tampilan Halaman Laporan Data Transaksi

Gambar 4.67 Tampilan Halaman Laporan Data Transaksi

BAB IV Hasil dan Pembahasan

 112

Politeknik Negeri Sriwijaya

4.8.3.9 Tampilan Halaman Laporan Data Pengguna (User)

Gambar 4.68 Tampilan Halaman Laporan Data Pengguna (User)

4.8.3.10 Tampilan Halaman Maps Pelanggan

Gambar 4.69 Tampilan Halaman Maps Pelanggan

BAB IV Hasil dan Pembahasan

 113

Politeknik Negeri Sriwijaya

4.8.3.11 Tampilan Halaman Update Maps Pelanggan

Gambar 4.70 Tampilan Halaman Update Maps Pelanggan

(Data Pelanggan yang Belum Masuk ke Peta)

Gambar 4.71 Tampilan Halaman Update Maps Pelanggan

(Tambah Data Peta Persebaran Pelanggan)

BAB IV Hasil dan Pembahasan

 114

Politeknik Negeri Sriwijaya

4.8.3.12 Tampilan Halaman Maps Kantor Pos Cabang Palembang

Gambar 4.72 Tampilan Halaman Maps Kantor Pos Cabang Palembang

4.8.3.13 Tampilan Halaman Update Maps Kantor Pos Cabang Palembang

Gambar 4.73 Tampilan Halaman Maps Kantor Pos Cabang Palembang

BAB IV Hasil dan Pembahasan

 115

Politeknik Negeri Sriwijaya

Gambar 4.74 Tampilan Halaman Update Kantor Pos Cabang Palembang

(Tambah Data Peta Persebaran KCP Palembang)

4.8.3.14 Tampilan Halaman Data User

Gambar 4.75 Tampilan Halaman Data User

BAB IV Hasil dan Pembahasan

 116

Politeknik Negeri Sriwijaya

4.8.3.15 Tampilan Halaman Tambah Data User

Gambar 4.76 Tampilan Halaman Tambah Data User

4.8.3.16 Tampilan Halaman Data Info

Gambar 4.77 Tampilan Halaman Data Info

BAB IV Hasil dan Pembahasan

 117

Politeknik Negeri Sriwijaya

4.8.3.17 Tampilan Halaman Tambah Data Info

Gambar 4.78 Tampilan Halaman Tambah Data Info

4.8.3.18 Tampilan Halaman Data Promo

Gambar 4.79 Tampilan Halaman Data Promo

BAB IV Hasil dan Pembahasan

 118

Politeknik Negeri Sriwijaya

4.8.3.19 Tampilan Halaman Update Data Promo

Gambar 4.80 Tampilan Halaman Update Data Promo

4.8.3.20 Tampilan Halaman Edit Profile Pegawai

Gambar 4.81 Tampilan Halaman Edit Profile Pegawai (Ubah Data User)

BAB IV Hasil dan Pembahasan

 119

Politeknik Negeri Sriwijaya

Gambar 4.82 Tampilan Halaman Edit Profile Pegawai (Ubah Password)

4.8.4 Tampilan Halaman Petugas Loket

4.8.4.1 Tampilan Halaman Beranda Petugas Loket

Gambar 4.83 Tampilan Halaman Beranda Petugas Loket

BAB IV Hasil dan Pembahasan

 120

Politeknik Negeri Sriwijaya

4.8.4.2 Tampilan Halaman Tambah Riwayat Transaksi Pelanggan

Gambar 4.84 Tampilan Halaman Tambah Riwayat Transaksi Pelanggan

4.8.5 Tampilan Halaman Customer Services

4.8.5.1 Tampilan Halaman Beranda Customer Services

Gambar 4.85 Tampilan Halaman Beranda Customer Services

BAB IV Hasil dan Pembahasan

 121

Politeknik Negeri Sriwijaya

4.8.5.2 Tampilan Halaman Pendaftaran Membership

Gambar 4.86 Tampilan Halaman Pendaftaran Membership

4.8.5.3 Tampilan Halaman Laporan Data Pendaftaran Membership

Gambar 4.87 Tampilan Halaman Laporan Data Pendaftaran Membership

BAB IV Hasil dan Pembahasan

 122

Politeknik Negeri Sriwijaya

4.8.6 Tampilan Halaman Manajer

4.8.6.1 Tampilan Halaman Beranda Manajer

Gambar 4.88 Tampilan Halaman Beranda Manajer

4.8.6.2 Tampilan Halaman Laporan Data Pelanggan

Gambar 4.89 Tampilan Halaman Laporan Data Pelanggan

BAB IV Hasil dan Pembahasan

 123

Politeknik Negeri Sriwijaya

4.8.6.3 Tampilan Halaman Laporan Data Transaksi

Gambar 4.90 Tampilan Halaman Laporan Data Transaksi

4.8.7 Tampilan Halaman Pelanggan Membership

4.8.7.1 Tampilan Halaman Beranda Pelanggan Membership

Gambar 4.91 Tampilan Halaman Beranda Pelanggan Membership

BAB IV Hasil dan Pembahasan

 124

Politeknik Negeri Sriwijaya

4.8.7.2 Tampilan Halaman Informasi Pelanggan Membership

Gambar 4.92 Tampilan Halaman Informasi Pelanggan Membership

4.8.7.3 Tampilan Halaman Maps Kantor Pos Cabang Palembang

Gambar 4.93 Tampilan Halaman Maps Kantor Cabang Palembang

BAB IV Hasil dan Pembahasan

 125

Politeknik Negeri Sriwijaya

4.8.7.4 Tampilan Halaman Edit Profile

Gambar 4.94 Tampilan Halaman Edit Profile

4.9 Pengujian Sistem

Untuk tahap pengujian sistem penulis menggunakan metode Black Box
Testing. Metode Black Box Testing merupakan pengujian program yang
mengutamakan pengujian terhadap kebutuhan fungsi dari suatu program. Tujuan
dari metode Black Box Testing ini untuk menemukan kesalahan fungsi pada
program. Pengujian dengan menggunakan metode Black Box Testing dilakukan
hanya untuk mengamati hasil eksekusi melalui data uji dan memeriksa fungsional
dari software dan fungsionalitasnya tanpa mengetahui yang terjadi dalam proses
detail, melainkan hanya mengetahui input dan output.

BAB IV Hasil dan Pembahasan

 126

Politeknik Negeri Sriwijaya

4.9.1 Pengujian Sistem Halaman Admin

Penjelasan tabel pengujian sistem pada halaman Admin, yaitu :

Tabel 4.11 Pengujian Sistem Halaman Admin

Metode Hasil yang Diharapkan
No. Skenario Pengujian Hasil
Pengujian
1. Login Memasukkan Menampilkan halaman
Admin username dan Admin
Berhasil
password dengan
benar
Memasukkan Pemberitahuan Login
username dan Gagal! Username dan Berhasil
password salah. Password salah!
2. Cari Data Memasukan ID Menampilkan data
Pelanggan member, nama atau pelanggan yang dicari
nomor telepon sesuai dengan ID Berhasil
pelanggan member, nama atau
nomor telepon.
3. Tambah Memasukan nama Menampilkan
Pelanggan pelanggan, nomor hp pemberitahuan jika data
Non- dan alamat. pelanggan berhasil Berhasil
Membershi ditambahkan.
p
4. Laporan Memilih tipe Menampilkan tabel
Data pelanggan, daftar laporan data
Pelanggan pengurutan data, dan pelanggan sesuai Berhasil
banyak data yang dengan yang telah
akan ditampilkan dipilih.
5. Laporan Memilih jenis Menampilkan tabel
Data transaksi, tipe laporan seluruh data
Berhasil
Transaksi pelanggan, dan transaksi sesuai dengan

BAB IV Hasil dan Pembahasan

 127

Politeknik Negeri Sriwijaya

rentang tanggal yang dipilih.

Lanjutan Tabel 4.11 Pengujian Sistem Halaman Admin
Metode Hasil yang Diharapkan
No. Skenario Pengujian Hasil
Pengujian
6. Laporan Memilih tipe Menampilkan laporan
Data pengguna seluruh data pengguna
Pengguna sesuai tipe pengguna Berhasil
(User) yang dipilih.
7. Tambah Memasukan ID Menampilkan
User login, username, pemberitahuan jika data
password, user berhasil
Berhasil
konfirmasi ditambahkan
password, dan tipe
pengguna
8. Tambah Memasukan judul Menampilkan
Data Info informasi, deskripsi, pemberitahuan jika data
Berhasil
dan file foto info berhasil di
tambahkan
9. Edit Profile Mengubah email, Menampilkan
Pengguna menambahkan foto pemberitahuan jika
Berhasil
dan mengubah pembaruan berhasil
password disimpan
10. Tambah Memasukan nama Menampilkan
Data Promo promo, isi / deskripsi pemberitahuan jika data
Berhasil
promo, dan gambar. promo berhasil
ditambahkan.
11. Tambah Memasukan ID Menampilkan
Data Peta member, nama, pemberitahuan jika data
Persebaran alamat, dan titik peta pelanggan berhasil Berhasil

Pelanggan koordinat. ditambahkan.

BAB IV Hasil dan Pembahasan

 128

Politeknik Negeri Sriwijaya

Lanjutan Tabel 4.11 Pengujian Sistem Halaman Admin

Metode Hasil yang Diharapkan
No. Skenario Pengujian Hasil
Pengujian
12. Tambah Memasukan nama Menampilkan
Data Peta kantor cabang, pemberitahuan jika data
Peta KPC alamat kantor peta KPC berhasil Berhasil
Palembang cabang, dan titik ditambahkan.
koordinat.

4.9.2 Pengujian Sistem Halaman Petugas Loket

Penjelasan tabel pengujian sistem pada halaman Petugas Loket, yaitu :

Tabel 4.12 Pengujian Sistem Halaman Petugas Loket

Metode Hasil yang Diharapkan
No Skenario Pengujian Hasil
Pengujian
.
1. Login Memasukkan Menampilkan halaman
Petugas username dan Petugas Loket
Berhasil
Loket password dengan
benar.
Memasukkan Pemberitahuan Login
username dan Gagal! Username dan Berhasil
password salah. Password salah!
2. Cari Data Memasukan ID Menampilkan data
Pelanggan member, nama atau pelanggan yang dicari
nomor telepon sesuai dengan ID Berhasil
pelanggan. member, nama atau
nomor telepon.
3. Tambah Memasukan ID Menampilkan
Riwayat pelanggan, nomor pemberitahuan riwayat
Transaksi resi, jenis transaksi, transaksi pelanggan Berhasil

BAB IV Hasil dan Pembahasan

 129

Politeknik Negeri Sriwijaya

Pelanggan dan besar uang. berhasil ditambahkan.

4.9.3 Pengujian Sistem Halaman Customer Services
Penjelasan tabel pengujian sistem pada halaman Customer Services, yaitu :

Tabel 4.13 Pengujian Sistem Halaman Customer Services

Metode Hasil yang Diharapkan
No Skenario Pengujian Hasil
Pengujian
.
1. Login Memasukan Menampilkan halaman
Customer username dan Customer Services
Berhasil
Services password dengan
benar
Memasukan Pemberitahuan Login
username dan Gagal! Username dan Berhasil
password salah. Password salah!
2. Cari Data Memasukan nama Menampilkan data
Pelanggan atau nomor telepon pelanggan non-
Berhasil
Non- pelanggan non- membership yang
Membership membership dicari.
3. Mendaftarkan Memasukan data Menampilkan
Pelanggan pelanggan yaitu : pemberitahuan jika
sebagai Nomor KTP, Nama, data pelanggan telah
Member Nomor Hp, dan berhasil didaftarkan
Berhasil
Password untuk sebagai member.
didaftarkan sebagai
member.
4. Laporan Data Memilih rentang Menampilkan daftar
Pendaftaran tanggal untuk data pendaftaran
Member menampilkan member sesuai rentang Berhasil
laporan pendaftaran tanggal yang telah
pelanggan. dipilih.

BAB IV Hasil dan Pembahasan

 130

Politeknik Negeri Sriwijaya

4.9.4 Pengujian Sistem Halaman Manajer

Penjelasan tabel pengujian sistem pada halaman Manajer, yaitu :

Tabel 4.14 Pengujian Sistem Halaman Manajer

Metode Hasil yang Diharapkan
No Skenario Pengujian Hasil
Pengujian
.
1. Login Memasukkan Menampilkan halaman
Manajer username dan Manajer
Berhasil
password yang benar
Memasukkan Pemberitahuan Login
username dan Gagal! Username dan Berhasil
password salah. Password salah!
2. Cari Data Memasukan ID Menampilkan data
Pelanggan member, nama atau pelanggan yang dicari
nomor telepon sesuai dengan ID Berhasil
pelanggan member, nama atau
nomor telepon.
3. Laporan Memilih tipe Menampilkan tabel
Data pelanggan, laporan data pelanggan
Pelanggan pengurutan data, dan sesuai dengan yang Berhasil
banyak data yang dipilih.
akan ditampilkan
4. Laporan Memilih jenis Menampilkan tabel
Data transaksi, tipe laporan seluruh data
Berhasil
Transaksi pelanggan, dan transaksi sesuai dengan
rentang tanggal yang dipilih.
5. Laporan Memilih tipe Menampilkan laporan
Data pengguna seluruh data pengguna
Berhasil
Pengguna sesuai tipe pengguna
(User) yang dipilih.

BAB IV Hasil dan Pembahasan

 131

Politeknik Negeri Sriwijaya

4.9.5 Pengujian Sistem Halaman Pelanggan Membership

Berikut penjelasan tabel pengujian sistem pada halaman Pelanggan
Membership, yaitu :

Tabel 4.15 Pengujian Sistem Halaman Pelanggan Membership

Metode Hasil yang Diharapkan
No. Skenario Pengujian Hasil
Pengujian
1. Login Memasukkan Menampilkan halaman
Pelanggan username dan Pelanggan Membership
Berhasil
Membershi password dengan
p benar
Memasukkan Pemberitahuan Login
username dan Gagal! Username dan Berhasil
password salah. Password salah!
2. Ubah Memasukkan Pemberitahuan ubah
Berhasil
Password password yang baru password berhasil.
3. Edit Profile Memasukan data Menampilkan
pada profil yaitu pemberitahuan data
Berhasil
foto, email, NPWP, profile berhasil diubah.
alamat.

4.9 Pemeliharaan Sistem

Agar sistem yang dibangun dapat digunakan dengan baik maka dibutuhkan
pemeliharaan sistem atas beberapa hal, yaitu :
1. Sistem mengalami perubahaan atas permintaan dari user sistem.
2. Sistem mengalami perubahan karena perubahan lingkungan luar, seperti
lingkungan bisnis.
3. Sistem perlu ditingkatkan agar dapat membantu user sistem.

BAB IV Hasil dan Pembahasan

 132

Politeknik Negeri Sriwijaya

4.10 Pembahasan
Aplikasi Customer Management di PT. Pos Indonesia (Persero) Kantor
Regional III Palembang Berbasis Website telah dibangun dengan menggunakan
metode pengembangan Waterfall dimana terdiri dari analisis masalah,
perancangan sistem, perancangan aplikasi dan pengujian. Pada tahap analisis
menjelaskan tentang kebutuhan perangkat lunak sebelum sistem dibangun
diantaranya yaitu kebutuhan fungsional dan kebutuhan non-fungsional. Tahap
perancangan sistem menjelaskan langkah-langkah merancang sistem yang akan
dibangun. Pada tahap perancangan sistem merupakan tahap menjelaskan program
menggunakan diagram–diagram seperti Diagram Konteks, Diagram Level Zero,
Data Flow Diagram, Flowchart, dan Entity Relationship Diagram (ERD).
Pada tahap pengujian menjelaskan tentang pengujian terhadap aplikasi
yang telah dibangun. Aplikasi ini telah berjalan sesuai dengan kebutuhan
fungsional dan non-fungsional berdasarkan hasil persentasi dan demo program
yang dilakukan oleh penulis dengan Unit Bidang Informasi Teknologi (IT) PT.
Pos Indonesia (Persero) Kantor Regional III Palembang

BAB IV Hasil dan Pembahasan