• Tidak ada hasil yang ditemukan

BAB III PEMBAHASAN. dan perancangan sistem informasi penjualan aksesoris wanita berbasis web.

N/A
N/A
Protected

Academic year: 2021

Membagikan "BAB III PEMBAHASAN. dan perancangan sistem informasi penjualan aksesoris wanita berbasis web."

Copied!
39
0
0

Teks penuh

(1)

36

PEMBAHASAN

3.1. Analisa kebutuhan

Di dalam bab pembahasan ini akan dijelaskan mengenai analisa kebutuhan dan perancangan sistem informasi penjualan aksesoris wanita berbasis web. Spesifikasi ini meliputi elemen-elemen apa saja yang dibutuhkan untuk sistem yang akan dibangun sampai dengan sistem yang akan diimplementasikan. Analisa kebutuhan ini juga menentukan spesifikasi masukan yang diperlukan sistem, keluaran yang akan dihasilkan sistem dan proses yang akan dibutuhkan untuk mengolah masukkan sehingga menghasilkan keluaran yang diinginkan. Dalam pembuatan website ini harus ditunjang dengan teknologi yang memadai agar menjadi website yang baik.

A. Kebutuhan Informasi

Perancangan sistem informasi penjualan aksesoris wanita berbasis website ini akan ditampilkan produk-produk aksesoris wanita beserta detail produk dari masing-masing aksesoris. Didalam website, pengunjung bisa melihat informasi mengenai aksesoris wanita yang tersedia juga bisa membelinya secara online. Dalam pembelian produk aksesoris wanita yang ada di website pengunjung tinggal memilih produk mana yang akan dibeli untuk dimasukkan kedalam keranjang belanja, yang selanjutnya melakukan transaksi pemnbayaran dan terakhir konfirmasi pembayaran untuk menyelesaikan tahapan dalam membeli produk.

(2)

B. Kebutuhan Pengguna

Perancangan sistem informasi penjualan aksesoris wanita akan dibangun dari kebutuhan informasi digolongkan menjadi dua kelompok yang akan mengakses website ini yaitu administrator (admin) dan user (pengunjung website). Kebutuhan pengguna ini bertujuan untuk memetakan pengguna dalam hal mengakses website penjualan aksesoris wanita.

a. Administrator (admin)

Adalah tingkatan tertinggi yang bisa mengakses data dari database mulai dari melihat data user, input produk, tambah kategori produk, konfirmasi pembayaran serta bisa merubah tampilan website, yang akan ditayangkan di halaman user. Admin juga diberikan hak akses untuk mengedit, menghapus, update maupun menambah database, tujuan admin untuk memelihara database itu sendiri.

b. User (pengguna website)

Dimana user bisa melihat-lihat produk aksesoris berdasarkan kategori yang ingin dilihat. User bisa melihat ketersedian stok barang aksesoris. User bisa melihat detail produk yang diingkan serta bisa membeli produk secara online tanpa harus mendaftar sebagai member, dengan tahapan transaksi sesuai ketentuan yang ada di website. Pengunjung bisa memilih jasa pengiriman yang diinginkan untuk mengirim barang yang dibelinya.

(3)

Tabel III.1 Kebutuhan Pengguna No. Kebutuhan

Pengguna

Keterangan

1. Input a. Admin memasukkan ID admin dan kata sandi b. Admin dapat melakukan konfirmasi pembayaran c. Admin dapat melakukan perubahan isi website d. Admin dapat menambah produk, edit dan menghapus e. User memasukkan ID pengguna dan kata sandi f. User dapat melihat produk dan detail produk g. User dapat membeli produk aksesoris wanita

2. Output a. Sistem dapat menampilkan data dalam halaman admin b. Sistem dapat menampilkan informasi tentang pembelian c. Sistem dapat menampilkan laporan penjualan

d. Sistem dapat menampilkan detail pembelian dan pembayaran.

