Upload
others
View
6
Download
0
Embed Size (px)
Citation preview
27
BAB III
PEMBAHASAN
3.1. Tinjauan Perusahaan
Dalam tinjauan perusahaan ini penulis akan menjelaskan sejarah dan
struktur organisasi serta fungsi masing-masing dari bagian yang ada dalam usaha
penjualan batik dan perlengkapan muslim di kota Pontianak.
3.1.1.Sejarah Perusahaan
Usaha penjualan batik dan perlengkapan muslim di kota Pontianak
merupakan perusahaan yang bergerak dalam bidang usaha ritel yang menjual
berbagai macam pakaian batik dan pakaian muslim dari anak-anak sampai orang
dewasa dengan kualitas terbaik. Usaha penjualan batik dan perlengkapan muslim
di kota Pontianak tidak hanya menjual pakaian batik saja tetapi juga menjual
permadani atau tikar, mukenah, dan peralatan-peralatan ibadah untuk muslim.
3.1.2.Struktur Organisasi dan Fungsi
Struktur organisasi adalah susunan komponen-komponen (unit-unit kerja)
dalam organisasi. Struktur organisasi menunjukkan adanya pembagian kerja dan
menunjukkan bagaimana fungsi-fungsi atau kegiatan-kegiatan yang berbeda-beda
tersebut di koordinasi. Struktur organisasi usaha penjulan batik dan perlengkapan
muslim di kota Pontianak merupakan struktur organisasi yang berbentuk garis,
dimana setiap bagian mempunyai tugas dan tanggung jawab. Didalam organisasi
28
garis tugas perencanaan, pengendalian dan pengawasan berada disatu tangga dan
garis kewenangan langsung dari pimpinan dan bawahan.
Sumber: Toko Batik Madinah Pontianak
Gambar III.1
Struktur Organisasi Usaha Penjualan Batik dan Perlengakapan Muslim di
Kota Pontianak
Adapun fungsi dari masing-masing struktur organisasi diatas adalah:
1. Pemilik
Pemilik bertugas sebagai pemimpin yang memiliki kebijakan penting yang
berkaitan dengan penjualan produk.
2. Manager
Manager bertugas membantu pemilik dalam melakukan perencanaan,
pengawasan, dan pengevaluasi serta bertanggung jawab dalam pembinaan
karyawan.
3. Kasir
Kasir bertugas sebagai untuk mencatat dan menerima semua transaksi
penjualan dan memberikan pelayanan yang maksimal kepada pelanggan.
Pemilik
Manager
KaryawanKasir
29
4. Karyawan
Karyawan bertugas melayani pelanggan atau pembeli secara maksimal,
berinisiatif dalam memberikan layanan, menjual dan mempromosikan setiap
produk.
3.2. Analisa Kebutuhan
3.2.1.Analisa Kebutuhan Pengguna
Dalam pembuatan aplikasi e-commerce berbasis website, analisa kebutuhan
pengguna terdapat 3 kebutuhan yaitu:
1. Kebutuhan Admin
Kebutuhan admin meliputi mengelola data produk seperti menambah,
menghapus dan mengedit data produk serta mengelola data transaksi atau
orderan pada pelanggan.
2. Kebutuhan Pelanggan
Pelanggan dapat melakukan pembelian dengan melakukan menambahkan
produk yang dipilih kedalam keranjang belanjaan atau cart setelah itu
melakukan checkout dengan mengisi biodata dan rekening bank. Pelanggan
juga dapat melakukan penjualan dengan memasukkan nama toko serta produk
ke dalam website yang nantinya akan disetujui oleh admin.
3. Kebutuhan Pengunjung
Pengunjung hanya bisa melihat produk dari batik dan perlengkapan muslim
untuk melakukan pembelian dan penjualan pengunjung harus login terlebih
dahulu.
30
3.2.2.Analisa Kebutuhan Sistem
Dalam kebutuhan sistem langkah pertama dalam menganalisa sebuah sistem
adalah mengidentifikasi masalah yang ada dalam sistem tersebut. Subjek
permasalahan yang terjadi pada usaha penjualan batik dan perlengkapan di kota
Pontianak yang belum memaksimalkan penggunaan teknologi informasi dalam
sistem penjualan produknya. Adapun analisa kebutuhuhan sistem dari segi
informasi, waktu, keuangan, dan keamanan, yaitu:
Tabel III.1
Analisa Kebutuhan Sistem
ANALISA SISTEM LAMA SISTEM YANG DIAJUKAN
Informasi Produk yang ditampilkan hanya
produk yang dipajang diluar
tempat penjualan sehingga
konsumen hanya mengetahui
sedikit produk.
Dengan aplikasi e-commerce
berbasis website ini, konsumen
dapat mengetahui macam-
macam produk yang dijual.
Waktu Konsumen diharuskan datang ke
tempat penjualan untuk melihat
atau membeli produk.
Dengan aplikasi e-commerce
berbasis website ini, konsumen
bisa melihat atau membeli
produk lewat komputer atau
smartphone dengan jaringan
internet.
31
Keuangan Pencatatan transaksi penjualan
masih melakukan dengan
mencatat di nota atau buku yang
memakan biaya pengadaan tinta
dan kertas.
Dengan aplikasi e-commerce
berbasis website ini, pencatatan
transaksi penjualan akan
tersimpan di database yang bisa
menampung banyak pencatatan
transaksi penjualan bahkan tidak
terbatas.
Keamanan Data produk, data penjualan
masih dalam pencatatan di buku
yang sangat mudah hilang bahkan
di salah gunakan oleh orang yang
tidak bertanggung jawab.
Dengan aplikasi e-commerce
berbasis website ini, data produk
dan penjualan serta pelanggan
akan tersimpan di dalam
database oleh komputer maka
data akan jauh lebih aman dan
terorganisir. Serta hanya admin
yang bisa mengakses data
tersebut.
3.3. Perancangan Perangkat Lunak
Untuk menghasilkan suatu perancangan aplikasi e-commerce berbasis
website yang baik diperlukan suatu bentuk dan keluaran sebagai berikut:
3.3.1.Rancangan Antarmuka
Rancangan antarmuka merupakan rancangan interface yang akan digunakan
sebagai perantara user dengan perangkat lunak yang dikembangkan. Rancangan
interface dari website e-commerce usaha penjualan batik dan perlengkapan
muslim adalah sebagai berikut:
32
1. Rancangan Antarmuka Halaman Utama
Gambar III.2
Rancangan Antarmuka Halaman Utama
2. Rancangan Antarmuka Halaman Tentang Kami
Gambar III.3
Rancangan Antarmuka Halaman Tentang Kami
33
3. Rancangan Antarmuka Halaman Cara Pembayaran
Gambar III.4
Rancangan Antarmuka Halaman Cara Pembayaran
4. Rancangan Antarmuka Form Detail Produk
Gambar III.5
Rancangan Antarmuka Form Detail Produk
34
5. Rancangan Antarmuka Halaman Keranjang Belanjaan
Gambar III.6
Rancangan Antarmuka Halaman Keranjangan Belanjaan
6. Rancangan Antarmuka Form Checkout
Gambar III.7
Rancangan Antarmuka Form Checkout
35
7. Rancangan Antarmuka Halaman Login Admin
Gambar III.8
Rancangan Antarmuka Halaman Login Admin
8. Rancangan Antarmuka Halaman Order Produk
Gambar III.9
Rancangan Antarmuka Halaman Order Produk
36
9. Rancangan Antarmuka Halaman Brand Produk dan Tambah Brand
Gambar III.10
Rancangan Antarmuka Halaman Brand Dan Tambah Brand Produk
10. Rancangan Antarmuka Halaman Edit Brand Produk
Gambar III.11
Rancangan Antarmuka Halaman Edit Brand Produk
37
11. Rancangan Antarmuka Halaman Data Produk
Gambar III.12
Rancangan Antarmuka Halaman Data Produk
12. Rancangan Antarmuka Halaman Tambah Produk
Gambar III.13
Rancangan Antarmuka Halaman Tambah Produk
38
13. Rancangan Antarmuka Halaman Arsip Produk
Gambar III.14
Rancangan Antarmuka Halaman Arsip Produk
14. Rancangan Antarmuka Halaman Anggota Admin
Gambar III.15
Rancangan Antarmuka Halaman Anggota Admin
39
15. Rancangan Antarmuka Halaman Tambah Anggota Admin
Gambar III.16
Rancangan Antarmuka Halaman Tambah Anggota Admin
16. Rancangan Antarmuka Halaman Ganti Password Admin
Gambar III.17
Rancangan Antarmuka Halaman Ganti Password Admin
40
3.3.2.Rancangan Basis Data
A. Entity Relationship Diagram
Gambar III.18
Entity Relationship Diagram
41
B. Logical Relational Structure (LRS)
Gambar III.19
Logical Relational Structure
42
C. Spesifikasi File
Spesifikasi file pada website yang penulis rancang membahas mengenai
keseluruhan tabel yang terdapat di dalam database. Di dalam database ini
terdapat beberapa tabel yang berisi field atau kolom beserta kunci dari tiap tabel
yang ada, sehingga terbentuklah data yang saling berhubungan. Berikut adalah
penjelasan dari spesifikasi file tersebut:
1. Spesifikasi File Tabel Admin
Nama File : admin
Akronim : admin
Fungsi : untuk menyimpan data admin
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang record : 181
Kunci Field : id
Tabel III.2
Spesifikasi File Tabel Admin
No Elemen Data Nama Field Type Size Ket
1 Id Admin id_admin int 11 Primary key
2 Nama Admin nama_admin varchar 50
3 Email email varchar 50
4 Password password varchar 70
5 Join date join_date datetime -
43
6 Last Login last_login datetime -
2. Spesifikasi File Tabel Brand
Nama File : brand
Akronim : brand
Fungsi : untuk menyimpan data brand
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang record : 36
Kunci Field : id
Tabel III.3
Spesifikasi File Tabel Brand
No Elemen Data Nama Field Type Size Ket
1 Id Brand id_brand int 11 Primary key
2 Brand brand varchar 25
3. Spesifikasi File Tabel Cart
Nama File : cart
Akronim : cart
Fungsi : untuk menyimpan data keranjang belanjaan
Tipe File : File Master
Organisasi File : Indexed Sequential
44
Akses File : Random
Media : Harddisk
Panjang record : 16
Kunci Field : id
Tabel III.4
Spesifikasi File Tabel Cart
No Elemen Data Nama Field Type Size Ket
1 Id Cart id_cart int 11 Primary key
2 Items items text -
3 Expire Date expire_date datetime -
4 Paid paid tinyint 4
4. Spesifikasi File Tabel Kategori
Nama File : kategori
Akronim : kategori
Fungsi : untuk menyimpan data kategori
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang record : 42
Kunci Field : id
45
Tabel III.5
Spesifikasi File Tabel Kategori
No Elemen Data Nama Field Type Size Ket
1 Id Kategori id_kategori int 11 Primary key
2 Kategori kategori varchar 20
3 Cabang cabang int 11
5. Spesifikasi File Tabel Produk
Nama File : produk
Akronim : produk
Fungsi : untuk menyimpan data produk
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang record : 206
Kunci Field : id
Tabel III.6
Spesifikasi File Tabel Produk
No Elemen Data Nama Field Type Size Ket
1 Id Produk id_produk int 11 Primary key
2 Nama nama varchar 50
3 Harga harga int 11
4 Brand brand int 11
46
5 Kategori kategori varchar 20
6 Foto foto varchar 70
7 Deskripsi deskripsi text -
8 Ukuran ukuran text -
9 Featured featured tinyint 4
10 Deleted deleted tinyint 4
11 Penjual penjual varchar 25
6. Spesifikasi File Tabel Transaksi
Nama File : transaksi
Akronim : transaksi
Fungsi : untuk menyimpan data transaksi
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang record : 312
Kunci Field : id
Tabel III.7
Spesifikasi File Tabel Transaksi
No Elemen Data Nama Field Type Size Ket
1 Id Transaksi id_transaksi int 11 Primary key
2 Cart Id cart_id int 11
3 Nama Lengkap nama_lengkap varchar 50
47
4 Email email varchar 50
5 Alamat alamat varchar 150
6 Nomor Telepon nomor_telepon varchar 20
7 Bank bank varchar 20
8 Rekening rekening varchar 20
9 Sub Total sub_total int 11
10 Grand Total grand_total int 11
11Tanggal
Pembeliantanggal_pembelian datetime -
7. Spesifikasi File Tabel Pelanggan
Nama File : pelanggan
Akronim : pelanggan
Fungsi : untuk menyimpan data pelanggan
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang record : 181
Kunci Field : id
Tabel III.8
Spesifikasi File Tabel Pelanggan
No Elemen Data Nama Field Type Size Ket
1 Id Pelanggan id_pelanggan int 11 Primary key
48
2Nama
Pelanggannama_pelanggan varchar 50
3 Email email varchar 50
4 Password password varchar 70
5 Join date join_date datetime -
6 Last Login last_login datetime -
8. Nama File : penjual
Akronim : penjual
Fungsi : untuk menyimpan data penjual
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang record : 36
Kunci Field : id
Tabel III.9
Spesifikasi File Tabel Penjual
No Elemen Data Nama Field Type Size Ket
1 Id Penjual id_penjual int 11 Primary key
2 Penjual penjual varchar 25
49
3.3.3.Rancangan Struktur Navigasi
Struktur bavigasi pada website e-commerce ini berfungsi untuk
memperlihatkan keseluruhan dari isi website beserta hubungan antar isi.
Gambar III.20
Struktur Navigasi Halaman Pengunjung
Gambar III.21
Struktur Navigasi Halaman Admin
50
Gambar III.22
Struktur Navigasi Halaman Seller
3.4. Implementasi dan Pengujian Unit
3.4.1. Implementasi
A. Implementasi Rancangan Antarmuka
Rancangan Antarmuka pada website E-Commerce usaha penjualan batik dan
perlengkapan muslim di kota Pontianak ini sebagai berikut:
1. Halaman Utama
Halaman utama ini menampilkan informasi mengenai website e-commerce
usaha penjualan batik dan perlengkapan muslim di kota Pontianak, yang
terdiri dari menu utama, menu kategori, dan lain-lainnya. Untuk melihat
produk serta membeli bisa menekan tombol detail dan adapun pencarian
singkat untuk mencari nama brand dan harga murah ke mahal juga
sebaliknya.
51
Gambar III.23
Halaman Utama
2. Halaman Modul Detail
Pada modul detial berisi tentang foto produk yang lebih jelas, ulasan
keterangan produk yang terdiri nama produk, merk, harga dan keterangan
lainnya.
Gambar III.24
Halaman Modul Detail
52
3. Halaman Cart atau Keranjang Belanjaan
Halaman ini menampilkan daftar pesanan produk sementara oleh pelanggan
yang bisa diperbarui pesanannya. Pada halaman ini berisi nama barang,
harga, jumlah barang, ukuran, harga total, biaya pengiriman serta total
jumlah keseluruhan.
Gambar III.25
Halaman Cart atau Keranjang Belanjaan
4. Halaman Form Checkout
Pada halaman ini pelanggan diminta untuk mengkonfirmasi produk yang
dibeli dengan mengisi biodata diri yang berisi nama lengkap, alamat
lengkap, email, nomor telepon, bank dan nomor rekening.
53
Gambar III.26
Halaman Form Checkout
5. Halaman Login Admin
Halaman login merupakan syarat untuk mengakses halaman admin, pada
halaman ini disediakan form untuk mengisi email dan password serta link
untuk menuju ke website e-commerce Toko Batik Madinah.
Gambar III.27
Halaman Login Admin
54
6. Halaman Admin dan Data Order Produk
Halaman admin ini merupakan administrasi yang hanya bisa diakses setelah
validasi form login dilakukan langsung masuk ke halaman data order
produk. Pada halaman ini terdapat menu brand untuk mengatur data brand
produk, menu produk untuk mengatur data produk, arsip untuk
mengembalikan produk yang sudah terhapus, anggota admin yang berisi
anggota admin, menu yang menampilkan nama admin yang login yang
berisi ubah password dan logout.
Gambar III.28
Halaman Admin dan Data Order Produk
7. Halaman Brand Produk
Pada halaman ini terdapat brand atau merk-merk dari produk yang dijual
serta tambah brand dan edit brand.
55
Gambar III.29
Halaman Tambah Brand
Gambar III.30
Halaman Edit Brand
8. Halaman Data Produk dan Tambah Produk
Pada halaman ini menampilkan data produk dan halaman tambah produk
serta memperbarui data produk. Produk yang ada akan ditampilkan pada
website e-commerce usaha penjualan batik dan perlengkapan muslim di kota
Pontianak.
56
Gambar III.31
Halaman Data Produk
Gambar III.32
Halaman Tambah Produk
9. Halaman Arsip Produk
Halaman arsip ini merupakan halaman yang menyimpan data produk yang
sudah dihapus agar bisa di kembalikan ke data produk.
57
Gambar III.33
Halaman Arsip Produk
10. Halaman Anggota Admin dan Tambah Anggota Admin
Pada Halaman anggota admin menampilkan nama admin, email, tanggal
bergabung, terakhir login serta hapus anggota. Lalu pada halaman tambah
anggota admin berisi form nama lengkap, email, password, dan ulangi
password.
Gambar III.34
Halaman Anggota Admin
58
Gambar III.35
Halaman Form Tambah Anggota Admin
11. Halaman Ganti Password Admin
Halaman ini berfungsi untuk mengubah atau mengganti password admin
yang berisi form password lama, password baru, dan ulangi password baru.
Gambar III.36
Halaman Ganti Password Admin
59
12. Halaman Utama Seller
Halaman ini berfungsi untuk pelanggan yang ingin menjual produknya
dengan berbagai fitur yaitu mengecek data transaksi, pendapatan, mengedit
nama toko dan brand serta menambah produk.
Gambar III.37
Halaman Utama Seller
13. Halaman Data Transaksi Seller
Halaman ini berfungsi untuk melihat data transaksi oleh pelanggan yang
membeli produk.
Gambar III.38
Halaman Data Transaksi Seller
60
14. Halaman Pendapatan Seller
Halaman ini berfungsi untuk melihat pendapatan seller dalam pertahun dan
perbulan.
Gambar III.39
Halaman Pendapatan Seller
B. Spesifikasi Sistem Komputer
Berikut ini adalah spesifikasi perangkat keras dan perangkat lunak minimum
yang dibutuhkan untuk mengimplementasikan aplikasi e-commerce usaha
penjualan batik dan perlengkapan muslim di kota Pontianak.
1. Spesifikasi Perangkat Keras
a. CPU
1) Core (TM) i3-2350M CPU @2.30GHz 2.30 GHz
2) RAM DDR2 2 GB
3) Hard Disk 500 GB
b. Mouse
c. Keyboard
61
d. Monitor dengan resolusi layar minimum 1024x768
e. Koneksi internet dengan kecepatan 2 Mbps.
2. Spesifikasi Perangkat Lunak
a. Server
1) Sistem operasi yang digunakan seperti: Microsoft Windows dan
Linux
2) Aplikasi bundle web server seperti: Xampp, WampServer,
php2triad yang terdiri dari beberapa komponen, diantaranya:
a) Aplikasi Apache Server v2
b) Aplikasi PHP Server v5
c) Aplikasi MySQL Server v5
d) Aplikasi phpMyAdmin v3
3) Aplikasi Web Lihatr seperti Mozilla Firefox, Opera, Safari,
Internet Explorer, Google Chrome.
b. Client
1) Sistem operasi yang umum digunakan seperti: Microsoft Windows
atau Linux (Ubuntu, Fedora, dan lain-lain).
2) Aplikasi web browser seperti Mozilla Firefox, Opera, Safari,
Internet Explorer, Google Chrome.
62
3.4.2.Pengujian Unit
Pengujian terhadap program yang dibuat menggunakan blackbox testing
yang fokus terhadap proses masukan dan keluaran program.
A. Pengujian Form Login
Tabel III.10
Pengujian Form Login
No Skenario
Pengujian
Test Case Hasil yang
diharapkan
Hasil
Pengujian
Kesimpulan
1. Email dan
password
tidak diisi
kemudian
klik
tombol
login
Email:
(kosong)
Password:
(kosong)
Sistem akan
menolak akses
user dan
menampilkan
“anda harus
mengisi email
atau
password”
Sesuai
harapan
Valid
2. Email
diisi
dengan
benar dan
password
tidak diisi
kemudian
klik login
Email:
(adm@gmai
l.com)
Password:
(kosong)
Sistem akan
menolak akses
user dan
menampilkan
“anda harus
mengisi email
atau
password”
Sesuai
harapan
Valid
63
3. Email
tidak diisi
dan
password
diisi benar
kemudian
klik login
Email:
(kosong)
Password:
(123456)
Sistem akan
menolak akses
user dan
menampilkan
“anda harus
mengisi email
atau
password”
Sesuai
harapan
Valid
4. Mengetikk
an email
benar dan
password
salah lalu
klik login
Email:
(adm@gmai
l.com)
Password:
(Uvewe)
Sistem akan
menolak akses
user dan
menampilkan
“password
anda salah,
coba ulangi
lagi”
Sesuai
harapan
Valid
5. Mengetikk
an email
benar dan
password
benar lalu
klik login
Email:
(adm@gmai
l.com)
Password:
(123456)
Sistem akan
menerima
akses user dan
menampilkan
“Anda sudah
login ke dalam
administator”
ke halaman
Sesuai
harapan
Valid
64
utama admin
B. Pengujian Input Tambah Produk
Tabel III.11
Pengujian Input Tambah Produk
No Skenario
Pengujian
Test Case Hasil yang
diharapkan
Hasil
Pengujian
Kesimpulan
1. Semua
kolom tidak
diisi lalu
klik tambah
produk
Nama: (kosong)
Brand: (kosong)
Kategori:
(kosong)
Isi Kategori:
(kosong)
Harga:
(kosong)
Ukuran dan Stok:
(kosong)
Foto:
(kosong)
Sistem akan
menampilkan
“isi semua
kolom”
Sesuai
harapan
Valid
2. Mengetikka
n semua
kolom
kecuali
kolom
harga lalu
Nama: (diiisi)
Brand: (diisi)
Kategori: (diisi)
Isi Kategori:
(diisi)
Harga:
Sistem akan
menampilkan
“isi semua
kolom”
Sesuai
harapan
Valid
65
klik tambah
barang
(kosong)
Ukuran dan Stok:
(diisi)
Foto:
(diupload)
3. Memasukk
an semua
kolom dan
foto berupa
file video
Nama: (diiisi)
Brand: (diisi)
Kategori: (diisi)
Isi Kategori:
(diisi)
Harga:
(210000)
Ukuran dan Stok:
(diisi)
Foto:
(a.mp4)
Sistem akan
menampilkan
“File harus
berupa foto”
“Nama file
harus Png,
Jpg, Jpeg,
atau Gif”
Sesuai
harapan
Valid
4 Memasukk
an semua
kolom dan
foto lebih
dari 15MB
Nama: (diiisi)
Brand: (diisi)
Kategori: (diisi)
Isi Kategori:
(diisi)
Harga:
(210000)
Ukuran dan Stok:
(diisi)
Foto:
Sistem akan
menampilkan
“File harus
berupa foto”
“Nama file
harus Png,
Jpg, Jpeg,
atau Gif”
Sesuai
harapan
Valid
66
(18MB.jpg)
5. Memasuka
n semua
kolom dan
file foto
dengan
benar
Nama: (diiisi)
Brand: (diisi)
Kategori: (diisi)
Isi Kategori:
(diisi)
Harga:
(210000)
Ukuran dan Stok:
(diisi)
Foto:
(1MB.jpg)
Sistem akan
menerima
data
menampilkan
data produk
Sesuai
harapan
Valid