bab iii pembahasan - repository.bsi.ac.id · adapun struktur organisasi ini sendiri dapat dikatakan...

33
20 BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan Dalam menjalankan suatu usaha apabila masih menggunakan sistem yang masih menggunakan kertas dalam transaksinya, tentu akan mengalami sedikit kendala dalam pelaksanaannya baik dari segi biaya, waktu maupun tempat. Salah satu masalah yang sering terjadi adalah mempromosikan suatu produk harus dengan membuat banner atau selebaran-selebaran dan menyebarkannya ke masyarakat, ini tentu akan memakan biaya dan waktu yang tidak sedikit. Media internet merupakan salah satu cara yang cukup efektif dalam mempromosikan suatu produk. Ada berbagai hal dapat diperoleh di internet tak terkecuali dalam hal penjualan. 3.1.1 Sejarah Perusahaan Berbekal 14 tahun pengalaman dibidang cookware dan bakeware baik didalam maupun diluar negeri,bapak Joni Janto berencana mendirikan sebuah toko dimana toko itu akan menyediakan peralatan masak buatan dalam negeri dengan kualitas sama seperti produk impor yang berasal dari Amerika atau Eropa maka pada tanggal 16 November 2007 diresmikan sebuah toko dengan nama NO BRAND yang berlokasi di Jalan.Gading Serpong No 11-12 Tangerang.No Brand menyediakan berbagai macam peralatan dapur berkualitas tinggi yang jarang dijumpai toko-toko sejenis di Indonesia,khusus Jakarta dan Indonesia. Seiring berjalannya waktu,sesuai dengan kebutuhan dan permintaan pelanggan. No Brand

Upload: vuongcong

Post on 07-Aug-2019

219 views

Category:

Documents


0 download

TRANSCRIPT

20

BAB III

PEMBAHASAN

3.1. Tinjauan Perusahaan

Dalam menjalankan suatu usaha apabila masih menggunakan sistem yang

masih menggunakan kertas dalam transaksinya, tentu akan mengalami sedikit

kendala dalam pelaksanaannya baik dari segi biaya, waktu maupun tempat. Salah

satu masalah yang sering terjadi adalah mempromosikan suatu produk harus

dengan membuat banner atau selebaran-selebaran dan menyebarkannya ke

masyarakat, ini tentu akan memakan biaya dan waktu yang tidak sedikit.

Media internet merupakan salah satu cara yang cukup efektif dalam

mempromosikan suatu produk. Ada berbagai hal dapat diperoleh di internet tak

terkecuali dalam hal penjualan.

3.1.1 Sejarah Perusahaan

Berbekal 14 tahun pengalaman dibidang cookware dan bakeware baik

didalam maupun diluar negeri,bapak Joni Janto berencana mendirikan sebuah

toko dimana toko itu akan menyediakan peralatan masak buatan dalam negeri

dengan kualitas sama seperti produk impor yang berasal dari Amerika atau Eropa

maka pada tanggal 16 November 2007 diresmikan sebuah toko dengan nama NO

BRAND yang berlokasi di Jalan.Gading Serpong No 11-12 Tangerang.No Brand

menyediakan berbagai macam peralatan dapur berkualitas tinggi yang jarang

dijumpai toko-toko sejenis di Indonesia,khusus Jakarta dan Indonesia. Seiring

berjalannya waktu,sesuai dengan kebutuhan dan permintaan pelanggan. No Brand

21

tidak hanya sekedar toko biasa. No Brand berubah nama menjadi CooksHabit.

Saat itu juga terjadi perluasan toko sebagai wujud dalam memberikan pelayanan

yang terbaik untuk para pelanggan dalam memaksimalkan penggunaan peralatan

masak. Misi dari PT.LPJ antara lain:

1. Meningkatkan daya saing di segala bidang terutama dalam hal

kualitas,efisiensi,dan teknologi secara berkelanjutan

2. Meningkatkan kemampuan SDM dalam mensosialisasikan produk

secara terus-menerus

3. Memperkuat jaringan distribusi yang merata dalam skala global

3.1.2. Struktur Organisasi dan fungsinya

untuk mengolah perusahaan dengan baik dan optimal, terutama terhadap

sumber daya manusia, perusahaan menerapkan manajemen yang dituangkan

dalam bentuk struktur organisasi merupakan sarana yang sangat penting untuk