3. Process a. Sistem memproses login untuk akses admin pada website. b. Admin berhak mengatur, mengelola, dan melakukan proses tambah, ubah , update, edit, hapus keseluruhan data yang akan ditampilkan pada halaman pengunjung.

c. Sistem melakukan logout untuk keamanan data yang dikelola oleh admin.

d. User membeli produk dengan mengklik tombol beli setelah itu pembeli melihat isi keranjang belanja apakah sudah sesuai, setelah dirasa benar user mengklik selesai belanja. Setelah selesai belanja maka isi data untuk proses selanjutnya dan terakhir melakukan konfirmasi pembayaran apabila sudah membayar.

4. Performance a. Sistem dapat mendukung penyimpanan data dengan menggunakan database agar data dapat tersimpan dengan baik, sehingga akan menghilangkan kemungkinan terjadinya redudansi, kerusakan, dan kehilangan data.

b. Sistem memungkinkan admin untuk mengontrol website c. Sistem dapat melakukan proses transaksi penjualan 5. Control a. Sistem memberikan keamanan untuk akses admin dan

user dalam melakukan transaksi pembelian, dengan adanya ID admin dan kata sandi yang hanya dapat diakses oleh admin itu sendiri.

(4)

Berikut adalah tabel kebutuhan sistem :

Tabel III.2 Kebutuhan Sistem

No. Kebutuhan Sistem Keterangan

1. Operating System Microsoft Windows 7 sampai dengan ke atas 2. Web server installer XAMPP versi 5.5.19

Mysql client versi 5.6.21 phpMyAdmin 4.2.11

3. Web Browser Mozilla Firefox, Google Chrome, IE

4. Macromedia Macromedia Dreamwaver CS3

5. Koneksi Internet Kecepatan 56 kbps ke atas

3.2. Perancangan Perangkat Lunak A. Rancangan Antar Muka

Rancangan antar muka (interface) yang dirancang pada aplikasi penjualan aksesoris wanita berbasi website ini adalah menjelaskan rancangan yang berada di halaman index admin dan juga halaman index pengunjung. Pada index admin menampilkan form login untuk masuk ke halaman administrator, karena halaman ini bersifat pribadi maka harus melakukan login terlebih dahulu. Di dalam tampilan admin terdapat menu yang masing-masing menu mempunyai beberapa submenu. Didalam halaman index pengunjung terdapat menu beranda, profil, produk, keranjang belanja, cara pembelian, konfirmasi pembayaran dan menu hubungi kami serta terdapat menu disamping kanan untuk kategori produk aksesoris yang ada.

(5)

1. Spesifikasi Halaman Index Admin Nama Halaman : Index

Akronim : index.php

Fungsi Program : Menampilakan halaman Index admin Paket Program : Macromedia Dreamweaver

Bentuk Tampilan : Lampiran A.1

Penjelasan Proses : a. Masukan alamat url pada browser

http://localhost/ta_ecommerce/admin/index.php

Gambar III.1

Rancangan Tampilan Index Admin

2. Spesifikasi Halaman Utama Admin Nama Halaman : Beranda

Akronim : media.php?module=home

Fungsi Program : Menampilkan halaman utama admin Paket Program : Macromedia Dreamweaver

Bentuk Tampilan : Lampiran A.2

Penjelasan Proses : a. Buka halaman login admin

b. Masukan username dan password admin c. Akan tampil halaman utama admin

Gambar III.2

(6)

3. Spesifikasi Halaman Index Pengunjung / Beranda Nama Halaman : Index

Akronim : Index.php

Fungsi Program : Menampilkan halaman utama website pengunjung Paket Program : Macromedia Dreamweaver

Bentuk Tampilan : Lampiran A.3

Penjelasan Proses : a. Masukan alamat url pada browser http://localhost/ta_ecommerce/index.php

Gambar III.3

(7)

4. Spesifikasi Halaman Produk Nama Halaman : Produk

Akronim : semua-produk.html

