BAB III

PEMBAHASAN

3.1. Tinjauan Perusahaan

3.1.1. Sejarah Perusahaan

Berbekal pengalaman 4 tahun bekerja di salah satu pabrik styrofoam di

jakarta maka pada tanggal 3 juni 2004 bapak Sisya Mandagie mendirikan PT.

Royal Foamindo Perkasa di ITC Mangga Dua Jakarta.

Pada tahun 2009 pindah ke cikarang, menempati luas tanah 800 m2

dengan jumlah karyawan 20 orang. Aktifitas produksi dimulai dengan

memproduksi styrofoam balok dan lembaran dengan kapasitas 50 kubik per bulan.

Seiring dengan adanya pertumbuhan positif yang mampu mencapai kapasitas 100

kubik per bulan, maka pada tahun 2011 pabrik pindah lokasi ke Kawasan Industri

Jababeka 2 dengan jumlah mesin 2 mesin balok (Extruder) 5 mesin cutting (Cut

Seal).

Dengan keyakinan bertumbuhnya industri foam, maka pada tahun 2014

PT. Royal Foamindo Perkasa pindah ke Cileungsi Bogor, menempati luas tanah

5.000 m2, dan menambah Jenis produksi baru serta menambah mesin dengan

dukungan tenaga listrik 1.000.000 watt, yang mampu meningkatkan produksi

hingga 350 kubik per bulan.

26
 27

3.1.2. Struktur Organisasi

Struktur organisasi pada PT. Royal Fomindo Perkasa disusun berdasarkan

unit-unit fungsional yang bekerja menurut fungsinya masing-masing. Unit

fungsional tersebut disebut departemen. Setiap departemen dipimpin oleh seorang

general manager. Setiap departemen dapat terbagi lagi ke dalam sub departemen

yang dipimpin oleh kepala bagian.

Adapun struktur organisasi yang diterapkan pada PT. Royal Foamindo

Perkasa dapat dilihat pada gambar berikut ini.

Sumber : PT. Royal Foamindo Perkasa (2013)

Perkasa
Gambar III.1.
Struktur Organisasi PT. Royal Foamindo Perkasa
 28

Berikut adalah deskripsi fungsi dan tugas tanggung jawab dari beberapa

bagian yang terdapat pada struktur organisasi PT. Royal Foamindo Perkasa, yaitu:

1. Direktur bertugas untuk :

a. Bertanggung jawab dalam memimpin dan menjalankan perusahaan

b. Menetapkan strategi-strategi untuk mencapai visi dan misi serta

mengkoordinasikan dan mengawasi semua kegiatan di perusahaan.

2. General Manager

a. Mengelola operasional harian perusahaan.

b. Merencanakan dan mengontrol kebijakan perusahaan agar dapat berjalan

dengan maksimal.

3. Production Planning Inventory Control (PPIC)

a. Bertanggung jawab atas aktivitas pengendalian persedian, pengendalian

produksi, perencanaan, dan kontrol pengiriman.

4. Produksi

a. Melaksanakan prosedur produksi dan prosedur kualitas sesuai dengan

ketentuan perusahaan

b. Mengatur dan mengontrol bahan baku proses produksi sehingga menjadi

bahan jadi dengan ketentuan target yang telah ditentukan.

5. Ekspedisi

a. Bertanggung jawab terhadap pengiriman barang

6. Warehouse

a. Mempersiapkan pesanan dan memproses permintan dan pesanan pasokan

b. Membuat catatan administrasi persedian barang, yang meliputi jenis

barang, kode barang dan jumlah barang dengan benar.

 29

c. Melakukan perhitungan fisik barang manual setiap hari.

7. Quality Control (QC)

a. Memonitor kualitas material serta hasil produksi

b. Melakukan pemeriksaan terhadap jalannya proses produksi untuk

memastikan kesesuaian prosedur.

8. Maintenence

a. Melakukan pemeliharaan terhadap mesin-mesin dan fasilitas

perusahaan.

9. Purcashing

a. Bertanggung jawab atas pemesanan barang atau keperluan perusahaan

baik bahan baku maupun bahan penunjang lainnya.

b. Membuat perencanaan pembelian barang sesuai permintaaan pembelian

yang diterima departemen terkait, melakukan negosiasi, pengendalian

dan adminitrasi pembelian.

10. Marketing

a. Melaksanakan kegiatan pemasaran dengan memperkenalkan perusahaan

kepada pelanggan melalui produk yang dibuat oleh perusahaan dan

bertugas untuk menajalin hubungan baik dengan pelanggan.

11. Admin

a. Bertugas mengentry data konsumen dan pesanan

12. Sales

a. Melaksanakan kegiatan penjualan melalui telepon terhadap target

pelanggan secara sistematik.

 30

b. Melakukan tindak pelayanan, untuk memberikan kepuasan kepada

pelanggan

13. Finance & Accounting

a. Merencanakan strategi akunting perusahaan secara tepat sesuai strategi

