BAB III PEMBAHASAN - Bina Sarana Informatika...10. Mengelola akun. Merupakan proses mengelola akun pelanggan. 11. Melakukan Logout. Melakukan proses untuk melakukan logout pelanggan

31

BAB III

PEMBAHASAN

3.1.Analisis Kebutuhan Software

Dalam tahap mengalisa kebutuhan software, pembuatan sistem informasi

web e-commerce aksesoris motor dimulai dengan mengalisa kebutuhan dan

menggambarkan kebutuhan sistem dengan menggunakan diagram UML, yaitu

Activity Diagram dan Use Case Diagram. Berikut adalah tahapan dalam

pengembangan software:

3.1.1. Analisis Kebutuhan

Sistem informasi web e-commerce adalah sistem penjualan dengan

memanfaatkan internet dimana penjual dan pembeli melakukan proses jual beli

secara online menggunakan media web browser. Dalam pembuatan tugas akhir ini,

penulis membuat sebuah toko online yang diberi nama Gastor. Toko online ini

menjual produk-produk aksesoris motor.

Penulis membagi sistem menjadi dua, yaitu Front-end dan Back-end. Front-

end adalah halaman yang di akses pengunjung dan pelanggan, sedangkan back-end

adalah halaman admin yang diakses oleh administrator dan admin toko. Dimana

pengunjung hanya dapat melihat-lihat sekilas tentang toko dan barang-barang

aksesoris motor yang tersedia, sedangkan ketika hendak membeli, maka

pengunjung harus terlebih dahulu mendaftar menjadi pelanggan. Dan admin toko

sebagai pengelola data master, pesanan, dan membuat laporan penjualan pada toko

online tersebut, sedangkan administrator sebagai pemilik toko yang dapat

mengakses halaman admin secara keseluruhan.

32

Berikut adalah analisa kebutuhan dari sistem e-commerce aksesoris motor:

1. Front-end

a. Pengunjung:

A1. Pengunjung membuka website toko online

A2. Pengunjung melihat cara pesanan

A3. Pengunjung melihat tentang toko

A4. Pengunjung mencari dan melihat barang dengan kotak pencarian

A5. Pengunjung mencari dan melihat barang sesuai kategori

A6. Pengunjung mendaftar menjadi pelanggan

b. Pelanggan:

B1. Pelanggan login ke dalam sistem informasi web e-commerce

B2. Pelanggan membuka website toko online

B3. Pelanggan melihat cara pesanan

B4. Pelanggan melihat tentang toko

B5. Pelanggan mencari dan melihat barang dengan kotak pencarian

B6. Pelanggan mencari dan melihat barang sesuai kategori

B7. Pelanggan melakukan pembelian dengan keranjang

B8. Pelanggan melihat pemesanan

B9. Pelanggan menghubungi toko

B10. Pelanggan mengatur profil

B11. Pelanggan melakukan logout

2. Back End

a. Admistrator:

C1. Administrator login ke dalam sistem

33

C2. Administrator dapat mengelola master kategori

C3. Administrator mengelola master barang

C4. Administrator mengelola master kota

C5. Administrator mengelola master ongkir

C6. Administrator mengelola master pelanggan

C7. Administrator mengelola data master admin

C8. Administrator mengelola halaman informasi

C9. Administrator mengelola pesanan baru

C10. Administrator mengelola data pesanan

C11. Administrator mengelola pengiriman pesanan

C12. Administrator encetak laporan penjualan

C13. Administrator mencetak laporan barang

C14. Administrator mengatur profil

C15. Administrator melakukan logout

b. Admin Toko:

D1. Admin Toko login ke dalam sistem

D2. Admin Toko dapat mengelola master kategori

D3. Admin Toko mengelola master barang

D4. Admin Toko mengelola master kota

D5. Admin Toko mengelola master ongkir

D6. Admin Toko mengelola master pelanggan

D7. Admin Toko mengelola halaman informasi

D8. Admin Toko mengelola pesanan baru

D9. Admin Toko mengelola data pesanan

34

D10. Admin Toko mengelola pengiriman pesanan

D11. Admin Toko mencetak laporan penjualan

D12. Admin Toko mencetak laporan barang

D13. Admin Toko mengatur profil

D14. Administrator dan Admin Toko melakukan logout

3.1.2. Use Case Diagram

1. Deskripsi Aktor

Tabel III.1

Deskripsi Aktor Sistem Informasi Web E-commerce Aksesoris Motor

No Aktor Deskripsi

1. Pengunjung Aktor yang dapat membuka front-end website toko

online aksesoris motor, dan melihat informasi toko

seperti melihat produk-produk yang dijual pada website,

melihat tata cara pembelian produk, dan tentang toko

website e-commerce aksesoris motor. Tetapi pelanggan

belum dapat melakukan pembelian. Pengunjung harus

mendaftar sebagai pelanggan, agar dapat melakukan

pembelian.

2. Pelanggan Aktr yang dapat membuka front-end halaman website

toko online aksesoris motor, dan melihat informasi toko

seperti melihat produk-produk yang dijual pada website,

melihat tata cara pembelian produk, dan tentang toko

website e-commerce aksesoris motor. Login sebagai

pelanggan, melakukan pembelian dengan keranjang,

konfirmasi pembelian, melihat status pemesanan, dan

mengatur akun.

3. Administrator Aktor yang mengelola keseluruhan website e-commerce

toko online aksesoris motor. Di mana administrator

adalah pemilik toko, dan memiliki seluruh hak akses

dalam mengelola sistem.

4. Admin Toko Admin toko adalah sebagai karyawan toko yang

mengelola transaksi pada toko. Hak akses yang dimiliki

hampir sama dengan administrator, hanya saja admin

toko tidak dapat mengelola master data user atau admin

toko.

35

2. Diagram Use Case

a. Diagram Use Case Halaman Front-End

Gambar III.1

Diagram Use Case Halaman Fornt-End

uc Use Case Model

Pengunjung

Pelanggan

membuka beranda

toko online

Melihat cara

pemesanan

Melihat tentang toko

Mencari barang

Mendaftar menjadi

pelanggan

Melakukan login

pelanggan

Masukan username

dan password

mencari dengan

kategori

mencari dengan

kotak pencari

Masukan data

pelanggan baru

Mengelola

keranjang belanja

Melakukan

pembelian

Konfirmasi

Pembelian

Melihat status

pemesanan

menghubungi toko

Mengelola akun

Melakukan logout

SIstem Informasi Web E-commerce Aksesories Motor Halaman Front-End

«include»

«include»

«include»

«include»

«include»

«include»

«include»

«include»

«include»

«include»

«invokes»

«include»

«include»

«include»

36

1) Deskripsi Use Case Halaman Front-End

Tabel III.2.

Deskripsi Use Case Halaman Front End

No Use Case Dekripsi

1. Membuka beranda

toko online.

Merupakan proses membuka website toko online.

2. Melakukan login

pelanggan.

Merupakan proses untuk melakukan login

pelanggan.

3. Mendaftar menjadi

pelanggan.

Merupakan proses untuk pengunjung website

menjadi pelanggan.

4. Melihat cara

pemesanan.

Menampilkan informasi tentang tata cara

pemesanan.

5. Melihat tentang

toko.

Menampilkan informasi tentang toko.

6. Mencari barang. Merupakan proses mencari barang yang ada

dalam basis data.

7. Mengelola

keranjang belanja.

Melakukan proses mengelola keranjang belanja

untuk melakukan proses pemesanan.

8. Melihat status

pemesanan.

Merupakan proses dalam memberikan informasi

tentang status pemesanan.

9. Menghubungi toko. Merupakan informasi agar dapat menghubungi

toko.

10. Mengelola akun. Merupakan proses mengelola akun pelanggan.

11. Melakukan Logout. Melakukan proses untuk melakukan logout

pelanggan.

2) Skenario Use Case Halaman Front-End

a) Skenario Use Case: Membuka beranda website toko online

Tabel III.3.

Skenario Use Case Membuka Beranda Toko Online

Aksi Aktor Reaksi Sistem

Skenario Normal

1. Aktor membuka atau mengunjungi

toko online

2. Sistem menampilkan halaman

beranda toko online

3. Aktor melakukan registrasi sebagai

pelanggan baru

37

4. Sistem menyimpan user

pelanggan baru

5. Memilih menu Login pada beranda

6. Menampilkan halaman login

7. Melakukan login, memasukan

username dan password

8. Cek login dan menampilkan

beranda pelanggan

9. Memilih menu tentang toko

10. Menampilkan halaman tentang toko

online

11. Memilih menu cara pemesanan

12. Menampilkan halaman cara

pemesanan

13. Memilih kotak pencarian barang

14. Masukan nama barang yang dicari

15. Mencari barang dalam database

16. Menampilkan hasil pencarian

barang

17. Mencari berdasarkan kategori, klik

menu kategori

18. Pilih kategori yang diinginkan

21. Mencari barang dalam database

22. Menampilkan hasil pencarian

barang berdasarkan kategori

23. Memasukan barang dalam

keranjang

24. Menampilkan keranjang belanja

25. Memilih menu pesanan

26. Menampilkan status pesanan

27. Memilih menu hubungi toko

28. Menampilkan halaman informasi

hubungi toko

29. Memilih pengaturan

30. Menampilkan halaman edit profil

pelanggan

31. Melakukan logout

32. Keluar sebagai pelanggan

b) Skenario Use Case: Mendaftar sebagai pelanggan

Tabel III.4.

Skenario Use Case Mendaftar Menjadi Pelanggan


38

Skenario Normal

1. Memilih menu daftar pelanggan

2. Menampilkan halaman form

pendaftaran menjadi pelanggan

3. Memasukan data informasi untuk

menjadi pelanggan

4. Memilih tombol daftar

5. Memeriksa valid tidaknya data

masukan

6. Data berhasil di simpan

7. Tampil notifikasi pendafatan sukses

dan menampilkan halaman form

login

Skenario Alternatif

1. Memilih menu daftar pelanggan

2. Menampilkan halaman form

pendaftaran menjadi pelanggan

3. Memasukan data informasi untuk

menjadi pelanggan

4. Memilih tombol daftar


masukan

6. Mengeluarkan pesan bahwa data

masukan tidak valid

7. Memperbaiki data masukan yang

tidak valid


masukan

9. Data berhasil disimpan

10. Tampil pesan pendafatan sukses

dan menampilkan halaman form

login

c) Skenario Use Case: Melakukan Login Pelanggan

Tabel III.5.

Skenario Use Case Melakukan Login Pelanggan


Skenario Normal

1. Memilih menu login pada halaman

beranda pengunjung

2. Menampilkan form login

3. Memasukan username dan

password

4. Pilih login

39

5. Memeriksa valid tidaknya


6. Login sukses

7. Menampilkan halaman beranda

toko online

Skenario Alternatif

1. Memilih menu login pada halaman

beranda pengunjung



password

4. Pilih Login




masukan tidak valid


tidak valid



8. Login sukses


toko online

d) Skenario Use Case: Melihat tentang toko

Tabel III.6.

Skenario Use Case Melihat Tentang Toko


Skenario Normal


2. Menampilkan halaman website

tentang toko online

e) Skenario Use Case: Melihat cara pemesanan

Tabel III.7

Skenario Use Case Melihat Cara Pemesanan


Skenario Normal


40

2. Menampilkan halaman website

tentang toko online

f) Skenario Use Case: Mencari barang

Tabel III.8.

Skenario Use Case Mencari Barang


Skenario Normal

1. Masuk ke dalam website

2. Pilih menu cari barang berdasarkan

kategori

3. Menampilkan daftar kategori

4. Memilih kategori barang 5. Menampilkan daftar barang sesuai

kategori

6. Pilih detail barang yang dipilih

7. Menampilkan spesifikasi tentang

barang

