repository.bsi.ac.id · Web viewBAB III PEMBAHASAN Analisa Kebutuhan Kebutuhan pada internet...

BAB III

PEMBAHASAN

3.1. Analisa Kebutuhan

Kebutuhan pada internet padasaat ini sangat tinggi, karena pengguna internet

sangat banyak. Cepatnya informasi yang dapat diterima dari internet menjadi

kebutuhan masyarakat. Untuk memperlancar aktifitas dalam proses penyampaian

informasi, produk-produk dan sebagai media promosi bagi yang membutuhkan secara

cepat dan tepat.

3.1.1. Kebutuhan Pengguna

Dalam pembuatan website ini, terdapat dua pengguna yang dapat saling

berinteraksi dalam lingkungan sistem, yaitu: bagian admin dan member. Kedua

pengguna tersebut memiliki karakteristik interaksi dengan sistem yang berbeda-beda

dan memiliki kebutuhan informasi yang berbeda pula.

1. Administrasi

a. Admin dapat menambahkan, mengedit dan menghapus produk.

b. Admin dapat merubah harga produk sewaktu-waktu.

c. Admin dapat menambahkan, mengedit dan menghapus kategori produk.

d. Admin dapat melihat daftar konfirmasi pemesanan member.

e. Admin dapat menambahkan, mengedit dan menghapus resi pengiriman barang

atau produk.

28

29

f. Admin dapat melihat daftar pelanggan yang sudah menjadi member.

g. Admin dapat melihat pesanan atau transaksi yang dilakukan member.

h. Admin dapat melihat konfirmasi pembayaran yang dilakukan member.

i. Admin dapat melihat laporan penjualan, laporan member, laporan produk dan

laporan pembayaran.

2. Pelanggan (Member)

a. Pengunjung dapat melalukan pembelian setelah mendaftar menjadi member.

b. Pengunjung mengisi registrasi dengan mengisi data diri pada form registrasi

member kemudian mendaftar menjadi member.

c. Pelanggan dapat melihat data produk yang ditawarkan.

d. Pelanggan dapat melihat detail produk dan melakukan pembelian.

e. Pelanggan dapat mengupdate jumlah pembelian dan menghapus pembelian.

Setelah selesai belanja pelanggan akan ditampilkan halaman detail pembelian

dengan no pembelian oleh pelanggan sebagai bukti bahwa sudah melalukan

pemesanan atau transaksi.

f. Pelanggan dapat memberikan kritik atau saran dengan login terlebih dahulu.

A. Kebutuhan Sistem

1. Menyediakan form login untuk member dan admin.

2. Menyediakan form pendaftaran untuk member.

3. Menyediakan layanan untuk menyimpan kritik dan saran.

4. Menyediakan informasi-informasi tentang produk yang dijual.

30

3.2. Perancangan Perangkat Lunak

Dalam hal ini penulis akan menggambarkan sebuah rancangan website yang

akan dibuat, baik mengenai rancangan antar muka, spesifikasi file dan implementasi

pengujian unit. yang nantinya dapat membantu dalam tahap perancangan website

penjualan sepatu.

3.2.1. Rancangan Antar Muka

Dalam menganalisa sebuah perancangan web banyak hal yang harus diketahui

sebelumnya, agar web itu lebih mudah dimengerti oleh siapa saja yang

mengaksesnya. Selain itu perlu juga diketahui apa tujuannya web tersebut dibuat,

dengan kata lain kita harus bisa meninjau permasalahan yang ada sampai tidak ada.

Rancangan halaman website dalam perancangan website ini terdiri dari 2 bagian,

yaitu halaman untuk member dan halaman untuk admin.

a. Rancangan Halaman Web yang diakses Admin (Back End)

Halaman ini tempat dimana admin dapat melakukan segala sesuatu untuk

menambah atau mengedit serta mengupdate konten pada halaman pengunjung.

Di halaman ini admin juga dapat menambah, mengedit dan menghapus produk,

melihat dan menghapus data pelanggan, serta melihat transaksi penjualan.

31

1. Rancangan Halaman Login Admin

Gambar III.1.Rancangan Halaman Login Admin

2. Rancangan Halaman Beranda Admin

Gambar III.2.Rancangan Halaman Beranda Admin

Login Admin

Login

User Name:

Password:

xxxxx

xxxxx

Header

Footer

32

3. Rancangan Halaman Tambah dan Tampil Produk

Gambar III.3.Rancangan Halaman Tambah dan Tampil Produk

4. Rancangan Halaman Edit Produk

Gambar III.4.Rancangan Halaman Edit Produk

33

5. Rancangan Halaman Konfirmasi Pembayaran

