BAB III PEMBAHASAN. kendala yang terkait dengan jejaring media social tersebut, dimana penjualan di

(1)

28 3.1. Analisa Kebutuhan

Pada saat ini penyampaian informasi penjualan produk masih menggunakan fasilitas jejaring media social facebook. Hal ini tentu masih banyak mengalami kendala yang terkait dengan jejaring media social tersebut, dimana penjualan di jejaring social tersebut terbatas hanya menampilkan foto produk serta harga dari produk tersebut.

Penyampaian informasi juga masih mengandalkan jejaring social media. Penyampaian produk-produk hanya bersifat tampilan informasi, Proses transaksi penjualan secara langsung di jejaring atau blog ini tidak dapat dilakukan. Adapun kelamahan sistem lama sebagai berikut:

1. Pencatatan pemesanan transaksi masih manual

2. Pesanan tertukar merupakan dampak dari kesalahan pada pemesanan

3. Komunikasi ke pelanggan kurang lancar, karena mengurus semua hal sendiri mulai promosi produk, melayani pelanggan, menerima permintaan, mengurus pengiriman termasuk pembayaran.

4. Transaksi kerap tertunda karena bergantung pada interaksi pembeli dan penjual. Kalau penjual tidak tanggap merespon pertanyaan pembeli, niat untuk belanja bisa tertunda bahkan batal.

(2)

Gambar 3.1. Sistem penyampaian model lama

Salah satu gagasan pemberdayaaan usaha di zaman teknologi informasi sekarang ini adalah melalui pembuatan media pemasaran berbasis web serta pemanfaatan social networking. Media Pemasaran berbasis web ini diperuntukan bagi perusahaan dalam mempromosikan usahanya, jalur akses informasi produk, melakukan transaksi usaha, serta melakukan kumunikasi bisnis lainnya secara global,

Penjual Pengungjung Sosial Media Mencari Produk Informasi tentang Produk Mencari Info tentang

Produk

(3)

anggran yang cukup hemat.

Setelah memahami dan menganalisis serta mengidentifikasi permasalahan diatas maka dapat disimpulkan bahwa perlu adanya media informasi promosi dan penjualan produk yang berupa media informasi berbasis web.

Fungsi utama dari sistem penjualan berbasis website (e-commerce) antara lain: 1. Tentang Perusahaan

Berisi sejarah perusahaan dan pelopornya 2. Cara Pembayaran

Cara melakukan pembayaran lewat nomor rekening yang ditentukan 3. Cara Pemesanan

Berisi cara melakukan pemesanan produk dan jasa pengirimannya 4. Produk

Berisi tentang produk-produk yang dijual.

A. Deskripsi Kebutuhan Perangkat Keras

Dikarenakan sistem yang dibangun ini berbasis web, maka dapat dipastikan bahwa perangkat keras yang dibutuhkan harus mendukung untuk terkoneksi dengan internet. Beberapa perangkat keras yang utama disediakan seperti modem sebagai penghubung ke jaringan internet. Untuk lebih spesifik mengenai kebutuhan perangkat keras dapat di uraikan sebagai berikut:

1. Central Processing Unit (CPU) 2. Processor Intel, Pentium, Core 2 Duo

(4)

4. Hard Disk 500 GB 5. Mouse

6. Keyboard

7. Monitor dengan resolusi layar minimum 1024x768 8. Koneksi Internet dengan kecepatan 2Mbps

B. Deskripsi Kebutuhan Perangkat Lunak

Sistem operasi yang digunakan untuk website e-commerce ini: a. Sistem operasi yang digunakan :

1. Microsoft Windows

b. Aplikasi bundle web server seperti Xampp yang terdiri dari beberapa komponen, diantaranya:

1. Aplikasi Apache 2. Aplikasi PHP 3. Aplikasi MySQL 4. Aplikasi PhpMyAdmin

(5)

3.2.1. Rancangan Antar Muka User A. Rancangan Antar Muka User 1. Halaman Beranda User

Gambar 3.2. Halaman Beranda User Header Navigasi Kategori Cara Pembayaran SLIDE Pencarian Cari Login Username Password Daftar Member? Login Footer