Skenario Alternative

1. Masuk ke dalam website

2. Pilih kotak pencari

3. Masukan nama atau jenis barang

yang dicari

4. Menampilkan daftar barang yang

dicari

5. Pilih detail barang yang dipilih

6. Menampilkan spesifikasi barang

g) Skenario Use Case: Mengelola keranjang belanja

Tabel III.9

Skenario Use Case Mengelola Keranjang Belanja


Skenario Normal

1. Melakukan login

2. Mencari barang

3. Memasukkan dalam keranjang

4. Menampilkan form keranjang dan

barang yang di pesan

41

5. Menambah barang, menghapus

barang dalam keranjang, mengedit

jumlah

6. Memilih tombol lanjutkan untuk

melanjukan pesanan


masukan

8. Menampilkan form data pengiriman

9. Memasukan data pengiriman

pesanan

10. Memilih lanjutkan 11. Memeriksa valid tidaknya data

masukan

12. Menampilkan konfimasi pesanan

13. Konfirmasi pesanan 14. Menampilkan bukti transaski

Skenario Alternatif

1. Melakukan login

2. Mencari barang

3. Memasukkan dalam keranjang

4. Menampilkan form keranjang dan

barang yang di pesan

5. Menambah barang, menghapus

barang dalam keranjang, mengedit

jumlah

6. Memilih tombol lanjutkan untuk

melanjukan pesanan


masukan

8. Menampilkan pesan bahwa data

masukan tidak valid

9. Memperbaiki data masukan


masukan

11. Menampilkan form data pengiriman

12. Memasukan data pengiriman

pesanan

13. Memilih lanjutkan 14. Memeriksa valid tidaknya data

masukan

15. Menampilkan pesan bahwa data

masukan tidak valid



masukan

18. Menampilkan konfimasi pesanan

19. Konfirmasi pesanan

42

20. Menampilkan bukti transaski

h) Skenario Use Case: Melihat status pemesanan

Tabel III.10.

Skenario Use Case Melihat Status Pemesanan


Skenario Normal

3. Melakukan login

4. Memilih menu pesanan pesanan

5. Menampilkan menampilkan daftar

pemesanan

6. Melihat detail pesanan 7. Melakukan konfirmasi pembayaran 8. Memilih tombol konfirmasi

pembayaran

9. Masukan data konfirmasi

pembayaraan


masukan

11. Konfirmasi pembayaran diterima,

menyimpan ke dalam database

12. Menampilkan konfirmasi

pembayaran berhasil

Skenario Alternatif

1. Melakukan login

2. Memilih menu pesanan pesanan

3. Menampilkan menampilkan daftar

pemesanan

4. Melihat detail pesanan 5. Melakukan konfirmasi pembayaran 6. Memilih tombol konfirmasi

pembayaran

7. Masukan data konfirmasi

pembayaraan


masukan

9. Menampilkan pesan data masukan

tidak valid



masukan

43

12. Konfirmasi pembayaran diterima,

menyimpan ke dalam database

13. Menampilkan konfirmasi

pembayaran berhasil

i) Skenario Use Case: Mengelola profil akun

Tabel III.11.

Skenario Use Case Mengelola Profil Akun


Skenario Normal

1. Melakukan login

2. Memilih Pengaturan profil akun

3. Menampilkan halaman pengaturan

profil akun

4. Mengubah data informasi

pelaanggan

5. Memeriksa vaid atau tidaknya data

masukan

6. Menyimpan ke dalam database

7. Menampilkan pesan, data akun

profil telah di ubah

j) Skenario Use Case: Melakukan logout

Tabel III.12.

Skenario Use Case Melakukan Logout


Skenario Normal

1. Memilih menu logout

2. Melakukan logout

44

b. Diagram Use Case Halaman Back-End

Gambar III.2

Diagram Use case Halaman Back End

uc toko online back end

Sistem Informasi Web E-commerce Halaman Back-End

Admin TokoAdministrator

Melakukan Login

Admin

Masukkan

username dan

password

Mengelola data

Master

mengelola Master

Kategori

Mengelola Master

Barang

Mengelola Master

Data Pelanggan

Mengelola Master

Data User

Mengelola Master

data kota

Mengelola master

data ongkir

Mengelola Pesanan

Mengelola Pesanan

BaruMengelola Data

Pesanan

Mengelola

Pengiriman

Pesaanan

Mengelola halaman

informasi toko

online

Membuat Laporan

Mengatur Akun User

melakukan LogOut

Laporan Stok

Barang

Laporan Penjualan

«include»

«include»

«include»

«include»

«include»

«include»

«include»

45

1) Deskripsi Use Case Back-End

Tabel III.13.

Deskripsi Use Case Back-End

No Use Case Dekripsi

1. Melakukan Login

Admin

Merupakan proses untuk melakukan login

administrator dan admin toko

2. Mengelola master

kategori

Merupakan proses untuk megelola master

kategori

3. Mengelola master

barang


barang

4. Mengelola master kota Merupakan proses untuk megelola master

kota

5. Mengelola master

ongkir


ongkir

6. Mengelola master data

pelanggan


pelanggan

7. Mengelola master data

admin


user

8. Mengelola halaman

informasi toko

Merupakan proses untuk mengelola

informasi toko online

9. Mengelola pesanan baru Merupakan proses untuk mengelola data

pesanan baru

10. Mengelola data

pemesanan

Merupakan proses untuk mengelola data

pesanan

11. Mengelola data

pengiriman

Merupakan proses untuk mengelola data

pengiriman

12. Membuat laporan Merupaka proses untuk membuat laporan

13. Mengatur profil admin Merupakan proses untuk mengatur profil

akun admin

14. Melakukan logout Merupaka proses untuk melakukan logout

administrator dan admin toko.

2) Skenario Use Case Halaman Back-End

a) Skenario Use Case: Melakukan login admin

Tabel III.14.

Skenario Use Case Melakukan Login Admin


Skenario Normal

1. Buka Form Login

46



password



5. Login sukses


pelanggan

Skenario Alternatif

1. Buka form login



password




masukan tidak valid


tidak valid



8. Login sukses


pelanggan

b) Skenario Use Case: Mengelola master kategori

Tabel III.15.

Skenario Use Case Mengelola Master Kategori


Skenario Normal

1. Login ke dalam sistem

2. Memilih menu master

3. Menampilkan sub menu master

4. Memilih menu master kategori

5. Menampilkan data kategori

6. Memilih aksi, tambah, edit, atau

hapus

7. Menampilkan form masukan atau

edit

Jika menghapus akan menampilkan

kotak dialog konfirmasi hapus

8. Masukan data yang diperlukan,

9. Pilih simpan

47


masukan

11. Menyimpan data

12. Data karegori berhasil di

tambahkan, diperbaharui, atau di

hapus

Skenario Alternatif




4. Memilih menu master kategori

5. Menampilkan data kategori

6. Memilih aksi, tambah, edit, atau

hapus


edit




9. Pilih simpan


masukan

11. Menampilkan data masukan tidak

valid


13. Pilih simpan


masukan

15. Menyimpan data

16. Data karegori berhasil di


hapus

c) Skenario Use Case: Mengelola master barang

Tabel III.16

Skenario Use Case Mengelola Master Barang


Skenario Normal




4. Memilih menu master barang

5. Menampilkan data barang

48

6. Memilih aksi, bisa menambahkan,

mengedit, atau menghapus


edit



8. Masukan data yang diperlukan

9. Pilih simpan


masukan

11. Menyimpan data

12. Data barang berhasil di


hapus

Skenario Alternatif




4. Memilih menu master barang

5. Menampilkan data barang




edit




9. Pilih simpan


masukan


valid


13. Pilih simpan


masukan

15. Menyimpan data

16. Data barang berhasil di


hapus

49

d) Skenario Use Case: Mengelola master Kota

Tabel III.17.

Skenario Use Case Mengelola Master Kota


Skenario Normal




4. Memilih menu master kota

5. Menampilkan data kota


meng-edit, atau menghapus


edit




jika menghapus pilih jawaban


masukan

10. Menyimpan data

11. Data kota berhasil di tambahkan,

diperbaharui, atau di hapus

Skenario Alternatif




4. Memilih menu master kota

5. Menampilkan data kota




edit






masukan


valid



masukan

50

13. Menyimpan data

14. Data kota berhasil di tambahkan,


e) Skenario Use Case: Mengelola master Ongkir

Tabel III.18.

Skenario Use Case Mengelola Master Ongkir


Skenario Normal




4. Memilih menu master ongkir

5. Menampilkan data ongkir




edit






masukan

10. Menyimpan data

11. Data ongkir berhasil di


hapus

Skenario Alternatif




4. Memilih menu master ongkir

5. Menampilkan data ongkir




edit





51


masukan


valid



masukan

13. Menyimpan data

14. Data ongkir berhasil di


hapus

f) Skenario Use Case: Mengelola master pelanggan

Tabel III.19.

Skenario Use Case Mengelola Master Pelanggan


Skenario Normal




4. Memilih menu master pelanggan

5. Menampilkan data pelanggan




edit






masukan

10. Menyimpan data

11. Data pelanggan berhasil di


hapus

Skenario Alternatif




4. Memilih menu master pelanggan

5. Menampilkan data pelanggan

52




edit






masukan


valid



masukan

13. Menyimpan data

14. Data pelanggan berhasil di


hapus

g) Skenario Use Case: Mengelola master admin

Tabel III.20.

Skenario Use Case Mengelola Master Admin


Skenario Normal




4. Memilih menu master admin

5. Menampilkan data admin




edit






masukan

10. Menyimpan data

11. Data admin berhasil di tambahkan,


53

Skenario Alternatif




4. Memilih menu master admin

5. Menampilkan data admin




edit






masukan


valid



masukan

13. Menyimpan data

14. Data admin berhasil di tambahkan,


h) Skenario Use Case: Mengelola halaman informasi toko

Tabel III.21.

Skenario Use Case Mengelola Halaman Informasi Toko


Skenario Normal

1. Melakukan login

2. Memilih menu manajemen

informasi

3. Menampilkan form manajemen

informasi

4. Mengubah data informasi toko

5. Memilih tombol simpan

6. Menyimpan perubahan informasi

7. Menampilkan pesan sukses

mengganti informasi toko

54

i) Skenario Use Case: Mengelola pesanan baru

Tabel III.22.

Skenario Use Case Mengelola Pesanan Baru


Skenario Normal

1. Melakukan login

2. Memilih menu transaksi

3. Menampilkan sub menu transaksi

4. Memilih menu pesanan baru

5. Menampilkan data informasi

pesanan baru yang masuk

6. Memilih aksi detail pesanan

7. Menampilkan detail dari pesanan

baru

8. Mengkonfirmasi pesanan ( jika

pembayaran telah diterima )

9. Menerima peritah konfirmasi

10. Memindahkan data pesanan baru

yang telaah di konfirmasi

pembayaran ke data proses

pesanan

11. Menampilkan pesan, data pesanan

ke dalam data proses pesanan

j) Skenario Use Case: Mengelola data pesanan

Tabel III.23.

Skenario Use Case Mengelola Data Pesanan


Skenario Normal

1. Melakukan login

2. Memilih menu kelola pesanan

3. Menampilkan sub menu kelola

pesanan

4. Memilih sub menu data pesanan

5. Menampilkan data pesanan yang

harus diproses pengepakan

6. Memilih aksi konfirmasi

pengepakan “jika pesanan sudah

selesai di-pack”

7. Menerima perintah konfirmasi

55

8. Menyimpan data pesaanan baru

yang telah dipack ke data

pengiriman

k) Skenario Use Case: Mengelola data pengiriman

Tabel III.24.

Skenario Use Case Mengelola Data Pengiriman


Skenario Normal

1. Melakukan login

2. Memilih menu kelola pesanan

