BAB III PEMBAHASAN. dikelompokan dalam 5 tingkatan yang akan mengakses aplikasi yaitu: input, proses, Tabel III.1. NO.

Teks penuh

(1)

31

PEMBAHASAN

3.1. Analisa Kebutuhan

3.1.1. Analisa Kebutuhan Sistem

Analisa yang akan dibangun ini memiliki kebutuhan sistem dapat dikelompokan dalam 5 tingkatan yang akan mengakses aplikasi yaitu: input, proses, output, performance,control

Tabel III.1.

Kebutuhan Sistem

NO. Kebutuhan Sistem Keterangan

1. Input Admin melakukan login

Admin melakukan input barang Pelanggan melakukan login Pelanggan melakukan transaksi

Pelanggan melakukan cetak bukti transaki

2. Proses Sistem proses login , untuk bisa melakukan

pembelian

3. Output Admin dapat memodifikasi data kategori

4. Performance Sistem meningkatkan keamanan untuk admin

5. Control Sistem pencatatan transaksi langsung tersimpan ke

database.

Sistem membuat keamanan untuk semua member dan admin.

(2)

3.1.2. Analisa Kebutuhan Pengguna

Analisa yang akan dibangun ini memiliki kebutuhan informasi dapat dikelompokan dalam 3 tingkatan yang akan mengakses aplikasi yaitu: admin, pengunjung dan pelanggan.

Tabel III.2.

Kebutuhan Pengguna

NO. Kebutuhan Pengguna Keterangan

1. Admin a. Tentang administrator merupakan tingkatan tertinggi yang dapat mengakses seluruh bagian dari database. Mempunyai hak penuh untuk verifikasi data user dan memelihara isi dari database. Administrator juga diberikan hak untuk menambah, mengubah maupun menghapus data atau informasi yang ada.

b. Status pembayaran

Merubah status user dari pesan menjadi lunas setelah user melakukan transfer. 2. Pengunjung a. Pengunjung hanya bisa melihat informasi

produk, cara belanja, dan Tanya jawab. Jika ingin mengakses data pembelian produk, pengunjung bisa mendaftar untuk menjadi

(3)

pelanggan terlebih dahulu.

3. Pelanggan a. Pelanggan masuk ke halaman utama web kemudian pilih produk (beli) secara otomatis produk yang telah dipilih masuk ke dalam shopping cart atau keranjang belanja, b. pelanggan bisa mengubah jumlah pembelian

dan membatalkan pembelian produk.

c. pelanggan bisa mencetak bukti daftar pemesanan produk tersebut dan melakukam transaksi melalui ATM dengan cara mentransfer grand total yang sudah tertera di “cetak lengkap pemesanan produk”. d. Untuk melakukan konfirmasi pembayaran,

pelanggan bisa masuk ke menu konfirmasi dan mengisi data konfirmasi yang tertera di kolom transaksi.

(4)

3.2. Perancangan Perangkat Lunak 3.2.1. Rancangan Antar Muka A. Rancangan Antar Muka Admin

1. Rancangan Antar Muka Halaman Login Admin

Halaman login admin yang terdiri dari username dan password dimana halaman ini akan muncul pertama kali pada rancangan antar muka admin untuk mengakses sistus administrator website.

Gambar III.1.

Halaman Antar muka login admin

2. Rancangan Antarmuka Halaman Utama Admin

Halaman admin ini dibuat untuk admin dapat mengatur keseluruhan isi website seperti : menambahkan, mengedit, menghapus, mengupdate, dan melihat laporan pembelian

(5)

Gambar III.2 Halaman Utama Admin

3. Rancangan Antarmuka Halaman Ganti Password Admin

Halaman ini terdiri dari ubah password untuk Admin dapat mengubah data password

Gambar III.3

(6)

4. Rancangan Antarmuka Admin ( Data Provinsi )

Halaman ini berisi data kota dan harga pegiriman ke kota tujuan dan menghapus data

kota.

Gambar III.4 Data Provinsi

(7)

5. Rancangan Antarmuka Admin ( Data Kategori )

Halaman ini berisi data kategori didalam website, admin dapat menghubah, menghapus atau menambahkan kategori pada halaman ini.

Gambar III.5

(8)

B. Rancangan Antar Muka Pengunjung

Rancangan Antar Muka Pengunjung ( Halaman Utama ) Halaman yang bisa diakses oleh seluruh pengunjung, halaman ini berisi form login, beranda, profil, produk, cara belanja, status, dan pencarian produk.

Gambar III.6

(9)

1. Rancangan Antar Muka Pelanggan ( Pendaftaran pelanggan baru )