Gambar III.5.Rancangan Halaman Konfirmasi Pembayaran

6. Rancangan Halaman Menu Kategori

Gambar III.6.Rancangan Halaman Menu Kategori

34

7. Rancangan Halaman Menu News

Gambar III.7.Rancangan Halaman Menu News

8. Rancangan Halaman Download

Gambar III.8.Rancangan Halaman Download

35

9. Rancangan Halaman Laporan

Gambar III.9.Rancangan Halaman Laporan

b. Rancangan Halaman Web yang diakses Member (Front End).

Halaman ini muncul saat pelanggan atatu member sudah login member.Halaman ini

diberi nama home.php. Berikut ini adalah halaman home.

1. Rancangan Halaman Login Member

Gambar III.10.Rancangan Halaman Login Member

Daftar member baru

User :

Password :

Login

xxxxxx

xxxxxx

36

2. Rancangan Halaman Daftar Member

Gambar III.11.Rancangan Halaman Daftar Member

Daftar Member

Nama :

Alamat :

Telepon :

Email :

Password :

Re Password :

Daftar

User :

xxxxx

xxxxx

99999

xxxxx

xxxxx

xxxxx

xxxxx

37

3. Rancangan Halaman Home Member

Gambar III.12.Rancangan Halaman Home Member

Logout | selamat datang saudara/i .....

Header

Search

Home Product Download About Us

Konten

Footer

Kategori

Search

Contact UsCara Order Konfirmasi

38

4. Rancangan Halaman Produk

Gambar III.13.Rancangan Halaman Produk

Gambar GambarGambar

DetailBeli DetailBeli DetailBeli

Header

Home Poduct Cara Order Download About UsContact Us

Best Sellers

Informasi

Pembayaran

Footer

Contact Us

Keranjang Belanja

Beli BeliBeli Detail

Gambar

Beli Detail

Gambar

Beli Detail

Gambar

BeliDetail

Gambar

Beli Detail

Gambar

Beli Detail

Gambar

Konfirmasi

39

5. Rancangan Halaman Detail Produk

Gambar III.14.Rancangan Halaman Detail Produk

Kategori

News

Testomonial

Header

Home Poduct Cara Order Konfirmasi

Footer

Contact Us

Product Detail !!!

Nama

Size

Warna

Gambar

Beli

Deskripsi

Harga

FooterFooterFooterFooter

Header

Poduct Cara Order Download About Us Contact Us

Best Sellers

Keranjang Belanja

Informasi

Pembayaran

Footer

40

6. Rancangan Halaman Keranjang Belanja

Gambar III.15.Rancangan Halaman Keranjang Belanja

Kategori

Home

Header

Poduct Cara Order Download About Us Contact Us

Keranjang Belanja

Pembayaran

Footer

Nama Barang

Total (Rp)

QytAksiHarga (Rp)

Gambar xxxx Rp. 9999

9 Rp.99

Grand Total Rp. 999Check Out

Keranjang Belanja

Produk

Konfirmasi

41

3.2.2. Rancangan Basis Data

Kumpulan informasi yang disimpan didalam computer secara sistematika

sehingga dapat diperiksa menggunakan suatu program komputer untuk memperoleh

informasi dari basis data. Perancangan basis data menghasilkan pemetaan tabel-tabel

yang digambarkan dengan Entity relationship Giagram (ERD).

a. ERD (Entity Relationship Diagram)

ERD merupakan suatu model untuk menjelaskan hubungan antar data dalam

basis data berdasarkan objek-objek dasar data yang mempunyai hubungan antar

relasi.

Berikut Entity Relationship Diagram (ERD) dalam website penjualan sepatu:

Gambar III.16.Entity Relationship Diagram (ERD)

42

b. LRS (Logical Record Structure)

LRS (Logical Record Structure) adalah representasi dari struktur record-record

pada tabel-tabel yang terbentuk dari hasil antara himpunan entitas menentukan

kardinalitas, jumlah tabel dan foreign key (fk).

Gambar III.17.LRS (Logical Record Structure)

43

c. Spesifikasi File

Dalam database toko_sepatu, terdiri atas beberapa file yang digunakan untuk

pengolahan data penjualan. File-file yang digunakan adalah sebagai berikut:

1. Spesifikasi File Barang

Nama File : barang

Akronim : barang

Fungsi : Untuk menyimpan data barang

Tipe File : File Master

Organisasi File : Indexsed Sequential

Akses File : Random Acces

Panjang record : 147

Media : Hardisk

Field Kunci : id_barang

Software : MySql

Tabel III.1Struktur Tabel Barang

