33
18 BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan 3.1.1. Sejarah Institusi/ Perusahaan Toko Bunda Indah didirikan pada tanggal 25 Juli 2015, beralamat di Jl. Nusantara Raya-Perumnas 3 Bekasi Timur. Toko Bunda Indah merupakan usaha dibidang penjualan susu dan pampers dan didirikan oleh ibu Indah Nur Hayati.Latar belakang pendirian toko tersebut adalah tingginya daya beli masyarakat terhadap susu dan pampers khususnya yang menyangkut kebutuhan anak balita. Dengan dukugan keluarga dan pertimbangan yang cukup matang, maka ibu Indah Nur Hayati mendirikan toko tersebut. Pada tahun 2015 ibu Indah mempekerjakan 2 orang karyawan yang bertugas sebagai tenaga penjualan. Namun seiring pertumbuhan bisnis toko bunda indah mulai menambahkan 1 karyawan tambahan menjadi 3 orang, Dengan kerja keras dan komitmen yang sungguh- sungguh, Toko Bunda Indah telah menjadi salah satu toko susu dan pampers yang memiliki jumlah pelanggan cukup banyak. Namun terlepas dari semua pencapaian tersebut, Toko Bunda Indah tetap berusaha memuaskan kebutuhan pelanggan. 3.1.2. Struktur Organisasi dan Fungsi Stuktur organisasi merupakan pembagian kegiatan kerja, menunjukan bagaimana fungsi atau kegiatan yang berbeda-beda dihubungkan sampai batas tertentu, menunjukan hiraki dan struktur wewenang organisasi serta memperlihatkan hubungan pelapornya. Dengan struktur organisasi yang baik, tugas-tugas

hasil-hasilnya dapat terkendali. · 19 digolongkan sedemikian rupa sehingga dapat dilaksanakan secara efektif, terarah dan hasil-hasilnya dapat terkendali. Bentuk struktur organisasi

  • Upload
    others

  • View
    4

  • Download
    0

Embed Size (px)

Citation preview

Page 1: hasil-hasilnya dapat terkendali. · 19 digolongkan sedemikian rupa sehingga dapat dilaksanakan secara efektif, terarah dan hasil-hasilnya dapat terkendali. Bentuk struktur organisasi

18

BAB III

PEMBAHASAN

3.1. Tinjauan Perusahaan

3.1.1. Sejarah Institusi/ Perusahaan

Toko Bunda Indah didirikan pada tanggal 25 Juli 2015, beralamat di Jl.

Nusantara Raya-Perumnas 3 Bekasi Timur. Toko Bunda Indah merupakan usaha

dibidang penjualan susu dan pampers dan didirikan oleh ibu Indah Nur Hayati.Latar

belakang pendirian toko tersebut adalah tingginya daya beli masyarakat terhadap

susu dan pampers khususnya yang menyangkut kebutuhan anak balita.

Dengan dukugan keluarga dan pertimbangan yang cukup matang, maka ibu

Indah Nur Hayati mendirikan toko tersebut. Pada tahun 2015 ibu Indah

mempekerjakan 2 orang karyawan yang bertugas sebagai tenaga penjualan. Namun

seiring pertumbuhan bisnis toko bunda indah mulai menambahkan 1 karyawan

tambahan menjadi 3 orang, Dengan kerja keras dan komitmen yang sungguh-

sungguh, Toko Bunda Indah telah menjadi salah satu toko susu dan pampers yang

memiliki jumlah pelanggan cukup banyak. Namun terlepas dari semua pencapaian

tersebut, Toko Bunda Indah tetap berusaha memuaskan kebutuhan pelanggan.

3.1.2. Struktur Organisasi dan Fungsi

Stuktur organisasi merupakan pembagian kegiatan kerja, menunjukan

bagaimana fungsi atau kegiatan yang berbeda-beda dihubungkan sampai batas

tertentu, menunjukan hiraki dan struktur wewenang organisasi serta memperlihatkan

hubungan pelapornya. Dengan struktur organisasi yang baik, tugas-tugas

Page 2: hasil-hasilnya dapat terkendali. · 19 digolongkan sedemikian rupa sehingga dapat dilaksanakan secara efektif, terarah dan hasil-hasilnya dapat terkendali. Bentuk struktur organisasi

19

digolongkan sedemikian rupa sehingga dapat dilaksanakan secara efektif, terarah dan

hasil-hasilnya dapat terkendali.

Bentuk struktur organisasi pada TOKO BUNDA INDAH adalah sebagai berikut:

Sumber: UD.BUNDA INDAH

Gambar III.1. Struktur Organisasi

Fungsi dari tiap-tiap bagian struktur organisasi tersebut adalah sebagai berikut:

1. Pemilik

a. Sebagai pengawas utama operasional toko

b. Mengatur jadwal buka dan tutup toko

c. Pengambil keputusan harga setiap item dan diskon promo

d. Pemilik modal dan pemasok stok barang

e. Mengawasi kerja setiap karyawan

f. Memastikan barang layak atau tidak untuk dijual

g. Memberi gaji/upah karyawan

2. Bagian Penjualan

a. Merapihkan, menyusun, memajang barang