Halaman yang bisa diakses oleh pengunjung yang belum menjadi pelanggan yang sudah aktif menjadi member, halaman ini berisi form pendaftaran pelanggan baru.

Gambar III.7

(10)

2. Rancangan Antar muka pelanggan (Produk)

Halaman yang bisa diakses oleh pelanggan yang sudah melakukan login, halaman ini berisi form produk , pelanggan dapat melihat detail barang dan melakukan pembelian produk.

Gambar III.8

Halaman Antarmuka Pelanggan (Produk)

(11)

3. Rancangan antar muka pelanggan ( cara membeli )

Halaman ini berisi mengenai penjelasan cara membeli di Citra Collection

Gambar III.9

(12)

4. Rancangan Antarmuka Pelanggan ( Daftar Pemesanan Pelanggan )

Halaman ini berisi seputar daftar produk yang sudah di pesan oleh member .

Gambar III.10

(13)

5. Rancangan Antarmuka Pelanggan ( Konfirmasi Pembelian)

Halaman konfirmasi berfungsi apabila pelanggan sudah melakukan transaksi melalui transfer, maka diharuskan untuk mengkonfirmasi bukti pembayaran untuk selanjutnya produk itu bisa segera dikirim.

Gambar III.11

(14)

3.2.2 Basis Data

A. Entity Relationship Diagram (ERD)

(15)

B . Logical Relationship Structure (LRS)

(16)

C. Spesifikasi File

Di dalam perancangan website sistem informasi penjualan ini penulis menggunakan satu database dengan nama gamisdb. Berikut adalah spesifikasi dari tabel-tabel di dalam database gamisdb:

1. Spesifikasi Tabel Admin

Database : gamisdb

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 : 62 byte Kunci Field : id

Software : Mysql

Tabel III.3

Spesifikasi Tabel Admin

No Elemen Data Nama Field Tipe Size Keterangan 1 2 3 Identitas Username Password Id Username Password Interger Varchar Varchar 2 10 50 Primary Key

(17)

2. Spesifikasi Tabel Barang Database : gamisdb Nama File : Barang Akronim : Barang

Fungsi : Untuk menyimpan data barang Tipe File : File Master

Organisasi File : Indexed Sequential Akses File : Random

Media : Harddisk Panjang record : 107 byte Kunci Field : Kd_Barang Software : Mysql

Tabel III.4

Spesifikasi Tabel Barang

No Elemen Data Nama Field Tipe Size Keterangan 1 2 3 4 5 6 7 8 Kode Barang Nama Barang Harga Modal Harga Jual Stok Barang Keterangan File Gambar Identitas Kd_Barang Nm_Barang Harga_Modal Harga_Jual Stok Keterangan File_Gambar Id Char Varchar Interger Interger Interger Text Varchar Char 5 50 12 12 4 20 4

(18)

3. Spesifikasi Tabel Kategori Database : gamisdb Nama File : Kategori Akronim : Kategori

Fungsi : Menampilkan Data Kategori Tipe File : File Master

Organisasi File : Indexed Sequential Akses File : Random

Media : Harddisk Panjang record : 17 byte Kunci Field : Id Software : Mysql

Tabel III.5

Spesifikasi Tabel Kategori

No Elemen Data Nama Field Tipe Size Keterangan 1 2 Identitas Kategori Id Kategori Interger Varchar 2 15 Primary Key

(19)

4. Spesifikasi Tabel Konfirmasi Database : gamisdb Nama File : Konfirmasi Akronim : Konfirmasi

Fungsi : Untuk menyimpan data konfirmasi pemesanan Tipe File : File Transaksi

Organisasi File : Indexed Sequential Akses File : Random

Media : Harddisk Panjang record : 54 byte Kunci Field : Id Software : Mysql

Tabel III.6

Spesifikasi Tabel Konfirmasi

No. Elemen data Nama Field Tipe Size Ket

1. 2. 3. 4. 5. 6. Identitas No Pelanggan Nama Pelanggan Jumlah Transfer Keterangan Tanggal Id no_pemesanan nm_pelanggan jumlah_transfer Keterangan Tanggal Interger Varchar Varchar Int Text Date 4 8 30 12 - Primary Key Foreign Key

(20)

5. Spesifikasi Tabel Pelanggan Nama File : Pelanggan Akronim : Pelanggan

Fungsi : Untuk menyimpan data pembeli Tipe File : File Master

Organisasi File : Indexed Sequential Akses File : Random

Media : Hardisk

Panjang record : 176

Kunci Field : kd_pelanggan

Software : Mysql

Tabel III.7