No Elemen Data Nama Field Tipe Lebar Ekstra Keterangan

1. Id Barang id_barang int 3 AI Primary Key

2. Nama Barang nama_barang varchar 35 -

3. Deskripsi deskripsi text - -

4. warna warna varchar 20 -

5. Ukuran ukuran varchar 5 -

6. Nama Kategori nama_kategori varchar 25 -

44

7. Harga harga int 7 -

8. Stock stock int 2 -

9 Gambar gambar varchar 50 -

2. Spesifikasi File Kategori

Nama File : kategori

Akronim : kategori

Fungsi : Untuk menyimpan data kategori




Panjang record : 28

Media : Hardisk

File Kunci : id_kategori

Software : MySql

Tabel III.2.Struktur Tabel Kategori

No Elemen Data Nama Field Tipe Lebar Desc Keterangan

1. Id Kategori id_kategori Varchar 3 - Primary Key

2. Nama Kategori nama_kategori Varchar 25 -

3. Spesifikasi File Pelanggan

45

Nama File : pelanggan

Akronim : pelanggan

Fungsi : Untuk menyimpan data pelanggan




Panjang record : 83

Media : Hardisk

File Kunci : id_pelanggan

Software : MySql

Tabel III.3.Struktur Tabel Pelanggan


1. Id Pelanggan id_pelanggan int 3 - Primary key

2. Nama Pelanggan

nama_pelanggan varchar 35 -

3. Alamat alamat text - -

4. Email email text - -

5. Telepon telepon varchar 25 -

6. Username username varchar 20 -

7. Password password text - -

4. Spesifikasi File Transaksi

46

Nama File : transaksi

Akronim : transaksi

Fungsi : Untuk menyimpan data transaksi

Tipe File : File Transaksi



Panjang record : 14

Media : Hardisk

File Kunci : notransaksi

Software : MySql

Tabel III.4Struktur Tabel Transaksi


1. No transaksi notransaksi int 3 - Primary Key

2. Id pelanggan id_pelanggan varchar 10 - Foreign Key

3. Status status varchar 1 -

5. Spesifikasi File Transaksi Rinci

47

Nama File : transaksirinci

Akronim : transaksirinci

Fungsi : Untuk menyimpan rincian transaksi

Tipe File : File Transaksi



Panjang record : 77

Media : Hardisk

File Kunci :

Software : MySql

Tabel III.5Struktur Tabel Transaksi Rinci


1. Notransaksi notransaksi int 3 - Foreign Key

2. Id Pelanggan id_pelanggan varchar 20 - Foreign Key

3. Id Barang id_barang int 3 - Foreign Key

4. Nama Barang nama_barang varchar 35 -

5. Harga harga int 7 -

6. Jumlah jumlah int 2 -

7. Subtotal subtotal int 7 -

6. Spesifikasi File Konfirmasi

48

Nama File : konfirmasi

Akronim : konfirmasi

Fungsi : Untuk menyimpan data konfirmasi

Tipe File : File Konfirmasi



Panjang record : 80

Media : Hardisk

File Kunci : notransaksi

Software : MySql

Tabel III.6Struktur Tabel Konfirmasi


1. Notransaksi notransaksi Varchar 3 - Primary Key

2. User Name username Varchar 35 - Foreign Key

3. Nama Bank nama_bank Varchar 15 -

4. No Rekening no_rekening Int 15 -

5. Atas Nama atas_nama Varchar 35 -

6. Subtotal subtotal Int 7 -

7. Keterangan keterangan Text -

8. Tgl Sekarang tanggal Date -

3.2.3. Rancangan Struktur Navigasi

49

Struktur Navigasi pada website sepatu adalah struktur navigasi campuran

(composite). Melalui struktur navigasi ini dan susunan dari sebuah website ini

akan sangat membantu nantinya ketika akan membuat rancangan seluruh

halaman website.

1. Navigasi Halaman Admin

Menu navigasi pada sisi admin adalah sebagai berikut:

Gambar III.18.Struktur Navigasi Halaman Admin

2. Navigasi Halaman Member

50

Menu Navigasi pada sisi member adalah sebagai berikut:

Gambar III.19.Struktur Navigasi Halaman Member

3.3. Implementasi dan Pengajuan Unit

51

3.3.1. Implementasi

1. Halaman Login Admin

Pengelola harus melakukan login terlabih dahulu untuk menggunakan

modul-modul yang ada di menu pengelola, jika berhasil login maka menu-

menu yang sesuai kategori akan muncul sebagai berikut:

Gambar III.20.Halaman Login Admin

52

2. Halaman Menu Admin