menjalankan fungsinya. Adapun struktur organisasi ini sendiri dapat dikatakan

sebagai suatu kerangka yang mewujudkan suatu pola tetapi dari hubungan antara

kedudukan dan peranan dalam suatu kerja sama. Bentuk struktur organisasi yang

dimiliki PT.LPJ adalah sebagai berikut:

Gambar III.1. Struktur Organisasi

Direktur

Accounting Purchasing

Staf

Gudang

Staf

Online

Administrasi

Penjualan

22

Keterangan gambar dan fungsi dari tiap tiap bagian adalah sebagai berikut:

1. Direktur

Direktur adalah jabatan tertinggi dalam PT.LPJ, dia bertindak sebagai

direktur sekaligus pimpinan PT.LPJ.Wewenang direktur adalah sebagai

berikut:

1. Menandatangani surat jalan

2. Memanajemen karyawan-karyawan yang ada di PT.LPJ

3. Menandatangani invoice yang sudah dibuat

4. Menerima laporan keuangan setiap bulan.

2. Purchasing

Purchasing mempunyai tanggung jawab antara lain:

1. Mempunyai wewenang untuk membuat Purchase Order(Pesanan

Pembelian)

2. Membuat invoice untuk PO yang akan jatuh tempo

3. Mengecek harga jual untuk supplier luar.

3. Accounting

Accounting mempunyai tanggung jawab antara lain:

1. Mengecek laporan keuangan

2. Mengecek invoice Purchase Order untuk tanggal-tanggal invoice yang

akan jatuh tempo

3. Mengecek laporan kas kecil

4. Staf Gudang

Staf Gudang mempunyai tanggung jawab antara lain:

23

1. Menerima barang masuk sesuai dgn PO yang sdh dibuat oleh bagian

purchasing

2. Mengecek stok melalui sistem

3. Membuat estimasi pemesanan barang

5. Staf Online.

Staf Online mempunyai tanggung jawab antara lain:

1. Mengecek order (pesanan) melalui email.

2. Menyiapkan barang-barang yang sudah dipesan melalui email dan akan

dikirim Melalui jasa pengiriman barang

3. Mengecek stok barang yang kosong maupun yang tersedia pada website

tersebut

4. Membuat faktur penjualan setiap terjadi penjualan.

5. Mengontrol stok barang yang ada di gudang.

6. Administrasi Penjualan

Administrasi Penjualan mempunyai tanggung jawab antara lain:

1. Membuat faktur pajak

2. Mengecek laporan penjualan yang masuk

3. Membuat invoice,surat jalan untuk barang-barang yang akan dikirim.

4. Mengecek laporan penjualan dengan rekening koran

3.2 Analisa Kebutuhan

Penggunaan internet yang semakin berkembang saat ini mempengaruhi

berbagai aspek kehidupan, contohnya dalam hal berbisnis. Kini untuk melakukan

kegiatan jual-beli tidak terbatas oleh jarak dan waktu. Dengan memanfaatkan

teknologi saat ini kegiatan jual beli dapat dilakukan darimana saja dan dapat

24

diakses kapan saja hingga 24 jam. Oleh karena itu penulis mencoba membuat toko

online penjualan kitchenware karena kini kreatifitas juga semakin berkembang

mengikuti perkembangan zaman yang semakin modern. Dengan adanya sistem

informasi ini, diharapkan dapat mempermudah user mendapatkan informasi yang

dibutuhkan.

Dalam pembuatan website dibutuhkan suatu perancangan untuk

mempermudah urutan dalam pembuatan website. Berikut ini adalah spesifikasi

kebutuhan dari sistem yang dibuat.

1. Halaman Pengguna sebagai Admin (Back End)

Dimana admin dapat melakukan kegiatan sebagai berikut:

1. Admin dapat mengelola data kategori

2. Admin dapat mengelola data produk

3. Admin dapat melihat konfirmasi keranjang belanja

4. Admin dapat mengelola data cara pembayaran

5. Admin dapat melihat dan mencetak laporan transaksi

2 Halaman Pengguna sebagai pelanggan

Dimana Customer dapat melakukan kegiatan sebagai berikut:

1. Customer dapat melihat tentang toko kami melalui menu profil

2. Customer dapat menghubungi kami melalui kontak kami

