BAB III PEMBAHASAN · 4. Melakukan pemesanan kebutuhan barang di toko. 5. Membuat pencapaian target...

40

BAB III

PEMBAHASAN

3.1. Tinjauan Perusahaan

3.1.1. Sejarah Perusahaan

Smile Petshop merupakan sebuah perusahaan yang bergerak di bidang

penjualan perlengkapan hewan. Smile Petshop berdiri pada tanggal 14 Desember

2014 beralamat di Jl. Kebagusan Raya No.2 RT 03/04 Kebagusan – Jakarta Selatan.

Pendiri Smile Petshop adalah Drh. Syarif Edwar yang berprofesi sebagai dokter

hewan.

Berawal dari kesayangan pemilik petshop terhadap hewan dan semakin

maraknya pecinta hewan peliharaan di Indonesia menyebabkan timbulnya suatu

kebutuhan yang besar akan suatu tempat yang dapat menampung dan menyediakan

berbagai alat dan jasa yang berkaitan dengan perawatan hewan kesayangan berupa

petshop. Hal tersebut menimbulkan adanya peluang usaha dari penyedia jasa dan

produk hewan peliharaan yang terus meningkat di Indonesia. Maka dari itu, Smile

petshop hadir sebagai tempat untuk memenuhi kebutuhan hewan peliharaan yang

tetap berkomitmen untuk mensejahterakan hewan peliharaan dengan menyediakan

pelayanan terbaik bagi pelanggan dan hewan peliharaan.

Smile petshop menyediakan berbagai perlengkapan hewan kesayangan seperti

makanan hewan (pets food), aksesoris, kandang, pasir, dan peralatan mandi bagi

hewan peliharaan.

41

Dengan mengutamakan pelayanan dan kualitas terbaik dari produk dan jasa

yang di berikan dan dari kepercayaan pelanggan, saat ini pendapatan Smile Petshop

mencapai 100 – 150 juta perbulan. Dan target kedepannya smile petshop

merencanakan untuk membuka cabang baru masih di daerah sekitar Jakarta Selatan

mengingat potensi pasar yang terus berkembang di daerah ini.

Struktur Operasional Smile Petshop berada di bawah kendali direktur (Bpk.

Drh. Syarif Edwar). Sedangkan penanggung jawab kegiatan operasioanal di Smile

Petshop adalah pengawas toko (Ibu Ike Wulan Sari).

3.1.2. Visi dan Misi Perusahaan

A. Visi : Menjadi Petshop terbaik yang peduli dan menyayangi hewan peliharaan

B. Misi :

1. Menjalankan Seluruh SOP (Standar Operational Prosedur) perusahaan.

2. Mengelola perusahaan sesuai dengan bisnis yang sehat dengan di dukung

oleh teknologi tepat guna dan sumber daya manusia yang professional.

3. Unggul dalam pelayanan dan penyediaan produk yang berkualitas.

42

3.1.3. Struktur Organisasi dan Fungsi

DokterGroomer / DeliveryKasir

Direktur

Pengawas Toko / HRD

Ike Wulan Sari

General

Sumber : Bagian HRD Smile Petshop (2016)

Gambar III.1

Struktur Organisasi Smile Petshop

Tugas dan fungsi dari masing – masing bagian pada struktur organisasi Smile

Petshop :

A. Direktur

1. Menjaga kehormatan dan nama baik perusahaan di dalam maupun di luar

perusahaan.

2. Membuat perencanaan kegiatan untuk menjamin tercapainya target dan

kualitas SDM yang sesuai dengan Standar Operasional Perusahaan (SOP).

3. Mengelola dan mengawasi seluruh kegiatan yang berlangsung.

4. Bertanggung jawab penuh terhadap keluar masuk barang.

43

B. Pengawas Toko / HRD


perusahaan.

2. Bertanggung jawab dalam pengelolaan dan mengembangkan Sumber Daya

Manusia dengan berpedoman kepada kebijakan dan Standar Operasional

Perusahaan (SOP).

3. Melaksanakan persiapan dan seleksi tenaga kerja.

4. Membuat perjanjian kerja serta memperbaharui.

5. Memberikan kompensasi upah kepada pegawai.

6. Melakukan pengawasan atas seluruh fasilitas alat dan sarana penunjang

sesuai (SOP) perusahaan.

7. Memimpin dan membina karyawan bawahan sesuai dengan prosedur.

8. Mengatsai semua permasalahan yang terjadi di toko.

9. Membuat laporan perbulan yang di laporkan kepada direktur.

10. Menyetorkan uang hasil omset toko setiap hari.

11. Membuat pencapaian target kemajuan dan monitoring mulai dari target

harian, mingguan, dan bulanan.

C. General


perusahaan.

2. Mematuhi dan menjalankan (SOP) dan tata tertib perusahaan.

3. Melakukan pengecekan dan bertanggung jawab terhadap penyediaan barang

di toko.

44

4. Melakukan pemesanan kebutuhan barang di toko.



D. Kasir


perusahaan.


3. Melayani customer dengan baik dan benar.

4. Menjalankan proses penjualan dan pembayaran (transaksi).

5. Bertanggung jawab terhadap pengecekan barang yang masuk ke toko sesuai

faktur.

6. Mengetahuai jenis dan manfaat seluruh produk dengan baik dan benar.

7. Bertanggung jawab mengontrol stok barang dan merawat alat penunjang

kerja yang ada di toko.



9. Mengelola keuangan toko dan membuat laporan transaksi harian untuk di

laporkan kepada pengawas toko.

10. Membuat laporan keuangan dan transaksi perbulan untuk di cek pengawas

toko dan di laporkan kepada direktur (Pemilik perusahaan).

E. Groomer / Delivery


perusahaan.

45


3. Menguasai teknik dan tata cara grooming dengan baik.

4. Delivery pesan antar tepat waktu dan cermat bila ada salah pengiriman

5. Bersikap ramah dan sopan terhadap pelanggan.

F. Dokter

1. Menjalankan dan mengembangkan klinik sesuai visi dan misi perusahaan.

2. Menjaga kehormatan dan nama baik perusahaan baik di dalam maupun di

luar perusahaan.

3. Mengatasi permasalahan klinik baik di dalam maupun diluar klinik.

4. Melaporkan kepada pihak pengawas toko apabila ada kendala yang

menghambat kelancaran kinerja dokter klinik.

5. Melaporkan jumlah pasien setelah selesai praktek kepada kasir.

6. Bertanggung jawab terhadap pencapaian target klinik.

3.2. Analisa Kebutuhan

Analisa kebutuhan merupakan langkah awal untuk menentukan perangkat

lunak seperti apa yang akan dihasilkan, ketika kita melaksanakan sebuah proyek

pembuatan perangkat lunak.

3.2.1. Identifikasi Kebutuhan Pengguna

Mengindentifikasi kebutuhan yang di peroleh berdasarkan kebutuhan

pengguna.

46

A. Kebutuhan Pengguna Pelanggan

1. Pelanggan dapat melakukan transaksi pembelian produk dengan mendaftar

sebagai pelanggan atau masuk jika sudah memiliki member.

2. Pelanggan membeli produk petshop setelah masuk dan tampil form

“keranjang belanja” dimana form keranjang dapat di hapus dan di perbaharui

data pembelian.

3. Pelanggan dapat mengisi form pengisian data pelanggan dan memilih jasa

pengiriman yang tersedia untuk memudahkan dalam proses pengiriman.

4. Pelanggan dapat mencetak faktur pembelian berupa struk setelah melakukan

peoses pengisian data pengiriman.

5. Pelanggan dapat melakukan proses konfirmasi pembayaran di ”form”

konfirmasi pembayaran yang sudah tersedia.

6. Pelanggan dapat mengisi testimoni.

B. Kebutuhan Pengguna Pengunjung

1. Pengunjung hanya dapat melihat produk tidak bisa melakukan transaksi

pembelian.

2. Pengunjung dapat melihat testimoni.

C. Kebutuhan Pengguna Admin

1. Admin dapat masuk ke halaman admin dengan mengisi username dan

password.

