BAB III PEMBAHASAN - repository.bsi.ac.id · 24 Dilengkapi oleh dukungan para profesional di...
Transcript of BAB III PEMBAHASAN - repository.bsi.ac.id · 24 Dilengkapi oleh dukungan para profesional di...
![Page 1: BAB III PEMBAHASAN - repository.bsi.ac.id · 24 Dilengkapi oleh dukungan para profesional di bidangnya, Mariposa berkomitmen untuk memberikan pelayanan yang terbaik bagi para klien.](https://reader033.fdocument.pub/reader033/viewer/2022052809/607748d990d76e0a4013c314/html5/thumbnails/1.jpg)
23
BAB III
PEMBAHASAN
3.1. Tinjauan Perusahaan
Perusahaan ini didirikan pada tanggal 11 Februari 2012 atas dasar bisnis.
Dengan ijin Salon Kecantikan NOMOR : 01/503/Rekom.Salon/Dinkes/II/2012.
Kami mengalami beberapa perubahan dari tahun ke tahun “Mariposa skin care &
wellness center” membuka usaha pertamanya di Jl. Kol. Achmad syam (fly over
pandu raya) no. 39 Bogor-Jawa Barat.
3.1.1. Sejarah Institusi/Perusahaan
MARIPOSA adalah suatu tempat yang menawarkan perawatan kulit &
kesehatan profesional dengan penanganan secara holistik. Bertempat di suatu
Kota satelit (Bogor) yang tenang dan rileks, Mariposa menawarkan perawatan dan
penanganan medis yang terintegrasi dengan terapi alternatif lainnya.
Berawal dari keinginan untuk menerapkan inovasi perawatan yang holistik
dan komprehensif, seorang dokter kulit senior di Bogor (dr. Ko King Tjoen,
Sp.KK) menggagaskan sebuah ide untuk mendirikan pusat perawatan kulit yang
tidak hanya memberikan perawatan secara medis, tetapi juga memperhatikan
komponen penting lain dalam diri manusia, yaitu “mind, body & soul”.
Keseimbangan dan keterkaitan diantara ketiga komponen ini memiliki
pengaruh yang sangat besar dalam proses pengobatan di dalam diri seseorang.
Dengan demikian, Mariposa skin care & wellness center berusaha untuk
memenuhi ketiga komponen penting ini dalam melakukan perawatan terhadap
pasien.
![Page 2: BAB III PEMBAHASAN - repository.bsi.ac.id · 24 Dilengkapi oleh dukungan para profesional di bidangnya, Mariposa berkomitmen untuk memberikan pelayanan yang terbaik bagi para klien.](https://reader033.fdocument.pub/reader033/viewer/2022052809/607748d990d76e0a4013c314/html5/thumbnails/2.jpg)
24
Dilengkapi oleh dukungan para profesional di bidangnya, Mariposa
berkomitmen untuk memberikan pelayanan yang terbaik bagi para klien. Klien
akan diberikan perawatan dan penanganan secara holistik terpadu sehingga
masalah atau kasus pasien akan dapat ditangani dengan lebih baik menuju hasil
atau kesembuhan yang lebih terjamin.
Adapun visi dan misi Mariposa Skin Care and Wellness Center yaitu:
1. Visi
MARIPOSA (kupu-kupu) adalah tempat untuk menawarkan perawatan kulit
professional sejati dengan pendekatan holistik (keseluruhan), dalam
lingkungan yang santai. Pasangan anda dalam perawatan kulit yang
terintegrasi.
Mengubah kulit anda dengan “Metamorfosis” perawatan kecantikan kami.
2. Misi
a. Bertempat di suatu kota satelit (Bogor) yang tenang dan rileks,
b. Menawarkan perawatan dan penanganan medis yang terintegrasi dengan
terapi alternatif lainnya,
c. Menerapkan inovasi perawatan yang holistik dan komprehensif,
d. Pusat perawatan kulit yang tidak hanya memberikan perawatan secara
medis, tetapi juga memperhatikan komponen penting lain dalam diri
manusia, yaitu “mind, body, dan soul”,
e. Dilengkapi oleh dukungan para professional.
![Page 3: BAB III PEMBAHASAN - repository.bsi.ac.id · 24 Dilengkapi oleh dukungan para profesional di bidangnya, Mariposa berkomitmen untuk memberikan pelayanan yang terbaik bagi para klien.](https://reader033.fdocument.pub/reader033/viewer/2022052809/607748d990d76e0a4013c314/html5/thumbnails/3.jpg)
25
3.1.2. Struktur Organisasi dan Fungsi
Struktur organisasi menunjukkan bagaimana seksi-seksi di dalamnya
dikoordinasikan bersama-sama disuatu jalur wewenang dan tanggung jawab.
Struktur organisasi adalah penggambaran secara tabel yang menggambarkan
struktur kerja dari suatu organisasi. Berikut ini adalah struktur organisasi yang ada
pada Mariposa Skin Care and Wellness Center.
,
Gambar III.1.
Struktur Organisasi
Manager
dr. Edu William
Nataniel
KOMISARIS 2
Dr. Ricky Jayadi
KOMISARIS 1
dr. Ko King
Tjoen, Sp.KK
Therapist
Ai Rohaetin
Fitri Yani
Ucu Sopiah
Office Girl
Riska Gunarti
Administrasi
dan Keuangan
Lilia Arini
Nita Oktaviana
Dokter
dr. Fernando Wahyu
dr. Ursula
dr. Fanny
Mitra Usaha
R.Nina Radinah
Ellyaman
Singgih Hartadji
Direktur Utama
Freddy Santosa
Sumber: Mariposa Skin Care and Wellness Center
![Page 4: BAB III PEMBAHASAN - repository.bsi.ac.id · 24 Dilengkapi oleh dukungan para profesional di bidangnya, Mariposa berkomitmen untuk memberikan pelayanan yang terbaik bagi para klien.](https://reader033.fdocument.pub/reader033/viewer/2022052809/607748d990d76e0a4013c314/html5/thumbnails/4.jpg)
26
Adapun fungsi atas bidang-bidang tersebut adalah:
1. Komisaris 1
Komisaris 1 adalah organ perseroan yang bertugas melakukan pengawasan
secara umum dan atau khusus sesuai dengan anggaran dasar serta memberi
nasihat kepada direksi, adapun fungsi Komisaris pada Mariposa Skin and
Wellness Center adalah:
a. Pelaksanaan rapat secara berkala satu bulan sekali,
b. Pemberi nasihat, tanggapan dan atau persetujuan secara tepat waktu dan
berdasarkan pertimbangan yang memadai,
c. Mendorong terlaksananya implementasi good corporate governance.
2. Komisaris 2
Komisaris 2 tidak jauh berbeda dengan halnya pada komisaris 1 baik secara
pengertian dan secara fungsinya, hanya dalam Mariposa Skin and Wellness
Center terdapat dua orang yang bertugas dan menjadi komisaris.
3. Direktur Utama
Direktur Utama adalah jabatan yang diberikan dari para Komisaris
perusahaan kepada salah satu atau beberapa orang yang pada tujuan
utamanya adalah untuk mengambangkan dan meningkatkan roda
perusahaan secara keseluruhan dengan koordinasi antar devisi dan rencana-
rencana yang yang tentunya dapat memajukan perusahaan. Adapun fungsi
direktur utama pada Mariposa Skin and Wellness Center Adalah:
a. Merencanakan dan menggembangkan sumber-sumber pendapatan serta
pembelanjaan dan kekayaan perusahaan,
![Page 5: BAB III PEMBAHASAN - repository.bsi.ac.id · 24 Dilengkapi oleh dukungan para profesional di bidangnya, Mariposa berkomitmen untuk memberikan pelayanan yang terbaik bagi para klien.](https://reader033.fdocument.pub/reader033/viewer/2022052809/607748d990d76e0a4013c314/html5/thumbnails/5.jpg)
27
b. Mengkoordinasi dan mengendalikan kegiatan-kegiatan dibidang
administrasi dan keuangan, kepegawaian yang mencakup dokter,
therapist, office girl dan tentunya dalam menjalin kerjasama yang baik
terhadap para mitra usaha.
4. Manager
Seperti pada pengertian secara harfiahnya, istilah manager diibaratkan orang
yang melaksanakan fungsi manajemen yang terdiri atas proses perencanaan,
pengorganisasian dan pengelolaan terhadap sumber daya manusia dengan
cara efektif dan efisien. Adapun peran manager dalam Mariposa Skin care
and Wellness Center adalah :
a. Membuat target dan sasaran,
b. Membuat rencana urutan kegiatan yang diperlukan untuk pencapaian
target,
c. Memberikan motivasi terhadap para karyawan dan staff,
d. Menentukan job description dari masing-masing jabatan yang
dinaunginya,
5. Administrasi dan Keuangan
Seperti pada perusahaan lainnya, bagian administrasi dan keuangan bertugas
untuk pencatatan dan pelaporan setiap bulan baik dalam bentuk file soft
copy maupun file hard copy, bagian ini bertanggung jawab dalam seluruh
kegiatan administrasi, seperti:
a. Menginput data pembelian dan penjulan yang terjadi,
b. Melakuan kegiatan keuangan dan pembayaran gaji karyawan ataupun
mitra usaha,
![Page 6: BAB III PEMBAHASAN - repository.bsi.ac.id · 24 Dilengkapi oleh dukungan para profesional di bidangnya, Mariposa berkomitmen untuk memberikan pelayanan yang terbaik bagi para klien.](https://reader033.fdocument.pub/reader033/viewer/2022052809/607748d990d76e0a4013c314/html5/thumbnails/6.jpg)
28
c. Melakukan pemesanan baik peralatan maupun perlengkapan yang
dibutuhkan dalam operasional kantor.
6. Dokter
Dokter bertugas untuk melayani pasien sesuai dengan keluhan yang
dideritanya. Dimulai dari konsultasi (Tanya jawab) yaitu penanganan yang
bertatapan muka langsung dengan pasien, lalu melakukan treatment by
doctor yang diperlukan, sampai memberikan resep obat ataupun produk
yang dibutuhkan oleh pasien.
7. Therapist
Therapist bertugas sebagai asisten dokter dalam penanganan tindakan yang
diperlukan untuk pasien, seperti menyiapkan segala peralatan maupun
perlengkapan yang digunakan dan melakukan beberapa treatment tambahan.
8. Mitra Usaha
Mitra usaha disini adalah pelengkap dari pengobatan di Mariposa Skin Care
And Wellness Center (alternatif Shiatsu dan Prana Suci), fungsinya sendiri
adalah untuk memaksimalkan dalam pengobatan pasien diluar dari ilmu
kedokteran.
9. Office Girl
Sama halnya dengan Office Girl pada umumnya, adapun tugasnya adalah
menjaga dan membersihkan setiap ruangan.
![Page 7: BAB III PEMBAHASAN - repository.bsi.ac.id · 24 Dilengkapi oleh dukungan para profesional di bidangnya, Mariposa berkomitmen untuk memberikan pelayanan yang terbaik bagi para klien.](https://reader033.fdocument.pub/reader033/viewer/2022052809/607748d990d76e0a4013c314/html5/thumbnails/7.jpg)
29
3.2. Analisis Kebutuhan
Seperti yang telah dijelaskan pada bab sebelumnya mengenai strategi
persiapan pembangunan sebuah web menggunakan metode waterfall, yang perlu
dilakukan pertama kali adalah melakukan analisis. Ada dua analisis yang cukup
penting perlu dilakukan sebelum membangun sebuah web, yaitu analisis
kebutuhan pengguna dan analisis kebutuhan sistem, sebagai berikut:
1. Kebutuhan Pengguna
a. Pengunjung
Pengguna yang hanya bisa mengunjungi website tanpa melakukan
transaksi karena tidak memiliki akun di website. Skenario kebutuhan
pengunjung:
1) Melihat produk yang dijual
2) Melihat artikel-artikel
3) Mengisi buku tamu
4) Melakukan pendaftaran
b. Pelanggan
Pengguna yang bisa mengunjungi website dan melakukan transaksi
pembelian produk karena sudah memiliki akun di website. Skenario
kebutuhan pengguna:
1) Melakukan transaksi pembelian
2) Pelanggan bisa memilih barang dan ditambahkan ke keranjang belanja
3) Melihat artikel-artikel
4) Mengisi buku tamu
5) Melakukan konfirmasi pembayaran
![Page 8: BAB III PEMBAHASAN - repository.bsi.ac.id · 24 Dilengkapi oleh dukungan para profesional di bidangnya, Mariposa berkomitmen untuk memberikan pelayanan yang terbaik bagi para klien.](https://reader033.fdocument.pub/reader033/viewer/2022052809/607748d990d76e0a4013c314/html5/thumbnails/8.jpg)
30
c. Admin
Pengguna yang mengelola data master. Skenario kebutuhan admin:
1) Menambah, menghapus dan memperbaruhi data master dan transaksi
2) Membuat laporan data master dan transaksi
2. Kebutuhan Sistem
a. Pengguna harus memiliki akun yang sudah terdaftar di website.
b. Pelanggan harus login terlebih dahulu untuk melakukan transaksi
pembelian dengan memasukan username dan password.
c. Batas waktu pembayaran 1x24 jam setelah pemesanan, jika lebih dari
waktu yang ditentukan maka pemesanan dinyatakan batal.
d. Pembayaran dilakukan dengan mentransfer jumlah transaksi pembelian
secara offline melalui via atm yang sudah tersedia nomor rekeningnya di
website penjualan produk sesuai dengan bank yang tersedia yaitu BCA,
BNI, dan MANDIRI.
e. Pengiriman barang dikirim langsung oleh kurir yang sudah bekerjasama
yaitu jasa pengiriman REX dengan biaya yang sudah disesuaikan
menurut masing-masing nama wilayah pengiriman produk.
3.3. Perancangan Perangkat Lunak
3.3.1. Rancangan Antar Muka
Rancangan antar muka bertujuan untuk memberikan gambaran mengenai
rancangan website yang akan dibangun, sehingga akan mudah dalam
mengimplementasikan website. Untuk rancangan antar muka pada tampilan
website Mariposa Skin Care and Wellness Center terditi dari beberapa rancangan
halaman, sebagai berikut:
![Page 9: BAB III PEMBAHASAN - repository.bsi.ac.id · 24 Dilengkapi oleh dukungan para profesional di bidangnya, Mariposa berkomitmen untuk memberikan pelayanan yang terbaik bagi para klien.](https://reader033.fdocument.pub/reader033/viewer/2022052809/607748d990d76e0a4013c314/html5/thumbnails/9.jpg)
31
1. Rancangan antar muka halaman utama user
Gambar III.2.
Rancangan Antar Muka Halaman Utama User
2. Rancangan antar muka halaman login Pelanggan
Gambar III.3.
Rancangan Antar Muka Halaman Login Pelanggan
HEADER
FOOTER
Buku Tamu Artikel | Daftar Login
Cari Produk Lihat Semua Produk Skin Food and Drink Health masukan nama produk
xxxxxxx
xxxxxxx
Login Administrator
Username
Password
LOGIN PELANGGAN
HEADER
CONTENT
FOOTER
Buku Tamu Artikel | Daftar Login
Cari Produk Lihat Semua Produk Skin Food and Drink Health
CONTENT
Cara Pemesanan
Contact Person
masukan nama produk
Beli Produk Detail
![Page 10: BAB III PEMBAHASAN - repository.bsi.ac.id · 24 Dilengkapi oleh dukungan para profesional di bidangnya, Mariposa berkomitmen untuk memberikan pelayanan yang terbaik bagi para klien.](https://reader033.fdocument.pub/reader033/viewer/2022052809/607748d990d76e0a4013c314/html5/thumbnails/10.jpg)
32
3. Rancangan antar muka halaman daftar pelanggan
Gambar III.4.
Rancangan Antar Muka Halaman Daftar Pelanggan
HEADER
FOOTER
Buku Tamu Artikel | Daftar Login
Cari Produk Lihat Semua Produk Skin Food and Drink Health masukan nama produk
xxxxxxxxxxxxx
xxxxxxxxxxxxx
xxxxxxxxxxxxx
Password
DAFTAR PELANGGAN
xxxxxxxxxxxxx
xxxxxxxxxxxxx
xxxxxxxxxxxxx
xxxxxxxxxxxxx
xxxxxxxxxxxxx
Daftar Pelanggan
Nama
No. Telepon
Alamat
Kota
Kode Pos
Provinsi
![Page 11: BAB III PEMBAHASAN - repository.bsi.ac.id · 24 Dilengkapi oleh dukungan para profesional di bidangnya, Mariposa berkomitmen untuk memberikan pelayanan yang terbaik bagi para klien.](https://reader033.fdocument.pub/reader033/viewer/2022052809/607748d990d76e0a4013c314/html5/thumbnails/11.jpg)
33
4. Rancangan antar muka halaman produk
Gambar III.5.
Rancangan Antar Muka Halaman Produk
5. Rancangan antar muka halaman detail produk
Gambar III.6.
Rancangan Antar Muka Halaman Detail Produk
HEADER
FOOTER
Buku Tamu Artikel | Daftar Login
Cari Produk Lihat Semua Produk Skin Food and Drink Health masukan nama produk
Jumlah beli Beli Produk
CONTENT
HEADER
CONTENT
FOOTER
Buku Tamu Artikel | Daftar Login
Cari Produk Lihat Semua Produk Skin Food and Drink Health
CONTENT
Cara Pemesanan
Contact Person
masukan nama produk
Beli Produk Detail
![Page 12: BAB III PEMBAHASAN - repository.bsi.ac.id · 24 Dilengkapi oleh dukungan para profesional di bidangnya, Mariposa berkomitmen untuk memberikan pelayanan yang terbaik bagi para klien.](https://reader033.fdocument.pub/reader033/viewer/2022052809/607748d990d76e0a4013c314/html5/thumbnails/12.jpg)
34
6. Rancangan antar muka halaman buku tamu
Gambar III.7.
Rancangan Antar Muka Halaman Buku Tamu
7. Rancangan antar muka halaman artikel
Gambar III.8.
Rancangan Antar Muka Halaman Artikel
xxxxxxx
xxxxxxx
Isi Pesan
HEADER
Buku Tamu Artikel | Daftar Login
Cari Produk Lihat Semua Produk Skin Food and Drink Health masukan nama produk
xxxxxxxxxxxxx
xxxxxxxxxxxxx
xxxxxxxxxxxxx
Nama Anda
No. Telpon
Kirimkan Saran dan Keluhan Anda
Kirim Pesan
Isi Pesan
FOOTER
HEADER
FOOTER
Buku Tamu Artikel | Daftar Login
Cari Produk Lihat Semua Produk Skin Food and Drink Health
CONTENT
masukan nama produk
CONTENT
Selengkapnya
Selengkapnya
![Page 13: BAB III PEMBAHASAN - repository.bsi.ac.id · 24 Dilengkapi oleh dukungan para profesional di bidangnya, Mariposa berkomitmen untuk memberikan pelayanan yang terbaik bagi para klien.](https://reader033.fdocument.pub/reader033/viewer/2022052809/607748d990d76e0a4013c314/html5/thumbnails/13.jpg)
35
8. Rancangan antar muka halaman keranjang belanja
Gambar III.9.
Rancangan Antar Muka Halaman Keranjang Belanja
9. Rancangan antar muka halaman data pesanan anda
Gambar III.10.
Rancangan Antar Muka Halaman Data Pesanan Anda
HEADER
FOOTER
Buku Tamu Artikel | Daftar Login
Cari Produk Lihat Semua Produk Skin Food and Drink Health
CONTENT
Lanjut ke Pembayaran
masukan nama produk
HEADER
FOOTER
Buku Tamu Artikel | Daftar Login
Cari Produk Lihat Semua Produk Skin Food and Drink Health
CONTENT
masukan nama produk
![Page 14: BAB III PEMBAHASAN - repository.bsi.ac.id · 24 Dilengkapi oleh dukungan para profesional di bidangnya, Mariposa berkomitmen untuk memberikan pelayanan yang terbaik bagi para klien.](https://reader033.fdocument.pub/reader033/viewer/2022052809/607748d990d76e0a4013c314/html5/thumbnails/14.jpg)
36
10. Rancangan antar muka halaman data akun anda
Gambar III.11.
Rancangan Antar Muka Halaman Data Akun Anda
HEADER
FOOTER
Buku Tamu Artikel | Daftar Login
Cari Produk Lihat Semua Produk Skin Food and Drink Health masukan nama produk
xxxxxxxxxxxxx
xxxxxxxxxxxxx
xxxxxxxxxxxxx
Password
Data Akun Anda
xxxxxxxxxxxxx
xxxxxxxxxxxxx
xxxxxxxxxxxxx
xxxxxxxxxxxxx
xxxxxxxxxxxxx
Update Data Akun
Nama
No. Telepon
Alamat
Kota
Kode Pos
Provinsi
![Page 15: BAB III PEMBAHASAN - repository.bsi.ac.id · 24 Dilengkapi oleh dukungan para profesional di bidangnya, Mariposa berkomitmen untuk memberikan pelayanan yang terbaik bagi para klien.](https://reader033.fdocument.pub/reader033/viewer/2022052809/607748d990d76e0a4013c314/html5/thumbnails/15.jpg)
37
11. Rancangan antar muka halaman login admin
Gambar III.12.
Rancangan Antar Muka Halaman Login Admin
12. Rancangan antar muka halaman data pemesanan
Gambar III.13.
Rancangan Antar Muka Halaman Data Pesanan
xxxxxxx
xxxxxxx
Login Administrator
Username
Password
Login Administrator
HEADER
FOOTER
Administrator Area
HEADER
FOOTER
Pemesanan Pelanggan Produk Ongkir Artikel Buku Tamu Logout
CONTENT
![Page 16: BAB III PEMBAHASAN - repository.bsi.ac.id · 24 Dilengkapi oleh dukungan para profesional di bidangnya, Mariposa berkomitmen untuk memberikan pelayanan yang terbaik bagi para klien.](https://reader033.fdocument.pub/reader033/viewer/2022052809/607748d990d76e0a4013c314/html5/thumbnails/16.jpg)
38
13. Rancangan antar muka halaman data detail pemesanan
Gambar III.14.
Rancangan Antar Muka Halaman Detail Pemesanan
14. Rancangan antar muka halaman data pelanggan
Gambar III.15.
Rancangan Antar Muka Halaman Data Pelanggan
HEADER
FOOTER
Pemesanan Pelanggan Produk Ongkir Artikel Buku Tamu Laporan Logout
CONTENT
DETAIL PEMESANAN
Data Barang yang dibeli
CONTENT
HEADER
FOOTER
Pemesanan Pelanggan Produk Ongkir Artikel Buku Tamu Laporan Logout
CONTENT
DATA PELANGGAN
![Page 17: BAB III PEMBAHASAN - repository.bsi.ac.id · 24 Dilengkapi oleh dukungan para profesional di bidangnya, Mariposa berkomitmen untuk memberikan pelayanan yang terbaik bagi para klien.](https://reader033.fdocument.pub/reader033/viewer/2022052809/607748d990d76e0a4013c314/html5/thumbnails/17.jpg)
39
15. Rancangan antar muka halaman data produk
Gambar III.16.
Rancangan Antar Muka Halaman Data Produk
16. Rancangan antar muka halaman produk baru
Gambar III.17.
Rancangan Antar Muka Halaman Produk Baru
HEADER
FOOTER
Pemesanan Pelanggan Produk Ongkir Artikel Buku Tamu Laporan Logout
CONTENT
DATA PRODUK
Tambah Produk Baru
HEADER
FOOTER
xxxxxxxxxxxxx
xxxxxxxxxxxxx
xxxxxxxxxxxxx
Password
PRODUK BARU
xxxxxxxxxxxxx
xxxxxxxxxxxxx
xxxxxxxxxxxxx
Nama
No. Telepon
Alamat
Choose file
Kode Pos
Foto
Pemesanan Pelanggan Produk Ongkir Artikel Buku Tamu Laporan Logout
No file chosen
![Page 18: BAB III PEMBAHASAN - repository.bsi.ac.id · 24 Dilengkapi oleh dukungan para profesional di bidangnya, Mariposa berkomitmen untuk memberikan pelayanan yang terbaik bagi para klien.](https://reader033.fdocument.pub/reader033/viewer/2022052809/607748d990d76e0a4013c314/html5/thumbnails/18.jpg)
40
17. Rancangan antar muka halaman detail produk admin
Gambar III.18.
Rancangan Antar Muka Halaman Detail Produk Admin
18. Rancangan antar muka halaman data edit produk
Gambar III.19.
Rancangan Antar Muka Halaman Edit Produk
HEADER
FOOTER
Pemesanan Pelanggan Produk Ongkir Artikel Buku Tamu Laporan Logout
CONTENT
DETAIL PRODUK
HEADER
FOOTER
xxxxxxxxxxxxx
xxxxxxxxxxxxx
xxxxxxxxxxxxx
Password
EDIT PRODUK
xxxxxxxxxxxxx
xxxxxxxxxxxxx
xxxxxxxxxxxxx
Nama
No. Telepon
Alamat
Choose file
Kode Pos
Foto
Pemesanan Pelanggan Produk Ongkir Artikel Buku Tamu Laporan Logout
No file chosen
![Page 19: BAB III PEMBAHASAN - repository.bsi.ac.id · 24 Dilengkapi oleh dukungan para profesional di bidangnya, Mariposa berkomitmen untuk memberikan pelayanan yang terbaik bagi para klien.](https://reader033.fdocument.pub/reader033/viewer/2022052809/607748d990d76e0a4013c314/html5/thumbnails/19.jpg)
41
19. Rancangan antar muka halaman data ongkos kirim
Gambar III.20.
Rancangan Antar Muka Halaman Data Ongkos Kirim
20. Rancangan antar muka halaman data artikel
Gambar III.21.
Rancangan Antar Muka Halaman Data Artikel
HEADER
FOOTER
Pemesanan Pelanggan Produk Ongkir Artikel Buku Tamu Laporan Logout
CONTENT
DATA PRODUK
kota kota kota
HEADER
FOOTER
Pemesanan Pelanggan Produk Ongkir Artikel Buku Tamu Laporan Logout
CONTENT
DATA PRODUK
Tambah Artikel Baru
![Page 20: BAB III PEMBAHASAN - repository.bsi.ac.id · 24 Dilengkapi oleh dukungan para profesional di bidangnya, Mariposa berkomitmen untuk memberikan pelayanan yang terbaik bagi para klien.](https://reader033.fdocument.pub/reader033/viewer/2022052809/607748d990d76e0a4013c314/html5/thumbnails/20.jpg)
42
21. Rancangan antar muka halaman artikel baru
Gambar III.22.
Rancangan Antar Muka Halaman Artikel Baru
22. Rancangan antar muka halaman data buku tamu
Gambar III.23.
Rancangan Antar Muka Halaman Data Buku Tamu
HEADER
FOOTER
xxxxxxxxxxxxx
xxxxxxxxxxxxx Judul
Isi Artikel
ARTIKEL BARU
Choose file Tambah Foto
Pemesanan Pelanggan Produk Ongkir Artikel Buku Tamu Laporan Logout
No file chosen
HEADER
FOOTER
Pemesanan Pelanggan Produk Ongkir Artikel Buku Tamu Laporan Logout
CONTENT
DATA BUKU TAMU
![Page 21: BAB III PEMBAHASAN - repository.bsi.ac.id · 24 Dilengkapi oleh dukungan para profesional di bidangnya, Mariposa berkomitmen untuk memberikan pelayanan yang terbaik bagi para klien.](https://reader033.fdocument.pub/reader033/viewer/2022052809/607748d990d76e0a4013c314/html5/thumbnails/21.jpg)
43
23. Rancangan antar muka halaman laporan
Gambar III.24.
Rancangan Antar Muka Halaman Laporan
HEADER
FOOTER
Pemesanan Pelanggan Produk Ongkir Artikel Buku Tamu Laporan Logout
CETAK LAPORAN
Barang sedang dikirim v
/ / / / Laporan Pemesanan Sesuai Periode
Laporan Data Produk
Laporan Pemesanan Sesuai Status
Laporan Data Pelanggan
![Page 22: BAB III PEMBAHASAN - repository.bsi.ac.id · 24 Dilengkapi oleh dukungan para profesional di bidangnya, Mariposa berkomitmen untuk memberikan pelayanan yang terbaik bagi para klien.](https://reader033.fdocument.pub/reader033/viewer/2022052809/607748d990d76e0a4013c314/html5/thumbnails/22.jpg)
44
3.3.2 Rancangan Basis Data
1. ERD (Entity Relationship Diagram)
Gambar III.25.
Entity Relationship Diagram (ERD)
Produk
idkategori
idproduk
nama
stok
harga
kota
idpenjualan
iddetailpenjualan
ongkir
berat
idpelanggan
Penjualan
Ongkir
detailpenjualan
melakukan
memuat
kotapemesan
alamatpemesan
namapemesan
tanggal
telppemesan
idpelanggan
totalbarang
provinsipemesan
idongkir
idproduk
jumlahbeli
subtotal
Pelanggan
memuat
pospemesan
bukti
rekeningtujuan
resi
pass
kota
provinsi
idpenjualan
status
totalbayar
keterangan
foto
nama
telp
biaya
pos
alamat
memiliki
provinsi
totalharga
![Page 23: BAB III PEMBAHASAN - repository.bsi.ac.id · 24 Dilengkapi oleh dukungan para profesional di bidangnya, Mariposa berkomitmen untuk memberikan pelayanan yang terbaik bagi para klien.](https://reader033.fdocument.pub/reader033/viewer/2022052809/607748d990d76e0a4013c314/html5/thumbnails/23.jpg)
45
2. LRS (Logical Relational Structured)
Gambar III.26.
Logical Relational Structured (LRS)
Manager
dr. Edu William
Nataniel
KOMISARIS 2
Freddy Santosa
KOMISARIS 1
dr. Ko King
Tjoen, Sp.KK
Therapist
Ai Rohaetin
Fitri Yani
Ucu Sopiah
Office Girl
Riska Gunarti
Administrasi
dan Keuangan
Lilia Arini
Nita Oktaviana
Dokter
dr. Fernando Wahyu
dr. Ursula
dr. Fanny
Mitra Usaha
R.Nina Radinah
Ellyaman
Singgih Hartadji
Direktur Utama
dr. Ricky Jayadi
Sumber: Mariposa Skin Care and Wellness Center
M
1
pelanggan
idpelanggan
pass
nama
telp
alamat
pos
kota
provinsi ongkir
idongkir
kota
provinsi
biaya
penjualan
idpenjualan
idpelanggan
tanggal
namapemesan
telppemesan
alamatpemesan
pospemesan
kotapemesan
provinsipemesan
totalbarang
totalharga
ongkir
totalbayar
rekeningtujuan
bukti
status
detailpenjualan
iddetailpenjualan
idpenjualan
idproduk
jumlahbeli
subtotal
produk
idproduk
idkategori
nama
harga
berat
stok
keterangan
foto
1
M
1
M
1
M
![Page 24: BAB III PEMBAHASAN - repository.bsi.ac.id · 24 Dilengkapi oleh dukungan para profesional di bidangnya, Mariposa berkomitmen untuk memberikan pelayanan yang terbaik bagi para klien.](https://reader033.fdocument.pub/reader033/viewer/2022052809/607748d990d76e0a4013c314/html5/thumbnails/24.jpg)
46
3. Spesifikasi File
a. Spesifikasi file Tabel Admin
Nama file : Tabel Admin
Akronim : admin
Fungsi : Untuk menyimpan data admin
Tipe file : File Master
Organisasi file : Indexed Sequential
Akses file : Random
Media : Hardisk
Panjang Record : 15 Character
Kunci field : idadmin
Software : Mysql
Tabel III.1.
Spesifikasi File Admin
No Elemen Data Nama Field Tipe Size Keterangan
1 Id admin idadmin Int 2 Primary Key
2 Usernamne username Varchar 10
3 Password Pass Varchar 3
![Page 25: BAB III PEMBAHASAN - repository.bsi.ac.id · 24 Dilengkapi oleh dukungan para profesional di bidangnya, Mariposa berkomitmen untuk memberikan pelayanan yang terbaik bagi para klien.](https://reader033.fdocument.pub/reader033/viewer/2022052809/607748d990d76e0a4013c314/html5/thumbnails/25.jpg)
47
b. Spesifikasi file Tabel Pelanggan
Nama file : Tabel Pelanggan
Akronim : pelanggan
Fungsi : Untuk menyimpan data pelanggan
Tipe file : File Master
Organisasi file : Indexed Sequential
Akses file : Random
Media : Hardisk
Panjang Record : 380 Character
Kunci field : idpelanggan
Software : Mysql
Tabel III.2.
Spesifikasi File Pelanggan
No Elemen Data Nama Field Tipe Size Keterangan
1 Id pelanggan idpelanggan Int 5 Primary Key
2 Email email Varchar 35
3 Password pass Varchar 6
4
Nama
pelanggan
nama
Varchar 25
5 Telepon Telp Varchar 13
6 Alamat alamat Varchar 250
7 Kode pos Pos Varchar 6
8 Kota Kota Varchar 20
9 Provinsi provinsi Varchar 20
![Page 26: BAB III PEMBAHASAN - repository.bsi.ac.id · 24 Dilengkapi oleh dukungan para profesional di bidangnya, Mariposa berkomitmen untuk memberikan pelayanan yang terbaik bagi para klien.](https://reader033.fdocument.pub/reader033/viewer/2022052809/607748d990d76e0a4013c314/html5/thumbnails/26.jpg)
48
c. Spesifikasi file Tabel Keranjang
Nama file : Tabel Keranjang
Akronim : kategori
Fungsi : Untuk menyimpan data kategori
Tipe file : File Transaksi
Organisasi file : Indexed Sequential
Akses file : Random
Media : Hardisk
Panjang Record : 29 Character
Kunci field : idkeranjang
Software : Mysql
Tabel III.2.
Spesifikasi File Keranjang
No Elemen Data Nama Field Tipe Size Keterangan
1 Id keranjang idkeranjang Int 5 Primary Key
2 Id pelanggan idpelanggan Int 5 Foreign Key
3 Id produk idproduk Int 5 Foreign Key
4 Jumlah beli jumlahbeli Int 3
5 Subtotal subtotal Int 11
d. Spesifikasi file Tabel Produk
Nama file : Tabel Produk
Akronim : produk
Fungsi : Untuk menyimpan data produk
![Page 27: BAB III PEMBAHASAN - repository.bsi.ac.id · 24 Dilengkapi oleh dukungan para profesional di bidangnya, Mariposa berkomitmen untuk memberikan pelayanan yang terbaik bagi para klien.](https://reader033.fdocument.pub/reader033/viewer/2022052809/607748d990d76e0a4013c314/html5/thumbnails/27.jpg)
49
Tipe file : File Master
Organisasi file : Indexed Sequential
Akses file : Random
Media : Hardisk
Panjang Record : 86 Character
Kunci field : idproduk
Software : Mysql
Tabel III.4.
Spesifikasi File Produk
No Elemen Data Nama Field Tipe Size Keterangan
1 Id produk idproduk Int 5 Primary Key
2 Id kategori idkategori Varchar 20 Foreign Key
3 Nama produk nama Varchar 25
4 Harga harga Int 8
5 Berat berat Varchar 5
6 Stok stok Int 3
7 Keterangan keterangan Text
8 Foto foto Varchar 20
e. Spesifikasi file Tabel Artikel
Nama file : Tabel Artikel
Akronim : artikel
Fungsi : Untuk menyimpan data artikel
Tipe file : File Master
![Page 28: BAB III PEMBAHASAN - repository.bsi.ac.id · 24 Dilengkapi oleh dukungan para profesional di bidangnya, Mariposa berkomitmen untuk memberikan pelayanan yang terbaik bagi para klien.](https://reader033.fdocument.pub/reader033/viewer/2022052809/607748d990d76e0a4013c314/html5/thumbnails/28.jpg)
50
Organisasi file : Indexed Sequential
Akses file : Random
Media : Hardisk
Panjang Record : 123 Character
Kunci field : id_artikel
Software : Mysql
Tabel III.5.
Spesifikasi File Artikel
No Elemen Data Nama Field Tipe Size Keterangan
1 Id artikel idartikel Int 3 Primary Key
2 Tanggal tanggal Datetime
3 Judul judul Varchar 100
4 Keterangan keterangan Text
5 Foto foto Varchar 20
f. Spesifikasi file Tabel Buku Tamu
Nama file : Tabel Buku Tamu
Akronim : bukutamu
Fungsi : Untuk menyimpan data komentar pengguna
Tipe file : File Master
Organisasi file : Indexed Sequential
Akses file : Random
Media : Hardisk
![Page 29: BAB III PEMBAHASAN - repository.bsi.ac.id · 24 Dilengkapi oleh dukungan para profesional di bidangnya, Mariposa berkomitmen untuk memberikan pelayanan yang terbaik bagi para klien.](https://reader033.fdocument.pub/reader033/viewer/2022052809/607748d990d76e0a4013c314/html5/thumbnails/29.jpg)
51
Panjang Record : 543 Character
Kunci field : idbukutamu
Software : Mysql
Tabel III.6.
Spesifikasi File Buku Tamu
No Elemen Data Nama Field Tipe Size Keterangan
1 Id buku tamu idbukutamu Int 5 Primary Key
2 Tanggal tanggal datetime
3 Nama nama Varchar 25
4 Telepon telp Varchar 13
5 Pesan pesan Varchar 500
g. Spesifikasi file Tabel Ongkir
Nama file : Tabel Ongkir
Akronim : ongkir
Fungsi : Untuk menyimpan data ongkir
Tipe file : File Master
Organisasi file : Indexed Sequential
Akses file : Random
Media : Hardisk
Panjang Record : 71 Character
Kunci field : idongkir
Software : Mysql
![Page 30: BAB III PEMBAHASAN - repository.bsi.ac.id · 24 Dilengkapi oleh dukungan para profesional di bidangnya, Mariposa berkomitmen untuk memberikan pelayanan yang terbaik bagi para klien.](https://reader033.fdocument.pub/reader033/viewer/2022052809/607748d990d76e0a4013c314/html5/thumbnails/30.jpg)
52
Tabel III.7.
Spesifikasi File Ongkir
No Elemen Data Nama Field Tipe Size Keterangan
1 Id Ongkir idongkir Int 5 Primary Key
2 Kota kota Varchar 30
3 Provinsi provinsi Varchar 30
4 Biaya biaya Int 6
h. Spesifikasi file Tabel Penjualan
Nama file : Tabel Penjualan
Akronim : penjualan
Fungsi : Untuk menyimpan data transaksi penjualan
Tipe file : File Transaksi
Organisasi file : Indexed Sequential
Akses file : Random
Media : Hardisk
Panjang Record : 491 Character
Kunci field : idpenjualan
Software : Mysql
![Page 31: BAB III PEMBAHASAN - repository.bsi.ac.id · 24 Dilengkapi oleh dukungan para profesional di bidangnya, Mariposa berkomitmen untuk memberikan pelayanan yang terbaik bagi para klien.](https://reader033.fdocument.pub/reader033/viewer/2022052809/607748d990d76e0a4013c314/html5/thumbnails/31.jpg)
53
Tabel III.8.
Spesifikasi File Penjualan
No Elemen Data Nama Field Tipe Size Keterangan
1 Id Penjualan idpenjualan Int 5 Primary Key
2 Id Pelanggan idpelanggan Int 5 Foreign Key
3
Tanggal
Penjualan
tanggal Datetime
4 Nama Pemesan namapemesan Varchar 25
5 Telepon telppemesan Varchar 13
6 Alamat alamatpemesan Varchar 250
7 Kode pos pospemesan Varchar 6
8 Kota kotapemesan Varchar 30
9 Provinsi
Provinsipemes
an
Varchar
30
10 Total barang totalbarang Int 5
11 Total harga totalharga Int 8
12 Ongkir ongkir Int 6
13 Total bayar totalbayar Int 8
14
Rekening
tujuan
rekeningtujuan Varchar 10
15 Bukti bukti Varchar 20
16 Nomor Resi resi Varchar 20
17 Status status Varchar 50
![Page 32: BAB III PEMBAHASAN - repository.bsi.ac.id · 24 Dilengkapi oleh dukungan para profesional di bidangnya, Mariposa berkomitmen untuk memberikan pelayanan yang terbaik bagi para klien.](https://reader033.fdocument.pub/reader033/viewer/2022052809/607748d990d76e0a4013c314/html5/thumbnails/32.jpg)
54
i. Spesifikasi file Tabel Detail Penjualan
Nama file : Tabel Detail Penjualan
Akronim : detailpenjualan
Fungsi : Untuk menyimpan data transaksi detail penjualan
Tipe file : File Transaksi
Organisasi file : Indexed Sequential
Akses file : Random
Media : Hardisk
Panjang Record : 28 Character
Kunci field : iddetailpenjualan
Software : Mysql
Tabel III.9.
Spesifikasi File Detail Penjualan
No Elemen Data Nama Field Tipe Size Keterangan
1
Id detail
penjualan
iddetailpenjualan Int 5 Primary Key
2 Id penjualan idpenjualan Int 5 Foreign Key
3 Id produk idproduk Int 5 Foreign Key
4 Jumlah beli jumlahbeli Int 5
5 Subtotal subtotal 8
![Page 33: BAB III PEMBAHASAN - repository.bsi.ac.id · 24 Dilengkapi oleh dukungan para profesional di bidangnya, Mariposa berkomitmen untuk memberikan pelayanan yang terbaik bagi para klien.](https://reader033.fdocument.pub/reader033/viewer/2022052809/607748d990d76e0a4013c314/html5/thumbnails/33.jpg)
55
3.3.3. Rancangan Struktur Navigasi
1. Rancangan Struktur Navigasi Front End
Gambar III.27.
Rancangan Struktur Navigasi Front End
Lihat
semua
produk
Artikel
Buku
Tamu
Food
&
drink
Skin
care
health
Keranjang
Akun
Anda
Contact
person
Data
pesanan
anda
logout
Index
Lihat
semua
produk
Artikel
Buku
Tamu
Food
&
drink
Skin
care
health
Cara
pemesanan
Daftar
Contact
person
Login
detail
Beli
detail
Beli
detail
Beli
detail
Beli
Update
data
akun
Lanjut ke
pembayaran
hapus
Data
pembayaran
dan pengiriman
Proses
pesanan
anda
Konfirmasi
pembayaran
detail Konfirmasi
pembayaran
selengkapnya
selengkapnya
Kirim kritik
dan saran
detail
Beli
detail
Beli
detail
Beli
detail
Beli
Kirim kritik
dan saran
![Page 34: BAB III PEMBAHASAN - repository.bsi.ac.id · 24 Dilengkapi oleh dukungan para profesional di bidangnya, Mariposa berkomitmen untuk memberikan pelayanan yang terbaik bagi para klien.](https://reader033.fdocument.pub/reader033/viewer/2022052809/607748d990d76e0a4013c314/html5/thumbnails/34.jpg)
56
2. Rancangan Struktur Navigasi Back End
Gambar III.28.
Rancangan Struktur Navigasi Back End
Login
Pemesanan
Buku tamu
Produk
Pelanggan
Artikel
Logout
Ongkir
Detail
Laporan Data Produk
Update
Status
Detail
Edit
Detail
Tambah
Laporan Pemesanan Sesuai Periode
Tambah
Laporan
Laporan Data Pelanggan
Laporan Pemesanan Sesuai Status
![Page 35: BAB III PEMBAHASAN - repository.bsi.ac.id · 24 Dilengkapi oleh dukungan para profesional di bidangnya, Mariposa berkomitmen untuk memberikan pelayanan yang terbaik bagi para klien.](https://reader033.fdocument.pub/reader033/viewer/2022052809/607748d990d76e0a4013c314/html5/thumbnails/35.jpg)
57
3.4. Implementasi dan Pengujian Unit
3.4.1. Implementasi
1. Implementasi Antar Muka
a. Halaman Utama
Gambar III.29.
Implementasi Halaman Utama
b. Halaman Login Pelanggan
Gambar III.30.
Implementasi Halaman Login Pelanggan
![Page 36: BAB III PEMBAHASAN - repository.bsi.ac.id · 24 Dilengkapi oleh dukungan para profesional di bidangnya, Mariposa berkomitmen untuk memberikan pelayanan yang terbaik bagi para klien.](https://reader033.fdocument.pub/reader033/viewer/2022052809/607748d990d76e0a4013c314/html5/thumbnails/36.jpg)
58
c. Halaman Daftar pelanggan
Gambar III.31.
Implementasi Halaman Daftar Pelanggan
d. Halaman Produk
Gambar III.32.
Implementasi Halaman Produk
![Page 37: BAB III PEMBAHASAN - repository.bsi.ac.id · 24 Dilengkapi oleh dukungan para profesional di bidangnya, Mariposa berkomitmen untuk memberikan pelayanan yang terbaik bagi para klien.](https://reader033.fdocument.pub/reader033/viewer/2022052809/607748d990d76e0a4013c314/html5/thumbnails/37.jpg)
59
e. Halaman Produk Detail Pelanggan
Gambar III.33.
Implementasi Halaman Produk Detail Pelanggan
f. Halaman Buku Tamu
Gambar III.34.
Implementasi Halaman Buku Tamu
![Page 38: BAB III PEMBAHASAN - repository.bsi.ac.id · 24 Dilengkapi oleh dukungan para profesional di bidangnya, Mariposa berkomitmen untuk memberikan pelayanan yang terbaik bagi para klien.](https://reader033.fdocument.pub/reader033/viewer/2022052809/607748d990d76e0a4013c314/html5/thumbnails/38.jpg)
60
g. Halaman Artikel
Gambar III.35.
Implementasi Halaman Artikel
h. Halaman Keranjang Belanja
Gambar III.36.
Implementasi Keranjang Belanja
![Page 39: BAB III PEMBAHASAN - repository.bsi.ac.id · 24 Dilengkapi oleh dukungan para profesional di bidangnya, Mariposa berkomitmen untuk memberikan pelayanan yang terbaik bagi para klien.](https://reader033.fdocument.pub/reader033/viewer/2022052809/607748d990d76e0a4013c314/html5/thumbnails/39.jpg)
61
i. Halaman Data Pesanan Anda
Gambar III.37.
Implementasi Halaman Data Pesanan Anda
j. Halaman Data Akun Anda
Gambar III.38.
Implementasi Halaman Data Akun Anda
![Page 40: BAB III PEMBAHASAN - repository.bsi.ac.id · 24 Dilengkapi oleh dukungan para profesional di bidangnya, Mariposa berkomitmen untuk memberikan pelayanan yang terbaik bagi para klien.](https://reader033.fdocument.pub/reader033/viewer/2022052809/607748d990d76e0a4013c314/html5/thumbnails/40.jpg)
62
k. Halaman Login Administrator
Gambar III.39.
Implementasi Halaman Login Administrator
l. Halaman Data Pemesanan
Gambar III.40.
Implementasi Halaman Data Pemesanan
![Page 41: BAB III PEMBAHASAN - repository.bsi.ac.id · 24 Dilengkapi oleh dukungan para profesional di bidangnya, Mariposa berkomitmen untuk memberikan pelayanan yang terbaik bagi para klien.](https://reader033.fdocument.pub/reader033/viewer/2022052809/607748d990d76e0a4013c314/html5/thumbnails/41.jpg)
63
m. Halaman Detail Pemesanan
Gambar III.41.
Implementasi Halaman Detail Pemesanan
n. Halaman Data Pelanggan
Gambar III.42.
Implementasi Halaman Data Pelanggan
![Page 42: BAB III PEMBAHASAN - repository.bsi.ac.id · 24 Dilengkapi oleh dukungan para profesional di bidangnya, Mariposa berkomitmen untuk memberikan pelayanan yang terbaik bagi para klien.](https://reader033.fdocument.pub/reader033/viewer/2022052809/607748d990d76e0a4013c314/html5/thumbnails/42.jpg)
64
o. Halaman Data Produk
Gambar III.43.
Implementasi Halaman Data Produk
p. Halaman Produk Baru
Gambar III.44.
Implementasi Halaman Produk Baru
![Page 43: BAB III PEMBAHASAN - repository.bsi.ac.id · 24 Dilengkapi oleh dukungan para profesional di bidangnya, Mariposa berkomitmen untuk memberikan pelayanan yang terbaik bagi para klien.](https://reader033.fdocument.pub/reader033/viewer/2022052809/607748d990d76e0a4013c314/html5/thumbnails/43.jpg)
65
q. Halaman Detail Produk Admin
Gambar III.45.
Implementasi Halaman Detail Produk Admin
r. Halaman Edit Produk
Gambar III.46.
Implementasi Halaman Edit Produk
![Page 44: BAB III PEMBAHASAN - repository.bsi.ac.id · 24 Dilengkapi oleh dukungan para profesional di bidangnya, Mariposa berkomitmen untuk memberikan pelayanan yang terbaik bagi para klien.](https://reader033.fdocument.pub/reader033/viewer/2022052809/607748d990d76e0a4013c314/html5/thumbnails/44.jpg)
66
s. Halaman Data Ongkos Kirim
Gambar III.47.
Implementasi Halaman Ongkos Kirim
t. Halaman Data Artikel
Gambar III.48.
Implementasi Halaman Artikel
![Page 45: BAB III PEMBAHASAN - repository.bsi.ac.id · 24 Dilengkapi oleh dukungan para profesional di bidangnya, Mariposa berkomitmen untuk memberikan pelayanan yang terbaik bagi para klien.](https://reader033.fdocument.pub/reader033/viewer/2022052809/607748d990d76e0a4013c314/html5/thumbnails/45.jpg)
67
u. Halaman Artikel Baru
Gambar III.49.
Implementasi Halaman Artikel Baru
v. Halaman Data Buku Tamu
Gambar III.50.
Implementasi Halaman Data Buku Tamu
![Page 46: BAB III PEMBAHASAN - repository.bsi.ac.id · 24 Dilengkapi oleh dukungan para profesional di bidangnya, Mariposa berkomitmen untuk memberikan pelayanan yang terbaik bagi para klien.](https://reader033.fdocument.pub/reader033/viewer/2022052809/607748d990d76e0a4013c314/html5/thumbnails/46.jpg)
68
w. Halaman Laporan
Gambar III.51.
Implementasi Halaman Laporan
x. Halaman Cetak Laporan
Gambar III.52.
Implementasi Halaman Cetak Laporan
![Page 47: BAB III PEMBAHASAN - repository.bsi.ac.id · 24 Dilengkapi oleh dukungan para profesional di bidangnya, Mariposa berkomitmen untuk memberikan pelayanan yang terbaik bagi para klien.](https://reader033.fdocument.pub/reader033/viewer/2022052809/607748d990d76e0a4013c314/html5/thumbnails/47.jpg)
69
2. Spesifikasi Sistem Komputer
Berikut ini adalah spesifikasi perangkat keras dan perangkat lunak minimum
yang dibutuhkan untuk menginplementasikan aplikasi untuk aplikasi web e-
commerce:
a. Spesifikasi Perangkat Keras
Hardware meliputi pemilihan perangkat keras yang digunakan sebagai
alat pendukung pembuatan aplikasi yaitu diantaranya:
1) Server
a) CPU
(1) Microprocessor 2.2 GHz Intel Pentium Processor T4400
(2) Memory max Supports up to 8 GB DDR3 memory
(3) Hard Disk 217 MB
b) Mouse : PS/2 Mouse
c) Keyboard : 101 key compatible, Notebook keyboard with home
roll keys
d) Monitor : 35.6 cm (14.0”) Diagonal High-Definition LED
HP Brightview Widescreen Display (1366 x 768)
e) Koneksi internet dengan kecepatan 10/ 100 Mbps
2) Client
a) CPU
(1) Microprocessor Intel Core I 5
(2) RAM 8 GB
(3) Hard Disk 1 TB
![Page 48: BAB III PEMBAHASAN - repository.bsi.ac.id · 24 Dilengkapi oleh dukungan para profesional di bidangnya, Mariposa berkomitmen untuk memberikan pelayanan yang terbaik bagi para klien.](https://reader033.fdocument.pub/reader033/viewer/2022052809/607748d990d76e0a4013c314/html5/thumbnails/48.jpg)
70
b) Mouse : PS/2 Mouse
c) Keyboard : Standard PS/2 Keyboard
d) Monitor : Monitor dengan resolusi minimal 1026 x 768
e) Koneksi internet dengan kecepatan 2Mbps
b. Spesifikasi Perangkat Lunak
Software meliputi pemilihan perangkat lunak yang digunakan dalam
pembuatan sistem, diantaranya:
1) Web browser digunakan sebagai antar muka dalam pembuatan apikasi
2) Web server digunakan untuk pembuatan aplikasi berbasis web yang
dapat melayani client melalui browser
3) Database digunakan sebagai tempat penyimpanan data
4) Bahasa pemograman yang dapat menghubungkan aplikasi database
dengan web server.
Adapun spesifikasi untuk perangkat lunak adalah sebagai berikut:
1) Sistem operasi windows7
2) Apache HTTP server
3) PHP
4) MySql
5) Web browser seperti Mozilla Firefox dan Google Chrome
![Page 49: BAB III PEMBAHASAN - repository.bsi.ac.id · 24 Dilengkapi oleh dukungan para profesional di bidangnya, Mariposa berkomitmen untuk memberikan pelayanan yang terbaik bagi para klien.](https://reader033.fdocument.pub/reader033/viewer/2022052809/607748d990d76e0a4013c314/html5/thumbnails/49.jpg)
71
3.4.2. Pengujian Unit
Pengujian sistem dilakukan untuk memeriksa kekompakan antar komponen
sistem yang diimplementasikan. Tujuan dari pengujian sistem adalah untuk
memastikan bahwa elemen-elemen atau komponen-komponen dari sistem telah
berfungsi sesuai dengan yang diharapkan. Pengujian perangkat lunak ini
menggunakan metode black box testing berfokus pada persyaratan atau kebutuhan
fungsional perangkat lunak yang dibuat. Pengujian perancangan sistem informasi
penjualan produk mariposa skin care and wellness center menggunakan data uji
berupa sebuah data masukan dari pengisian data yang telah dibuat.
1. Pengujian terhadap form login admin
Tabel III.10.
Hasil Pengujian Black Box Testing Form Login Admin
No Skenario
pengujian Test Case
Hasil yang
diharapkan
Hasil
pengujian Kesimpulan
1 Username dan
password tidak
di isi kemudian
klik tombol
login
Username: (kosong)
Password: (kosong)
Sistem akan
menolak akses
admin dan
menampilkan
“Please fill out
this field”
Sesuai
harapan
Valid
2 Mengetikan
username dan
password tidak
di isi kemudian
klik tombol
login
Username: (admin)
Password: (kosong)
Sistem akan
menolak akses
admin dan
menampilkan
“Please fill out
this field” pada
kolom password
Sesuai
harapan
Valid
3 Mengetikan
username
tidak di isi dan
password di isi
kemudian klik
tombol login
Username: (kosong)
Password: (111)
Sistem akan
menolak akses
admin dan
menampilkan
“Please fill out
this field” pada
kolom username
Sesuai
harapan
Valid
![Page 50: BAB III PEMBAHASAN - repository.bsi.ac.id · 24 Dilengkapi oleh dukungan para profesional di bidangnya, Mariposa berkomitmen untuk memberikan pelayanan yang terbaik bagi para klien.](https://reader033.fdocument.pub/reader033/viewer/2022052809/607748d990d76e0a4013c314/html5/thumbnails/50.jpg)
72
2. Pengujian terhadap form login Pelanggan
Tabel III.11.
Hasil Pengujian Black Box Testing Form Login Pelanggan
No Skenario
pengujian Test Case
Hasil yang
diharapkan
Hasil
pengujian Kesimpulan
1 Username dan
password tidak
di isi kemudian
klik tombol
login
Username: (kosong)
Password: (kosong)
Sistem akan
menolak akses
admin dan
menampilkan
“Please fill out
this field”
Sesuai
harapan
Valid
2 Mengetikan
username dan
password tidak
di isi kemudian
klik tombol
login
Username:
Password: (kosong)
Sistem akan
menolak akses
admin dan
menampilkan
“Please fill out
this field” pada
kolom password
Sesuai
harapan
Valid
3 Mengetikan
username
tidak di isi dan
password di isi
kemudian klik
tombol login
Username: (kosong)
Password: (1111)
Sistem akan
menolak akses
admin dan
menampilkan
“Please fill out
this field” pada
kolom username
Sesuai
harapan
Valid
4 Mengetikan
salah satu
kondisi salah
Username:
(benar)
Sistem akan
menolak akses
admin dan
Sesuai
harapan
Valid
4 Mengetikan
salah satu
kondisi salah
pada username
atau password
kemudian klik
tombol login
Username:
admin(benar)
Password:
xmnhg(salah)
Sistem akan
menolak akses
admin dan
menampilkan
“username atau
password yang
anda masukan
salah”
Sesuai
harapan
Valid
5 Mengetikan
salah satu
kondisi salah
pada username
atau password
kemudian klik
tombol login
Username:
admin(benar)
Password:
111(benar)
Sistem akan
menerima akses
login kemudian
langsung
menampilkan
menu utama
admin
Sesuai
harapan
Valid
![Page 51: BAB III PEMBAHASAN - repository.bsi.ac.id · 24 Dilengkapi oleh dukungan para profesional di bidangnya, Mariposa berkomitmen untuk memberikan pelayanan yang terbaik bagi para klien.](https://reader033.fdocument.pub/reader033/viewer/2022052809/607748d990d76e0a4013c314/html5/thumbnails/51.jpg)
73
pada username
atau password
kemudian klik
tombol login
Password:
xmnhg(salah)
menampilkan
“username atau
password yang
anda masukan
salah”
5
Mengetikan
salah satu
kondisi salah
pada username
atau password
kemudian klik
tombol login
Username:
(benar)
Password:
111(benar)
Sistem akan
menerima akses
login kemudian
langsung
menampilkan
menu utama
pelanggan
Sesuai
harapan
Valid
3. Pengujian terhadap form login Daftar Pelanggan
Tabel III.12.
Hasil Pengujian Black Box Testing Form Daftar Pelanggan
No Skenario
pengujian Test Case
Hasil yang
diharapkan
Hasil
pengujian Kesimpulan
1 Semua field
tidak di isi
kemudian klik
tombol Daftar
Pelanggan
Email: (kosong)
Password: (kosong)
Nama: (kosong)
No telpon: (kosong)
Alamat: (kosong)
Kode pos: (kosong)
Kota: (kosong)
Provinsi: (kosong)
Sistem akan
menolak akses
input data daftar
pelanggan dan
menampilkan
“Please fill out
this field” pada
salah satu field
Sesuai
harapan
Valid
2 Salah satu atau
beberapa field
tidak di isi
kemudian klik
tombol Daftar
Pelanggan
Email:
Password: (kosong)
Nama: (kosong)
No telpon: (kosong)
Alamat: (kosong)
Kode pos: (kosong)
Kota: (kosong)
Provinsi: (kosong)
Sistem akan
menolak akses
input data daftar
pelanggan dan
menampilkan
“Please fill out
this field” pada
field password
Sesuai
harapan
Valid
3 Salah satu atau
beberapa field
tidak di isi
kemudian klik
tombol Daftar
Pelanggan
Email:
Password: (2222)
Nama: (kosong)
No telpon: (kosong)
Alamat: (kosong)
Kode pos: (kosong)
Kota: (kosong)
Provinsi: (kosong)
Sistem akan
menolak akses
input data daftar
pelanggan dan
menampilkan
“Please fill out
this field” pada
field nama
Sesuai
harapan
Valid
![Page 52: BAB III PEMBAHASAN - repository.bsi.ac.id · 24 Dilengkapi oleh dukungan para profesional di bidangnya, Mariposa berkomitmen untuk memberikan pelayanan yang terbaik bagi para klien.](https://reader033.fdocument.pub/reader033/viewer/2022052809/607748d990d76e0a4013c314/html5/thumbnails/52.jpg)
74
4 Salah satu atau
beberapa field
tidak di isi
kemudian klik
tombol Daftar
Pelanggan
Email:
Password: (2222)
Nama: (nita okta)
No telpon: (kosong)
Alamat: (kosong)
Kode pos: (kosong)
Kota: (kosong)
Provinsi: (kosong)
Sistem akan
menolak akses
input data daftar
pelanggan dan
menampilkan
“Please fill out
this field” pada
field no telpon
Sesuai
harapan
Valid
5 Salah satu atau
beberapa field
tidak di isi
kemudian klik
tombol Daftar
Pelanggan
Email:
Password: (2222)
Nama: (nita okta)
No telpon:
(081361640843)
Alamat: (kosong)
Kode pos: (kosong)
Kota: (kosong)
Provinsi: (kosong)
Sistem akan
menolak akses
input data daftar
pelanggan dan
menampilkan
“Please fill out
this field” pada
field alamat
Sesuai
harapan
Valid
6 Salah satu atau
beberapa field
tidak di isi
kemudian klik
tombol Daftar
Pelanggan
Email:
Password: (2222)
Nama: (nita okta)
No telpon:
(081361640843)
Alamat: (jl.ceremai
ujung no 123)
Kode pos: (kosong)
Kota: (kosong)
Provinsi: (kosong)
Sistem akan
menolak akses
input data daftar
pelanggan dan
menampilkan
“Please fill out
this field” pada
field kode pos
Sesuai
harapan
Valid
7 Salah satu atau
beberapa field
tidak di isi
kemudian klik
tombol Daftar
Pelanggan
Email:
Password: (2222)
Nama: (nita okta)
No telpon:
(081361640843)
Alamat: (jl.ceremai
ujung no 123)
Kode pos: (16153)
Kota: (kosong)
Provinsi: (kosong)
Sistem akan
menolak akses
input data daftar
pelanggan dan
menampilkan
“Please fill out
this field” pada
field kota
Sesuai
harapan
Valid
8 Salah satu atau
beberapa field
tidak di isi
kemudian klik
tombol Daftar
Pelanggan
Email:
Password: (2222)
Nama: (nita okta)
No telpon:
(081361640843)
Alamat: (jl.ceremai
Sistem akan
menolak akses
input data daftar
pelanggan dan
menampilkan
“Please fill out
this field” pada
Sesuai
harapan
Valid
![Page 53: BAB III PEMBAHASAN - repository.bsi.ac.id · 24 Dilengkapi oleh dukungan para profesional di bidangnya, Mariposa berkomitmen untuk memberikan pelayanan yang terbaik bagi para klien.](https://reader033.fdocument.pub/reader033/viewer/2022052809/607748d990d76e0a4013c314/html5/thumbnails/53.jpg)
75
ujung no 123)
Kode pos: (16153)
Kota: (bogor)
Provinsi: (kosong)
field provinsi
9 Semua field di
isi kemudian
klik tombol
Daftar
Pelanggan
Email:
Password: (2222)
Nama: (nita okta)
No telpon:
(081361640843)
Alamat: (jl.ceremai
ujung no 123)
Kode pos: (16153)
Kota: (bogor)
Provinsi: (jawa
barat)
Sistem akan
menerima akses
input data
pelanggan
kemudian data
akan tersimpan
pada database
Sesuai
harapan
Valid
4. Pengujian terhadap Form Update Pelanggan
Tabel III.13.
Hasil Pengujian Black Box Testing Form Update Pelanggan
No Skenario
pengujian Test Case
Hasil yang
diharapkan
Hasil
pengujian Kesimpulan
1 Beberapa field
diubah
kemudian klik
tombol Update
Data Akun
Email:
(baru)
Password: 2222
Nama: nita okta
No telpon:
081361640843
Alamat: jl.ceremai
ujung no 123
Kode pos: 16153
Kota: bogor
Provinsi: jawa barat
Sistem akan
menerima akses
update data
pelanggan
kemudian data
email akan
terupdate dan
tersimpan pada
database.
Sesuai
harapan
Valid
2 Beberapa field
diubah
kemudian klik
tombol Update
Data Akun
Email:
Password: 2233
(baru)
Nama: nita okta
No telpon:
081361640843
Alamat: jl.ceremai
ujung no 123
Kode pos: 16153
Sistem akan
menerima akses
update data
pelanggan
kemudian data
password akan
terupdate dan
tersimpan pada
database.
Sesuai
harapan
Valid
![Page 54: BAB III PEMBAHASAN - repository.bsi.ac.id · 24 Dilengkapi oleh dukungan para profesional di bidangnya, Mariposa berkomitmen untuk memberikan pelayanan yang terbaik bagi para klien.](https://reader033.fdocument.pub/reader033/viewer/2022052809/607748d990d76e0a4013c314/html5/thumbnails/54.jpg)
76
Kota: bogor
Provinsi: jawa barat
3 Beberapa field
diubah
kemudian klik
tombol Update
Data Akun
Email:
Password: 2233
Nama: nita okta
viana (baru)
No telpon:
081361640843
Alamat: jl.ceremai
ujung no 123
Kode pos: 16153
Kota: bogor
Provinsi: jawa barat
Sistem akan
menerima akses
update data
pelanggan
kemudian data
nama akan
terupdate dan
tersimpan pada
database.
Sesuai
harapan
Valid
4 Beberapa field
diubah
kemudian klik
tombol Update
Data Akun
Email:
Password: 2233
Nama: nita okta
viana
No telpon:
085891692435(baru)
Alamat: jl.ceremai
ujung no 123
Kode pos: 16153
Kota: bogor
Provinsi: jawa barat
Sistem akan
menerima akses
update data
pelanggan
kemudian data
no telpon akan
terupdate dan
tersimpan pada
database.
Sesuai
harapan
Valid
5 Beberapa field
diubah
kemudian klik
tombol Update
Data Akun
Email:
Password: 2233
Nama: nita okta
viana
No telpon:
085891692435
Alamat: jl.ceremai
ujung no 1 (baru)
Kode pos: 16153
Kota: bogor
Provinsi: jawa barat
Sistem akan
menerima akses
update data
pelanggan
kemudian data
alamat akan
terupdate dan
tersimpan pada
database.
Sesuai
harapan
Valid
6 Beberapa field
diubah
kemudian klik
tombol Update
Data Akun
Email:
Password: 2233
Nama: nita okta
viana
No telpon:
085891692435
Alamat: jl.ceremai
ujung no 1
Sistem akan
menerima akses
update data
pelanggan
kemudian data
kode pos akan
terupdate dan
tersimpan pada
database.
Sesuai
harapan
Valid
![Page 55: BAB III PEMBAHASAN - repository.bsi.ac.id · 24 Dilengkapi oleh dukungan para profesional di bidangnya, Mariposa berkomitmen untuk memberikan pelayanan yang terbaik bagi para klien.](https://reader033.fdocument.pub/reader033/viewer/2022052809/607748d990d76e0a4013c314/html5/thumbnails/55.jpg)
77
Kode pos: 16155
(baru)
Kota: bogor
Provinsi: jawa barat
7 Beberapa field
diubah
kemudian klik
tombol Update
Data Akun
Email:
Password: 2233
Nama: nita okta
viana
No telpon:
085891692435
Alamat: jl.ceremai
ujung no 1
Kode pos: 16155
Kota: bandung(baru)
Provinsi: jawa barat
Sistem akan
menerima akses
update data
pelanggan
kemudian data
kota akan
terupdate dan
tersimpan pada
database.
Sesuai
harapan
Valid
8 Beberapa field
diubah
kemudian klik
tombol Update
Data Akun
Email:
Password: 2233
Nama: nita okta
viana
No telpon:
085891692435
Alamat: jl.ceremai
ujung no 1
Kode pos: 16155
Kota: bandung
Provinsi: jawa barat
(baru)
Sistem akan
menerima akses
update data
pelanggan
kemudian data
provinsi akan
terupdate dan
tersimpan pada
database.
Sesuai
harapan
Valid
5. Pengujian terhadap form Buku Tamu
Tabel III.14.
Hasil Pengujian Black Box Testing Form Buku Tamu
No Skenario
pengujian Test Case
Hasil yang
diharapkan
Hasil
pengujian Kesimpulan
1 Semua field
tidak di isi
kemudian klik
tombol Kirim
Pesan
Nama Anda:
(kosong)
No telpon: (kosong)
Isi pesan : (kosong)
Sistem akan
menolak akses
input data saran
dan keluhan
pengguna dan
menampilkan
“Please fill out
this field” pada
salah satu field
Sesuai
harapan
Valid
![Page 56: BAB III PEMBAHASAN - repository.bsi.ac.id · 24 Dilengkapi oleh dukungan para profesional di bidangnya, Mariposa berkomitmen untuk memberikan pelayanan yang terbaik bagi para klien.](https://reader033.fdocument.pub/reader033/viewer/2022052809/607748d990d76e0a4013c314/html5/thumbnails/56.jpg)
78
2 Salah satu atau
beberapa field
tidak di isi
kemudian klik
tombol Kirim
Pesan
Nama Anda: (Nita)
No telpon: (kosong)
Isi pesan : (kosong)
Sistem akan
menolak akses
input data saran
dan keluhan
pengguna dan
menampilkan
“Please fill out
this field” pada
no telpon
Sesuai
harapan
Valid
3 Salah satu atau
beberapa field
tidak di isi
kemudian klik
tombol Kirim
Pesan
Nama Anda: (Nita)
No telpon:
(081361640843)
Isi pesan : (kosong)
Sistem akan
menolak akses
input data saran
dan keluhan
pengguna dan
menampilkan
“Please fill out
this field” pada
isi pesan
Sesuai
harapan
Valid
4 Semua field di
isi kemudian
klik tombol
Kirim Pesan
Nama Anda: (Nita)
No telpon:
(081361640843)
Isi pesan : (cocok
bangeet!!!)
Sistem akan
menerima akses
input data saran
dan keluhan
pengguna
kemudian akan
menampilkan
“pesan anda
telah terkirim,
terimakasih.”
Dan data akan
tersimpan pada
database.
Sesuai
harapan
Valid
6. Pengujian terhadap Form Pemesanan
Tabel III.15.
Hasil Pengujian Black Box Testing Form Pemesanan
No Skenario
pengujian Test Case
Hasil yang
diharapkan
Hasil
pengujian Kesimpulan
1 Field sudah
terisi sesuai
database
pelanggan dan
beberapa field
tidak di isi
(kosong)
Nama penerima:
(nita oktaviana)
No telpon:
(081361640843)
Alamat: (jl.ceremai
ujung no 123)
Kode pos: (16153)
Sistem akan
menolak akses
input data
pembayaran dan
pengiriman
pelanggan dan
akan
Sesuai
harapan
Valid
![Page 57: BAB III PEMBAHASAN - repository.bsi.ac.id · 24 Dilengkapi oleh dukungan para profesional di bidangnya, Mariposa berkomitmen untuk memberikan pelayanan yang terbaik bagi para klien.](https://reader033.fdocument.pub/reader033/viewer/2022052809/607748d990d76e0a4013c314/html5/thumbnails/57.jpg)
79
kemudian klik
tombol Proses
Pesanan Anda
Kota: (bogor)
Provinsi: (jawa
barat)
No rek. Pengirim:
(kosong)
Atas nama:
(kosong)
Bank: (kosong)
menampilkan
“Please fill out
this field” pada
no rek.
pengiriman
2 Field sudah
terisi sesuai
database
pelanggan dan
beberapa field
tidak di isi
(kosong)
kemudian klik
tombol Proses
Pesanan Anda
Nama penerima:
(nita oktaviana)
No telpon:
(081361640843)
Alamat: (jl.ceremai
ujung no 123)
Kode pos: (16153)
Kota: (bogor)
Provinsi: (jawa
barat)
No rek. Pengirim:
(7380423621)
Atas nama:
(kosong)
Bank: (kosong)
Sistem akan
menolak akses
input data
pembayaran dan
pengiriman
pelanggan dan
akan
menampilkan
“Please fill out
this field” pada
atas nama
Sesuai
harapan
Valid
3 Field sudah
terisi sesuai
database
pelanggan dan
beberapa field
tidak di isi
(kosong)
kemudian klik
tombol Proses
Pesanan Anda
Nama penerima:
(nita oktaviana)
No telpon:
(081361640843)
Alamat: (jl.ceremai
ujung no 123)
Kode pos: (16153)
Kota: (bogor)
Provinsi: (jawa
barat)
No rek. Pengirim:
(7380423621)
Atas nama:
(nita oktaviana)
Bank: (kosong)
Sistem akan
menolak akses
input data
pembayaran dan
pengiriman
pelanggan dan
akan
menampilkan
“Please fill out
this field” pada
bank
Sesuai
harapan
Valid
4 Field sudah
terisi sesuai
database
pelanggan dan
beberapa field
sudah di isi
kemudian klik
tombol Proses
Pesanan Anda
Nama penerima:
(nita oktaviana)
No telpon:
(081361640843)
Alamat: (jl.ceremai
ujung no. 123)
Kode pos: (16153)
Kota: (bogor)
Provinsi: (jawa
barat)
Sistem akan
menerima akses
input data
pembayaran dan
pengiriman
pelanggan
kemudian akan
menampilkan
“Proses
pembelian
Sesuai
harapan
Valid
![Page 58: BAB III PEMBAHASAN - repository.bsi.ac.id · 24 Dilengkapi oleh dukungan para profesional di bidangnya, Mariposa berkomitmen untuk memberikan pelayanan yang terbaik bagi para klien.](https://reader033.fdocument.pub/reader033/viewer/2022052809/607748d990d76e0a4013c314/html5/thumbnails/58.jpg)
80
No rek. Pengirim:
(7380423621)
Atas nama:
(nita oktaviana)
Bank: (BCA)
berhasil
tersimpan,
segera lakukan
pembayaran.”
Dan data akan
tersimpan pada
database.
5 Semua field di
isi tidak sesuai
database
pelanggan
kemudian klik
tombol Proses
Pesanan Anda
Nama penerima: arif
lutfi (baru)
No telpon:
(08223344556)
Alamat: (jl.cilebut
no 1)
Kode pos: (16141)
Kota: (bogor)
Provinsi: (jawa
barat)
No rek. Pengirim:
(1122334456)
Atas nama:
(arif lutfi)
Bank: (MANDIRI)
Sistem akan
menerima akses
input data
pembayaran dan
pengiriman
pelanggan
kemudian akan
menampilkan
“pesan anda
telah terkirim,
terimakasih.”
Dan data akan
tersimpan pada
database.
Sesuai
harapan
Valid
7. Pengujian terhadap Form Pemesanan Detail
Tabel III.16.
Hasil Pengujian Black Box Testing Form Pemesanan Detail
No Skenario
pengujian Test Case
Hasil yang
diharapkan
Hasil
pengujian Kesimpulan
1 field tidak di
isi kemudian
klik tombol
Konfirmasi
pembayaran
Choose File:
(kosong)
Sistem akan
menolak akses
input data
pembayaran dan
menampilkan
“Please select a
file” pada field
choose file
Sesuai
harapan
Valid
![Page 59: BAB III PEMBAHASAN - repository.bsi.ac.id · 24 Dilengkapi oleh dukungan para profesional di bidangnya, Mariposa berkomitmen untuk memberikan pelayanan yang terbaik bagi para klien.](https://reader033.fdocument.pub/reader033/viewer/2022052809/607748d990d76e0a4013c314/html5/thumbnails/59.jpg)
81
2 field di isi
kemudian klik
tombol
Konfirmasi
pembayaran
Choose File:
(foto.jpg)
Sistem akan
menerima akses
input data
konfirmasi
pembayaran
kemudian akan
menampilkan
“Bukti
pembayaran
berhasil
diupload.” Dan
data akan
tersimpan pada
database.
Sesuai
harapan
Valid
8. Pengujian terhadap Form Pemesanan Detail Admin
Tabel III.17.
Hasil Pengujian Black Box Testing Form Pemesanan Detail Admin
No Skenario
pengujian Test Case
Hasil yang
diharapkan
Hasil
pengujian Kesimpulan
1 Lihat bukti
transfer dan
pilih status
pemesanan
kemudian klik
tombol update
status
Lihat bukti transfer
: (lihat bukti)
Status: (barang
sedang dikirim)
Foto dapat di
unggah (dilihat)
sistem akan
menerima akses
input data status
pemesanan
maka data sudah
terupdate antara
admin dan
pelanggan
menjadi barang
sedang dikirim
Sesuai
harapan
Valid
2 Lihat bukti
transfer dan
pilih status
pemesanan
kemudian klik
tombol update
status
Lihat bukti transfer
: (lihat bukti)
Status: (pesanan
anda dibatalkan)
Foto dapat di
unggah (dilihat)
sistem akan
menerima akses
input data status
pemesanan
maka data sudah
terupdate antara
admin dan
pelanggan
menjadi pesanan
anda dibatalkan
Sesuai
harapan
Valid
![Page 60: BAB III PEMBAHASAN - repository.bsi.ac.id · 24 Dilengkapi oleh dukungan para profesional di bidangnya, Mariposa berkomitmen untuk memberikan pelayanan yang terbaik bagi para klien.](https://reader033.fdocument.pub/reader033/viewer/2022052809/607748d990d76e0a4013c314/html5/thumbnails/60.jpg)
82
3 Lihat bukti
transfer dan
pilih status
pemesanan
kemudian klik
tombol update
status
Lihat bukti transfer
: (lihat bukti)
Status: (barang
sudah diterima)
Foto dapat di
unggah (dilihat)
sistem akan
menerima akses
input data status
pemesanan
maka data sudah
terupdate antara
admin dan
pelanggan
menjadi barang
sudah diterima
Sesuai
harapan
Valid
9. Pengujian terhadap Form Tambah Produk
Tabel III.18.
Hasil Pengujian Black Box Testing Form Tambah Produk
No Skenario
pengujian Test Case
Hasil yang
diharapkan
Hasil
pengujian Kesimpulan
1 Semua field
tidak di isi
kemudian klik
tombol simpan
data
kategori: (kosong)
Nama: (kosong)
Harga: (kosong)
Berat (gr):
(kosong)
Stok: (kosong)
Keterangan:
(kosong)
Foto: (kosong)
Sistem akan
menolak akses
input data
produk baru dan
akan
menampilkan
“Please fill out
this field” pada
kategori
Sesuai
harapan
Valid
2 Beberapa field
tidak di isi
kemudian klik
tombol simpan
data
kategori: (skin)
Nama: (kosong)
Harga: (kosong)
Berat (gr):
(kosong)
Stok: (kosong)
Keterangan:
(kosong)
Foto: (kosong)
Sistem akan
menolak akses
input data
produk baru dan
akan
menampilkan
“Please fill out
this field” pada
nama
Sesuai
harapan
Valid
3 Beberapa field
tidak di isi
kemudian klik
tombol simpan
data
kategori: (skin)
Nama: (bion-h)
Harga: (kosong)
Berat (gr):
(kosong)
Stok: (kosong)
Keterangan:
(kosong)
Sistem akan
menolak akses
input data
produk baru dan
akan
menampilkan
“Please fill out
this field” pada
Sesuai
harapan
Valid
![Page 61: BAB III PEMBAHASAN - repository.bsi.ac.id · 24 Dilengkapi oleh dukungan para profesional di bidangnya, Mariposa berkomitmen untuk memberikan pelayanan yang terbaik bagi para klien.](https://reader033.fdocument.pub/reader033/viewer/2022052809/607748d990d76e0a4013c314/html5/thumbnails/61.jpg)
83
Foto: (kosong) harga
4 Beberapa field
tidak di isi
kemudian klik
tombol simpan
data
kategori: (skin)
Nama: (bion-h)
Harga: (100000)
Berat (gr):
(kosong)
Stok: (kosong)
Keterangan:
(kosong)
Foto: (kosong)
Sistem akan
menolak akses
input data
produk baru dan
akan
menampilkan
“Please fill out
this field” pada
berat
Sesuai
harapan
Valid
5 Beberapa field
tidak di isi
kemudian klik
tombol simpan
data
kategori: (skin)
Nama: (bion-h)
Harga: (100000)
Berat (gr): (200)
Stok: (kosong)
Keterangan:
(kosong)
Foto: (kosong)
Sistem akan
menolak akses
input data
produk baru dan
akan
menampilkan
“Please fill out
this field” pada
stok
Sesuai
harapan
Valid
6 Beberapa field
tidak di isi
kemudian klik
tombol simpan
data
kategori: (skin)
Nama: (bion-h)
Harga: (100000)
Berat (gr): (200)
Stok: (30)
Keterangan:
(kosong)
Foto: (kosong)
Sistem akan
menolak akses
input data
produk baru dan
akan
menampilkan
“Please fill out
this field” pada
keterangan
Sesuai
harapan
Valid
7 Beberapa field
tidak di isi
kemudian klik
tombol simpan
data
kategori: (skin)
Nama: (bion-h)
Harga: (100000)
Berat (gr): (200)
Stok: (30)
Keterangan:
(moisturizer)
Foto: (kosong)
Sistem akan
menolak akses
input data
produk baru dan
akan
menampilkan
“Please fill out
this field” pada
foto
Sesuai
harapan
Valid
8 Beberapa field
tidak di isi
kemudian klik
tombol simpan
data
kategori: (skin)
Nama: (bion-h)
Harga: (100000)
Berat (gr): (200)
Stok: (30)
Keterangan:
(moisturizer)
Foto: (bionh.jpg)
Sistem akan
menerima akses
input data
produk baru
kemudian data
akan tersimpan
pada database.
Sesuai
harapan
Valid
![Page 62: BAB III PEMBAHASAN - repository.bsi.ac.id · 24 Dilengkapi oleh dukungan para profesional di bidangnya, Mariposa berkomitmen untuk memberikan pelayanan yang terbaik bagi para klien.](https://reader033.fdocument.pub/reader033/viewer/2022052809/607748d990d76e0a4013c314/html5/thumbnails/62.jpg)
84
10. Pengujian terhadap Form Edit Produk
Tabel III.19.
Hasil Pengujian Black Box Testing Form Edit Produk
No Skenario
pengujian Test Case
Hasil yang
diharapkan
Hasil
pengujian Kesimpulan
1 Beberapa field
diubah
kemudian klik
tombol update
data
kategori: skin
Nama: biolite
cream (baru)
Harga: 80000
Berat (gr): 150
Stok: 30
Keterangan: cream
pemutih wajah dan
dapat
menyamarkan
bintik-bintik hitam
Foto: biolite.jpg
Sistem akan
menerima akses
edit data produk
baru kemudian
data nama akan
terupdate dan
tersimpan pada
database.
Sesuai
harapan
Valid
2 Beberapa field
diubah
kemudian klik
tombol update
data
kategori: skin
Nama: biolite
cream
Harga: 90000
(baru)
Berat (gr): 150
Stok: 30
Keterangan: cream
pemutih wajah dan
dapat
menyamarkan
bintik-bintik hitam
Foto: biolite.jpg
Sistem akan
menerima akses
edit data produk
baru kemudian
data harga akan
terupdate dan
tersimpan pada
database.
Sesuai
harapan
Valid
3 Beberapa field
diubah
kemudian klik
tombol update
data
kategori: skin
Nama: biolite
cream
Harga: 90000
Berat (gr): 300
(baru)
Stok: 30
Keterangan: cream
pemutih wajah dan
dapat
menyamarkan
bintik-bintik hitam
Foto: biolite.jpg
Sistem akan
menerima akses
edit data produk
baru kemudian
data berat akan
terupdate dan
tersimpan pada
database.
Sesuai
harapan
Valid
![Page 63: BAB III PEMBAHASAN - repository.bsi.ac.id · 24 Dilengkapi oleh dukungan para profesional di bidangnya, Mariposa berkomitmen untuk memberikan pelayanan yang terbaik bagi para klien.](https://reader033.fdocument.pub/reader033/viewer/2022052809/607748d990d76e0a4013c314/html5/thumbnails/63.jpg)
85
4 Beberapa field
diubah
kemudian klik
tombol update
data
kategori: skin
Nama: biolite
cream
Harga: 90000
Berat (gr): 300
(baru)
Stok: 30
Keterangan: cream
pemutih wajah dan
dapat
menyamarkan
bintik-bintik hitam
Foto: biolite.jpg
Sistem akan
menerima akses
edit data produk
baru kemudian
data berat akan
terupdate dan
tersimpan pada
database.
Sesuai
harapan
Valid
5 Beberapa field
diubah
kemudian klik
tombol update
data
kategori: skin
Nama: biolite
cream
Harga: 90000
Berat (gr): 300
Stok: 10 (baru)
Keterangan: cream
pemutih wajah dan
dapat
menyamarkan
bintik-bintik hitam
Foto: biolite.jpg
Sistem akan
menerima akses
edit data produk
baru kemudian
data stok akan
terupdate dan
tersimpan pada
database.
Sesuai
harapan
Valid
6 Beberapa field
diubah
kemudian klik
tombol update
data
kategori: skin
Nama: biolite
cream
Harga: 90000
Berat (gr): 300
Stok: 10
Keterangan: cream
pemutih wajah,
tangan, kaki dan
dapat
menyamarkan
bintik-bintik hitam
(baru)
Foto: biolite.jpg
Sistem akan
menerima akses
edit data produk
baru kemudian
data keterangan
akan terupdate
dan tersimpan
pada database.
Sesuai
harapan
Valid
7 Beberapa field
diubah
kemudian klik
tombol update
data
kategori: skin
Nama: biolite
cream
Harga: 90000
Berat (gr): 300
Stok: 10
Keterangan: cream
pemutih wajah,
tangan, kaki dan
Sistem akan
menerima akses
edit data produk
baru kemudian
data foto akan
terupdate dan
tersimpan pada
database.
Sesuai
harapan
Valid
![Page 64: BAB III PEMBAHASAN - repository.bsi.ac.id · 24 Dilengkapi oleh dukungan para profesional di bidangnya, Mariposa berkomitmen untuk memberikan pelayanan yang terbaik bagi para klien.](https://reader033.fdocument.pub/reader033/viewer/2022052809/607748d990d76e0a4013c314/html5/thumbnails/64.jpg)
86
dapat
menyamarkan
bintik-bintik hitam
Foto:
biolitenew.jpg
(baru)
11. Pengujian terhadap Form Tambah Ongkir
Tabel III.20.
Hasil Pengujian Black Box Testing Form Tambah Ongkir
No Skenario
pengujian Test Case
Hasil yang
diharapkan
Hasil
pengujian Kesimpulan
1 Semua field
tidak di isi
kemudian klik
tombol
Tambah
Ongkir
kota: (kosong)
provinsi: (kosong)
biaya: (kosong)
Sistem akan
menolak akses
input data ongkir
baru dan akan
menampilkan
“Please fill out
this field” pada
kota
Sesuai
harapan
Valid
2 beberapa field
tidak di isi
kemudian klik
tombol
Tambah
Ongkir
kota: malang
provinsi: (kosong)
biaya: (kosong)
Sistem akan
menolak akses
input data ongkir
baru dan akan
menampilkan
“Please fill out
this field” pada
provinsi
Sesuai
harapan
Valid
3 beberapa field
tidak di isi
kemudian klik
tombol
Tambah
Ongkir
kota: malang
provinsi: jawa
timur
biaya: (kosong)
Sistem akan
menolak akses
input data ongkir
baru dan akan
menampilkan
“Please fill out
this field” pada
biaya
Sesuai
harapan
Valid
4 Semua field di
isi kemudian
klik tombol
Tambah
Ongkir
kota: malang
provinsi: jawa
timur
biaya: 15000
Sistem akan
menerima akses
input data ongkir
kemudian data
akan tersimpan
pada database
Sesuai
harapan
Valid
![Page 65: BAB III PEMBAHASAN - repository.bsi.ac.id · 24 Dilengkapi oleh dukungan para profesional di bidangnya, Mariposa berkomitmen untuk memberikan pelayanan yang terbaik bagi para klien.](https://reader033.fdocument.pub/reader033/viewer/2022052809/607748d990d76e0a4013c314/html5/thumbnails/65.jpg)
87
12. Pengujian terhadap Form Tambah Artikel
Tabel III.21.
Hasil Pengujian Black Box Testing form Tambah Artikel
No Skenario
pengujian Test Case
Hasil yang
diharapkan
Hasil
pengujian Kesimpulan
1 Semua field
tidak di isi
kemudian klik
tombol Simpan
Data
judul: (kosong)
isi artikel:
(kosong)
tambah foto:
(kosong)
Sistem akan
menolak akses
input data ongkir
baru dan akan
menampilkan
“Please fill out
this field” pada
judul
Sesuai
harapan
Valid
2 beberapa field
tidak di isi
kemudian klik
tombol Simpan
Data
judul: (mengapa
kulit harus
dirawat????)
isi artikel:
(kosong)
tambah foto:
(kosong)
Sistem akan
menolak akses
input data ongkir
baru dan akan
menampilkan
“Please fill out
this field” pada isi
Sesuai
harapan
Valid
3 beberapa field
tidak di isi
kemudian klik
tombol Simpan
Data
judul: (mengapa
kulit harus
dirawat????)
isi artikel:
xxxxxxxxxxxxxx
xxxxxxxxxxxxxx
tambah foto:
(kosong)
Sistem akan
menolak akses
input data ongkir
baru dan akan
menampilkan
“Please fill out
this field” pada
tambah foto
Sesuai
harapan
Valid
4 Semua field di
isi kemudian
klik tombol
Simpan Data
judul: mengapa
kulit harus
dirawat????
isi artikel:
xxxxxxxxxxxxxx
xxxxxxxxxxxxxx
tambah foto:
dirawat.jpg
Sistem akan
menerima akses
input data artikel
baru kemudian
data akan
tersimpan pada
database
Sesuai
harapan
Valid