3. Customer dapat mencetak bukti transaksi

4. Customer dapat melihat bukti transaksi

5. Customer dapat memilih bank yang digunakan dalam melakukan transaksi

pembayaran

25

6. Customer dapat melihat dan memilih produk yang akan dipesan berdasarkan

kategori produk.

3.3 Perancangan Perangkat Lunak

3.3.1 Rancangan Antar muka

Menjelaskan rancangan antar muka ( interface ) yang terdapat pada aplikasi e-

commerce untuk Kitchenware Tangerang.

1. Rancangan Antar Muka Halaman Web Untuk Admin

a. Rancangan Antar Muka Login Admin

Gambar III.2 Rancangan Antar Muka Login Admin

b. Rancangan Antar Muka Halaman Admin

Gambar III.3 Rancangan Antar muka Halaman Admin

Keterangan:

HEADER

Username

Password

LOGIN BATAL

Header

Footer

HOME LOGOUT Produk Kategori

Transaksi Pengiriman

Pelanggan Testimoni

Input Password

26

Home : Menampilkan ucapan selamat datang.

Produk : Menampilkan halaman produk

Kategori : Menampilkan halaman kategori produk

Transaksi : Menampilkan halaman data transaksi

Pengiriman : Menampilkan halaman data pengiriman

Pelanggan : Menampilkan halaman data pelanggan

Testimoni : Menampilkan halaman data testimoni

Input : Menampilkan halaman data form tambah admin

Password : Menampilkan halaman data panel username dan password

admin

Logout : Untuk keluar dari halaman admin

c. Rancangan Antar Muka Halaman Kitchenware

Header

Produk

Kategori

Transaksi

Pengiriman

Pelanggan

Testimoni

Input

Password

Footer

Home Logout

Id Nama Produk Harga Ukuran Stok Opsi

Xx xxxxxxxxxx xxxxx xxxx xx Ubah | Hapus

27

Gambar III.4 Rancangan Antar Muka Halaman Kitchenware

Keterangan:

Home : Menampilkan halaman menu

Produk : Menampilkan halaman produk

Kategori : Menampilkan halaman kategori produk

Transaksi : Menampilkan halaman data transaksi

Pengiriman : Menampilkan halaman data pengiriman

Pelanggan : Menampilkan halaman data pelanggan

Testimoni : Menampilkan halaman tentang testimoni pelanggan

Input : Menampilkan halaman data form tambah admin

Password : Menampilkan halaman data panel username dan password

admin

Logout : Untuk keluar dari halaman admin

d. Rancangan Antar Muka Halaman Kategori

Header

Produk

Kategori

Transaksi

Pengiriman

Pelanggan

Testimoni

Input

Password

Footer

Home Logout

Tambah Kategori

ID Nama Kategori Opsi

Xx xxxxxxx Edit | Hapus

28

Gambar III.5 Rancangan Antar Muka Halaman Kategori

Keterangan:

Home : Menampilkan halaman menu

Produk : Menampilkan halaman produk

Kategori : Menampilkan halaman kategori produk

Transaksi : Menampilkan halaman data transaksi

Pengiriman : Menampilkan halaman data pengiriman

Pelanggan : Menampilkan halaman data pelanggan

Testimoni : Menampilkan halaman tentang testimoni pelanggan

Input : Menampilkan halaman data form tambah admin

Password : Menampilkan halaman panel dan username password admin

Logout : Untuk keluar dari halaman admin

e. Rancangan Antar Muka Halaman Transaksi

Header

Produk

Kategori

Transaksi

Pengiriman

Pelanggan

Testimoni

Input

Password

Footer

Home Logout

Panel Pencarian Data Transaksi

Id_Transaksi Tanggal Id_Pelanggan Total Status Opsi

Xxxxxxxx xxxxx xxxxxxx xxxxx xxxx Detail | Hapus

29

Gambar III.6 Rancangan Antar Muka Halaman Transaksi

Keterangan:

Home : Menampilkan halaman menu

Produk : Menampilkan halaman produk

Kategori : Menampilkan halaman kategori produk

Transaksi : Menampilkan halaman data transaksi

Pengiriman : Menampilkan halaman data pengiriman

Pelanggan : Menampilkan halaman data pelanggan

Testimoni : Menampilkan halaman tentang testimoni pelanggan