2. Admin dapat mengelola data admin.

3. Admin dapat melihat data admin.

4. Admin dapat menambahkan produk yang akan di jual.

47

5. Admin dapat melihat data produk yang akan di jual.

6. Admin dapat mengelola data produk yang akan di jual.

7. Admin dapat menambahkan kategori produk.

8. Admin dapat melihat data kategori produk.

9. Admin dapat melihat data pemesanan barang.

10. Admin dapat mengelola data pemesanan barang.

11. Admin dapat mengelola data ongkos kirim untuk pengiriman barang.

12. Admin dapat mengelola data hubungi kami.

13. Admin dapat melakukan logout dari web pengelolaan admin (back And)

3.2.2. Identifikasi Kebutuhan Sistem

A. Operasional

1) Perangkat Keras

Untuk merancang dan membuat media informasi berbasis web dibutuhkan

perangkat keras agar program aplikasi yang dibuat dapat berjalan dengan baik.

Spesifikasi perangkat keras yang digunakan yaitu menggunakan processor

Intel core 2 duo 1.8 GHz, Memori 1 GB – 2 GB ,VGA Mobile Intel(R)

Express Chipset Family 358 MB.

2) Perangkat Lunak

Software atau perangkat lunak yang digunakan untuk mendukung dan

merancang pembuatan media informasi berbasis web harus sesuai dengan

kebutuhan. Perangkat lunak yang digunakan yaitu menggunakan sistem

operasi Microsoft Windows 7 Ultimate 32bit (x86), software untuk

48

perancangan mengunakan Macromedia Dreamweaver 8 dan software untuk

mendesain menggunakan photoshop.

B. Security

1) Dilengkapi password untuk sistem informasi website nya maupun database

nya.

2) Logout untuk menghindari suatu manipulasi data.

C. Informasi

1) Digunakan untuk memberitahu apabila suatu input data tidak sesuai yaitu

berupa validasi.

2) Digunakan untuk menampilkan cara pembelian bagi user , laporan member,

barang dan penjualan bagi admin.

3.3. Perancangan Perangkat Lunak

Perancangan sistem dan perangkat lunak dalam rancangan program

penjualan perlengkapan hewan berbasis web yaitu rancangan antar muka, rancangan

basis data dan rancangan struktur navigasi antara lain :

49

3.3.1. Rancangan Antar Muka

A. Rancangan Antar Muka Admin

1. Rancangan Antar Muka Login Admin

Header

FOOTERBATALKAN LOGIN

xxxxxxxx

xxxxxxx

Username

Password

Gambar III.2.

Rancangan Antar Muka Login Admin

2. Rancangan Antar Muka Index Admin

Header

Footer

· Admin

· Produk

· Kategori

· Kurir

· Kota

· Tarif

· Transaksi

· Konfirmasi

Pembayaran

· Hubungi Kami

· Laporan

· Logout

Selamat Datang,

Silahkan Klik Menu Kiri Untuk Mengelola

Gambar III.3.

Rancangan Antar Muka Index Admin

50

3. Rancangan Antar Muka Menu admin

Header

Footer

· Admin

· Produk

· Kategori

· Kurir

· Kota

· Tarif

· Transaksi

· Konfirmasi Pembayaran

· Hubungi Kami

· Laporan

· Logout

Menu Admin

Username :

Password :

xxxxxxx

xxxxxxx

Data Admin

Simpan Batal

Gambar III.4.

Rancangan Antar Muka Menu Admin

4. Rancangan Antar Muka Ganti Pasword Admin

Header

Footer

· Admin

· Produk

· Kategori

· Kurir

· Kota

· Tarif

· Transaksi


· Hubungi Kami

· Laporan

· Logout

Username :

Password Lama :

xxxxxxx

xxxxxxx

Ubah

Password Baru : xxxxxxx

Gambar III.5.

Rancangan Antar Muka Ganti Password Admin

51

5. Rancangan Antar Muka Menu Produk

Header

Footer

Nama :

Deskripsi :

Harga :

Stok :

Gambar :

Simpan Batal

Kategori :

xxxxxx

xxxxxx

xxxxxx

xxxxxx

xxxxxx

Browse

Data Produk

· Admin

· Produk

· Kategori

· Kurir

· Kota

· Tarif

· Transaksi

· Konfirmasi

Pembayaran

· Hubungi Kami

· Laporan

· Logout

Menu produk

Berat : xx Kg

Gambar III.6.

Rancangan Antar Muka Menu Produk

52

6. Rancangan Antar Muka Ubah Produk

Header

Footer

Nama :

Deskripsi :

Harga :

Stok :

Gambar :

Ubah

Kategori :

xxxxxx

xxxxxx

xxxxxx

xxxxxx

xxxxxx

Browse

· Admin

· Produk

· Kategori

· Kurir

· Kota

· Tarif

· Transaksi

· Konfirmasi

Pembayaran

· Hubungi Kami

· Laporan

· Logout

ID : xx

Berat : xx Kg

Gambar III.7.

Rancangan Antar Muka Ubah Produk

7. Rancangan Antar Muka Menu Kategori

Header

Footer

· Admin

· Produk

· Kategori

· Kurir

· Kota

· Tarif

· Transaksi


· Hubungi Kami

· Laporan

· Logout

Menu Kategori

Kategori xxxxxxx

Data Kategori

Simpan Batal

Gambar III.8.

Rancangan Antar Muka Menu Kategori

53

8. Rancangan Antar Muka Ubah Kategori

Header

Footer

· Admin

· Produk

· Kategori

· Kurir

· Kota

· Tarif

· Transaksi


· Hubungi Kami

· Laporan

· Logout

Menu Kategori

Kategori xxxxxxx

Data Kategori

Simpan Batal

Gambar III.9.

Rancangan Antar Muka Ubah Kategori

9. Rancangan Antar Muka Kurir

Header

Footer

· Admin

· Produk

· Kategori

· Kurir

· Kota

· Tarif

· Transaksi


· Hubungi Kami

· Laporan

· Logout

Menu Kurir

Nama Kurir xxxxxxx

Data Kurir

Simpan Batal

Gambar III.10.

Rancangan Antar Muka Menu Kurir

54

10. Rancangan Antar Muka Kota

Header

Footer

· Admin

· Produk

· Kategori

· Kurir

· Kota

· Tarif

· Transaksi


· Hubungi Kami

· Laporan

· Logout

Menu kota

Nama Kota xxxxxxx

Data Kota

Simpan Batal

Gambar III.11.

Rancangan Antar Muka Menu Kota

11. Rancangan Antar Muka Tarif

Header

Footer

· Admin

· Produk

· Kategori

· Kurir

· Kota

· Tarif

· Transaksi


· Hubungi Kami

· Laporan

· Logout

Menu Tarif

Pilih Kurir xxxxxxx

Data Tarif

Simpan Batal

Tarif Kirim

Pilih Kota xxxxxxx

xxxxxxx

Gambar III.12.

Rancangan Antar Muka Menu Tarif

55

12. Rancangan Antar Muka Menu Transaksi

Header

Footer

· Admin

· Produk

· Kategori

· Kurir

· Kota

· Tarif

· Transaksi


· Hubungi Kami

· Laporan

· Logout

Data Transaksi

Data Transaksi

Gambar III.13.

Rancangan Antar Muka Menu Transaksi

13. Rancangan Antar Muka Konfirmasi Pembayaran

Header

Footer

· Admin

· Produk

· Kategori

· Kurir

· Kota

· Tarif

· Transaksi


· Hubungi Kami

· Laporan

· Logout

Data Konfirmasi Pembayaran

Id AksiStatusKetTeleponJumlahBankNamaTanggal

99 Detailxxxxxx99999999XxxxxxYy-mm-dd

99 Deatilxxxxxx99999999xxxxxxYy-mm-dd

Gambar

xxx

xxx

Gambar III.14.

Rancangan Antar Muka Konfirmasi Pembayaran

56

14. Rancangan Antar Muka Detail Transaksi

Header

Footer

No. Order :

Tanggal & Jam Order :

· Admin

· Produk

