BAB III - repository.nusamandiri.ac.id filedilakukan dengan menggunakan media internet. Berikut ini...

23

23

BAB III PEMBAHASAN

A. Analisis Kebutuhan

Pada sistem penjualan secara online ini, customer dapat melakukan transaksi

dengan mudah tanpa perlu datang langsung untuk memesan Paket Wisata tetapi bisa

dilakukan dengan menggunakan media internet. Berikut ini spesifikasi kebutuhan dari

sistem e-commerce.

a. Halaman Pelanggan (Umum)

1. Halaman utama pengunjung

2. Pengunjung dapat daftar sebagai pelanggan atau anggota

3. Pengunjung dapat melihat katalog produk tanpa bisa membeli

b. Halaman Pelanggan (anggota)

1. Halaman Utama Pelanggan Setelah Login.

2. Pelanggan dapat melihat katalog paket wisata dan bisa membeli

3. Pelanggan membeli paket wisata yang diminati dan ditambah ke keranjang

belanja.

4. Pelanggan dapat mencetak struk pemesanan paket wisata.

5. Pelanggan dapat melakukan konfirmasi pembayaran.

6. Pelanggan dapat melihat daftar transaksi

7. Pelanggan dapat mengisi lupa password

24

24

c. Halaman Admin

1. Admin dapat Login

2. Admin dapat mengelola data paket wisata.

3. Admin dapat mengelola data kategori paket wisata.

4. Admin dapat mengelola data pelanggan anggota

5. Admin dapat mengelola data lupa password.

6. Admin dapat mengelola data pesanan.

7. Admin dapat melihat data konfirmasi pembayaran

8. Admin mengelola buku tamu

B. Perancangan Perangkat Lunak.

1. Rancangan Antar Muka

a. Rancangan Antar Muka Pelanggan (umum)

1. Halaman Utama

Gambar III.1.

Rancangan Antar Muka Halaman Utama

25

25

2. Daftar Baru

Gambar III.2.

Rancangan Antar Muka Daftar Baru

2. Produk Halaman Pengunjung

Gambar III.3.

Rancangan Antar Muka Produk Pengunjung

26

26

b. Rancangan Antar Muka Pelanggan (Anggota)

1. Halaman Utama Pelanggan

Gambar III.4.

Rancangan Antar Muka Halaman Utama Pelanggan

2. Produk halaman Pelanggan (member)

Gambar III.5.

Rancangan Antar Muka Produk Pelanggan

27

27

3. Buku Tamu

Gambar III.6.

Rancangan Antar Muka Buku Tamu

5. Konfirmasi pembayaran

Gambar III.8.

Rancangan Antar Muka Konfirmasi Pembayaran

28

28

C. Rancangan Antar Muka Admin

1. Login Admin

Gambar III.10.

Rancangan Antar Muka Halaman Login Admin

2. Halaman Admin

Gambar III.11.

Rancangan Antar Muka Halaman Admin

29

29

3. Data Paket Wisata

Gambar III.12.

Rancangan Antar Muka Data Paket Wisata

6. Data Member

Gambar III.15.

Rancangan Antar Muka Data Pelanggan

30

30

7. Data Pesanan

Gambar III.16.

Rancangan Antar Muka Data Pesan

8. Data Konfirmasi

Gambar III.17.

Rancangan Antar Muka Data Konfirmasi

31

31

9. Laporan

Gambar III.18.

Rancangan Antar Muka Laporan

10. Data Buku Tamu

Gambar III.19.

Rancangan Antar Muka Data Buku Tamu

32

32

C. Basis Data

1. Entity Relationship Diagram

Member Pemesanan Paket WIsataMelakukan Mempunyai

Memiliki

Kategori

melakukan

Konfirmasi Mendapat

1 M M M

1

1

1

1

M

1

alamat

nama telepon

emailpassword

Id_pemesanan

Id_paket

No_pemesanan

jamtanggal

username

status

Id_paket

Kode_paket Nama_paket

tujuan

fasilitas

harga

stok

gambarId_pemesanan

esername

Nama_kategoriId_kategori

No_pemesanan