bisnis perusahaan.

b. Mengatur dan mengarahkan pencatatan neraca perusahaan sesuai

aktivitas perusahaan.

14. HRD dan Personalia

a. Bertanggung jawab untuk mengelola sumber daya manusia (karyawan) di

perusahaan

b. Mengelola penggajian karyawan dan bagian umum

 31

3.2. Analisa Kebutuhan

A. Kebutuhan Sistem

Untuk menembah, meningkatkan pelayanan dan menjaga loyalitas

konsumen. Maka PT. Royal Foamindo Perkasa membutuhkan sistem teknologi

berbasis web, dimana akan mampu menjangkau kepada konsumen tanpa

mengenal waktu dan tempat, khususnya mengenai pemberian informasi produk,

pemesanan, konfirmasi pembayaran, dan informasi perusahaan serta memudahkan

konsumen untuk memberikan tanggapan berupa kritik, saran dan penilaian

pelayanan.

B. Kebutuhan Pengguna

1. Kebutuhan Admin

Dalam menjaga kinerja sistem dibutuhkan admin untuk mengelola website,

dimana admin bisa melakukan penambahan data jenis produk, membuat

informasi berita, mengelola data pemesanan barang, mengelola data

konsumen , data pembayaran, dan laporan.

2. Kebutuhan Pelanggan

Dengan dibuatnya sistem CRM berbasis website ini, agar pelayanannya lebih

luas dan efisien serta memiliki cangkupan yang luas, kosumen dapat melihat

dan mengetahui informasi tentang produk, jenis produk, informasi-informasi

berita, tentang perusahaan, serta bagi konsumen yang telah memesan barang

dapat melihat informasi pesanan dan dapat melihat bukti pemesanan dan surat

jalan pemesanan barang. Selain itu konsumen juga bisa melakukan

konfirmasi pembayaran lewat website, serta bisa memberikan tanggapan yang

berisi saran, kritik dan penilaian terhadap pelayanan perusahaan .

 32

3.3. Rancangan Dokumen

A. Rancangan Dokumen Masukan ( Input )

Bentuk masukan dari rancangan program disajikan berdasarkan dokumen

dan form yang dimasukan guna kebutuhan program. Adapun bentuk masukan

yang diperlukan antara lain :

1. Nama Dokumen : Purcahase Order

Fungsi : Sebagai data pemesanan barang

Sumber : Konsumen

Tujuan : Marketing

Media : Kertas

Jumlah : 1 Rangkap

Frekuensi : Setiap ada pemesanan barang

Bentuk : Lihat Lampiran A.1

2. Nama Dokumen : Form Input Pesan Barang

Fungsi : Untuk mengentri data pemesanan barang

Sumber : Admin

Tujuan : Konsumen

Media : Form

Jumlah : 1 Halaman

Frekuensi : Setiap ada pemesanan barang

Bentuk : Lihat Lampiran A.2

 33

3. Nama Dokumen : Form Input Surat Jalan

Fungsi : Untuk mengentri data pengiriman barang

Sumber : Admin

Tujuan : Konsumen

Media : Form

Jumlah : 1 Halaman

Frekuensi : Setiap ada pemesanan barang

Bentuk : Lihat Lampiran A.3

4. Nama Dokumen : Form Konfirmasi Pembayaran

Fungsi : Sebagai data pembayaran

Sumber : Konsumen

Tujuan : Admin

Media : Form

Jumlah : 1 Halaman

Frekuensi : Setiap ada Pembayaan

Bentuk : Lihat Lampiran A.4

 34

B. Rancangan Dokumen Keluaran ( Output )

Merupakan bentuk dokumen keluaran dari rancangan program, adapun

bentuk keluaran antara lain :

1. Nama Dokumen : Bukti Pemesanan barang

Fungsi : Sebagai Bukti Pemesanan barang

Sumber : Admin

Tujuan : Konsumen

Media : Kertas

Jumlah : 1 Halaman

Frekuensi : Setiap ada pemesanan barang

Bentuk : Lihat Lampiran B.1

2. Nama Dokumen : Surat Jalan

Fungsi : Sebagai Tanda pengiriman

Sumber : Admin

Tujuan : Konsumen

Media : Kertas

Jumlah : 1 Halaman

Frekuensi : Setiap ada pemesanan

Bentuk : Lihat Lampiran B.2

3. Nama Dokumen : Laporan Data Konsumen

Fungsi : Sebagai data konsumen

Sumber : Admin

Tujuan : Marketing

Media : Kertas
 35

Jumlah : 1 Halaman

Frekuensi : Setiap ada member baru

Bentuk : Lihat Lampiran B.3

4. Nama Dokumen : Laporan Data Pemesanan Per Periode

Fungsi : Sebagai laporan pemesanan berdasarkan periode

Sumber : Admin

Tujuan : Marketing

Media : Kertas

Jumlah : Tidak Terbatas

Frekuensi : Setiap ada pemesanan

Bentuk : Lihat Lampiran B.4