· Kategori

· Kurir

· Kota

· Tarif

· Transaksi

· Konfirmasi

Pembayaran

· Hubungi Kami

· Laporan

· Logout

Detail Order

Status Order :

99

YY:MM:DD

Ubah Status99

1 = Baru 0 = Lunas / Terkirim

Member Nama Produk Jumlah Harga Satuan Subtotal

xxxx xxxx 99 9999999 9999999

9999999Total Rp.

99999Ongkil Rp.

9999999Grand Total Rp.

Gambar III.15.

Rancangan Antar Muka Detail Transaksi

15. Rancangan Antar Muka Hubungi Kami

Header

Footer

· Admin

· Produk

· Kategori

· Kurir

· Kota

· Tarif

· Transaksi


· Hubungi Kami

· Laporan

· Logout

Data Yang Menghubungi

Data Penghubung

Gambar III.16.

Rancangan Antar Muka Menu Hubungi Kami

57

16. Rancangan Antar Muka Balas Email

Header

Footer

Balas Email

Data Penghubung

Kepada

Subjek

xxxxxxxxxxxxxxxxxxxxx

xxxxxxxxxxxxxxxxxxxx

Pesan

Kirim Batal

· Admin

· Produk

· Kategori

· Kurir

· Kota

· Tarif

· Transaksi


· Hubungi Kami

· Laporan

· Logout

Gambar III.17.

Rancangan Antar Muka Menu Balas Email

58

B. Rancangan Antar Muka User

1. Rancangan Antar Muka Index Website

Header

Beranda Hubungi KamiKonfirmasi PembayaranCara PembayaranCara PembelianProduk

Katagori

· xxxxx (9)

· xxxxx (9)

· xxxxx (9)

· xxxxx (9)

· xxxxx (9)

· xxxxx (9)

Testimoni

· xxxxx

· Xxxxx

Selamat Berbelanja

Gambar

Keranjang Belanja

Best Seller

Bank Pembayaran

Gambar Gambar

Gambar Gambar Gambar

Footer

Pengiriman

Gambar

Gambar

Gambar

Gambar

Nama Produk Nama Produk Nama Produk


99Nama Produk

Gambar

Pencarian

xxxxxxx

Profil

Email

Password

Daftar Member Baru

xxxx

xxxx

Login

Gambar III.18.

Rancangan Antar Muka Index

59

2. Rancangan Antar Muka Daftar Member Baru

Kategori

· Xxxxx(9)

· Xxxxx(9)

· Xxxxx(9)

· Xxxxx(9)

· Xxxxx(9)

· Xxxxx(9)

Testimoni

· Xxxxx(9)

· Xxxxx(9)

Pengiriman

Gambar

XXXXX

Keranjang Belanja

Gambar

Best Seller

99

Nama Produk

Gambar

Bank Pembayaran

Gambar

Footer

PencarianDaftar member Baru

Nama :

Alamat :

Telepon :

Email :

xxxxxx

xxxxxxxxxxxxxxxxxxxxxxx

xxxxxxxxxxxxxxx

xxxxxx

xxxxxx

User :

Password :

Re Password :

xxxxxx

xxxxxx

xxxxxx

Daftar

Gambar

Header

Beranda Hubungi KamiKonfirmasi

PembayaranCara PembayaranCara PembelianProfil Produk

Gambar III.19.

Rancangan Antar Muka Daftar Member Baru

60

3. Rancangan Antar Muka Profil

Kategori Profil Smile Petshop

· Xxxxx(9)

· Xxxxx(9)

· Xxxxx(9)

· Xxxxx(9)

· Xxxxx(9)

· Xxxxx(9)

Testimoni

· Xxxxx(9)

· Xxxxx(9)

Pengiriman

Gambar

XXXXX

Keranjang Belanja

GambarBest Seller

99

Nama Produk

Gambar

Bank Pembayaran

Gambar

Footer

Pencarian

Profil Website

Gambar

Header



Gambar III.20.

Rancangan Antar Muka Profil

61

4. Rancangan Antar Muka Produk

Header

Katagori

· xxxxx (9)

· xxxxx (9)

· xxxxx (9)

· xxxxx (9)

· xxxxx (9)

· xxxxx (9)

Testimoni

· xxxxx

· Xxxxx

Produk

Gambar

Keranjang Belanja

Best Seller

Bank Pembayaran

Gambar Gambar


Footer

Pengiriman

Gambar

Gambar

Gambar

Gambar



99

Nama Produk

Gambar

Pencarian

xxxxxxxPet Food & Aksesoris Store

Header

Beranda Hubungi KamiKonfirmasi PembayaranCara PembayaranCara PembelianProfil Produk

Gambar III.21.

Rancangan Antar Muka Produk

62

5. Rancangan Antar Muka Cara Pembelian

Kategori Cara pembelian

· Xxxxx(9)

· Xxxxx(9)

· Xxxxx(9)

· Xxxxx(9)

· Xxxxx(9)

· Xxxxx(9)

Testimoni

· Xxxxx(9)

· Xxxxx(9)

Pengiriman

Gambar

XXXXX

Keranjang Belanja

Gambar

Best Seller

99

Nama Produk

Gambar

Bank Pembayaran

Gambar

Footer

Pencarian

xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

Gambar

Header



Gambar III.22.

Rancangan Antar Muka Cara Pembelian

63

6. Rancangan Antar Muka Cara Pembayaran

Kategori Cara pembayaran

· Xxxxx(9)

· Xxxxx(9)

· Xxxxx(9)

· Xxxxx(9)

· Xxxxx(9)

· Xxxxx(9)

Testimoni

· Xxxxx(9)

· Xxxxx(9)

Pengiriman

Gambar

XXXXX

Keranjang Belanja

Gambar

Best Seller

99

Nama Produk

Gambar

Bank Pembayaran

Gambar

Footer

Pencarian


Gambar

Header



Gambar III.23.

Rancangan Antar Muka Cara Pembayaran

64

7. Rancangan Antar Muka Konfirmasi Pembayaran

Slide

Beranda Hubungi KamiCara PembayaranCara PengirimanCara MembeliProduk

Katagori

· xxxxx (9)

· xxxxx (9)

· xxxxx (9)

· xxxxx (9)

· xxxxx (9)

· xxxxx (9)

Testimoni

· xxxxx

· Xxxxx

Keranjang Belanja

Best Seller

Bank Pembayaran

Footer

Pengiriman

Gambar

Gambar

Gambar

Gambar

99

Nama Produk

Gambar

Pencarian

xxxxxxx

Konfirmasi Pembayaran

Profil

Header

Logo

YY/MM/DDTanggal Transfer

Transfer Atas Nama

Bank

Jumlah Transfer

xxxxxx

999999

Input

No. Transaksi

Gambar Choose File

xxxxxxxxxxxxxxx

99

Telepon 999999

Keterangan Tambahan

xxxxxxxxxx

Gambar III.24.

Rancangan Antar Muka Konfirmasi Pembayaran

65

8. Rancangan Antar Muka Hubungi Kami

Kategori Hubungi kami

· Xxxxx(9)

· Xxxxx(9)

· Xxxxx(9)

· Xxxxx(9)

· Xxxxx(9)

· Xxxxx(9)

Testimoni

· Xxxxx(9)

· Xxxxx(9)

Pengiriman

Gambar

XXXXX

Keranjang Belanja

Gambar

Best Seller

99

Nama Produk

Gambar

Bank Pembayaran

Gambar

Footer

Pencarian

Nama :

Email :

Subyek :

xxxxx

Pesan :

xxxxx

xxxxx

xxxxx

Proses

Gambar

Header



Gambar III.25.

Rancangan Antar Muka Hubungi Kami

66

9. Rancangan Antar Muka Menu Kategori

Kategori Produk Kategori

· Xxxxx(9)

· Xxxxx(9)

· Xxxxx(9)

· Xxxxx(9)

· Xxxxx(9)

· Xxxxx(9)

Testimoni

· Xxxxx(9)

· Xxxxx(9)

Pengiriman

Gambar

XXXXX

Keranjang Belanja

Gambar