jumbay

tagbay daribank

norek

gambar

No_konfirmasi

username

Gambar III.20.

Entity Relationship Diagram

33

33

2. Logical Reationshipl Structure (LRS)

Paket_wisata

Id_paketKode_paketNama_paketTujuanFasilitasHargaStokGambarId_kategori

kategori

Id_kategoriNama_kategori

pemesanan

Id_pemesananno_pemesananTanggalJamUsernamestatus

Detail_pemesanan

Id_pemesananNo_pemesananjumlahId_paket**

konfirmasi

No_konfirmasiUsernameJumbayNo_pemesananTagbayDaribankNorekgambar

Member

UsernamePasswordNamaAlamatTeleponemail

MM

1

M

M

1

1 1

1

M

1

Gambar III.21.

Logical Relationship Structure

D. Spesifikasi File

a. Spesifikasi File Admin

Nama File : Tabel Admin

Akronim : admin

Fungsi : Untuk menyimpan data admin

Tipe File : File Master

Organisasi File : Indexed Sequential

34

34

Akses File : Random

Media : Harddisk

Panjang record : 55

Kunci Field : id_admin

Software : Mysql

Tabel III.1

Spesifikasi File admin

b. Spesifikasi File Member

Nama File : Tabel Member

Akronim : Member

Fungsi : Untuk menyimpan data pelanggan

Tipe File : File Master


Akses File : Random

Media : Harddisk

Panjang record : 132

Kunci Field : username

Software : Mysql

No Elemen Data Nama Filed Tipe Size Extra Ket

1. Id Admin Id_admin Int 10 Auto_increment Primary Key

2. Username Username Varchar 30

3. Password Password Varchar 15

35

35

Tabel III.2.

Spesifikasi File Member

c. Spesifikasi File Paket Wisata

Nama File : Tabel Paket Wisata

Akronim : paket_wisata

Fungsi : Untuk menyimpan data barang

Tipe File : File Transaksi


Akses File : Random

Media : Harddisk


Kunci Field : id_paket

Software : Mysql

Tabel III.3.

Spesifikasi File Paket Wisata


1. Username Username Varchar 15 Primary Key

2. Password Password Varchar 20

3. Nama Member Nama Varchar 30

4. Alamat Alamat Text 30

5. Telepon Telpon Varchar 12

6. Email Email Varchar 25


36

36

d. Spesifikasi File kategori

Nama File :Tabel Kategori

Akronim : kategori

Fungsi :Untuk menyimpan data kategori

Tipe File :File Transaksi


Akses File : Random

Media : Harddisk

Panjang record : 35

Kunci Field : id_kategori

Software : Mysql

1. Id paket id_paket Int 10 Auto_increment Primary Key

2. Kode paket kode_paket Int 10

3. Nama Paket nama_paket Varchar 20

4. Tujuan tujuan Varchar 60

5. Fasilitas fasilitas Varchar 60

6. Harga harga Varchar 8

7. Stok stok Varchar 20

8. Id kategori Id_kategori Int 10

9. Gambar Gambar Text 500

37

37

Tabel III.4

Spesifikasi File kategori

e. Spesifikasi File Pemesanan

Nama File : Tabel Pemesanan

Akronim : pemesanan

Fungsi : Untuk menyimpan data pemesanan paket wisata



Akses File : Random

Media : Harddisk

Panjang record : 60

Kunci Field : id_pemesanan

Software : Mysql


1. Id kategori Id_kategori Int 10 Auto_increment Primary

Key

2. Nama kategori nama_kategori Varchar 25

38

38

Tabel III.5.

Spesifikasi File pesan

j. Spesifikasi File Konfirmasi

Nama File : Tabel Konfirmasi

Akronim : konfirmasi

Fungsi :Untuk menyimpan data konfirmasi pembayaran



Akses File : Random

Media : Harddisk


Kunci Field : no_konfirmasi

Software : Mysql


1. Id pesan Id_pemesanan Int 10 Auto_increment Primary key

1. No pesan no_pemesanan Varchar 5

2. Tanggal pesan Tanggal Date

3. Jam pesan Jam Varchar