Fungsi Program : Menampilkan produk aksesoris yang dijual Paket Program : Macromedia Dreamweaver

Bentuk Tampilan : Lampiran A.4

Penjelasan Proses : a. Buka halaman Index pengunjung b. Klik menu produk

c. Akan tampil halaman produk aksesoris

Gambar III.4

(8)

5. Spesifikasi Halaman Keranjang Belanja Nama Halaman : Keranjang Belanja Akronim : keranjang-belanja.html

Fungsi Program : Menampilkan detail barang apa saja yang akan dibeli Paket Program : Macromedia Dreamweaver

Bentuk Tampilan : Lampiran A.5

Penjelasan Proses : a. Buka halaman Index pengunjung. b. Klik beli pada barang yang ingin dibeli. c. Klik menu keranjang belanja.

Gambar III.5

(9)

6. Spesifikasi Halaman Cara Pembelian Nama Halaman : Cara Pembelian Akronim : cara-pembelian.html

Fungsi Program : Menampilkan bagaimana prosedur pembelian online Paket Program : Macromedia Dreamweaver

Bentuk Tampilan : Lampiran A.6

Penjelasan Proses : a. Buka halaman Index pengunjung b. Klik menu cara pembelian

c. Akan tampil halaman cara pembelian

Gambar III.6

(10)

7. Spesifikasi Halaman Selesai Belanja Nama Halaman : Selesai Belanja Akronim : selesai-belanja.html

Fungsi Program : Menampilkan halaman konfirmasi pengiriman Paket Program : Macromedia Dreamweaver

Bentuk Tampilan : Lampiran A.7

Penjelasan Proses : a. Buka halaman Index pengunjung

b. Klik beli baru akan muncul link selesai belanja c. Akan tampil halaman selesai belanja

Gambar III.7

(11)

8. Spesifikasi Halaman Konfirmasi Pembayaran Nama Halaman : Konfirmasi Pembayaran Akronim : konfirmasi.html

Fungsi Program : Menampilkan form konfirmasi pembayaran Paket Program : Macromedia Dreamweaver

Bentuk Tampilan : Lampiran A.8

Penjelasan Proses : a. Buka halaman Index pengunjung b. Klik menu konfirmasi pembayaran

c. Akan tampil halaman konfirmasi pembayaran

Gambar III.8

(12)

9. Spesifikasi Halaman Hubungi Kami Nama Halaman : Hubungi Kami Akronim : hubung-kami.html

Fungsi Program : Menampilkan form untuk menghubungi admin lewat pesan Paket Program : Macromedia Dreamweaver

Bentuk Tampilan : Lampiran A.9

Penjelasan Proses : a. Buka halaman Index pengunjung b. Klik menu hubungi kami

c. Akan tampil halaman hubungi kami

Gambar III.9

(13)

10. Spesifikasi Halaman Daftar Member Nama Halaman : Daftar Member Akronim : daftar.html

Fungsi Program : Menampilkan form untuk mendaftar member Paket Program : Macromedia Dreamweaver

Bentuk Tampilan : Lampiran A.10

Penjelasan Proses : a. Buka halaman Index pengunjung b. Klik menu daftar member

c. Akan tampil halaman daftar member

Gambar III.10

(14)

3.2.2. Rancangan Basis Data

Perancangan Basis data menghasilkan pemetaan tabel-tabel yang digambarkan dengan Entity Relationship Diagram (ERD),

1. Entity Relationship Diagram (ERD)

ERD yang dimaksud adalah sebagai berikut :

member id_member nama telepon alamat username email password MelAkukan Id_member Id_orders order Id_orders Nama_kustomer status_order Id_kota tgl_order Mengisi jumlah produk id_produk nama_produk harga deskripsi gambar stok id-kategori Mempunyai id_produk id_kategori kategori id_kategori nama_kategori Melakukan Id_orders konfirmasi id_konfirmasi id_orders nama bank_pemilik pemilik norekening bank_tujuan tanggal email alamat telepon M ela ku ka n 1 M M N M 1 1 1 1 1 Produk_seo alamat telepon email Jam_order dibeli diskon Produk_seo Id_produk Id_order