5. Nama Dokumen : Laporan Data Pemesanan Per Kondisi

Fungsi : Sebagai laporan pemesanan berdasarkan kondisi

Sumber : Admin

Tujuan : Marketing

Media : Kertas

Jumlah : Tidak Terbatas

Frekuensi : Setiap ada pemesanan

Bentuk : Lihat Lampiran B.5

 36

3.4. Rancangan Perangkat Lunak

Untuk perancangan basis data penulis menggambarkan pemetaanya

dengan metode Entity Relationship Diagram dan Logical Record Structure, serta

untuk penjelasannya melalui spesifikasi file.

1. Entity Relationship Diagram ( ERD )

Untuk menggambarkan data yang terdapat dalam perancangan program

costumer relationship management dapat digunakan ERD. Terdapat 6 buah entitas

di dalamnya, yaitu entitas jenis, density, detail_barang, pesan_barang,

pembayaran, dan member.

Gambar III.2
Entity Relationship Diagram Costumer Relationship Management
 37

2. Logical Relation Structure ( LRS )

Untuk menggambarkan data yang terdapat dalam perancangan program

costumer relationship management dapat digunakan LRS. Terdapat 6 buah record

di dalamnya, yaitu jenis, density, detail_barang, pesan_barang, pembayaran,

admin, dan member.

Gambar III.3
Logical Record Structure Costumer Relationship Management
 38

3.5. Spesifikasi File

Dalam merancang program tersebut dibutuhkan perancangan basis data yang

terdiri dari 12 tabel untuk mendukung kebutuhan program yaitu tabel admin,

berita, density, jenis, galeri, member, detail_barang, keranjang_barang,

pesan_barang, surat_jalan, dan pembayaran. Untuk field-field dari tabel tersebut

diantaranya :

1. Spesifikasi File Admin

Nama File : Table Admin

Akronim : admin
Fungsi : untuk menyimpan data admin
Tipe File : File master
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 61 byte
Kunci Field : id_admin
Software : MySQL

Tabel III.1
Spesifikasi File Admin

No Elemen Data Nama Field Tipe Size Ket

1 Id Admin id_admin Int 11 Primary key
2 Nama nama Varchar 30
3 Username username Varchar 10
4 Password password Varchar 10
 39

2. Spesifikasi File Berita

Nama File : Table Berita

Akronim : berita
Fungsi : Untuk menyimpan data berita
Tipe File : File master
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 95 byte
Kunci Field : id_berita
Software : MySQL

Tabel III.2
Spesifikasi File Berita

No Elemen Data Nama Field Tipe Size Ket

1 Id Berita id_berita Int 5 Primary key
2 Judul judul Varchar 30
3 Isi isi Text
4 Gambar gambar Varchar 50
5 Tanggal tanggal Varchar 10

3. Spesifikasi File Density

Nama File : Table Density

Akronim : density
Fungsi : Untuk menyimpan data density
Tipe File : File master
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 75 byte
 40

Kunci Field : id_density

Software : MySQL

Tabel III.3
Spesifikasi File Density

No Elemen Data Nama Field Tipe Size Ket

1 Id Density id_density Int 5 Primary key
2 Nama Density nama_density Varchar 20
3 Keterangan ket Text
4 Gambar gambar Varchar 50

4. Spesifikasi File Jenis

Nama File : Table Jenis

Akronim : jenis
Fungsi : Untuk menyimpan data jenis
Tipe File : File master
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 85 byte
Kunci Field : id_jenis
Software : MySQL

Tabel III.4
Spesifikasi File jenis

No Elemen Data Nama Field Tipe Size Ket

1 Id Jenis id_jenis Int 5 Primary
key
2 Nama Jenis nama_jenis Varchar 30
3 Keterangan ket Text
4 Gambar gambar Varchar 50
 41

5. Spesifikasi File Galeri

Nama File : Table Galeri

Akronim : galeri
Fungsi : untuk menyimpan data galeri
Tipe File : File master
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 55 byte
Kunci Field : id_galeri
Software : MySQL

Tabel III.5
Spesifikasi File Galeri

No Elemen Data Nama Field Tipe Size Ket

1 Id galeri id_galeri Int 5 Primary
key
2 Gambar gambar Varchar 50
3 Keterangan ket Text

6. Spesifikasi File Member

Nama File : Tabel Member

Akronim : member
Fungsi : Untuk menyimpan data member
Tipe File : File master
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 285 byte
 42

Kunci Field : id_member

Software : MySQL

Tabel III.6
Spesifikasi File Member

No Elemen Data Nama Field Tipe Size Ket

1 No member no_member Varchar 10 Primary
Key
2 Nama nama Varchar 50
3 Alamat alamat Varchar 50
4 No Telepon no_telp Varchar 15
5 Email email Varchar 20
6 Alamat Kirim alamat_kirim Varchar 50
7 Foto foto Varchar 50
8 Username username Varchar 10
9 Password password Varchar 10
10 Status Data status_data Varchar 20