Input : Menampilkan halaman data form tambah admin

Password : Menampilkan halaman panel username & password admin

Logout : Untuk keluar dari halaman admin

f. Rancangan Antar Muka Halaman Pengiriman

Header

Produk

Kategori

Transaksi

Pengiriman

Pelanggan

Testimoni

Input

Password

Footer

Footer

Home

Logout

Laporan Transaksi Pemesan Produk

ID

Tanggal

ID Pelanggan

Total Detail

Status Bayar

Status Barang

Cek Pembayaran Update Status Barang

30

Gambar III.7 Rancangan Antar Muka Halaman Pengiriman

Keterangan:

Home : Menampilkan halaman menu

Produk : Menampilkan halaman produk

Kategori : Menampilkan halaman kategori produk

Transaksi : Menampilkan halaman data transaksi

Pengiriman : Menampilkan halaman data pengiriman

Pelanggan : Menampilkan halaman data pelanggan

Testimoni : Menampilkan halaman tentang testimoni pelanggan

Input : Menampilkan halaman data form tambah admin

Password : Menampilkan halaman panel username dan password admin

Logout : Untuk keluar dari halaman admin

g. Rancangan Antar Muka Data Pelanggan

Header

Produk

Kategori

Transaksi

Pengiriman

Pelanggan

Testimoni

Input

Password

Footer

Home Logout

ID Nama Alamat No. Telpon Email Opsi

Xx xxxx xxxxxxx xxxxx xxxxxx Hapus

Cari Data Pelanggan

31

Gambar III.8 Rancangan Antar Muka Data Pelanggan

Keterangan:

Home : Menampilkan halaman menu

Produk : Menampilkan halaman produk

Kategori : Menampilkan halaman kategori produk

Transaksi : Menampilkan halaman data transaksi

Pengiriman : Menampilkan halaman data pengiriman

Pelanggan : Menampilkan halaman data pelanggan

Testimoni : Menampilkan halaman tentang testimoni pelanggan

Input : Menampilkan halaman data form tambah admin

Password : Menampilkan halaman panel username dan password admin

Logout : Untuk keluar dari halaman admin

h. Rancangan Antar Muka Halaman Testimoni

Header

Produk

Kategori

Transaksi

Pengiriman

Pelanggan

Testimoni

Input

Password

Footer

Home Logout

Nama E-Mail Kota Pesan Opsi

Xxx xxxxx xxxxxx xxxxxxx Hapus

32

Gambar III.9 Rancangan Antar Muka Halaman Testimoni

Keterangan :

Home : Menampilkan halaman menu

Produk : Menampilkan halaman produk

Kategori : Menampilkan halaman kategori produk

Transaksi : Menampilkan halaman data transaksi

Pengiriman : Menampilkan halaman data pengiriman

Pelanggan : Menampilkan halaman data pelanggan

Testimoni : Menampilkan halaman tentang testimoni pelanggan

Input : Menampilkam halaman data form tambah admin

Password : Menampilkan halaman panel username dan password admin

Logout : Untuk keluar dari halaman admin

i. Rancangan Antar Muka Halaman Input

Header

Produk

Kategori

Transaksi

Pengiriman

Pelanggan

Testimoni

Input

Password

Footer

Footer

Home Logout

FORM TAMBAH ADMIN

Username

Password

xxxxxxxxxxxxx

xxxxxxxxxxx

TAMBAH

33

Gambar III.10 Rancangan Antar Muka Halaman Input

Keterangan:

Home : Menampilkan halaman menu

Produk : Menampilkan halaman produk

Kategori : Menampilkan halaman kategori produk

Transaksi : Menampilkan halaman data transaksi

Pengiriman : Menampilkan halaman data pengiriman

Pelanggan : Menampilkan halaman data pelanggan

Testimoni : Menampilkan halaman tentang testimoni pelanggan

Input : Menampilkan halaman data form tambah admin

Password : Menampilkan halaman panel username dan password admin

Logout : Untuk keluar dari halaman admin

j. Rancangan Antar Muka Halaman Password

Header

Produk

Kategori

Transaksi

Pengiriman

Pelanggan

Testimoni

Input

Password

Footer

Home Logout

ID Username Pasword Level Opsi

Xx xxxxxxxx xxxxxxxxxx xxxx Hapus

34

