repository.bsi.ac.id · Web viewBerikut adalah tampilan halaman admin. Berikut adalah tampilan...
Transcript of repository.bsi.ac.id · Web viewBerikut adalah tampilan halaman admin. Berikut adalah tampilan...
BAB III
PEMBAHASAN
3.1. Tinjauan Perusahaan
Toko Rinjani Outdoor adalah sebuah tempat usaha dagang yang menjual
macam kebutuhan fashion. Toko ini telah berdiri sejak tahun 2012 dan sekarang
sudah memiliki Surat Keterangan Usaha dari Kelurahan yang bernomor Nomor :
503/21 –Kl.Krj/ III / 2014.
3.1.1. Sejarah Perusahaan
Pada tanggal 12 september 2014 di Bekasi didirikan sebuah perusahaan
dagang bernama Rinjani Outdoor yang di operasikan sendiri dengan tujuan ingin
mengembangkan usaha perdagangan menjadi lebih maju. Berlokasi di Jln. Jend
Sudirman No.41 Rt.02/015 Kranji Bekasi Barat. Toko Rinjani Outdoor ini adalah
salah satu usaha perdagangan yang menjual berbagai macam jam tangan.
Berdirinya Toko Rinjani Outdoor mempunyai tujuan yang positif yaitu
membantu masyarakat untuk mendapatkan fashion secara mudah dan murah untuk
menciptakan Fashion yang lebih maju. Usaha ini mampu bersaing dengan competitor
lainnya.
36
37
Visi :
Memberikan pelayanan terbaik bagi konsumen serta menyuguhkan produk jam
tangan yang lengkap.
Misi :
1. Memudahkan para konsumen untuk mendapatkan jam tangan dengan harga
terjangkau.
2. Memberikan kepuasan konsumen dengan cara : memberikan produk yang
berkualitas terbaik dan memberikan pelayanan yang ramah.
3.1.2. Struktur Organisasi dan Fungsi
Sumber: Toko Rinjani Outdoor
Gambar III.1.
Struktur Organisasi Toko Rinjani Outdoor
PERANANNYA :
1. PEMILIK TOKO
a. Menjaga bisnis agar tetap berjalan.
Pemilik Toko
Karyawan Bag. Gudang Bag. Pengiriman Bag. Penjualan
38
b. Mengambil keputusan dari setiap masalah dari setiap permasalahan
pada toko.
c. Melakukan audit barang setiap bulannya.
2. KARYAWAN
a. Melayani customer.
b. Bertanggung jawab terhadap isi barang toko.
c. Menjaga kepercayaan kepala toko dalam menyimpan pemasukkan dan
penghitungan pengeluaran.
3. BAG. GUDANG
Mengecek dan membuat laporan barang masuk dan barang keluar
4. BAG. PENJUALAN
a. Bertanggung jawab dalam operasional toko harian, mingguan dan bulanan.
b. Membuat laporan penjualan.
5. BAG. PENGIRIMAN
a. Memastikan pengiriman barang.
3.2. Analisis Kebutuhan
Rinjani Outdoor adalah sebuah Website online yang menjual aneka jam
tangan. Website Rinjani Outdoor yag penulis buat merupakan website penjualan
yang dilakukan secara online berbasis web (e-commerce). Penjual dan pembeli
tidak bertatapan muka secara langsung dalam proses jual beli. Calon pembeli
melakukan pembelian melalui media browser. Dibawah ini spesifikasi kebutuhan
(system requirement) dari sistem penjualan pada Rinjani Outdoor.
39
1. Halaman Admin:
a) Admin dapat memasukan, mengubah, dan menghapus data barang atau data
produk dan ongkos kirim.
b) Admin juga bisa melihat rekap penjualan.
c) Admin juga dapat mengubah atau memperbarui data cara pembelian dan
profil perusahaan.
2. Halaman Member:
a) Member bisa memilih barang dan menambahkan ke keranjang belanja.
b) Member bisa melakukan checkout setelah selesai belanja.
c) Member bisa melakukan login dengan akun yang telah dibuat untuk belanja
dilain hari.
d) Sistem mengirimkan keluhan, kritik dan saran, melalui menu testimoni.
3.3. Perancangan Perangkat Lunak
3.3.1. Rancangan Antar Muka
Rancangan antar muka menggambarkan rancangan tampilan yang terkait
dengan proses bisnis utama dari sistem website yang penulis rancang.
A. Rancangan Antar Muka Login Admin
Halaman ini bisa diakses oleh admin untuk mempermudah kinerja
administrator seperti menambah, merubah, menghapus dan pada website. Berikut
adalah tampilan halaman admin. Berikut adalah tampilan halaman admin.
40
1. Rancangan Halaman Login Admin
Halaman ini dikhususkan hanya untuk admin atau pengelola website, setelah
memasukkan link admin, dan kemudian masuk untuk mengisi username dan
password yang selanjutnya akan masuk ke menu utama admin.
Rancangan halaman login admin adalah sebagai berikut:
LOGIN ADMIN
Gambar III.2.
Rancangan Antar Muka Login Admin
2. Rancangan Halaman Menu Admin
Beranda adalah halaman pertama yang keluar setelah melakukan login. Pada
halaman ini terdapat menu utama panel Admin yang dapat mengakses ke
halaman lainnya berupa halaman Home, Input Barang, Daftra Barang, Rekap
Penjualan, Laporan Lunas, Logout.
Username ….
Password …..
Login
41
Logo Home Isi Barang Daftar Barang Rekap Penjualan Laporan Lunas Logout
Gambar III.3.
Rancangan Antar Muka Menu Admin
3. Rancangan Halaman Antar Muka Admin Isi Barang
Halaman ini berfungsi untuk menambahkan produk baru dengan cara mengisi
kode barang, jenis barang, nama barang, warna barang, ukuran barang, harga
barang, stok barang, gambar. Untuk input dan cancel jika barang tidak jadi
dimasukkan ke koleksi. Rancangan halaman tambah koleksi.
Selamet Datang di Admin
Rinjani Outdoor
Selamat Datang
Bank
Bank
Header
Footer
Gambar
Kontak Rinjani Outdoor
42
Logo Home Isi Barang Daftar Barang Rekap Penjualan Laporan Lunas Logout
Gambar III.4.
Rancangan Antar Muka Admin Isi Barang
4. Rancangan Antar Muka Admin Mengelola Rekap Penjualan
Halaman data pesanan berfungsi untuk mengetahui barang yang sudah dibeli
oleh member tersebut. Halaman data pesanan adalah sebagai berikut:
Input Data Barang Rinjani OutdoorAnda login sebagai desiasn
Selamat Datang
Bank
Bank
Header
Footer
Kontak Rinjani Outdoor
Simpan Batal
43
Logo Home Isi Barang Daftar Barang Rekap Penjualan Laporan Lunas Logout
Gambar III.5.
Rancangan Antar Muka Admin Rekap Penjualan
B. Rancangan Antar Muka Tampilan Website
1. Rancangan Tampilan Website untuk Member
Website Member merupakan website yang ditunjukan untuk para member web
atau web publikasi, yang dikelola melalui web Admin. Di dalam web member
terdapat rancangan sebagai berikut:
a) Rancangan Antar Muka Registrasi Member
Halaman registrasi member berfungsi untuk member melakukan pembelian
koleksi jam tangan maka melakukan registrasi member bagi yang belum
menjadi member di Rinjani Outdoor.
Selamat Datang
Bank
Bank
Header
Footer
Kontak Rinjani Outdoor
44
Logo Home Cara Belanja Barang Member Login
Gambar III.6.
Rancangan Antar Muka Registrasi Member
b) Rancangan Antar Muka Login Member
Halaman Login Member setelah member melakukan registrasi.
Logo Home Cara Belanja Barang Member Login
Gambar III.7.
Rancangan Antar Muka Login Member
Selamat Datang
Bank
Bank
Header
Footer
Selamat Datang
Bank
Bank
Header
Footer
Kontak Rinjani Outdoor
45
c) Rancangan Antar Muka Barang
Halaman Barang berfungsi untuk member melakukan pembelian koleksi
jam tangan
Logo Home Barang Cara Belanja Komentar Logout Cari
Gambar III.8.
Rancangan Antar Muka Barang
d) Rancangan Antar Muka Cara Belanja
Halaman Cara Belanja untuk melihat cara-cara belanja di toko Rinjani
Outdoor.
KOLEKSI
Selamat Datang
Bank
Bank
Header
Footer
Selamet Datang User
Konfirmasi PembayaranCara Belanja
Kategori :AlbaDigitecG-shock
Kontak Rinjani Outdoor
46
Logo Home Barang Cara Belanja Komentar Logout Cari
Gambar III.9.
Rancangan Antar Muka Cara Belanja
e) Rancangan Antar Muka Home
Halaman Home untuk melihat koleksi-koleksi yang baru di masukan admin
toko Rinjani Outdoor.
Panduan Belanja
Selamat Datang
Bank
Bank
Header
Footer
Selamet Datang User
Konfirmasi PembayaranCara Belanja
Kategori :AlbaDigitecG-shock
Kontak Rinjani Outdoor
47
Logo Home Barang Cara Belanja Komentar Logout Cari
Gambar III.10.
Rancangan Antar Muka Home
f) Rancangan Antar Muka Komentar
Halaman Komentar untuk melihat dan mengisi komentar-komentar
kepuasan berbelanja di toko Rinjani Outdoor.
Koleksi Terbaru
Selamat Datang
Bank
Bank
Header
Footer
Selamet Datang User
Konfirmasi PembayaranCara Belanja
Kategori :AlbaDigitecG-shock
Kontak Rinjani Outdoor
48
Logo Home Barang Cara Belanja Komentar Logout Cari
Gambar III.11.
Rancangan Antar Muka Komentar
3.3.2. Rancangan Basis Data
Rancangan basis data terdiri dari Entity Relationship Diagram (ERD),
Logical Relational Structure (LRS) beserta spesifikasi file. Gambaran ERD dan
LRS penulis ambil dari field-field yang memiliki relasi pada tabel-tabel yang
terdapat pada database rinjani_outdoor.sql.
Koleksi Terbaru
Selamat Datang
Bank
Bank
Header
Footer
Selamet Datang User
Konfirmasi PembayaranCara Belanja
Kategori :AlbaDigitecG-shock
Kontak Rinjani Outdoor
49
A. Entity Relationship Diagram (ERD)
Gambar III.12.
Entity Relationship Diagram (ERD)
50
B. Logical Relational Structure (LRS)
Gambar III.13.
Logical Relational Structure (LRS)
C. Spesifikasi File
Spesifikasi file menjelaskan tentang file atau tabel yang terbentuk dari
transformasi ERD (dan atau file-file penunjang untuk web). File-file ini
tersimpan pada rinjani_outdoor.sql dengan parameter-parameter sbb:
1) Spesifikasi File Member
Nama File : Member
Akronim : member
51
Fungsi : untuk menyimpan data member
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 230
Kunci Field : id
Software : MySQL
Tabel III.1.
Spesifikasi File Member
No. Elemen Data Nama Field Type Size Ket1 Id Id Int 10 Primary key2 User User Varchar 303 Password Password Varchar 404 Nama Nama Varchar 405 Alamat Alamat Varchar 406 Kota Kota Varchar 257 Email Email Varchar 308 Telp Telp Varchar 15
2) Spesifikasi File admin
Nama File : admin
Akronim : admin
Fungsi : untuk menyimpan data halaman admin
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
52
Media : Harddisk
Panjang Record : 42
Kunci Field : id
Software : MySQL
Tabel III.2.
Spesifikasi File admin
No. Elemen Data Nama Field Type Size Ket1 Id Id Int 2 Primary key2 User name username Varchar 203 Password password Varchar 20
3) Spesifikasi File Beli Barang
Nama File : belibarang
Akronim : belibarang
Fungsi : untuk membeli barang yang diinginkan
Tipe File : Transaksi
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 119
Kunci Field : idbeli
Software : MySQL
53
Tabel III.3.
Spesifikasi File Beli Barang
No.
Elemen Data Nama Field Type Size Ket
1 Id beli idbeli Int 10 Primary key2 Tanggal tanggal Date3 Nama Pembeli namapembeli Varchar 304 Alamat alamat Varchar 505 Hp Hp Varchar 126 Nomor transaksi notrans Varchar 157 Kode kota kodekota Varchar 2
4) Spesifikasi File Detail Beli Barang
Nama File : detailbelibarang
Akronim : detailbelibarang
Fungsi : untuk melihat jumlah barang yang di beli
Tipe File : Transaksi
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 40
Kunci Field : iddetail
Software : MySQL
54
Tabel III.4.
Spesifikasi File Detail Beli Barang
No. Elemen Data Nama Field Type Size Ket1 Id detail iddetail Int 10 Primary key2 Id beli Idbeli Int 103 Kode barang kodebrg Varchar 104 Jumlah jumlah Int 10
5) Spesifikasi File Sm Beli Barang
Nama File : smbelibarang
Akronim : smbelibarang
Fungsi : untuk melihat nama pembeli
Tipe File : Transaksi
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 40
Kunci Field : iddetail
Software : MySQL
Tabel III.5.
Spesifikasi File Sm Beli Barang
No. Elemen Data Nama Field Type Size Ket1 Id beli idbeli Int 10 Primary key2 Tanggal tanggal Date3 Nama pembeli namapembeli Varchar 30
55
6) Spesifikasi File Sm Detail Beli Barang
Nama File : smdetailbelibarang
Akronim : smdetailbelibarang
Fungsi : untuk melihat kode barang
Tipe File : Transaksi
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 40
Kunci Field : iddetail
Software : MySQL
Tabel III.6.
Spesifikasi Sm Detail Beli Barang
No. Elemen Data Nama Field Type Size Ket1 Id detail iddetail Int 10 Primary key2 Id beli idbeli Int 103 Kode barang kodebrg Varchar 104 Jumlah jumlah Int 10
7) Spesifikasi File Daftar Barang
Nama File : daftarbarang
Akronim : daftarbarang
Fungsi : untuk mengisi koleksi jam tangan
Tipe File : Transaksi
Organisasi File : Indexed Sequential
56
Akses File : Random
Media : Harddisk
Panjang Record : 145
Kunci Field : nomor
Software : MySQL
Tabel III.7.
Spesifikasi File Daftar Barang
No. Elemen Data Nama Field Type Size Ket1 Nomor nomor Int 10 Primary key2 Kode barang kodebrg Varchar 103 Tanggal tanggal Varchar 104 Jenis barang jenisbrg Varchar 405 Nama barang namabrg Varchar 306 Warna barang warnabrg Varchar 157 Gambar gambar Text8 Ukuran barang ukuranbrg Varchar 109 Harga barang hargabrg Int 1010 Kode kategori kd_kategor
iVarchar 5
11 Stok stok Int 5
8) Spesifikasi File Konfirmasi
Nama File : konfirmasi
Akronim : konfirmasi
Fungsi : untuk konfirmasi pembayaran
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
57
Panjang Record : 146
Kunci Field : notrans
Software : MySQL
Tabel III.8.
Spesifikasi File Konfirmasi
No. Elemen Data Nama Field Type Size Ket1 Nomor transaksi notrans Varchar 15 Primary key2 Jumlah transaksi jumlahtrans Double3 Keterangan keterangan Varchar 404 Flagstatus flagstatus Int 115 Upload upload Varchar 806 Tanggal tanggal Date
9) Spesifikasi File Ongkir
Nama File : ongkir
Akronim : ongkir
Fungsi : untuk mengecek ongkos kirim
Tipe File : Transaksi
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 63
Kunci Field : kodekota
Software : MySQL
58
Tabel III.9.
Spesifikasi File Ongkir
No. Elemen Data Nama Field Type Size Ket1 Kode kota kodekota Varchar 2 Primary key2 Nama kota namakota Varchar 503 Ongkos kirim ongkir Int 11
10) Spesifikasi File Status Kirim
Nama File : status Kirim
Akronim : statuskirim
Fungsi : untuk mengecek status pengecekan barang
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 41
Kunci Field : flagstatus
Software : MySQL
Tabel III.10.
Spesifikasi File Status Kirim
No. Elemen Data Nama Field Type Size Ket1 Flag status flagstatus Int 11 Primary key2 Status status Varcha
r30
59
11) Spesifikasi File Kategori
Nama File : kategori
Akronim : kategori
Fungsi : untuk menyimpan data kategori koleksi
Tipe File : Transaksi
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 16
Kunci Field : kd_kategori
Software : MySQL
Tabel III.11.
Spesifikasi File Kategori
No. Elemen Data Nama Field Type Size Ket1 Kode kategori kd_kategori Int 5 Primary key2 Nama kategori nm_kategori Varchar 11
3.3.3. Rancangan Struktur Navigasi
Struktur navigasi website digunakan untuk menggambarkan secara garis besar
isi dari seluruh situs web dan menggambarkan bagaimana hubungan antara isi-isi
tersebut.
60
1. Struktur Navigasi Admin
Gambar III.14.
Struktur Navigasi Halaman Admin
2. Struktur Navigasi Pengunjung
Gambar III.15.
Struktur Navigasi Halaman Pengunjung
61
3. Struktur Navigasi Pelanggan
Gambar III.16.
Struktur Navigasi Halaman Pelanggan
3.4. Implementasi dan Pengujian Unit
3.4.1. Implementasi
a) Implementasi Rancangan Antar Muka
Berikut adalah implementasi rancangan antar muka pada website penjualan
jam tangan berdasarkan hasil rancangan antar muka.
62
a. Tampilan Registrasi Member
Gambar III.17.
Tampilan Registrasi Member
63
b. Tampilan Login Member
Gambar III.18.
Tampilan Login Member
64
c. Tampilan Barang
Gambar III.19.
Tampilan Barang
65
d. Tampilan Cara Belanja
Gambar III.20.
Tampilan Cara Belanja
66
e. Tampilan Komentar
Gambar III.21.
Tampilan Komentar
f. Tampilan Login Admin
Gambar III.22.
Tampilan Login Admin
67
g. Tampilan Home
Gambar III.23.
Tampilan Home
68
h. Tampilan Isi Barang
Gambar III.24.
Tampilan Isi Barang
69
i. Tampilan Daftar Barang
Gambar III.25.
Tampilan Daftar Barang
70
j. Tampilan Rekap Penjualan
Gambar III.26.
Tampilan Rekap Penjualan
71
k. Tampilan Laporan Lunas
Gambar III.27.
Tampilan Laporan Lunas
72
B. Spesifikasi Sistem Komputer
1. Spesifikasi Sistem Komputer
a. Server
1) CPU
(a) Processor Intel Pentium Core
(b) RAM 2 GB
(c) Hard Disk 500 GB
2) Mouse
3) Keyboard
4) Monitor dengan resolusi layar minimum 1366 x 768
5) Koneksi internet dengan kecepatan 2 Mbps
2. Spesifikasi Perangkat Lunak
a. Server
(1) Sistem operasi yang umum digunakan seperti : Microsoft Windows atau Linux
(Ubuntu, Fedora, dan lain-lain).
(2) Aplikasi bundle web server sseperti : Xampp.
(3) Aplikasi Web seperti Mozilla Firefox, Google Chome .
73
b. Client
(1) Sistem operasi yang umum digunakan seperti : Microsoft Windows atau Linux
(2) Aplikasi Web seperti Mozilla Firefox, Google Chome.
3.4.2. Pengujian Unit
Pengujian Unit sistem website yang penulis rancang menggunakan blackbox
testing yang fokus pada proses masukan dan keluaran. Berikut adalah form yang
berhubungan dengan proses bisnis utama yang ditampilkan hasil pengujiannya.
A. Pengujian Daftar Member
Tabel III.12.
Hasil Pengujian Black Box Testing Daftar Member
No Skenario Pengujian
Test Cast Hasil yang diharapkan
Hasil Penguji
Kesimpulan
1 Tidak Mengisi data
Semua textbox kosong
Sistem Menolak “Please Fill Out This Field”
Sesuai Harapan
Valid
2 Tidak memasukan Nama kemudian diklik tombol Daftar
Nama : (kosong)
Sistem Menolak “Please Fill Out This Field”
Sesuai Harapan
Valid
3 Tidak memasukan Alamat kemudian klik tombol daftar
Alamat: (kosong)
Sistem Menolak “Please Fill Out This Field”
Sesuai Harapan
Valid
4 Tidak memilih Kota kemudian klik tombol Daftar
Kota: (Kosong)
Sistem Menolak “Please Fill Out This Field”
Sesuai Harapan
Valid
5 Tidak No Tlp: Sistem Menolak Sesuai Valid
74
memasukan No tlp kemudian klik tombol daftar
(Kosong) “Please Fill Out This Field”
Harapan
6 Tidak memasukan Email kemudian klik tombol daftar
Email: (Kosong)
Sistem Menolak “Please Fill Out This Field”
Sesuai Harapan
Valid
7 Memasukan email tetapi kurang (@) atau (.) kemudian klik tombol daftar
Email: desiyahoocom
Sistem Menolak“Please include an ‘@’ in the email address. Desigmail.com’ is missing an ‘@’
Sesuai Harapan
Valid
8 Tidak memasukan Ulang Kata Sandi kemudian klik tombol daftar
Ulang Kata Sandi: (Kosong)
Sistem Menolak “Please Fill Out This Field”
Sesuai Harapan
Valid
B. Pengujian Data Pembeli
Tabel III.13.
Hasil Pengujian Black Box Testing Data Pembeli
No Skenario Pengujian
Test Cast Hasil yang diharapkan
Hasil Penguji
Kesimpulan
1 Tidak mengisi data
Semua textbox kosong
Sistem Menolak “Please Fill Out This Field”
Sesuai Harapan
Valid
2 Tidak memasukan Nama kemudian klik proses
Nama: (Kosong)
Sistem Menolak “Please Fill Out This Field”
Sesuai Harapan
Valid
3 Tidak memasukan Alamat kemudian klik proses
Alamat: (Kosong)
Sistem Menolak “Please Fill Out This Field”
Sesuai Harapan
Valid
75
4 Tidak mengisi Nomor Hp kemudian klik tombol proses
Nomor hp: (Kosong)
Sistem Menolak “Please Fill Out This Field”
Sesuai Harapan
Valid
5 Tidak memilih Kota Tujuan kemudian klik tombol proses
Kota Tujuan: (Select)
Sistem Menolak “Please Fill Out This Field”
Sesuai Harapan
Valid
C. Pengujian Input Barang
Tabel III.14.Hasil Pengujian Black Box Testing Isi Barang
No Skenario Pengujian
Test Cast Hasil yang diharapkan
Hasil Penguji
Kesimpulan
1 Tidak mengisi Kode Barang kemudian klik input
Kode Barang: (Kosong)
Sistem Menolak “Semua Data harus diisi”
Sesuai Harapan
Valid
2 Tidak mengisi Nama Barang kemudian klik input
Nama Barang: (Kosong)
Sistem Menolak “Semua Data harus diisi”
Sesuai Harapan
Valid
3 Tidak mengisi Warna Barang kemudian klik input
Warna Barang: (Kosong)
Sistem Menolak “Semua Data harus diisi”
Sesuai Harapan
Valid
4 Tidak mengisi Harga Barang kemudian klik input
Harga Barang: (Kosong)
Sistem Menolak “Semua Data harus diisi”
Sesuai Harapan
Valid
5 Tidak mengisi Stok Barang kemudian klik input
Stok Barang: (Kosong)
Sistem Menolak “Semua Data harus diisi”
Sesuai Harapan
Valid
6 Tidak mengisi Kategori kemudian klik input
Kategori: (Kosong)
Sistem Menolak “Semua Data harus diisi”
Sesuai Harapan
Valid