7. Spesifikasi File Detail Barang

Nama File : Table detail_barang

Akronim : detail_barang
Fungsi : Untuk menyimpan detail barang
Tipe File : File Transaksi
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 59 byte
Kunci Field : id_detailbrg
Software : MySQL
 43

Tabel III.7
Spesifikasi File Detail Barang

No Elemen Data Nama Field Tipe Size Ket

1 No Pesan no_pesan Varchar 8 Primary key
2 Id Jenis id_jenis Int 5
3 Id density id_density Int 5
4 Ukuran ukuran Varchar 30
5 Quantity qty Int 11
6 Harga satuan harga_satuan Double
7 Total harga total_harga Double

8. Spesifikasi File Keranjang Barang

Nama File : Tabel Keranjang Barang

Akronim : keranjang_barang
Fungsi : untuk menyimpan data barang sementara
Tipe File : File master
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 69 byte
Kunci Field : id_keranjang
Software : MySQL

Tabel III.8
Spesifikasi File Keranjang Barang

No Elemen Data Nama Field Tipe Size Ket

1 No Pesan no_pesan Varchar 8
2 No member no_member Varchar 10
3 Id jenis id_jenis Int 5
4 Id density Id_density Int 5
5 Ukuran ukuran Varchar 30
6 Quantity qty Int 11
7 Harga satuan harga_satuan Double
8 Total harga total_harga Double
 44

9. Spesifikasi File Pesan Barang

Nama File : Table Pesan Barang

Akronim : pesan_barang
Fungsi : Untuk menyimpan data pesanan barang
Tipe File : File Transaksi
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 111 byte
Kunci Field : id_pesanbrg
Software : MySQL

Tabel III.9
Spesifikasi File Pesan_Barang

No Elemen Data Nama Field Tipe Size Ket

1 No pesan no_pesan Varchar 8 Primary Key
2 No po no_po Varchar 13
3 No member no_member Varchar 10
4 Total bayar total_bayar Double
5 Tanggal order tgl_order Date
6 Tanggal kirim tgl_kirim Date
7 Telah dibayar telah_dibayar Double
8 Status bayar status_bayar Varchar 20
9 Status kirim status_kirim Varchar 20
10 Ket pembayaran Varchar 20
Pembayaran
 45

10. Spesifikasi File Surat Jalan

Nama File : Table Surat Jalan

Akronim : surat_jalan
Fungsi : Untuk menyimpan data pengiriman barang
Tipe File : File master
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 54 byte
Kunci Field : id_suratjln
Software : MySQL

Tabel III.10
Spesifikasi File surat jalan

No Elemen Data Nama Field Tipe Size Ket

1 Id suratjln id_suratjln Int 5 Primary key
2 No Po no_po Varchar 13
3 Tanggal kirim tgl_kirim Varchar 10
4 Kendaraan kendaraan Varchar 15
5 No polisi no_polisi Varchar 11

11. Spesifikasi File Pembayaran

Nama File : Table Pembayaran

Akronim : pembayaran
Fungsi : Untuk menyimpan data pembayaran
Tipe File : File Transaksi
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
 46

Panjang Record : 148 byte

Kunci Field :-
Software : MySQL

Tabel III.11
Spesifikasi File Pembayaran

No Elemen Data Nama Field Tipe Size Ket

1 No po no_po Varchar 13
2 No member no_member Varchar 10
3 No rekening no_rekening Varchar 15
4 Nama rekening nama_rekening Varchar 20
5 Tanggal transfer tgl_transfer Date
6 Jumlah transfer jumlah_transfe Double
r
7 Bukti transfer bukti_transfer Varchar 50
8 Validasi validasi Varchar 15
9 Konfir Via konvir_via Varchar 15

12. Spesifikasi File Polling

Nama File : Table Polling

Akronim : poll
Fungsi : Untuk menyimpan data polling
Tipe File : File Transaksi
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 20 byte
Kunci Field :-
Software : MySQL
 47

Tabel III.12
Spesifikasi File Polling

No Elemen Data Nama Field Tipe Size Ket

1 Sangat baik sangatBaik Int 5
2 Baik Baik Int 5
3 Kurang baik kurangBaik Int 5
4 Tidak baik tidakBaik Int 5

13. Spesifikasi File Testimoni

Nama File : Table Testimoni

Akronim : testimoni
Fungsi : Untuk menyimpan data testimoni
Tipe File : File Transaksi
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 45 byte
Kunci Field : id_testimoni
Software : MySQL

Tabel III.13
Spesifikasi File Testimoni

No Elemen Data Nama Field Tipe Size Ket

1 Id Testimoni id_testimoni Int 5 Primary
Key
2 No Member no_member Varchar 10
3 Judul Judul Varchar 30
4 Isi Testimoni Testimoni Text
4 Tanggal Tanggal Varchar 10
 48

3.6. Spesifikasi Program

A. Struktur Navigasi