Gambar III.11 Rancangan Antar Muka Halaman Password

Keterangan:

Home : Menampilkan halaman menu

Produk : Menampilkan halaman produk

Kategori : Menampilkan halaman kategori produk

Transaksi : Menampilkan halaman data transaksi

Pengiriman : Menampilkan halaman data pengiriman

Pelanggan : Menampilkan halaman data pelanggan

Testimoni : Menampilkan halaman tentang testimoni pelanggan

Input : Menampilkan halaman data form tambah admin

Password : Menampilkan halaman panel username dan password admin

Logout : Untuk keluar dari halaman admin

2.Halaman User terdiri dari

a. Rancangan Antar Muka Halaman Home User

Gambar III.11 Rancangan Antar Muka Halaman Home User

Gambar III.12 Rancangan Antar Muka Halaman User

Header

Footer

Home | Cara Pembayaran | Konfirmasi | Testimoni | Tentang Kami

Keranjang Belanja

Daftar Kategori

Info

Gambar

Produk 1

Detail Beli

Gambar

Produk 2

Beli Detail

Gambar

Produk 3

Beli Detail

35

Keterangan:

Home : Menampilkan halaman home

Cara Pembayaran : Menampilkan halaman data cara pembayaran dan no. Rekening

Konfirmasi : Menampilkan halaman tentang status pembayaran

Testimoni : Menampilkan halaman tentang testimoni pelanggan

Menu Profil : Menampilkan halaman tentang Menu Profil

b. Rancangan Antar Muka Halaman Cara Pembayaran

Gambar III.13 Rancangan Antar Muka Halaman Cara Pembayaran

Keterangan:

Home : Menampilkan halaman home

Cara Pembayaran : Menampilkan halaman data cara pembayaran dan no. Rekening

Konfirmasi : Menampilkan halaman tentang status pembayaran

Testimoni : Menampilkan halaman tentang testimoni pelanggan

Menu Profil : Menampilkan halaman tentang Menu Profil

Header

Footer

Footer

Keranjang Belanja

Daftar Kategori

Info

Home | Cara Pembayaran | Konfirmasi | Testimoni | Tentang Kami

Cara Pembayaran

Nama

Bank 1

Nama

Bank 2

Nama

Bank 3

Nama

Bank 4

Konfirmasi Pembayaran

36

c. Rancangan Antar Muka Halaman Konfirmasi

Gambar III.13 Rancangan Antar Muka Halaman Konfirmasi

Gambar III.14 Rancangan Antar Muka Halaman Konfirmasi

Keterangan:

Home : Menampilkan halaman home

Cara Pembayaran : Menampilkan halaman cara pembayaran dan no. Rekening

Konfirmasi : Menampilkan halaman tentang status pembayaran

Testimoni : Menampilkan halaman tentang testimoni pelanggan

Menu Profil : Menampilkan halaman tentang Menu Profil

d. Rancangan Antar Muka Halaman Testimoni

Home | Cara Pembayaran | Konfirmasi | Testimoni | Tentang Kami

Header

Footer

Keranjang Belanja

Daftar Kategori

Info

Home | Cara Pembayaran | Konfirmasi | Testimoni | Tentang Kami

Cek Status Pembayaran

Ketik No. Transaksi Cari Ketik ID Barang Cari

Header

Footer

Home | Cara Pembayaran | Konfirmasi | Testimoni | Tentang Kami

Keranjang Belanja

Tulis Testimoni

Nama xxxx

E-Mail xxxx

Kota xxxx

Pesan

Info

Inpu

t

Batal

Testimoni Pelanggan

37

Gambar III. 15 Rancangan Antar Muka Halaman Testimoni

Keterangan:

Home : Menampilkan halaman home

Cara Pembayaran : Menampilkan halaman cara pembayaran dan no. Rekening

Konfirmasi : Menampilkan halaman tentang status pembayaran

Testimoni : Menampilkan halaman tentang testimoni pelanggan

Menu Profil : Menampilkan halaman profil kami

e. Rancangan Antar Muka Halaman Tentang Kami

Gambar III.16 Rancangan Antar Muka Halaman Tentang Kami

Keterangan:

Home : Menampilkan halaman home

Cara Pembayaran : Menampilkan halaman cara pembayaran dan no. Rekening

Konfirmasi : Menampilkan halaman tentang status pembayaran

