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


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


Simpan Batal

43


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


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


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


46


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




47


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




48


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




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



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


Akses File : Random

Media : Harddisk


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



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



Akses File : Random

Media : Harddisk

Panjang Record : 40


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



Akses File : Random

Media : Harddisk

Panjang Record : 40


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



56

Akses File : Random

Media : Harddisk


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



Akses File : Random

Media : Harddisk

57


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



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



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



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)


Sesuai Harapan

Valid

3 Tidak memasukan Alamat kemudian klik tombol daftar

Alamat: (kosong)


Sesuai Harapan

Valid

4 Tidak memilih Kota kemudian klik tombol Daftar

Kota: (Kosong)


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)


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)


Sesuai Harapan

Valid

B. Pengujian Data Pembeli

Tabel III.13.

Hasil Pengujian Black Box Testing Data Pembeli



Hasil Penguji

Kesimpulan

1 Tidak mengisi data

Semua textbox kosong


Sesuai Harapan

Valid

2 Tidak memasukan Nama kemudian klik proses

Nama: (Kosong)


Sesuai Harapan

Valid

3 Tidak memasukan Alamat kemudian klik proses

Alamat: (Kosong)


Sesuai Harapan

Valid

75

4 Tidak mengisi Nomor Hp kemudian klik tombol proses

Nomor hp: (Kosong)


Sesuai Harapan

Valid

5 Tidak memilih Kota Tujuan kemudian klik tombol proses

Kota Tujuan: (Select)


Sesuai Harapan

Valid

C. Pengujian Input Barang

Tabel III.14.Hasil Pengujian Black Box Testing Isi Barang



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)


Sesuai Harapan

Valid

3 Tidak mengisi Warna Barang kemudian klik input

Warna Barang: (Kosong)


Sesuai Harapan

Valid

4 Tidak mengisi Harga Barang kemudian klik input

Harga Barang: (Kosong)


Sesuai Harapan

Valid

5 Tidak mengisi Stok Barang kemudian klik input

Stok Barang: (Kosong)


Sesuai Harapan

Valid

6 Tidak mengisi Kategori kemudian klik input

Kategori: (Kosong)


Sesuai Harapan

Valid

repository.bsi.ac.id · web viewberikut adalah tampilan halaman admin. berikut adalah tampilan...

Documents