BAB III PEMBAHASAN - repository.bsi.ac.id · Nomor Surat Izin Usaha (SIUP) 510/115...

40
20 BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan 3.1.1. Sejarah Perusahaan PT. Mega Cantika Catering adalah bentuk usaha di bidang jasa tepatnya di di bidang penyedia makanan berlokasi di Jl. H. Gemin no.102 Kel. Jatikramat Rt/ Rw. 002/002 Pondok Gede Bekasi. Nomor Surat Izin Usaha (SIUP) 510/115 PERINDAG/PB/DC/2005. Dan saat ini menyediakan menu box untuk karyawan pabrik, hotel atau perorangan bahkan untuk acara pesta. 3.1.2. Struktur Organisasi Pimpinan Megawati Rachman, Amd Tim 1 Kurir Tim 2 Koki Tim 3 Pengurus Budi Ani Titin Yoyoh Tini Kani Engkoi Tuti Odang Sumber: Owner PT. Cantika Catering Gambar III.1 Struktur Organisasi Cantika Catering

Transcript of BAB III PEMBAHASAN - repository.bsi.ac.id · Nomor Surat Izin Usaha (SIUP) 510/115...

Page 1: BAB III PEMBAHASAN - repository.bsi.ac.id · Nomor Surat Izin Usaha (SIUP) 510/115 PERINDAG/PB/DC/2005. Dan saat ini menyediakan menu box untuk karyawan pabrik, hotel atau perorangan

20

BAB III

PEMBAHASAN

3.1. Tinjauan Perusahaan

3.1.1. Sejarah Perusahaan

PT. Mega Cantika Catering adalah bentuk usaha di bidang jasa tepatnya di

di bidang penyedia makanan berlokasi di Jl. H. Gemin no.102 Kel. Jatikramat Rt/

Rw. 002/002 Pondok Gede Bekasi. Nomor Surat Izin Usaha (SIUP) 510/115

PERINDAG/PB/DC/2005. Dan saat ini menyediakan menu box untuk karyawan

pabrik, hotel atau perorangan bahkan untuk acara pesta.

3.1.2. Struktur Organisasi

PimpinanMegawati Rachman, Amd

Tim 1 Kurir Tim 2 Koki Tim 3 PengurusBudi Ani Titin

Yoyoh Tini KaniEngkoi Tuti Odang

Sumber: Owner PT. Cantika Catering

Gambar III.1 Struktur Organisasi Cantika Catering

Page 2: BAB III PEMBAHASAN - repository.bsi.ac.id · Nomor Surat Izin Usaha (SIUP) 510/115 PERINDAG/PB/DC/2005. Dan saat ini menyediakan menu box untuk karyawan pabrik, hotel atau perorangan

Pimpinan : berfungsi untuk mengontrol dan mengawasi karyawan bekerja

serta bertanggung jawab pada jalannya usaha.

Koki : berfungsi untuk bertanggung jawab pada makanan yang dibuat

yang akan diberikan kepada konsumen.

Pengurus : berfungsi untuk membantu semua pekerjaan yang ada pada

Cantika Catering.

3.2. Analisa Kebutuhan

3.2.1. Identifikasi Kebutuhan Pengguna

Pada aplikasi e-commerce terdapat front-end, database dan back-end yang

saling berinteraksi dalam lingkungan sistem. Pengguna website ada 2, yaitu

admin, dan pengunjung. Setiap pengguna mempunyai kebutuhan informasi yang

berbeda yaitu:

1. Admin

a. Admin dapat mengedit profil, password, dan email admin.

b. Admin dapat menambah, mengedit dan menghapus kategori, jenis

produk, produk, data bank dan biaya kirim.

c. Admin dapat menambah, mengedit dan menghapus informasi tentang

website.

d. Admin dapat mengubah status konfirmasi pembayaran.

e. Admin dapat mengubah atau memperbaharui password.

f. Admin dapat melihat detail data order dan laporan penjualan perhari,

perbulan sampai pertahun.

21

Page 3: BAB III PEMBAHASAN - repository.bsi.ac.id · Nomor Surat Izin Usaha (SIUP) 510/115 PERINDAG/PB/DC/2005. Dan saat ini menyediakan menu box untuk karyawan pabrik, hotel atau perorangan

2. Pengunjung

a. Pengunjung dapat melihat produk dan detail produk di konten beranda

dan kategori produk.

b. Pengunjung dapat membaca konten cara pembelian dan tentang kami.

c. Pengunjung dapat melihat profil Cantika Catering.

d. Pengunjung dapat melakukan registrasi.

3. Member

a. Member dapat melakukan login

b. Member dapat melakukan proses pembelian

c. Member dapat melakukan konfirmasi pembayaran

d. Member dapat mengedit data member

e. Member dapat melakukan checkout.

3.2.2. Identifikasi Kebutuhan Sistem

1. Sistem Administrator

Administrator harus login. Setelah admin berhasil login, selanjutnya admin

akan masuk ke halaman beranda administrator dan konten-konten yang

tersedia untuk mengatur data-data dan informasi yang muncul di website,