4. username Username Time 25

5. Status pesan Status Varchar 20

39

39

Tabel III.10.

Spesifikasi File konfirmasi

k. Spesifikasi File detail_pemesanan

Nama File : Tabel detail_pemesanan

Akronim : detail_pemesanan

Fungsi : Untuk menyimpan data pemesanan



Akses File : Random

Media : Harddisk

Panjang record : 30

Kunci Field : id_pemesanan

Software : Mysql


1. No Konfirmasi no_konfirmasi Int 10 Auto_increment Primary Key

2. Username Username Varchar 25

3. Jumlah Bayar Jumbay Int 10

4. No pemesanan no_pemesanan Int 10

5. Tanggal Tagbay Date

6. Dari bank Daribank Varchar 10

7. No rekening Norek Varchar 20

8. gambar Gambar Varchar 200

40

40

Tabel III.11.

Spesifikasi File pesan_detail

E. Rancangan Struktur Navigasi

Navigasi merupakan unsur penting dalam banyak halaman web,

Tujuannya agar seseorang merasa mudah mengemudikan suatu halaman web.

Biasanya kom ponen navigasi tersebut berupa fasilitas yang berfungsi untuk

berpindah ke halaman web lainnya, yang diwujudkan dalam berbagai cara. Program

web browser sendiri, seperti Intenet Explorer dan Google Chrome dilengkapi fasilitas

untuk mempermudah seseorang dalam menjelajah dunia Internet. Dalam membuat

web (situs web) pribadi, penulis menggunakan peta navigasi untuk mengetahui

arah dari perjalanan halaman web penjualan Busana Muslim Pria ini. Struktur

navigasi ini fleksibel karena alur program dapat bergerak bebas. Setelah menentukan

struktur navigasi maka dibuatlah peta navigasi, peta navigasi adalah bentuk detail

dari struktur navigasi. Peta navigasi dapat dilihat seperti gambar dibawah ini:


1. Id Pemesanan id_pemesanan Varchar 10 Primary Key

2. Kode Kode Int 10

3. Jumlah Jumlah Int 10

41

41

1. Rancangan Menu Utama Admin

Data admin

Index

Data Paket

Data Member

Data Pesanan

Laporan

Data Bukutamu

Data Konfirmasi

Tampil data Admin

Tampil data paket

Tampil data member

Tampil data pesanan

Tampil data laporan

Tampil data konfirmas

Tampil data buku tamu

Input

Edit

Hapus

Input

Edit

Hapus Hapus Input Edit Hapus

login

edit hapus Edit hapus hapus

LOGOUT

Gambar III.22.

Struktur Navigasi Halaman Admin

42

42

2. Rancangan index-pengunjung

Gambar III.23.

Struktur Navigasi Halaman Pengunjung

43

43

3. Rancangan index-pelanggan (anggota)

Home

Profil

Cara Pembelian

Paket Wisata

Konfirmasi

Hubungi kami

Index

Tampil Halaman Paket Wisata

Tampil Halaman Hubungi kami

selesai

Tampil halaman profil

Tampil halaman Konfirmasi

Tampil Halaman Cara Pembelian

Struk Pemesanan Paket Wisata

Gambar III.24.

Struktur Navigasi Halaman Pelanggan

3.3. Implementasi dan Pengujian Unit

F. Implementasi

a. Implementasi Rancangan Antar Muka

Implementasi rancangan antar muka pada aplikasi elearning berdasarkan hasil

rancangan antar muka.

44

44

1. Halaman index pengunjung

Tampilan awal ketika pengunjung memasuki web.

Gambar III.25.

Implementasi Rancangan Antar Muka index pengunjung

2. Daftar Baru

Daftar baru ini digunakan pengunjung untuk menjadi pelanggan (anggota)

agar bisa berbelanja di web kami.

45

45

Gambar III.26.

Implementasi Rancangan Antar Muka daftar baru

3. Produk pengunjung

Halaman ini digunakan pengunjung untuk melihat produk yang tersedia di

web tetapi belum bisa melakukan pembelian harus menjadi pelanggan agar bisa