3. Menampilkan sub menu kelola

pesanan

4. Memilih sub menu pengiriman

pesanan

5. Menampilkan data pesanan yang

harus di kirim

6. Memilih aksi konfirmasi

pengiriman “jika pesanan sudah

dalam proses pengiriman”

7. Menerima perintah konfirmasi

8. Menyimpan data pesanan yang di

kirim ke data pesanan selesai

l) Skenario Use Case: Membuat laporan

Tabel III.25.

Skenario Use Case Membuat Laporan


Skenario Normal

1. Melakukan login

2. Memilih menu laporan

3. Menampilkan sub menu laporam

4. Memilih sub menu laporan

penjualan

5. Masukan tanggal periode laporan

6. Mengambil database penjualan

7. Menampilkan laporan penjualan

8. Memilih cetak laporan penjualan

9. Menampilkan laporan penjualan

56

10. Kembali ke halaman sebelumnya

11. Memilih sub menu laporan

ketersedian barang

12. Pilih aksi lihat

13. Mengambil database barang

14. Menampilkan laporan barang

15. Memilih cetak laporan barang

16. Manampilkan laporan barang

m) Skenario Use Case: Mengatur profil admin

Tabel III.26.

Skenario Use Case Mengatur Profil Admin


Skenario Normal

1. Melakukan login

2. Memilih Pengaturan profil

3. Menampilkan form informasi profil

4. Mengubah data informasi

5. Memeriksa valid atau tidaknya data

masukan

6. Menyimpan ke dalam database

7. Menampilkan pesan, profil telah di

ubah

n) Skenario Use Case: Melakukan logout

Tabel III.27.

Skenario Use Case Melakukan Logout


Skenario Normal

1. memilih menu logout

2. Melakukan logout

57

3.1.3 Activity Diagram

1. Activity Diagram Halaman website toko online Front-End

Membuka beranda website Toko Online

Melakukan pendaftaran pelanggan

login Pelanggan

Menampilkan Menu

melihat tentang toko

melihat cara pemesanan

Mencari barangMengelola keranjang belanja

melihat status pemesanan

mengatur profil pelanggan

mencari dengan kota pencarian mencari berdasarkan kategori

mendapatkan barang

Melakukan Pembelian

Logout

Gambar III.3

Halaman Website Toko Online Front-End

58

2. Activity Diagram Pengunjung mendaftar menjadi pelanggan

membuka laman toko Online

menampilkan halaman beranda toko online

pilih menu daftar

menampilkan form pendaftaran pelanggan

simpan

pendaftaran pelanggan baru tersimpan

validasi data masukan

batal

Valid ?tidak

ya

menginput data form pedaftaran

menampilkan halaman login pelanggan

Gambar III.4

Pengunjung Mendaftar Menjadi Pelanggan

59

3. Activity Diagram Pelanggan login ke halaman pelanggan

membuka halaman login pelanggan

menampilkan form login

masukan username

berhasil login

cek username dan password

gagal masuk sebagai pelanggan

Valid ?

Ya

tidak

masukan password

pilih login

menampilkan beranda pelanggan

Gambar III.5

Activity Diagram Pelanggan Login ke Halaman Pelanggan

60

4. Activity Diagram Pelanggan melakukan pembelian dengan keranjang

cari barang masukan dalam keranjang belanja

form keranjang belanja

tambah lanjutkan hapus

melakukan login

menampilkan halaman beranda

Bukti Pemesanan Dan kode Pembayaran

konfirmasi pesanan

tidak

menampilkan halaman detail pengiriman

masukan data pengiriman

cek valid data masukan

Valid ?

ya

lanjutakan

cek ketersedian stok

Gambar III.6

Activity Diagram Pelanggan Melakukan Pembelian dengan Keranjang

61

5. Activity Diagram Pelanggan melihat status pemesanan

mengakses halaman pesanan

pilih

detail pesananan konfirmasi pembayaran konfirmasi penerimaan pesanan

login

menampilkan halaman beranda

form input konfirmasi pembayaran

Valid ?

ya

konfirmasi pembayaran berhasil

tidak

menampilkan detail pesanan

validasi data masukan

pesanan telah diterima

cek status pesanan

Gambar III.7

Activity Diagram Pelanggan Melihat Status Pemesanan

62

6. Activity Diagram Pelanggan mengatur profil

Login

menampilkan halaman beranda toko online

Pilih Pengaturan Profile

menampilkan form edit profile pelanggan


Data pelanggan sukses diubah

Valid ?tidak

ya

simpan batal

Gambar III.8

Activity Diagram Pelanggan Mengatur Profil

63

7. Activity Diagram Pelanggan melakukan Logout

mengklik Logout

keluar dari halaman pelanggan

menampilkan halaman Logout

Gambar III.9

Activity Diagram Pelanggan Melakukan Logout

64

8. Activity Diagram Administrator dan Admin Toko login ke dalam sistem

membuka halaman login admin

menampilkan form login

masukan username

berhasil login

cek username dan password

tampilkan pesan username dan passwor salah

Ya

tidak

masukan password

Gambar III.10

Activity Diagram Administrator dan Admin Toko login ke Dalam Sistem

65

9. Activity Diagram Halaman Admin (Administrator dan Admin toko)

Melakukan Login

Mengelola Data pemesanan

mengelola data Master

membuat laporanMengelola Halaman Informasi

masuk ke dalam halaman admin

Pengaturan

pilih menu

Logout

Gambar III.11

Activity Diagram Halaman Admin (Administrator dan Admin toko)

66

10. Activity Diagram Administrator dan Admin Toko mengelola master kategori

login

masuk halaman Admin

Mengelola data Master

mengelola data master kategori

menampilkan data kategori

pilih aksi

form tambah kategoriform edit data kategori

kategori baru tersimpan

simpan

menghapus data kategori

ya


HAPUSTAMBAHEDIT

data kategori diubah

Valid ? tidak

ya

simpan


Valid ?

logout

Gambar III.12

Activity Diagram Administrator dan Admin Toko Mengelola Master Kategori

11. Activity Diagram Administrator dan Admin Toko mengelola master barang

67

login

masuk halaman Admin


mengelola data master barang

menampilkan data barang

pilih aksi

form tambah barangform edit data barang

barangi baru tersimpan

simpan

menghapus data barang

ya


HAPUSTAMBAHEDIT

barang kategori diubah

Valid ? tidak

ya

simpan


Valid ?

logout

Gambar III.13

Activity Diagram Administrator dan Admin Toko Mengelola Master Barang

68

12. Activity Diagram Administrator dan Admin Toko mengelola master kota

login

masuk halaman Admin


mengelola data master kota

menampilkan data kota

pilih aksi

form tambah kotaform edit data kota

kota baru tersimpan

simpan

menghapus data kota

ya


HAPUSTAMBAHEDIT

data kota diubah

Valid ?tidak tidak

ya

simpan


Valid ?

logout

Gambar III.14

Activity Diagram Administrator dan Admin Toko Mengelola Master Kota

69

13. Activity Diagram Administrator dan Admin Toko mengelola master ongkir

login

masuk halaman Admin


mengelola data master ongkir

menampilkan data ongkir

pilih aksi

form tambah ongkirform edit data ongkir

kota ongkirtersimpan

simpan

menghapus data ongkir

ya


HAPUSTAMBAHEDIT

data ongkir diubah

Valid ? tidak

ya

simpan


Valid ?

logout

Gambar III.15

Activity Diagram Administrator dan Admin Toko Mengelola Master Ongkir

70

14. Activity Diagram Administrator dan Admin Toko mengelola master pelanggan

login

masuk halaman Admin


mengelola data master pelanggan

menampilkan data pelanggan

pilih aksi

form tambah pelangganform edit data pelanggan

pelanggan baru tersimpan

simpan

menghapus data pelanggan

ya


HAPUSTAMBAHEDIT

data pelanggan diubah

Valid ? tidak

ya

simpan


Valid ?

logout

Gambar III.16

Activity Diagram Administrator dan Admin Toko Mengelola Master

Pelanggan

71

15. Activity Diagram Administrator mengelola data master admin

login

masuk halaman Admin


mengelola data master admin

menampilkan data admin

pilih aksi

form tambah adminform edit data admin

admin baru tersimpan

simpan

menghapus data admin

ya


HAPUSTAMBAHEDIT

data admin diubah

Valid ? tidak

ya

simpan


Valid ?

logout

Gambar III.17

Activity Diagram Administrator Mengelola Data Master Admin

72

16. Activity Diagram Administrator dan Admin Toko mengelola halaman

informasi

melakukan login

menampilkan halaman beranda Admin

pilih menu Halaman informasi

menampilkan form edit halaman informasi

menyimpan data informasi halaman

ubah data

menampilkan pesana : informasi diperbaharui

Gambar III.18

Activity Diagram Administrator dan Admin Toko Mengelola Halaman

Informasi

73

17. Activity Diagram Administrator dan Admin Toko mengelola pesanan baru

melakukan login

menampilkan halaman beranda Admin

Mengelola Pesanan

Pilih Pesanan Baru

menampilkan data pesanan baru

pilih aksi

pilih konfirmasi pembayaran

Menampilkan detail order

ubah status : pesanan dikonfirmasi toko

lihat detai pesanan

pilih pembatalan pesanan

Gambar III.19

Activity Diagram Administrator dan Admin Toko Mengelola Pesanan Baru

74

18. Activity Diagram Administrator dan Admin Toko mengelola data pesanan

Login

masuka halaman admin

mengelola pesanan

kelola data pesanan

menampilkan data pesanan

pilih aksi

konfirmasi pengepackan


ubah status : barang telah dipack

detail pesanan

Gambar III.20

Activity Diagram Administrator dan Admin Toko Mengelola Data Pesanan

75

19. Activity Diagram Administrator dan Admin Toko mengelola pengiriman

Login

masuka halaman admin

mengelola pesanan

kelola pengiriman pesanan

menampilkan data pesanan yang akan dikirim

pilih aksi

konfirmasi pengiriman


ubah status : barang dalam proses pengiriman

detail pesanan

Gambar III.21

Activity Diagram Administrator dan Admin Toko Mengelola Pengiriman

76

20. Activity Diagram Administrator dan Admin Toko mencetak laporan penjualan

Login

menampilkan halaman admin

mengelola laporan

laporan penjualan

pilih jenis laporan penjualan

input tanggal dan akhir laporan

menampilakn laporan penjualan

cetak

print to new tab browser

Pesanan Sukses pesanan dibatalkan Barang yang terjual Pesanan belum di konfirmasi

laporan barang

menampilkan laporan barang

Gambar III.22

Activity Diagram Administrator dan Admin Toko Mencetak Laporan

Penjualan

77

21. Activity Diagram Administrator dan Admin Toko mengatur profile

login

menampilkan halaman beranda admin

Pilih Pengaturan Profile

menampilkan form edit profile pelanggan


data admin sukses diubah

Valid ?

ya

simpan batal

Gambar III.23

Activity Diagram Administrator dan Admin Toko Mengatur Profile

78

22. Activity Diagram Administrator dan Admin Toko melakukan Logout

mengklik Logout

keluar dari halaman admin

menampilkan halaman Logout

Gambar III.24

Activity Diagram Administrator dan Admin Toko Melakukan Logout

79

3.2. Desain

Dalam merancang sistem, penulis menggunakan beberapa peralatan

pendukung seperti struktur navigasi, diagram-ER, diagram LRS dan juga diagram

deployment.

3.2.1. Struktur Navigasi

Struktu navigasi digunakan untuk menggambarkan perpindahan dari suatu

halaman website ke halaman yang lain. Berikut adala penggambaran struktur

navigasi pada sistem informasi web e-commerce:

1. Struktur Navigasi Front-End Pengunjung

Halaman utama

/ Beranda