Testimoni : Menampilkan halaman tentang testimoni pelanggan

Menu Profil : Menampilkan halaman tentang Menu Profil

Header

Footer

Home | Cara Pembayaran | Konfirmasi | Testimoni | Tentang Kami

Keranjang Belanja

Daftar Kategori

Informasi Web

38

1. Struktur Navigasi Admin

Gambar III.17 Struktur Navigasi Admin

2. Struktur Navigasi User

Gambar III.18 Struktur Navigasi User

3.3.2 Rancangan Basis Data

Perancangan basis data menghasilkan pemetaan tabel-tabel yang

digambarkan dengan Entity Relationship Diagram (ERD) dan Logical Relational

Structure (LRS).

Login

Home

Produk Kategori

Transaksi Pengiriman Pelanggan Testimoni Input

Password Logout

Tambah Edit

Tambah Edit

Baca

Cari Baca

Cari Baca

Baca Tambah

Baca Hapus

Cara Pembayaran Konfirmasi Testimoni Tentang Kami

Home

39

1. Entity Relationship Diagram

Gambar III.19 Entity Relationship Diagrams

2. Logical Relational Structure

1 M 1 1

1

1 M 1

Pelanggan

Id_pelanggan

nama alamat

telepon

email

Melakukan

Transaksi

Id Transaksi

Id_Pelangga

n

Total

Tgl

Detail Transaksi

qty id_produk

id_transaksi

subtotal

Mempunyai Produk

id_produk

nama_produk harga

ukuran

stok

keterangan

Merk

id_merk

nama merk

Memiliki Konfirmasi

tanggal

id_transaksi

bank

no_rek

jumlah

nama

Memiliki

Pelanggan

id_ pelanggan

nama

alamat

telepon

email

Transaksi

tanggal

nama

id_transaksi

total

Konfirmasi

tanggal

nama

id_transaksi

no_rekening

bank

jumlah

Merk

nama merk

id_merk

keterangan

Produk

Nama

id_produk

harga

ukuran

stok

keterangan

Detail transaksi

id_transaksi

qty

id_produk

subtotal

Memiliki

Detail Status

Pengiriman

gambar

id_merk

40

Gambar III.20 Logical Relational Structure

3. Spesifikasi File

Dalam spesifikasi file yang terdapat database yang diberi nama Kitchenware.

Menjelaskan beberapa spesifikasi yang digunakan dan berkaitan dengan web yang

dibuat adalah sebagai berikut

a. Spesifikasi File User

Nama File : User

Akronim File : User

Fungsi File : Sebagai tempat penyimpanan data admin

Tipe File : File Master

Organisasi File : Index sequential

Akses File : Random

Media : Hard Disk

Panjang Record: 131 karakter

Kunci Field : id_admin

Tabel III.1 Spesifikasi File Admin

No Elemen Data Nama Field Type Width Ket

1 Id_Admin id_admin Int 11 Primary Key

2 Username username Varchar 50

3 Password password Varchar 50

4 Level nama Varchar 20

a. Spesifikasi File Pelanggan

Nama File : Pelanggan

41

Akronim File : Pelanggan

Fungsi File : Sebagai tempat penyimpanan data pelanggan

Tipe File : File Master

Organisasi File : Index sequential

Akses File : Random

Media : Hard Disk

Panjang Record: 136 karakter

Kunci Field : id_pelanggan

Tabel III.2 Spesifikasi File Pelanggan

No Elemen Data Nama Field Type Width Ket

1 Id_Pelanggan id_pelanggan Int 11 Primary Key

2 Nama nama Varchar 60

3 Alamat alamat Text

4 Telepon telepon Varchar 20

5 Email email Varchar 45

c. Spesifikasi File Kategori

Nama File : Kategori

Akronim File : Kategori

Fungsi File : Sebagai tempat penyimpanan data kategori

Tipe File : File Master

Organisasi File : Index sequential

Akses File : Random

42

Media : Hard Disk

Panjang Record: 40 karakter

Kunci Field : id_kategori

Tabel III.3 Spesifikasi File Kategori

No Elemen Data Nama Field Type Width Ket

1

Id_kategori id_kategori Int 5 Primary Key

2 Nama Kategori nama kategori Varchar 35

d. Spesifikasi File Produk

Nama File : Produk

Akronim File : Produk