(6)

2. Halaman Produk

Gambar 3.3. Halaman Produk Header Navigasi Kategori Cara Pembayaran Halaman xxx xxx Kategori: xxx Kategori:xxx xxx xxx xxx xxx Kategori:xxx Kategori:xxx xxx xxx Foto Foto

Beli Detail Beli Detail

Pencarian Cari Login Username Password Daftar Member? Login Footer Foto Foto

(7)

3. Halaman Detail Produk

Gambar 3.4. Halaman Detail Produk Header Navigasi Kategori Cara Pembayaran Nama:xxx Kategori:xxx Stock:xxx Deskripsi:xxx Harga:xxx Gambar Beli Kembali Pencarian Cari Login Username Password Daftar Member ? Login Footer

(8)

4. Halaman Pendaftaran Member

Gambar 3.5. Halaman Pendaftaran Member Header

Navigasi

Kategori

Cara Pembayaran

Silahkan isi Form dibawah ini untuk Mendaftar Nama Email Telp Alamat Username Password Daftar Batal Pencarian Cari Login Username Password Daftar Member ? Login Footer

(9)

B. Rancangan Antar Muka Member 1. Halaman Keranjang Belanja

Gambar 3.6. Halaman Keranjang Belanja Header Navigasi Kategori Cara Pembayaran Keranjang Belanja No Produk Nama produk

Jumlah Harga Subtotal Ket

x gambar xxx xxx xxx hapus

Pencarian

Footer

Total xxx

Lanjutkan belanja Update jumlah Selesai belanja

text

cari

Login

(10)

2. Halaman Alamat Pengirim

Gambar 3.7. Halaman Alamat Pengirim Header

Navigasi

Kategori

Cara Pembayaran

Isikan Alamat Pengirim : Nama Telepon E-mail Alamat Pengirim Kota Text Cetak Struk Footer Pencarian Cari Login text

(11)

3. Halaman Struk Transaksi

Gambar 3.8. Halaman Struk Transaksi Header

Text

Nama Email No.telp Alamat xxx xxx xxx xxx

Text

No Id produk Nama Produk Jumlah harga Sub total xxx xxx xxx xxx xxx xxx Total: Rp ; xxx Ongkos Kirim : Rp xxx Grand Total : Rp xxx Text Footer

(12)

4. Halaman Konfirmasi

Gambar 3.9. Halaman Konfirmasi Header Navigasi Kategori Cara Pembayaran Silahkan Konfirmasi Pembayaran Anda dengan benar : Username No.pesan Jumlah bayar Tanggal bayar Dari bank Dari rekening Struk Pembayaran Pencarian xxx Text Text cari Login Text text

(13)

C. Rancangan Antar Muka Admin 1. Halaman Login Admin

Gambar 3.10. Halaman Login Admin Administrator Text berjalan Text Username password Text Text Footer

(14)

2. Halaman Admin

Gambar 3.11. Halaman Admin Header Text berjalan Beranda Admin Member Bukutamu Produk Kategori Pemesanan Konfirmasi Laporan Logout Footer Username Password Data Administrator Tambah Batal

Id Admin Aksi Record xxx xxx Edit||hapus

(15)

3. Halaman Data Member

Gambar 3.12. Halaman Data Member Header Text Beranda Admin Member Bukutamu Produk Kategori Pemesanan Konfirmasi Laporan Logout Data Member No User name Password Nama lengkap

Alamat Telp Email Aksi xx xxx xxxx xxx xxx xxx xxx xxx xx xxx xxx xxx xxx xxx xxx xxx

(16)

4. Halaman Data Tamu

Gambar 3.13. Halaman Data Tamu Header Text Beranda Admin Member Buku Tamu Produk Kategori Pemesanan Konfirmasi Laporan Log out Data Tamu

No Nama Email Pesan Status Baca Hapus

Footer

(17)

5. Halaman Data Produk