Cara pemesanan Daftar MasukCari dengan

Kotak pencari

Cari berdasarkan

kategoriTentang

Login PelangganForm Pendaftaran Produk detil

Gambar III.25

Struktur navigasi Front-end Pengunjung

80

2. Struktur Navigasi Front-End Pelanggan

Halaman utama

/ Beranda

Cara pemesanan keranjang pemesananCari dengan

Kotak pencari

Cari berdasarkan

kategoriTentang

Status pesananKeranjang Belanja

Data Penerima

Login Pelanggan

Hubungi Toko Pengaturan akun Logout

Detail Produk

Konfirmasi Beli

Cetak Bukti

Pesanan

Detail Pesanan

Konfirmasi

Pembayran

Form Ubah data

akun

Gambar 3.26

Struktur navigasi Front-end Pengunjung

81

3. Struktur Navigasi Back-End Administrator

Halaman utama

/ Beranda

Kelola Pesanan laporanMaster Halaman Informasi

Pesanan Baru

Master Barang

Form Edit

Halaman informasi

Toko

Login

Administrator

Pengaturan

Master Kategori

Detail

Konfirmasi

Laporan Penjualan

Laporan Stok

Barang

Logout

Master Admin

Master Pelanggan

Master Ongkir

Master Kota

Tambah

Edit

Hapus

Tambah

Edit

Hapus

Tambah

Edit

Hapus

Tambah

Edit

Hapus

Tambah

Edit

Hapus

Tambah

Edit

Hapus

Data Pesanan

Detail

konfirmasi

Data Pengiriman

Detail

konfirmasi

Cetak laporan

penjualan

Cetak laporan stok

barang

Form pengaturan

profil

Gambar 3.27

Struktur Navigasi Back-End Administrator

82

4. Struktur Navigasi Front-End Admin Toko

Halaman utama

/ Beranda

Kelola Pesanan laporanMaster

Pesanan Baru

Master Barang

Login Admin Toko

Pengaturan

Master Kategori

Detail

Konfirmasi

Laporan Penjualan

Laporan Stok

Barang

Logout

Master Pelanggan

Master Ongkir

Master Kota

Tambah

Edit

Hapus

Tambah

Edit

Hapus

Tambah

Edit

Hapus

Tambah

Edit

Hapus

Tambah

Edit

Hapus

Data Pesanan

Detail

konfirmasi

Data Pengiriman

Detail

konfirmasi

Cetak laporan

penjualan

Cetak laporan stok

barang

Form pengaturan

profil

Halaman Informasi

Form Edit

Halaman informasi

Toko

Gambar 3.28

Struktur Navigasi Back-End Admin Toko

83

3.2.2. Entity Relationship Diagram (ERD)

Pelanggan memiliki

jk_pelanggan

alamat_pelanggan

id_pelanggan

nm_pelanggan

pass_pelanggan

email pelanggan

telp_pelanggan

status

keranjang

id_pelanggan

id_keranjang

Isi keranjang

memiliki

id_barang

id_keranjang

memiliki barang

uom_barang

nm_barangmerk_barang

id_barang

berat_barang

keteranganid_kategori

merk_motorstock_barang

type_motor

warna_barang

gambar_barang

ukuran_gambar

type gambar

memiliki

Transaksi

Detail transaksi

id_barang

no_trans

berat_subbarang

total_subbarang

banyak_subbarang

memiliki Pembayaran

id_pembayaranno_trans

kota

Ongkir

memiliki

memiliki

harga_ongkir

id_kota

id_kota

nama_kota id_kota

tgl_transaksi

id_pelanggan

no_trans

penerima

id_ongkir

alamat'

banyak_beli

total_bayar

No_telp

biaya_ongkir status_transaksi

berat beli

tgl_penerimaan

total_beli

tgl_pengiriman

tgl_pengepackan

tgl_konfirtokotgl_konfirbeli

memiliki

admin

hak_akses

password

username

nama_admin

1

1

1

1

1m

1 m

1

1

m

m

1

1

m

m

1

banyak_beli

1

Gambar 3.29

Entity Relationship Diagram (ERD)

84

3.2.3. Logical Record Structure ( LRS )

Pelanggan

id_pelanggan

Nm_pelanggan

Jk_kelamin

alamat_pelanggan

telp_pelanggan

email_pelanggan

pass_pelanggan

status

admin

nm_user

nm_admin

hak_akses

kunci

kategori

id_kategori

nm_kategori

barang

id_barang

nama_barang

id_kategori

merk_barang

merk_motor

type_motor

berat_barang

uom_barang

harga_barang

warna_barang

keterangan

stok_barang

gambar_barang

ukuran_barang

tipe_barang

kota

id_kota

nm_kota

ongkir

id_ongkir

id_kota

harga_ongkir

isi keranjang

id_keranjang

id_barang

banyak_beli

keranjang

id_pelanggan

id_keranjang

Transaksi

no_trans

tgl_trans

id_pelanggan

penerima

no_tlp

id_ongkir

alamat

banyak_beli

total_beli

berat_beli

biaya ongkir

total_bayar

status_transaksi

tagl_konfirmasibeli

tgl_konfirmasitoko

tgl_pengepackan

tgl_pengiriman

tgl_penerimaan

detail Transaksi

no_trans

id_barang

banyak_subbarang

berat_subbarang

total_subbarang

pembayaran

no_pembayaran

no_trans1

1

1

m

m

1

m

1

1

m

m

m

1 1

1

11

1

Gambar 3.30

Logical Record Structure ( LRS )

3.2.4. Spesifikasi File

1. Spesifikasi File Tabel Admin

Nama File : File Admin

Akronim : admin

Fungsi : untuk menyimpan data admin

Tipe File : master

Organisasi File : indexed sequential

Akses File : random

Media : Harddiks

Panjang Record : 160 byte

Field Key : nm_user

Software : MYSQL

85

Table 3.28

Spesifikasi File Admin

No Elemen Data Nama Field Tipe Panjang Keterangan

1 Nama urser Nm_user Char 30 Primary

key

2 Nm_admin Nama admin Varchar 50

3 Hak_akses Hak akses Varchar 40

4 Kunci Kunci atau

password

Varchar 40

2. Spesifikasi File Tabel Pelanggan

Nama File : File pelanggan

Akronim : pelanggan

Fungsi : untuk menyimpan data admin

Tipe File : master


Akses File : random

Media : Harddiks


Field Key : usr_pelanggan

Software : MYSQL

Table 3.29

Spesifikasi File Pelanggan

N

o

Elemen Data Nama Field Tipe Panjang Keteranga

n

1 Username

pelanggan

Usr_pelanggan Char 30 Primary

key

2 Nama pelanggan Nm_pelanggan Varchar 100

3 Jenis Kelamin

pelanggan

JK_pelanggan Varchar 30

4 Alamat pelanggan Alamat_pelang

gan

Text

86

5 Telepon pelanggan Telp_pelanggan int

6 Email pelanggan Email_pelangga

n

Char 100

7 Passwordpelangga

n

Pass_pelanggan Char 50

8 Status Status Char 20

3. Spesifikasi File Tabel Kategori

Nama File : File kategori

Akronim : kategori

Fungsi : untuk menyimpan data kategori

Tipe File : master


Akses File : random

Media : harddiks


Field Key : id_kategori

Software : MYSQL

Table 3.30

Spesifikasi File kategori


1 Id kategori Id_kategori Char 20 Primary

key

2 Nama kategori Nm_kategori Varchar 40

4. Spesifikasi File Tabel Barang

Nama File : file barang

Akronim : barang

Fungsi : menyimpan data barang

87

Tipe File : master


Akses File : random

Media : harddiks


Field Key : id_barang

Software : MYSQL

Table 3.31

Spesifikasi File barang


1 Id barang Id_barang Char 30 Primary key

2 Nama barang Nama_barang Varchar 100

3 Kategori Id_kategori varchar 20

4 Merk barang Merk_barang Varchar 100

5 Merk motor Merk_motor Varchat 100

6 Type motor Tipe_motor Varchar 100

7 Berat barang Berat_barang double

8 Uom barang Uom_barang Char 20

9 Harga barang Harga_barang Double

10 Warna barang Warna_barang Varchar 100

11 Keterangan Keterangan Text

12 Stok barang Stok_barang Int 11

13 Gambar barang Gambar_barang Varchar 100

14 Ukuran gambar Ukuran_gambar int 11

15 Tipe gambar Tipe_gambar varchar 22

5. Spesifikasi File Tabel Kota

Nama File : File kota

Akronim : kota

Fungsi : menyimpan data kota

Tipe File : master


88

Akses File : random

Media : harddiks

Panjang Record :60 byte

Field Key : id_kota

Software : MYSQL

Table 3.32

Spesifikasi File kota


1 Id kota Id_kota Char 20 Primary

key

2 Nama kota Nm_kota Varchar 40

6. Spesifikasi File Tabel ongkir

Nama File : file ongkir

Akronim : ongkir

Fungsi : menyimpan data ongkir

Tipe File : master


Akses File : random

Media : harddiks


Field Key : id_ongkir

Software : MYSQL

89

Table 3.33

Spesifikasi File Ongkir


1 Id ongkos kirim Id_ongkir Char 30 Primary

key

2 Id kota Id kota Char 20

3 Harga ongkir Harga_ongkir Char 20

7. Spesifikasi File Tabel Keranjang

Nama File : file keranjang

Akronim : keranjang

Fungsi : menyimpan data keranjang

Tipe File : transaksi


Akses File : random

Media : harddiks


Field Key : urs_pelanggan

Software : MYSQL

Table 3.34

Spesifikasi File Keranjang


1 User pelanggam Urs_pelanggan Char 30 Primary

key

2 Id keranjang Id_keranjang Char 30

8. Spesifikasi File Tabel Isi Keranjang

Nama File : file isi keranjang

Akrbonim : isi keranjang

90

Fungsi : menyimpan data isi keranjang



Akses File : random

Media : harddiks


Field Key : id_keranjang

Software : MYSQL

Table 3.35

Spesifikasi File Isi Keranjang


1 Id keranjang Id_keranjang Char 30 Primary

key

2 Id barang Id_barang Char 30

3 Banyak beli Banyak_beli Int

9. Spesifikasi File Tabel Transaksi

Nama File : file transaksi

Akronim : transaksi

Fungsi : menyimpan data transaksi



Akses File : random

Media : harddiks


Field Key : no_transaksi

Software : MYSQL

91

Table 3.36

Spesifikasi File Transaki


1 Nomor

transaksi

No_trans Char 30 Primary

key

2 Tanggal

transaksi

Tgl_transaksi Date

3 Id pelanggan Id_pelanggan Char 30

4 Penerima Penerima Text

5 Nomor telepon No_tlp Int

6 Id kota Id_kota Char 30

7 Alamat Alamat Text

8 Banyak beli Banyak_beli Double

9 Total beli Total_beli Double

10 Berat beli Berat_beli Double

11 Biaya ongkir Biaya_ongkir Double

12 Total bayar Total_bayar Double

13 Status transaksi Status transaksi Varchar 50

14 Tanggal

konfirmasi beli

Tgl_konfirmasibeli Date

15 Tanggal

konfirmasi

toko

Tgl_konfirmasitoko Date

16 Tanggal

pengepackan

Tgl_pengepackan Date

17 Tanggal

pengiriman

Tgl_pengiriman Date

18 Tanggal

penerimaan

Tgl_penerimaan Date

10. Spesifikasi File Tabel Detail Transaksi

Nama File : file detail Transaksi

Akronim : detail transaksi

Fungsi : menyimpan data detail transaksi



Akses File : random

92

Media : harddiks


Field Key : no_transaksi

Software : MYSQL

Table 3.37

Spesifikasi File Detail Transaksi


1 Nomor

transaksi