dan dapat melihat order pembelian masuk dan detail transaksi yang

dihasilkan.

2. Sistem Kategori Produk dan Keranjang Belanja

Produk yang dipilih akan masuk kedalam keranjang belanja, didalam

keranjang belanja produk masih dapat diubah jumlah beli, atau menambah

produk lagi dan jika sudah sesuai keinginan dapat melanjutkan pembelian.

22

Page 4: BAB III PEMBAHASAN - repository.bsi.ac.id · Nomor Surat Izin Usaha (SIUP) 510/115 PERINDAG/PB/DC/2005. Dan saat ini menyediakan menu box untuk karyawan pabrik, hotel atau perorangan

3.3. Spesifikasi Dokumentasi Sistem Berjalan

Spesifikasi dokumen sistem berjalan merupakan perincian dari bentuk

dokumen-dokumen yang digunakan dalam proses pemesanan katering bentuk

dokumen itu sendiri digolongkan dalam 2 bagian, yaitu dokumen masukan

dan dokumen keluaran.

3.3.1. Spesifikasi Dokumen Masukan Sistem Berjalan

1. Nama Dokumen : Nota Pemesanan Katering Merah MudaFungsi :Sebagai bukti data transaksi pemesanan katering

Sumber : Konsumen

Tujuan : Pemilik Katering

Media :Kertas

Frekuensi : Setiap terjadi proses transaksi pemesanan

Format : Lampiran A-1

3.3.2. Spesifikasi Dokumen Keluaran Sistem Berjalan

1. Nama Dokumen : Bukti Nota Pemesanan Katering Putih

Fungsi : Sebagai buku data transaksi pemesanan katering

Sumber : Pemilik Katering

Tujuan : Konsumen

Media : Kertas

Frekuensi : Setiap terjadi proses transaksi pemesanan katering

Format : Lampiran A-2

2. Nama Dokumen : Nota Pemesanan Katering Kuning

Fungsi : Sebagai bukti arsip data transaksi pemesanan

kateringSumber : Pemilik Katering

Tujuan : Pemilik Katering

23

Page 5: BAB III PEMBAHASAN - repository.bsi.ac.id · Nomor Surat Izin Usaha (SIUP) 510/115 PERINDAG/PB/DC/2005. Dan saat ini menyediakan menu box untuk karyawan pabrik, hotel atau perorangan

Media : Kertas

Frekuensi : Setiap terjadi proses transaksi pemesanan katering

Format : Lampiran A-3

3.4. Use Case Diagram

1. Halaman Login

Gambar III.2 Use Case Diagram Login

24

Page 6: BAB III PEMBAHASAN - repository.bsi.ac.id · Nomor Surat Izin Usaha (SIUP) 510/115 PERINDAG/PB/DC/2005. Dan saat ini menyediakan menu box untuk karyawan pabrik, hotel atau perorangan

Tabel III. 1 Deskripsi Use Case Diagram Login

Use Case Narative Login

Tujuan Melakukan Login dan Masuk kedalamSistem web Pemesanan

Deskripsi Sistem ini memungkinkan aktor untukmengakses sistem web pemesanan

Skenario Utama

Aktor Member

Kondisi Awal Aktor membuka web pemesanan

Aksi Aktor Reaksi Sistem

1. Aktor memilih tombol 1. Sistem akan menampilkan textboxmasuk untuk mengisi nama pengguna dan

password2. Aktor memilih tombol batal 2. Sistem akan membatalkan proses

dan keluar dari aktivitasKondisi Akhir Jika perintah sesuai maka sistem akan

masuk kedalam web pemesanan danmelakukan aktivitas didalam sistem.

2. Halaman Menu Utama

Gambar III.3 Use Case Diagram Halaman Menu Utama

25

Page 7: BAB III PEMBAHASAN - repository.bsi.ac.id · Nomor Surat Izin Usaha (SIUP) 510/115 PERINDAG/PB/DC/2005. Dan saat ini menyediakan menu box untuk karyawan pabrik, hotel atau perorangan

Tabel III.2 Deskripsi Use Case Diagram Halaman Beranda

Use Case Narative Menu Utama

Tujuan Member dapat mengakses menu yang adadi menu katering, menu kontak kami,menu info pembayaran dan menulogin/register.

Deskripsi Sistem ini memungkinkan aktor untukmengelola sistem pemesanan sampaipembayaran.

Skenario Utama

Aktor Member

Kondisi Awal Aktor membuka web pemesanan danmasuk ke dalam Menu katering

Aksi Aktor Reaksi Sistem

1. Aktor memilih tombol menu 1. Sistem akan menampilkan kolomkatering detail, pesan, harga, gambar.

2. Aktor memilih tombol menu 2. Sistem akan menampilkan kolomkontak kami nama, email, subjek, pesan.

3. Aktor memilih tombol menu 3. Sistem akan menampilkan kolominfo pembayaran info pembayaran.

Kondisi Akhir Jika perintah sesuai maka sistem akanmasuk kedalam menu utama danmelakukan aktivitas didalam sistem.

26