Spesifikasi Tabel Pelanggan

No. Elemen data Nama Field Tipe Size Ket 1. 2. 3. 4. 5. 6. 7. 8. Kode Pelanggan Nama Pelanggan Kelamin Email Nomer Telfon Username Password Tanggal Daftar Kd_Pelanggan Nm_Pelanggan Kelamin Email No_Telepon Username Password Tgl_daftar Char Varchar Enum Varchar Varchar Varchar Varchar Date 6 30 - 50 20 20 50 - Primary Key

(21)

6. Spesifikasi Tabel Pemesanan Nama File : pemesanan

Akronim : pemesanan

Fungsi : Untuk menyimpan dan memesan barang Tipe File : File Master

Organisasi File : Indexed Sequential Akses File : Random

Media : Hardisk

Panjang record : 153

Kunci Field : no_pemesanan

Software : Mysql

Tabel III.8

Spesifikasi Tabel Pemesanan

No. Elemen data Nama Field Tipe Size Ket

1. 2. 3. 4. 5. 6. 7. 8. 9. 10. Nomer Pemesanan Kode Pelanggan Tanggal Pemesanan Nama Penerima Alamat Lengkap Kode Provinsi Kota Kode Pos Nomet Telepon Status Pembayaran no_pemesanan kd_pelanggan tgl_pemesanan nama_penerima alamat_lengkap kd_provinsi kota kode_pos no_telepon status_bayar Char Char Date Varchar Varchar Char Varchar Varchar Varchar Enum 8 6 - 30 50 3 30 6 20 - Primary Key Foreign Key

(22)

7. Spesifikasi Tabel Pemesanan Item Nama File : pemesanan item Akronim : pemesanan item

Fungsi : Untuk menyimpan dan memesan per item Tipe File : File Master

Organisasi File : Indexed Sequential Akses File : Random

Media : Hardisk

Panjang record : 32 Kunci Field : id

Software : Mysql

Tabel III.9

Spesifikasi Tabel Pemesan Item

No. Elemen data Nama Field Tipe Size Ket 1. 2. 3. 4. 5. Identitas Nomer Pemesanan Kode Barang Harga Jumlah Id no_pemesanan kd_barang harga jumlah Interger Char Char Char Interger 4 8 5 12 3 Primary Key

(23)

8. Spesifikasi Tabel Provinsi Nama File : provinsi Akronim : provinsi

Fungsi : Untuk mengetahui daerah pemesanan konsumen Tipe File : File Master

Organisasi File : Indexed Sequential Akses File : Random

Media : Hardisk

Panjang record : 45

Kunci Field : kd_provinsi

Software : Mysql

Tabel III.10

Spesifikasi Tabel Provinsi

No. Elemen data Nama Field Tipe Size Ket

1. 2. 3. kd_provinsi nm_provinsi biaya_kirim kd_provinsi nm_provinsi biaya_kirim Char Varchar Int 3 30 12 Primary Key

(24)

1. Spesifikasi Tabel Tempat Keranjang Nama File : tempat keranjang Akronim : tmp_keranjang

Fungsi : Untuk menyimpan data pemesanan beli Tipe File : File Master

Organisasi File : Indexed Sequential Akses File : Random

Media : Hardisk

Panjang record : 31 Kunci Field : id

Software : Mysql

Tabel III.11

Spesifikasi Tabel Tempat Keranjang No. Elemen data Nama Field Tipe Size Ket 1. 2. 3. 4. 5. 6. Id kode_barang harga jumlah tanggal kd_pelanggan id_keranjang kd_barang Harga Jumlah Tanggal Kd_pelanggan Int Char Int Varchar Date Char 5 5 12 3 - 6 Primary Key Foreign Key Foreign Key

(25)

3.2.3. Struktur Navigasi

A. Struktur Navigasi Admin

Laporan Data

barang Login

Beranda Password admin Data provinsi Data kategori Data pelanggan Pemesan barang Konfirmasi Transfer Logout Pemesanan bayar From ganti password Delete

komfirmasi Laporan barang Delete pelanggan Laporan pemesanan lunas periode Laporan kategori Pemesan lihat Laporan pemesanan lunas tanggal Pemesan tampil Laporan pelanggan Laporan pemesanan masuk periode

(26)

B. Struktur Navigasi Pengunjung

(27)

C. Struktur Navigasi Member

(28)

3.3. Implementasi dan Pengujian Unit 3.3.1. Implementasi

A. Implementasi Rancangan Antar Muka 1. Halaman Login Admin

Administrator harus melakukan login terlebih dahulu untuk dapat