b. Menyambut pelanggan dengan senyuman dan sapapan yang ramah

c. Memeriksa persediaan barang/stok barang

Page 3: hasil-hasilnya dapat terkendali. · 19 digolongkan sedemikian rupa sehingga dapat dilaksanakan secara efektif, terarah dan hasil-hasilnya dapat terkendali. Bentuk struktur organisasi

20

d. Menjaga keamanan barang yang dijual

e. Melayani pelanggan dengan baik

f. Membantu pelanggan memilih barang

g. Membuat tanda terima pembayaran

h. Menerima pembayaran dan mencatat di buku laporan harian

i. Menyerahkan laporan harian kepada pemilik toko

3.2. Analisis Kebutuhan

Tahap analisa kebutuhan adalah tahap untuk mengidentifikasikan apa saja

yang dilakukan oleh sistem baru, apa yang dibutuhkan dan dinginkan oleh pengguna

dari sistem baru. Pada tahap ini penulis akan menguraikan analisa kebutuhan

penjualan susu dan pampers.

A. Kebutuhan Pengguna (user).

Dalam web ini terdapat pengguna yang memiliki karakteristik interaksi

dengan

sistem dan memiliki kebutuhan dan akses informasi sebagai berikut :

1. Admin

Pemilik mempunyai hak akses super user pada program ini sebagai berikut :

a. Melakukan login pada halaman admin

b. Dapat melakukan rekapan data penjualan

c. Dapat menambah dan menghapus produk yang dijual

d. Dapat menambah dan menghapus gallery yg tampil.

e. Melakukan logout pada program

2. Customer (Pembeli)

a. Melakukan login pada tampilan web pengunjung

b. mendaftar menjadi pelanggan toko

Page 4: hasil-hasilnya dapat terkendali. · 19 digolongkan sedemikian rupa sehingga dapat dilaksanakan secara efektif, terarah dan hasil-hasilnya dapat terkendali. Bentuk struktur organisasi

21

c. Dapat melihat produk yang dijual serta harga masing-masing produk yang tersedia

di program

d. Dapat melihat gallery dari web toko bunda indah

e. Melakukan logout pada web

B. Kebutuhan Sistem

Karena website penjualan susu dan pempers pada Toko Bunda Indah

dibangun dengan bahasa pemograman php maka agar dapat beroperasi, perlu

dipersiapkan dahulu lingkungan perangkat lunak meliputi:

a. Sistem Operasi ( Linux/Window/Mac)

b. Webserver Apache2

c. MySQL

d. Xampp

e. Koneksi internet

f. Web browser (Chrome/Mozila/Internet Explorer)

3.3. Rancangan Dokumen

Adapun perancangan dokumen, penulis gunakan dalam pembuatan website

ini adalah sebagai berikut:

A. Rancangan Dokumen Masukan

Dokumen input/dokumen masukan merupakan segala bentuk masukan yang

berupa dokumen dan diolah dalam proses agar dapat menghasilkan keluaran yang

diinginkan. Adapun dokumen yang digunakan pada sistem penjualan pada toko

bunda indah dapat dilihat sebagai berikut:

Page 5: hasil-hasilnya dapat terkendali. · 19 digolongkan sedemikian rupa sehingga dapat dilaksanakan secara efektif, terarah dan hasil-hasilnya dapat terkendali. Bentuk struktur organisasi

22

a. Dokumen input data produk

Nama Dokumen : Input data produk

Fungsi : Untuk menambahkan data produk

Sumber : Admin

Tujuan : Custemor

Frekuensi : Setiap terjadi penambahan produk

Media : Elektronik

Jumlah : 1 Lembar

Bentuk : Lampiran A-1

b. Dokumen input data ongkos kirim

Nama Dokumen : Input data ongkos kirim

Fungsi : Untuk menambahkan data ongkos kirim

Sumber : Admin

Tujuan : Custemor

Frekuensi : Setiap terjadi penambahan data ongkos kirim

Media : Elektronik

Jumlah : 1 Lembar

Bentuk : Lampiran A-2

c. Dokumen input buku tamu

Nama Dokumen : Input buku tamu

Fungsi : Untuk menyampaikan pesan atau kritik kepada admin

Sumber : Custemor

Tujuan : Admin

Frekuensi : Setiap ada pesan atau kritik yang ingin disampaikan

Media : Elektronik

Page 6: hasil-hasilnya dapat terkendali. · 19 digolongkan sedemikian rupa sehingga dapat dilaksanakan secara efektif, terarah dan hasil-hasilnya dapat terkendali. Bentuk struktur organisasi

23

Jumlah : 1 Lembar

Bentuk : Lampiran A-3

d. Dokumen input data konfirmasi pembayaran

Nama Dokumen : Input data konfirmasi pembayaran

Fungsi : Untuk melanjutkan proses transaksi supaya barang dikirim

Sumber : Custemor

Tujuan : Admin

Frekuensi : Setiap custemor sudah melakukan pembayaran

Media : Elektronik

Jumlah : 1 Lembar

Bentuk : Lampiran A-4

B. Rancangan Dokumen Keluaran