Page 8: BAB III PEMBAHASAN - repository.bsi.ac.id · Nomor Surat Izin Usaha (SIUP) 510/115 PERINDAG/PB/DC/2005. Dan saat ini menyediakan menu box untuk karyawan pabrik, hotel atau perorangan

3. Halaman Menu Catering

Gambar III.4. Use Case Diagram Menu Catering

Tabel III.3 Deskripsi Use Case Diagram Halaman Menu Catering

Use Case Narative Menu Utama

Tujuan Member dapat mengakses menu catering

Deskripsi Sistem ini memungkinkan aktor untukmengakses menu catering untuk memesan

Skenario Utama

Aktor Member

Kondisi Awal Aktor membuka web pemesanan danmasuk ke dalam Menu katering

Aksi Aktor Reaksi Sistem

1. Aktor memilih tombol menu 1. Sistem akan menampilkan gambarkatering menu katering, lihat detail, dan

2. Aktor memilih tombol menu pesan.lihat detail 2. Sistem akan menampilkan detail

3. Aktor memilih tombol menu pesananpesan 3. Sistem akan menampilkan kolom

pesananKondisi Akhir Jika perintah sesuai maka sistem akan

masuk kedalam menu utama danmelakukan aktivitas didalam sistem.

4. Halaman Menu Kontak Kami

27

Page 9: BAB III PEMBAHASAN - repository.bsi.ac.id · Nomor Surat Izin Usaha (SIUP) 510/115 PERINDAG/PB/DC/2005. Dan saat ini menyediakan menu box untuk karyawan pabrik, hotel atau perorangan

Gambar III.5. Use Case Menu Kontak Kami

Tabel III.4. Deskripsi Use Case Diagram Halaman Menu Kontak kami

Use Case Narative Menu Utama

Tujuan Member dapat mengakses menu kontakkami

Deskripsi Sistem ini memungkinkan aktor untukmengelola sistem pemesanan kontak

Skenario Utama

Aktor Member

Kondisi Awal Aktor membuka web pemesanan danmasuk ke dalam menu kontak kami

Aksi Aktor Reaksi Sistem

1. Aktor menginput nama 1. Sistem akan menampilkan namayang ter-input.

2. Aktor menginput email 2. Sistem akan menampilkan emailyang ter-input.

3. Aktor menginput subjek 3. Sistem akan menampilkan subjekyang ter-input.

4. Aktor menginput pesan 4. Sistem akan menampilkan pesanyang ter-input.

Kondisi Akhir Jika perintah sesuai maka sistem akanmasuk kedalam menu utama danmelakukan aktivitas didalam sistem.

5. Use Case Diagram Info Pembayaran

28

Page 10: BAB III PEMBAHASAN - repository.bsi.ac.id · Nomor Surat Izin Usaha (SIUP) 510/115 PERINDAG/PB/DC/2005. Dan saat ini menyediakan menu box untuk karyawan pabrik, hotel atau perorangan

Gambar III.6 Use Case Diagram Info Pembayaran

Tabel III.5 Deskripsi Use Case Diagram Halaman Info Pembayaran

Use Case Narative Menu Utama

Tujuan Member dapat mengakses menu infopembayaran

Deskripsi Sistem ini memungkinkan aktor untukmengelola sistem info pembayaran

Skenario Utama

Aktor Member

Kondisi Awal Aktor membuka web pemesanan danmasuk ke dalam Menu info pembayaran

Aksi Aktor Reaksi Sistem

Aktor memilih tombol menu info Sistem akan menampilkan infopembayaran pembayaran

Kondisi Akhir Jika perintah sesuai maka sistem akanmasuk kedalam menu utama danmelakukan aktivitas didalam sistem.

6. Use Case Diagram Menu Pembayaran

29

Page 11: BAB III PEMBAHASAN - repository.bsi.ac.id · Nomor Surat Izin Usaha (SIUP) 510/115 PERINDAG/PB/DC/2005. Dan saat ini menyediakan menu box untuk karyawan pabrik, hotel atau perorangan

Gambar III.7 Use Case Diagram Menu Pembayaran

Tabel III.6 Deskripsi Use Case Diagram Halaman Menu Pembayaran

Use Case Narative Menu Pembayaran

Tujuan Member dapat mengakses menupembayaran

Deskripsi Sistem ini memungkinkan aktor untukmengelola sistem pembayaran

Skenario Utama

Aktor Member

Kondisi Awal Aktor membuka web pemesanan danmasuk ke dalam Menu pembayaran

Aksi Aktor Reaksi Sistem

1. Aktor menginput kolom 1. Sistem akan menampilkan totalmenu pembayaran yang dibayar

2. Aktor menginput menu bukti 2. Sistem akan menampilkan buktipembayaran pembayaran

Kondisi Akhir Jika perintah sesuai maka sistem akanmasuk kedalam menu utama danmelakukan aktivitas didalam sistem.

3.5. Perancangan Perangkat Lunak

30