(15)

2. Logical Relational Structure (LRS) Konfirmasi id_konfirmasi * nama bank_pemilik pemilik no_rekening bank_tujuan tanggal email alamat telepon id_orders ** id_member ** Orders id_orders * nama_kustomer alamat telepon email status_order tgl_order jam_order id_kota Orders_detail jumlah id_orders ** id_produk ** Produk id_produk * nama_produk produk_seo deskripsi harga stok berat tgl_masuk gambar dibeli diskon id_kategori ** Kategori id_kategori * nama_kategori kategori_seo 1 1 1 M 1 M Member id_member * nama username password alamat email telepon id_member ** M 1 1 1 1 M

(16)

3. Spesifikasi File

Dalam web sistem informasi penjualan aksesoris wanita ini terdapat satu database yaitu “ta_ecommerce” dan memiliki tujuh belas tabel yaitu:

a. Spesifikasi File Tabel Admins

Nama Database : ta_ecommerce Nama File : Tabel Admin Akronim : admins.myd Tipe File : File Master Akses File : Random Panjang Record : 115 Byte Kunci Field : username

Tabel III.3.

Spesifikasi File Tabel Admins

No Elemen Data Field Name Type Size Ket

1 Nama User username varchar 25 Primary Key

2 Password password varchar 8

3 Nama Lengkap nama_lengkap varchar 30

4 Email email varchar 30

5 No Telp no_telp varchar 12

6 Level level varchar 10

(17)

b. Spesifikasi File Tabel Kategori

Nama Database : ta_ecommerce Nama File : Tabel Kategori Akronim : kategori.myd Tipe File : File Master Akses File : Random Panjang Record : 155 Byte Kunci Field : id_kategori

Tabel III.4.

Spesifikasi File Tabel Kategori

No Elemen Data Field Name Type Size Ket

1 Id Kategori id_kategori int 5 Primary Key, Auto Increment 2 Nama Kategori nama_kategori varchar 50

3 Link Kategori kategori_seo varchar 50

c. Spesifikasi File Tabel Konfirmasi

Nama Database : ta_ecommerce Nama File : Tabel Konfirmasi Akronim : konfirmasi.myd Tipe File : File

Akses File : Random Panjang Record : 152 Byte Kunci Field : id_konfirmasi

(18)

Tabel III.5.

Spesifikasi File Tabel Konfirmasi

No Elemen Data Field Name Type Size Ket

1 Id Konfirmasi id_konfirmasi int 5 Primary Key

2 Id Order id_orders varchar 5

3 Nama nama varchar 25

4 Bank Pemilik bank_pemilik varchar 25

5 Pemilik pemilik varchar 25

6 No Rekening no_rekening varchar 20 7 Bank Tujuan bank_tujuan varchar 10

8 Tanggal tanggal date

9 Email email varchar 25

10 Alamat alamat text

11 No telepon telepon int 12

d. Spesifikasi File Tabel Orders

Nama Database : ta_ecommerce Nama File : Tabel Order Akronim : orders.myd Tipe File : File

Akses File : Random Panjang Record : 228 Byte Kunci Field : id_order

(19)

Tabel III.6.

Spesifikasi File Tabel Orders

No Elemen Data Field Name Type Size Ket

1 Id Order id_orders int 5 Primary Key,

Auto Increment 2 Nama Kustomer nama_kustomer varchar 100

3 Alamat alamat text

4 Telepon telepon varchar 20

5 Email email varchar 50

6 Status Order status_order varchar 50 7 Tanggal Order tanggal_order date

8 Jam Order jam_order time

9 Id Kota id_kota int 3

e. Spesifikasi File Tabel Orders_detail

