BAB IV IMPLEMENTASI DAN EVALUASIsir.stikom.edu/id/eprint/2097/8/BAB_IV.pdfc. Bahasa pemrograman yang...

88

BAB IV

IMPLEMENTASI DAN EVALUASI

Pada bab ini, desain yang sudah di buat pada bab sebelumnya akan

diimplementasikan dalam bentuk kode-kode program. Setelah kode- kode program

dijalankan maka berikutnya, akan dijalankan script testing untuk menguji apakah

fungsi-fungsi yang ada di website sudah berjalan dengan lancar atau belum.

4.1 Implementasi dan Kebutuhan Sistem

Dalam implementasi sistem, ada dua kebutuhan yang harus dipenuhi.

Perangkat yang dibutuhkan meliputi software dan hardware, antara lain sebagai

berikut:

1. Software

a. Sistem operasi menggunakan Microsoft Windows XP atau sistem operasi yang

lebih tinggi

b. Database untuk pengolahan data menggunakan MySQL.

c. Bahasa pemrograman yang digunakan adalah PHP.

d. Browser menggunakan Chrome atau Firefox.

2. Hardware

a. Processor Intel Pentium IV, atau lebih

b. Memory 512 Mb atau lebih.

c. Harddisk 40 Gb atau lebih.

d. Monitor dengan resolusi minimal 1024 x 768.

e. VGA Card 64 MB, Printer, Mouse, dan keyboard.

89

4.2 Pembuatan Program / Aplikasi

Pada Pembuatan program/ aplikasi ini, terdiri dari dua tampilan yaitu

front-end dan back end. Front-end adalah tampilan utama dari toko online ini.

Halaman ini adalah halaman dimana pelanggan dapat melihat dan memilih produk

yang ada di Sentra UKM MERR Surabaya serta membeli produk tersebut.

Sementara untuk back-end, halaman ini merupakan halaman admin yang dapat

diakses oleh Admin Sentra UKM MERR Surabaya serta Koordinator atau

penanggung jawab Sentra UKM MERR Surabaya. Seperti yang dijelaskan

sebelumya pada bab satu, penulis menggunakan bahasa pemrograman PHP, dan

database yang digunakan adalah MySQL.

4.3 Implementasi sistem

Sub bab ini menjelaskan tentang hasil dari rancangan tampilan yang sudah

di jelaskan pada bab tiga kedalam website toko online Sentra UKM MERR

Surabaya. Pada sub bab ini akan dibagi menjadi dua bagian yaitu front-end dan

back-end. Berikut ini penjelasan mengenai implementasi sistem berdasarkan proses

bisnis yang ada.

4.3.1 Halaman Utama

Halaman ini adalah halaman utama website Toko Online Sentra UKM

MERR Surabaya. Pada halaman ini, pelanggan dapat melihat produk apa saja yang

dijual oleh Sentra UKM MERR Surabaya dan dapat melihat profil Sentra UKM

MERR Surabaya(visi, misi) serta dapat melihat lokasi dimana Sentra UKM MERR

Surabaya berada.

90

Gambar 4. 1. Tampilan Halaman Utama Website

4.3.2 Halaman Detil Produk

Halaman ini adalah halaman detil produk. Halaman ini dapat ditemukan

pada saat memilih salah satu produk yang ada di tampilan halaman utama website.

Halaman detil produk ini berisi tentang nama produk, keterangan produk, identitas

UKM yang memiliki produk tersebut serta pelanggan dapat melihat estimasi biaya

kirim. Halaman detil produk dapat dilihat pada Gambar 4.2.

91

Gambar 4. 2. Tampilan Halaman Detil Produk

4.3.3 Halaman Daftar Pelanggan

Halaman ini adalah halaman daftar Pelanggan. Setelah memasukkan data

Pelanggan yang akan di daftarkan, system akan mengirimkan email yang berisi URL

Konfirmasi akun pelanggan. Setelah user menekan link konfirmasi tersebut maka

user dapat login dengan menggunakan username dan password yang telah di

daftarkan sebelumnya. Halaman Daftar Pelanggan dapat dilihat pada Gambar 4.3.

92


4.3.4 Halaman Login Pelanggan

Halaman ini adalah halaman login bagi pelanggan yang akan membeli

produk. Setelah login maka pelanggan dapat melanjutkan proses pembelian produk.

Halaman Login dapat dilihat pada Gambar 4.4.


93

4.3.5 Halaman Login Administrasi

Halaman ini adalah halaman login bagi administrasi. Administrasi yang

telah terdaftar memasukkan username dan password yang sudah diberikan

sebelumnya. Halaman Login dapat dilihat pada Gambar 4.5.

Gambar 4. 5. Tampilan Halaman Login Administrasi

4.3.6 Halaman Utama

Halaman ini adalah halaman utama administrasi Toko Online Sentra UKM

MERR Surabaya. Pada halaman ini, administrasi dapat melihat menu yang berguna

untuk menginputkan data dan memantau data penjualan serta meilhat hasil laporan.