Page 12: BAB III PEMBAHASAN - repository.bsi.ac.id · Nomor Surat Izin Usaha (SIUP) 510/115 PERINDAG/PB/DC/2005. Dan saat ini menyediakan menu box untuk karyawan pabrik, hotel atau perorangan

3.5.1. Rancangan Antar Muka

Dalam hal ini penulis akan menggambarkan rancangan website yang akan

dibuat, yaitu mengenai bentuk layout maupun fungsinya yang nantinya dapat

membantu dalam tahap perancangan website e-commerce.

1. Rancangan Antar Muka Halaman Administrator

a. Rancangan Halaman Login

User Name :

Password :

LOGIN

Gambar III.8. Rancangan Halaman Login

b. Rancangan Halaman Profil

HeaderLogo

Tentang KamiPaket Menu

Kontak Kami

Pembayaran

Gambar III.9.Rancangan Halaman Profil

c. Rancangan Halaman Beranda

31

Page 13: BAB III PEMBAHASAN - repository.bsi.ac.id · Nomor Surat Izin Usaha (SIUP) 510/115 PERINDAG/PB/DC/2005. Dan saat ini menyediakan menu box untuk karyawan pabrik, hotel atau perorangan

Header

Logo

Produk KamiPaket Menu

Kontak Kami

Pembayaran

Gambar III.10. Rancangan Halaman Beranda

d. Rancangan Halaman Menu

Header

Logo

List Paket Menu

Paket Menu

List ListMenu Menu

Kontak Kami

List List

Pembayaran Menu Menu

Gambar III.11. Rancangan Halaman Menu

e. Rancangan Halaman Tambah dan hapus Produk

32

Page 14: BAB III PEMBAHASAN - repository.bsi.ac.id · Nomor Surat Izin Usaha (SIUP) 510/115 PERINDAG/PB/DC/2005. Dan saat ini menyediakan menu box untuk karyawan pabrik, hotel atau perorangan

Header

Delete | Edit Kategori Produk Harga Stockxxxxxx

xxxxxxxxxx xxxxxxxxx 99.999.999 99.999.999

xxxxxxxxxxxxxxxxxxx 99.999.999 99.999.999

xxxxxxxxxxxxxxxxxxx 99.999.999 99.999.999

Footer

Gambar III.12. Rancangan Halaman Tambah dan Hapus Produk

f. Rancangan Halaman Transaksi Pembelian

Header

Logo

Keranjang Belanja

No Pkt Menu Jml Hrg sub ttl Hapus

xxxxxxxxxx 999 99.999.999 99

xxxxxxxxxx999 99.999.999 99

xxxxxxxxxx999 99.999.999 99

Lanjutkan Blnja Update Keranjang Selesai Belanja

Footer

Gambar III.13. Rancangan Halaman Transaksi Pembelian

g. Halaman Konfirmasi Pembayaran

33

Page 15: BAB III PEMBAHASAN - repository.bsi.ac.id · Nomor Surat Izin Usaha (SIUP) 510/115 PERINDAG/PB/DC/2005. Dan saat ini menyediakan menu box untuk karyawan pabrik, hotel atau perorangan

Header

Nama Barang yang Anda Pesan

No Pkt menu Jumlah Harga Total

xxxxxxxx 99 999.999 99.999.999

Rekening Bank : 9999999999

Footer

Gambar III.14. Rancangan Halaman Konfirmasi Pembayaran

2. Rancangan Antar Muka Halaman Pengunjung

a. Rancangan Halaman Beranda

HeaderLogo

List MenuPaket Menu

List ListMenu Menu

Kontak Kami

List ListMenu MenuPembayaran

Gambar III.15. Rancangan Halaman Beranda

b. Rancangan Halaman Produk

34

Page 16: BAB III PEMBAHASAN - repository.bsi.ac.id · Nomor Surat Izin Usaha (SIUP) 510/115 PERINDAG/PB/DC/2005. Dan saat ini menyediakan menu box untuk karyawan pabrik, hotel atau perorangan

Header

Logo

List paket menuPaket Menu

List ListMenu Menu

Kontak Kami

List ListMenu Menu

Pembayaran

Gambar III.16. Rancangan Halaman Produk

c. Rancangan Halaman Detail Menu

Header

Footer

Total Belanja

Menu

Kontak Kami

Harga :999.999Pembayaran

Footer

Gambar III.17. Rancangan Halaman Detail Produk

d. Rancangan Halaman Keranjang Belanja

35

Page 17: BAB III PEMBAHASAN - repository.bsi.ac.id · Nomor Surat Izin Usaha (SIUP) 510/115 PERINDAG/PB/DC/2005. Dan saat ini menyediakan menu box untuk karyawan pabrik, hotel atau perorangan

Header

Logo

Keranjang Belanja

No Pkt Menu Jmlh Harga sub ttl hps xxxxxx 99

999.999 99.999.999

Lanjutkan Blnja Update Krnjang Selesai Belanja

Footer

Gambar III.18. Rancangan Halaman Keranjang Belanja

e. Rancangan Halaman Data Order /

Pembeli

Header Logo

Nama : xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

Alamat Lengkap :xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

Kota :xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

Telepon/ Hp :999999999999999