Nama Database : ta_ecommerce Nama File : Tabel Orders detail Akronim : order_detail.myd Tipe File : File Transaksi Akses File : Random Panjang Record : 15 Byte Kunci Field : id_orders

(20)

Tabel III.7.

Spesifikasi File Tabel Orders_detail

No Elemen Data Field Name Type Size Ket

1 Id Order id_orders Int 5 Foreign Key

2 Id Produk id_produk Int 5

3 Jumlah Produk Jumlah Int 5

f. Spesifikasi File Tabel Temporary Order

Nama Database : ta_ecommerce

Nama File : Tabel Temporary Order Akronim : order_temp.myd

Tipe File : File Master Akses File : Random Panjang Record : 120 Byte Kunci Field : id_orders_temp

Tabel III.8.

Spesifikasi File Tabel Temporary Order

No Elemen Data Field Name Type Size Ket

1 Id Order Temp id_orders Int 5 Primary Key

2 Id Produk id_produk Int 5 Foreign Key

3 Id Session id_session Varchar 100 Foreign Key

4 Jumlah jumlah Int 5

5 Tanggal Order Temp tgl_order_temp Date 6 Jam Order Temp jam_order_temp Time

(21)

g. Spesifikasi File Tabel Produk

Nama Database : ta_ecommerce Nama File : Tabel Produk Akronim : produk.myd Tipe File : File Master Akses File : Random Panjang Record : 345 Byte Kunci Field : id_produk

Tabel III.9.

Spesifikasi File Tabel Produk

No Elemen Data Field Name Type Size Ket

1 Id Produk id_produk int 5 Primary Key,

Auto Increment

2 Id Kategori id_kategori int 5 Foreign Key

3 Nama Produk nama_produk varchar 100 4 Keterangan Produk produk_seo varchar 100

5 Deskripsi deskripsi text

6 Harga harga int 20

7 Stok stok int 5

8 Tanggal Masuk tgl_masuk date

9 Gambar gambar varchar 100

10 Dibeli dibeli int 5

(22)

h. Spesifikasi File Tabel Member

Nama Database : ta_ecommerce Nama File : Tabel member

Akronim : member.myd

Tipe File : File Master Akses File : Random Panjang Record : 102 Byte Kunci Field : id_member

Tabel III.10.

Spesifikasi File Tabel Member

No Elemen Data Field Name Type Size Ket

1 Id Member id_member int 5 Primary Key

2 Username username varchar 15

3 Password password varchar 10

4 Nama nama varchar 30

5 Alamat alamat text

6 Email email varchar 30

7 Telepon telepon int 12

3.2.3. Rancangan Struktur Navigasi

Struktur navigasi ini berguna untuk mengamabarkan hal-hal yang ada pada web sistem informasi penjualan aksesoris wanita. Serta bagaimana kaitannya isi dengan halaman-halaman pada web sistem informasi penjualan aksesoris wanita.

(23)

Struktur navigasi yang akan dibuat oleh penulis ini dibagi menjadi dua bagian yaitu bagian halaman pengunjung (user) dan bagian halaman admin seperti berikut:

1. Struktur Navigasi Halaman Pengunjung (index)

Menu Utama

Index

Beranda Profil Produk Keranjang

Belanja

Cara Pembelian

Halaman

Profil Pilih Produk

Lihat Keranjang Belanja Halaman Cara Pembelian Konfirmasi Pembayara n Halaman Konfirmasi Pembayaran Detail Beli Tampil Detail Hubungi Kami Halaman Hubungi Kami Tampil Produk Halaman Keranjang Belanja Selesai Belanja Update Keranjang Halaman Beranda Daftar Member Halaman Daftar Member LOGIN Halama n Member

Gambar III.12. Struktur Navigasi Menu Utama (index)

Index berfungsi untuk menampilkan halaman utama website secara keseluruhan yang kemudian didalamnya terdapat menu utama yang dapat diakses oleh pengunjung. Kemudian beranda, bagian ini merupakan awal dari website atau

(24)