Tampilan halaman utama administrasi Toko online Sentra UKM MERR Surabaya

dapat dilihat pada Gambar 4.6.

94

Gambar 4. 6. Tampilan Halaman Utama

Administrasi

4.3.7 Halaman Master Data UKM

Halaman ini adalah halaman Master Data UKM yang berfungsi untuk

menambah, mengupdate dan menghapus data ukm yang ada pada Sentra UKM

MERR Surabaya. Halaman Data Master UKM dapat dilihat pada gambar 4.7.

Tahap yang harus dilakukan untuk menambah data Master UKM adalah

administrasi harus memasukkan data pada kolom yang telah disediakan, Halaman

Tambah Data Master UKM dapat dilihat pada Gambar 4.8 apabila ingin mengubah

data Master UKM maka administrasi hanya perlu memilih data UKM mana yang

akan diganti dengan cara menekan tombol ubah seperti pada Gambar 4.9.

Sedangkan untuk menghapus data, administrasi harus terlebih dahulu mengubah

status data Master UKM yang ingin diubah menjadi tidak aktif dengan cara

menekan tombol status seperti pada Gambar 4.10 dan berikutnya administrasi bisa

menghapus data dengan memilih tombol hapus seperti pada Gambar 4.11.

95

Gambar 4. 7. Tampilan Halaman data Master UKM


96


Gambar 4. 10. Tampilan Konfirmasi Ubah Status data Master UKM

Gambar 4. 11. Tampilan Konfirmasi Hapus data Master UKM

97

4.3.8 Halaman Master Data Administrasi Sentra UKM

Halaman ini adalah halaman Master Data Administrasi Sentra UKM yang

berfungsi untuk menambah, mengupdate dan menghapus data ukm yang ada pada

Sentra UKM MERR Surabaya. Halaman Data Master Administrasi Sentra UKM

dapat dilihat pada gambar 4.12. Tahap yang harus dilakukan untuk menambah data

Master Administrasi Sentra UKM adalah administrasi harus memasukkan data pada

kolom yang telah disediakan, Halaman Tambah Data Master Administrasi Sentra

UKM dapat dilihat pada Gambar 4.13 apabila ingin mengubah data Master UKM

maka administrasi hanya perlu memilih data UKM mana yang akan diganti dengan

cara menekan tombol ubah seperti pada Gambar 4.14. Sedangkan untuk menghapus

data, administrasi harus terlebih dahulu mengubah status data Master UKM yang

ingin diubah menjadi tidak aktif dengan cara menekan tombol status seperti pada

Gambar 4.15 dan berikutnya administrasi bisa menghapus data dengan memilih

tombol hapus seperti pada Gambar 4.16.

Gambar 4. 12. Tampilan Halaman data Administrasi Sentra UKM

98

Gambar 4. 13. Tampilan Halaman tambah data Administrasi Sentra UKM

Gambar 4. 14. Tampilan Halaman Ubah Data Administrasi Sentra UKM

Gambar 4. 15. Tampilan Halaman Ubah Status Data Administrasi Sentra

UKM

99

Gambar 4. 16. Tampilan Halaman Ubah Data Administrasi Sentra UKM

4.3.9 Halaman Master Data Produk

Halaman ini adalah halaman Master Data Produk UKM yang berfungsi

untuk menambah, mengupdate, menghapus data produk dan me-restok data produk

yang ada pada Sentra UKM MERR Surabaya. Halaman Data Produk UKM dapat

dilihat pada gambar 4.17. Tahap yang harus dilakukan untuk menambah data

Master Produk UKM adalah administrasi harus memasukkan data pada kolom yang

telah disediakan, Halaman Tambah Data Master Produk dapat dilihat pada Gambar

4.18 apabila ingin mengubah data Master Produk maka administrasi hanya perlu

memilih data Produk UKM mana yang akan diganti dengan cara menekan tombol

ubah seperti pada Gambar 4.19. Sedangkan untuk menghapus data, administrasi

harus terlebih dahulu mengubah status data Master Produk UKM yang ingin diubah

menjadi tidak aktif dengan cara menekan tombol status seperti pada Gambar 4.20

dan berikutnya administrasi bisa menghapus data dengan memilih tombol hapus

seperti pada Gambar 4.21. Selanjutnya adalah restok produk ukm, yang harus

dilakukan oleh administrasi adalah dengan memilih nama produk yang akan di

tambah stoknya dan memasukkan jumlah stok barang yang akan ditambah.

Halaman restok produk ukm dapat dilihat pada Gambar 4.22.

100

Gambar 4. 17. Tampilan Halaman Data Master Produk UKM

Gambar 4. 18. Tampilan Halaman Tambah Data Master Produk UKM

101

Gambar 4. 19. Tampilan Halaman Ubah Data Master Produk UKM

Gambar 4. 20. Tampilan Konfirmasi Ubah Data Produk UKM

Gambar 4. 21. Tampilan Konfirmasi Hapus Data Produk UKM

102

Gambar 4. 22. Tampilan Halaman Restok Data Produk UKM