Best Seller

99

Nama Produk

Gambar

Bank Pembayaran

Gambar

Footer

Pencarian



[ Kategori 1 ]

[ Kategori 2 ]

Gambar

Header



Gambar III.26.

Rancangan Antar Muka Kategori

67

10. Rancangan Antar Muka Isi Testimoni

Kategori Post Comment

· Xxxxx(9)

· Xxxxx(9)

· Xxxxx(9)

· Xxxxx(9)

· Xxxxx(9)

· Xxxxx(9)

Testimoni

· Xxxxx(9)

· Xxxxx(9)

Pengiriman

Gambar

XXXXX

Keranjang Belanja

Gambar

Best Seller

99

Nama Produk

Gambar

Bank Pembayaran

Gambar

Footer

Pencarian

Nama :

Email :

xxxxx

Pesan :

xxxxx

xxxxxxxxxx

Simpan

Gambar

Header



Gambar III.27.

Rancangan Antar Muka Isi Testimoni

68

11. Rancangan Antar Muka Lihat Testimoni

Kategori Testimonial

· Xxxxx(9)

· Xxxxx(9)

· Xxxxx(9)

· Xxxxx(9)

· Xxxxx(9)

· Xxxxx(9)

Testimoni

· Xxxxx(9)

· Xxxxx(9)

Pengiriman

Gambar

XXXXX

Keranjang Belanja

Gambar

Best Seller

99

Nama Produk

Gambar

Bank Pembayaran

Gambar

Footer

Pencarian


Gambar

Header



Gambar III.28.

Rancangan Antar Muka Lihat Testimoni

69

12. Rancangan Antar Muka Hasil Pencarian

Kategori Hasil Pencarian

· Xxxxx(9)

· Xxxxx(9)

· Xxxxx(9)

· Xxxxx(9)

· Xxxxx(9)

· Xxxxx(9)

Testimoni

· Xxxxx(9)

· Xxxxx(9)

Pengiriman

Gambar

XXXXX

Keranjang Belanja

Gambar

Best Seller

99

Nama Produk

Gambar

Bank Pembayaran

Gambar

Footer

Pencarian

Gambar

Gambar

Gambar

Gambar

Gambar

Gambar

Gambar

Header



Gambar III.29.

Rancangan Antar Muka Hasil Pencarian

70

13. Rancangan Antar Muka Produk Detail

Katagori

· xxxxx (9)

· xxxxx (9)

· xxxxx (9)

· xxxxx (9)

· xxxxx (9)

· xxxxx (9)

Testimoni

· xxxxx

· Xxxxx

Keranjang Belanja

Best Seller

Bank Pembayaran

Footer

Pengiriman

Gambar

Gambar

Gambar

Gambar

99Nama

Produk

Gambar

Pencarian

xxxxxxx

Produk Detail

Beli

Gambar

Header



Gambar III.30.

Rancangan Antar Muka Produk Detail

71

14. Rancangan Antar Muka Keranjang Belanja

Katagori

· xxxxx (9)

· xxxxx (9)

· xxxxx (9)

· xxxxx (9)

· xxxxx (9)

· xxxxx (9)

Testimoni

· xxxxx

· Xxxxx

Keranjang Belanja

Best Seller

Bank Pembayaran

Footer

Pengiriman

Gambar

Gambar

Gambar

Gambar

99

Nama Produk

Gambar

Pencarian

xxxxxxx

Keranjang Belanja

Produk Nama Harga (Rp) Hapus Qty Total(Rp)

xxxxxxx 999999xxxxxxxxx 99 999999

Grand Total (Rp.) 999999

Lanjutkan Belanja Selesai Belanja

Header


Apabila menambah jumlah (Qty) tekan Enter

Total harga diatas belum termasuk ongkos kirim yang akan di hitung

saat Selesai Belanja.

Alamat Jalan

Pilih Kota

Pilih Kurir

xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

xxxx

xxxx

Gambar III.31.

Rancangan Antar Muka Keranjang Belanja

15. Rancangan Antar Muka Selesai Belanja

Katagori

· xxxxx (9)

· xxxxx (9)

· xxxxx (9)

· xxxxx (9)

· xxxxx (9)

· xxxxx (9)

Testimoni

· xxxxx

· Xxxxx

Keranjang Belanja

Best Seller

Bank Pembayaran

Footer

Pengiriman

Gambar

Gambar

Gambar

Gambar

99

Nama Produk

Gambar

Pencarian

xxxxxxx

Terima Kasih untuk pesanan anda

Data Pemesan Beserta Ordernya adalah sebagai berikut :

No. Faktur 99

Header


Mohon Lakukan Konfirmasi Pembayaran Pada menu Konfirmasi Pembayaran

setelah anda melakukan pembayaran, dengan :

Total Produk

Pengiriman

Total Pesanan yang harus

Dibayar adalah

999999

99999

9999999

Print

Gambar III.32.

Rancangan Antar Muka Selesai Belanja

72

3.3.2. Rancangan Basis Data

A. Entity Relationship Diagram (ERD)

pelanggan melakukan Transaksi

memilih

Barang

memiliki

Kategori

memiliki

Detailtransaksi

notransaksi

Id_barang jumlah

subtotal

Kurir_id

username

status

Nama_pelanggan

alamat

email

Nama_kategori Id_kategori

password

telepon

harga

gambar

Nama_barang

Id_barang

id_kategori

stok

deskripsi

ongkir

mempunyai

Tarif

Kurir_id

Id_tarif

Kota_idharga

1 m

1

m

1

1

1

1

Konfirmasi

melakukan

keterangan

teleponjumlah

nama

bank

gambartanggal

memiliki

mempunyai

mempunyai

kota

kurir

Id_kota Nama_kota

Id_kurir Nama_kurir

m

1

m

1

1

1

1

1 1

1

mempunyai

1

1

Kota_id

Alamat

notransaksi

grandtotal

tanngal

jam

Id_konfirmasi

berat

Gambar III.33.

Entity Relation Diagram

73

B. Logical Relation Structure (LRS)

Pelanggan

email*

Nama_pelanggan

Alamat

Telepon

Password

Barang

Id_barang*

Nama_barang

Deskripsi

Id_kategori

Harga

Stok

Gambar

Berat

Kategori

Id_kategori*

Nama_kategori

Transaksi

Notransaksi*

Username

Kurir_id

Kota_id

Ongkir

Alamat

Status

grandtotal

Tanggal

jam

Tarif

Id_tarif*

Kota_id

Kurir_id

harga

Konfirmasi

Id_konfirmasi*

tanggal

Nama

Jumlah

Telepon

keterangan

bank

gambar

Detail Transaksi

Notransaksi

Id_barang

Jumlah

Subtotal

1 m

1

M

1

1

1 1

1

1 1

1

kota

Id_kota*

Nama_kota

1

1

Kurir

Id_kurir*

Nama_kurir

1

1

1

m

1

1

Gambar III.34

Logical Relation Structure (LRS)

74

C. Spesifikasi File

Spesifikasi file merupakan penjelasan mengenai bentuk – bentuk file databse

yang digunakan untuk pengolahan proses dari suatu sistem. File – file ini tersimpan

pada database smilepetshop dengan parameter – parameter sebagai berikut :

1. Spesifikasi File Pelanggan

Nama File : File Pelanggan.MYD

Akronim : Pelanggan

Fungsi : Untuk menyimpan data pelanggan

Tipe : File master

Organisasi File : Index Sequential

Akses File : Random

Media : Hard Disk

Panjang record : 77 Karakter

Kunci Field : email

Software : Mysql

Tabel III.1

Spesifikasi File Pelanggan

No. Elemen Data Nama Field Tipe Size Ket.

1. Email email Varchar 30 Primay Key

2. Nama Pelanggan nama_pelanggan Varchar 35

3. Alamat Pelanggan alamat Text -

5. Telepon Pelanggan telepon Int 12

7. Password Pelanggan password Text -

75

2. Spesifikasi File Kategori

Nama File : File Kategori.MYD

Akronim : Kategori

Fungsi : Untuk menyimpan data kategori