lebih di kenal halaman (home) yang mana fungsinya untuk memanggil kembali halaman utama (index). Kemudian ada profil di bagian ini terdapat gambaran tentang website penjualan aksesoris wanita. Kemudian ada produk dimana di bagian ini pengunjung bisa memilih kategori produk yang ada. Setelah memilih produk yang diinginkan maka akan tampil produk pengunjung bisa memilih tombol beli langsung atau juga bisa memilih tombol detail apabila ingin melihat produk secara detail. Apabila pengunjung memilih detail maka akan muncul deskripsi produk secara detail. Apabila pengunjung memilih beli maka produk akan masuk ke keranjang belanja dan pengunjung bisa mengupdate jumlah produk yang dibeli.

Kemudian bagian keranjang belanja terdapat pilihan lihat keranjang belanja dan selesai belanja. Apabila memilih lihat keranjang belanja maka akan tampil halaman keranjang belanja. Apabila memilih selesai belanja maka akan muncul halaman selesai belanja yang mana terdapat informasi detail pemesanan. Kemudian cara pembelian di bagian ini pengunjung akan mengetahui bagaimana cara pembelian untuk website penjualan aksesoris wanita ini. Kemudian konfirmasi pembayaran berfungsi untuk pengunjung yang telah melakukan pembayaran atas pembelian produk. Pengunjung mengisi form konfirmasi pemnbayaran. Kemudian ada hubungi kami bagian ini berfungsi untuk pengunjung menghubungi pihak admin website baik mengenai kendala, saran-saran dan kritik yang membangun untuk website penjualan aksesoris wanita kedepannya.

(25)

2. Struktur Navigasi Halaman Admin (index) LOGIN Halaman Utama Admin Beranda Halaman Beranda Lihat Website Tampil Halaman Website Menu Utama Tambah Edit Sub Menu Tambah Delete Edit Profil Update Selamat Datang Update Cara Pembelian Update Kategori Produk Tambah Delete Edit Produk Tambah Delete Edit Order Masuk Delete Pesan Masuk Delete Ongkos Kirim Tambah Delete Edit Konfirmasi Pembayaran Delete Laporan

Transaksi Tampil Cetak

Laporan Produk Cetak Ganti Header Tambah Delete Edit Rekening Bank Tambah Delete Edit Link Terkait Tambah Delete Edit Ganti Password Proses Batal

Keluar Tampil Halaman Website

Gambar III.13. Struktur Navigasi Menu Utama Admin (index)

Bagian struktur navigsai untuk admin, dimana terdapat login admin, bagian ini berfungsi untuk masuk ke dalam pengaturan website sebagai administrator. Di

(26)

bagian login terdapat username dan password setelah masuk maka akan berada di halaman menu utama admin, yang mana ada beberapa menu yang di peruntukan untuk mengelola website diantaranya adalah menu beranda, lihat website, menu utama, sub menu, profil, selamat datang, cara pembelian, kategori produk, produk, order masuk, pesan masuk, ongkos kirim, konfirmasi pembayaran, laporan transaksi, laporan produk, ganti header, rekening bank, link terkait, ganti password, keluar. Pada bagian beranda di sini berfungsi untuk kembali ke halaman utama admin. Kemudian pada bagian lihat website maka akan tampil website pengunjung. Bagian menu utama berfungsi untuk menambah dan mengubah menu utama website dihalaman pengunjung. Bagian sub menu berfungsi untuk menambah dan mengubah sub menu website dihalaman pengunjung. Kemudian pada profil berfungsi untuk mengubah profil yang akan ditampilkan di website halaman pengunjung. Begitu juga dengan selamat datang berfungsi untuk mengubah ucapan selamat datang yang akan ditampilkan di website halaman pengunjung. Sama halnya profil dan selamat datang fungsi menu cara pembelian juga berfungsi untuk mengubah cara pembelian yang akan ditampilkan di website halaman pengunjung.