Email :xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

Kode Pos :

999999

xxxxxxxxxxKurir : Header

Proses Logo

Gambar III.19. Rancangan Halaman Data Order / PembeliTentang Kami

f. Rancangan Halaman Profil

36

Footer

Page 18: BAB III PEMBAHASAN - repository.bsi.ac.id · Nomor Surat Izin Usaha (SIUP) 510/115 PERINDAG/PB/DC/2005. Dan saat ini menyediakan menu box untuk karyawan pabrik, hotel atau perorangan

Paket Menu

Kontak Kami

Pembayaran

Gambar III.20. Rancangan Halaman Profil

3.6. Desain

37

Page 19: BAB III PEMBAHASAN - repository.bsi.ac.id · Nomor Surat Izin Usaha (SIUP) 510/115 PERINDAG/PB/DC/2005. Dan saat ini menyediakan menu box untuk karyawan pabrik, hotel atau perorangan

Dalam pembuatan web pemesanan catering dibutuhkan desain seperti

Entity Relationship Diagram, Logical Record Structure dan Spesifikasi File.

3.6.1. Struktur Navigasi

Gambar III.21 Struktur Navigasi

3.6.2. Entity Relationship Diagram

38

Page 20: BAB III PEMBAHASAN - repository.bsi.ac.id · Nomor Surat Izin Usaha (SIUP) 510/115 PERINDAG/PB/DC/2005. Dan saat ini menyediakan menu box untuk karyawan pabrik, hotel atau perorangan

Tgl_pesan Tgl_dignkn

Telp Id_user Tgl_digunakn Tgl_pesan Id_user

email

Alamat Id_trans

Id_trans nama

nama Pass

nama alamat

id

User 1 1 Pembay 1 1Melakukan Melakukan Konfirm

aran

1

kota

gambr

catatan ongkir

Bank_con Rek_atasna

maId_detail Mempunyai firm

Id_trans id

1

Nama

id

1 M deskripsi

Harga Detail Produk

Mempunyai gambar

Jam_detail

harga

Total_detail Ktgri_prdk

Gambar III.22 Entity Relationship Diagram

39

Page 21: BAB III PEMBAHASAN - repository.bsi.ac.id · Nomor Surat Izin Usaha (SIUP) 510/115 PERINDAG/PB/DC/2005. Dan saat ini menyediakan menu box untuk karyawan pabrik, hotel atau perorangan

3.6.3. Logical Record Structure

KonfirmasiUser Pembayaranid Id_trans Id_konfirm

nama Tgl_trans Id_transId_trans

email User_member NamaUser_number

Telp Nominal_trans EmailAlamat Status_trans Nohp

Pass Tgl_konfirmNominal_konfirm

Bank_member ProdukDetail

Rek_atasnamaBank_konfirm Id

Id_detailCatatan Id Nama

Id_transId _trans Gambar deskripsi

Id gambarHarga

hargaJum_detail

kategori_produkTotal_detail

Gambar III.23 Logical Record Structure

40

Page 22: BAB III PEMBAHASAN - repository.bsi.ac.id · Nomor Surat Izin Usaha (SIUP) 510/115 PERINDAG/PB/DC/2005. Dan saat ini menyediakan menu box untuk karyawan pabrik, hotel atau perorangan

3.7. Spesifikasi File

1. Spesifikasi file Member

Nama Database : catering.sqlNama File : Tabel member

Akronim : member

Tipe File : File master

Akses File : Random

Panjang Record : 134 karakter

Kunci Field : user_member

Tabel III.7. Spesifikasi File Member

Pa

Nama Field n KeterangNo. Elemen Data Tipe j

anang

1 User Member user_member Varchar 60 Primary Key

2 Password Member pass_user Varchar 32

3. Nama Member nama_member Varchar 30

4. Telepon Member telp_member Varchar 12

5. Alamat Member alamat_member Text

6. Provinsi Member provinsi_member

2. Spesifikasi file Produk

Nama Database : catering.sql

Nama File :Tabel Produk

Akronim : Produk

41

Page 23: BAB III PEMBAHASAN - repository.bsi.ac.id · Nomor Surat Izin Usaha (SIUP) 510/115 PERINDAG/PB/DC/2005. Dan saat ini menyediakan menu box untuk karyawan pabrik, hotel atau perorangan

Tipe File : File masterAkses File : Random

Panjang Record : 140 karakter

Kunci Field : id_produk

Tabel III.8. Spesifikasi File Produk

Pa

Nama Field n KeterangNo. Elemen Data Tipe j

anang

1 Id Id Int 10 Primary Key

2 Nama Nama Varchar 30

3. Harga Harga Int 20

4. Foto Foto Varchar 50

5. Tipe Id tipe-id Int 20

6. Deskripsi Deskripsi

3. Spesifikasi file Transaksi

Nama Database : catering.sql

Nama File : Tabel Transaksi

Akronim : transaksi

Tipe File : File Transaksi

Akses File : Random

Panjang Record : 91 karakter

Kunci Field : id_trans

42