Fungsi File : Sebagai tempat penyimpanan data produk

Tipe File : File Master

Organisasi File : Index sequential

Akses File : Random

Media : Hard Disk

Panjang Record: 83 karakter

Kunci Field : id_produk

Tabel III.4 Spesifikasi File Produk

No Elemen Data Nama Field Type Width Ket

1 Id_produk id_produk Int 5 Primary Key

43

2 Nama Produk nama_produk Int 5

3 Ukuran ukuran Varchar 3

4 Harga harga Int 25

5 Gambar gambar Text

6 Kategori kategori Varchar 15

7 Stok stok Int 5

8 Keterangan keterangan Int 25

e. Spesifikasi File Konfirmasi

Nama File : Konfirmasi

Akronim File : Konfirmasi

Fungsi File : Sebagai tempat penyimpanan data Konfirmasi

Tipe File : File Transaksi

Organisasi File : Index sequential

Akses File : Random

Media : Hard Disk

Panjang Record: 80 karakter

Kunci Field : id_transaksi

Tabel III.5 Spesifikasi File Konfirmasi

No Elemen Data Nama Field Type Width Ket

1. Id Transaksi id_transaksi Int 10 Primary Key

2 Tanggal tanggal Date 10

3 Nama nama Varchar 25

44

4 NoRekening no_rekening Int 15

5 Bank bank Varchar 10

6 Jumlah jumlah Int 20

f. Spesifikasi File Detail Transaksi

Nama File : Detail Transaksi

Akronim File : Detail_transaksi

Fungsi File : Sebagai tempat penyimpanan data detail transaksi

Tipe File : File Transaksi

Organisasi File : Index sequential

Akses File : Random

Media : Hard Disk

Panjang Record: 25 karakter

Kunci Field : id_transaksi

Tabel III.6 Struktur File Detail Transaksi

No Elemen Data Nama Field Type Width Ket

1 Id Transaksi id_transaksi Int 10

2 Id Produk Id_produk Int 5

3 Quantity quantity Int 5

4 Subtotal subtotal Int 5

g. Spesifikasi File Menu Utama

Nama File : Menu Utama

45

Akronim File : Menu_utama

Fungsi File : Sebagai tempat penyimpanan data menu utama

Tipe File : File Master

Organisasi File : Index sequential

Akses File : Random

Media : Hard Disk

Panjang Record: 155 karakter

Kunci Field : id_menu

Tabel III.7 Struktur File Menu Utama

No Elemen Data Nama Field Type Width Ket

1 Id_Menu id_menu Int 5 Primary Key

2 Nama_Menu nama_menu Varchar 50

3 Link link Varchar 100

4 Aktif aktif Enum „Y‟,‟N”

3.4. Implementasi dan Pengujian Unit

3.4.1 Implementasi

A. Implementasi Rancangan Antar Muka

1. Halaman Login Admin

Admin harus melakukan login terlebih dahulu untuk dapat menggunakan

modul-modul yang tersedia jika login berhasil, maka admin dapat masuk ke

halaman admin.

46

Gambar III.20 Halaman Login Admin

2. Halaman Home Admin

Merupakan halaman yang terdapat menu-menu yang dibutuhkan oleh admin

untuk mengupdate data-data kategori, produk, laporan transaksi, serta data

konfirmasi.