Adapun dokumen keluaran yang dipergunakan pada sistem penjualan pada Toko

Bunda Indah sebagai berikut:

a. Laporan data pemesanan

Nama Dokumen : Data pemesanan

Fungsi : Untuk melihat barang yang sudah dipesan

Sumber : Admin

Tujuan : Custemor

Frekuensi : Setiap Terjadi Transaksi Penjualan

Media : Elektronik

Jumlah : 1 Lembar

Bentuk : Lampiran B-1

Page 7: hasil-hasilnya dapat terkendali. · 19 digolongkan sedemikian rupa sehingga dapat dilaksanakan secara efektif, terarah dan hasil-hasilnya dapat terkendali. Bentuk struktur organisasi

24

b. Laporan data hubungi kami

Nama Dokumen : Data hubungi kami

Fungsi : Untuk melihat setiap pesan atau kritik yang masuk

Sumber : Custemor

Tujuan : Admin

Frekuensi : Setiap ada pesan atau kritik yang masuk

Media : Elektronik

Jumlah : 1 Lembar

Bentuk : Lampiran B-2

c. Laporan data penjualan

Nama Dokumen : Data penjualan

Fungsi : Untuk melihat setiap produk yang terjual

Sumber : Admin

Tujuan : Pemilik Toko

Frekuensi : Harian, mingguan, bulanan

Media : Elektronik

Jumlah : 1 Lembar

Bentuk : Lampiran B-3

c. Laporan data penjualan

Nama Dokumen : Data penjualan

Fungsi : Untuk melihat setiap produk yang terjual

Sumber : Admin

Tujuan : Pemilik Toko

Frekuensi : Harian, mingguan, bulanan

Media : Elektronik

Page 8: hasil-hasilnya dapat terkendali. · 19 digolongkan sedemikian rupa sehingga dapat dilaksanakan secara efektif, terarah dan hasil-hasilnya dapat terkendali. Bentuk struktur organisasi

25

Jumlah : 1 Lembar

Bentuk : Lampiran B-3

3.4. Entity Relationship Diagram

KatagorimemilikiProduk

harga

deskripsi

nama_produk

Id_katagori

Id_produk

stok

gambar

tgl_masuk

Id_katagori Nama_katagori

Konfimasi

pemesanan

pelanggan

kota

pesanan Melakukan

melakukanmempunyai

mempun

yai

tlp

alamat

sandi

nama_lenakap

Id_pelanggan

email

Id_kota

Id_kota

nama_kotaongkos_kirim

id_konfirmasi

bank

atas_nama

tgl_tranfer

total

Id_pesan

email

id_pelanggan

gambar

1

n

Id_pesan

status_pesan

tgl_pesan

jam_pesan

id_pelangganId_pesan

Id_produk

1

1

1n

1

1

1 1

1

1

Detail_pesanan

memiliki

memiliki

jumlah

1

1

1

1

Gambar III.2. Entity Relationship Diagram

Page 9: hasil-hasilnya dapat terkendali. · 19 digolongkan sedemikian rupa sehingga dapat dilaksanakan secara efektif, terarah dan hasil-hasilnya dapat terkendali. Bentuk struktur organisasi

26

3.5. LRS (Logical Record Structure)

Gambar III.3. LRS (Logical Record Structure)

3.6. Spesifikasi File

Dalam pembuatan website ini penulis menggunakan satu File database yaitu

db_Penjualan dengan delapan tabel sebagai berikut:

1. Spesifikasi File pelanggan

Nama File : Pelanggan

Akronim : Pelanggan

Fungsi : untuk menampung pelanggan yang mendaftar di website

Tipe File : File Master

Organisasi File : Index Squential

Akses File : Random

Page 10: hasil-hasilnya dapat terkendali. · 19 digolongkan sedemikian rupa sehingga dapat dilaksanakan secara efektif, terarah dan hasil-hasilnya dapat terkendali. Bentuk struktur organisasi

27

Media : Harddisk

Panjang Record : 150 Byte

Kunci Field : id_pelanggan

Software : Mysql

Tabel III.1

Spesifikasi File Pelanggan

No Elemen Data Akronim Tipe Panjang Keterangan

1 Identitas

Pelanggan

id_pelanggan Int 5 Primary key

2 Kata Sandi kata_sandi Varchar 50

3 Nama Lengkap nama_lengkap Varchar 50

4 Alamat alamat Text

5 Email email Varchar 50

6 Telephone telpon Varchar 13

7 Identitas kota id_kota int 5 Foreign key

2. Spesifikasi File Admin

Nama File : Admin

Akronim : Admin

Fungsi : untuk menampung data admin website

Tipe File : File Master

Organisasi File : Index Squential

Akses File : Random

Media : Harddisk

Panjang Record : 138

Page 11: hasil-hasilnya dapat terkendali. · 19 digolongkan sedemikian rupa sehingga dapat dilaksanakan secara efektif, terarah dan hasil-hasilnya dapat terkendali. Bentuk struktur organisasi

28

Kunci Field : id

Software : Mysql

Tabel III.2

Spesifikasi File Admin

No Elemen Data Akronim Tipe Panjang Keterangan

1 Identitas id Int 5 Primary key