Pada bagian kategori produk admin dapat menambah, mengubah maupun menghapus kategori produk yang ada pada database. Begitu juga dengan produk admin dapat menambah, mengubah maupun menghapus produk yang ada pada database. Sama halnya dengan kategori produk dan produk ongkos kirim admin dapat menambah, mengubah maupun menghapus ongkos kirim yang ada pada database. Kemudian pada bagian order masuk admin dapat menghapus data order masuk yang

(27)

ada pada database apabila sudah tidak dipergunakan lagi. Begitu juga dengan menu pesan masuk admin dapat menghapus data pesan masuk dari pengunjung yang tersimpan pada database apabila sudah tidak dipergunakan lagi. Sama halnya dengan order masuk dan pesan masuk, menu konfirmasi pembayaran admin dapat menghapus data konfirmasi pembayaran yang ada pada database apabila sudah tidak dipergunakan lagi. Pada bagian ganti header admin dapat menambah, mengubah maupun menghapus header website yang ada di halaman pengunjung. Begitu juga dengan rekening bank admin dapat menambah, mengubah maupun menghapus rekening bank yang tampil pada halaman pengunjung. Sama halnya dengan ganti header dan rekening bank, pada menu link terkait admin juga dapat menambah, mengubah maupun menghapus link terkait yang ada pada halaman pengunjung. Pada menu laporan transaksi dan menu laporan produk admin dapat melihat sekaligus mencetak hasil laporan seluruh transaksi dan laporan seluruh produk. Kemudian pada menu ganti password admin dapat mengubah password yang digunakan untuk masuk ke halaman utama admin. Terakhir menu keluar yang mana digunakan untuk admin keluar pada halaman website admin dan langsung otomatis menuju ke halaman website pengunjung.

(28)

3.3. Implementasi dan Pengujian Unit

Tahap ini merupakan penerjemahan kebutuhan pembangunan aplikasi ke dalam representasi perangkat lunak, sesuai hasil analisis pada bab sebelumnya. Setelah tahap implementasi maka dilakukan tahap pengujian sistem yang dibangun bertujuan untuk melihat kekurangan yang ada pada sistem.

3.3.1. Implementasi

Implementasi sistem informasi penjualan aksesoris wanita berbasis web yang telah dirancang akan diterjemahkan ke dalam bahasa pemrograman yang dapat dimengerti oleh komputer. Implementasi sistem merupakan tahap meletakkan sistem yang diusulkan atau dikembangkan supaya nantinya sistem tersebut siap untuk dioperasikan sesuai yang diterapkan. Dengan tujuan menguji sistem apakah sudah layak diimplementasikan atau belum.

1. Implementasi Antar Muka a. Halaman Index Admin

(29)

b. Halaman Utama Admin

(30)

c. Halaman Index Pengunjung / Beranda

(31)

d. Halaman Produk

(32)

e. Halaman Keranjang Belanja

(33)

f. Halaman Cara Pembelian

(34)

g. Halaman Selesai Belanja

(35)

h. Halaman Konfirmasi Pembayaran

(36)

i. Halaman Hubungi Kami

(37)

j. Halaman Daftar Member

Gambar III.23. Tampilan Halaman Daftar Member

(38)

2. Spesifikasi Perangkat Keras

Perangkat keras yang digunakan dalam membangun sistem ini adalah sebagai berikut:

a. Netbook, Processor : Intel b. RAM : 1,5 GB

c. Harddisk : 20 GB d. VGA : 64 MB

3. Spesifikasi Perangkat Lunak

Berikut dapat diuraikan kebutuhan perangkat lunak dalam perancangan website ini. Beberapa software yang digunakan antara lain adalah sebagai berikut :

a. Xampp

b. Adobe photoshop

c. Adobe dreamweaver CS3 d. Notepad ++

3.3.2. Pengujian Unit