Tipe : File master


Akses File : Random

Media : Hard Disk


Kunci Field : id_kategori

Software : Mysql

Tabel III. 2

Spesifikasi File Kategori


1. Id Kategori id_ kategori Int 6 Primay Key

2. Nama Kategori nama_ kategori Varchar 35

3. Spesifikasi File Barang

Nama File : File Barang.MYD

Akronim : Barang

Fungsi : Untuk menyimpan data barang

Tipe : File transaksi

76


Akses File : Random

Media : Hard Disk


Kunci Field : id_barang

Software : Mysql

Tabel III.3

Spesifikasi File Barang


1. Id Barang id_barang Int 6 Primay Key

2. Nama Barang nama_barang Varchar 35

3. Deskripsi deskripsi Text -

4. Id Kategori id_kategori Varchar 6 Foreign Key

5. Harga harga Int 7

6. Stok stok Int 5

7. Gambar gambar Varchar 50

8. Berat berat Int 11

4. Spesifikasi File Transaksi

Nama File : File Transaksi.MYD

Akronim : Transaksi

Fungsi : Untuk menyimpan data transaksi

Tipe : File Transaksi


77

Akses File : Random

Media : Hard Disk


Kunci Field : notransaksi

Software : Mysql

Tabel III.4

Spesifikasi File Transaksi


1. No Transaksi notransaksi Int 6 Primary Key

2. Username Pelanggan username Varchar 20

3. Id Kurir kurir_id Int 6 Foreign key

4. Id Kota kota_id Int 6 Foreign key

5. Ongkos Pengiriman ogkir Int 6

6. Alamat alamat Varchar 50

7. Status status Varchar 10

8. Grand Total grandtotal Int 11

9. Tanggal Pembelian tanggal Date

10. Jam Pembelian jam Time

5. Spesifikasi File detail transaksi

Nama File : File detailtransaksi.MYD

Akronim : detailtransaksi

Fungsi : Untuk menyimpan data transaksi secara rinci


Organisasi File : Sequential

78

Akses File : Random

Media : Hard Disk


Kunci Field : -

Software : Mysql

Tabel III.5

Spesifikasi File detailtransaksi


1. No Transaksi notransaksi Int 6 Foreign key

2. Id Barang id_barang Int 6 Foreign key

3. Jumlah nama_barang Int 20

4. Subtotal harga Int 11

6. Spesifikasi File Konfirmasi pembayaran

Nama File : File Konfirmasi.MYD

Akronim : Konfirmasi

Fungsi : Untuk menyimpan data konfirmasi pembayaran



Akses File : Random

Media : Hard Disk


Kunci Field : id_bayar

Software : Mysql

79

Tabel III.6

Spesifikasi File Konfirmasi Pembayaran


1. Id konfirmasi id_konfirmasi Int 6 Primay Key

2. Tanggal tanggal Date -

3. Nama nama Varchar 30

4. Jumlah jumlah Int 10

5. Telepon telepon Int 12

6. Keterangan keterangan Text -

7. Nama bank bank Varchar 20

8. Gambar gambar Varchar 50

7. Spesifikasi File Kota

Nama File : File Kota.MYD

Akronim : Kota

Fungsi : Untuk menyimpan data kota area pengiriman

Tipe : File master


Akses File : Random

Media : Hard Disk


Kunci Field : id_kota

Software : Mysql

80

Tabel III.7

Spesifikasi File Kota


1. Id Kota id_kota Int 6 Primay Key

2. Nama Kota nama_kota Varchar 30

8. Spesifikasi File Kurir

Nama File : File Kurir.MYD

Akronim : Kurir

Fungsi : Untuk menyimpan data kurir pengiriman

Tipe : File master


Akses File : Random

Media : Hard Disk


Kunci Field : id_kurir

Software : Mysql

Tabel III.8

Spesifikasi File Kurir


1. Id Kurir id_kurir Int 6 Primay Key

2. Nama Kurir nama_kurir Varchar 30

81

9. Spesifikasi File Tarif

Nama File : File Tarif.MYD

Akronim : Tarif

Fungsi : Untuk menyimpan data tarif pengiriman



Akses File : Random

Media : Hard Disk


Kunci Field : id_tarif

Software : Mysql

Tabel III.9

Spesifikasi File Tarif


1. Id Tarif id_tarif Int 6 Primay Key

2. Id Kirir kurir_id Int 6 Foreign Key

3. Id Kota kota_id Int 6 Foreign Key

4. Harga harga Double -

5. Berat berat Int 6

82

3.3.3 Rancangan Struktur Navigasi

Struktur navigasi yang digunakan adalah struktur navigasi campuran. Struktur

navigasi campuran merupakan gabungan dari ketiga struktur yaitu linier, non-linier

dan hirarki. Struktur navigasi ini juga biasa disebut dengan struktur navigasi bebas.

Struktur navigasi ini banyak digunakan dalam pembuatan website karena struktur ini

dapat memberikan interaksi yang lebih tinggi.

A. Struktur Navigasi User (front-end)

Index


PembayaranCara PembayaranCara PembelianProdukProfil

Login Belum Daftar?

Grooming &

Beauty

Suplement &

Medicals

Cages & carrier

(Kandang)Aksesoris

Dog Food

(Makanan Anjing)

Cat Food

(Makanan Kucing)

Produk Detail

Mengisi Formulir

Pengiriman

Konfirmasi

Pembayaran

Keranjang Belanja

Transaksi Selesai

Logout

Lihat cara

pembelian

Isi Formulir

Konfirmasi

Pembayaran

Lihat Cara

Pembayaran

Isi Formulir

Hubungi kamiLihat ProdukLihat ProfilKategori

Gambar III.35.

Struktur Navigasi User (front-end)

83

B. Struktur Navigasi Admin (back-end)

Home

Login

Admin Tarif Kurir Kota LaporanProduk Kategori Logout

Laporan

Penjualan

Laporan

Member

Laporan

Produk

Hapus

Ubah

Tambah

Hapus

Ubah

Tambah

Hapus

Ubah

Tambah

Hapus

Ubah

Tambah

Hapus

Ubah

Tambah

Hapus

Ubah

Tambah

Hapus

Ubah

Tambah

Hapus

Ubah

Tambah

Hapus

Ubah

Tambah

Hapus

Ubah

Tambah

Hapus

Ubah

Tambah

Konfirmasi

pembayaran

TambahHapus

Hubungi

Kami

Hapus

Balas

Transaksi

Lihat

Edit

Gambar III.36.

Struktur Navigasi Admin (back-end)

3.4. Implementasi dan Pengujian Unit

3.4.1. Implementasi

A. Implementasi Rancangan Antar Muka admin

1. Halaman Login Admin

Gambar III.37

Halaman Login Admin

84

2. Halaman Login salah

Gambar III.38.

Halaman Login Salah

3. Halaman Index Admin

Gambar III.39

Halaman Index Admin

85

4. Halaman Menu Admin

Gambar III.40

Halaman Menu Admin

5. Halaman Ganti Password Admin

Gambar III.41

Halaman Ganti password Admin

86

6. Halaman Menu Produk

Gambar III.42

Halaman Menu Produk

7. Halaman Ubah Produk

Gambar III.43

Halaman Ubah Produk

87

8. Halaman Menu Kategori

Gambar III.44

Halaman Menu Kategori

9. Halaman Ubah Kategori

Gambar III.45

Halaman Ubah Kategori

88

10. Halaman Transaksi

Gambar III.46

Halaman Transaksi

11. Halaman Detail Transaksi

Gambar III.47

Halaman Detail Transaksi

89

12. Halaman Menu Tarif

Gambar III.48

Halaman Menu Tarif

13. Halaman Menu Kota

Gambar III.49

Halaman Menu Kota

90

14. Halaman Menu Kurir

Gambar III.50

Halaman Menu Kurir

15. Halaman Menu Konfirmasi Pembayaran

Gambar III.51

Halaman Menu Konfirmasi Pembayaran

91

16. Halaman Menu hubungi kami

Gambar III.52

Halaman Menu hubungi kami