Supaya mempermudah dalam mengoprasikan program dan lebih terarah,

maka dibuat navigasi program. Struktur navigasi di dalam program terbagi

menjadi 3 yaitu struktur navigasi halaman admin, struktur navigasi halaman user,

dan struktur navigasi halaman member.

1. Struktur Navigasi Halaman Admin

Pada halaman admin menggunakan struktur navigasi campuran, karena

pertama admin login terlebih dahulu, maka akan masuk ke halaman index admin

yang didalamnya terdapat menu dashboard, konsumen, pesanan barang, data

barang, laporan dan admin menu yang dapat diakses secara acak atau tidak

terurut.

Gambar III.4
Struktur Navigasi Halaman Admin
 49

2. Struktur Navigasi Halaman User

Pada halaman user menggunakan struktur navigasi campuran, dimana pada

tampilan index didalamnya terdapat menu dashboard, profil perusahaan, pesanan,

produk, galeri, kontak kami dan login yang dapat diakses secara acak atau tidak

terurut.

Gambar III.5
Struktur Navigasi Halaman User
 50

3. Struktur Navigasi Halaman Member

Pada halaman member menggunakan struktur navigasi campuran, dimana

sebelum member login untuk kehalaman index member yang didalamnya terdapat

menu dashboard, profil perusahaan, pesanan, produk, galeri, kontak kami dan

menu yang didalamnya terdapat 4 menu diantaranya profil anda, pesanan anda,

testimoni dan logout yang dapat diakses secara acak atau tidak terurut.

Gambar III.6
Struktur Navigasi Halaman Member
 51

3.7. Spesifikasi Sistem Komputer

Untuk memaksimalkan jalannya program, maka sangat dibutuhkan

minimum spesifikasi sistem komputer baik spesifikasi perangkat keras maupun

spesifikasi perangkat lunak, diantaranya sebagai berikut :

A. Spesifikasi Perangkat Keras

Berikut ini adalah spesifikasi perangkat keras minimum yang dibutuhkan

untuk mengimplementasikan aplikasi website Costumer Relationship

Manager (CRM).

a. Server

1) CPU

(a) Processor Intel Pentium Core 2 Duo

(b) RAM DDR3 2 GB

(c) Hard Disk 500 GB

2) Mouse

3) Keyboard

4) Monitor dengan resolusi layar minimum 1024x768

5) Koneksi internet dengan kecepatan 2 Mbps

b. Client

1) CPU

(d) Processor Intel Pentium Core 2 Duo

(e) RAM DDR3 2 GB

(f) Hard Disk 300 GB

2) Mouse
 52

3) Keyboard

4) Monitor dengan resolusi layar minimum 1024x768

5) Koneksi internet dengan kecepatan 1.7 Mbps

B. Spesifikasi Perangkat Lunak

Berikut ini adalah spesifikasi perangkat lunak minimum yang dibutuhkan

untuk mengimplementasikan aplikasi website Costumer Relationship Manager

(CRM).

a. Server

1) Sistem Operasi : Microsoft Windows atau Linux

2) Web Server : Xammp yang terdiri dari beberapa komponen aplikasi

Apache Server v2, Aplikasi PHP Server v5, Aplikasi MySQL Server

v5, Aplikasi phpMyAdmin v3

3) Web Browser : Mozilla Firefox dan Google Chrome

b. Client

6) Sistem Operasi : Microsoft Windows atau Linux

7) Web Browser : Mozilla Firefox dan Google Chrome

 53

3.8. Implementasi

A. Implementasi Rancangan Form / Antar Muka

Implementasi rancangan antar muka pada program costumer relationship

management (CRM) berdasarkan hasil rancangan antar muka.

1. Rancangan Antar Muka Admin

a. Halaman Login Admin

Administrator harus melakukan login terlebih dahulu untuk dapat

menggunakan menu-menu yang tersedia, jika login berhasil, maka menu-

menu yang sesuai dengan kategori user tersebut akan ditampilkan

Gambar III.7
Halaman Login Admin
 54

b. Halaman Utama Admin

Administrator dapat melihat informasi menu apa saja yang dapat dikelola

oleh Admin

Gambar III.8
Halaman Utama Admin
 55

c. Halaman Data Konsumen / Member

Admin dapat mengelola data konsumen seperti menghapus data konsumen.

Gambar III.9
Halaman Data Konsumen

d. Halaman Data Pesanan Barang

Admin dapat mengelola data pesanan seperti menghapus data pesanan barang.

Gambar III.10
Halaman Data Pesanan Barang
 56

e. Halaman Data Detail Pesanan Barang

Menampilkan detail pesanan barang berdasarkan no faktur yang dipilih.

Admin dapat mengelola data pesanan seperti konfirmasi pembayaran dan

menentukan data pengiriman barang.

Gambar III.11
Halaman Detail Pesanan Barang
 57

f. Halaman Input Pesanan Barang

Admin dapat menambah data pesanan barang.