menggunakan modul-modul yang tersedia Jika login berhasil, maka menu-menu yang sesuai dengan kategori user tersebut akan ditampilkan.

Gambar III.17 Halaman Login Admin

(29)

2. Halaman Beranda Admin

Halaman ini adalah halaman beranda ketika Administrator sudah melakukan login

Gambar III.18 Halaman Beranda Admin

(30)

3. Halaman Tambah Barang

Module ini digunakan untuk melihat dan menambah barang baru yang berisi kode, nama barang , stok, keterangan barang , stok ,dan harga barang. Jika berhasil ditambahkan maka barang akan bertambah.

Gambar III.19

(31)

4 Halaman Pendaftaran Pelanggan

Untuk mendaftar akun, pelanggan harus melakukan pengisian data terlebih dahulu secara lengkap. Jika berhasil maka pelanggan bisa memakai akun yang sudah dibuat.

Gambar III.20

(32)

5 Halaman Login Member

Pelanggan harus melakukan login terlebih dahulu sebelum melakukan pembelian barang. Jika berhasil maka pelanggan bisa langsung mengakses halaman pembayaran serta halaman konfirmasi pembayaran.

Gambar III.21 Halaman login Pelanggan

6 Halaman Keranjang Belanja

Pada halaman ini pelanggan yang sudah memilih barang dapat melanjutkan ke proses konfirmasi belanja.

Gambar III.22 Halaman Keranjang Belanja

(33)

7 Halaman Konfirmasi Pembelian

Pada tahap ini, pelanggan yang sudah menentukan barang dapat mengisi data diri untuk informasi pengiriman barang oleh penjual ke pelanggan, tetapi setelah melakukan konfirmasi pembayaran.

Gambar III.23

Halaman Konfirmasi Pembelian

8 Halaman Daftar Pemesanan

Setelah melakukan konfirmasi belanja, pelanggan dapat melihat daftar barang yang sudah di pesan pada form ini.

Gambar III.24 Halaman Daftar Pemesaan

(34)

9 Halaman Daftar Barang

Pada halaman ini pelanggan dapat melihat dan memilih produk yang ingin dibeli.

Gambar III.25 Halaman Daftar Barang

(35)

B. Spesifikasi Sistem Komputer

Berikut ini adalah spesifikasi perangkat keras dan perangkat lunak minimum yang dibutuhkan untuk mengimplementasikan web e-commerce.

1. Spesifikasi Perangkat Keras

a. Server

1) CPU

(a) Processor Intel® Core i3 4030U @ 1.90GHz(4CPUs) (b) RAM DDR3 4 GB

(c) Hard Disk 500 GB 2) Mouse

3) Keyboard

4) Monitor dengan resolusi layar minimum 1024x768 5) Koneksi internet dengan kecepatan 10 Mbps.

b. Client

1) CPU

(a) Processor Intel®Pentium® B90 @ 2.00 GHz (2CPUs) (b) RAM DDR3 4 GB

(c) Hard Disk 250 GB 2) Mouse

3) Keyboard

4) Monitor dengan resolusi layar minimum 1024x768 5) Koneksi internet dengan kecepatan 10 mbps.

(36)

2. Spesifikasi Perangkat Lunak

a. Server

1) Sistem operasi yang umum digunakan seperti: Microsoft Windows atau

Linux (Ubuntu, Fedora, dll).

2) Aplikasi bundle web server seperti: Xampp, WampServer, php2triad yang terdiri dari beberapa komponen, diantaranya:

(1) Aplikasi Apache Server v2 (2) Aplikasi PHP Server v5 (3) Aplikasi MySQL Server v5 (4) Aplikasi phpMyAdmin v3

3) Aplikasi Web Browser seperti Mozilla Firefox, Opera, Safari, Internet Explorer, Google Chrome.

b. Client

1) Sistem operasi yang umum digunakan seperti: Microsoft Windows atau

Linux (Ubuntu, Fedora, dll).

2) Aplikasi Web Browser seperti Mozilla Firefox, Opera, Safari, Internet Explorer, Google Chrome.

(37)

3.3.2. Pengujian Unit

Pengujian terhadap web yang dibuat menggunakan blackbox testing yang fokus terhadap proses masukan dan keluaran program.

A. Pengujian Terhadap Form Login Admin Tabel III.10

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) 1. Data Username tidak boleh kosong ! 2. Data Password tidak boleh kosong ! Sesuai harapan Valid 2. Mengetikkan username dan pasword tidak diisi atau kosong kemudian klik Username: admin Password: (kosong) Sistem akan menolak akses user dan menampilkan “1. Data Password Sesuai harapan Valid