melakukan pembelian.

46

46

Gambar III.27.

Implementasi Rancangan Antar Muka produk

4. Halaman utama pelanggan

Halaman utama pelanggan yang telah memiliki akun di web dan melakukan

login di index pengunjung.

Gambar III.28.

Implementasi Rancangan Antar Muka Halaman utama pelanggan

5. Produk pelanggan

Halaman ini dimana pelanggan dapat melihat produk yang ada di web dan

bisa melakukan pembelian.

47

47

Gambar III.29.

Implementasi Rancangan Antar Muka Produk Pelanggan

6. Buku tamu

Halaman ini digunakan pelanggan untuk mengisi buku tamu dalam

menyampaikan pertanyaan atau komentar kepada admin

48

48

Gambar III.30.

Implementasi Rancangan Antar Muka Buku Tamu Pelanggan

7. Keranjang Belanja

Halaman ini tampil di pelanggan bila telah melakukan pembelian produk dan

produk di simpan di keranjang belanja.

Gambar III.31.

Implementasi Rancangan Antar Muka Keranjang Belanja

8. Simpan struk transaksi

Halaman ini digunakan pelanggan untuk menyimpan sebuah struk transaksi

setelah melakukan selesai pembelian.

49

49

Gambar III.32.

Implementasi Rancangan Antar Muka Struk Transaksi

9. Konfirmasi pembayaran

Halaman Ini digunakan pelanggan ketika pelanggan melakukan pembayaran.

50

50

Gambar III.33.

Implementasi Rancangan Antar Muka konfirmasi pembayaran

11. Login admin

Halaman ketika admin sebelum login, ketika admin telah login maka akan

tampil halaman admin beserta menu-menu yang ada.

Gambar III.35.

51

51

Implementasi Rancangan Antar Muka login admin

12. Halaman Admin

Tampilan setelah admin login dan admin bias melihat semua data melalui

menu yang ada di halaman admin.

Gambar III.36.

Implementasi Rancangan Antar Muka Halaman admin

13. Data Paket Wisata

Halaman ini menampilkan data-data paket wisata yang ada di halaman web, di

data paket admin bisa menambah, mengedit dan menghapus data paket wisata.

52

52

Gambar III.37.

Implementasi Rancangan Antar Muka Data Paket Wisata

15. Data Member

Halaman ini menampilkan data-data pelanggan yang, di data pelanggan admin

bisa menghapus data pelanggan.

53

53

Gambar III.38..

Implementasi Rancangan Antar Muka Data pelanggan

16. Data Pemesanan

Halaman ini menampilkan data-data pesanan yang dipesan pelanggan, di data

pesan admin bisa mengubah status pesan pelanggan.

Gambar III.39..

Implementasi Rancangan Antar Muka Data pesan

54

54

17. Data konfirmasi

Halaman ini menampilkan data-data konfirmasi yang dilakukan pelanggan, di

data konfirmasi admin bisa menghapus data konfirmasi.

Gambar III.40.

Implementasi Rancangan Antar Muka Data konfirmasi

18. Data laporan

Halaman ini menampilkan data-data laporan pengiriman, di data laporan

admin bisa menghapus data laporan.

55

55

Gambar III.41.

Implementasi Rancangan Antar Muka Data Laporan

19. Data buku tamu

Halaman ini menampilkan data-data buku tamu yang dikirim oleh pelanggan,

di data buku tamu admin bisa menghapus data buku tamu.

Gambar III.42.

Implementasi Rancangan Antar Muka Data Buku Tamu

56

56

A. Spesifikasi Sistem Komputer

Berikut ini adalah spesifikasi perangkat keras dan perangkat lunak minimum

yang dibutuhkan untuk mengimplementasikan aplikasi e-commerce.

1. Spesifikasi Perangkat Keras

a. Server

1) CPU

a) Processor Intel® Core 2 Duo T6500 @2.10 GHz

b) RAM DDR2 3 GB

c) Hard Disk 300 GB

2) Keyboard

3) Monitor dengan resolusi layar minimum 800x600

2. Spesifikasi Perangkat Lunak

1) Server