Gambar 3.14. Halaman Produk Header Text Berjalan Beranda Admin Member Buku Tamu Produk Kategori Pemesanan Konfirmasi Laporan Log out Data Produk Kode Barang Kategori Nama Deskripsi Stok Harga Satuan Gambar

No ID Kategori Nama Hrg Stok Des s Gbr Aksi Footer Simpan Batal Telusuri xx x x xxx xxx xx xx xxx xxx xxx

(18)

6. Halaman Data Kategori

Gambar 3.15. Halaman Data Kategori Header Text Berjalan Beranda Admin Member Buku Tamu Produk Kategori Pemesanan Konfimasi Laporan Log out Footer Data Kategori Tambah Kategori Kategori : Simpan Batal Kategori Aksi xxxx xxxx

(19)

7. Halaman Data Pemesanan

Gambar 3.16. Halaman Data Pemesanan Header Text Beranda Admin Member Buku Tamu Produk Kategori Pemesanan Konfirmasi Laporan Log Out Footer Data Pemesanan

No Tgl Order No. Pesan Nama Jam Status Aksi

x xxx xxx xxx xx

x

(20)

8. Halaman Data Konfirmasi

Gambar 3.17. Halaman Data Konfirmasi Header Text Data Konfimasi N o No. pesan User name Jml Bayar Tgl Bayar Dari Bank Dari Rek Bukti Aksi X xxx xxx xxx xxx xxx xxx xxx xxx X xxx xxx xxx xxx xxx xxx xxx xxx Beranda Admin Member Buku Tamu Produk Kategori Pemesanan Konfirmasi Laporan Log Out Footer

(21)

9. Halaman Data Laporan

Gambar 3.18. Halaman Data Laporan Header Text Laporan No Id kirim Tgl Kirim Jam kirim No. Order Aksi xxx xxx xxx xxx xxx xxx Beranda Admin Member Buku Tamu Produk Kategori Pemesanan Konfirmasi Laporan Log Out Footer

(22)

A. Entity Relationship Diagram

(23)

Gambar 3.20. Logical Relation Structure

C. Spesifikasi File

Spesifikasi file menjelaskan tentang file–file yang akan digunakan dalam rancangan website yang diajukan dan sebagai media penyimpanan data dari proses

(24)

antara lain :

1. Spesifikasi File Admin Nama File : Admin Akronim : Admin

Fungsi : Menyimpan data Admin Tipe File : File Master

Organisasi File : Index Sequential Akses File : Random

Media : Harddisk Panjang Record : 40 karakter Kunci Field : id_Admin Software : MySQL

Tabel 3.1. Spesifikasi File Admin

No Elemen Data Nama Field Type Size Keterangan 1. Id Admin id_admin Int 5 Auto_incremen

t, Primary Key 2. Username Username Varchar 10

(25)

Nama File : Pelanggan Akronim : Member

Fungsi : Menyimpan data pelanggan Tipe File : File Master

Media : Harddisk Panjang Record : 250 karakter Kunci Field : id_pelanggan Software : MySQL

Tabel 3.2.

Spesifikasi File Pelanggan

No Elemen Data Nama Field Type Size Keterangan 1. Id Pelanggan id_pelanggan Int 35 Auto_incremen

3. Password Password Varchar 15

4. Nama Pelanggan

nama_pelanggan Varchar 30

(26)

7. Email Email Varchar 25

3. Spesifikasi File Kategori Nama File : Kategori Akronim : Kategori

Fungsi : Menyimpan data kategori Tipe File : File Master

Media : Harddisk Panjang Record : 60 karakter Kunci Field : id_kategori Sofware : MySQL

Tabel 3.3.

Spesifikasi File Kategori

No Elemen Data Nama Field Type Size Keterangan 1. Id Kategori id_kategori Int 10 Auto_incremen

t, Primary Key 2. Kategori Kategori Varchar 50

(27)

Nama Filel : Barang Akronim : Produk

Fungsi : Menyimpan data produk Tipe File : File Master

Media : Harddisk Panjang Record : 180 karakter Kunci Field : id_barang Software : MySQL

Tabel 3.4.

Spesifikasi File Barang