2 Nama Pengguna nama_penguna Varchar 10

3 Kata Sandi kata_sandi Varchar 50

4 Nama Lengkap nama_lengkap Varchar 30

5 Email email Varchar 50

3. Spesifikasi File Produk

Nama File : Produk

Akronim : Produk

Fungsi : untuk menampung data produk yang dijual

Tipe File : File Master

Organisasi File : Index Squential

Akses File : Random

Media : Harddisk

Panjang Record : 170 Byte

Kunci Field : id_produk

Software : Mysql

Page 12: hasil-hasilnya dapat terkendali. · 19 digolongkan sedemikian rupa sehingga dapat dilaksanakan secara efektif, terarah dan hasil-hasilnya dapat terkendali. Bentuk struktur organisasi

29

Tabel III.3

Spesifikasi File Produk

No Elemen Data Akronim Tipe Panjang Keterangan

1 Identitas Produk id_produk Int 5 Primary key

2 Identitas Kategori id_kategori Int 50 Foreign key

3 Nama Produk nama_produk Varchar 50

4 Deskripsi deskripsi Text

5 Harga harga Double

6 Stok stok Int 10

7 Gambar gambar Mediumblob 100 Foreign key

8 Tanggal Masuk tgl_masuk Date

4. Spesifikasi File Kota

Nama File : Kota

Akronim : Kota

Fungsi : untuk menampung area pengiriman

Tipe File : File Master

Organisasi File : Index Squential

Akses File : Random

Media : Harddisk

Panjang Record : 45 byte

Kunci Field : id_kota

Software : Mysql

Page 13: hasil-hasilnya dapat terkendali. · 19 digolongkan sedemikian rupa sehingga dapat dilaksanakan secara efektif, terarah dan hasil-hasilnya dapat terkendali. Bentuk struktur organisasi

30

Tabel III.4

Spesifikasi File Kota

No Elemen Data Akronim Tipe Panjang Keterangan

1 Identitas Kota id_kota Int 5 Primary key

2 Nama Kota nama_kota Varchar 30

3 Ongkos Kirim ongkos_kirim Int 10

5. Spesifikasi File Pemesanan

Nama File : Pemesanan

Akronim : Pemesanan

Fungsi : untuk menampung proses transaksi

Tipe File : File Master

Organisasi File : Index Squential

Akses File : Random

Media : Harddisk

Panjang Record : 30

Kunci Field : id_pesan

Software : Mysql

Tabel III.5

Spesifikasi File Pemesanan

No Elemen Data Akronim Tipe Panjang Keterangan

1 Identitas pesan id_pesan Varchar 5 Primary key

2 Status pesan status_pesan Varchar 20

3 Tanggal pesan tgl_pesan Date

Page 14: hasil-hasilnya dapat terkendali. · 19 digolongkan sedemikian rupa sehingga dapat dilaksanakan secara efektif, terarah dan hasil-hasilnya dapat terkendali. Bentuk struktur organisasi

31

4 Jam pesan jam_pesan Time

5 Identitas

pelanggan

id_pelanggan Int 5 Foreign key

3.7. Pengkodean

1. Struktur Kode Kategori

2. Struktur Kode Kategori

3. Struktur Kode Pesan

Page 15: hasil-hasilnya dapat terkendali. · 19 digolongkan sedemikian rupa sehingga dapat dilaksanakan secara efektif, terarah dan hasil-hasilnya dapat terkendali. Bentuk struktur organisasi

32

4. Struktur Kode Pelanggan

5. Struktur Kode Konfirmasi

6. Struktur Kode Id Admin

7. Struktur Kode Kota

Page 16: hasil-hasilnya dapat terkendali. · 19 digolongkan sedemikian rupa sehingga dapat dilaksanakan secara efektif, terarah dan hasil-hasilnya dapat terkendali. Bentuk struktur organisasi

33

3.8. Spesifikasi Program

1. Strutur Navigasi Index (menu utama)

Pada halaman utama menggunakan struktur navigasi non linier kare.a pada

rangkaian Beranda, Tentang kami, Kategori, Cara pembelian, Login/Daftar Member

dapat diakses secara acak atau tidak terurut.

Gambar III.4.

Strutur Navigasi Index (menu utama)

2. Struktur Navigasi Halaman Member

Pada halaman utama menggunakan struktur navigasi non linier karena pada

rangkaian Beranda, Tentang Kami, Kategori,Cara Pembelian dapat diakses secara

acak atau tidak terurut.

Gambar III.5.

Strutur Navigasi Halaman Member

Page 17: hasil-hasilnya dapat terkendali. · 19 digolongkan sedemikian rupa sehingga dapat dilaksanakan secara efektif, terarah dan hasil-hasilnya dapat terkendali. Bentuk struktur organisasi

34

3. Struktur Navigasi Halaman Pengunjung

Pada halaman utama menggunakan struktur navigasi non linier karena pada

rangkaian Beranda, Ganti kata sandi, Profil Toko, Kategori, Produk, Ongkos Kirim,

Data Pemesanan, Konfirmasi, Cara beli, Buku tamu, Laporan, Logout dapat diakses