Sebelum sistem diterapkan, terlebih dahulu dilakukan tahap pengujian.hal ini dilakukan untuk mengidentifikasi sistem jika terjadi kesalahan dan melihat kekurangan yang ada. Pengujian sistem informasi penjualan aksesoris wanita berbasis web ini menggunakan pengujian black box testing. Black box testing adalah pengujian yang dilakukan hanya mengamati hasil eksekusi melalui data uji dan memeriksa fungsional dari perangkat lunak. Jadi dianalogikan seperti kita melihat

(39)

suatu kotak hitam, kita hanya bisa melihat penampilan luarnya saja, tanpa tahu ada apa dibalik bungkus hitamnya. Sama seperti pengujian black box, mengevaluasi hanya dari tampilan luarnya (interface-nya), fungsionalitasnya, tanpa mengetahui apa sesungguhnya yang terjadi dalam proses detilnya (hanya mengetahui input dan output). Cara pengujian ini dilakukan dengan menjalankan dan mengeksekusi tiap modul kemudian dilakukan pengamatan pada hasil dari proses tersebut.

Tabel III.11. Hasil Pengujian Black Box Testing Login Admin

No. Skenario Pengujian Tes Case Hasil Yang Diharapkan Hasil Pengamatan

Kesimp ulan

1.

Username dan Password tidak diisi kemudian klik tombol login

Username : (kosong) Password :

(kosong)

Sistem akan menolak akses dan menampilkan pesan “Anda belum memasukkan username”

Sesuai

Harapan Valid

2.

Username diisi dan Password dikosongkan kemudian klik tombol login

Username : admin Password :

(kosong)

Sistem akan menolak akses dan menampilkan pesan “Anda belum memasukkan password”

Sesuai

Harapan Valid

3.

Mengetik salah satu kondisi salah pada

Username atau

Password kemudian klik login

Username : admin (Benar)

Password : 12345 (Salah)

Sistem akan menolak akses dan menampilkan pesan “Username atau Password anda tidak benar”

Sesuai

Harapan Valid

4.

Mengetikkan Username dan Password dengan data yang benar kemudian klik login

ID Pengguna : admin Kata Sandi :

admin

sistem menerima akses masuk dan kemudian langsung menampilkan menu beranda amdin

Sesuai

Gambar

Tabel III.2 Kebutuhan Sistem
Gambar III.1
Gambar III.3
Gambar III.5
+7

Referensi

Dokumen terkait

Kelompok kedua terdiri dari jenis ikan Plotosus anguilaris dan Parapercis sp yang mengelompok secara spasial yakni hanya ditemukan pada Stasiun Utara, masing-masing pada bulan

• Titik N merupakan portofolio aset berisiko dengan bobot investasi adalah 77,8 persen untuk saham AAA, 5,5 persen untuk saham BBB, dan 16,7 persen untuk saham CCC.. TEKNIK

Itu adalah seekor kuda Apa yang bisa dilakukan oleh seekor kucing dan seekor kuda!. Seekor kuda dan seekor kucing bisa berjalan

Mahkamah Agung dalam Putusan Nomor 26 PK/Pdt.Sus-Arbt/2016 menilai bahwa Putusan Majelis Arbitrase Singapore International Arbitration Center (SIAC) No.

Tabel tersebut menjelaskan bahwa cerita rakyat Timun Mas yang ada dalam iklan Marjan mengalami dekonstruksi cerita, khususnya pengembangan dari segi penokohan dan

Skripsi ini adalah hasil penelitian lapangan dengan judul ‚ Analisis Hukum Islam Terhadap Pemberian Hadiah Pada Akad Wadi<’ah Di BMT Nu Jawa Timur Di Desa Banyuarang

sampel dilakukan dengan cara proportional stratified random sampling, yaitu metode pemilihan sampel dengan cara membagi populasi ke dalam kelompok-kelompok yang homogen

11 Sebagai kesimpulan, keteladanan pendidik untuk memiliki integritas, profesionalitas, dan keikhlasan akan dapat membangun karakter peserta didik sehingga mampu