No Elemen Data Nama Field Type Size Keterangan 1. Id Barang id_barang Int 5 Auto_incremen

t, Primary Key 2. Kategori Kategori Varchar 25

3. Nama Nama Varchar 50

4. Harga Satuan Harga Int 8

5. Stok Stok Int 15

6. Deskripsi Deskripsi Varchar 20

(28)

Spesifikasi File Kota Nama File : Kota Akronim : Kota

Fungsi : Menyimpan data kota Tipe File : File Master

Media : Harddisk Panjang Record : 110 karakter Kunci Field : id_kota Software : MySQL

Tabel 3.5. Spesifikasi File Kota

No Elemen Data Nama Field Type Size Keterangan

1. Id Kota id_kota Int 15 Auto_incremen

t, Primary Key 2. Nama Kota Nama_kota Varchar 35

(29)

Nama File : Pemesanan Akronim : pemesanan

Fungsi : Menyimpan data pemesanan Tipe File : File pemesanan

Media : Harddisk Panjang Record : 100 karakter Kunci Field : id_pesan Software : MySQL

Tabel 3.6.

Spesifikasi File Pemesanan

No Elemen Data Nama Field Type Size Keterangan 1. Id Pesan id_pesan Int 5 Auto_incremen

t, Primary Key 2. No Pesan no_pesan Varchar 10

3. Tanggal Pesan tgl_pesan Date

4. Username Username Varchar 50 5. Jam Pesan jam_pesan Time

6. Status Pesan status_pesan Varchar 30

(30)

6. Spesifikasi File Pemesanan Detail Nama File : Pemesanan_detail Akronim : Pemesanan Detail

Fungsi : Menyimpan data pemesanan Tipe File : File pemesanan

Media : Harddisk Panjang Record : 45 karakter Kunci Field : No_pesan Software : MySQL

Tabel 3.7.

Spesifikasi File Pemesanan Detail

No Elemen Data Nama Field Type Size Keterangan 1. No Pesan no_pesan Varchar 10

2. Id barang id_barang int 5

3. Jumlah Jumlah Int 5

7. Spesifikasi File Konfirmasi Nama File : Konfirmasi

(31)

Fungsi : Konfirmasi pembayaran Tipe File : File konfirmasi

Media : Harddisk Panjang Record : 108 karakter Kunci Field : no_konfirmasi Software : MySQL

Tabel 3.8.

Spesifikasi File Konfirmasi

No Elemen Data Nama Field Type Size Keterangan 1. No Konfirmasi no_konfirmasi Int 11 Auto_incremen

3. No Pesan no_pesan Varchar 10 4. Jumlah Bayar Jumbay Int 11 5. Tanggal Bayar tgl_bayar Date

6. Gambar Gambar Text

7. Dari Bank dari_bank Varchar 11 8. Dari Rekening dari_rekening Varchar 15

(32)

3.3. Rancangan Struktur Navigasi

Jenis struktur navigasi yang digunakan adalah kombinasi struktur navigasi linier dan hirarki. Struktur navigasi yang terdapat pada aplikasi e-commerce ini dibagi menjadi tiga yaitu struktur navigasi halaman pengunjung, struktur navigasi halaman member dan struktur navigasi halaman admin.

1. Struktur Navigasi Halaman Pengunjung

Struktur navigasi halaman pengunjung adalah menunjukan kombinasi struktur navigasi linier dan hirarki pada halaman pengunjung. Struktur navigasi ini memungkinkan pengunjung mengakses website tanpa harus mengikuti urutan tertentu.

(33)

Struktur navigasi halaman member adalah menunjukan kombinasi struktur navigasi linier dan hirarki pada halaman member. Struktur navigasi ini memungkinkan member mengakses website tanpa harus mengikuti urutan tertentu.

(34)

Struktur navigasi halaman admin adalah menunjukan Kombinasi struktur navigasi linier dan hirarki pada halaman admin. Struktur navigasi ini memungkinkan Admin mengakses website tanpa harus mengikuti urutan tertentu.

(35)

3.4.1. Implementasi