17. Halaman Menu Balas Email

Gambar III.53

Halaman Menu Balas Email

92

18. Halaman Menu Laporan

Gambar III.54

Halaman Menu laporan

B. Implementasi Rancangan Antar Muka User

1. Halaman Index website

Gambar III.55

Halaman index website

93

2. Halaman Daftar Member baru

Gambar III.56

Halaman Daftar Member Baru

3. Halaman Home

Gambar III.57

Halaman home

94

4. Halaman Profil

Gambar III.58

Halaman Profil

95

5. Halaman Produk

Gambar III.59

Halaman Produk

6. Halaman Cara Pembelian

Gambar III.60

Halaman Cara Pembelian

96

7. Halaman Cara Pembayaran

Gambar III.61

Halaman Cara Pembayaran

8. Halaman Konfirmasi Pembayaran

Gambar III.62

Halaman konfirmasi Pembayaran

97

9. Halaman Hubungi Kami

Gambar III.63

Halaman Hubungi Kami

10. Halaman Kategori

Gambar III.64

Halaman Kategori

98

11. Halaman Isi Testimoni

Gambar III.65

Halaman Isi Testimoni

12. Halaman Lihat Testimoni

Gambar III.66

Halaman Lihat Testimoni

99

13. Halaman Hasil Pencarian

Gambar III.67

Halaman Hasil Pencarian

14. Halaman Produk Detail

Gambar III.68

Halaman Produk Detail

100

15. Halaman Keranjang belanja

Gambar III.69

Halaman Keranjang Belanja

16. Halaman Transaksi Selesai

Gambar III.70

Halaman Transaksi Selesai

101

B. Spesifikasi Sistem Komputer

Berikut ini adalah spesifikasi perangkat keras dan perangkat lunak minimum

yang dibutuhkan untuk mengimplementasikan program sistem informasi penjualan

e-commerce.

1. Spesifikasi Perangkat Keras

A. Server

1. CPU

a. Processor intel dual core 2.3 GHz

b. RAM 2 GB

c. Hard Disk 320 GB

d. VGA Mobile Intel (R) 965 Express Chipset Family 358 MB

2. Mouse

3. Keyboard

4. Monitor dengan resolusi layar minimum 1024x768

5. Koneksi internet dengan kecepatan 2 Mbps.

B. Client

1. CPU

a. Processor intel dual core 2,3GHz

b. RAM 1 - 2 GB

c. Hard Disk 320 GB

d. VGA Intel HD

2. Mouse

3. Keyboard

4. Monitor dengan resolusi layar minimum 1024x768

5. Koneksi internet dengan kecepatan 2 Mbps.

2. Spesifikasi Perangkat Lunak

1. Server

a. Sistem operasi Microsoft Windows 7 Ultimate 32bit (x86).

b. Aplikasi bundle web server adalah Xampp 1.8.1-0 terdiri dari

beberapa komponen diantaranya:

1. Aplikasi PHP

2. Aplikasi MySQL

3. Aplikasi phpMyAdmin

c. Aplikasi web browser seperti Internet Explorer, Google Chrome

Mozilla Firefox

102

2. Client

a. Sistem operasi Microsoft Windows 7 Ultimate 32bit (x86)

b. Aplikasi web browser seperti Mozilla Firefox, Opera, Safari, Internet

Explorer, Google Chrome.

3.4.2. Pengujian Unit

Pengujian terhadap program yang dibuat menggunakan blackbox testing

yang fokus terhadap proses masukan dan keluaran program.

A. Pengujian Terhadap Form Login Admin

Tabel III.10

Pengujian Form login Admin

No Skenario

Pengujian Test Case

Hasil yang di

harapkan

Hasil

Pengujian Kesimpulan

1 Username

dan password

di kosongkan

kemudian

klik tombol

login

User id:

(kosong)

Password:(kos

ong)

Sistem akan

menolak akses

user dan akan

menampilkan

“You missed 2

fields. They

have been

highlighted.”

Sesuai

harapan

Valid

2 Mengetikkan

username dan

password

tidak di isi

kemudian

klik tombol

login

Username:

(admin)

Password:(kos

ong)

Sistem akan

menolak akses

user dan akan

menampilkan

“You missed 1

field. it has

been

highlighted.”

Sesuai

harapan

Valid

3 Username

tidak di isi

dan password

di isi

kemudian

klik tombol

login

Username:

(kosong )

Password:

(admin)

Sistem akan

menolak akses

user dan akan

menampilkan

“You missed 1

field. it has

been

highlighted.”

Sesuai

harapan

Valid

103

4 Mengetikan

salah satu

kondisi salah

pada

username

atau

password

kemudian

klik tombol

login

Username:

(admin )

Password:

(user)

Sistem akan

menolak akses

user dan akan

menampilkan

“LOGIN

GAGAL.

Username atau

password anda

tidak sesuai.

Atau akun anda

sedang

diblokir.”

Sesuai

harapan

Valid

5 Mengetikan

username dan

password

dengan data

yang benar

kemudian

klik tombol

login

Username:

admin(benar )

Password:

admin(benar)

Sistem

menerima akses

Login. Dan

masuk ke form

menu utama

admin.

Sesuai

harapan

Valid

B. Pengujian Terhadap Form Tambah Admin

Tabel III.11

Pengujian Form Tambah Admin

No Skenario

Pengujian Test Case

Hasil yang di

harapkan

Hasil


1 Mengosongk-

an field

Username.

Username:

(kosong)

Password:

(admin)

Akan

menampilkan

Pesan Validasi

“Anda belum

Mengisikan

Username”

Sesuai

harapan

Valid

2 Mengosongk-

an Field

Password

Username:

(admin)

Password:

(Kosong)

Akan

menampilkan

Pesan Validasi

“Anda belum

Mengisikan

Password”

Sesuai

harapan

Valid

3 Mengosongk-

an field

Username:

(Kosong)

Akan

menampilkan

Sesuai

harapan

Valid

104

Username dan

field

Password

Password

(Kosong)

Pesan Validasi

dimasing

masing kotak.

4 Mengetikkan

username dan

password

dengan benar

Username:

(admin)

Password

(admin)

Akan

menampilkan

Pesan” Admin

baru berhasil

ditambah.

Sesuai

harapan

Valid

C. Pengujian Terhadap Form Ganti Password Admin

Tabel III.12

Pengujian Form Ganti Password Admin

No Skenario

Pengujian Test Case

Hasil yang di

harapkan

Hasil


1 Mengosongk-

an Field

Password

Lama.

Username:

(admin)

Password

Lama

(kosong)

Password

Baru

(******)

Akan

menampilkan

Pesan Validasi

disamping field

password

lama“Anda

belum

Mengisikan

Password”

Sesuai

harapan

Valid

2 Password

Lama di isi

tidak sesuai

atau salah

Username

(admin)

Password

Lama

(tidak sesuai)

Password

Baru(ada)

Sistem akan

menolak akses

ubah password

admin dan akan

menampilkan

“Password lama

salah, input

dengan benar

password lama

Anda!.”

Sesuai

harapan

Valid

3 Mengosongk-

an field

Password

Baru

Username:

(admin)

Password

Lama

(******)

Password

Baru

(kosong)

Akan

menampilkan

Pesan Validasi

disamping field

password Baru

“Anda belum

Mengisikan

Password Baru”

Sesuai

harapan

Valid

4 Mengosongk-

an 2 field

password

Username:

(admin)

Password

Menampilkan

Pesan Validasi

disamping

Sesuai

harapan

Valid

105

Lama dan

field

password

Baru

Lama

(kosong)

Password

Baru

(kosong)

masing masing

field password

Lama dan field

password Baru.

5 Mengetikan

Password

Lama dan

Password

baru dengan

data yang

benar

kemudian klik

tombol Ubah

Username:

(admin)

Password

Lama

(benar)

Password

Baru

(benar)

Sistem

menerima akses

Ubah admin

dan kemudian

langsung

menampilkan

pesan “Data

Sudah

Berubah.”

.

Sesuai

Harapan

Valid

D. Pengujian Terhadap Form Tambah Produk