secara acak atau tidak terurut.

Gambar III.6.

Strutur Navigasi Halaman Pengunjung

3.9. Spesifikasi Sistem Komputer

Berikut ini adalah beberapa sarana pendukung program yaitu meliputi perangkat

keras (hardware) dan perangkat lunak (software).

A. Perangkat Keras (Hardware)

Hardware (perangkat keras) merupakan perangkat komputer yang terdiri atas

susunan komponen-komponen yang berbentuk fisik. Dalam perancangan website ini

penulis menggunakan komputer dengan spesifikasi hardware adalah sebagai

berikut :

1.) CPU

a. Processor Intel®Core(TM)i3

b. RAM DDR3 4 GB

Page 18: hasil-hasilnya dapat terkendali. · 19 digolongkan sedemikian rupa sehingga dapat dilaksanakan secara efektif, terarah dan hasil-hasilnya dapat terkendali. Bentuk struktur organisasi

35

c. Hard disk SATA 500 GB

2.) Mouse

3.) Keyboard

4.) Monitor dengan resolusi layar minimum 10,1”

5.) Koneksi Internet dengan kecepatan 2Mbps

B. Perangkat Lunak (Software)

Software atau perangkat lunak komputer merupakan sebuah program yang

membuat komputer mengerjakan tugas-tugas tertentu. Dibawah ini adalah perangkat

lunak (software) yang penulis gunakan dalam perancangan website ini adalah

sebagai berikut :

1.) Sistem Operasi : Windows 7 Ultimate 32 bit

2.) Program Design : Sublime Text

3.) Bahasa Script : PHP 5.3.1 dan JavaScript

Web Server : XAMPP 3.2.2

Web Browser : Mozilla Firefox,Google Chrome

Database : MySQL

3.10. Implementasi

A. Implementasi Rancangan Form / Antar Muka

Implementasi rancangan antar muka pada elearning berdasarkan hasil rancangan

antar muka.

1. Implementasi Halaman Login Admin

Admin harus Log in terlebih dahulu untuk dapat menggunakan konten yang ada

pada halaman home Admin, jika berhasil Log in maka akan tampil halaman home

Admin

Page 19: hasil-hasilnya dapat terkendali. · 19 digolongkan sedemikian rupa sehingga dapat dilaksanakan secara efektif, terarah dan hasil-hasilnya dapat terkendali. Bentuk struktur organisasi

36

Gambar III.7.

Implementasi Halaman Login Admin

2. Implementasi Halaman Beranda Admin

Halaman Beranda Admin adalah halaman utama yang akan tampil pada saat

admin berhasil Login, pada halaman ini terdapat 12 buah navigasi diantaranya

yaitu kategori, produk, data pemesanan, dan konfirmasi pembayaran.

Gambar III.8.

Implementasi Halaman beranda Admin

3. Implementasi Halaman Ganti Kata Sandi Admin

Halaman Ganti Kata Sandi Admin adalah halaman dimana admin dapat

mengganti sandi sesuai apa yang dinginkan.

Page 20: hasil-hasilnya dapat terkendali. · 19 digolongkan sedemikian rupa sehingga dapat dilaksanakan secara efektif, terarah dan hasil-hasilnya dapat terkendali. Bentuk struktur organisasi

37

Gambar III.9.

Implementasi Halaman Ganti Kata Sandi Admin

4. Implementasi Halaman Profil Toko

Halaman Profil Toko adalah halaman dimana admin dapat menambah dan

memperbaharui informasi tentang toko.

Gambar III.10.

Implementasi Halaman Profil Toko

5. Implementasi Halaman Kategori

Halaman Kategori adalah halaman dimana admin dapat menambah atau

menghapus kategori produk sesuai dengan yang tersedia ditoko.

Page 21: hasil-hasilnya dapat terkendali. · 19 digolongkan sedemikian rupa sehingga dapat dilaksanakan secara efektif, terarah dan hasil-hasilnya dapat terkendali. Bentuk struktur organisasi

38

Gambar III.11.

Implementasi Halaman Katagori

6. Implementasi Halaman Produk

Halaman Produk adalah halaman dimana admin dapat menambah dan

menghapus produk, nama produk, deskripsi, harga dan stok sesuai dengan

barang yang tersedia ditoko.

Gambar III.12.

Implementasi Halaman Produk

7. Implementasi Halaman Ongkos Kirim

Halaman Ongkos Kirim adalah halaman yang memuat biaya pengiriman sesuai

dengan jangkauan kota yang telah ditetapkan oleh toko.

Page 22: hasil-hasilnya dapat terkendali. · 19 digolongkan sedemikian rupa sehingga dapat dilaksanakan secara efektif, terarah dan hasil-hasilnya dapat terkendali. Bentuk struktur organisasi

39

Gambar III.13.

Implementasi Halaman Ongkos Kirim

8. Implementasi Halaman Data Pemesanan

Halaman Data Pemesanan adalah halaman yang memuat barang yang telah

dipesan dan admin bisa mengubah status dari baru menjadi lunas jika pelanggan

telah melaukan konfirmasi pembayaran.

Gambar III.14.

Implementasi Halaman Data Pemesanan