4.3.10 Halaman Master Data Kategori Produk UKM

Halaman ini adalah halaman Master Data Produk Kategori UKM yang

berfungsi untuk menambah, mengupdate dan menghapus data kategori produk yang

ada pada Sentra UKM MERR Surabaya. Halaman Data Kategori Produk UKM


Master Kategori Produk UKM adalah administrasi harus memasukkan data pada

kolom yang telah disediakan, Halaman Tambah Data Master Kategori Produk

UKM dapat dilihat pada Gambar 4.24, apabila ingin mengubah data Master kategori

Produk UKM maka administrasi hanya perlu memilih data Master Kategori Produk

UKM mana yang akan diganti dengan cara menekan tombol ubah seperti pada

Gambar 4.25. Sedangkan untuk menghapus data, administrasi harus terlebih dahulu

103

mengubah status data Master Kategori Produk UKM yang ingin diubah menjadi

tidak aktif dengan cara menekan tombol status seperti pada Gambar 4.26 dan

berikutnya administrasi bisa menghapus data dengan memilih tombol hapus seperti

pada Gambar 4.27.

Gambar 4. 23. Tampilan Halaman Kategori Produk UKM

Gambar 4. 24. Tampilan Halaman Tambah Kategori Produk UKM

104

Gambar 4. 25. Tampilan Halaman Ubah Data Master Kategori Produk UKM

Gambar 4. 26. Tampilan Konfirmasi Ubah Status Data

Master Kategori Produk UKM

Gambar 4. 27. Tampilan Konfirmasi Hapus Data Master Kategori Produk UKM

4.3.11 Halaman Master Jenis Barang

Halaman ini adalah halaman Master Data Jenis Barang UKM yang

berfungsi untuk menambah, mengupdate dan menghapus data jenis barang yang

ada pada Sentra UKM MERR Surabaya. Halaman Data Master Jenis Barang UKM


Master Jenis Barang UKM adalah administrasi harus memasukkan data pada kolom

yang telah disediakan, Halaman Tambah Data Master Jenis Barang UKM dapat

105

dilihat pada Gambar 4.29, apabila ingin mengubah data Master Jenis Barang UKM

maka administrasi hanya perlu memilih data Master Jenis Barang UKM mana yang

akan diganti dengan cara menekan tombol ubah seperti pada Gambar 4.30.

Sedangkan untuk menghapus data, administrasi harus terlebih dahulu mengubah

status data Master Jenis Barang UKM yang ingin diubah menjadi tidak aktif dengan

cara menekan tombol status seperti pada Gambar 4.31 dan berikutnya administrasi

bisa menghapus data dengan memilih tombol hapus seperti pada Gambar 4.32.

Gambar 4. 28. Tampilan Halaman Data Master Jenis Produk UKM

106

Gambar 4. 29. Tampilan Halaman Tambah Data Master Jenis Produk UKM

Gambar 4. 30. Tampilan Halaman Data Master Jenis Barang UKM

Gambar 4. 31. Tampilan Konfirmasi Ubah status Data Master Jenis Barang UKM

107

Gambar 4. 32. Tampilan Konfirmasi Ubah status Data Master Jenis Barang UKM

4.3.12 Halaman Transaksi Penjualan

Halaman ini adalah halaman Transaksi Penjualan yang berfungsi untuk

mengubah status trannsaksi penjualan dan menghapus data transaksi penjualan

yang ada pada Sentra UKM MERR Surabaya. Halaman Data Transaksi Penjualan

dapat dilihat pada gambar 4.33. Sedangkan untuk menghapus data, administrasi

harus terlebih dahulu mengubah status data Transaksi Penjualan yang ingin diubah

menjadi tidak aktif dengan cara menekan tombol ubah seperti pada Gambar 4.34

dan berikutnya administrasi bisa menghapus data dengan memilih tombol hapus

seperti pada Gambar 4.35.

Gambar 4. 33. Tampilan Halaman Data Transaksi Penjualan

108

Gambar 4. 34. Tampilan Konfirmasi Ubah Status Data Transaksi Penjualan


4.3.13 Halaman Transaksi Konfirmasi Pembayaran

Halaman ini berisi tentang data-data pembayaran yang ada di toko online

Sentra UKM MERR Surabaya. Administrasi dapat melihat data pembayaran dan

mengecek secara manual apakah uang tersebut sudah di transfer atau belum.

Halaman Konfrimasi Pembayaran dapat di lihat pada Gambar 4.36.


109

4.3.14 Halaman Konfirmasi Pengiriman Barang

Halaman ini berisi tentang data-data konfirmasi Pengiriman barang yang

ada di toko online Sentra UKM MERR Surabaya. Administrasi dapat melihat data

konfrimasi pengiriman barang yang di input oleh pihak UKM dan mengecek secara

manual apakah data tersebut sudah ada di website jne. Halaman Konfrimasi

Penjualan dapat di lihat pada Gambar 4.37.


4.3.15 Menampilkan Rekap Data UKM

Tampilan halaman ini adalah halaman View Rekap Data UKM untuk