Halaman Pengelola terdapat beberapa konten, diantaranya ada menu

beranda, menu produk, menu member dan menu kategori.

Gambar III.21.Halaman Menu Admin

3. Halaman Admin

53

Halaman admin pada menu pengelola berisi tentang, tambah, edit dan

hapus admin.

Gambar III.22.Halaman Admin

4. Halaman Produk

54

Halaman produk pada menu pengelola berisi tentang, tambah, edit dan

hapus produk.

Gambar III.23.Halaman Admin Produk

5. Halaman Kategori

55

Halaman kategori pada menu pengelola berisi tentang, tambah, edit dan

hapus kategori.

Gambar III.24.Halaman Admin Kategori

6. Halaman Konfirmasi Pembayaran

56

Halaman konfirmasi pembayaran berisi tentang data member yang sudah

mengkonfirmasi pembayaran sebagai berikut:

Gambar III.25.Halaman Admin Konfirmasi Pembayaran

7. Halaman News

Halaman news berisi tentang berita terbaru tentang sepatu sebagai berikut:

57

Gambar III.26.Halaman Admin News

8. Halaman Laporan

58

Halaman laporan berisi tentang, laporan produk, laporan member dan

laporan penjualan sebagai berikut:

Gambar III.27.Halaman Admin Laporan

9. Halaman Login Member

59

Halaman login member berisi tentang username dan password member

sebagai berikut:

Gambar III.28.Halaman Login Member

10. Halaman Home Member

60

Halaman home member berisi produk website sepatu sebagai berikut:

Gambar III.29.Halaman Home Member

11. Halaman Cara Order

61

Halaman cara order berisi tentang cara berbelanja produk pada toko ini

Gambar III.30.Halaman Cara Order

12. Halaman Download

62

Halaman Download berisi tentang halaman untuk mendownload sebuah

brosur tentang sepatu berformat PDF.

Gambar III.31.Halaman Download

13. Halaman Konfirmasi

63

Halaman konfirmasi berisi tentang halaman konfirmasi pembayaran yang

sudah dibayar.

Gambar III.32.Halaman Konfirmasi

14. Halaman About Us

64

Halaman about us berisi tentang toko sepatu yang telah dibuat.

Gambar III.33.Halaman About Us

15. Halaman Contact Us

65

Halaman contact us berisi tentang nomor atau email yang bisa dihubungi

oleh member untuk konfirmasi dan keluhan.

Gambar III.34.Halaman Contact Us

16. Halaman Keranjang Belanja

66

Halaman keranjang belanja berisi tentang produk yang akan dibeli oleh

pelanggan.

Gambar III.35.Halaman Keranjang Belanja

A. Spesifikasi Sistem Komputer

67

Konfigurasi sistem komputer meliputi perangkat keras (hardware) dan perangkat

lunak (software) agar dapat digunakan untuk melakukan pekerjaan komputerisasi.

1. Perangkat Keras (Hardware)

Yang dimaksud perangkat keras disini adalah seperangkat alat yang

membantu sistem yang disusulkan dengan alat bantu lain. Yang terdiri dari

unit masukan (input), unit pemprosesan (proses), keluaran (output), dan untuk

simpanan luar (memory). Pemilihan suatu komputer antara lain ditentukan

oleh kapasitas komputer dan unit pengolahan datanya (CPU), unit pemasukan

datanya yaitu keyboard dan media penyimpanan datanya berupa harddisk.

Penulis menerapkan juga bahwa perangkat keras yang disarankan agar dapat

berjalan sebagai berikut :

a. Server

1. CPU

a) Processor AMD E-300 APU whit Radeon(tm) HD Graphics 1.30

GHz

a) RAM 2 GB

b) Hardisk 500 GB

2. Mouse

3. Keyboard

4. Monitor resolusi layar 1366 x 768

b. Client

1. CPU

68

b) Processor AMD E-300 APU whit Radeon(tm) HD Graphics 1.30

GHz

c) RAM 2 GB

d) Hardisk 500 GB

2. Mouse

3. Keyboard

4. Monitor resolusi layar 1366 x 768

2. Perangkat Lunak (Software)

Perangkat lunak atau software adalah seluruh fase dari sistem pengolahan

data yang dibuat dari peralatan komputernya sendiri. Fasilitas software ini

sendiri terdiri dari sistem desain, program dan prosedur-prosedur lainnya.

Disini penulis menerangkan bahwa sistem komputer perangkat lunak yang

digunakan saat ini adalah sebagai berikut :

a. Server

1. Sistem Operasi : Microsoft Windows 7

2. Text Editor : Dreamweaver cs6

3. Bahasa Script : HTML, PHP

