30
BAB III
PEMBASAHAN
3.1. Umum
PD. Andhika Primajaya adalah sebuah perusahaan yang bergerak
dalambidang distribusi produk-produk Unilever. PD. Andhika Primajaya
Pontianak yang bergerak dalam bidang pendistribusian produk unilever tentunya
sangat didukung penuh oleh PT. Unilever Indonesia. Salah satu bentuk dukungan
ini adalah membantu menyediakan barang penunjang penjualan yang disebut
dengan istilah Point Of Sales Material. Point Of Sales Material atau yang sering
disingkat POSM ini berperan penting dalam kegiatan promosi penjualan, contoh
POSM antaralain spanduk, gondola promosi, floor standing unit (FSU), give
(hadiah) dan masih banyak lagi POSM lainnya . Akan tetapi pada PD. Andhika
Primajaya Pontianak pengolahan data khususnya bagian pendataan dan laporan
pemasangan barang penunjang penjualan atau Point Of Sales Material ini masih
dilakukan dengan cara pencatatan manual, hal ini menyebabkam sering terjadinya
selisih terhadap kuantitas data persediaan pada arsip dan barang yang berada pada
gudang penyimpanan bahkan saat pencarian data memakan waktu cukup lama
dikarenakan pemberkasan yang tidak rapi, sehingga menghambat laju perputaran
sistem kerja perusahaana yang akhirnya akan merugikan perusahaan itu sendiri.
Hal tersebut di atas menarik minat penulis untuk melakukan riset lebih
dalam pada PD. Andhika Primajaya Pontianak, khususnya dalam ruang lingkup
pendataan barang penunjang penjualan atau Point Of Sales Material pada PD.
Andhika Primajaya Pontianak.
31
3.2. Tinjuan Perusahaan
Dalam tinjauan perusahaan ini berisi sejarah tentang p
erusahaan, struktur organisasi serta fungsi dari masing-masing bagian
yang ada dalam perusahaan PD. Andhika Primajaya di Pontianak.
3.2.1. Sejarah Perusahaan
Perusahaan ini dulunya adalah perusahaan dagang dengan nama usaha PD.
Kapuas Wijaya yang didirikan oleh Ali Halim (Aan) selaku Direktur Utama
sekaligus pemilik perusahaan (Owner).
Perusahaan yang dulu bernama PD. Kapuas Wijaya ini didirikan pada
tanggal 20 Desember 1989, dan memulai usahanya pada toko yang terletak di
jalan Sultan Muhammad No. 218 Pontianak, yang merupakan kawasan
perdagangan yang terkemuka di Pontianak. Sebagai perusahaan yang dipercayai
oleh PT Unilever Indonesia Tbk untuk mendistribusikan produk–produk Unilever,
maka perusahaan berusaha dengan segala kemampuan untuk dapat
mendistribusikan produk tersebut dengan sebaik-baiknya sesuai yang ditargetkan
oleh PT Unilever Indonesia Tbk, serta bisa memenuhi target penjualan setiap
tahun yang ditetapkan oleh PT Unilever Indonesia Tbk.
Pada tanggal 7 Mei 2007 Ali Halim memutuskan untuk mengganti nama
perusahaannya dari PD Kapuas Wijaya menjadi PD Andhika Primajaya, dan
sekaligus menempati kantor dan pergudangan yang baru di Jalan Kom Yos
Sudarso samping Gang Delima 3 No. 1 Pontianak.
32
Pemindahan kantor dan gudang baru diharapkan dapat memberikan
pelayanan yang lebih baik kepada konsumen karena di lokasi yang baru memiliki
pergudangan yang lebih luas sehingga bisa memasok dan menyediakan produk-
produk Unilever dalam jumlah besar dan lebih lengkap.
Adapun izin usaha yang digunakan untuk menjalankan perusahaannya
antara lain :
1. Surat Izin Usaha Perdagangan (SIUP) terakhir dengan No.
510.3/281/4382/DP2KOP.
2. Surat Izin Tempat Usaha (SITU) terakhir dengan No. 1114.07/KP2T&PMD/R-
I/B/07.
3. Tanda Daftar Perusahaan (TDP) dengan No.14.03.5.52.06495
4. Nomor Pokok Wajib Pajak (NPWP) dengan No.06.616.901.2.701.
Latar belakang yang mendorong Ali Halim untuk mendirikan perusahaan
ini adalah :
1. Peluang pasar yang baik dalam memasarkan produk-produk PT Unilever
Indonesia Tbk.
2. Adanya kemungkinan yang cukup besar bagi perkembangan perusahaannya,
hal ini dapat dilihat dari waktu ke waktu bahwa keperluan akan kebutuhan
sehari-hari semakin meningkat.
3. Semakin berkembangnya PT. Unilever dari tahun ketahun membuat Ali Halim
yakin bahwa perusahaannya yang bergerak sebagai distributor PT Unilever
juga akan semakin berkembang.
Dari awal pendiriannya sampai sekarang perusahaan ini bergerak di bidang
pendistribusian produk-produk Unilever.
33
3.2.2. Struktur Organisasi Perusahaan
Setiap perusahaan tentu mempunyai tujuan yang ingin dicapai yang
diawali dengan melakukan suatu tindakan perencanaan dan serangkaian aktivitas
untuk mencapai tujuan yang sudah ditetapkan. Agar tujuan perusahaan dapat
tercapai dengan baik, maka harus ada sekelompok orang tertentu yang membantu
dalam menangani pekerjaan sesuai dengan keahliannya dan kemampuannya
masing-masing, melalui pembagian kerja yang tepat pula.
Untuk menyatukan sejumlah orang tersebut agar tujuan perusahaan dapat
tercapai, diperlukan suatu organisasi dan pengorganisasian yang baik. Organisasi
adalah alat untuk mencapai suatu tujuan. Tujuannya beraneka ragam, sehingga
bentuk dan susunan organisasi juga beraneka ragam.
Adapun struktur organisasi PD Andhika Primajaya berdasarkan atas tugas
dan wewenang dapat dilihat pada Gambar berikut:
Sumber: PD. Andhika Primajaya di Pontianak 2017
34
Gambar III.1.
Struktur OrganisasiPD.Andhika Primajaya di Pontianak
Berikut ini diuraikan tugas dan wewenang masing-masing bagian
menurut skema struktur organisasi tersebut, secara garis besarnya adalah sebagai
berikut:
1. Owner
a. Tugas:
1) Menandatangani segala pemasukan kas dan pengeluaran kas serta surat-
surat yang masuk.
2) Merencanakan, menggerakkan, memimpin, segala kegiatan perusahaan.
b. Wewenang:
1) Mengangkat ataupun memberhentikan karyawan dari jabatannya.
2) Menetapkan kebijakan dan mengambil keputusan di dalam perusahaan.
c. Tanggung Jawab:
1) Sebagai pemilik modal dan perusahaan, bertanggung jawab penuh atas
kelangsungan hidup perusahaan.
2) Memotivasi dan memberikan saran-saran kepada bawahannya.
2. Operation Manager (OM)
a. Tugas:
1) Membuat perencanaan dan mencapai target secondary sales (penjualan).
2) Mengendalikan perputaran modal kerja perusahaan.
b. Wewenang:
1) Memberikan perintah kepada Distributor Sales Supervisor (DSS) serta
mengawasi pekerjaan DSS dan karyawan lainnya.
2) Menolak atau menyetujui laporan yang dibuat oleh DSS.
35
c. Tanggung Jawab:
1) Membuat perencanaan dan target penjualan secondary sales sesuai
dengan kondisi yang ditentukan oleh Unilever dan konsep kualitas dan
keselamatan kerja perusahaan, dengan menggunakan fasilitas yang telah
disediakan secara efektif.
2) Mengendalikan sistem operasional mengenai hal pengadaan aplikasi
“Mengendalikan perputaran modal kerja yang efektif dengan menjaga
neraca dari distributor profitability”.
3. Distributor Sales Supervisor (DSS)
a. Tugas:
1) Mensupervisi Sales Distributor (SLD) untuk mencapai target: secondary
sales (Penjualan), Distribution (Distribusi), Coverage (Suatu wilayah
dengan sejumlah outlet yang secara tetap dan teratur dikunjungi SLD),
Merchandising (Pemajangan).
2) Melakukan On The Job Training (Tandem Selling dengan SLD)..
b. Wewenang:
1) Menerima pertanggung jawaban dari para SLD apabila terjadi hal-hal
yang menyimpang dari yang telah ditetapkan.
2) Menolak atau menyetujui laporan yang dibuat oleh para SLD.
c. Tanggung Jawab:
1) Bertanggung jawab kepada owner dan OM dan memberikan laporan atas
kegiatan-kegiatan yang dilakukan oleh Sales Distributor (SLD).
2) Memotivasi dan memberikan saran-saran kepada bawahannya.
36
4. Sales Distributor (SLD)
a. Tugas:
1) Mencapai target secondary sales (Penjualan), Distribution (Distribusi),
Coverage (Suatu wilayah dengan sejumlah outlet yang secara tetap dan
teratur dikunjungi SLD), Merchandising (Pemajangan).
2) Melakukan penagihan terhadap langganan, hasilnya disetorkan kepada
bagian keuangan atau kasir.
b. Tanggung Jawab:
1) Berusaha mencapai target penjualan yang telah ditentukan oleh
perusahaan.
2) Bertanggung jawab kepada DSS dengan memberikan laporan tentang
hasil kerjanya.
5. Kepala Administrasi
a. Tugas:
1) Melaksanakan dan mengatur segala hal yang berhubungan dengan
kegiatan administrasi.
2) Melakukan pencatatan dari semua transaksi yang terjadi di dalam
perusahaan.
b. Wewenang:
1) Memberikan perintah dan tugas serta mengawasi setiap pekerjaan
bawahannya.
2) Memberikan sanksi bawahannya yang melanggar peraturan.
37
c. Tanggung Jawab:
1) Bertanggung jawab langsung kepada direktur atas laporan keuangan dan
administrasi yang dibuat dan hasil kerja divisinya.
2) Membimbing dan memberikan saran kepada bawahannya.
6. Operator Komputer
a. Tugas:
1) Memasukkan data tentang jumlah produk yang masuk dan keluar dari
gudang.
2) Mengontrol sisa Budget (promo) yang masih berjalan dan memberikan
laporan kepada DSS apabila budgetnya habis.
3) Membuat berita acara untuk barang yang rusak, hilang atau kadarluasa.
b. Tanggung Jawab:
1) Bertanggung jawab memberikan laporan kepada kepala administrasi.
2) Mengelola semua data yang ada di komputer dengan baik.
7. Kasir
a. Tugas:
1) Mengeluarkan dana dari kas perusahaan untuk kelancaran kegiatan
keperluan perusahaan dengan tanda terima pengeluaran yang jelas.
2) Mengeluarkan faktur tagihan piutang unutk ditagih oleh SLD.
3) Melaporkan tunggakan piutang kepada kepala administrasi dan DSS.
b. Tanggung Jawab:
1) Mempertanggungjawabkan atas segala laporan yang telah dibuat, atas
dana yang telah dikeluarkan, dan atas hasil penagihan.
38
2) Bertanggung jawab membayar utang perusahaan yang telah jatuh tempo.
8. Kepala Gudang
a. Tugas:
1) Melakukan kegiatan penerimaan, penyimpanan dan pengiriman sesuai
konsep kualitas perusahaan dan keselamatan kerja.
2) Menjalankan persiapan pengiriman produk yang dipesan, untuk
didistribusikan, ke alamat-alamat yang telah ditentukan tepat waktu
dengan tetap menjaga kualitas produk.
3) Memisahkan barang rusak dan kadarluasa agar tidak keluar ke store.
b. Wewenang:
1) Memberikan perintah dan tugas serta mengawasi setiap pekerjaan
bawahannya.
2) Memberikan sanksi bagi bawahannya yang melanggar peraturan.
c. Tanggung Jawab:
1) Bertanggung jawab terhadap seluruh barang yang ada di gudang dan
mengatur pengiriman barang dengan cepat
2) Bertanggung jawab atas laporan dan hasil kinerja bawahannya.
9. StaffGudang
a. Tugas:
1) Membantu kepala gudang memelihara dan merawat kebersihan dan
keamanan gudang.
2) Membantu kepala gudang mengawasi keluar masuknya barang-barang di
gudang.
3) Melakukan pengecekan persediaan.
39
4) Membuat laporan mengenai persediaan barang di gudang.
b. Tanggung Jawab:
1) Mengoperasikan gudang sesuai dengan konsep kualitas dan keselamatan
kerja.
2) Menerapkan For Expired First Out (FEFO) untuk jalur barang
keluar/masuk.
10. Sopir (Driver)
a. Tugas:
1) Mengemudikan kendaraan dan mengantarkan barang yang telah
dikeluarkan ke store sesuai dengan orderan SLD.
2) Memelihara dan merawat kendaraan.
b. Tanggung Jawab:
1) Memenuhi semua kegiatan pendistribusian produk sesuai dengan konsep
kualitas dan keselamatan kerja perusahaan.
2) Bertanggung jawab penuh atas semua produk yang dibawa.
11. MUT/SBA
a. Tugas:
1) Menjadi perwakilan distributor ditoko untuk mengontrol barang.
2) Menjaga kebersihan barang dan mengontrol kerusakan maupun
kadaluarsan barang.
3) Memasang dan mengontrol point of sales material ditoko.
4) Melaporkan setiap permasalahan pendistributian barang.
b. Tanggung Jawab:
1) Memastikan produk terpajang dengan rapi dan benar.
40
2) Memastikan barang terpajang ditoko.
3) Memastikan posm terpasang dengan baik dan benar.
4) Melaporkan implementasi posm sesuai brief yang ada.
5) Menyusun produk yang telah diperiksa oleh supir dan membawa ke
toko-toko sesuai faktur.
3.3. Anilasa Kebutuhan
Pada pembuatan aplikasi ini menggunakan dua analisa kebutuhan, yaitu
kebutuhan fungsional dan kebutuhan non fungsional. Berikut uraian masing-
masing analisa kebutuhan tersebut.
3.3.1. Kebutuhan Fungsional
Kebutuhan fungsional merupakan bagian kebutuhan yang di perlukan oleh
user saat mengakses aplikasi. Berikut kebutuhan fungsional pada aplikasi ini:
1. Login
Login digunakan untuk mengakses mengolah data yang diperlukan agar
tidak semua orang yang bersangkutan dapat masuk ke halaman utama pengolahan
data pada web dengan kata lain tidak dapat menggunakannya. Dalam formlogin
cukup mengisi username dan password lalu masuk login. Kemudian user langsung
dapat masuk ke halaman beranda.
2. Data Stok POSM
Dalam data stock POSM ini digunakan user untuk melakukan pengisian
data pada saat kedatangan posm yang biasanya dilakukan pencatatan manual oleh
41
admin. Data stock posm ini berupa form input data yang terdiri dari kode posm,
nama posm, jumlah posm, periode, tanggal kedatangan dan upload foto posm.
3. Data Transaksi POSM Masuk
Dalam data transaksi POSM masuk ini digunakan user untuk melakukan
pengisian data posm masuk yang nantinya didalam form input terdiri dari kode
posm, nama posm, jumlah masuk, tanggal masuk dan keterangan tambahan juga
nik yang memasukkan posm ke gudang.
4. Data Transaksi POSM Keluar
Dalam data transaksi POSM keluar ini digunakan user untuk melakukan
pengisian data posm keluar yang nantinya didalam form input terdiri dari kode
posm, nama posm, jumlah keluar, tanggal keluar, id brief, nama brief dan
keterangan juga nik yang membawa posm dari gudang untuk dipasang sesuai brief
(panduan pemasangan).
6. Data POSM Rusak
Dalam data POSM rusak ini digunakan user untuk melakukan pengisian
data posm rusak maupun sisa posm yang tidak terpakai. Form input terdiri dari
kode posm, nama posm, jumlah rusak, keterangan dan foto terlampir.
5. Data User
Pada data user selain digunakan untuklogin juga diperlukan saat
melakukan transaksi posm mengingat data user juga akan ditambahkan kedalam
field yang ada pada data transaksi sebagai penanggung jawab transaksi.
5. Data Brief POSM
42
Dalam data brief POSM digunkan user untuk melakukan pengisian data
penjelasai secara detil cara pemasangan posm, periode,jumlah yang harus
dipasang dan juga insentive yang dapat diterima MUT/SBA berupa file terlampir.
3.3.2. Kebutuhan Non Fungsional
Adapun kebutuhan non fungsional yang digunakan dalam pembuatan
aplikasi berupa perangkat keras, perangkat lunak dan brainware dapat diuraikan
sebagai berikut:
1. Perangkat Keras (Hardware)
Perangkat keras merupakan sebuah komponen dari komputer yang sifat
alatnya dapat dilihat dan diraba secara langsung atau berbentuk nyata, yang
bertujuan mendukung sistem komputerisasi. Perangkat keras berupa komputer PC
atau laptop dapat terhubung ke internet. Spesifikasi yang dibutuhkan pada
perangkat keras ini minimal adalah sebagai berikut:
a. CPU (Central Processing Unit)
Processor : 2.10GHz
Memory : 4 GB
Hardisk : 500 GB
b. Keyboard, Mouse dan Monitor
2. Perangkat lunak (Software)
Perangkat lunak (software) merupakan perangkat yang tidak terlihat secara
fisik akan tetapi terdapat dalam sebuah computer digunakan untuk membantu
programmer dalam mengembangkan suatu pembuatan aplikasi web yang
43
membantu admin dalam menjalankan aplikasi web. Adapun perangkat lunak yang
digunakan sebagai berikut:
a. Server
1) Sistem Operasi : Microsoft Windows
2) Aplikasi Web Server : WampServer Version 2.0
Yang terdiri beberapa komponen di antaranya:
a) Apache Version 2.2.17
b) PHP Version 5.3.5
c) MySQL Version 5.5.8
3) Bahasa Pemograman
a) PHP (Hypertext Proprocessor)
b) HTML (HyperText Markup Langguage)
c) CSS (Cascading StyleSheet)
d) Java script
4) Aplikasi Web Browser : Google Chrome, Mozilla Firefox
b. Client
1) Sistem Operasi : Microsoft Windows 7
2) Aplikasi Web Browser : Google Chrome, Mozilla Firefox
3. Pengguna (Brainware)
Brainware merupakan manusia yang ikut terlibat dalam mengoperasikan
bahkan mengatur sistem dalam sebuah komputer, yang dapat di artikan dengan
44
perangkat intelektual yang mengoperasikan kemampuan dari hardware serta
software
Brainware merupakan bagian penting dari sebuah sistem komputer.
hardware tidak dapat bekerja tanpa adanya software, sedangkan software dan
hardware tidak dapat berfungsi tanpa adanya brainware. Brainware dalam sebuah
sistem informasi pendataan posm dimana admin bertugas untuk mengolah data.
admin diwajibkan login terlebih dulu agar dapat masuk ke halaman selanjutnya.
3.4. Perancangan Perangkat Lunak
Pada spesifikasi perancangan website ini, penulis akan membahas
beberapa hal yang berkaitan tentang rancangan website yang akan dibuat. Adapun
pokok bahasan yang akan penulis uraikan meliputi perancangan antar muka,
rancangan basis data, rancangan struktur navigasi, spesifikasi file dan
impelmentasi website yang telah dibuat juga akan ditampilkan hasil pengujian
black box testing dalam bentuk tabel. Adapun uraian masing-masing pembahasan
adalah sebagai berikut:
3.4.1 Rancangan Antar Muka
Untuk Mengetahui cara kerja aplikasi web dalam pengolahan sistem
aplikasi yang berkenaan pendataan posm ini, maka penulis akan menampilkan
rancangan antar muka sebagai petunjuk pemakaian. Adapun rancangan antar
muka dibagi menjadi rancangan antar muka admin dan karyawan sesuai hak akses
yang dimiki user. Berikut penjelasan rancangan antar muka aplikasi:
1. Rancangan Antar Muka Karyawan
45
Pada rancangan antar muka karyawan yang memiliki level akses 2 (dua)
hanya akan menampilkan rancangan antar muka yang dapat diakses karyawan
sebelum dan setelah berhasil melakukanlogin. Adapun rancangan antar muka
karyawan adalah sebagai berikut:
a. Rancangan Antar MukaLogin(karyawan)
Halaman ini adalah halaman pertama yang akan ditampilkan ketika
membuka aplikasi. Pada halaman ini karyawan akan diminta untuk
memasukan username dan password yang sudah tersimpan di database
untuk dapat mengakses aplikasi.
Sumber: hasil penelitian
Gambar III.2
Rancangan Antar Muka Login(karyawan)
b. Rancangan Antar Muka Beranda(karyawan)
46
Halaman beranda akan tampil ketika karyawan mengisi username dan
password dengan benar pada form login. Pada halaman ini semua menu
halaman akan ditampilkan,
Sumber: hasil penelitian Gambar III.3
Rancangan Antar Muka Beranda(karyawan)
c. Rancangan Antar Muka Data Stok POSM (karyawan)
Halaman rancangan antar muka ini menampilkan data stok posm yang
sudahada dalam database “ta_posm”. Pada halaman ini akan menampil
daftar yang berisi kode posm, nama posm, jumlah, tipe toko dan
keterangan.
47
Sumber: hasil penelitian
Gambar III.4
Rancangan Antar Muka Data Stok POSM(karyawan)
d. Rancangan Antar Muka Data POSM Masuk (karyawan)
Halaman ini akan menampilkan daftar posm masuk yang berisi no, kode
posm, nama posm, jumlah masuk, tipe toko dan keterangan. Halaman ini
menampilkan data yang tersimpan dari halaman transaksi posm masuk.
Sumber: hasil penelitian Gambar III.5
48
Rancangan Antar Muka Data Stok POSM Masuk(karyawan)
e. Rancangan Antar Muka Data POSM Keluar (karyawan)
Halaman ini akan menampilkan daftar posm keluar yang berisi no, kode
posm, nama posm, jumlah keluar, tipe toko dan keterangan juga aksi yang
berisi detil dan hapus. Halaman ini menampilkan data yang tersimpan dari
halaman transaksi posm keluar.
Sumber: hasil penelitian Gambar III.6
Rancangan Antar Muka Data Stok POSM Keluar(karyawan)
f. Rancangan Antar Muka Data POSM Rusak
Rancangan Antar Muka POSM Rusak menampilkan daftar posm rusak
maupun posm yang tidak dapat digunakan lagi yang berisi no, kode posm,
nama posm, jumlah keluar, keterangan.
49
Sumber: hasil penelitian Gambar III.7
Rancangan Antar Muka Data Stok POSM Rusak(karyawan)
g. Rancangan Antar Muka Data User (karyawan)
Halaman rancangan antar muka data karyawan akan menampikan daftar
karyawan yang berhubungan langsung dengan aktifitas posm baik pada saat
kedatangan posm, pendataan posm masuk, pendataan posm keluar hingga
pemasangan posm. Data karyawan berisi no, nik karyawan, jabatan, no
telpon, dan alamat karyawan.
50
Sumber: hasil penelitian Gambar III.8
Rancangan Antar Muka Data User(karyawan)
h. Rancangan Antar Muka Data POSM Profil Perusahaan (karyawan)
Halaman profil perusahaan menampilkan sejarah singkat perusahaan juga
struktur organisasi dalam perusahaan, halaman ini dirasa perlu ditambahkan
pada website untuk wujud apresiasi kepada owner perusahaan yang telah
berjuang dari bawah untuk membesarkan perusahaan.
Sumber: hasil penelitian Gambar III.9
Rancangan Antar Muka Profil Perusahaan(karyawan)
i. Rancangan Antar Muka Info Brief (karyawan)
Halaman ini akan menampilkan brief (aktivitas yang harus dijalankan) yang
berkaitan dengan posm. Halam ini menampilkan daftar brief yang berada
pada database “ta_posm” yang sebelumnya telah dilakukan penambahan
data oleh user.
51
Sumber: hasil penelitian Gambar III.10
Rancangan Antar Muka Info Brief(karyawan)
2. Rancangan Antar Muka Admin
Pada rancangan antar muka admin yang memiliki level akses 1 (satu)
akan menampilkan seluruh rancangan antar muka yang ada pada aplikasi ini
sebelum dan setelah berhasil melakukan login. Adapun rancangan antar muka
admin adalah sebagai berikut
a. Rancangan Antar MukaLogin(admin)
Halaman ini adalah halaman pertama yang akan ditampilkan ketika
membuka aplikasi. Pada halaman ini admin akan diminta untuk
memasukan username dan password yang sudah tersimpan di database
untuk dapat mengakses aplikasi.
52
Sumber: hasil penelitian Gambar III.11
Rancangan Antar Muka Login(admin)
b. Rancangan Antar Muka Beranda(admin)
Halaman beranda akan tampil ketika karyawan mengisi username dan
password dengan benar pada form login. Pada halaman ini semua menu
halaman akan ditampilkan,
53
Sumber: hasil penelitian Gambar III.12
Rancangan Antar Muka Beranda (admin)
c. Rancangan Antar Muka Data Stok POSM(admin)
Halaman rancangan antar muka ini menampilkan data stok posm yang
sudah ada dalam database “ta_posm”. Pada halaman ini akan menampil
daftar yang berisi kode posm, nama posm, jumlah, tipe toko dan
keterangan juga aksi beru hapus dan detil. Pada halaman ini juga terdapat
tombol tambah untuk menambahkan posm baru.
54
Sumber: hasil penelitian Gambar III.13
Rancangan Antar Muka Data Stok POSM(admin)
d. Rancangan Antar Muka Tambah POSM Baru
Rancangan Antar Muka Tambah Data POSM Baru akan muncul jika
admin memilih menu tambah pada halaman data stok posm, halaman ini
digunakan apabila data posm yang akan disimpan belum terdapat pada
database “ta_posm”.
Sumber: hasil penelitian
Gambar III.14
Rancangan Antar Muka Tambah Data POSM Baru
e. Rancangan Antar Muka Data POSM Masuk(admin)
Halaman ini akan menampilkan daftar posm masuk yang berisi no, kode
posm, nama posm, jumlah masuk, tipe toko dan keterangan juga aksi
yang berisi detil dan hapus. Halaman ini menampilkan data yang
55
tersimpan dari halaman transaksi posm masuk.
Sumber: hasil penelitian Gambar III.15
Rancangan Antar Muka Data POSM Masuk(admin)
f. Rancangan Antar Muka Data POSM Keluar(admin)
Halaman ini akan menampilkan daftar posm keluar yang berisi no, kode
posm, nama posm, jumlahkeluar, tipe toko dan keterangan juga aksi yang
berisi detil dan hapus. Halaman ini menampilkan data yang tersimpan
dari halaman transaksi posm keluar.
56
Sumber: hasil penelitian
Gambar III.16
Rancangan Antar Muka Data POSM Keluar(admin)
g. Rancangan Antar Muka Data POSM Rusak(admin)
Rancangan Antar Muka POSM Rusak menampilkan daftar posm rusak
maupun posm yang tidak dapat digunakan lagi yang berisi no, kode
posm, nama posm, jumlah keluar, keterangan dan aksi detil dan hapus.
Sumber: hasil penelitian Gambar III.17
Rancangan Antar Muka Data Stok POSM Rusak(admin)
57
h. Rancangan Antar Muka Transaksi POSM Masuk
Halaman transaksi posm masuk berfungsi untuk menambahkan stok
posm pada pada data stok posm yang sudah ada terdaftar pada database
“ta_posm”, selain itu transaksi posm masuk juga digunakan untuk
pembuatan laporan posm masuk oleh admin sebagai laporan kepada
operational manager. User akan melakukan pengisian data pada form
input ini, user cukup memilih kode posm maka akan muncul nama posm
secara otomatis apabila kode posm sudah ada dalam database, user
cukup mengiputkan jumlah masuk dan keterangan jika diperlukan.
Ketika user selesai melakukan pengisian data maka cukup memilih
tombol simpan maka data stok otomatis akan bertambah sesuai kode
posm yang sama selain itu juga akan menyimpan data posm masuk itu
sendiri.
Sumber: hasil penelitian
Gambar III.18
Rancangan Antar Muka TransaksiPOSM Masuk
58
i. Rancangan Antar Muka Transaksi POSM Keluar
Halaman transaksi posm keluar berfungsi untuk menambahkan stok
posm pada pada data stok posm yang sudah ada terdaftar pada database
“ta_posm”, selain itu transaksi posm keluar juga digunakan untuk
pembuatan laporan posm keluar oleh admin sebagai laporan kepada
operational manager. User akan melakukan pengisian data pada form
input ini, user cukup memilih kode posm maka akan muncul nama posm
secara otomatis apabila kode posm sudah ada dalam database, user
cukup mengiputkan jumlah keluar dan keterangan jika diperlukan. Ketika
user selesai melakukan pengisian data maka cukup memilih tombol
simpan maka data stok otomatis akan berkurang sesuai kode posm yang
sama selain itu juga akan menyimpan data posm keluar itu sendiri.
Sumber: hasil penelitian
Gambar III.19
Rancangan Antar Muka Transaksi POSM Keluar
59
j. Rancangan Antar Muka Tambah POSM Rusak
Halaman Rancangan Anta Muka Tambah POSM Rusak terdiri dari kode
posm, nama posm, jumlah rusak keterangan dan foto kerusakan.
Halaman ini digunakan admin untuk melakukan pencatatan posm yang
rusak ataupun sudah tidak bisa digunakan.
Sumber: hasil penelitian Gambar III.20
Rancangan Antar Muka Tambah POSM Rusak
k. Rancangan Antar Muka Laporan StokPOSM
Pada halaman laporan stok posm akan menampilkan daftar stok posm
yang ada pada database “ta_posm” dan pada halam ini terdapat menu
cetak untuk mencetek laporan stok posm. Halaman ini berfungsi sebagai
laporan bagi admin untuk melakukan pelaporan kepada operational
manager dalam bentuk dokumen.
60
Sumber: hasil penelitian
Gambar III.21
Rancangan antar Muka Laporan Stok POSM
l. Rancangan Antar Muka Laporan POSM Masuk
Pada halaman laporan stok masuk akan menampilkan daftar posm
masuk yang ada pada database “ta_posm” dan pada halam ini terdapat
menu cetak untuk mencetek laporan stok masuk. Halaman ini berfungsi
sebagai laporan bagi admin untuk melakukan pelaporan kepada
operational manager dalam bentuk dokumen.
Sumber: hasil penelitian
Gambar III.22
Rancangan Antar Muka Laporan POSM Masuk
61
m. Rancangan Antar Muka Laporan POSM Keluar
Pada halaman laporan stok keluar akan menampilkan daftar posm keluar
yang ada pada database “ta_posm” dan pada halam ini terdapat menu
cetak untuk mencetek laporan stok masuk. Halaman ini berfungsi sebagai
laporan bagi admin untuk melakukan pelaporan kepada operational
manager dalam bentuk dokumen.
Sumber: hasil penelitian
Gambar III.23
Rancangan Antar Muka Laporan POSM Keluar
n. Rancangan Antar Muka Laporan POSM Rusak
Halaman Rancangan Antar Muka Laporan POSM Rusak akan
menampilkan daftar posm rusak yang ada pada database “ta_posm” dan
pada halam ini terdapat menu cetak untuk mencetek laporan posm rusak.
Halaman ini berfungsi sebagai laporan bagi admin untuk melakukan
pelaporan kepada operational manager dalam bentuk dokumen.
62
Sumber: hasil penelitian Gambar III.24
Rancangan Antar Muka Laporan POSM Rusak
o. Rancangan Antar MukaData User(admin)
Halaman rancangan antar muka data user akan menampikan daftar user
yang dapat mengakses website. Data user berisi no, id user, username,
password(md5), nama user serta level yang nantinya akan digunakan
sebagai hak akses website.
Sumber: hasil penelitian
Gambar III.25
Rancangan Antar muka Data User(admin)
63
p. Rancangan Antar Muka Tambah Data User
Untuk menambahkan user yang dapat mengakses website ini, halaman
data user menampilkan data form input yang dapat kita tampilkan dengan
memelih tombol tambah pada halaman data user. Adapun data yang
harus diisi antara lain username, password, nama dan pilihan level akses.
Sumber: hasil penelitian
Gambar III.26
Rancangan Antar muka Tambah Data User
q. Rancangan Antar Muka Profil Perusahaan(admin)
Halaman profil perusahaan menampilkan sejarah singkat perusahaan juga
struktur organisasi dalam perusahaan, halaman ini dirasa perlu
ditambahkan pada website untuk wujud apresiasi kepada owner
perusahaan yang telah berjuang dari bawah untuk membesarkan
perusahaan.
64
Sumber: hasil penelitian
Gambar III.27
Rancangan Antar muka Profil Perusahaan(admin)
r. Rancangan Antar Muka Info Brief(admin)
Halaman ini akan menampilkan brief (aktivitas yang harus dijalankan)
yang berkaitan dengan posm. Halam ini menampilkan daftar brief yang
berada pada database “ta_posm” yang sebelumnya telah dilakukan
penambahan data oleh user.
Sumber: hasil penelitian Gambar III.28
Rancangan Antar Muka Info Brief(admin)
65
s. Rancangan Antar Muka Tambah Info Brief
Halaman rancangan antar muka ini berupa form input yang berisi nama
brief, periode, keterangan dan upload file. Upload file digunakan untuk
menambahkan file yang diterima perusahaan dari PT. Unilever berkaitan
dengan aktifas posm yang akan dan harus dijalankan. File biasanya
berupa gambar, pdf maupun word.
Sumber: hasil penelitian
Gambar III.29
Rancangan Antar Muka Tambah Info Brief
3.4.2. Rancangan Basis Data
Adapun rancangan basis datapada hasil penelitian yang menghasilkan
pemetaan tabel-tabel yang digambarkan dengan Entity Relationship Diagram
(ERD) adalah sebagai berikut:
66
1. Entity Relationship Diagram (ERD)
Adapun rancangan Entity Relationship Diagram (ERD) yang terdapat pada
aplikasi yang dibuat oleh penulis adalah sebagai berikut:
Sumber: hasil penelitian Gambar III.30
Entity Relationship Diagram (ERD)
2. Logical Relationship Structure (LRS)
Berikut rancangan Logical Relationship Diagram(LRS) yang terdapat
pada aplikasi yang dibuat oleh penulis:
67
Sumber: hasil penelitian
Gambar III.31
Logical Relationship Structure (LRS)
3.4.3. Rancangan Struktur navigasi
Adapun struktur navigasi yang penulis rancang berdasarkan hasil
penelitian dibagi menjadi dua struktur navigasi yang berdasarkan level akses yaitu
admin dan karyawan. Adapun struktur navigasi dari masing-masing user pada
website ini adalah sebagai berikut:
68
1. Struktur Navigasi Karyawan
Sumber: hasil penelitian
Gambar III.32
Struktuk Navigasi Karyawan
AKUN
BERANDA
LOGIN
LOGOUT INFO
INFO BRIEF
PROFIL PERUSAHAAN
DATA POSM
DATA POSM
DATA POSM MASUK
DATA POSM KELUAR
69
2. Struktur Navigasi Admin
Sumber: hasil penelitian
Gambar III.33
Struktuk Navigasi Admin
TRANSAKSI MASUK
BERANDA
DATA POSM
TRANSAKSI
LOGOUT INFO AKUN LAPORAN
LOGIN
DATA POSM
DATA POSM MASUK
DATA POSM KELUAR TRANSAKSI
KELUAR
LAPORAN STOK POSM
LAPORAN POSM
MASUK
INFO BRIEF
LAPORAN POSM KELUAR
PROFIL PERUSAHAAN
DATA POSM RUSAK
70
3.4.4. Spesifikasi File
Spesifikasi dilakukan untuk menguraikan isi dari file-file atau tabel yang
akan terbentuk dari transformasi Entity Relationship Diagram (ERD). File-file ini
tersimpan didalam database “ta_posm” dengan parameter sebagai berikut:
1. Spesifikasi File tb_user
Nama file : tb_user
Akronim : data user.frm
Fungsi : menyimpan data user
Tipe file : file master
Organisasi file : indexed sequensial
Akses file : random
Media : hardisk
Panjang record : 130
Kunci field : id_user
Software : Mysql
71
Tabel III.2
Spesifikasi File tb_user
NO. Element Data Nama Field Tipe Size Keterangan
1. Id User id_user Integer 4 Primarykey
2. Nama Nama Varchar 20
3. Jabatan Jabatan Varchar 10
4. No_telpon no_telpon Varchar 15
5. Alamat Level Varchar 20
6. Username Username Varchar 10
7. Password Password Varchar 50
8. Level Level Integer 1
2. Spesifikasi file posm
Nama file : posm
Akronim : Data POSM.frm
Fungsi : menyimpan data posm
Tipe file : file master
Organisasi file : indexed sequensial
Akses file : random
Media : hardisk
Panjang record : 90
72
Kunci field : kode_posm
Software : Mysql
Tabel III.3
Spesifikasi File POSM
NO. Element Data Nama Field Tipe Size Keterangan
1. Kode POSM kode_posm Integer 5 primarykey
2. Nama POSM nama_posm Varchar 20
3. Jumlah POSM jumlah_posm Integer 5
4. Tipe Toko tipe_toko Varchar 10
5. Foto Posm Varchar 50
3. Spesifikasi posm_masuk
Nama file : posm masuk
Akronim : transaksi posm masuk.frm
Fungsi : menambahkan dan menyimpan transaksi masuk
Tipe file : file master
Organisasi file : indexed sequensial
Akses file : random
Media : hardisk
Panjang record : 115
Kunci field : id_masuk
73
Software : Mysql
Tabel III.4
Spesifikasi File POSM Masuk
NO. Element Data Nama Field Tipe Size Keterangan
1. Id Masuk id_masuk Integer 5 Primarykey
2. Kode posm kode_posm integer 4
3. Nama posm nama_posm varchar 20
4. Jumlah masuk jumlah_masuk Integer 4
5. Tanggal masuk tanggal_masuk date 8
6. Id user id_user integer 4
7. Nama Nama varchar 20
8. Keterangan keterangan varchar 50
4. Spesifikasi posm_keluar
Nama file : posm_keluar
Akronim : transaksi posm keluar
Fungsi : mengurangi stok dan menyimpan transaksi posm keluar
Tipe file : file master
Organisasi file : indexed sequensial
Akses file : random
Media : hardisk
Panjang record : 161
74
Kunci field : id_keluar
Software : Mysql
Tabel III.5
Spesifikasi File POSM Keluar
NO. Element Data Nama Field Tipe Size Keterangan
1. Id Keluar id_keluar Integer 5 Primarykey
2. Kode posm kode_posm integer 4
3. Nama posm nama_posm varchar 20
4. Jumlah keluar Periode integer 4
5. Tanggal keluar tanggal_keluar date 8
6. Id brief id_brief Integer 5
7. Nama brief nama_brief varchar 50
8. Id user id_user Integer 5
9. Nama Nama varchar 20
10. Keterangan Keterangan varchar 50
5. Spesifikasi posm_rusak
Nama file : posm_rusak
Akronim : data posm rusak.frm
Fungsi : menyimpan data posm rusak
Tipe file : file master
Organisasi file : indexed sequensial
Akses file : random
Media : hardisk
75
Panjang record : 113
Kunci field : id_rusak
Software : Mysql
Tabel III.6
Spesifikasi File POSM Rusak
NO. Element Data Nama Field Tipe Size Keterangan
1. Id rusak id_rusak Integer 5 primarykey
2. Kode posm kode_posm integer 4
3. Nama posm nama_posm varchar 20
4. Jumlah rusak jumlah_rusak Integer 4
5. Keterangan Keterangan varchar 20
6. Foto Foto varchar 100
6. Spesifikasi brief
Nama file : brief
Akronim : data brief.frm
Fungsi : menyimpan data brief
Tipe file : file master
Organisasi file : indexed sequensial
Akses file : random
76
Media : hardisk
Panjang record : 305
Kunci field : id_brief
Software : Mysql
Tabel III.7
Spesifikasi FileBrief
NO. Element Data Nama Field Tipe Size Keterangan
1. Id Brief id_brief Integer 5 primarykey
2. Nama Brief nama_brief varchar 50
3. Periode Periode varchar 25
4. Keterangan Keterangan Integer 50
5. File File varchar 1000
3.5. Implementasi dan Pengujian Unit
3.5.1. Implementasi Rancangan Antar Muka
Impelemntasi rancangan antar muka pada Aplikasi Pendataan Point Of
Sales Material (POSM) PD. Andhika Primajaya berdasarkan hasil rancangan
antar muka adalah sebagai berikut:
1. Implementasi Rancangan Antar Muka Karyawan
Pada implementasi rancangan antar muka karyawan yang memiliki level
akses 2 (dua) hanya akan menampilkan implementasi rancangan antar muka yang
77
dapat diakses karyawan sebelum dan setelah berhasil melakukan login. Adapun
implementasi rancangan antar muka karyawan adalah sebagai berikut:
a. Implementasi Halaman Login (karyawan)
Halaman ini adalah halaman paling depan yang ada pada website. Pada
website ini halaman index juga berfungsi sebagai halaman login bagi
karyawan. karyawandapatmelakukan login pada pada sisi kanan website
dengan cara memasukan username dan password yang sebelumnya telah
tersimpan pada database “ta_posm”. Jika username dan password yang
dimasukan benar maka website akan menampilkan menu pilahan pada
beranda sesuai hak akses karyawan.
Sumber: hasil penelitian
Gambar III.34
Implementasi Halaman Login(karyawan)
78
b. Implementasi Halaman Beranda (karyawan)
Setelah karyawan berhasil melakukan login maka akan tampil halaman beranda.
Halaman beranda akan menampilkan menu data posm, data akun, dan info juga
terdapat menu logout jika karyawan ingin keluar dari website.
Sumber: hasil penelitian
Gambar III.35
Implementasi Halaman Beranda Karyawan
c. Implementasi Halaman Data Stok POSM (karyawan)
Halaman data stok posm akan menampilkan daftar stok posm yang ada
pada penyimpan digudang yang telah disimpan didata base “ta_posm”.
Data pada halaman ini nantinya juga akan digunakan sebagai laporan
stok posm bagi admin sebagai laporan kepada supervisior sales.
79
Sumber: hasil penelitian
Gambar III.36
Implementasi Halaman Stok POSM (karyawan)
d. ImplementasiHalaman Data POSM Masuk (karyawan)
Halaman data posm masuk akan menampilkan daftar posm dari transaksi
posm masuk. Data pada halaman ini nantinya juga akan digunakan
sebagai laporan posm masuk.
Sumber: hasil penelitian
Gambar III.37
Implementasi Halaman POSM Masuk(karyawan)
e. ImplementasiHalaman POSM Keluar (karyawan)
80
Halaman data posm keluar akan menampilkan daftar posm dari transaksi
posm keluar, untuk melihat detil dari data yang ada user dapat mengklik
tombol detil . Data pada halaman ini nantinya juga akan digunakan
sebagai laporan posm keluar.Sumber: hasil penelitian
Gambar III.38
Implementasi Halaman POSM Keluar(karyawan)
f. Implementasi Halaman Data Posm Rusak (karyawan)
Halaman POSM Rusak menampilkan daftar posm rusak maupun posm
yang tidak dapat digunakan lagi yang berisi no, kode posm, nama posm,
jumlahkeluar, keterangan.
81
Gambar III.39
Implementasi Halaman POSM Rusak (karyawan)
g. Implementasi Halaman Data User (karyawan)
Implementasi Halaman Data User akan menampikan daftar karyawan
yang berhubungan langsung dengan aktifitas posm baik pada saat
kedatangan posm, pendataan posm masuk, pendataan posm keluar hingga
pemasangan posm. Data user juga digunakan sebagai data untuk login
kedalam aplikasi ini.
Sumber: hasil penelitian
Gambar III.40
Implementasi Halaman Data User (karyawan)
82
h. ImplementasiHalaman Profil Perusahaan (karyawan)
Halaman profil perusahaan ini akan menampilkan profil singkat
perusahaan yang terdiri dari sejar perusahaan dan struktur organisasi.
Sumber: hasil penelitian
Gambar III.41
Implementasi Halaman Profil Perusahaan (karyawan)
i. Implementasi Halaman DataBrief(karyawan)
Halaman data brief ini akan menampilkan daftar brief yang sebelumnya
sudah diinput dan tersimpan didalam database “ta_posm”. Untuk
menambahakan data brief, user dapat mengklik tombol tambah maka
akan tampil halaman tambah data brief.
Sumber: hasil penelitian
Gambar III.42
Implementasi Halaman Data Brief(karyawan)
83
2. Implementasi HalamanAdmin
Pada Implentasi rancangan antar muka admin yang memiliki level akses 1
(satu) akan menampilkan seluruh Impelementasi rancangan antar muka yang ada
pada aplikasi ini sebelum dan setelah berhasil melakukan login. Adapun
implementasi rancangan antar muka admin adalah sebagai berikut:
a. Implementasi Halaman Login(admin)
Halaman ini adalah halaman paling depan yang ada pada website. Pada
website ini halaman index juga berfungsi sebagai halaman login bagi
user. User dapatmelakukan login pada pada sisi kanan website dengan
cara memasukan username dan password yang sebelumnya telah
tersimpan pada database. Jika username dan password yang dimasukan
maka website akan menampilkan menu pilahan pada beranda sesuai hak
akses user.
Sumber: hasil penelitian
Gambar III.43
Implementasi Halaman Login(admin)
b. Implementasi Halaman Beranda (admin)
84
Setelah user berhasil melakukan login maka akan tampil halaman beranda.
Halaman beranda akan menampilkan menu data posm, transaksi posm, laporan,
akun dan info juga terdapat menu logout jika user ingin keluar dari website.
Sumber: hasil penelitian
Gambar III.44
Implementasi Halaman Beranda (admin)
c. Implementasi Halaman Data Stok Posm (admin)
Implementasi Halaman Data Stok Posm akan menampilkan daftar stok
posm yang ada pada penyimpan digudang. Pada halaman ini terdapat
tombol tambah yang berfungsi untuk menambahkan data posm yang
belum pernah ada pada gudang atau dengan kata lain posm baru. Data
pada halaman ini nantinya juga akan digunakan sebagai laporan stok
posm bagi admin sebagai laporan kepada supervisior sales.
Sumber: hasil penelitian
85
Gambar III.45
Implementasi Data Stok POSM(admin)
d. Implementasi Halaman Tambah POSM Baru
Halaman ini akan tampil setelah user mengklik tombol tambah pada
halaman data stok posm. Halaman tambah posm baru ini berupa form
input yang terdiri dari kode posm, nama posm, jumlah posm, tipe toko
dan keterangan tambahan. Data pada halaman ini hanya akan tersimpan
jika semua field sudah terisi dengan benar.
Sumber: hasil penelitian
Gambar III.46
Implementasi Tambah Stok Baru
e. Halaman Data POSM Masuk (admin)
Halaman Data POSM Masuk akan menampilkan daftar posm dari
transaksi posm masuk, pada halaman ini hanya memiliki dua tombol
pilihan yakni detil dan hapus. Data pada halaman ini nantinya juga akan
digunakan sebagai laporan posm masuk.
86
Sumber: hasil penelitian
Gambar III.47
Implementasi Halaman POSM Masuk (admin)
f. Implementasi Halaman Data POSM Keluar (admin)
Halaman data posm keluar akan menampilkan daftar posm dari transaksi
posm keluar, untuk melihat detil dari data yang ada user dapat mengklik
tombol detil dan untuk menghapus dapat meklik tombol hapus. Data pada
halaman ini nantinya juga akan digunakan sebagai laporan posm keluar.
Sumber: hasil penelitian
Gambar III.48
Implementasi Halaman Data POSM Keluar (admin)
87
g. Implementasi Halaman Data posm Rusak (admin)
Implementasi Halaman POSM Rusak menampilkan daftar posm rusak
maupun posm yang tidak dapat digunakan lagi yang berisi no, kode
posm, nama posm, jumlahkeluar, keterangan dan foto juga aksi detil dan
hapus.
Sumber: hasil penelitian
Gambar III.49
Implementasi Halaman Data POSM Rusak (admin)
h. Implementasi Halaman Transaksi POSM Masuk
Halaman Transaksi POSMMasuk digunakan untuk menambahkan data posm
masuk dengan catatan posm tersebut sebelumnya sudah ada pada database stok
posm. User cukup memilih posm yang akan ditambahkan kemudian mengisi
field yang ada pada halaman ini klik simpan untuk menyimpan data. Pada field
jumlah masuk yang telah disii nantinya selain disimpan pada data posm masuk
itu sendiri data jumlah masuk juga akan ditambah kedalam data stok posm yang
sama.
88
Sumber: hasil penelitian
Gambar III.50
Implementasi Halaman Transaksi POSM Masuk
i. Implementasi Halaman Transaksi POSM Keluar
Halaman transaksi posm keluar digunakan untuk menambahkan data posm
keluar dengan catatan posm tersebut sebelumnya sudah ada pada database stok
posm. Pada pegisiian field kode posm user cukup memilih posm yang akan
ditambahkan kemudian mengisi field yang ada pada halaman ini klik simpan
untuk menyimpan data data hanya kan tersimpan jika data telah diisi dengan
benar. Pada field jumlah keluar yang telah disii nantinya selain disimpan pada
data posm keluar itu sendiri data jumlah keluar juga akan mengurangi jumlah
stok pada data stok posm.
Sumber: hasil penelitian
89
Gambar III.51
Implementasi Halaman Transaksi POSM Keluar
j. Implementasi Halaman Tambah POSM Rusak
Halaman Implementasi Halaman Tambah POSM Rusak terdiri dari kode
posm, nama posm, jumlah rusak keterangan dan foto kerusakan.
Halaman ini digunakan admin untuk melakukan pencatatan posm yang
rusak ataupun sudah tidak bisa digunakan
Sumber: hasil penelitian
Gambar III.52
Implementasi Halaman Transaksi POSM Rusak
k. Implementasi Halaman Laporan Stok POSM
Impelementasi Halaman Laporan Stok POSM ini akan menampilkan data stok
posm dalam bentuk laporan yang nantinya dapat dicetak dalam bentuk dokumen
dengan mengklik tombol cetak pada bagian kanan bawah pada halaman.
90
Sumber: hasil penelitian
Gambar III.53
Implementasi Halaman Laporan Stok POSM
l. Implementasi Halaman Laporan POSM Masuk
Halaman laporan posm masuk ini akan menampilkan data posm masuk dalam
bentuk laporan yang nantinya dapat dicetak dalam bentuk dokumen dengan
mengklik tombol cetak pada bagian kanan bawah pada halaman.
Sumber: hasil penelitian
Gambar III.54
Implementasi Halaman Laporan POSM Masuk
m. Implementasi Halaman Laporan POSM Keluar
91
Halaman laporan posm keluar ini akan menampilkan data posm keluar
dalam bentuk laporan yang nantinya dapat dicetak dalam bentuk
dokumen dengan mengklik tombol cetak pada bagian kanan bawah pada
halaman.
Sumber: hasil penelitian
Gambar III.55
Implementasi Halaman Laporan POSM Keluar
n. Implementasi Halaman Laporan POSM Rusak
Implementasi Halaman Laporan POSM Rusak akan menampilkan daftar
posm rusak yang ada pada database “ta_posm” dan pada halaman ini
terdapat tombol cetak untuk mencetek laporan posm rusak. Halaman ini
berfungsi sebagai laporan bagi admin untuk melakukan pelaporan kepada
operational manager dalam bentuk dokumen.
92
Sumber: hasil penelitian
Gambar III.56
Implementasi Halaman Laporan POSM Rusak
o. Implementasi Halaman Data User(admin)
Implementasi Halaman Data User menampilkan data user yang dapat
mengakses website. Data terdiri dari id user, nama, no telpon, alamat,
username, password dan level akses. Pada sisi kanan terdapat tombol
hapus untuk menghapus data user. Untuk menambahkan data user baru
user dapat mengklik tombal tambah pada sisi kiri form.
Sumber: hasil penelitian
Gambar III.57
93
Implementasi Halaman Data User (admin)
p. Implementasi Halaman Tambah Data User
Implementasi Halaman Data User akan menampilkan form input yang
berisi id user, nama, no telpon, alamat, username, password dan level
akses. Data dapat tersimpan kedalam database apabila user telah mengsi
dengan benar semua data.
Sumber: hasil penelitian
Gambar III.58
Implementasi Halaman Tambah Data User
q. Implementasi Halaman Profil Perusahaan (admin)
Halaman profil perusahaan ini akan menampilkan profil singkat
perusahaan yang terdiri dari sejarah perusahaan dan struktur organisasi.
94
Sumber: hasil penelitian
Gambar III.59
Implementasi Halaman Profil Perusahaan (admin)
r. Implementasi Halaman Data Brief(admin)
Implementasi Halaman data brief ini akan menampilkan daftar brief
yang sebelumnya sudah diinput dan tersimpan didalam database
“ta_posm”. Untuk menambahakan data brief, user dapat mengklik
tombol tambah maka akan tampil halaman tambah data brief.
Sumber: hasil penelitian
Gambar III.60
Implementasi Halaman Data Brief (admin)
s. Halaman Tambah Data Brief
Halaman tambah data brief ini berupa form input yang digunakan untuk
menambahkan data brief adapun data yang akan ditambahkan terdiri dari
nama brief, periode, keterangan dan file dalam format gambar yang dapat
diupload.
95
Sumber: hasil penelitian
Gambar III.61
Implementasi Halaman Tambah Data Brief
3.5.2. Pengujian Unit
1. Pengujian Tautan
Untuk dapat mengetahui apakah fungsi-fungsi masukan dan keluaran
sesuai dengan yang dibutuhkan maka diperlukan pengujian tautan (link testing).
Admin dan karyawan harus melakukan login terlebih dahulu dan apabila
login berhasil maka akan tampil halaman beranda dengan menu sesuai dengan hak
akses masing-masing. Adapun hasil pengujian tautan adalah sebagai berikut:
Tabel III.8
Hasil Pengujian Black Box Pengujian Tautan (Link Testing)
NO. Nama Menu Link Kesimpulan
1. Login http://localhost/ta_posm/index.php Valid
2. Beranda http://localhost/ta_posm/index.php Valid
96
3. Data Stok
POSM
http://localhost/ta_posm/index.php?f
older=posm&file=tampil
Valid
4. Tambah POSM
Baru
http://localhost/ta_posm/index.php?f
older=posm&file=input
Valid
5. Data POSM
Masuk
http://localhost/ta_posm/index.php?f
older=posm_masuk&file=tampil
Valid
6. Data POSM
Keluar
http://localhost/ta_posm/index.php?f
older=posm_keluar&file=tampil
Valid
7. Data POSM
Rusak
http://localhost/ta_posm/index.php?f
older=posm_rusak&file=tampil
Valid
8. Tambah Data
POSM Rusak
http://localhost/ta_posm/index.php?f
older=posm_rusak&file=input
Valid
9. Transaksi
POSM Masuk
http://localhost/ta_posm/index.php?f
older=posm_masuk&file=input
Valid
10. Transaksi
POSM Keluar
http://localhost/ta_posm/index.php?f
older=posm_keluar&file=input
Valid
11. Laporan Stok
POSM
http://localhost/ta_posm/index.php?f
older=laporan&file=lp_stok
Valid
12. Laporan POSM
Masuk
http://localhost/ta_posm/index.php?f
older=laporan&file=lp_masuk
Valid
13. Laporan POSM
Keluar
http://localhost/ta_posm/index.php?f
older=laporan&file=lp_keluar
Valid
14. Laporan POSM
Rusak
http://localhost/ta_posm/index.php?f
older=laporan&file=lp_rusak
Valid
15. Data User http://localhost/ta_posm/index.php?f
older=akun&file=tampil
Valid
16. Tambah Data
User
http://localhost/ta_posm/index.php?f
older=akun&file=input
Valid
17. Profil
Perusahaan
http://localhost/ta_posm/index.php?f
older=info&file=profil
Valid
97
18. Info Brief http://localhost/ta_posm/index.php?f
older=info&file=tampilbrief
Valid
19. Tambah Data
Brief
http://localhost/ta_posm/index.php?f
older=info&file=inputbrief
Valid
2. Pengujian Browser (Browser Testing)
Pengujian browser dilakukan untuk mengetahui apakah aplikasi dapat
dijalankan pada browser web yang berbeda dan sesuai harapan yang diinginkan.
Berikut analisa pengujian browser:
Tabel III.9
Hasil Pengujian Black Box Browser Testing
NO. Skenario Pengujian
Test Case Hasil yang diharapkan
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
3. Pengujian Keamanan (Security Testing)
98
Pengujian keamanan berfokus pada kemampuan dalam mencegah akses
yang tidak sah pada saat melakukan login, baik dengan sengaja maupun tidak
disengaja. Adapun pengujian yang dilakukan adalah sebagai berikut:
Tabel III.10
Hasil Pengujian Black Box Security Testing
No. Nama Masukan
Skenario Hasil
Kosong Terisi Benar Terisi Salah
1. Masukan Username
Tampil Peringatan Username dan Password tidak boleh kosong
Berhasil Login
Gagal Login Tampil Peringatan Username dan Password tidak boleh kosong
Valid
2. Masukan Password
Tampil Peringatan Username dan Passwor tidak boleh kosong
Berhasil Login
Gagal Login Tampil Peringatan Username dan Passwor tidak boleh kosong
Valid
4. Pengujian Test Case
Pengujian black box testing berikut berdasarkan keamanan login admin
yang telah telah dibuat. Berikut akan di sajikan dalam bentuk tabel dari masing-
masing kasus dan hasil yang diharapkan.
a. Halaman Login Admin
99
Tabel III.11
Hasil Pengujian Black Box Halaman Login Admin
NO Skenario Pengujian Test case Hasil yang diharapkan
Hasil pengujian
Kesimpulan
1. Username dan Password tidak diisi kemudian klik login
Username (kosong) dan Password (kosong)
Sistem akan menolak akses admin dan kembali ke halaman login
Sesuai harapan
Valid
2. Username diisi dengan benar dan Password kosong kemudian klik login
Username (admin) dan Password (kosong)
Sistem akan menolak akses dengan membaca Username atau password salah
Sesuai harapan
Valid
3. Username kosong dan Password diisi dengan benar kemudian klik login
Username (kosong) dan Password (admin)
Sistem akan menolak akses dengan membaca Username atau password salah
Sesuai harapan
valid
4. Username diisi dengan benar dan password diisi dengan salah kemudian klik login
Username (admin) dan Password (salah)
Sistem akan menolak akses dengan membaca Username atau password salah
Sesuai harapan
valid
5. Username diisi dengan salah dan password diisi dengan benar kemudian klik login
Username (salah) dan Password (admin)
Sistem akan menolak akses dengan membaca Username atau password salah
Sesuai harapan
valid
6. Username diisi dengan benar dan password diisi dengan benar kemudian klik login
Username (admin) dan Password (admin)
Sistem akan menerima dan melanjutkan kehalaman beranda
Sesuai harapan
valid
b. Halaman Tambah POSM Baru
100
Tabel.III.12
Hasil Pengujian Black Box HalamanTambah POSM Baru
NO Skenario Pengujian Test case Hasil yang diharapkan
Hasil pengujian
Kesimpulan
1. Tidak mengisi semua kolom kemudian klik tombol simpan
kolom (kosong)
Sistem akan menolak menyimpan posm dan menampilkan pesan kolom ini tidak boleh kosong
Sesuai
harapan
valid
2. Hanya mengisi salah satu atau bebarapa kolom kemudian klik tombol simpan
kolom (sebagian terisi)
Sistem akan menolak menyimpan posm dan menampilkan pesan kolom ini tidak boleh kosong
Sesuai
harapan
valid
3. Semua kolom terisi kemudian klik tombol simpan
kolom (semua terisi)
Sistem akan menyimpan dan menampilkan pesan “Data Berhasil Disimpan)
Sesuai
Harapan
valid
c. Halaman Transaksi POSM Masuk
101
Tabel.III.13
Hasil Pengujian Black Box Transaksi POSM Masuk
NO Skenario Pengujian Test case Hasil yang diharapkan
Hasil pengujian
Kesimpulan
1. Tidak mengisi semua kolom kemudian klik tombol simpan
kolom (kosong)
Sistem akan menolak menyimpan posm dan menampilkan pesan kolom ini tidak boleh kosong
Sesuai
harapan
valid
2. Hanya mengisi salah satu atau bebarapa kolom kemudian klik tombol simpan
kolom (sebagian terisi)
Sistem akan menolak menyimpan posm dan menampilkan pesan kolom ini tidak boleh kosong
Sesuai
harapan
valid
3. Semua kolom terisi kemudian klik tombol simpan
kolom (semua terisi)
Sistem akan menyimpan dan menampilkan pesan “Data Berhasil Disimpan)
Sesuai
Harapan
valid
d. Halaman Transaksi POSM Keluar
102
Tabel.III.14
Hasil Pengujian Black Box Transaksi POSM Keluar
NO Skenario Pengujian
Test case Hasil yang diharapkan
Hasil pengujian
Kesimpulan
1. Tidak mengisi semua kolom kemudian klik tombol simpan
kolom (kosong)
Sistem akan menolak menyimpan posm dan menampilkan pesan kolom ini tidak boleh kosong
Sesuai
harapan
Valid
2. Hanya mengisi salah satu atau bebarapa kolom kemudian klik tombol simpan
kolom (sebagian terisi)
Sistem akan menolak menyimpan posm dan menampilkan pesan kolom ini tidak boleh kosong
Sesuai
harapan
Valid
3. Semua kolom terisi kemudian klik tombol simpan
kolom (semua terisi)
Sistem akan menyimpan dan menampilkan pesan “Data Berhasil Disimpan)
Sesuai
Harapan
Valid
e. Halaman Tambah POSM Keluar
103
Tabel.III.15
Hasil Pengujian Black Box Tambah POSM Rusak
NO Skenario Pengujian
Test case Hasil yang diharapkan
Hasil pengujian
Kesimpulan
1. Tidak mengisi semua kolom kemudian klik tombol simpan
kolom (kosong)
Sistem akan menolak menyimpan posm dan menampilkan pesan kolom ini tidak boleh kosong
Sesuai
harapan
Valid
2. Hanya mengisi salah satu atau bebarapa kolom kemudian klik tombol simpan
kolom (sebagian terisi)
Sistem akan menolak menyimpan posm dan menampilkan pesan kolom ini tidak boleh kosong
Sesuai
harapan
Valid
3. Semua kolom terisi kemudian klik tombol simpan
kolom (semua terisi)
Sistem akan menyimpan dan menampilkan pesan “Data Berhasil Disimpan)
Sesuai
Harapan
Valid
f. Halaman Tambah User
104
Tabel.III.16
Hasil Pengujian Black Box Tambah User
NO Skenario Pengujian Test case Hasil yang diharapkan
Hasil pengujian
Kesimpulan
1. Tidak mengisi semua kolom kemudian klik tombol simpan
kolom (kosong)
Sistem akan menolak menyimpan posm dan menampilkan pesan kolom ini tidak boleh kosong
Sesuai
harapan
valid
2. Hanya mengisi salah satu atau bebarapa kolom kemudian klik tombol simpan
kolom (sebagian terisi)
Sistem akan menolak menyimpan posm dan menampilkan pesan kolom ini tidak boleh kosong
Sesuai
harapan
valid
3. Semua kolom terisi kemudian klik tombol simpan
kolom (semua terisi)
Sistem akan menyimpan dan menampilkan pesan “Data Berhasil Disimpan)
Sesuai
Harapan
valid
g. Halaman Tambah Data Brief
105
Tabel.III.17
Hasil Pengujian Black Box Tambah Data Brief
NO Skenario Pengujian Test case Hasil yang diharapkan
Hasil pengujian
Kesimpulan
1. Tidak mengisi semua kolom kemudian klik tombol simpan
Kolom (kosong)
Sistem akan menolak menyimpan posm dan menampilkan pesan kolom ini tidak boleh kosong
Sesuai
harapan
valid
2. Hanya mengisi salah satu atau bebarapa kolom kemudian klik tombol simpan
Field (sebagian terisi)
Sistem akan menolak menyimpan posm dan menampilkan pesan kolom ini tidak boleh kosong
Sesuai
harapan
valid
3. Semua kolom terisi kemudian klik tombol simpan
Field (semua terisi)
Sistem akan menyimpan dan menampilkan pesan “Data Berhasil Disimpan)
Sesuai
Harapan
valid