pemilik toko online Sentra UKM MERR Surabaya, dimana View Rekap Data UKM

digunakan sebagai laporan untuk mengetahui jumlah dan UKM siapa saja yang ada

di Sentra UKM MERR Surabaya. Pengguna terlebih dahulu memasukkan tanggal

untuk menampilkan data UKM, form pilih tanggal dapat dilihat pada Gambar 4.38.

Pengguna juga dapat menyimpan dan mencetak langsung laporan ini. Pengguna

harus berada di level koordinator untuk dapat melihat laporan ini. Tampilan laporan

dapat dilihat pada Gambar 4.39.

110

Gambar 4. 38. Tampilan Halaman Form print Rekap Data UKM

Gambar 4. 39. Tampilan Print Rekap Data UKM

4.3.16 Menampilkan Rekap Data Pelanggan

Tampilan halaman ini adalah halaman View Rekap Data Pelanggan untuk

pemilik toko online Sentra UKM MERR Surabaya, dimana View Rekap Data

Pelanggan digunakan sebagai laporan untuk mengetahui jumlah Pelanggan yang

ada di Sentra UKM MERR Surabaya. Pengguna terlebih dahulu memasukkan

tanggal untuk menampilkan data Pelanggan, form pilih tanggal dapat dilihat pada

Gambar 4.40. Pengguna juga dapat menyimpan dan mencetak langsung laporan ini.

111

Pengguna harus berada di level koordinator untuk dapat melihat laporan ini.

Tampilan laporan dapat dilihat pada Gambar 4.41.

Gambar 4. 40. Tampilan Halaman Form print Rekap Data Pelanggan

Gambar 4. 41. Tampilan Print Rekap Data Pelanggan

4.3.17 Menampilkan Rekap Data Produk

Tampilan halaman ini adalah halaman View Rekap Data Produk untuk

pemilik toko online Sentra UKM MERR Surabaya, dimana View Rekap Data

Produk digunakan sebagai laporan untuk mengetahui jumlah Produk yang ada di

Sentra UKM MERR Surabaya. Pengguna terlebih dahulu memasukkan tanggal

untuk menampilkan data Produk, form pilih tanggal dapat dilihat pada Gambar

4.42. Pengguna juga dapat menyimpan dan mencetak langsung laporan ini.

112



Gambar 4. 42. Tampilan Halaman Form print Rekap Data Produk

Gambar 4. 43. Tampilan Print Rekap Data Produk

4.3.18 Menampilkan Laporan Mutasi Stok

Tampilan halaman ini adalah halaman View Laporan Mutasi Stok untuk

pemilik toko online Sentra UKM MERR Surabaya, dimana View Laporan Mutasi

Stok digunakan sebagai laporan untuk mengetahui jumlah produk yang terjual dan

jumlah restok produk yang terjadi. Pengguna terlebih dahulu memasukkan tanggal

untuk menampilkan data mutasi stok, form pilih tanggal dapat dilihat pada Gambar

4.44. Pengguna juga dapat menyimpan dan mencetak langsung laporan ini.

113



Gambar 4. 44. Tampilan Halaman Form print Laporan Mutasi Stok

Gambar 4. 45. Tampilan Print Laporan Mutasi Stok

4.3.19 Menampilkan Laporan Barang Terlaris

Tampilan halaman ini adalah halaman View Laporan Barang Terlaris

untuk pemilik toko online Sentra UKM MERR Surabaya, dimana View Laporan

Barang Terlaris digunakan sebagai laporan untuk mengetahui produk yang paling

diminati oleh pelanggan. Tampilan halaman input form Barang Terlaris dapat

dilihat pada Gambar 4.46 User juga dapat menyimpan dan mencetak langsung

114

laporan ini. User harus berada di level koordinator untuk dapat melihat laporan ini.


Gambar 4. 46. Tampilan Halaman Form print Laporan Barang Terlaris

Gambar 4. 47. Tampilan Halaman Print Laporan Barang Terlaris

4.3.20 Menampilkan Laporan UKM Terlaris

Tampilan halaman ini adalah halaman View Laporan UKM Terlaris untuk

pemilik toko online Sentra UKM MERR Surabaya, dimana View Laporan UKM

Terlaris digunakan sebagai laporan untuk mengetahui UKM mana yang memiliki

penjualan barang terbanyak. Tampilan halaman input form UKM Terlaris dapat

dilihat pada Gambar 4.48 User juga dapat menyimpan dan mencetak langsung

115

laporan ini. User harus berada di level koordinator untuk dapat melihat laporan ini.


Gambar 4. 48. Tampilan Halaman Form print Laporan UKM Terlaris

Gambar 4. 49. Tampilan Halaman print Laporan UKM Terlaris

4.3.21 Menampilkan Laporan Penjualan

Tampilan halaman ini adalah halaman View Laporan Penjualan untuk

pemilik toko online Sentra UKM MERR Surabaya, dimana View Laporan

Penjualan digunakan sebagai laporan untuk mengetahui UKM mana yang memiliki