9. Implementasi Halaman Konfirmasi Pembayaran

Halaman Konfirmasi Pembayaran adalah halaman yang memuat rincian barang

yang telah terjual dan pelanggan telah melaukan pembayaran.

Page 23: hasil-hasilnya dapat terkendali. · 19 digolongkan sedemikian rupa sehingga dapat dilaksanakan secara efektif, terarah dan hasil-hasilnya dapat terkendali. Bentuk struktur organisasi

40

Gambar III.15.

Implementasi Halaman Konfirmasi Pembayaran

10. Implementasi Halaman Cara Pembelian

Halaman Cara Pembelian adalah halaman dimana admin dapat menguraikan

tentang tata cara pembelian dari awal sampai akhir agar mudah dimengerti oleh

pelanggan.

Gambar III.16.

Implementasi Halaman Cara Pembelian

11. Implementasi Halaman Lihat Buku Tamu

Halaman Lihat Buku Tamu adalah halaman yang berisi kritik dan saran yang

masuk dari pelanggan dimana admin dapat mengetahui.

Page 24: hasil-hasilnya dapat terkendali. · 19 digolongkan sedemikian rupa sehingga dapat dilaksanakan secara efektif, terarah dan hasil-hasilnya dapat terkendali. Bentuk struktur organisasi

41

Gambar III.17.

Implementasi Halaman Lihat Buku Tamu

12. Implementasi Halaman Laporan

Halaman Laporan adalah halaman yang memuat laporan perperiode dan laporan

perhari yang nantinya akan diserahkan kepada pemilik toko,

Gambar III.18.

Implementasi Halaman Laporan

13. Implementasi Halaman Buku Tamu

Halaman Buku Tamu adalah halaman dimana pelanggan dapat menyampaikan

kritik atau saran yang ingin disampaikan kepada admin website.

Page 25: hasil-hasilnya dapat terkendali. · 19 digolongkan sedemikian rupa sehingga dapat dilaksanakan secara efektif, terarah dan hasil-hasilnya dapat terkendali. Bentuk struktur organisasi

42

Gambar III.19.

Implementasi Halaman Buku Tamu

14. Implementasi Halaman Cara Pembelian

Halaman Cara Pembelian adalah halaman dimana pelanggan dapat memgetahui

tata cara pembelian dari awal sampai akhir yang telah disediakan oleh admin

website .

Gambar III.20.

Implementasi Halaman Lihat Cara Pembelian

15. Implementasi Halaman Tentang Kami

Halaman Tentang Kami adalah halaman yang memuat informasi yang berkaitan

dengan toko agar pengunjung dapat mengetahui latar belakang toko.

Page 26: hasil-hasilnya dapat terkendali. · 19 digolongkan sedemikian rupa sehingga dapat dilaksanakan secara efektif, terarah dan hasil-hasilnya dapat terkendali. Bentuk struktur organisasi

43

Gambar III.21.

Implementasi Halaman Tentang Kami

16. Implementasi Halaman Index Pengunjung

Halaman Index Pengunjung adalah halaman yang memuat tampilan awal

website diantaranya yaitu ucapan selamat datang, gambar produk, dan harga.

Gambar III.22.

Implementasi Halaman Index Pengunjung

17. Implementasi Halaman Login Pelanggan

Halaman Login Pelanggan adalah adalah halaman untuk pengunjung masuk

kehalaman akun yang telah terdaftar.

Page 27: hasil-hasilnya dapat terkendali. · 19 digolongkan sedemikian rupa sehingga dapat dilaksanakan secara efektif, terarah dan hasil-hasilnya dapat terkendali. Bentuk struktur organisasi

44

Gambar III.23.

Implementasi Halaman Lihat Login Pelanggan

18. Implementasi Halaman Index Pelanggan

Halaman Index Pelanggan adalah halaman adalah halaman utama yang akan

tampil pada saat pelanggan berhasil Login, pada halaman ini terdapat 6 buah

navigasi yaitu beranda, tentang kami, kategori, cara pembelian, dan hubungi

kami dan akun pelanggan. Dihalaman ini pelanggan bisa langsung memilih

produk yang akan dipesan yaitu dengan cara meng-klik gambar produk yang

ingin dibeli.

Gambar III.24.

Implementasi Halaman Index Pelanggan

Page 28: hasil-hasilnya dapat terkendali. · 19 digolongkan sedemikian rupa sehingga dapat dilaksanakan secara efektif, terarah dan hasil-hasilnya dapat terkendali. Bentuk struktur organisasi

45

19. Implementasi Halaman Riwayat Pembelian

Halaman Riwayat Pembelian adalah halaman yang memuat rincian barang yang

sudah di beli dengan rincian berupa nama barang, harga, jumlah beli, total

bayar, tanggal, jam, dan status pembelian.

Gambar III.25.

Implementasi Halaman Riwayat Pembelian

3.11. Pengujian Unit

Pengujian terhadap program yang dibuat menggunakan blackbox testing yang

fokus terhadap proses masukan dan keluaran program.

A. Pengujian Terhadap Halaman Log in Pelanggan

Tabel III.6

