bab iii pembahasan · fotokopi yang memegang hak distributor tunggal mesin fotokopi merk sharp....
TRANSCRIPT
22
BAB III
PEMBAHASAN
3.1. Tinjauan Perusahaan
Tinjauan perusahaan terhadap PT. Tritanu Jakarta dilakukan untuk
mendapatkan gambaran tentang proses bisnis berdasarkan sejarah perusahaan,
struktur organisasi dan fungsi yang ada di PT. Tritanu Jakarta, melalui proses
observasi, wawancara, maupun studi pustaka, sehingga penulis dapat lebih mudah
untuk menganalisa kebutuhan yang diperlukan pada PT. Tritanu Jakarta.
3.1.1.Sejarah Perusahaan
PT. Tritanu (Trijata Nusa) Jakarta adalah sebuah perusahaan swasta yang
didirikan pada 22 November 1977 di bawah yurisdiksi hukum Indonesiaoleh ASABA
Group, dengan No. NPWP 01.313.976.1.-073.000 .PT.Tritanu Jakarta merupakan
salah satu perusahaan yang bergerak dibidangpelayanan atau jasa pengadaan mesin
fotokopi yang memegang hak distributor tunggal mesin fotokopi merk SHARP. pusat
pertama berdirinya PT. Tritanu Jakarta beralamat di Jalan Batu Tulis Raya no.2,
Jakarta Pusat. Kemudian berkembang membuka cabang lagi di Cikarang, Tangerang,
Medan, Makasar, Surabaya, Pekanbaru, Bandung dan banyak dealer di kota lainnya.
Awal berdirinya PT. Tritanu Jakarta didasari karena semakin banyaknya
keperluan masyarakat dalam penggandaan dokumen. PT.Tritanu Jakarta dengan
semangat dan kerja keras, saat ini menjadi salah satu perusahaan besar yang sangat
berperan dalam penjualan mesin fotokopi di Indonesia. Saat ini penjualan mesin
23
fotokopi dan toner dilakukan dengan cara konvensional atau transaksi secara
langsung dan pemasaran dilakukan melalui media brosur maupun event pameran.
Visi Misi Perusahaan PT.Tritanu Jakarta
Visi :
Menjadi perusahaan penyedia solusi perangkat bisnis terbaik.
Misi :
1. Menyediakan perangkat otomasi terkemuka. Hal tersebut merupakan pola dasar
usaha dalam menyediakan produk prinsipal yang dipasarkan sebagai produk
semi komoditas dengan layanan standar.
2. Menyediakan solusi terkemuka, Hal tersebut merupakan pola dasar usaha
dalam menyediakan layanan total, baik produk maupun jasa beserta dukungan
lainnya, sehingga dengan layanan solusi tersebut, pelanggan dapat
meningkatkan produktifitas kerjanya.
3. Membuat perangkat otomasi yang dapat dinikmati dan ditemui pelanggan di
wilayah Indonesia sehingga pendistribusian perangkat otomasi menggunakan
pola indirectdan melalui retailer.
4. Memasarkan perangkat otomasi sejalan dengan penyediaan solusi agar
pelanggan dapat meningkatkan produktifitas dan kinerjanya.
3.1.2. Struktur Organisasi dan Fungsi
24
DIREKTUR UTAMA
MANAJER KEUANGAN
MANAJER PEMASARAN
STAFF HRD
COSTUMER SERVICE
ADMIN TEKHNIK TEKHNISI
HRD MANAJER TEKHNIK
SALES ITADMIN SALES
STAFF COSTUMER
SERVICESTAFF
KEUANGAN
Gambar III.1. Struktur Organisasi PT. Tritanu Jakarta
Sumber : HRD PT. Tritanu Jakarta
Berikut ini adalah penjelasan atau fungsi mengenai struktur organisasi di atas :
1. Direktur Utama
Adalah Pemimpin perusahaan yang mempunyai tanggung jawab sebagai
koordinator, komunikator, pengambil keputusan, pemimpin, pengelola dan eksekutor
dalam menjalankan dan memimpin perusahaan.
2. HRD ( Human Resource Division )
Adalah divisi yang menangani dan bertanggung jawab seputar masalah sumber
daya manusia didalam suatu perusahaan, termasuk didalamnya sinergi antara
karyawan dan perusahaan berjalan dengan baik.
3. Manajer Keuangan
25
Merupakan seseorang yang mempunyai hak dalam mengambil suatu keputusan
yang sangat penting dalam suatu bidang investasi dan pembelanjaan
perusahaan.Manajer keuangan juga bertanggung jawab dalam bidang keuangan pada
suatu perusahaan.
4. Manajer Tekhnik
Manajer tekhnik adalah orang atau seseorang yang mampu dalam segi hal
tekhnik maupun supportdan manajer tekhnik juga harus mengkoordinasi kerja
khususnya dibidang tekhnik.
5. Manajer Pemasaran
Tugas pokok manajer pemasaran pada umumnya adalahmemimpin seluruh
jajaran departemen pemasaran sehingga tercipta tingkat efisiensi, efektivitas, dan
produktivitas setinggi mungkin. Menciptakan, menumbuhkan, dan memelihara kerja
sama yang baik dengan konsumen dan juga merumuskan target penjualan, serta
merumuskan standard harga jual dengan koordinasi bersama direktur utama serta
departemen terkait.
6. Costumer Service
Tugas costumer service yaitu memberikan pelayanan yang prima dan membina
hubungan baik dengan nasabah, klien atau pelanggan. Costumer service juga harus
bertanggung jawab dari awal sampai akhir dari pelayanan tersebut.
7. IT
Tugas utama seorang IT staff adalah merawat software/hardware/komputer
yang ada di perusahaan, melakukan perbaikan jika ada yang rusak, memastikan
semua hardware dan komputer berfungsi optimal, mengevaluasi dan meningkatkan
26
kinerja sistem IT, dan lain-lain. Seorang IT staff yang baik harus mampu menangani
seluruh permasalahan software/hardware/ komputer yang ada di perusahaan.
3.2. Analisa Kebutuhan
Dalama rekayasa sistem, analisis kebutuhan mencakup pekerjaan-pekerjaan
penentuan kebutuhan atau kondisi yang harus dipenuhi dalam suatu produk baru atau
perubahan produk, yang mempertimbangkan berbagai kebutuhan yang bersinggungan
antar berbagai pemangku kepentingan. Kebutuhan dari hasil analisis ini harus dapat
dilaksanakan, diukur, diuji, terkait dengan kebutuhan bisnis yang teridentifikasi, serta
didefinisikan sampai tingkat detail yang memadai untuk desain sistem. Sistem
informasi pada website penjualan toner dan mesin fotokopi pada PT. Tritanu Jakarta
terdapat 3 (tiga) pengguna, yaitu admin, pelanggan, pengunjung. Ketiga pengguna ini
memiliki interaksi dan kebutuhan dengan sistem yang berbeda-beda ,sebagai berikut :
1. Admin
a. Mengelola atau menambah, mengubah dan menghapus produk.
b. Mengelola, mengubah status dan menghapus pemesanan.
c. Mengelola atau menghapus data buku tamu atau komentar dari pengunjung.
d. Mengelola dan menghapus data pelanggan.
e. Mengelola dan menghapus data pembayaran.
f. Mengelola dan menghapus laporan penjualan.
2. Pengunjung
a. Menampilkan form pendaftaran jika ingin menjadi pelanggan.
27
b. Melihat tampilan produk berupa spesifikasi gambar dan deskripsi mengenai
keterangan dari produk tersebut.
3. Pelanggan
a. Tampilan produk yang akan dipesan berupa spesifikasi gambar dan deskripsi
mengenai keterangan dari produk tersebut.
b. Menampilkan form pemesanan produk sebagai tempat produk yang diminati
dan ingin dipesan.
3.3. Perancangan Perangkat Lunak
Adapun perancangan perangkat lunak yang penulis gunakan dalam pembuatan
website ini adalah sebagai berikut :
3.3.1.Rancangan Antar Muka
Pada Rancangan antar muka (interface) ini penulis akan menggambarkan
rancangan tampilan yang ada pada website penjualan toner dan mesin fotokopi pada
PT. Tritanu Jakarta.
A. Rancangan Antar Muka Login Admin
PT. Tritanu Jakarta Administrator
©2017 PT. Tritanu
Username
Password
Masuk
Gambar III.2.Rancangan Antar Muka Login Admin
28
B. Rancangan Antar Muka Menu Utama Ruang Admin
HEADER
MENU UTAMA
DATA PELANGGAN
MENU PRODUK
MENU PENGIRIMAN
DETAIL PEMESANAN
MENU KONFIRMASI
MENU KATEGORI
EDIT BERANDA
EDIT PROFIL
PESAN MASUK
EDIT CARA PESAN
LOGOUT
GANTI PASSWORD
LOGO PT. TRITANU
MENU PRODUK EDIT CARA PESANEDIT BERANDAEDIT KATEGORI
EDIT PROFIL PESAN MASUK GANTI PASSWORD MENU KONFIRMASI
Gambar III.3. Rancangan Antar Muka Menu UtamaAdmin
C. Rancangan Antar Muka Menu Data Pelanggan Ruang Admin
HEADER DATA PELANGGAN
MENU UTAMA
DATA PELANGGAN
MENU PRODUK
MENU PENGIRIMAN
DETAIL PEMESANAN
MENU KONFIRMASI
MENU KATEGORI
EDIT BERANDA
EDIT PROFIL
PESAN MASUK
EDIT CARA PESAN
LOGOUT
GANTI PASSWORD
LOGO PT. TRITANU
ID PELANGGAN
99999XXXXXX99999
NAMA TELEPON EMAIL AKSI
XXXXX
Gambar III.4. Rancangan Antar Muka Data Pelanggan Ruang Admin
29
D. Rancangan Antar Muka Menu ProdukRuang Admin
HEADER Menu Produk
MENU UTAMA
DATA PELANGGAN
MENU PRODUK
MENU PENGIRIMAN
DETAIL PEMESANAN
MENU KONFIRMASI
MENU KATEGORI
EDIT BERANDA
EDIT PROFIL
PESAN MASUK
EDIT CARA PESAN
LOGOUT
GANTI PASSWORD
LOGO PT. TRITANU
ID Produk
99999XXXXXX99999
Nama Produk Kategori Harga Produk AKSI
99999
Stok
99999
Tambah Produk
Gambar III.5. Rancangan Antar Muka Menu Produk Ruang Admin
E. Rancangan Antar Muka Menu Kategori Ruang Admin
HEADER Menu Kategori
MENU UTAMA
DATA PELANGGAN
MENU PRODUK
MENU PENGIRIMAN
DETAIL PEMESANAN
MENU KONFIRMASI
MENU KATEGORI
EDIT BERANDA
EDIT PROFIL
PESAN MASUK
EDIT CARA PESAN
LOGOUT
GANTI PASSWORD
LOGO PT. TRITANU
ID Kategori
XXXXXX99999
Nama Kategori Aksi
Tambah Kategori
Gambar III.6. Rancangan Antar Muka Menu Kategori Ruang Admin
30
F. Rancangan Antar Muka Menu PengirimanRuang Admin
HEADER Menu Pengiriman
MENU UTAMA
DATA PELANGGAN
MENU PRODUK
MENU PENGIRIMAN
DETAIL PEMESANAN
MENU KONFIRMASI
MENU KATEGORI
EDIT BERANDA
EDIT PROFIL
PESAN MASUK
EDIT CARA PESAN
LOGOUT
GANTI PASSWORD
LOGO PT. TRITANU
ID Pengiriman
999999999999
Provinsi Aksi
Tambah Pengiriman
Harga
xxxxxx
Gambar III.7. Rancangan Antar Muka Menu Pengiriman Ruang Admin
G. Rancangan Antar Muka Menu Konfirmasi Ruang Admin
HEADER Menu Konfirmasi
MENU UTAMA
DATA PELANGGAN
MENU PRODUK
MENU PENGIRIMAN
DETAIL PEMESANAN
MENU KONFIRMASI
MENU KATEGORI
EDIT BERANDA
EDIT PROFIL
PESAN MASUK
EDIT CARA PESAN
LOGOUT
GANTI PASSWORD
LOGO PT. TRITANU
ID Konfirmasi
9999999999
Nomor Transaksi AksiHarga
xxxxxx
Bank Gambar
xxxxx xxxxx
Gambar III.8. Rancangan Antar Muka Menu Konfirmasi Ruang Admin
31
H. Rancangan Antar Muka Menu Detail Pemesanan Ruang Admin
HEADER Menu Detail Pemesanan
MENU UTAMA
DATA PELANGGAN
MENU PRODUK
MENU PENGIRIMAN
DETAIL PEMESANAN
MENU KONFIRMASI
MENU KATEGORI
EDIT BERANDA
EDIT PROFIL
PESAN MASUK
EDIT CARA PESAN
LOGOUT
GANTI PASSWORD
LOGO PT. TRITANU
No. Transaksi
9999999999
Nama Pelanggan AksiJumlah Item
xxxxxx
Total harga
99999
Gambar III.9. Rancangan Antar Muka Detail Pemesanan Ruang Admin
I. Rancangan Antar Muka Menu Edit Beranda Ruang Admin
HEADER Menu Edit Beranda
MENU UTAMA
DATA PELANGGAN
MENU PRODUK
MENU PENGIRIMAN
DETAIL PEMESANAN
MENU KONFIRMASI
MENU KATEGORI
EDIT BERANDA
EDIT PROFIL
PESAN MASUK
EDIT CARA PESAN
LOGOUT
GANTI PASSWORD
LOGO PT. TRITANU
Isi
Update
Gambar III.10. Rancangan Antar Muka Beranda Ruang Admin
32
J. Rancangan Antar Muka Edit Cara Pesan Ruang Admin
HEADER Menu Edit Cara Pesan
MENU UTAMA
DATA PELANGGAN
MENU PRODUK
MENU PENGIRIMAN
DETAIL PEMESANAN
MENU KONFIRMASI
MENU KATEGORI
EDIT BERANDA
EDIT PROFIL
PESAN MASUK
EDIT CARA PESAN
LOGOUT
GANTI PASSWORD
LOGO PT. TRITANU
Isi
Update
Gambar III.11. Rancangan Antar Muka Edit Cara Pesan Ruang Admin
K. Rancangan Antar Muka Menu Edit Profil Ruang Admin
HEADER Menu Edit Profil
MENU UTAMA
DATA PELANGGAN
MENU PRODUK
MENU PENGIRIMAN
DETAIL PEMESANAN
MENU KONFIRMASI
MENU KATEGORI
EDIT BERANDA
EDIT PROFIL
PESAN MASUK
EDIT CARA PESAN
LOGOUT
GANTI PASSWORD
LOGO PT. TRITANU
Isi
Update
Gambar III.12. Rancangan Antar Muka Edit Profil Ruang Admin
33
L. Rancangan Antar Muka Ganti Password Ruang Admin
HEADER Menu Ganti Password
MENU UTAMA
DATA PELANGGAN
MENU PRODUK
MENU PENGIRIMAN
DETAIL PEMESANAN
MENU KONFIRMASI
MENU KATEGORI
EDIT BERANDA
EDIT PROFIL
PESAN MASUK
EDIT CARA PESAN
LOGOUT
GANTI PASSWORD
LOGO PT. TRITANU
Ganti Batal
Masukkan Password Lama
Masukkan Password Baru
Masukkan Lagi Password Baru
Gambar III.13. Rancangan Antar Muka Ganti Password Ruang Admin
M. Rancangan Antar Muka Logout Ruang Admin
MENU UTAMA
DATA PELANGGAN
MENU PRODUK
MENU PENGIRIMAN
DETAIL PEMESANAN
MENU KONFIRMASI
MENU KATEGORI
EDIT BERANDA
EDIT PROFIL
PESAN MASUK
EDIT CARA PESAN
LOGOUT
GANTI PASSWORD
LOGO PT. TRITANU
Anda Akan keluar Dari Halaman administrator PT. Tritanu Jakarta
OK
Gambar III.14. Rancangan Antar Muka Logout Ruang Admin
34
N. Rancangan Antar Muka Beranda Ruang Pengunjung
Header
Cara PesanBeranda Profil Hubungi Kami MemberProduk
Slider
Keranjang Belanja
Konten
Fotter
Gambar III.15. Rancangan Antar Muka Beranda Ruang Pengunjung
O. Rancangan Antar Muka Menu Produk
Header Produk
Detail
Gambar Produk
Beli
Fotter
Gambar III.16. Rancangan Antar Muka Menu Produk
35
P. Rancangan Antar Muka Menu Login
Header Login
Login
Email Pelanggan
Password
Fotter
Silahkan Login Terlebih dahulu
Gambar III.17. Rancangan Antar Muka Login
Q. Rancangan Antar Muka Menu Cara Pesan
Header Cara Pesan
Konten
Fotter
Gambar III.18. Rancangan Antar Muka Cara Pesan
R. Rancangan Antar Muka Menu Profil PT. Tritanu Jakarta
36
Header Profil PT. Tritanu Jakarta
Konten
Footer
Gambar III.19. Rancangan Antar Muka Profil PT. Tritanu Jakarta
S. Rancangan Antar Muka Menu Konfirmasi
Header Konfirmasi
Nomor Transaksi
Fotter
Nama Pelanggan
Pilih Bank
Upload Bukti Transfer
Simpan
Gambar III.20. Rancangan Antar Muka Menu Konfirmasi
T. Rancangan Antar Muka Menu Hubungi Kami
37
Header Hubungi Kami
Nama Anda
Fotter
Alamat anda
Subjek
Upload Bukti Transfer
Simpan Batal
Isi Pesan
Gambar III.21. Rancangan Antar Muka Menu Hubungi Kami
U. Rancangan Antar Muka Menu Member
Header Member
Nama Anda
Alamat anda
Email Anda
No. Telepon Anda
Pilih Provinsi
Password anda
Kirim Batal
Footer
Gambar III.22. Rancangan Antar Muka Menu Member
V. Rancangan Antar Muka Menu Keranjang Belanja
38
Header Keranjang Belanja
Produk
Hapus Produk
Detail produk
Ubah Jumlah
Harga
Belanja Lagi Ubah Alamat Checkout
Footer
Gambar III.23. Rancangan Antar Muka Menu Keranjang Belanja
W. Rancangan Antar Muka Menu Keranjang Selesai
Header Keranjang Selesai
Konten
Footer
Cetak Struk
Gambar III.24. Rancangan Antar Muka Menu Keranjang Selesai
3.3.2. Basis Data
39
Dalam pembuatan website, penulis menggunakan perancangan basis data
sebagai berikut :
A. Entity Relationship Diagram (ERD)
kategori terdiri produk
mempunyai
transaksirinci
Memiliki
transaksi
Pelanggan
id_kategori nm_kategoriid_produk
nama deskripsi
warna
ukuran
id_kategori
harga
stok
gambar
Id_pelanggan
nama
telepon
alamat
provinsi
password
harga
jumlah
namaid_produk
id_pelanggan
notransaksi
subtotal
1 M
notransaksi status
Id_pelanggan
melakukanM
1
M
1
1
M
Id_kategori Id_produk
Id_produk
notransaksi
notransaksi
Id_pelanggan
Id_pelanggan
notransaksi
Konfirmasi Memiliki
Id_konfirmasi
notransaksi
namagambar
bank
Id_konfirmasi notransaksi
1 1
Pemili_rekenin
Gambar III.26. LRS
40
B. Logical Relation Structure (LRS)
Gambar III.26. LRS
41
C. Spesifikasi File
Spesifikasi file menjelaskan tentang file-file yang akan digunakan dalam
rancangan website yang diajukan dan sebagai media penyimpanan data dari proses
yang terjadi pada rancangan website.
Database adalah sekumpulan data yang saling berkaitan satu sama lain, terpusat
dan terorganisir sehingga dapat dimanfaatkan dengan cepat dan mudah untuk
berbagai macam kebutuhan pengolahan data. Penulis membuat satu database dengan
nama db_tritanu dalam perancangan website PT. Tritanu Jakarta ini, adapun
spesifikasi file-file tersebut antara lain:
1. Spesifikasi Tabel Pelanggan
Nama Database : db_tritanu
Akronim File : pelanggan.myd
Fungsi File : Untuk menyimpan data pelanggan
Tipe File : File Master
Organisasi File : Index Sequential
Akses File : Sequential
Media File : Hardisk
Panjang Record : 63 karakter
Kunci Field : id_pelanggan
Software : MySQL ,XAMPP
42
Tabel III.1 Spesifikasi Tabel Pelanggan
No. Elemen Data Akronim Tipe Panjang Ket
1 Id Pelanggan id_pelanggan Int 11 Primary Key
2Nama
PelangganNama Varchar 25
3Email
PelangganEmail Text
4 Alamat Alamat Text
5 Provinsi Provinsi Varchar 15
6 Password Password Text
7 Telepon Telepon Varchar 12
2. Spesifikasi Tabel Produk
Nama Database : db_tritanu
Akronim File : produk.myd
Fungsi File : Untuk menyimpan data produk
Tipe File : File Master
Organisasi File : Index Sequential
Akses File : Random
Media File : Hardisk
Panjang Record : 147 karakter
Kunci Field : id_produk
Software : MySQL , XAMPP
43
Table III.2 Spesifikasi Tabel Produk
No. Elemen Data Akronim Tipe Panjang Ket
1 Id Produk id_produk Int 11 Primary Key
2 Nama Nama Varchar 25
3 Deskripsi Deskripsi Text
4 Jenis Mesin Jenis Varcha 25
5 Varchar 15
6 Id Kategori id_kategori Int 5 Foreign key
7 Harga Harga Int 11
8 Stok Stok Int 5
9 Gambar Gambar Varchar 50
3. Spesifikasi Tabel Transaksi
Nama Database : db_tritanu
Akronim File : transaksi.myd
Fungsi File : Untuk menyimpan data Transaksi
Tipe File : File Transaksi
Organisasi File : Index Sequential
Akses File : Sequential
Media File : Hardisk
Panjang Record : 17 karakter
Kunci Field : notransaksi
Software : MySQL ,XAMPP
44
Table III.3 Spesifikasi Tabel Transaksi
No. Elemen Data Akronim Tipe Panjang Ket
1 No Transaksi notransaksi Int 11 Primary Key
2 Id pelanggan id_pelanggan Int 5 Foreign key
3 Status Status Tinyint 1
4. Spesifikasi Tabel Kategori
Nama Database : db_tritanu
Akronim File : kategori.myd
Fungsi File : Untuk menyimpan data kategori
Tipe File : File Master
Organisasi File : Index Sequential
Akses File : Sequential
Media File : Hardisk
Panjang Record : 35 karakter
Kunci Field : id_kategori
Software : MySQL ,XAMPP
Tabel III.4 Spesifikasi Tabel Kategori
No. Elemen Data Akronim Tipe Panjang Ket
1 Id Kategori id_kategori Int 5 Primary Key
2 Nama Kategori nm_kategori Varchar 30
45
5. Spesifikasi Tabel Konfirmasi
Nama Database : db_tritanu
Akronim File : konfirmasi.myd
Fungsi File : Untuk menyimpan data Konfirmasi
Tipe File : File Master
Organisasi File : Index Sequential
Akses File : Sequential
Media File : Hardisk
Panjang Record : 46 karakter
Kunci Field : id_konfirmasi
Software : MySQL, XAMPP
Tabel III.5 Spesifikasi Tabel Konfirmasi
No. Elemen Data Akronim Tipe Panjang Ket
1 Id Konfirmasi id_konfirmasi Int 5 Primary Key
2 No Transaksi Notransaksi Varchar 5 Foreign key
3 Nama Nama Varchar 25
4 Bank Bank Varchar 10
5 Gambar Gambar Int 1
6 Pemilik rekening Pemilik_rekening Varchar 20
6. Spesifikasi Tabel Transaksi Rinci
Nama Database : db_tritanu
Akronim File : transaksirinci.myd
46
Fungsi File : Untuk menyimpan data rincian transaksi
Tipe File : File Transaksi
Organisasi File : Index Sequential
Akses File : Random
Media File : Hardisk
Panjang Record : 105 karakter
Kunci Field : -
Software : MySQL , XAMPP
Table III.6 Spesifikasi Tabel Transaksi Rinci
No. Elemen Data Akronim Tipe Panjang Ket
1 No Transaksi Notransaksi Varchar 25 Foreign key
2 Id pelanggan id_pelanggan Int 11 Foreign key
3 Id Produk id_produk Int 11 Foreign key
4 Nama Nama Varchar 25
5 Harga Harga Int 11
6 Jumlah Jumlah Int 117 Subtotal Subtotal Int 11
3.3. Struktur Navigasi
Dalam pembuatan website ini, penulis menggunakan struktur navigasi
campuran, berikut adalah struktur navigasinya:
47
A. Struktur Navigasi Pelanggan
Gambar III.27. Struktur Navigasi Pelanggan
48
B. Struktur Navigasi Administrator
Menu Utama
Data Pelanggan HAPUS
Menu Produk
Menu Kategori
Menu Pengiriman
Menu Konfirmasi
Detail Pemesanan
Edit Beranda
Edit Cara Pesan
Edit Profil
Pesan Masuk
Ganti Password
Logout
EDIT
EDIT
TAMBAHHAPUS
EDITTAMBAHHAPUS
EDITTAMBAHHAPUS
HAPUS
EDIT
HAPUS
EDITTAMBAHHAPUS
EDITTAMBAHHAPUS
EDITTAMBAHHAPUS
HAPUS
EDIT
LOGIN
Gambar III.28. Struktur Navigasi administrator
49
3.4. Implementasi dan Pengujian UnitDalam implementasi dan pengujian unit ini akan direalisasikan sebagai
serangkaian program yang dapat digunakan.
3.4.1. Implementasi
1. Halaman Login Ruang Admin
Gambar III.29. Halaman login Ruang Admin
2. Halaman Utama Ruang admin
Gambar III.30. Halaman Utama Ruang Admin
50
3. Halaman Tambah Produk Ruang Admin
Gambar III.31. Halaman Tambah Produk Ruang Admin
4. Halaman Detail konfirmasi Ruang Admin
Gambar III.32. Halaman Detail Konfirmasi Ruang Admin
51
5. Halaman Edit Cara pesan Ruang Admin
Gambar III.33. Halaman Cara Pesan Ruang Admin
6. Halaman Ganti Password Ruang admin
Gambar III.34. Halaman Ganti Password Ruang Admin
52
7. Halaman Utama Ruang Pengunjung
Gambar III.35. Halaman Utama Ruang Pengunjung
8. Halaman Produk Ruang Pengunjung
Gambar III.36. Halaman Produk Ruang Pengunjung
53
9. Halaman Login Ruang Pelanggan
Gambar III.37. Halaman Login Ruang Pelanggan
10. Halaman Daftar Ruang Pengunjung
Gambar III.38. Halaman Daftar Ruang Pengunjung
54
11. Halaman Keranjang Belanja Ruang Pelanggan
Gambar III.39. Halaman Keranjang Belanja Ruang Pelanggan
12. Halaman Konfirmasi Ruang Pelanggan
Gambar III.39. Halaman Keranjang Belanja Ruang Pelanggan
55
3.4.2. Pengujian Unit
Pengujian terhadap program yang dibuat menggunakan Blackbox Testing yang
fokus terhadap proses masukan dan keluaran program.
A. Pengujian Terhadap Form Login
Tabel III.7
Hasil Pengujian Black Box Testing Halaman Login Admin
No Skenario Pengujian Test case Hasil yang diharapkan
Hasil pengujian
Kesimpulan
1.
Username dan password tidak diisi kemudian klik tombol login
Username: (kosong)Password: (kosong)
Sistem akan menolak akses dan muncul peringatan “Username atau password anda salah”
Sesuai harapan Valid
2Username diisi dan Password tidak diisi kemudian klik login
Username: admin(benar)Password: (kosong)
Sistem akan menolak akses dan muncul peringatan “Username atau password anda salah”
Sesuai harapan Valid
3Username tidak diisi dan password diisi kemudian klik login
Username: (kosong)Password: admin (benar)
Sistem akan menolak akses dan muncul peringatan “Username atau password anda salah”
Sesuai Harapan Valid
4
Username dan passwordterisi namun salah satu ada yang salah
Username: peby (salah)Password: pebye(salah)
Sistem akan menolak dan muncul peringatan “Username atau password anda salah”
Sesuai harapan Valid
5
Username dan password terisi dengan benar dan klik login
Username: admin (benar)Password: admin (benar)
Sistem akan menerima, muncul pesan “Login Berhasil” dan masuk ke halaman admin
Sesuai harapan Valid
56
B. Pengujian Terhadap Form Tambah produk
Tabel III.8
Hasil Pengujian Black Box Testing Form Tambah Produk
No Skenario Pengujian Test case Hasil yang diharapkan
Hasil pengujian
Kesimpulan
1.
Semua field dan gambar tidak terisi kemudian klik simpan
Field: (kosong)Gambar: (kosong)
Muncul peringatan “please fill out this field” dan kembali ke form tambah produk
Sesuai harapan Valid
2
Semua field terisi dan gambar tidak terisi kemudian klik simpan
Field : terisiGambar: (kosong)
Muncul peringatan “please select a file”dan kembali ke form tambah produk
Sesuai harapan Valid
3
Semua field terisi dan gambar terisi kemudian klik simpan
Field : terisiGambar: terisi
Produk tersimpan dan produk masuk ke menu produk
Sesuai harapan Valid
C. Pengujian Terhadap Form Daftar Pelanggan
Tabel III.9
Hasil Pengujian Black Box Testing Form Daftar Pelanggan
No Skenario Pengujian Test case Hasil yang diharapkan
Hasil pengujian
Kesimpulan
1.Semua field tidak terisi kemudian klik daftar
Field: (kosong)
Muncul peringatan “please fill out this field” dan kembali ke form daftar pelanggan
Sesuai harapan Valid
2
Salah satu field belum terisikemudian klik daftar
alamat: (kosong)Field lain : terisi
Muncul peringatan “please fill out this field” dan kembali ke form daftar pelanggan
Sesuai harapan Valid
57
3Semua field terisi namun format email salah kemudian
Field : terisiEmail : terisi (salah)
Muncul peringatan “Please enter an email address”
Sesuai harapan Valid
4
Semua field terisi dan format email benar kemudian klik daftar
Field : terisi (benar)Email : terisi (benar)
Tersimpan kedalam database dan muncul pesan “Data Telah Tersimpan”
Sesuai harapan Valid
D. Pengujian Terhadap FormLogin Pelanggan
Tabel III.10
Hasil Pengujian Black Box Testing FormLogin Pelanggan
No Skenario Pengujian Test case Hasil yang diharapkan
Hasil pengujian
Kesimpulan
1.Semua Field tidak terisi kemudian klik login
Field: (kosong)
Muncul peringatan “please fill out this field” dan kembali ke form login
Sesuai harapan Valid
2
Jika email yang diketikan tidak sesuai dengan format Email
Email tidak sesuai dengan Format
Muncul Peringatan Username atau Password anda salah
Susuai harapan Valid
3
Semua Field terisi dan Email sesuai dengan format kemudian klik login
Field: TerisiEmail: Valid
Sistem akan menerima dan masuk ke beranda member
Sesuai harapan Valid
58
E. Pengujian Terhadap Form Konfirmasi
Tabel III.11
Hasil Pengujian Black Box Testing FormKonfirmasi
No Skenario Pengujian Test case Hasil yang diharapkan
Hasil pengujian
Kesimpulan
1.Semua Field tidak terisi kemudian klik simpan
Field: (kosong)
Muncul peringatan “please fill out this field” dan kembali ke form konfirmasi
Sesuai harapan Valid
2
Semua Field terisi dan sesuai dengan format kemudian klik simpan
Field: TerisiEmail: Valid
Muncul peringatan “Data sudah tersimpan”
Sesuai harapan Valid