Gambar III.12
Halaman Input Pesanan Barang
 58

g. Halaman Jenis Styrofoam

Menampilkan data jenis styrofoam dan Admin dapat mengelola seperti

menambah, mengedit dan menghapus data jenis styrofoam.

Gambar III.13
Halaman Data Jenis

h. Halaman Tambah Jenis Styrofoam

Admin dapat menambah data jenis styrofoam baru.

Gambar III.14
Halaman Input Jenis
 59

i. Halaman Density

Menampilkan data density styrofoam dan Admin dapat mengelola seperti

menambah, mengedit dan menghapus data density styrofoam.

Gambar III.15
Halaman Data Density

j. Halaman Tambah Density Styrofoam

Admin dapat menambah data density styrofoam baru.

Gambar III.16
Halaman Input Density
 60

k. Halaman Laporan Konsumen

Menampilkan data konsumen dan Admin dapat mencetak data konsumen.

Gambar III.17
Halaman Laporan Data Konsumen

l. Halaman Laporan Pemesanan

Menampilkan data pemesanan barang dan Admin dapat mencetak data

pesanan berdasarkan periode dan kondisi.

Gambar III.18
Halaman Laporan Data Pesanan
 61

m. Halaman Data Berita

Menampilkan data berita dan Admin dapat mengelola seperti menambah,

mengedit dan menghapus data berita.

Gambar III.19
Halaman Data Berita

n. Halaman Tambah Berita

Admin dapat menambah data berita baru.

Gambar III.20
Halaman Tambah Berita
 62

o. Halaman Data Kotak Suara

Menampilkan data tanggapan konsumen yang berupa komentar , kritik dan

saran.

Gambar III.21
Halaman Data Kotak Suara

p. Halaman Data Galeri

Menampilkan data Galeri, dan Admin bisa menambah dan menghapus galeri.

Gambar III.22
Halaman Data Galeri
 63

q. Halaman Tambah Galeri

Halaman yang berfungsi untuk menambah galeri.

Gambar III.23
Halaman Tambah Galeri
 64

2. Rancangan Antar Muka User

a. Halaman Index

Merupakan halaman awal ketika user akan masuk ke halaman dashboard

pengunjung dan member. Yang didalamnya terdapat tombol join member,

login dan dashboard.

Gambar III.24
Halaman Index
 65

b. Halaman Join Member

Merupakan halaman ketika user akan mendaftar menjadi member.

Gambar III.25
Halaman Join Member

c. Halaman Login Member

Sebelum masuk ke halaman dashboard member diharuskan login terlebih

dahulu dengan mengisikan username dan password pada form login.

Gambar III.26
Halaman Login Member
 66

d. Halaman Dashboard

Merupakan halaman untuk pengunjung yang didalamnya terdapat beberapa

menu mengenai informasi perusahaan, produk galeri, berita dan kontak

perusahaan.

Gambar III.27
Halaman Dashboard
 67

e. Halaman Profil Perusahaan

Merupakan halaman yang berisi tentang informasi profil perusahaan.

Gambar III.28
Halaman Profil Perusahaan
 68

f. Halaman Produk

Merupakan halaman yang menampilkan informasi produk.

Gambar III.29
Halaman Produk

g. Halaman Galeri

Merupakan halaman yang menampilkan galeri perusahaan

Gambar III.30
Halaman Galeri
 69

3. Rancangan Antar Muka Member

a. Halaman Dashboard Member

Merupakan halaman untuk member yang didalamnya sama dengan tampilan

halaman dashboard pada pengunjuang hanya saja tedapat menu control yang

didalamnya ada menu profil member, pesanan, testimoni dan perintah logut

Gambar III.31
Halaman Dashboard Member
 70

b. Halaman Profil Member

Merupakan halaman yang menampilkan data profil member. Dan member

juga bisa mengubah data profil.

Gambar III.32
Halaman Profil Member
 71

c. Halaman Data Pesanan

Merupakan halaman yang menampilkan data pesanan member yang

didalmnya terdapat 2 jenis pesanan yaitu pesanan terbaru dan riwayat

pesanan.

Gambar III.33
Halaman Data Pesanan
 72

d. Halaman Detail Pesanan

Merupakan halaman yang menampilkan detail pesanan berdasarkan no faktur

Gambar III.34
Halaman Detail Pesanan
 73

e. Form Konfirmasi Pembayaran

Merupakan halaman form yang digunakan member ketika akan melakukan

konfirmasi pembayaran terhadap pesanan.

Gambar III.35
Halaman Konfirmasi Pembayaran

f. Form Konfirmasi Terima Pesanan

Merupakan halaman form ketika member akan konfirmasi penerimaan

pesanan, yang didalamnya member mimilih polling penilaian.

Gambar III.36
Halaman Konfirmasi Terima Pesanan
 74

g. Form Testimoni

Merupakan halaman form ketika member akan memberikan tanggapan.

Gambar III.37
Halaman Testimoni
 75

3.9. Pengujian Unit