Hasil Pengujian Black Box Testing Halaman Login Pelanggan

No Skenario

Pengujian

Test Case Hasil yang

diharapkan

Hasil

Pengujian

Kesimpula

n

1 Email dan

kata sandi

tidak diisi

kemudian

klik tombol

masuk

Email :

(kosong)

Kata sandi :

(kosong)

Sistem akan

menampilkan pop

up ”Anda belum

mengisikan alamat

email”

Sesuai

harapan

Valid

2 Mengetikkan

email dan

kata sandi

tidak diisi

kemudian

klik tombol

masuk

Email :

ok@test

Kata sandi :

(kosong)

Sistem akan

menampilkan pop

up ”Anda belum

mengisikan kata

sandi”

Sesuai

harapan

Valid

3 Email tidak Email : Sistem akan menolak Sesuai Valid

Page 29: hasil-hasilnya dapat terkendali. · 19 digolongkan sedemikian rupa sehingga dapat dilaksanakan secara efektif, terarah dan hasil-hasilnya dapat terkendali. Bentuk struktur organisasi

46

diisi dan

mengetikkan

kata sandi

kemudian

klik tombol

masuk

(kosong)

Kata sandi :

123456

akses user dan

menampilkan”Anda

belum mengisikan

alamat email”

harapan

4 Mengetikkan

salah satu

kondisi salah

pada email

atau kata

sandi

kemudian

klik tombol

login

Email :

ok@test

Kata sandi :

aiueo

Sistem akan

menampilkan pop

up ”Email atau Kata

Sandi Tidak Benar,

Silahkan Ulangi

Lagi”

Sesuai

harapan

Valid

5 Mengetikkan

email dan

kata sandi

Email :

ok@test

Kata sandi :

123456

Sistem menerima

akses login dan

kemudian langsung

menampilkan menu

utama

Sesuai

harapan

Valid

B. Pengujian Terhadap Form Registrasi Pelanggan

Tabel III.7

Hasil Pengujian Black Box Testing Halaman Registrasi Pelanggan

No Skenario

Pengujian

Test Case Hasil yang

diharapkan

Hasil

Pengujian

Kesimp

ulan

1 Nama

lengkap,

alamat, kota,

no tlp,email,

kata sandi,

ulang kata

sandi,ceklis

syarat

ketentuan

tidak diisi

kemudian

klik tombol

simpan

Nama lengkap:

(kosong),

alamat:

(kosong), kota:

(kosong), no

tlp:

(kosong),email

: (kosong),

kata sandi:

(kosong),

ualang kata

sandi:

(kosong),ceklis

syarat dan

ketentuan:

(kosong)

Sistem akan

menampilkan pop

up ”Please fill out

this field”

Sesuai

harapan

Valid

2 Mengetikkan

nama lengkap

dan alamat,

kota, no

Nama lengkap:

Nida rahma,

alamat:

(kosong), kota:

Sistem akan

menolak akses user

dan

menampilkan”Plea

Sesuai

harapan

Valid

Page 30: hasil-hasilnya dapat terkendali. · 19 digolongkan sedemikian rupa sehingga dapat dilaksanakan secara efektif, terarah dan hasil-hasilnya dapat terkendali. Bentuk struktur organisasi

47

tlp,email,

kata sandi,

ulang kata

sandi,ceklis

syarat

ketentuan

tidak diisi

kemudian

klik tombol

simpan

(kosong), no

tlp:

(kosong),email

: (kosong),

kata sandi:

(kosong),

ualang kata

sandi:

(kosong),ceklis

syarat dan

ketentuan:

(kosong)

se fill out this

field”

3 Mengetikkan

nama

lengkap,alam

at dan kota,

no tlp,email,

kata sandi,

ulang kata

sandi,ceklis

syarat

ketentuan

tidak diisi

kemudian

klik tombol

simpan

Nama lengkap:

Nida rahma,

alamat:

pengasinan,

kota: (kosong),

no tlp:

(kosong),email

: (kosong),

kata sandi:

(kosong),

ualang kata

sandi:

(kosong),ceklis

syarat dan

ketentuan:

(kosong)

Sistem akan

menolak akses user

dan

menampilkan”Plea

se fill out this

field”

Sesuai

harapan

Valid

4 Mengetikkan

nama

lengkap,alam

at,pilih kota

dan no

tlp,email,

kata sandi,

ulang kata

sandi,ceklis

syarat

ketentuan

tidak diisi

kemudian

klik tombol

simpan

Nama lengkap:

Nida rahma,

alamat:

pengasinan,

kota: Bekasi,

no tlp:

(kosong),email

: (kosong),

kata sandi:

(kosong),

ualang kata

sandi:

(kosong),ceklis

syarat dan

ketentuan:

(kosong)

Sistem akan

menolak akses user

dan

menampilkan”Plea

se fill out this

field”

Sesuai

harapan

Valid

5 Mengetikkan

nama

lengkap,alam

at,pilih kota,

no tlp dan

Nama lengkap:

Nida rahma,

alamat:

pengasinan,

kota: Bekasi,

Sistem akan

menolak akses user

dan

menampilkan”Plea

se fill out this

Sesuai