Tabel III.13

Pengujian Form Tambah Produk

No Skenario

Pengujian Test Case

Hasil yang di

harapkan

Hasil


1 Mengosong

kan field

Nama

Nama:

(kosong)

Deskripsi:

(Persian)

karegori:

(Carrier)

Harga:

(450000)

Stock:

(4)

Akan

menampilkan

Pesan Validasi

“Anda belum

Mengisikan

Nama Produk”

Sesuai

harapan

Valid

2 Mengosong

kan field

Deskripsi

Nama:

(Carrier)

Deskripsi:

(ukuran L)

Kategori:

(Carrier)

Harga:

(450000)

Stock:

(4)

Akan

menampilkan

Pesan Validasi

“Anda belum

Mengisikan

Deskripasi”.

Sesuai

harapan

Valid

3 Mengosong

kan field

Nama:

(Carrier)

Akan

menampilkan

Sesuai

harapan

106

Kategori Deskripsi:

(Ukuran L)

Kategori:

(Kosong)

Harga:

(240000)

Stock:

(4)

Pesan Validasi

“Anda belum

Mengisikan

Kategori”.

4 Mengosong

kan field

Harga

Nama:

(Carrier)

Deskripsi:

(Ukuran L)

Kategori:

(Carrier)

Harga:

(kosong)

Stock:

(4)

Akan

menampilkan

Pesan Validasi

“Anda belum

Mengisikan

harga Produk”.

Sesuai

harapan

Valid

5 Mengosong

kan field stock

Nama:

(carrier)

Deskripsi:

(Ukuran L)

Kategori:

(Carrier)

Harga:

(240000)

Stock:

(kosong)

Akan

menampilkan

Pesan Validasi

“Anda belum

Mengisikan

Stock Produk”.

Sesuai

harapan

Valid

6 Mengosong

kan field

gambar

Nama:

(carrier)

Deskripsi:

(Ukuran L)

Kategori:

(Carrier)

Harga:

(240000)

Stock:

(4)

Gambar :

(kosong)

Akan

menampilkan

Pesan Validasi

disamping

kolom gambar

“No file

selected”

Sesuai

harapan

Valid

6 Mengisi

semua field

lalu klik

tombol

Nama:

(Carrier)

Deskripsi:

(Ukuran L)

Kategori:

Sistem

menerima akses

Tambah produk

kemudian

menampilkan

Sesuai

harapan

Valid

107

(Carrier)

Harga:

(248000)

Stock:

(4)

pesan “Produk

Berhasil

disimpan”.

E. Pengujian Terhadap Form Tambah Kategori

Tabel III.14

Pengujian Form Tambah Kategori

No Skenario

Pengujian Test Case

Hasil yang di

harapkan

Hasil


1 Mengosong

kan field

kategori

Kategori:

(kosong)

Akan

menampilkan

Pesan Validasi

“Anda belum

Mengisikan

Kategori”

Sesuai

harapan

Valid

2 Mengetikkan

atau mengisi

field kategori

lalu klik

tombol

simpan

Kategori:

(Carrier)

Sistem

menerima akses

Tambah

Kategori dan

kemudian

langsung

menampilkan

pesan “Kategori

Bertambah.”

Sesuai

harapan

Valid

F. Pengujian Terhadap Form Login User

Tabel III.15

Pengujian Form login User

No Skenario

Pengujian Test Case

Hasil yang di

harapkan

Hasil


1 Mengosongk-

an field

Username.

Username:

(kosong)

Password:

(user)

Akan

menampilkan

Pesan Validasi

disamping field

username

“Anda belum

Mengisikan

Username”

Sesuai

harapan

Valid

2 Mengosongk- Username: Akan Sesuai Valid

108

an Field

Password

kosong

(user)

Password:

(Kosong)

menampilkan

Pesan Validasi

disamping field

password

“Anda belum

Mengisikan

Password”

harapan

3 Mengosongk-

an field

Username dan

field

Password

Username:

(Kosong)

Password

(Kosong)

Akan

menampilkan

Pesan Validasi

dimasing

masing kotak.

Sesuai

harapan

Valid

4 Mengetikkan

Username

salah dan

Password

benar

Username:

(salah)

Password:

(User)

Sistem menolak

akses

Login User dan

kemudian

langsung

menampilkan

pesan

“Username dan

Password yang

Anda isi salah”

Sesuai

harapan

Valid

5 Mengetikkan

username dan

password

dengan benar

Username:

(User)

Password:

(User)

Sistem

menerima akses

Login User dan

kemudian

langsung

menampilkan

pesan “Halo !

selamat

berbelanja.”

Sesuai

harapan

Valid

109

G. Pengujian Terhadap Form Daftar Member Baru User

Tabel III.16

Pengujian Form Daftar Member Baru User

No Skenario

Pengujian Test Case

Hasil yang di

harapkan

Hasil

Pengujia

n

Kesimpulan

1 Mengosongk-

an field nama

kosong.

Nama:

(kosong)

Akan

menampilkan

Pesan Validasi

“Anda belum

Mengisikan

Nama”

Sesuai

harapan

Valid

2 Mengosongk-

an Field

alamat kosong

Alamat:

(Kosong)

Akan

menampilkan

Pesan Validasi

“Isi Alamat anda

dengan benar”

Sesuai

harapan

Valid

3 Mengosongk-

an Field

Telepon

Telepon:

(Kosong)

Akan

menampilkan

Pesan Validasi

“Isikan 10 digit

angka telepon”

Sesuai

harapan

Valid

4 Mengetikan

field telepon

dengan huruf

Telepon:

(sepuluh)

Akan

menampilkan

Pesan Validasi

“Isikan Angka”

Sesuai

harapan

Valid

5 Mengosongk-

an Field email

Email:

(kosong)

Akan

menampilkan

Pesan Validasi

“email is

required”.

Sesuai

harapan

Valid

6 Mengisikan

Field email

tidak sesuai

format

Email:

(isiatyahoodot

com)

Akan

menampilkan

Pesan Validasi

“Format Email

belum benar”.

Sesuai

harapan

Valid

7 Mengosongk-

an field user

member

User:

(kosong)

Akan

menampilkan

Pesan Validasi

“Anda belum

mengisikan

nama user”.

Sesuai

harapan

Valid

8 Mengosongk- Password: Akan Sesuai Valid

110

an field

password

member

(Kosong) menampilkan

Pesan Validasi

“Anda belum

mengisikan

Password”.

harapan

9 Mengosongk-

an field re-

password

member

Re-Password:

(Kosong)

Akan

menampilkan

Pesan Validasi

“Anda belum

mengisikan re-

Password”.

Sesuai

harapan

Valid

10 Membedakan

field re-

password

member

dengan

password

member

Password:

(1993-12-05)

Re-Password:

(05-12-1993)

Sistem akan

menolak akses

dan

menampilkan

Pesan “Password

tidak sama,

ulangin

password Anda!”

Sesuai

harapan

Valid

11 Mengetikkan

Semua field

dengan benar

diantaranya

format email

dengan benar

dan nomor

telepon

dengan huruf

Sistem menerima

akses daftar

member baru

dan

menampilkan

pesan “Selamat

anda Telah

Menjadi

Member,

silahkan login”.

H. Pengujian Terhadap Form Hubungi Kami

Tabel III.17

Pengujian Form Hubungi Kami

No Skenario

Pengujian Test Case

Hasil yang di

harapkan

Hasil


1 Mengosongk-

an field

Nama.

Nama:

(kosong)

Email:

(aisitipaujiah

@gmail.com)

Subjek:

(Minta

Informasi)

Akan

menampilkan

Pesan Validasi

disamping field

Nama “Anda

belum

Mengisikan

Nama”

Sesuai

harapan

Valid

111

Pesan:

(apakah ada

katalog?)

2 Mengosongk-

an Field

email.

Nama:

(Ai)

Email:

(kosong)

Subjek:

(Minta

Informasi)

Pesan:

(apakah ada

katalog?)

Akan

menampilkan

Pesan Validasi

disamping field

email “email is

required”

Sesuai