1) Sistem operasi yang umum digunakan seperti: Microsoft

2) Aplikasi bundle web server seperti: Xampp, WampServer, php2triad yang

terdiri dari beberapa komponen, diantaranya:

a) Aplikasi PHP Server v5

b) Aplikasi MySQL Server v5

c) Aplikasi phpMyAdmin v3

3) Aplikasi Web Browser seperti Mozilla Firefox, Internet Explorer, Google

Chrome.

57

57

3.3.2. Pengujian Unit

A. PengujianTerhadap Form Login Pelanggan

Tabel III.12.

PengujianTerhadap Form Login Pelanggan

B. PengujianTerhadap Form Login Admin

No Skenario pengujian Test Case Hasil yang diharapkan Hasilpengujian Kesimpulan

1. User name dan

password tidak diisi

kemudian klik

tombol login

User name :

(kosong)

Password:

(kosong)

Sistem akan menolak akses

user dan menampilkan

“Anda Gagal Login”

Sesuai harapan Valid

2 Mengetikkan user

name dan password

tidak diisi atau

kosong kemudian

klik tombol login

User name

:FDR

Password:

(kosong)





3. User tidak di isi User name :

(kosong)

Password: 456





4. Mengetikkan salah

satu kondisi salah

pada user name

atau password

kemudian klik

tombol login

User name :

DFR (kosong)

Password: 456





5. Mengetikkan user

name dan password

dengan data yang

benar kemudian

klik tombol login

User name:

FDR(benar)

Password:

456 (benar)

Sistem menerima akses

login , kemudian langsung

menampilkan”selamat

dating saudara/i dan masuk

kehalaman member.

Sesuaiharapan

Valid

58

58

Tabel III.13.

PengujianTerhadap Form Login Admin

C. PengujianTerhadap Form input Member

No Skenario pengujian Test Case Hasil yang diharapkan Hasil pengujian Kesimpulan

1. username dan


kemudian klik

tombol login

username :

(kosong)

Password:

(kosong)


admin dan menampilkan

“AndaGagal Login”


2 Mengetikkan

username dan


atau kosong

kemudian klik

tombol login

username :

ari

Password:

(kosong)





3. username tidak di isi username :

(kosong)

Password:

kharisma





4. Mengetikkan salah

satu kondisi salah

pada username atau

password kemudian

klik tombol login

username :

aa (kosong)

Password:

guru





5. Mengetikkan

username dan

password dengan

data yang benar

kemudian klik

tombol login

username :

ari

Password:

kharisma

Sistem menerima akses login

, kemudian langsung

menampilkan”selamat datang

saudara/i dan masuk

kehalaman admin.


59

59

Tabel III.14.

PengujianTerhadap Form Daftar Baru

No Skenario pengujian Test Case Hasil yang diharapkan Hasil pengujian Kesimpulan

1. Username, password,

nama lengkap,

alamat, telepon dan

email tidak diisi

kemudian klik

tombol simpan

username

(kosong)

password

(kosong)

nama

lengkap

(kosong)

alamat

(kosong)

telepon

(kosong)

email

(kosong)

Sistem akan menolak simpan

data daftar baru


2 Username (diisi),

password, nama

lengkap, alamat,

telepon dan email

tidak diisi kemudian

klik tombol simpan

Username:

FDR

password

(kosong)

nama

lengkap

(kosong)

alamat

(kosong)

telepon

(kosong)

email

(kosong)

Sistem akan menolak simpan

data daftar baru


3. Username (diisi),

password (diisi),

nama lengkap (diisi),

alamat (diisi),

Username:

FDR

Password:

xxx

Sistem akan menerima

simpan


60

60

telepon (diisi) dan

email (diisi)

kemudian klik

tombol simpan

nama

lengkap:

Farhan

alamat:

jl.jalan

telepon:

0989999

email:

[email protected]

om

BAB III - repository.nusamandiri.ac.id filedilakukan dengan menggunakan media internet. Berikut ini...

Documents

Transcript of BAB III - repository.nusamandiri.ac.id filedilakukan dengan menggunakan media internet. Berikut ini...