Page 24: BAB III PEMBAHASAN - repository.bsi.ac.id · Nomor Surat Izin Usaha (SIUP) 510/115 PERINDAG/PB/DC/2005. Dan saat ini menyediakan menu box untuk karyawan pabrik, hotel atau perorangan

Tabel III.9 Spesifikasi File Transaksi

Nama Field Pan KeterangNo. Elemen Data Tipe jan

ang

1 Id Transaksi id_transaksi Int 5 Primary Key

2 Tanggal Transaksi tgl_trans Date Foreign key

3. User member user_member Varchar 60

4. Nominal Transaksi nominal_trans Int 15

5. Status Transaksi status_trans Int 11

4. Spesifikasi file Detail

Nama Database : catering.sql

Nama File : Tabel Detail

Akronim : detail

Tipe File : File Transaksi

Akses File : Random

Panjang Record : 40 karakter

Kunci Field : id_detail

Tabel III.10 Spesifikasi File Detail

43

Page 25: BAB III PEMBAHASAN - repository.bsi.ac.id · Nomor Surat Izin Usaha (SIUP) 510/115 PERINDAG/PB/DC/2005. Dan saat ini menyediakan menu box untuk karyawan pabrik, hotel atau perorangan

Nama Field Pan KeterangNo. Elemen Data Tipe jan

ang

1 Id Detail id_detail Int 5 Primary Key

2 Id Transaksi id_trans Int 5 Foreign key

3. Id Id Int 5 Foreign Key

4. Harga Harga Int 10

5. Jumlah Detail status_trans Int 5

6. Total Detail total_detail Int 10

5. Spesifikasi file Konfirmasi

Nama Database : catering.sql

Nama File : Tabel Konfirmasi

Akronim : konfirmasi

Tipe File : File Transaksi

Akses File : Random

Panjang Record : 265 karakter

Kunci Field : id_konfirmasi

Tabel III.11 Spesifikasi File Konfirmasi

44

Page 26: BAB III PEMBAHASAN - repository.bsi.ac.id · Nomor Surat Izin Usaha (SIUP) 510/115 PERINDAG/PB/DC/2005. Dan saat ini menyediakan menu box untuk karyawan pabrik, hotel atau perorangan

Nama Field Pan KeterangNo. Elemen Data Tipe jan

ang

1 Id Konfirmasi id-konfirmasi Int 5 Primary Key

2 Id Transaksi id_trans Int 5 Foreign key

3. Nama Nama Varchar 30

4. Email Email Varchar 30

5. No Telepon Nohp Varchar 20

6. Tanggal Konfirmasi tgl_konfirm Date

7. Nominal Konfirmasi nominal_konfirm Int 10

8. Bank Member bank_member Varchar 30

9. Rekening rek_atasnama Varchar 30

10. Bank Konfirmasi bank_konfirm Int 3

11. Catatan Catatan Text 2

12. Gambar Gambar Varchar 100

3.8. Implementasi

1. Tampilan Menu Login User

45

Page 27: BAB III PEMBAHASAN - repository.bsi.ac.id · Nomor Surat Izin Usaha (SIUP) 510/115 PERINDAG/PB/DC/2005. Dan saat ini menyediakan menu box untuk karyawan pabrik, hotel atau perorangan

Gambar III.24 Tampilan Menu Login

Pada tampilan menu login user,

sebagai Id untuk member bisa berhasil

Cantika Catering.

2. Tampilan Registrasi User

terdapat kolom email dan password

masuk kedalam halaman pemesanan

Gambar III.25 Tampilan Menu Registrasi User

Pada tampilan menu registrasi user terdapat kolom nama lengkap, email,

telephone, alamat, dan password yang wajib di isi sesuai data diri pengguna untuk

menjadi member di Cantika Catering. Form ini wajib di isi karena user yang ingin

memesan paket makanan pada Cantika Catering harus menjadi member terdahulu.

46

Page 28: BAB III PEMBAHASAN - repository.bsi.ac.id · Nomor Surat Izin Usaha (SIUP) 510/115 PERINDAG/PB/DC/2005. Dan saat ini menyediakan menu box untuk karyawan pabrik, hotel atau perorangan

3. Tampilan Menu Utama

Gambar III.26 Tampilan Menu Utama

Pada tampilan menu utama, user bisa melihat paket menu apa saja yang

tersedia didalam website. Cantika Catering menyediakan paket menu makanan

untuk hari Senin-Jumat seperti pada gambar di atas. User juga dapat melihat

menu home, menu catering, menu kontak kami, menu info pembayaran, dan

login/regist jika ingin memesan paket menu makanan.

47

Page 29: BAB III PEMBAHASAN - repository.bsi.ac.id · Nomor Surat Izin Usaha (SIUP) 510/115 PERINDAG/PB/DC/2005. Dan saat ini menyediakan menu box untuk karyawan pabrik, hotel atau perorangan

4. Tampilan Menu Catering

Gambar III.27 Tampilan Menu Catering

Pada tampilan menu catering, di halaman ini user bisa melihat menu

makanan apa saja yang tersedia dan bisa memesan paket menu catering ini bila