penjualan dan UKM yang belum memiliki penjualan. Laporan penjualan ini dibagi

menjadi dua yaitu laporan penjualan tiap UKM dan laporan penjualan seluruh

UKM. Tampilan halaman input form Penjualan dapat dilihat pada Gambar 4.50

116

User juga dapat menyimpan dan mencetak langsung laporan ini. User harus berada

di level koordinator untuk dapat melihat laporan ini. Tampilan laporan penjualan

tiap UKM dapat dilihat pada Gambar 4.51 dan Tampilan laporan penjualan seluruh

UKM dapat dilihat pada Gambar 4.52.

Gambar 4. 50. Tampilan Halaman Form print Laporan UKM Terlaris

Gambar 4. 51. Tampilan Halaman print Laporan Penjualan tiap UKM

117

Gambar 4. 52. Tampilan Halaman print Laporan Penjualan Seluruh UKM

4.4 Uji Coba sistem

Sub bab ini, menjelaskan tentang tahap uji sistem yang mengacu pada

desain sistem uji coba yang telah dibuat pada Bab III.

4.4.1 Uji Coba Login Administrasi

Uji coba ini dilakukan melalui satu test case. Test case pertama yaitu

memasukkan username dan password dengan benar sehingga pengguna dapat login

dan sistem akan memberikan notifikasi bahwa login yang dilakukan sukses. Test

case kedua pelanggan memasukkan username dan password yang salah sehingga

sistem akan memberi notifikasi bahwa data yang dimasukkan salah dan sistem akan

kembali ke halaman login tersebut. Hasil uji coba login pelanggan dapat dilihat

pada Tabel 4.1.

118

Tabel 4. 1 Uji coba Login Administrasi

Test Case

ID Tujuan Input Keterangan Hasil

1 Login Nur89, 12345

Login berhasil, masuk ke halaman utama sistem dan muncul notifikasi “hello (nur89)”.

Pada Gambar 4.53

2 Gagal Login Login Gagal Muncul alert login gagal

Pada Gambar 4.54.

Gambar 4. 53. Tampilan Halaman Utama Administrasi Setelah berhasil login

119

Gambar 4. 54. Tampilan Alert Login Gagal

Gambar 4.53 Menunjukkan bahwa Login yang dilakukan administrasi

berhasil seperti yang diharapkan dengan memunculkan notifikasi Hallo(nur89).

Sementara Gambar 4.54 menunjukkan bahwa login yang dilakukan oleh

administrasi gagal.

4.4.2 Uji Coba Kelola Data Master

Uji coba ini dilakukan melalui lima test case. Test case pertama yaitu

menampilkan data UKM. Test case kedua yaitu memasukkan data UKM, apabila

data yang dimasukkan berhasil maka sistem akan menampilkan data pada tabel data

UKM. Test case ketiga yaitu mengubah data UKM , apabila data ukm berhasil

diubah maka sistem akan menampilkannya pada tabel data UKM. Test case ke

empat yaitu mengubah status data ukm menjadi aktif/tidak aktif. Test case ke lima

yaitu hapus data ukm. Uji coba ini juga dilakukan pada Data Master yang lain

seperti Data Master Sentra UKM, Data Master Produk dan Data Master Kategori

Produk. Hasil uji coba Kelola Data UKM dapat dilihat pada Tabel 4.2.

Tabel 4. 2 Uji coba kelola data master

Test Case


3 Menampilkan

data UKM Memilih menu Data UKM

Menampilkan data UKM

Pada Gambar

4.55

120

Test Case


4 Input data

UKM

uk001, Cefa Rahardjo, jl.pandugo baru blok z no 11,Surabaya,081703891117, 2012-09-26,eccrfash, [email protected], 081703891117, logo_ukm

Data UKM berhasil disimpan pada database tabel data ukm dan akan muncul alert data UKM berhasil ditambah

Pada Gambar

4.56, Gambar

4.57 dan

Gambar 4.58.

5 Update data

UKM Mengubah nama pemilik menjadi Budi

Data Master UKM berhasil diubah, disimpan dan di tampilkan pada tabel data ukm dan muncul alert data UKM berhasil diubah

Pada Gambar

4.59

6 Ubah status data UKM

Tidak aktif

Status Data Master UKM berhasil diubah dan disimpan pada tabel data_ukm

Pada Gambar

4.60, Gambar

4.61, Gambar

4.62, Gambar

4.63, Gambar

dan Gambar

4.64.

7 Delete data

UKM uk001

Data UKM berhasil dihapus dan muncul alert data berhasil dihapus

Pada Gambar

4.65

mailto:[email protected]

121

Gambar 4. 55. Halaman Master Data UKM

Gambar 4. 56. Halaman input data master ukm

122

Gambar 4. 57. Alert berhasil tambah data ukm

Gambar 4. 58. Halaman Data UKM pada database

Gambar 4. 59. Halaman Data UKM pada database dengan status aktif

Gambar 4. 60. Alert data UKM berhasil diubah

Gambar 4. 61. Nama Pemilik UKM berhasil diubah

