BAB III PEMBASAHAN - repository.bsi.ac.id · Pemindahan kantor dan g udang baru diharapkan dapat...

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


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.


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.


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


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


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.


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


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


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


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


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”.


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.


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


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.


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.


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.


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.


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


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.


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.


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


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.


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.


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


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.


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.


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:


Entity Relationship Diagram (ERD)

2. Logical Relationship Structure (LRS)

Berikut rancangan Logical Relationship Diagram(LRS) yang terdapat

pada aplikasi yang dibuat oleh penulis:

67


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


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


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



Akses file : random

Media : hardisk

Panjang record : 90

72

Kunci field : kode_posm

Software : Mysql

Tabel III.3

Spesifikasi File POSM


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



Akses file : random

Media : hardisk


Kunci field : id_masuk

73

Software : Mysql

Tabel III.4

Spesifikasi File POSM Masuk


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



Akses file : random

Media : hardisk


74

Kunci field : id_keluar

Software : Mysql

Tabel III.5

Spesifikasi File POSM Keluar


1. Id Keluar id_keluar Integer 5 Primarykey



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



Akses file : random

Media : hardisk

75


Kunci field : id_rusak

Software : Mysql

Tabel III.6

Spesifikasi File POSM Rusak


1. Id rusak id_rusak Integer 5 primarykey



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



Akses file : random

76

Media : hardisk


Kunci field : id_brief

Software : Mysql

Tabel III.7

Spesifikasi FileBrief


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.


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.


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


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.


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.


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.


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.


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.


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.


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.


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.


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


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.


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.


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


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.


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


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


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.


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.


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


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.


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.


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


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.


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


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


older=posm&file=input

Valid

5. Data POSM

Masuk


older=posm_masuk&file=tampil

Valid

6. Data POSM

Keluar


older=posm_keluar&file=tampil

Valid

7. Data POSM

Rusak


older=posm_rusak&file=tampil

Valid

8. Tambah Data

POSM Rusak


older=posm_rusak&file=input

Valid

9. Transaksi

POSM Masuk


older=posm_masuk&file=input

Valid

10. Transaksi

POSM Keluar


older=posm_keluar&file=input

Valid

11. Laporan Stok

POSM


older=laporan&file=lp_stok

Valid

12. Laporan POSM

Masuk


older=laporan&file=lp_masuk

Valid

13. Laporan POSM

Keluar


older=laporan&file=lp_keluar

Valid

14. Laporan POSM

Rusak


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


older=akun&file=input

Valid

17. Profil

Perusahaan


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


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)


Sesuai harapan

valid

4. Username diisi dengan benar dan password diisi dengan salah kemudian klik login

Username (admin) dan Password (salah)


Sesuai harapan

valid

5. Username diisi dengan salah dan password diisi dengan benar kemudian klik login

Username (salah) dan Password (admin)


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


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)


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


Hasil pengujian

Kesimpulan


kolom (kosong)


Sesuai

harapan

valid




Sesuai

harapan

valid




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


kolom (kosong)


Sesuai

harapan

Valid




Sesuai

harapan

Valid




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


kolom (kosong)


Sesuai

harapan

Valid




Sesuai

harapan

Valid




Sesuai

Harapan

Valid

f. Halaman Tambah User

104

Tabel.III.16

Hasil Pengujian Black Box Tambah User


Hasil pengujian

Kesimpulan


kolom (kosong)


Sesuai

harapan

valid




Sesuai

harapan

valid




Sesuai

Harapan

valid

g. Halaman Tambah Data Brief

105

Tabel.III.17

Hasil Pengujian Black Box Tambah Data Brief


Hasil pengujian

Kesimpulan


Kolom (kosong)


Sesuai

harapan

valid


Field (sebagian terisi)


Sesuai

harapan

valid


Field (semua terisi)


Sesuai

Harapan

valid

BAB III PEMBASAHAN - repository.bsi.ac.id · Pemindahan kantor dan g udang baru diharapkan dapat...

Documents

Transcript of BAB III PEMBASAHAN - repository.bsi.ac.id · Pemindahan kantor dan g udang baru diharapkan dapat...