No_trans Char 30 Primary

key

2 Id barang Id_barang Char 30

3 Banyak sub

barang

Banyak_subbarang Double

4 Berat sub

barang

Berat_subbarang Double

5 Total sub

barang

Total_subbarang Double

11. Spesifikasi File Table Pembayaran

Nama File : file pembayaran

Akronim : pembayaran

Fungsi : menyimpan data pembayaran



Akses File : random

Media : harddiks


Field Key : no_pembayaran

Software : MYSQL

93

Table 3.38

Spesifikasi File Pembayaran


1 Nomor

pembayaran

No_pembayaran Char 30 Primary

key

2 Nomor transaksi No_trans Char 30

3.2.5. Deployment Diagram

Gambar 3.31

Deployment Diagram Sistem Informasi Web E-commerce

94

3.2.6. User Interface

1. Halaman Beranda

Gambar 3.32

Halaman Beranda Pengunjung

2. Halaman Pendaftaran Pelanggan

Gambar 3.33

Halaman Pendaftar Menjadi Pelanggan

95

3. Halaman Login Pelanggan

Gambar 3.34

Halaman Login Pelanggan

4. Halaman Beranda Pelanggan

Gambar 3.35

Halaman Beranda Pelanggan

96

5. Form Detail dan Beli Barang

Gambar 3.36

Form Detail dan Beli Barang

6. Halaman Keranjang Belanja

Gambar 3.37

Halaman Keranjang Beranda

97

7. Halaman Masukan Data Pengiriman

Gambar 3.38

Halaman Masukan Data Pengiriman

8. Halaman konfirmasi pesanan

Gambar 3.39

Halaman konfirmasi Pemesanan

98

9. Halaman Detil Pemesanan

Gambar 3.40

Halaman Detil Pemesanan

10. Halaman Pemesanan

Gambar 3.41

Halaman Pemesanan

99

11. Halaman Konfirmasi Pembayaran

Gambar 3.42

Halaman Konfirmasi Pembayaran

12. Halaman Pengaturan Akun

Gambar 3.43

Halaman Pengaturan Akun

100

13. Halaman Login Administrator Dan Admin Toko

Gambar 3.44

Halaman Login Admin

14. Halaman Admin Master Kategori

Gambar 3.45

Halaman Admin Master Kategori

101

15. Halaman Admin Master Barang

Gambar 3.46

Halaman Admin Master Barang

16. Halaman Admin Master Pelanggan

Gambar 3.47

Halaman Admin Master Pelanggan

102

17. Halaman Admin Master Admin

Gambar 3.48

Halaman Admin Master Admin

18. Halaman Admin Mengatur Informasi Toko

Gambar 3.49

Halaman Admin Mengatur Informasi Toko

103

19. Halaman Pesanan Baru

Gambar 3.50

Halaman Pesanan Baru

20. Halaman Data Pesanan

Gambar 3.51

Halaman Data Pesanan

104

21. Halaman Data Pengiriman

Gambar 3.52

Halaman Data Pengiriman

22. Halaman Laporan Penjualan

Gambar 3.53

Halaman Laporan Penjualan

105

23. Halaman Laporan Barang

Gambar 3.54

Halaman Laporan Barang

24. Halaman Admin, mengatur profil

Gambar 3.55

Halaman Mengatur Profil

106

3.3.Implementasi

Pada tahap ini, penulis menjelaskan tentang pengkodean, dan testing sistem

informasi web e-commerce aksesoris motor. Dan juga menjelaskan tentang

kebutuhan perangkat keras dan lunak yang dibutuhkan. Serta menjelaskan hasil

dokumen yang dikeluarkan oleh sistem.

3.3.1. Code Generation

Index.php

<?php

session_start();

$_SESSION['nm_pengunjung']="tamu";

$_SESSION['hak_pengunjung']="tamu";

header("location:pelanggan/halaman_pelanggan.php?tampilan=berada");

?>

Daftar_pelanggan.php

<?php

include "../pelanggan/pengaturan/koneksi.php";

$metod=$_GET['metod'];