sudah mendaftar jadi member. Cantika Catering hanya menyediakan paket menu

makanan untuk hari Senin-Jumat. Terdapat juga menu home, menu catering, menu

kontak kami, menu info pembayaran, dan login/regist jika ingin memesan paket

menu makanan..

48

Page 30: BAB III PEMBAHASAN - repository.bsi.ac.id · Nomor Surat Izin Usaha (SIUP) 510/115 PERINDAG/PB/DC/2005. Dan saat ini menyediakan menu box untuk karyawan pabrik, hotel atau perorangan

5. Tampilan Menu Kontak Kami

Gambar III.28 Tampilan Menu Kontak Kami

Pada halaman kontak kami terdapat kolom nama, email, alamat dan pesan

yang berfungsi untuk member, jika member memesan paket menu makanan maka

admin akan segera menghubungi pelanggan melalui kontak yang bersangkutan.

Terdapat juga menu home, menu catering, menu kontak kami, menu info

pembayaran, dan login/regist jika ingin memesan paket menu makanan..

49

Page 31: BAB III PEMBAHASAN - repository.bsi.ac.id · Nomor Surat Izin Usaha (SIUP) 510/115 PERINDAG/PB/DC/2005. Dan saat ini menyediakan menu box untuk karyawan pabrik, hotel atau perorangan

6. Tampilan Menu Info Pembayaran

Gambar III.29 Tampilan Menu Info Pembayaran

Pada kolom info pembayaran ini, bagi member yang ingin memesan paket

menu makanan pada Cantika Catering dan ingin tahu mengenai info lebih lanjut

mengenai sistem pembayaran nya bisa melihat di halaman menu info pembayaran

ini. Terdapat juga menu home, menu catering, menu kontak kami, menu info

pembayaran, dan login/regist jika ingin memesan paket menu makanan..

50

Page 32: BAB III PEMBAHASAN - repository.bsi.ac.id · Nomor Surat Izin Usaha (SIUP) 510/115 PERINDAG/PB/DC/2005. Dan saat ini menyediakan menu box untuk karyawan pabrik, hotel atau perorangan

7. Tampilan Menu Pembayaran

Gambar III.30 Tampilan Menu Pembayaran (1)

Gambar III.31 Tampilan Menu Pembayaran (2)

51

Page 33: BAB III PEMBAHASAN - repository.bsi.ac.id · Nomor Surat Izin Usaha (SIUP) 510/115 PERINDAG/PB/DC/2005. Dan saat ini menyediakan menu box untuk karyawan pabrik, hotel atau perorangan

Pada halaman ini user/member setelah memesan menu makanan,

diperlukannya proses pembayaran sehingga pesanan bisa cepat diproses. Member

bisa melihat tagihan berapa yang harus dibayarkan pada kolom halaman ini.

8. Tampilan Profil User

Gambar III.32 Tampilan Profil User

Pada halaman ini member bisa melihat data diri dan riwayat pemesanan

paket menu makanan yang sudah member pesan di Cantika Catering. Terdapat

juga menu home, menu catering, menu kontak kami, menu info pembayaran, dan

login/regist jika ingin memesan paket menu makanan..

52

Page 34: BAB III PEMBAHASAN - repository.bsi.ac.id · Nomor Surat Izin Usaha (SIUP) 510/115 PERINDAG/PB/DC/2005. Dan saat ini menyediakan menu box untuk karyawan pabrik, hotel atau perorangan

9. Tampilan Keranjang Anda

Gambar III.33 Tampilan Keranjang Anda

Pada halaman ini member bisa melihat paket menu apa saja yang sudah di

pesanberapa jumlah menu yang dipesan oleh member dan berapa total yang

dipesan serta jumlah bayar pemesanan tersebut. Terdapat juga menu home, menu

catering, menu kontak kami, menu info pembayaran, dan login/regist jika ingin

memesan paket menu makanan..

53

Page 35: BAB III PEMBAHASAN - repository.bsi.ac.id · Nomor Surat Izin Usaha (SIUP) 510/115 PERINDAG/PB/DC/2005. Dan saat ini menyediakan menu box untuk karyawan pabrik, hotel atau perorangan

3.9 Blackbox Testing

Berikut di bawah ini adalah hasil pengujian dari blackbox testing pada

halaman login admin dan login member.

Tabel III.12 Hasil Pengujian Black Box Testing Halaman Login Admin

No. Skenario pengujian Test Case Hasil yang Hasil Kesimpulandiharapkan pengujian

1. Email dan password tidak Email: Akan muncul Sesuai Validdiisi kemudian klik (kosong) pemberitahuan harapan

tombol login Password: “please fill out

(kosong) this field” dan

tidak berhasil

masuk

2. Email diisi dan password email: Akan muncul Sesuai Validtidak diisi atau kosong admin@adm pemberitahuan harapan

kemudian klik tombol in.com “please fill out

login Password: this field” dan

(kosong) tidak berhasil

masuk

3. Email tidak diisi dan Email: Akan muncul Sesuai Valid

54