Pengujiaan terhadap program yang dibuat menggunakan blackbox testing

yang focus terhadap proses masukan dan keluaran program :

A. Pengujian terhadap form login admin

Tabel III.13
Hasil pengujian black box testing form login admin

No Skenario Test case Hasil yang Hasil kesimpulan

Pengujian diharapkan pengujian
1. Kosongkan Username: Sistem akan Sesuai valid
username (Kosong), menolak akses dan Harapan
dan password : menampilkan”maaf
password (Kosong) login gagal untuk
klik login login kembali
silahkan klik di sini
2. Isi Username: Sistem akan Sesuai valid
username (beny), menolak akses dan Harapan
dan Password menampilkan”maaf
password : login gagal untuk
kosong (kosong) login kembali
klik login silahkan klik disini
3 Isi Username: Sistem akan Sesuai valid
username (xxx), menolak akses dan Harapan
(salah) dan password: menampilkan
password (12345) “maaf login gagal
di isi klik untuk login
login kembali silahkan
klik di sani
4 Isi Username Sistem akan Sesuai valid
username : (beny), menerima akses Harapan
(benar) password: dan masuk
dan (12345) kehalaman menu
password admin
di isi
(benar)
klik login
 76

B. Pengujian Terhadap Form Tambah Jenis

Tabel III.14
Hasil Pengujian Black Box Terhadap Form Tambah Jenis

No Skenario Test case Hasil yang Hasil kesimpulan

Pengujian diharapkan pengujian
1. Kosongka Jenis Sistem akan Sesuai valid
n jenis styrofoam menolak akses dan Harapan
styrofoam, : menampilkan”Pleas
keterangan (kosong), e fill out this field”
dan upload keteranga
gambar n
klik :(kosong),
simpan Upload
gambar:
(kosong)
2. Kosongka Jenis Sistem akan Sesuai valid
n jenis styrofoam menolak akses dan Harapan
styrofoam, : menampilkan”Pleas
keterangan (kosong), e fill out this field”
dan upload keteranga
gambar (di n
isi) klik :(kosong),
simpan Upload
gambar:
(gambar
1)
3 Isikan Jenis Sistem akan Sesuai valid
jenis styrofoam menerima akses dan Harapan
styrofoam, : menampilkan”Penyi
keterangan (Lembara mpanan Data Jenis
dan upload n), Baru Berhasil
gambar (di keteranga Disimpan”
isi) klik n
simpan :(Bagus),
Upload
gambar:
(gambar
1)
 77

C. Pengujian Terhadap Form Tambah Density

Tabel III.15
Hasil Pengujian Black Box Terhadap Form Tambah Density

No Skenario Test case Hasil yang Hasil kesimpulan

Pengujian diharapkan pengujian
1. Kosongka Density: Sistem akan Sesuai valid
n density, (kosong), menolak akses dan Harapan
Keteranga Keteranga menampilkan”Pleas
n dan n e fill out this field”
upload :(kosong),
gambar Upload
klik gambar:
simpan (kosong)
2. Kosongka Density: Sistem akan Sesuai valid
n density, (kosong), menolak akses dan Harapan
keterangan Keteranga menampilkan”Pleas
dan upload n e fill out this field”
gambar (di :(kosong),
isi) klik Upload
simpan gambar:
(gambar
2)
3 Isikan Density : Sistem akan Sesuai valid
density, (Low), menerima akses dan Harapan
keterangan Keteranga menampilkan”Penyi
dan upload n :(Besar), mpanan Data
gambar (di Upload Density Baru
isi) klik gambar: Berhasil Disimpan”
simpan (gambar
2)
 78

D. Pengujian Terhadap Form Tambah Pesanan

Tabel III.16
Hasil Pengujian Black Box Terhadap Form Tambah Pesanan

No Skenario Test case Hasil yang Hasil kesimpulan

Pengujian diharapkan pengujian
1. Kosongka No faktur: Sistem akan Sesuai valid
n no (kosong), menolak akses dan Harapan
faktur, no menampilkan”Pleas
no member:( e fill out this field”
member, kosong),
data data
barang dan barang:
tanggal (kosong)
pesan klik tanggal
simpan pesan:
(kosong)
2. Isikan no No faktur: Sistem akan Sesuai valid
faktur, (2018000 menolak akses dan Harapan
Kosongka 1), menampilkan”Pleas
n no No e fill out this field”
member, member
Isikan data :(kosong),
barang dan Data
tanggal barang:
pesan klik (box) ,
simpan tanggal
pesan:
(13/07/20
18)
3 Isikan no No faktur: Sistem akan Sesuai valid
faktur, (2018000 menolak akses dan Harapan
isikan no 1), menampilkan”Pleas
member, No e fill out this field”
kosongkan member:(
data 20180200
barang dan 01),
isikan Data
tanggal barang:
pesan klik (kosong),
simpan Tanggal
pesan:
(13/07/20
18)
4 Isikan no No faktur: Sistem akan Sesuai valid
faktur, (2018000 menerima akses dan Harapan
 79

isikan no 1), menampilkan”Peme