` Gambar III.21 Halaman Home Admin

3. Halaman Data Produk

Pada Halaman ini admin dapat mengelola data Kitchenware

47

Gambar III.22 Halaman Data Kitchenware

4. Halaman Kategori

Pada halaman ini admin dapat mengelola kategori

Gambar III.23 Halaman Data Kategori

5. Halaman Cara Pembayaran

48

Gambar III.24 Halaman Cara Pembayaran

6. Halaman Testimoni

Gambar III.25 Halaman Testimoni

B. Spesifikasi Sistem Komputer

Salah satu kelebihan yang dimiliki oleh komputer adalah kecepatan dalam

pengolahan data dalam jumlah besar. Selain itu juga, komputer mampu

menghasilkan perhitungan yang akurat. Dalam penggunaannya, komputer

memerlukan program-program aplikasi yang sesuai untuk mengolah data yang

diperlukan.Pada web penjualan Kitchenware yang penulis buat juga

memerlukan perincian-perincian komponen dari spesifikasi sarana pendukung

program. Adapun spesifikasi sarana pendukung program yang diperlukan

antara lain:

1. Spesifikasi Perangkat Keras

Perangkat keras (Hardware) adalah peralatan di sistem komputer yang

secara fisik terlihat dan dapat disentuh. Perangkat keras ini terdiri dari alat-alat

fisik yang membentuk sistem komputer itu sendiri. Perangkat keras yang

dibutuhkan dibagi atas dua bagian, yaitu perangkat keras untuk web server dan

49

perangkat keras untuk client.Perangkat keras minimal yang diperlukan untuk

webserver dan client adalah sebagai berikut:

a) Server

1) CPU

(a) Processor Intel® Pentium® Core 2 Duo

(b) RAM DDR2 4 GB

(c) Harddisk 500 GB

2) Mouse : Standard mouse

3) Keyboard : 101/102 keys

4) Monitor dengan resolusi layar minimum 1024x768

5) Printer : HP DESKJET 1050

6) Koneksi internet dengan kecepatan 2 Mbps.

1) Client

1) CPU

(a) Processor intel® Pentium® 4

(b) RAM DDR2 1 GB

(c) Harddisk 20 GB

2) Mouse : Standard mouse

3) Keyboard : 101/102 keys

4) Monitor dengan resolusi layar minimum 1024x768

5) Printer : HP DESKJET 1050

6) Koneksi internet dengan kecepatan 56 kbps.

2. Spesifikasi Perangkat Lunak

50

Perangkat lunak (Software) adalah program komputer yang terasosiasi

dengan dokumentasi perangkat lunak seperti dokumentasi kebutuhan, model

desain dan cara penggunaan (user manual). Seperti halnya perangkat keras,

perangkat lunak yang dibutuhkan pun terdiri dari 2 bagian, yaitu perangkat lunak

untuk webserver dan perangkat lunak untuk client. Perangkat lunak minimal yang

diperlukan untuk webserver dan client adalah sebagai berikut:

1) Server

a) Operating System : Windows atau Linux

b) Bahasa Program : PHP

c) Database Server : MySQL Server versi 5.1.33

d) Web Server : Apache (for Windows), XAMPP.

e) Database Tools : PhpMyAdmin versi 3.1.3.1

f) WebBrowser : Mozilla Firefox,Internet Explorer,

Google Chrome.

2) Client

a) Operating System : WindowsXP/ 7/ 8

b) WebBrowser : Mozilla Firefox, Google Chrome, Internet

Explorer

3.4.2 Pengujian Unit

Dalam hal ini penulis menggunakan blackbox testing sebagai proses

pengujian proses input dan output.

A. Pengujian Terhadap Form Login

51

Tabel III.8

Hasil Pengujian Black Box Testing Halaman Login

No. Skenario

Pengujian

Test Case Hasil yang

Diharapkan

Hasil

Pengujian

Kesimpulan

1. Mengosongkan

semua isian data

login admin, lalu

mengklik tombol

login

Username

: (kosong)

Password

: (Kosong)

Sistem akan

menolak akses login

dan menampilkan

pesan “Anda belum

mengisikan

username”

Sesuai

Harapan

Valid

2. Hanya mengisi data

username dan

mengosongkan data

password, lalu

mengklik tombol

login

Username

: lena

Password

: (Kosong)

Sistem akan

menolak akses login

dan menampilkan

pesan “Anda belum

mengisikan

Password”

Sesuai

Harapan

Valid

3. Hanya mengisi data

password dan

mengosongkan data

username, lalu

mengklik tombol

login

Username

: (kosong)

Password

: lena

Sistem akan

menolak akses login

dan menampilkan

pesan “Anda belum

mengisikan

username”

Sesuai

Harapan

Valid

4. Menginputkan

dengan kondisi salah

satu data benar dan

satu lagi salah

mengklik tombol

login

Username

: lena

Password

: admin

Sistem akan

menolak akses login

dan menampilkan

pesan “LOGIN

GAGAL! Username

atau Password Anda

Sesuai

Harapan

Valid

52

tidak benar”

5. Menginputkan data

login yang benar,

lalu mengklik

tombol login

Username

: admin

Password

: admin

Sistem

menerimaakses

login dan

menampilkan

halaman Menu

Admin

Sesuai

Harapan

Valid