harapan

Valid

3 Mengetikkan

format email

salah

Nama:

(Ai)

Email:

(aiattgmaildot

con)

Subjek:

(Minta

Informasi)

Pesan:

(apakah ada

katalog?)

Akan

menampilkan

Pesan Validasi

disamping field

email “Format

email belum

benar”

Sesuai

harapan

Valid

4 Mengosongka

n kan field

subjek

Nama:

(Ai)

Email:

(aisitipaujiah

@gmail.com)

Subjek:

(Kosong)

Pesan:

(apakah ada

katalog?)

Akan

menampilkan

Pesan Validasi

disamping

field“Anda

belum

mengisikan

subjek pesan”

Sesuai

harapan

Valid

5 Mengosongk-

an Field pesan

Nama:

(Ai)

Email:

(aisitipaujiah

@gmail.com)

Subjek:

(Minta

informasi)

Pesan:

(Kosong)

Akan

menampilkan

Pesan Validasi

disamping field

pesan “Anda

belum

mengisikan

pesan”.

Sesuai

harapan

Valid

6 Mengetikkan Nama: Sistem Sesuai Valid

112

Semua field

dengan benar

diantaranya

format email

dengan benar

(Ai)

Email:

(aisitipaujiah

@gmail.com)

Subjek:

(Minta

informasi)

Pesan:

(apakah ada

katalog?)

menerima pesan

dan kemudian

langsung

menampilkan

pesan

“Terimakasih

telah

menghubungi

kami akan

segera

meresponnya.”

harapan

I. Pengujian Terhadap Form Isi Testimoni

Tabel III.18

Pengujian Form Isi Testimoni

No Skenario

Pengujian Test Case

Hasil yang di

harapkan

Hasil


1 Mengosongk-

an field

Nama.

Nama:

(kosong)

Email:

(aisitipaujiah

@gmail.com)

Testimonial:

(website ini

keren)

Akan

menampilkan

Pesan Validasi

disamping field

Nama “Anda

belum

Mengisikan

Nama Anda”

Sesuai

harapan

Valid

2 Mengosongk-

an Field

email.

Nama:

(Ai)

Email:

(Kosong)

Testimonial:

(website ini

keren)

Akan

menampilkan

Pesan Validasi

disamping field

email “email is

required”

Sesuai

harapan

Valid

3 Mengetikkan

format email

salah

Nama:

(Ai)

Email:

(aiatgmaildotc

om)

Testimonial:

(website ini

keren)

Akan

menampilkan

Pesan Validasi

disamping field

email “Format

email belum

benar”

Sesuai

harapan

Valid

4 Mengosongka

n kan field

Testimonial

Nama:

(kosong)

Email:

(aisitipaujiah

Akan

menampilkan

Pesan Validasi

disamping

Sesuai

harapan

Valid

113

@gmail.com)

Testimonial:

(kosong)

field“Anda

belum

mengisikan isi

testimonial”

6 Mengetikkan

Semua field

dengan benar

diantaranya

format email

dengan benar

Nama:

(Ai)

Email:

(aisitipaujiah

@gmail.com)

Testimonial:

(website ini

keren)

Sistem

menerima

testimonial dan

menampilkan

pesan

“Terimakasih.”

Sesuai

harapan

Valid

J. Pengujian Terhadap Form Pembelian

Tabel III.19

Pengujian Form Pembelian

No Skenario

Pengujian Test Case

Hasil yang di

harapkan

Hasil


1. Apabila

Pembelian

melebihi Stok

barang yang

ada.

Stok 1

pembelian 4

Akan tampil

Pesan “Maaf

stok habis”

Sesuai

Harapan

Valid

K. Pengujian Terhadap Form Konfirmasi

Tabel III.20

Pengujian Form Konfirmasi

No Skenario

Pengujian Test Case

Hasil yang di

harapkan

Hasil


1 Mengosong

kan field No

transaksi

No transaksi:

(kosong)

Tanggal

transfer:

(2016/07/02)

Transfer atas

nama:

(Ai)

Bank:

(BCA)

Jumlah

Transfer:

Akan

menampilkanPe

san Validasi

dibawah kolom

nama “Please

fill out this

field”

Sesuai

harapan

Valid

114

(400000)

Telephon:

(08190811933

4)

Gambar:

(aa.jpeg)

Keterangan:

(Sudah

transafer)

2 Mengosong

kan field

Tanggal

No transaksi:

(10)

Tanggal

transfer:

(kosong)

Transfer atas

transfer atas

nama:

(Ai)

Bank:

(BCA)

Jumlah

Transfer:

(400000)

Telephon:

(08190811933

4)

Gambar:

(aa.jpeg)

Keterangan:

(Sudah Di

transfer)

Akan

menampilkan

Pesan Validasi

dibawah kolom

deskripsi

“Please fill out

this field”

Sesuai

harapan

Valid

3 Mengosong

kan field

transfer atas

nama

No transaksi:

(10)

Tanggal

transfer:

(2016/07/02)

Transfer atas

nama:

(Kosong)

Bank:

(BCA)

Akan

menampilkan

Pesan Validasi

dibawah kolom

nama “Please

fill out this

field”

Sesuai

harapan

Valid

115

Jumlah

Transfer:

(400000)

Telephon:

(08190811933

4)

Gambar:

(aa.jpeg)

Keterangan:

(sudah

transfer)

4 Mengosong

kan field Bank

No transaksi:

(10)

Tanggal

transfer:

(2016/07/02)

Transfer atas

nama:

(Ai)

Bank:

(kosong)

Jumlah

Transfer:

(400000)

Telephon:

(08190811933

4)

Gambar:

(aa.jpeg)

Keterangan:

(sudah

transfer)

Akan

menampilkan

Pesan Validasi

dibawah kolom

kategori

“Please select

an item in the

list”

Sesuai

harapan

Valid

5 Mengosong

kan Jumlah

transfer

No transaksi:

(10)

Tanggal

transfer:

(2016/07/02)

Transfer atas

atas nama:

(Ai)

Bank:

(BCA)

Jumlah

Transfer:

(Kosong)

Akan

menampilkan

Pesan Validasi

dibawah kolom

stok “Please fill

out this field””.

Sesuai

harapan

Valid

116

Telephon:

(08190811933

4)

Gambar:

(aa.jpeg)

Keterangan:

(sudah

transfer)

6 Mengosong

kan field

gambar

No transaksi:

(10)

Tanggal

transfer:

(2016/07/02)

Transfer atas

nama:

(Ai)

Bank:

(BCA)

Jumlah

Transfer:

(400000)

Telephon:

(08190811933

4)

Gambar:

(kosong)

Keterangan:

(sudah

transfer)

Akan

menampilkan

Pesan Validasi

disamping

kolom gambar

“No file

selected”

Sesuai

harapan

Valid

7 Mengosong

kan field

keterangan

No transaksi:

(10)

Tanggal

transfer:

(2016/07/02)

Transfer atas

nama:

(Ai)

Bank:

(BCA)

Jumlah

Transfer:

(400000)

Telephon:

(08190811933

4)

Akan

menampilkan

Pesan Validasi

dibawah kolom

stok “Please fill

out this field””.

Sesuai

harapan

Valid

117

Gambar:

(aa.jpeg)

Keterangan:

(Kosong) 8 Mengisi

semua field

lalu klik

tombol input

No transaksi:

(10)

Tanggal

transfer:

(2016/07/02)

Transfer atas

nama:

(Ai)

Bank:

(BCA)

Jumlah

Transfer:

(400000)

Telephon:

(08190811933

4)

Gambar:

(aa.jpg)

Keterangan:

(sudah di

transfer)

Sistem

menerima akses

Tambah produk

kemudian

menampilkan

pesan “Data

sudah terkirim”

Sesuai

harapan

Valid

BAB III PEMBAHASAN · 4. Melakukan pemesanan kebutuhan barang di toko. 5. Membuat pencapaian target...

Documents

Transcript of BAB III PEMBAHASAN · 4. Melakukan pemesanan kebutuhan barang di toko. 5. Membuat pencapaian target...