member, No san barang berhasil
isikan data member:( di input”
barang dan 20180200
isikan 01),
tanggal Data
pesan klik barang:
simpan (box),
Tanggal
pesan:
(13/07/20
18)

E. Pengujian Terhadap Form Konfirmasi Pembayaran

Tabel III.17
Hasil Pengujian Black Box Terhadap Form Konfirmasi Pembayaran

No Skenario Test Case Hasil yang Hasil Kesimpula

Pengujian diharapkan pengujia n
n
1 Kosongka No rekening : Sistem akan
n no (kosong), nama menolak
rekening, rekening : (Beny), akses dan
isikan tanggal akan
nama transfer:(07/07/2018) menampilka Sesuai Valid
rekening, , jumlah transfer: n “ please harapan
isikan (200000) dan bukti fill out this
tanggal transfer: (gambar 4) field”
transfer,
isikan
jumlah
transfer
dan isikan
bukti
transfer
kemudian
klik
submit
2 Isikan no No rekening : Sistem akan
rekening, (121121121), nama menolak
kosongka rekening : (kosong), akses dan Sesuai valid
n nama tanggal akan harapan
rekening, transfer:(07/07/2018) menampilka
isikan , jumlah transfer: n “ please
tanggal (200000) dan bukti fill out this
 80

transfer, transfer: (gambar 4) field”

isikan
jumlah
transfer
dan isikan
bukti
transfer
kemudian
klik
submit
3 Isikan no No rekening : Sistem akan
rekening, (121121121), nama menolak
isikan rekening : (Beny), akses dan
nama tanggal akan
rekening, transfer:(kosong), menampilka
kosongka jumlah transfer: n “ please Sesuai
n tanggal (200000) dan bukti fill out this harapan Valid
transfer, transfer: (gambar 4) field”
isikan
jumlah
transfer
dan isikan
bukti
transfer
kemudian
klik
submit
4 Isikan no No rekening : Sistem akan Sesuai valid
rekening, (121121121), nama menolak harapan
isikan rekening : (Beny), akses dan
nama tanggal akan
rekening, transfer:(12/07/2018) menampilka
isikan , jumlah transfer: n “ please
tanggal (kosong) dan bukti fill out this
transfer, transfer: (gambar 4) field
kosogkan
jumlah
transfer
dan isikan
bukti
transfer
kemudian
klik
submit
5 Isikan no No rekening : Sistem akan Sesuai valid
rekening, (121121121), nama menolak harapan
isikan rekening : (Beny), akses dan
 81

nama tanggal akan

rekening, transfer:(12/07/2018) menampilka
isikan , jumlah transfer: n “ please
tanggal (Dua ribu) dan bukti enter a
transfer, transfer: (gambar 4) number”
isikan
jumlah
transfer
dengan
huruf dan
isikan
bukti
transfer
kemudian
klik
submit
6 Isikan No rekening : Sistem akan Sesuai valid
no (121121121), nama menerima harapan
rekening, rekening : (Beny), akses dan
isikan tanggal menampilka
nama transfer:(12/07/2018) n “data telah
rekening, , jumlah transfer: di simpan
isikan (2000) dan bukti
tanggal transfer: (kosong)
transfer,
isikan
jumlah
transfer
dan
kosongka
n bukti
transfer
kemudian
klik
submit
7 Isikan No rekening : Sistem akan Sesuai valid
no (121121121), nama menerima Harapan
rekening, rekening : (Beny), akses dan
isikan tanggal menampilka
nama transfer:(12/07/2018) n”Konfirmas
rekening, , jumlah transfer: i
isikan (2000) dan bukti Pembayaran
tanggal transfer: (gambar 4) Berhasil”
transfer,
isikan
jumlah
transfer
 82

dan isikan
bukti
transfer
kemudian
klik
submit

A. Pengujian Terhadap Form Login Member

Tabel III.18
Hasil Pengujian Black Box Testing Form Login Member

No Skenario Test case Hasil yang Hasil kesimpulan

Pengujian diharapkan pengujian
1. Kosongkan Username: Sistem akan Sesuai valid
username (Kosong), menolak akses dan Harapan
dan password : menampilkan
password (Kosong) kembali halaman
klik login form login

2. Isi Username: Sistem akan Sesuai valid

username (beny), menolak akses dan Harapan
dan Password menampilkan”
password : Login gagal,
kosong (kosong) masukan username
klik login dan password
dengan benar”
3 Isi Username: Sistem akan Sesuai valid
username (xxx), menolak akses dan Harapan
(salah) dan password: menampilkan”
password (12345) Login gagal,
di isi klik masukan username
login dan password
dengan benar”
4 Isi Username Sistem akan Sesuai valid
username : (beny), menerima akses Harapan
(benar) password: dan masuk
dan (12345) kehalaman menu
password admin
di isi
(benar)
klik login