Page 36: BAB III PEMBAHASAN - repository.bsi.ac.id · Nomor Surat Izin Usaha (SIUP) 510/115 PERINDAG/PB/DC/2005. Dan saat ini menyediakan menu box untuk karyawan pabrik, hotel atau perorangan

password diisi kemudian (kosong) pemberitahuan harapanklik tombol login Password: “please fill out

Admin this field” dan

tidak berhasil

masuk

4. Mengetikkan salah email Email: Sistem akan Sesuai Validdan password kemudian defisaf@gm menolak akses harapan

klik tombol login ail.com member dan

(salah) lalu akan

Password: muncul

zxcvbnm pemberitahuan

(salah) “username dan

password yang

anda

masukkan

salah”

5. Mengetikkan username Email: Sistem Sesuai Validdan password dengan data Admin@ad menerima harapan

yang benar kemudian klik min.com akses login dan

tombol login Password: kemudian

Admin langsung

menampilkan

halaman home

55

Page 37: BAB III PEMBAHASAN - repository.bsi.ac.id · Nomor Surat Izin Usaha (SIUP) 510/115 PERINDAG/PB/DC/2005. Dan saat ini menyediakan menu box untuk karyawan pabrik, hotel atau perorangan

Tabel III.13 Hasil Pengujian Black Box Testing Halaman Login Member

No. Skenario pengujian Test Case Hasil yang Hasil Kesimpulandiharapkan pengujian

1. Email dan password tidak Email: Akan muncul Sesuai Validdiisi kemudian klik (kosong) pemberitahuan harapan

tombol login Password: “please fill out

(kosong) this field” dan

tidak berhasil

masuk

2. email diisi dan password emaile: Akan muncul Sesuai Validtidak diisi atau kosong deviesaf09 pemberitahuan harapan

kemudian klik tombol [email protected]. “please fill out

login id this field” dan

Password: tidak berhasil

(kosong) masuk

3. email tidak diisi dan email: Akan muncul Sesuai Validpassword diisi kemudian (kosong) pemberitahuan harapan

klik tombol login Password: “please fill out

Asdfghjkl this field” dan

tidak berhasil

masuk

4. Mengetikkan salah email Email: Sistem akan Sesuai Validdan password kemudian defisaf@g menolak akses harapan

klik tombol login mail.com member dan lalu

56

Page 38: BAB III PEMBAHASAN - repository.bsi.ac.id · Nomor Surat Izin Usaha (SIUP) 510/115 PERINDAG/PB/DC/2005. Dan saat ini menyediakan menu box untuk karyawan pabrik, hotel atau perorangan

(salah) akan munculPassword: pemberitahuan

qwertyup “username dan

(salah) password yang

anda masukkan

salah”

5. Mengetikkan username Email: Sistem Sesuai Validdan password dengan data deviesaf09 menerima akses harapan

yang benar kemudian klik [email protected]. login dan

tombol login id kemudian

(benar) langsung

Password: menampilkan

asdfghjkl halaman home

(benar)

3.10. Spesifikasi Hardware dan Software

Berikut ini adalah spesifikasi perangkat keras dan perangkat lunak

minimum yang dibutuhkan untuk mengimplementasikan aplikasi penjualan

aksesoris wanita.

1. Spesifikasi Perangkat

Keras a. Server

1) CPU

a. Prosesor Intel Core i3 (2.6 Ghz)

b. RAM DDR3 2.00 GB

c. Hard Disk 500 GB

57

Page 39: BAB III PEMBAHASAN - repository.bsi.ac.id · Nomor Surat Izin Usaha (SIUP) 510/115 PERINDAG/PB/DC/2005. Dan saat ini menyediakan menu box untuk karyawan pabrik, hotel atau perorangan

2) Mouse

3) Keyboard

4) Monitor dengan resolusi layar minimum 1024x768

5) Koneksi Internet dengan kecepatan 8 Mbps

b. Client

1) CPU

a. Intel Pentium 4/1,8 GHz

b. RAM 512mb

c. Hard Disk 20 GB

2) Mouse

3) Keyboard

4) Monitor dengan resolusi layar minimum 1024x768

5) Koneksi Internet dengan kecepatan 512 Kbps.

2. Spesifikasi Perangkat Lunak

a. Server

1) Operating System Microsoft Windows 7 Ultimate 32-bit (6.1, Build

7601)

2) Web Server XAMPP 1.6.7

a. PHP 5.2.6

b. Apache 2.9.9

c. MySQL 5.0.51b

d. phpMyAdmin 2.11.7

e. FileZilla FTP Server 0.9.27

58

Page 40: BAB III PEMBAHASAN - repository.bsi.ac.id · Nomor Surat Izin Usaha (SIUP) 510/115 PERINDAG/PB/DC/2005. Dan saat ini menyediakan menu box untuk karyawan pabrik, hotel atau perorangan

f. XAMPP Control Panel 2.5

3) Web Browser Google Chrome dan Mozilla Firefox

b. Client

1) Operating System Microsoft Windows XP 32-bit

2) Web Browser Google Chrome dan Mozilla Firefox.

59