Gambar 4. 62. Halaman Konfirmasi Ubah status UKM

123

Gambar 4. 63. Status Data UKM berhasil diubah menjadi tidak aktif

Gambar 4. 64. Status UKM tidak aktif pada database

Gambar 4. 65. Data UKM dengan nama pemilik budi terhapus

Pada Gambar 4.55. dapat dilihat bahwa Data UKM dapat tampil pada

halaman administrasi dan terbukti bahwa Test Case ID 3 berhasil, sedangkan untuk

Test Case 4 yaitu input data pada tabel data_ukm dengan nama pemilik Cefa

Rahardjo berhasil ditambah seperti pada Gambar 4.56 dan berhasil memunculkan

alert data ukm berhasil ditambah seperti pada Gambar 4.57 dan bukti bahwa data

ukm juga berhasil masuk kedalam database dapat diihat pada Gambar 4.58.dan data

ukm yang baru saja dimasukkan itu memiliki status aktif seperti pada Gambar 4.59.

Berikutnya yaitu Test Case ID 5 yaitu mengganti nama pemilik ukm Cefa Rahardjo

menjadi Budi, hasilnya dapat dilihat pada Gambar 4.60 dan Gambar 4.61.

124

Setelah mengganti nama pemilik, Test Case berikutnya yaitu Test Case ID

6 yaitu mengganti status UKM eccrfash menjadi tidak aktif, form untuk mengganti

status terdapat pada Gambar 4.62, tampilan data bahwa data UKM berhasil berubah

menjadi tidak aktif terdapat pada Gambar 4.63 dan bukti bahwa data tersebut

berhasil diubah dan masuk pada database terdapat pada Gambar 4.64. Selanjutya

yaitu test case terakhir yaitu menghapus data UKM eccrfash dapat dilihat pada

Gambar 4.65. terbukti pada database bahwa data UKM Kumala sudah tidak ada di

dalam database.

4.4.3 Uji Coba Kelola Data Transaksi

Uji coba ini dilakukan melalui dua test case. Test case pertama yaitu

menampilkan data Transaksi-Konfirmasi Pembayaran. Test case kedua yaitu

mengganti status data Konfirmasi Pembayaran. Pengujian ini juga dilakukan untuk

kelola data transaksi Konfirmasi Pengiriman barang. Hasil uji coba Kelola Data

Kategori Produk dapat dilihat pada Tabel 4.3.

Tabel 4. 3 Uji coba Kelola Data Transaksi – Konfirmasi Pembayaran

Test Case


8

Menampilkan data Transaksi – Konfirmasi Pembayaran

Memilih menu Konfirmasi Pembayaran

Menampilkan data Konfirmasi Pembayaran

Pada Gambar

4.66

9 Update status

Konfirmasi Pembayaran

Mengubah status yang sebelumnya no menjadi ‘oke’

Data konfirmasi pembayaran berhasil di update dan di tampilkan pada tabel data Konfirmasi Pembayaran

Pada Gambar

4.67 dan

Gambar 4.68

125

Gambar 4. 66 Halaman Konfirmasi Pembayaran

Gambar 4. 67 Halaman Update Status Konfirmasi Pembayaran

Gambar 4. 68 Status Konfirmasi pembayaran berhasil diubah menjadi oke

4.4.4 Uji Coba Pendaftaran Pelanggan

Uji coba ini dilakukan melalui dua test case. Test case pertama yaitu

memasukkan data pelanggan dengan benar sehingga sistem akan mengirimkan e-

mail ke pelanggan yang melakukan pendaftaran. Test case kedua memasukkan data

pelangan yang salah sehingga sistem akan memberi notifikasi bahwa data yang

dimasukkan salah dan sistem tidak akan mengirim e-mail ke pelanggan yang

melakukan pendaftaran. Hasil uji coba pendaftaran pelanggan dapat dilihat pada

Tabel 4.4.

126

Tabel 4. 4 Uji coba pendafataran pelanggan Test Case ID

Tujuan Input Keterangan Hasil

10

Memasukkan data

pelanggan ke sistem

Pg00001, 42385, 51358, cefa rahardjo, jl.pandugo baru x blok z no 11, Wanita, [email protected], 081703891117, 2016-06-29, eccr94, 12345, no

Data pelanggan berhasil disimpan dan berhasil mengirimkan e-mail ke pelanggan

Pada Gambar

4.69, Gambar 4.70 dan Gambar

4.71

11 Konfirmasi e-

mail pelanggan

Update table pelanggan, ubah status menjadi ‘yes’

Status pelanggan berhasil di

ubah menjadi ‘yes’

Pada Gambar

4.72

Gambar 4. 69. Data Pelanggan pada Database

Gambar 4. 70. Data Pelanggan pada database dengan status confirm no

Gambar 4. 71. E-mail Konfirmasi Pendafataran

mailto:[email protected]

127

Gambar 4.69 Menunjukkan bahwa data pelanggan yang baru saja di

inputkan berhasil masuk pada database tabel pelanggan dengan status konfirmasi