(38)

tombol login tidak boleh kosong !” 3. Username tidak diisi (kosong) dan password diisi kemudian klik tombol login Username: (kosong) Password: admin Sistem akan menolak akses user dan menampilkan “1. Data Username tidak boleh kosong !” Sesuai harapan Valid 4. Mengetikkan salah satu kondisi salah pada username atau password kemudian klik tombol login Username: admin Password: 123 Sistem akan menolak akses user dan menampilkan “Halaman login lagi” Sesuai harapan Valid 5. Mengetikkan username dan password dengan data yang benar Username: admin Password: admin Sistem menerima akses login dan kemudian langsung Sesuai harapan Valid

(39)

kemudian klik tombol login

menampilkan menu utama

B. Pengujian Terhadap Form Login Member Tabel III.11

Hasil Pengujian Black Box Testing Halaman Login Member No. Skenario

pengujian

Test Case Hasil yang diharapkan Hasil pengujian Kesimpu lan 1. Username dan password tidak diisi kemudian klik tombol Login Usernam e: (kosong) Password : (kosong) Sistem akan menolak akses user dan menampilkan “ 1 . Data Username tidak boleh kosong ! 2 . Data Password tidak boleh kosong ! 3 . Data Username dan Password yang Sesuai harapan Valid

(40)

Anda masukan salah” 2. Mengetikkan username dan pasword tidak diisi atau kosong kemudian klik tombol Login Usernam e: bsi Password : (kosong) Sistem akan menolak akses user dan menampilkan “ 1 . Data Password tidak boleh kosong ! 2 . Data Username dan Password yang Anda masukan salah” Sesuai harapan Valid 3. Username tidak diisi (kosong) dan password diisi kemudian klik tombol Sign In Usernam e: (kosong) Password : bsi Sistem akan menolak akses user dan menampilkan 1 . Data Username tidak boleh kosong ! 2 . Data Sesuai harapan Valid

(41)

Username dan Password yang Anda masukan salah” 4. Mengetikkan salah satu kondisi salah pada username atau password kemudian klik tombol Login Usernam e: bsi (benar) Password : bsa (salah) Sistem akan menolak akses user dan menampilkan “Data Username dan Password yang Anda masukan salah” Sesuai harapan Valid 5. Mengetikkan username dan password dengan data yang benar kemudian klik tombol Sign In Usernam e: bsi (benar) Password : bsii (benar) Sistem menerima akses login dan kemudian langsung menampilakan menu utama Sesuai harapan Valid

Figur

Tabel III.1.

Tabel III.1.

p.1
Tabel III.2.

Tabel III.2.

p.2
Gambar III.1.

Gambar III.1.

p.4
Gambar III.3

Gambar III.3

p.5
Gambar III.2   Halaman Utama Admin

Gambar III.2

Halaman Utama Admin p.5
Gambar III.4   Data Provinsi

Gambar III.4

Data Provinsi p.6
Gambar III.5

Gambar III.5

p.7
Gambar III.6

Gambar III.6

p.8
Gambar III.8

Gambar III.8

p.10
Gambar III.9

Gambar III.9

p.11
Gambar III.10

Gambar III.10

p.12
Gambar III.12 Entity Relation Ship Diagram

Gambar III.12

Entity Relation Ship Diagram p.14
Gambar III.13 Logical Relationship Structure

Gambar III.13

Logical Relationship Structure p.15
Tabel III.3

Tabel III.3

p.16
Tabel III.4

Tabel III.4

p.17
Tabel III.5

Tabel III.5

p.18
Tabel III.6

Tabel III.6

p.19
Tabel III.7

Tabel III.7

p.20
Tabel III.8

Tabel III.8

p.21
Tabel III.9

Tabel III.9

p.22
Tabel III.10

Tabel III.10

p.23
Tabel III.11

Tabel III.11

p.24
Gambar III.14 Struktur Navigasi Admin

Gambar III.14

Struktur Navigasi Admin p.25
Gambar III.16 Struktur Navigasi Member

Gambar III.16

Struktur Navigasi Member p.27
Gambar III.18  Halaman Beranda Admin

Gambar III.18

Halaman Beranda Admin p.29
Gambar III.19

Gambar III.19

p.30
Gambar III.20

Gambar III.20

p.31
Gambar III.22   Halaman Keranjang Belanja

Gambar III.22

Halaman Keranjang Belanja p.32
Gambar III.23

Gambar III.23

p.33
Gambar III.25   Halaman Daftar Barang

Gambar III.25

Halaman Daftar Barang p.34

Referensi

Memperbarui...

Related subjects :