A. Implementasi Antar Muka User 1. Halaman Beranda User

Halaman ini merupakan dari tampilan awal website.

(36)

2. Halaman Produk

Halaman ini merupakan isi dari produk

(37)

3. Halaman Detail Produk

Halaman ini merupakan dari isi detail produk

(38)

4. Halaman Pendaftaran Member

Halaman ini merupakan untuk mengisi form pendaftaran menjadi member

(39)

B. Implementasi Antar Muka Member 1. Halaman Keranjang

(40)

2. Halaman Alamat Pengiriman

Halaman ini merupakan untuk pengisian data alamat pengirim

(41)

3. Halaman Struk Transaksi

Halaman ini merupakan detail struk transaksi pembelian barang

(42)

4. Halaman Konfirmasi

Halaman ini merupakan konfirmasi kembali jumlah pembayaran barang

(43)

1. Halaman Login Admin

Halaman ini merupakan halaman utama dari administrator

Gambar 3.32. Halaman Login Admin 2. Halaman Data Admin

Halaman ini merupakan untuk penambahan data admin

(44)

Halaman ini merupakan Daftar data nama member yang sudah mendaftar

Gambar 3.34. Halaman Data Member

4. Halaman Data Tamu

Halaman ini merupakan daftar nama tamu

(45)

Halaman ini merupakan untuk penambahan data produk

(46)

Halaman ini merupakan untuk penambahan data kategori

Gambar 3.37. Halaman Data Kategori

7. Halaman Data Konfirmasi

Halaman ini merupakan daftar nama yang sudah melakukan konfirmasi pembayaran

(47)

Halaman ini merupakan detail transaksi barang yang sudah dikirim

Gambar 3.39. Halaman Data Laporan

3.4.2. Pengujian Unit

A.

Pengujian Terhadap Form Login Member

Tabel 3.9. Tabel Pengujian Form Login Member

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) Sistem akan menolak akses user dan menampilkan “Username Belum Terisi Atau Anda Gagal Login”

Sesuai harapan

(48)

isi dan password tidak di isi atau kosong kemudian klik tombol login : eli Password: (kosong) menolak akses user dan menampilkan “Password Belum Terisi” harapan 3. Username tidak di isi dan password di isi kemudian klik tombol login Username : (kosong) Password: yanti Sistem akan menolak akses user dan menampilkan “Username Belum Terisi Atau Anda Gagal Login” Sesuai harapan Valid 4. Mengetikkan salah satu kondisi salah pada username atau password kemudian klik tombol login Username : eli (benar) Password: eli (salah) Sistem akan menolak akses user dan menampilkan “Gagal Login.Harap masukan username dan password dengan benar” Sesuai harapan Valid 5. Mengetikkan username dan password dengan data yang benar kemudian klik tombol login Username : eli (benar) Password: yanti (benar) Sistem menerima akses login , kemudian langsung menampilkan ”selamat datang di Aqila Kitchen sdr/sdri dan masuk kehalaman member. Sesuai harapan Valid

(49)

Tabel 3.10. Tabel Pengujian Form Login Administrator 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) Sistem akan menolak akses user dan menampilkan “Username belum terisi atau anda gagal login” Sesuai harapan Valid 2 Password tidak diisi atau kosong kemudian klik tombol login Username : eli Password : (kosong) Sistem akan menolak akses user dan menampilkan “Password Belum Terisi” Sesuai harapan Valid 3. Username tidak di isi Username : (kosong) Password : yanti Sistem akan menolak akses user dan menampilkan “Username belum terisi atau anda gagal login” Sesuai harapan Valid 4. Mengetikkan salah satu kondisi salah pada username atau password kemudian klik tombol login Username : eli (benar) Password : eli (salah) Sistem akan menolak akses user dan menampilkan “Username atau password salah” Sesuai harapan Valid 5. Mengetikkan username dan password dengan data yang benar kemudian klik tombol login Username : eli (benar) Password :yanti (benar) Sistem menerima akses login , kemudian langsung menampilkan ”Login Sukses dan masuk kehalaman Beranda Admin.

Sesuai harapan