BAB III PEMBAHASAN · produk yang dipilih kedalam keranjang belanjaan atau cart setelah itu...

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.


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.


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.


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



Akses File : Random

Media : Harddisk

Panjang record : 36

Kunci Field : id

Tabel III.3

Spesifikasi File Tabel Brand


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



44

Akses File : Random

Media : Harddisk

Panjang record : 16

Kunci Field : id

Tabel III.4

Spesifikasi File Tabel Cart


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



Akses File : Random

Media : Harddisk

Panjang record : 42

Kunci Field : id

45

Tabel III.5

Spesifikasi File Tabel Kategori


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



Akses File : Random

Media : Harddisk


Kunci Field : id

Tabel III.6

Spesifikasi File Tabel Produk


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



Akses File : Random

Media : Harddisk


Kunci Field : id

Tabel III.7

Spesifikasi File Tabel Transaksi


1 Id Transaksi id_transaksi int 11 Primary key

2 Cart Id cart_id int 11

3 Nama Lengkap nama_lengkap varchar 50

47


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



Akses File : Random

Media : Harddisk


Kunci Field : id

Tabel III.8

Spesifikasi File Tabel Pelanggan


1 Id Pelanggan id_pelanggan int 11 Primary key

48

2Nama

Pelanggannama_pelanggan 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



Akses File : Random

Media : Harddisk

Panjang record : 36

Kunci Field : id

Tabel III.9

Spesifikasi File Tabel Penjual


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

BAB III PEMBAHASAN · produk yang dipilih kedalam keranjang belanjaan atau cart setelah itu...

Documents

Transcript of BAB III PEMBAHASAN · produk yang dipilih kedalam keranjang belanjaan atau cart setelah itu...