switch ($metod){

case "daftar":

$aksi="daftar";

$id_pelanggan="";

$judul="DAFTAR SEBAGAI PELANGGAN";

$nm_pelanggan="";

$jk_pelanggan="";

$alamat_pelanggan="";

$telp_pelanggan="";

$email_pelanggan="";

$pass_pelanggan="";

$aktif="";

break;

case "edit":

$aktif="disabled";

$aksi="edit";

$id_pelanggan=$_GET['id_pelanggan'];

$judul="EDIT DATA PELANGGAN";

107

$sql_ed= mysql_query("select*from pelanggan where

id_pelanggan='$id_pelanggan'");

$jmlidkat=mysql_num_rows($sql_ed);

$dakat=mysql_fetch_array($sql_ed);

if($jmlidkat>0) {

$nm_pelanggan=$dakat['nm_pelanggan'];

$jk_pelanggan=$dakat['jk_pelanggan'];

$alamat_pelanggan=$dakat['alamat_pelanggan'];

$telp_pelanggan=$dakat['telp_pelanggan'];

$email_pelanggan=$dakat['email_pelanggan'];

$pass_pelanggan=$dakat['pass_pelanggan'];

}

break;

}

?>

<html>

<head>

<title><?php

$sql_judul=mysql_query("select*from informasi where

id_informasi='nama_toko'");

$jumlahdata=mysql_num_rows($sql_judul);

$data=mysql_fetch_array($sql_judul);

if($jumlahdata>0)

{

$isi_informasi=$data['isi_informasi'];

echo $isi_informasi;

} ?></title>

<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="stylesheet" href="../pelanggan/tampilan/login.css"

type="text/css">

<script type="text/javascript">

function cek_coy() {

var cek_nama=document.forms['form_pelanggan']['nm_lengkap'].value;

var cek_jk=document.forms['form_pelanggan']['jk_pelanggan'].value;

var

cek_email=document.forms['form_pelanggan']['email_pelanggan'].value

;

var cek_tlp=document.forms['form_pelanggan']['tlp_pelanggan'].value;

var cek_id=document.forms['form_pelanggan']['id_pelanggan'].value;

var

cek_alamat=document.forms['form_pelanggan']['alamat_pelanggan'].val

ue;

var

cek_pass=document.forms['form_pelanggan']['pass_pelanggan'].value;

var

cek_konfrim=document.forms['form_pelanggan']['konfrim_pass'].value;

108

var number=/^[0-9]+$/;

if (cek_nama==null||cek_nama=="")

{

alert("Nama Belum diisi, silahkan lengkapi");

return false;

}

if (cek_jk==null||cek_jk=="")

{

alert("Jenis Kelamin Belum dipilih, silahkan lengkapi");

return false;

}

if (cek_email==null||cek_email=="")

{

alert("email Belum diisi, silahkan lengkapi");

return false;

}

var x=document.forms['form_pelanggan']['email_pelanggan'].value;

var atpos=x.indexOf("@");

var dotpos=x.lastIndexOf(".");

if(atpos<1||dotpos<atpos+2||dotpos+2>=x.length){

alert("email tidak valid");

return false;

}

if (cek_tlp==null||cek_tlp=="")

{

alert("No Telfon Belum diisi, silahkan lengkapi");

return false;

}

if(!cek_tlp.match(number)){

alert("No Telfon harus berisi angka");

return false;

}

if(cek_tlp.length<8){

alert("No Telfon tidak benar, kurang dari 8");

return false;

}

if (cek_alamat==null||cek_alamat=="")

{

alert("Alamat Belum diisi, silahkan lengkapi");

return false;

}

if (cek_id==null||cek_id=="")

109

{

alert("Nama User Belum diisi, silahkan lengkapi");

return false;

}

if (cek_pass==null||cek_pass=="")

{

alert("Password Belum diisi, silahkan lengkapi");

return false;

}

if (cek_konfrim==null||cek_konfrim=="")

{

alert("Konfirmasikan password anda, silahkan lengkapi");

return false;

}

}

</script>

</head>

<body>

<img src="../design/Yamaha.png" class="bg">

<form action="aksi_pelanggan.php?aksi=<?php echo

$aksi;?>&id_pelanggan=<?php echo $id_pelanggan;?>" method="post"

name="form_pelanggan" onsubmit="return cek_coy()"

class="form_daftar">

<?php include "alert.php"; ?>

<div class="header-left">

<div class="pos-tengah2">

<?php

if($metod=="edit") {

echo "<a href=halaman_pelanggan.php?tampilan=beranda>

<img src=\"../design/home.png\" height=\"40px\"

width=\"40px\"><h3>↩Kembali</h3></a>";

}else{

echo "<a href=index.php>

<img src=\"../design/home.png\" height=\"40px\"

width=\"40px\"><h3>↩Kembali</h3></a>";

}

?>

</div>

</div>

<h1><?php





if($jumlahdata>0)

{



110

} ?></h1>

<h1><?php echo $judul;?></h1>

<hr width="auto">

<div class="row">

<div class="pos-kiri">

<p>Nama Lengkap*</p>

</div>

<div class="pos-kanan">

<input placeholder="Nama Lengkap" type="text" name="nm_lengkap"

value="<?php echo $nm_pelanggan;?>" >

</div>

</div>

<div class="row">


<p>Jenis Kelamin**</p>

</div>


<select name="jk_pelanggan">

<option value="<?php echo $jk_pelanggan;?>"><?php echo

$jk_pelanggan;?></option>

<option value="pria">Pria</option>

<option value="wanita">Wanita</option>

</select>

</div>

</div>

<div class="row">


<p>Alamat Email*</p>

</div>


<input placeholder="email" type="text" name="email_pelanggan"

value="<?php echo $email_pelanggan;?>">

</div>

</div>

<div class="row">


<p>No Telfon*</p>

</div>


<input placeholder="08xxxxxxxxxxx" type="text"

name="tlp_pelanggan" value="<?php echo $telp_pelanggan;?>">

</div>

</div>

<div class="row">


<p>Alamat Lengkap</p>

</div>


111

<textarea placeholder="Alamat Pelanggan" name="alamat_pelanggan"

><?php echo $alamat_pelanggan;?></textarea>

</div>

</div>

<div class="row">


<p>Username*</p>

</div>


<input placeholder="username ex:DimasRaditya" type="text"

name="id_pelanggan" value="<?php echo $id_pelanggan;?>"<?php

echo $aktif;?>>

</div>

</div>

<div class="row">


<p>Password*</p>

</div>


<input placeholder="***************" type="password"

name="pass_pelanggan" value="<?php echo $pass_pelanggan;?>">

</div>

</div>

<div class="row">


<p>Konfirmasi Password*</p>

</div>


<input placeholder="***************" type="password"

name="konfrim_pass" value="<?php echo $pass_pelanggan;?>">

</div>

</div>

<div class="row">


<input type="submit" name="simpan" value="Simpan" class="btn">

</div>


<input type="reset" name="Batal" value="Batal" class="btn-btl">

</div>

</div>

</form>

</body>

</html>

112

Masuk_pelanggan.php

<?php

include "../pelanggan/pengaturan/koneksi.php";

$id=$_GET['id_pelanggan'];

?>

<html>

<head>

<title><?php





if($jumlahdata>0)

{



} ?></title>

<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="stylesheet" href="../pelanggan/tampilan/login.css"

type="text/css">



var cek_user=document.forms['login']['username'].value;

var cek_pass=document.forms['login']['password'].value;

if (cek_user=null||cek_user=="")

{

alert("Username Tidak boleh kosong");

return false;

}

if (cek_pass=null||cek_pass=="")

{

alert("Password tidak boleh kosong");

return false;

}

}

</script>

</head>

<body>

<img src="../design/Yamaha.png" class="bg">

<form action="aksi_pelanggan.php?aksi=masuk" method="post" name="login"

onsubmit="return cek_coy()">

<?php include "alert.php";?>

<h1><?php




113


if($jumlahdata>0)

{



} ?></span></h1>

<h1><span>Login Pelanggan</span></h1>

<input placeholder="Username" type="text" name="username" value="<?php

echo "$id";?>">

<input placeholder="Password" type="password" name="password">

<input type="submit" value="Login" class="btn">

<a href="../pelanggan/daftar_pelanggan.php?metod=daftar&pesan="><input

type="button" name="Batal" value="Daftar" class="btn-dft"></a>

<div class="row">


<h6><a href="index.php">↩Kembali</a></h6>

</div>

</div>

</form>

</body>

</html>

Keranjang.php

<?php

include "pengaturan/koneksi.php";

include "alert.php";

$pengunjung=$_SESSION['nm_pengunjung'];

$sql_carikeranjang= mysql_query("select*from keranjang WHERE

id_pelanggan='$pengunjung'");

$jmldata=mysql_num_rows($sql_carikeranjang);

$datakeranjang=mysql_fetch_array($sql_carikeranjang);

if($jmldata>0) {

$id_keranjang = $datakeranjang['id_keranjang'];

}

$sql_input = mysql_query("select*from transaksi WHERE

id_pelanggan='$pengunjung' and status_transaksi='input pengiriman'");

$jmlinput = mysql_num_rows($sql_input);

$datainput = mysql_fetch_array($sql_input);

if ($jmlinput > 0) {

$no_trans = $datainput['no_trans'];

$text = "Tidak Bisa menambahkan ke dalam keranjang, silahkan lakukan

penyelesaian input data pengiriman";

header('location:halaman_pelanggan.php?tampilan=pengiriman&tr=' .

$no_trans . '&pesan=2&text=' . $text . '&krj=' . $id_keranjang . '');

}else{

114

?>

<div class="baris">

<div class="pos-left">

<div class="postom-left">

<a href="halaman_pelanggan.php?tampilan=beranda"><input

type="button" class="btn" value="Tambah +"></a>

</div>

</div>

</div>

<table class="myTable">

<tr class="judul">

<th style="width='2%'"%>No</th>

<th style="width='10%'"%>Id Barang</th>

<th style="width='30%'"%>Nama Barang</th>

<th style="width='30%'"%>Harga Barang<br>Persatuan</th>

<th style="width='30%'"%>Banyak<br>Beli</th>

<th style="width='30%'"%>Harga<br>Beli</th>

<th style="width='8%'"%></th>

<th style="width='8%'"%>Hapus</th>

</tr>

<?php

$k=1;

$n=1001;

$s=2001;

$query=mysql_query("select*from isi_keranjang WHERE

id_keranjang='$id_keranjang'");

$jumlahdata=mysql_num_rows($query);

while ($row=mysql_fetch_array($query)) {

$kd = $row['id_barang'];

$sql_caribarang = mysql_query("select*from barang WHERE

id_barang='$kd'");

$jmldatabrg = mysql_num_rows($sql_caribarang);

$barang_data = mysql_fetch_array($sql_caribarang);

if ($jmldatabrg > 0) {

$kode = $barang_data['id_barang'];

$nm_barang = $barang_data['nm_barang'];

$gambar_barang = $barang_data['gambar_barang'];

$merk_barang = $barang_data['merk_barang'];

$merk_motor = $barang_data['merk_motor'];

$nama_motor = $barang_data['nama_motor'];

$warna_barang = $barang_data['warna_barang'];

$keterangan = $barang_data['keterangan'];

$harga_barang = $barang_data['harga_barang'];

$stok_barang = $barang_data['stok_barang'];

}

?>

<tr>

115

<td><?php echo $k; ?></td>

<td><?php echo $kd ?></td>

<td><?php

echo $nm_barang; ?></td>

<td><?php $jumdes = "2";

$pemdes = ",";

$pemrib = ".";

echo "Rp" . number_format($harga_barang, $jumdes, $pemdes,

$pemrib); ?></td>

<td><?php echo $row['banyak_beli']; ?></td>

<td><?php $kali = $harga_barang * $row['banyak_beli'];

echo "Rp" . number_format($kali, $jumdes, $pemdes, $pemrib);

?></td>

<td>

<a onclick="document.getElementById('<?php echo

$n;?>').style.display='block'" style="width:auto;">Edit</a>

</td>

<td><?php echo "<a

href=aksi_beli.php?aksi=hapus&idbrg=$kd&idkrj=$id_keranjang

title='Hapus Dari Keranjang'>

<img src=\"../design/hapus.png\" height=\"30px\"

width=\"30px\"></a>"; ?></td>

</tr>

<div id="<?php echo $n; ?>" class="modal">

<span onclick="document.getElementById('<?php echo $n;

?>').style.display='none'" class="close" title="Close

Modal">×</span>

<div class="modal-content2">

<div class="container">

<div class="clearfix">

<form

action="aksi_beli.php?aksi=update_keranjang&idbrg=<?php echo

$kode;?>&s=<?php echo $s?>&krj=<?php echo $id_keranjang;?>"

method="post">

<center><h3>Masukan Banyak Barang</h3></center>

<center><h3><?php

echo $nm_barang; ?></h3></center>

<div class="baris">

<input type="text" value="<?php echo

$row['banyak_beli'] ?>" name="banyak">

</div>

<div class="baris">

<div class="pos-tengah1"><button type="button"

onclick="document.getElementById('<?php echo

$n;?>').style.display='none'" class="btn-btl">Batal</button></div>

<div class="pos-tengah1"><button type="submit"

class="btn-ok">Beli</button></div>

</div>

116

</form>

</div>

</div>

</div>

</div>

<script>

// Get the modal

var modal = document.getElementById('<?php echo $n;?>');

// When the user clicks anywhere outside of the modal, close it

window.onclick = function(event) {

if (event.target == modal) {

modal.style.display = "none";

}

}

</script>

<?php

$k++;

$n++;

$s++;

}

?>

</table>

<div class="baris">

<div class="postom-right">

<div class="pos-right">

<a href="aksi_beli.php?aksi=tr_langkah1&krj=<?php echo

$id_keranjang;?>">

<button class="tombol2">Lanjut Beli</button>

</a>

</div>

</div>

</div>

<?php

}

?>

Data_keranjang.php

<?php

$n=1001;

$s=2001;

$query=mysql_query("select*from isi_keranjang WHERE

id_keranjang='$id_keranjang'");

while ($row=mysql_fetch_array($query)) {

?>

<div id="<?php echo $n; ?>" class="modal">

117

<span onclick="document.getElementById('<?php echo $n;

?>').style.display='none'" class="close" title="Close

Modal">×</span>

<form class="modal-content"

action="aksi_beli.php?aksi=keranjang&idbrg=<?php echo

$kode;?>&s=<?php echo $s?>" method="post"

name="form_beli" onsubmit="return cek_coy()">

<div class="container">

<div class="clearfix">

<center><h2>Deskripsi Barang</h2></center>

<div class="baris">

<div class="detil_produk">

<div class="detil_gbr">

<?php echo "<a href=>";?>

<img src="../upload/<?php echo $gambar_barang; ?>"

style="width:100%" height="100%"></a>

</div>

<div class="detil_gbr">

<div class="baris">

<table id="myTable">

<tr>

<th>Nama Barang</th><th>:</th>

<td><?php echo $nm_barang ;?></td>

</tr>

<tr>

<th>Merk Barang</th><th>:</th>

<td><?php echo $merk_barang ;?></td>

</tr>

<tr>

<th>Merk Motot</th><th>:</th>

<td><?php echo $merk_motor ;?></td>

</tr>

<tr>

<th>Type Motor</th><th>:</th>

<td><?php echo $tipe_motor ;?></td>

</tr>

<tr>

<th>Warna Barang</th><th>:</th>

<td><?php echo $warna_barang ;?></td>

</tr>

<tr>

<th>Harga Barang</th><th>:</th>

<td><?php

$jumdes = "2";

$pemdes = ",";

$pemrib = ".";

echo "Rp" . number_format($harga_barang,

$jumdes, $pemdes, $pemrib); ?></td>

118

</tr>

<tr>

<th>Keterangan</th><th>:</th>

<td><?php echo $keterangan ;?></td>

</tr>

<tr>

<th>Stok Barang</th><th>:</th>

<td><input type="text" name="<?php echo 'stok'.$s

?>" id="banyak" value="<?php echo $stok_barang ;?>"></td>

</tr>

<tr>

<th>Jumlah Beli</th><th>:</th>

<td><input type="text" name="<?php echo $s ?>"

id="banyak"></td>

</tr>

</table>

</div>

</div>

</div>

</div>

<div class="baris">

<div class="pos-tengah1"><button type="button"

onclick="document.getElementById('<?php echo

$n;?>').style.display='none'" class="btn-btl">Cancel</button></div>

<div class="pos-tengah1"><button type="submit" class="btn-

ok">Beli</button></div>

</div>

</div>

</div>

</form>

</div>

<?php

$n++;

$s++;

}

?>

Pengiriman.php



var cek_telp=document.forms['formulir_keranjang']['no_telp'].value;

var cek_idkota=document.forms['formulir_keranjang']['idkota'].value;

var

cek_penerima=document.forms['formulir_keranjang']['penerima'].value;

var

cek_alamat=document.forms['formulir_keranjang']['almt_kirim'].value;

119

var number=/^[0-9]+$/;

if (cek_penerima==null||cek_penerima=="")

{

alert("Penerima Belum diisi, silahkan lengkapi");

return false;

}

if (cek_idkota==null||cek_idkota=="")

{

alert("Kota Penerima Belum diisi, silahkan lengkapi");

return false;

}

if (cek_telp==null||cek_telp=="")

{

alert("Nomor Telpon Penerima Belum diisi, silahkan lengkapi");

return false;

}

if (cek_alamat==null||cek_alamat=="")

{

alert("Alamat Penerima Belum diisi, silahkan lengkapi");

return false;

}

if(!cek_telp.match(number)){

alert("No Telfon harus berisi angka");

return false;

}

if(cek_telp.length<8){

alert("No Telfon tidak benar");

return false;

}

}

</script>

<?php




$no_trans=$_GET['tr'];

$id_keranjang=$_GET['krj'];

$sql_caritr= mysql_query("select*from transaksi WHERE

no_trans='$no_trans'");

$jmldatadidapat=mysql_num_rows($sql_caritr);

$datatr=mysql_fetch_array($sql_caritr);

if($jmldatadidapat>0) {

$id_pelanggan=$datatr['id_pelanggan'];

$penerima=$datatr['penerima'];

$no_telp=$datatr['no_telp'];

$id_kota=$datatr['id_kota'];

120

$alamat=$datatr['alamat'];

$total_beli=$datatr['total_beli'];

$banyak_beli=$datatr['banyak_beli'];

$berat_beli=$datatr['berat_beli'];

$biaya_ongkir=$datatr['biaya_ongkir'];

$total_bayar=$datatr['total_bayar'];

}

?>


<tr class="judul">




<th style="width='10%'"%>Harga Barang</th>

<th style="width='10%'"%>Berat Barang</th>

<th style="width='10%'"%>Banyak Barang</th>

<th style="width='10%'"%>Sub Berat<br>Barang</th>

<th style="width='10%'"%>Sub Total</th>

</tr>

<?php

$n=1;

$sql_caridata = mysql_query("select*from detil_transaksi WHERE


while ($datadetil=mysql_fetch_array($sql_caridata)) {

$id_barang = $datadetil['id_barang'];

$banyak_subbarang=$datadetil['banyak_subbarang'];

$berat_subbarang=$datadetil['berat_subbarang'];

$total_subbarang=$datadetil['total_subbarang'];

?>

<tr>

<td><?php echo $n; ?></td>

<td><?php echo $id_barang; ?></td>

<?php


id_barang='$id_barang'");


$databarang = mysql_fetch_array($sql_caribarang);


$nm_barang = $databarang['nm_barang'];

$harga_barang = $databarang['harga_barang'];

$berat_barang = $databarang['berat_barang'];

?>

<td><?php echo $nm_barang; ?></td>

<td><?php

$jumdes = "2";

$pemdes = ",";

$pemrib = ".";

121


$pemrib); ?></td>

<td><?php echo $berat_barang; ?></td>

<?php

}?>

<td><?php echo $banyak_subbarang; ?></td>

<td><?php echo $berat_subbarang; ?></td>

<td><?php echo

"Rp".number_format($total_subbarang,$jumdes,$pemdes,$pemrib);?><

/td>

</tr>

<?php

$n++;

}

?>

<tr>

<th></th>

<th></th>

<th>TOTAL</th>

<th></th>

<th></th>

<th><?php echo $banyak_beli;?></th>

<th><?php echo $berat_beli;?></th>

<th><?php

$jumdes = "2";

$pemdes = ",";

$pemrib = ".";

echo

"Rp".number_format($total_beli,$jumdes,$pemdes,$pemrib);?></th>

</tr>

</table>

<form onsubmit="return cek_coy()"

action="aksi_beli.php?aksi=tr_langkah2&tr=<?php echo $no_trans

;?>&krj=<?php echo $id_keranjang; ;?>" method="post"

name="formulir_keranjang" enctype='multipart/form-data'

class="form_input" id="frm1">

<h3>Tujuan <Pengiriman></Pengiriman></h3>

<div class="baris">


<div class="baris">


<p>Penerima</p>

</div>


<input placeholder="" type="text" name="penerima" value="">

</div>

</div>

<div class="baris">

122


<p>No Tlp</p>

</div>


<input placeholder="" type="text" name="no_telp" value="">

</div>

</div>

<div class="baris">


<p>Kota Penerima</p>

</div>


<select name="idkota" onClick="pilihKota()">

<option value="">Pilih kota</option>

<?php

$query=mysql_query("select*from kota");

while ($list=mysql_fetch_array($query)) {

$id_kota=$list['id_kota'];

$nm_kota=$list['nm_kota'];

$cari_hrg=mysql_query("select*from ongkir where

id_kota='$id_kota'");

$datahrg=mysql_fetch_array($cari_hrg);

$ongkir=$datahrg['harga_ongkir'];

echo "<option value=$id_kota>$nm_kota</option>";

}

?>

</select>

</div>

</div>

</div>


<div class="baris">


<p>alamat</p>

</div>


<textarea name="almt_kirim"></textarea>

</div>

</div>

<div class="baris">


<p>Keterangan Pemesanan</p>

</div>


<textarea name="keterangan"></textarea>

</div>

</div>

<div class="baris">

123

<div class="postom-left"></div>


<input type="submit" value="Proses" class="tombol1">

</div>

</div>

</div>

</div>

</form>

Detil_transaksi.php

<?php



$no_trans=$_GET['tr'];


$sql_carikeranjang= mysql_query("select*from keranjang WHERE

id_pelanggan='$pengunjung'");

$jmldata=mysql_num_rows($sql_carikeranjang);

$datakeranjang=mysql_fetch_array($sql_carikeranjang);

if($jmldata>0)

{

$id_keranjang=$datakeranjang['id_keranjang'];

}

$sql_input = mysql_query("select*from transaksi WHERE

id_pelanggan='$pengunjung' and status_transaksi='input pengiriman'");

$jmlinput = mysql_num_rows($sql_input);

$datainput = mysql_fetch_array($sql_input);

if ($jmlinput > 0) {

$no_trans=$datainput['no_trans'];

$text = "Tidak Bisa menambahkan ke dalam keranjang, silahkan lakukan

penyelesaian input data pengiriman";

header('location:halaman_pelanggan.php?tampilan=pengiriman&tr='.$n

o_trans.'&pesan=2&text='. $text.'&krj='. $id_keranjang.'');

}

$sql_caritr= mysql_query("select*from transaksi WHERE


$jmldatadidapat=mysql_num_rows($sql_caritr);

$datatr=mysql_fetch_array($sql_caritr);

if($jmldatadidapat>0) {

$id_pelanggan=$datatr['id_pelanggan'];

$penerima=$datatr['penerima'];

$no_telp=$datatr['no_telp'];

$id_kota=$datatr['id_kota'];

$alamat=$datatr['alamat'];

$total_beli=$datatr['total_beli'];

124

$banyak_beli=$datatr['banyak_beli'];

$berat_beli=$datatr['berat_beli'];

$biaya_ongkir=$datatr['biaya_ongkir'];

$total_bayar=$datatr['total_bayar'];

$tgl_transaksi=$datatr['tgl_transaksi'];

$tgl_konfirmasibeli=$datatr['tgl_konfirmasibeli'];

$tgl_konfirmasitoko=$datatr['tgl_konfirmasitoko'];

$tgl_pengepackan=$datatr['tgl_pengepackan'];

$tgl_pengiriman=$datatr['tgl_pengiriman'];

$tgl_penerimaan=$datatr['tgl_penerimaan'];

$status_transaksi=$datatr['status_transaksi'];

$keterangan=$datatr['keterangan'];

}

$sql_caribt= mysql_query("select*from pembayaran WHERE


$jmlbt=mysql_num_rows($sql_caribt);

$databt=mysql_fetch_array($sql_caribt);

if($jmlbt>0) {

$no_pembayaran = $databt['no_pembayaran'];

}else{

$no_pembayaran="";

}

?>

<h2>Detil Pembelian</h2>

<div class="baris">



<tr>

<th>No Transaksi</th>

<td>:</td>

<td><?php echo $no_trans;?></td>

</tr>

<tr>

<th>Tanggal Transaksi</th>

<td>:</td>

<td><?php echo $tgl_transaksi;?></td>

</tr>

<tr>

<th>Status</th>

<td>:</td>

<td bgcolor="red"><?php echo $status_transaksi;?></td>

</tr>

<tr>

<th>No Pembayaran</th>

<td>:</td>

<td bgcolor="red"><?php echo $no_pembayaran;?></td>

</tr>

</table>

125

</div>



<tr>

<th>Penerima</th>

<td>:</td>

<td><?php echo $penerima;?></td>

</tr>

<tr>

<th>No Telfon</th>

<td>:</td>

<td><?php echo $no_telp;?></td>

</tr>

<tr>

<th>Kota</th>

<td>:</td>

<td><?php

$sql_editkota=mysql_query("select*from kota where


$jumlahdata=mysql_num_rows($sql_editkota);

$data=mysql_fetch_array($sql_editkota);

if($jumlahdata>0)

{

$nm_kota=$data['nm_kota'];

}

echo $id_kota." - ".$nm_kota;

?></td>

</tr>

<tr>

<th>Alamat</th>

<td>:</td>

<td><?php echo $alamat;?></td>

</tr>

</table>

</div>

</div>


<tr class="judul">

<th style="width='10%'"%>Konfirmasi<br>Beli</th>

<th style="width='10%'"%>Konfirmasi<br>Toko</th>

<th style="width='10%'"%>Pengepackan<br>Pesanan</th>

<th style="width='10%'"%>Pengiriman<br>Pesanan</th>

<th

style="width='10%'"%>Konfirmasi<br>Penerimaan<br>Pemesanan</th

>

</tr>

<tr>

<td><?php echo $tgl_konfirmasibeli;?></td>

126

<td><?php echo $tgl_konfirmasitoko;?></td>

<td><?php echo $tgl_pengepackan;?></td>

<td><?php echo $tgl_pengiriman;?></td>

<td><?php echo $tgl_penerimaan;?></td>

</tr>

</table>

<br>


<tr class="judul">




<th style="width='10%'"%>Harga Barang</th>

<th style="width='10%'"%>Berat Barang</th>

<th style="width='10%'"%>Banyak Barang</th>

<th style="width='10%'"%>Sub Berat<br>Barang</th>

<th style="width='10%'"%>Sub Total</th>

</tr>

<?php

$n=1;

$sql_caridata = mysql_query("select*from detil_transaksi WHERE


while ($datadetil=mysql_fetch_array($sql_caridata)) {

$id_barang = $datadetil['id_barang'];

$banyak_subbarang=$datadetil['banyak_subbarang'];

$berat_subbarang=$datadetil['berat_subbarang'];

$total_subbarang=$datadetil['total_subbarang'];

?>

<tr>

<td><?php echo $n; ?></td>

<td><?php echo $id_barang; ?></td>

<?php


id_barang='$id_barang'");


$databarang = mysql_fetch_array($sql_caribarang);


$nm_barang = $databarang['nm_barang'];

$harga_barang = $databarang['harga_barang'];

$berat_barang = $databarang['berat_barang'];

?>

<td><?php echo $nm_barang; ?></td>

<td><?php

$jumdes = "2";

$pemdes = ",";

$pemrib = ".";


$pemrib); ?></td>

127

<td><?php echo $berat_barang; ?></td>

<?php

}?>

<td><?php echo $banyak_subbarang; ?></td>

<td><?php echo $berat_subbarang; ?></td>

<td><?php echo

"Rp".number_format($total_subbarang,$jumdes,$pemdes,$pemrib);?><

/td>

</tr>

<?php

$n++;

}

?>

<tr>

<th></th>

<th></th>

<th>TOTAL</th>

<th></th>

<th></th>

<th><?php echo $banyak_beli;?></th>

<th><?php echo $berat_beli;?></th>

<th><?php echo

"Rp".number_format($total_beli,$jumdes,$pemdes,$pemrib);?></th>

</tr>

</table>

<br>

<div class="baris">



<tr>

<th>Banyak Barang</th>

<td>:</td>

<td><?php echo $banyak_beli."buah";?></td>

</tr><tr>

<th>Total Beli</th>

<td>:</td>

<td><?php echo

"Rp".number_format($total_beli,$jumdes,$pemdes,$pemrib);?></td>

</tr>

<tr>

<th>Berat Pembelian</th>

<td>:</td>

<td><?php echo $berat_beli."KG" ;?></td>

</tr>

<tr>

<th>Ongkir/Kg</th>

<td>:</td>

<td><?php

128

$sql_cariharga=mysql_query("select*from ongkir where


$jumdata_hrg=mysql_num_rows($sql_cariharga);

$data_hrg=mysql_fetch_array($sql_cariharga);

if($jumdata_hrg>0)

{

$ongkir=$data_hrg['harga_ongkir'];

}

echo "Rp".number_format($ongkir,$jumdes,$pemdes,$pemrib);

?></td>

</tr>

<tr>

<th>Total Biaya Ongkir</th>

<td>:</td>

<td><?php echo

"Rp".number_format($biaya_ongkir,$jumdes,$pemdes,$pemrib);?></td

>

</tr>

<tr>

<th>Total Pembayaran</th>

<td>:</td>

<td><?php

echo

"<h4>"."Rp".number_format($total_bayar,$jumdes,$pemdes,$pemrib)."

</h4>";?></td>

</tr>

</table>

</div>


<div class="baris">

<table class="myTable">

<tr>

<th>Keterangan<br>Pemesanan</th>

<td>:</td>

<td><?php echo $keterangan; ?></td>

</tr>

</table>

</div>

<?php

if($status_transaksi=="konfirmasi bayar"){

?>

<div class="baris">


<a href="aksi_beli.php?aksi=ulang_trans&tr=<?php echo

$no_trans;?>

&krj=<?php echo $id_keranjang;?>"><button

class="tombol2">Batal</button></a>

</div>

129


<a href="aksi_beli.php?aksi=konfirmasi_beli&tr=<?php echo

$no_trans;?>

&krj=<?php echo $id_keranjang;?>"><button class="btn-ok">Konfirmasi

Beli</button></a>

</div> </div> <?php

}else{

?>

<div class="baris">


<a href="cetak_faktur.php?tr=<?php echo $no_trans;?>"

target="_blank"><button class="tombol1">Cetak</button></a>

</div>


<a

href="halaman_pelanggan.php?tampilan=pemesanan&pesan=0&text="

><button class="tombol1">Kembali</button></a>

</div>

</div>

<?php

}

?>

</div>

3.3.2 Blackbox testing

1. Pengujian terhadap Form Login Pelanggan

Tabel 3.39

Hasil Pengujian Login Pelanggan

N

o

Skenario

Pengujian

Test Case Hasil yang

diharapkan

Hasil

Pengujian

Kesimpulan

1 Username dan

password tidak

diisi, lalu tekan

tombol login

Username :

kosong

Pssword :

kosong

Sistem akan

menolak akses

user daan

menampilkan

“Gagal masuk

sebagai

pelanggan,

silahkan

ulangi”

Sesuai

harapan

Valid

2 Username diisi,

dan password

tidak diisi, lalu

tekan enter

Username : diisi

Password :

kosong

Sistem akan

menolak akses

user daan

menampilkan

“Gagal masuk

Sesuai

harapan

Valid

130

sebagai

pelanggan,

silahkan

ulangi”

3 Username dan

password diisi

salah, lalu tekan

enter

Usernme : salah

Password : salah

Sistem akan

menolak akses

user daan

menampilkan

“Gagal masuk

sebagai

pelanggan,

silahkan

ulangi”

Sesuai

harapan

Valid

4 Username diisi

benar, dan

password diisi

salah, lalu tekan

enter

Username :

benar

Password : salah

Sistem akan

menolak akses

user daan

menampilkan

“Gagal masuk

sebagai

pelanggan,

silahkan

ulangi”

Sesuai

harapan

Valid

5 Username dan

password diisi

benar, lalu tekan

enter

Usernme : benar

Password : salah

Sistem

menerima

akses, dan

menampilkan“

berhasil login”

Sesuai

harapan

Valid

2. Pengujian terhadap Form Pendaftaran Menjadi Pelanggan

Tabel 3.40

Hasil Pengujian Form Pendaftaran Menjadi Pelanggan

No Skenario

Pengujian


diharapkan

Hasil

Pengujian

Kesimpulan

1 Nama lengkap,

Jenis kelamin,

Alamat email,

No telepone,

Alamat lengkap,

Username,

Password, dan

Konfirmasi

password tidak

diisi

Nama lengkap :

kosong

Jenis kelamin :

kosong

Alamat email :

kosong

No telepone :

kosong

Alamat lengkap :

kosong

Username :

kosong

Password :

kosong

Sistem akan

menolak akses,

“nama belum

diisi”

Sesuai

harapan

Valid

131

Konfirmasi

password :

kosong

2 Nama lengkap,

Jenis kelamin,

Alamat email,

No telepone,

lengkap,

Username,

Password, dan

Konfirmasi

password diisi,

tetapi alamat

tidak diisi

Nama lengkap :

andreas dimas

Jenis kelamin :

laki-laki

Alamat email :

Andreasdimas900

@gmail.com

No telephone :

086783657748

Alamat lengkap :

kosong

Username :

andre16

Password : 12345

Konfirmasi

password : 12345

Sistem akan

menolak akses,

“alamat belum

diisi”

Sesuai

harapan

valid

3 Nama lengkap,

Jenis kelamin,

Alamat email,

No telepone,

Alamat lengkap,

Username,

Password, dan

Konfirmasi

password diisi,

tetapi

Email tidak

sesuai

Nama lengkap :

andreas dimas

Jenis kelamin :

laki-laki

Alamat email :

Andreasdimas900

No telepone :

086783657748

Alamat lengkap :

gisting tanggamus

Username :

andre16

Password : 12345

Konfirmasi

password : 12345

Sistem akan

menolak akses,

“e-mail tidak

valid”

Sesuai

harapan

valid

4 Nama lengkap,

Jenis kelamin,

Alamat email,

No telepone,

Alamat lengkap,

Username,

Password, dan

Konfirmasi

password diisi,

Tetapi nomor

telepon ditulis

dengan huruf

bukan angka

Nama lengkap :

andreas dimas

Jenis kelamin :

laki-laki

Alamat email :

Andreasdimas900

@gmail.com

No telepone : nol

delapan lima dua

Alamat lengkap :

giting tanggamus

Username :

andre16

Password : 12345

Konfirmasi

password : 12345

Sistem akan

menolak akses,

“nomor

telepone harus

berisi angka”

Sesuai

harapan

valid

5 Nama lengkap,

Jenis kelamin,

Alamat email,

No telepone,

Alamat lengkap,

Username,

Password, dan

Nama lengkap :

andreas dimas

Jenis kelamin :

laki-laki

Alamat email :

Andreasdimas900

@gmail.com

Sistem

menerima data

masukan, dan

menampilkan

“username dan

password telah

terdaftar”

Sesuai

harapan

valid

132

Konfirmasi

password diisi

dengan benar

No telepone :

086783657748

Alamat lengkap :

giting tanggamus

Username :

andre16

Password : 12345

Konfirmasi

password : 12345

3. Pengujian terhadap Form Konfirmasi Tujuan Pengiriman

Tabel 3.41

Hasil Pengujian Form Masukan Data Pengiriman

No Skenario

Pengujian


diharapkan

Hasil

Pengujian

Kesimpulan

1 Nama

penerima,

nomor telepon

penerima,

alamat

penerima,

keterangan

diisi kosong

Nama penerima:

kosong

Telepon

penerima:

kosong

Alamat

penerima:

kosong

Keterangan :

kosong

Sistem akan

menolak akses,

“Nama

penerima belum

diisi”

Sesuai

harapan

valid

2 Nama

penerima,

alamat

penerima,

keterangan

diisi , tapi

nomor

penerima tidak

diisi

Nama penerima:

andreas

Telepon

penerima:

kosong

Alamat

penerima:

gisting

Keterangan :

merah

Sistem akan

menolak akses,

“nomor

penerima belum

diisi”

Sesuai

harapan

valid

3 Nama

penerima,

nomor

penerima,

keterangan

diisi tapi

alamat

penerima tidak

diisi

Nama penerima:

andreas

Telepon

penerima:

081234567877

Alamat

penerima:

kosong

Keterangan :

merah

Sistem akan

menolak akses,

“Nama alamat

belum diisi”

Sesuai

harapan

valid

4 Nama

penerima,

nomor telepon

Nama penerima:

andreas

Sistem

menerima data

masukan, dan

menampilkan,

Sesuai

harapan

valid

133

penerima,

alamat

penerima,

keterangan,

diisi sesuai

Telepon

penerima:

081234567877

Alamat

penerima:

gisting

Keterangan :

merah

halaman

konfirmasi

pembelian

4. Pengujian terhadap Form Login Administrator dan Admin Toko

Tabel 3.42

Hasil Pengujian Login Administrator dan Admin Toko

N

o

Skenario

Pengujian


diharapkan

Hasil

Pengujian

Kesimpulan

1 Username dan

password tidak

diisi, lalu tekan

tombol login

Username :

kosong

Pssword :

kosong

Sistem akan

menolak akses

user daan

menampilkan

“username

atau password

salah”

Sesuai

harapan

Valid

2 Username diisi,

dan password

tidak diisi, lalu

tekan enter

Username : diisi

Password :

kosong

Sistem akan

menolak akses

user daan

menampilkan

“username

atau password

salah”

Sesuai

harapan

Valid

3 Username dan

password diisi

salah, lalu tekan

enter

Usernme : salah

Password : salah

Sistem akan

menolak akses

user daan

menampilkan

“username

atau password

salah”

Sesuai

harapan

Valid

4 Username diisi

benar, dan

password diisi

salah, lalu tekan

enter

Username :

benar

Password : salah

Sistem akan

menolak akses

user daan

menampilkan

“username

atau password

salah”

Sesuai

harapan

Valid

5 Username dan

password diisi

benar, lalu tekan

enter

Usernme : benar

Password : salah

Sistem

menerima

akses, dan

menampilkan“

berhasil login”

Sesuai

harapan

Valid

134

5. Pengujian terhadap Form Tambah Data Barang

Tabel 3.43

Hasil Pengujian Form Tambah Data Barang

No Skenario

Pengujian


diharapkan

Hasil

Pengujian

Kesimpulan

1 Nama kategori,

nama barang,

merk barang,

tipe motor,

warna, berat

barang,

gambar, tidak

diisi

Nama kategori:

kosong

nama barang:

kosong merk

barang: kosong,

tipe motor:

kosong,

warna: kosong,

berat barang:

kosong,

gambar: kosong,

Sistem akan

menolak data

masukan,

menmpilkan

pesan “nama

barang tidak

boleh kosong”

Sesuai

harapan

Valid

2 Nama kategori,

nama barang,

merk barang,

warna, berat

barang,

gambar diisi,

Tetapi tipe

motor tidak

diisi

Nama kategori:

diiisi

nama barang:

diiisi

merk barang:

diiisi,

tipe motor:

kosong,

warna: diiisi,

berat barang:

diiisi,

gambar: diiisi,

Sistem akan

menolak data

masukan, dan

menampilkan

pesan, “tipe

motor tidak

boleh kosong”

Sesuai

harapan

Valid

3 Nama kategori,

nama barang,

merk barang,

tipe motor,

warna, berat

barang,

gambar diisi

sesuai

Nama kategori:

diiisi

nama barang:

diiisi

merk barang:

diiisi,

tipe motor: diisi,

warna: diiisi,

berat barang:

diiisi,

gambar: diiisi,

Sistem

menerima data

masukan dan

menampilkan

barang

berhasil

ditambahkan

Sesuai

harapan

Valid

135

3.3.3. Spesifikasi Hardware dan Software

Tabel 3.44

Spesifikasi Hardware dan Software

Kebutuhan Keterangan

Sistem Oprasi Windows 7 dan seterusnya

Processor Intel(R) Core 2 Duo, 2.4 Ghz

RAM 512 Mb

Harddisk 160GB

CD-ROM 52x

Monitor SVGA 14”

Keyboard 108 keys

Printer Laser Jet

Mouse Standard

Browse Mozzilla Firefox, Google Chrome

Software PhpStrom 2016.1.2 dan XAMPP v3.2.1

3.3.4. Spesifikasi Dokumen

1. Nama Dokumen : Bukti Pemesanan

Fungsi : Sebagai bukti pemesanan dan pembelian

Sumber : pelanggan

Tujuan : administrator dan admin toko

Media : tampilan

Frekuensi :setiap terjadi pembelian

Format : Lampiran A-1

136

2. Nama Dokumen : Laporan penjualan Barang Terjual

Fungsi : sebagai laporan barang-barang yang telah terjual

Sumber : administrator dan admin toko

Tujuan : administrator

Media : tampilan

Frekuensi : setiap pembuatan laporan


3. Nama Dokumen : Laporan penjualan sukses

Fungsi : sebagai laporan penjualan yang telah berhasil



Media : tampilan



4. Nama Dokumen : Laporan penjualan dibatalkan

Fungsi : sebagai laporan penjualan yang dibatalkan



Media : tampilan



5. Nama Dokumen : Laporan penjualan belum di konfirmasi toko

Fungsi : sebagai laporan penjualan yang belum di konfirmasi


137


Media : tampilan



6. Nama Dokumen : Laporan stok barang

Fungsi : sebagai laporan ketersedian barang



Media : tampilan



Documents

BAB III PEMBAHASAN - Bina Sarana Informatika...10. Mengelola akun. Merupakan proses mengelola akun pelanggan. 11. Melakukan Logout. Melakukan proses untuk melakukan logout pelanggan