‘no’. Seperti pada Gambar 4.70 Sementara pada Gambar 4.71 Menunjukkan bahwa

sistem berhasil mengirim e-mail konfirmasi kepada pelanggan. Pada Gambar 4.72

Menunjukkan bahwa setelah pelanggan menerima e-mail dan meng-klik url yang

sudah diberikan maka status pelanggan yang sebelumnya ‘no’ berubah menjadi

‘yes’.

Gambar 4. 72. Konfirm pelanggan berubah menjadi yes

4.4.5 Uji Coba Login Pelanggan

Uji coba ini dilakukan melalui satu test case. Test case pertama yaitu

memasukkan username dan password dengan benar sehingga pengguna dapat login

dan sistem akan memberikan notifikasi bahwa login yang dilakukan sukses. Test

case kedua pelanggan memasukkan username dan password yang salah sehingga

sistem akan memberi notifikasi bahwa data yang dimasukkan salah dan sistem akan

kembali ke halaman login tersebut. Hasil uji coba login pelanggan dapat dilihat

pada Tabel 4.5.

Tabel 4. 5 Uji coba Login Pelanggan

Test Case ID


12 Login eccr94,12345

Login berhasil, kembali ke halaman utama sistem dan muncul notifikasi “hallo (eccr94)”.

Form login Pada

Gambar 4.73,

Notifikasi login

berhasil pada

128

Test Case ID


Gambar 4.74.,

Halaman setelah berhasil

login dan muncul

notifikasi “hallo

eccr94” pada

Gambar 4.75

13 Gagal Login Muncul Alert Gagal Login

Pada Gambar

4.76.

Gambar 4. 73. Halaman Login Pelanggan

Gambar 4. 74. Notifikasi Login berhasil

129

Gambar 4. 75. Tampilan Halaman Setelah Berhasil Login

Gambar 4.76. Alert Gagal Login

130

Gambar 4.75 Menunjukkan bahwa Login yang dilakukan pelanggan berhasil

seperti yang diharapkan dengan memunculkan notifikasi Hallo(eccr94). Sementara

Gambar 4.76 menunjukkan alert Gagal Login Pelanggan.

4.4.6 Uji Coba Pemesanan data Penjualan

Uji coba ini dilakukan melalui tiga test case. Test case pertama yaitu

memasukkan data pesanan dengan benar sehingga jumlah cart pada tampilan akan

bertambah. Test case kedua pelanggan mengubah data pesanan sehingga jumlah

barang, berat barang dan total harga penjualan berubah. Test case ketiga, Pelanggan

melakukan hapus pesanan yangtelah dipilih sebelumnya sehingga jumlah pesanan

akan berkurang. Hasil uji coba login pelanggan dapat dilihat pada Tabel 4.6.

Tabel 4. 6 Uji coba Pemesanan data Penjualan Test

Case ID Tujuan Input Keterangan Hasil

5 Memilih

barang yang akan dibeli

Lampu Tidur Keropi ,

2 barang

Jumlah cart bertambah

Tampilan cart

bertambah Pada

Gambar 4.77 dan Tampilan Shopping cart Pada Gambar

4.78.

6 Ubah data pesanan

Mengganti jumlah barang yang akan dibeli menjadi 1

barang

Data total harga

penjualan, jumlah barang berubah

Pada Gambar

4.79.

7 Hapus data

pesanan Tekan tombol

hapus

Data pesanan

yang sebelumnya sudah dipilih terhapus dan

data total harga serta

jumlah barang yang

Pada Gambar

4.80.

131

Test Case ID


ada di cart juga ikut terhapus.

8

Input data pembelian

dan mengirim e-mail kepada

pembeli

encep, Jl. Krembangan no 46

Surabaya, Jawa Timur, Surabaya,

Pria, 085677843259

Data Pembelian yang diisi

oleh pembeli di masukkan

ke dalam tabel

penjualan dan

mengirim e-mail kepada pembeli yang

sudah terdaftar

Pada Gambar

4.81, Gambar 4.82 dan Gambar

4.83

9 Konfirmasi

Pembayaran encep,6730311735,

BCA

Setelah menerima e-

mail, pelanggan

akan melakukan

pembayaran ke nomor rekening

yang sudah di berikan di e-mail dan berikutnya pelanggan

akan melakukan konfirmasi

pembayaran dengan cara

menekan URL yang

ada pada e-mail

tersebut.

Pada Gambar 4.84 dan Gambar

4.85

132

Gambar 4. 77. Cart bertambah saat pelanggan menekan tombol beli

Gambar 4. 78. Halaman Shopping Cart

Gambar 4. 79. Tampilan ubah data produk terpilih

133

Gambar 4. 80. Hapus data pesanan yang ada di shopping cart

Gambar 4. 81. Form Data Pembelian

Gambar 4. 82. Data Penjualan pada database tabel penjualan

134

Gambar 4. 83. E-mail data transaksi pembelian yang dikirim kepada pembeli

Gambar 4. 84 Tampilan Halaman Konfirmasi Pembayaran