4. Web Server : XAMPP

5. Database : MySQL

6. Database manager : phpMyAdmin

b. Web Browser : Mozilla Firefox

1. Sistem Operasi : Microsoft Windows 7

69

2. Web Browser : Mozilla Firefox, Internet Explorer

3.3.2. Pengujian Unit

A. Pengujian Terhadap Form Login Admin

Tabel III.7.Hasil Pengujian Black Box Testing Pada Form Login Admin

NoSkenario Penguji

Test CaseHasil Yang Diharapkan

Hasil Pengujian

Kesimpulan

1.

Username dan

password tidak diisi kemudian

tekan tombol Login

Username= kosong

Password= kosong

Sistem akan menolak user dan

akan menampilkan”And

a Belum Menghasilkan Username atau

Password”

Sesuai Harapan

Valid

2.

Mengetik username

dan membiark

an password kosong

kemudian klik

tombol login

Username= admin

Password= kosong


akan menampilkan” Anda Belum

Menghasilkan Username atau

Password”

Sesuai Harapan

Valid

3. Username dibiarkan

Username Sistem akan menolak user dan

Sesuai Valid

70

kosong dan

password diisi

kemudian klik login

= kosongPassword=

12345

akan menampilkan” Anda Belum

Menghasilkan Username atau

Password”

Harapan

4.

Mengetik salah satu kondisi

salah pada username

atau password kemudian klik login

Username=

admin(benar)

Password= 11223(sala

h)


akan menampilkan”

LOGIN GAGAL!Username atau Password anda

salah.Atau account Anda

tidak terdaftar.Ulangi Lagi”

Sesuai Harapan

Valid

5.

Mengetikan

username dan

password dengan

data yang benar

kemudian klik login

Username=

admin(benar)

Password= 12345(ben

ar)

Sistem menerima akses login

kemudian masuk kehalaman utama

admin

Sesuai Harapan

Valid

71

B. Pengujian Terhadap Form Daftar Member

Tabel III.8.Hasil Pengujian Black Box Testing Daftar Member

No Sekenario Pengujian Test Case Hasil Yang Diharapkan

Hasil Pengujian Kesimpulan

1

Nama, Alamat, Telepon, Email, User,

Password, Re Password kemudian klik Daftar

Nama = KosongAlamat = Kosong

Telepon = Kosong

Email = KosongUser = Kosong

Password = Kosong

Re Password = Kosong

Sistem akan menolak user

dan akan menampilkan

“Daftar member

Anda tidak berhasil. Kembali”

Sesuai Harapan Valid

2 Mengetikkan Nama kemudian klik Daftar

Nama = diisiAlamat = Kosong

Telepon = Kosong


Password = Kosong




“Daftar member



3Mengetikan Nama dan Alamat kemudian klik

Daftar

Nama = diisiAlamat = diisi

Telepon = Kosong


Password = Kosong




“Daftar member



4 Mengetikan Nama, Alamat dan Telepon

Nama = diisi Sistem akan menolak user

Sesuai Valid

72

kemudian klik Daftar

Alamat = diisiTelepon = diisiEmail = KosongUser = Kosong

Password = Kosong



“Daftar member


Harapan

5

Mengetikan Nama, Alamat, Telepon dan Email kemudian klik

Daftar

Nama = diisiAlamat = diisiTelepon = diisiEmail = diisi

User = KosongPassword =

KosongRe Password =

Kosong



“Daftar member



6

Mengetikan Nama, Alamat, Telepon, Email dan User kemudian klik

Daftar

Nama = diisiAlamat = diisiTelepon = diisiEmail = diisiUser = diisiPassword =

KosongRe Password =

Kosong



“Daftar member



7

Mengetikan Nama, Alamat, Telepon, Email, User dan

password kemudian klik Daftar

Nama = diisiAlamat = diisiTelepon = diisiEmail = diisiUser = diisi

Password = diisiRe Password =

Kosong



“Daftar member



8 Mengetikan Nama, Alamat, Telepon,

Email, User, password dan Re Password

kemudian klik Daftar

Nama = diisiAlamat = diisiTelepon = diisiEmail = diisiUser = diisi

Password = diisi

Sistem menerima

akses member

kemudian masuk

Sesuai Harapan

Valid

73

Re Password = diisi

kehalaman Home untuk melakukan

Login

repository.bsi.ac.id · Web viewBAB III PEMBAHASAN Analisa Kebutuhan Kebutuhan pada internet...

Documents

Transcript of repository.bsi.ac.id · Web viewBAB III PEMBAHASAN Analisa Kebutuhan Kebutuhan pada internet...