harapan

Valid

Page 31: hasil-hasilnya dapat terkendali. · 19 digolongkan sedemikian rupa sehingga dapat dilaksanakan secara efektif, terarah dan hasil-hasilnya dapat terkendali. Bentuk struktur organisasi

48

email, kata

sandi, ulang

kata

sandi,ceklis

syarat

ketentuan

tidak diisi

kemudian

klik tombol

simpan

no tlp:

081274563442

, email:

(kosong), kata

sandi:

(kosong),

ualang kata

sandi:

(kosong),ceklis

syarat dan

ketentuan:

(kosong)

field”

6 Mengetikkan

nama

lengkap,alam

at,pilih kota,

no tlp, email

dan kata

sandi, ulang

kata

sandi,ceklis

syarat

ketentuan

tidak diisi

kemudian

klik tombol

simpan

Nama lengkap:

Nida rahma,

alamat:

pengasinan,

kota: Bekasi,

no tlp:

081274563442

, email:

ok@test, kata

sandi:

(kosong),

ualang kata

sandi:

(kosong),ceklis

syarat dan

ketentuan:

(kosong)

Sistem akan

menolak akses user

dan

menampilkan”Plea

se fill out this

field”

Sesuai

harapan

Valid

7 Mengetikkan

nama

lengkap,alam

at,pilih kota,

no tlp, email,

kata sandi

dan ulang

kata

sandi,ceklis

syarat

ketentuan

tidak diisi

kemudian

klik tombol

simpan

Nama lengkap:

Nida rahma,

alamat:

pengasinan,

kota: Bekasi,

no tlp:

081274563442

, email:

ok@test, kata

sandi: 123456,

ualang kata

sandi:

(kosong),ceklis

syarat dan

ketentuan:

(kosong)

Sistem akan

menolak akses user

dan

menampilkan”Plea

se fill out this

field”

Sesuai

harapan

Valid

8 Mengetikkan

nama

lengkap,alam

at,pilih kota,

Nama lengkap:

Nida rahma,

alamat:

pengasinan,

Sistem akan

menolak akses user

dan

menampilkan”And

Sesuai

harapan

Valid

Page 32: hasil-hasilnya dapat terkendali. · 19 digolongkan sedemikian rupa sehingga dapat dilaksanakan secara efektif, terarah dan hasil-hasilnya dapat terkendali. Bentuk struktur organisasi

49

no tlp, email,

kata sandi,

ulang kata

sandi dan

ceklis syarat

ketentuan

tidak diisi

kemudian

klik tombol

simpan

kota: Bekasi,

no tlp:

081274563442

, email:

ok@test, kata

sandi: 123456,

ualang kata

sandi:

123456,ceklis

syarat dan

ketentuan:

(kosong)

a belum menyetujui

syarat dan

ketentuan”

9 Mengetikkan

nama

lengkap,

alamat, kota,

no tlp,email,

kata sandi,

ulang kata

sandi,ceklis

syarat

ketentuan

tidak diisi

kemudian

klik tombol

simpan

Nama lengkap:

Nida rahma,

alamat:

pengasinan,

kota: Bekasi,

no tlp:

081274563442

, email:

ok@test, kata

sandi: 123456,

ualang kata

sandi:

123456,ceklis

syarat dan

ketentuan:

diceklis

Sistem menerima

akses login dan

kemudian langsung

menampilkan menu

utama

Sesuai

harapan

Valid

C. Pengujian Terhadap Form Login Admin

No Skenario

Pengujian

Test Case Hasil yang

diharapkan

Hasil

Pengujian

Kesimpulan

1 User name,

Password tidak

diisi kemudian

klik tombol

kunci

User

name:

(kosong),

Password:

(kosong)

Sistem akan

menolak akses user

dan

menampilkan”Please

fill out this field”

Sesuai

harapan

Valid

2 Mengetikkan

user name dan

Password tidak

diisi kemudian

klik tombol

kunci

User

name:

nida,

Password:

(kosong)

Sistem akan

menolak akses user

dan

menampilkan”Please

fill out this field”

Sesuai

harapan

Valid

3 User name

tidak diisi dan

mengetikkan

password

kemudian klik

User

name:

(kosong),

Password:

abcd

Sistem akan

menolak akses user

dan

menampilkan”Please

fill out this field”

Sesuai

harapan

Valid

Page 33: hasil-hasilnya dapat terkendali. · 19 digolongkan sedemikian rupa sehingga dapat dilaksanakan secara efektif, terarah dan hasil-hasilnya dapat terkendali. Bentuk struktur organisasi

50

tombol kunci

4 Mengetikkan

salah satu

kondisi salah

pada user

namel atau

password

kemudian klik

tombol login

User

name:

nida,

Password:

1234

Sistem akan

menolak akses user

dan

menampilkan ”Nama

Pengguna atau Kata

Sandi Tidak Benar,

Silahkan Ulangi

Lagi”

Sesuai

harapan

Valid

5 Mengetikkan

user name dan

Password

User

name:

nida,

Password:

abcd

Sistem menerima

akses login dan

kemudian langsung

menampilkan menu

utama

Sesuai

harapan

Valid