Gambar 4. 85. Data konfirmasi pembayaran pada database tabel konfirmasi

pembayaran

135

Gambar 4.77. Membuktikan saat tombol beli di klik maka jumlah barang

yang ada di cart akan otomatis bertambah, berikutnya adalah mengubah data produk

yang akan dibeli menjadi satu barang saja. System akan otomatis mengubah data

yang ada pada cart menjadi satu barang seperti yang ada pada Gambar4.79.

Selanjutnya, mencoba menghapus data yang sudah dipilih dan terbukti berhasil

seperti yang ada pada Gambar 4.80.

Uji coba berikutnya adalah input data ke database penjualan dan mengirim

e-mail kepada pembeli yang telah terdaftar dalam toko online Sentra UKM Merr

Surabaya, Form pembelian dapat dilihat pada Gambar 4.81. Setelah pembeli

mengisi data pembelian dan meng-klik tombol submit maka sistem otomatis

menyimpan data pada tabel penjualan dan mengirim e-mail kepada pelanggan.

Hasil dari uji coba ini dapat dilihat pada Gambar 4.82. untuk bukti bahwa data

penjualan berhasil masuk kedalam database dan Gambar 4.83. untuk e-mail yang

dikirim kepada pelanggan. Selanjutnya, uji coba konfirmasi pembayaran, form

konfirmasi pembayaran dapat dilihat pada Gambar 4.84 dan bukti bahwa data

konfirmasi pembayaran yang diisi oleh pembeli masuk kedalam database terdapat

pada Gambar 4.85.

4.4.7 Uji Coba Laporan

Uji coba ini dilakukan untuk melihat menguji apakah fungsi menampilkan

laporan berjalan dengan baik atau tidak. Uji coba ini juga telah dilakukan untuk

Rekap Data UKM, Rekap Data Pelanggan, Rekap Data Produk, Laporan Mutasi

Stok, Laporan Barang Terlaris, Laporan UKM terlaris, Laporan Penjualan. Hasil

uji coba Kelola Data Kategori Produk dapat dilihat pada Tabel 4.7.

136

Tabel 4. 7 Uji Coba Laporan

Test Case ID

Tujuan Input Output yang diharapakan

Output

19 Menampilkan Rekap Data

UKM

Memilih tanggal,bulan, tahun data UKM yang ingin ditampilkan (2016-06-06 sampai 2016-06-29)

Tampilan Rekap Data UKM

Pada Gambar

4.86

Gambar 4. 86 Pdf Rekap Data UKM

4.5 Hasil Respon Pengguna

Hasil respon pengguna didapatkan dengan cara memberikan kuesioner

kepada lima orang pengguna yang ada di Sentra UKM MERR Surabaya.

Perhitungan hasil kuesioner tersebut menggunakan landasan skala likert tentang

pendapat atau persepsi seseorang yaitu sangat baik dengan bobot empat, baik

dengan bobot tiga, buruk dengan bobot dua dan sangat buruk dengan bobot satu.

Perhitungan hasil kuesioner dapat dilihat pada Tabel 4.8.

137

Tabel 4. 8. Perhitungan Hasil Kuesioner

No. Pernyataan Bobot Total

Responden

1 2 3 4

1. Tampilan Website Menarik. 0 0 2 3 5

2. Login berhasil sesuai dengan password masing-masing.

0 0 1 4 5

3. Website User Friendly. 0 0 3 2 5

4. Fungsi berjalan dengan baik. 0 0 1 4 5

5. Notifikasi berjalan dengan baik.

0 0 2 3 5

6. Berhasil mengirim e-mail ke pengguna.

0 0 1 4 5

7. Hanya memerlukan waktu yang singkat untuk memproses data.

0 0 2 3 5

8. Data yang diberikan sesuai harapan.

0 0 1 4 5

Jumlah Bobot 0 0 13 27 40

Prosentase 0% 0% 32,5% 67,5% 100%

Berdasarkan hasil pada Tabel 4.8 dapat dilihat bahwa jumlah bobot yang

menjawab sangat baik untuk keseluruhan pernyataan berjumlah 27 (67,5%),

sedangkan jumlah bobot yang menjawab baik untuk keseluruhan pernyataan

berjumlah 13 (32, 5 %). Tidak ada responden yang menjawab sangat buruk (0%)

dan buruk (0%). Pengguna aplikasi Toko Online yang akan diimplementasi ini puas

terhadap hasil aplikasi yang telah dibangun. Dengan demikian Toko Online layak

diimplementasi dan digunakan oleh pihak Sentra UKM MERR Surabaya agar dapat

membantu permasalahan yang ada saat ini.

BAB IV IMPLEMENTASI DAN EVALUASIsir.stikom.edu/id/eprint/2097/8/BAB_IV.pdfc. Bahasa pemrograman yang...

Documents

Transcript of BAB IV IMPLEMENTASI DAN EVALUASIsir.stikom.edu/id/eprint/2097/8/BAB_IV.pdfc. Bahasa pemrograman yang...