Dokumen tersebut merangkum implementasi dan pengujian sistem toko online. Implementasi sistem meliputi pengujian modul-modul sistem secara terpisah (black box testing) dan menguji alur logika program (white box testing). Pengujian dilakukan pada berbagai fitur seperti pemesanan, testimoni, menu-menu, serta back-end administrator.

1. BAB IV
IMPLEMENTASI DAN PEMBAHASAN
4.1 Implementasi Sistem
Tahap implementasi sistem (system Implementation) merupakan tahap
meletakkan sistem agar siap untuk dioperasikan. Tahap ini termasuk merancang,
mempersiapkan, menguji dan menerapkan suatu sistem, dilakukan selama periode
waktu tertentu untuk melakukan ferivikasi bahwa sistem yang baru telah berjalan
dengan benar.
Secara umum tujuan dari tahap implementasi sistem adalah untuk
melakukan uji coba atas pengembangan sistem yang telah disetujui. Pelaksanaan
tahap ini difokuskan pada hasil implementasi apakah konsep desain sistem yang
telah dibuat dapat berjalan dengan baik atau tidak. Hasil yang diperoleh dari uji
coba implementasi sistem ini dijadikan dasar apakah sistem yang ada dapat
diimplementasikan secara real atau tidak.
4.1.1 Uji Coba Sistem dan Program
Sistem yang baru akan digunakan secara riil apabila sistem tersebut
diyakini dapat berjalan dengan baik. Apabila sistem tersebut dapat berjalan
dengan baik dan dapat menggantikan sistem yang lama, maka penggunaan
sistem tersebut dapat dilanjutkan. Pengujian sistem ini dilakukan
bersamaan dengan pelatihan personil (karyawan yang bekerja di Toko
Tiga Nada), supaya personil dapat secara langsung menggunakannya.
a. Black Box Testing
Pengujian yang dilakukan menyinggung uji coba yang dilakukan
pada interface. Tujuan dilakukan pengetesan ini adalah untuk
mendemonstrasikan fungsi website yang dioperasikan, apakah masukkan
data dapat diterima dengan benar, output yang dihasilkan benar, apakah
integritas informasi eksternal terpelihara. Tujuan yang lebih spesifik
68

2. 69
testing yang dilakukan adalah untuk menemukan kesalahan yang terdapat
pada: Interface, Performa dan Fungsionalitas.
Contoh salah satu pengetesan ini adalah pengisian form data
produk. Pengujian ini dapat dinyatakan berhasil apabila fungsi-fungsi yang
ada pada perangkat lunak program dapat berjalan sesuai dengan tujuan
yang diharapkan pada proses input data dan simpan data. Berikut adalah
hasil dari pengujian black box testing yang telah dilakukan pada pengisian
data form data produk.
Tabel 4.1 Hasil Black Box Testing Data Produk
Nama Form Keterangan
Produk Penginputan data produk berjalan sesuai dengan ketentuan.
Performa Keterangan
Baik Pada proses input dan sistem data tidak terjadi
permasalahan dan data dapat tersimpan ke dalam database
dengan baik.
Performa Keterangan
Sesuai Semua tombol atau link dapat berfungsi sesuai dengan
perintah yang telah ditentukan.
b. White Box Testing
White Box Testing merupakan cara pengujian dengan melihat ke
dalam modul untuk meneliti kode-kode program yang ada, dan
menganalisis apakah ada kesalahan atau tidak. Jika ada modul yang
menghasilkan output yang tidak sesuai dengan proses yang dilakukan,
maka baris-baris program, variabel, dan parameter yang terlibat pada unit
tersebut akan dicek dan diperbaiki. Testing yang dapat dilakukan pada
tahap ini adalah dengan menjalankan aplikasi penginputan data dan
simpan data, apakah proses tersebut sudah berjalan baik dan benar.
Kesalahan program yang terjadi dapat diklasifikasikan menjadi 3 yaitu:
1. Kesalahan bahasa (Language Errors) atau kesalahan penulisan
(Syntax Errors) adalah kesalahan dalam penulisan kode program tidak

3. 70
sesuai dengan bahasa yang diisyaratkan. Kesalahan ini relatif mudah
ditemukan karena compiler akan memberitahu letak kesalahan dan
sebab kesalahan waktu program di jalankan.
2. Kesalahan Sewaktu Proses (run-time errors) adalah kesalahan yang
terjadi waktu eksekusi program dijalankan. Kesalahan ini
menyebabkan program berhenti karena compiler menemukan kondisi
yang belum terpenuhi sehingga tidak bisa dijalankan. Kesalahan ini
relatif mudah ditemukan karena akan ditunjukan penyebab letak
kesalahan oleh compiler.
3. Kesalahan Logika (Logical Errors) merupakan kesalahan logika pada
program yang dibuat. Kesalahan seperti ini sulit ditemukan, karena
tidak ada pemberitahuan mengenai kesalahannya dan tetap akan
diperoleh hasil dari proses program, akan tetapi menghasilkan
keluaran yang salah. Kesalahan ini dapat ditemukan dengan
pengetesan data, yaitu dengan membandingkan hasil pengolahan
system dengan hasil yang diketahui dan benar. Apabila terdapat
perbedaan hasil, maka dapat disimpulkan bahwa terdapat kesalahan
logika pada program.
4.1.2 Manual Program
Manual program dibuat agar pengguna dengan mudah menjalankan
aplikasi yang dirancang. Manual program dibuat secara menyeluruh dari
program aplikasi yang dibuat agar pengguna dapat menggunakan secara
maksimal fitur-fitur yang terdapat didalamnya.
4.1.2.1 Uji Coba Cara Bertransaksi
1 Konsumen terlebih dahulu akan diperlihatkan menu utama. Di
Menu utama terdapat beberapa menu seperti home, registrasi,
daftar harga, cara order, tentang kami, dan kontak kami. Disini
juga diperlihatkan produk baru, catalog, download catalog,
testimoni, keranjang belanja, login dan juga customer service.
Berikut tampilannya.

4. 71
Gambar 4.1 Halaman Menu Utama
2 Sebelum melakukan transaksi yang harus dilakukan konsumen
adalah mengisi semua data-data yang ada di form registrasi
member baru. Setelah itu klik daftar. Berikut tampilannya.
Gambar 4.2 Halaman Registrasi
3 Jika konsumen berhasil melakukan registrasi maka akan
muncul tampilan untuk aktifasi member. Klik link untuk
aktifasi. Berikut tampilannya.
Gambar 4.3 Halaman Registrasi Member Baru Aktifasi

5. 72
4 Berikut ini merupakan tampilan selanjutnya setelah konsumen
sudah mengaktifasi.
Gambar 4.4 Halaman Registrasi Baru Aktifasi Berhasil
5 Setelah registrasi member, konsumen harus melakukan login
terlebih dahulu jika tidak login konsumen tidak bisa
melakukan transaksi. Menu login pada sistem terletak di
bawah keranjang belanja. Pada proses login ini konsumen
memasukkan email dan password setelah itu klik login.
Berikut tampilannya.
Gambar 4.5 Halaman Login User
6 Berikut tampilan setelah proses login berhasil. Disini
konsumen diperlihatkan halaman member, semua detail dari
data member dan data order. Konsumen pada halaman member
ini juga bisa mengedit data member. Klik edit member pada
pojok kanan atas kemudian akan muncul halaman edit
member. Klik simpan untuk memperbaharui data.
Gambar 4.6 Halaman Member

6. 73
7 Untuk memulai transaksi pemesanan barang konsumen terlebih
dahulu harus memilih barang bisa melalui klik menu home
untuk melihat produk baru atau bisa juga melalui catalog yang
sudah disediakan. Klik pada salah satu produk yang ingin
dibeli kemudian akan muncul tampilan seperti dibawah ini.
Klik Add to Card untuk memasukkan ke dalam keranjang
belanja.
Gambar 4.7 Halaman Transaksi
8 Setelah konsumen melakukan Add to Card pada halaman
sebelumnya. Halaman yang akan ditampilkan selanjutnya
adalah halaman keranjang belanja dimana konsumen bisa
menambah atau mengurangi jumlah yang ingin dibeli. Jika
ingin menambah atau ingin mengurangi dan ingin mengetahui
berapa total yang dibayar maka klik hitung. Kemudian klik
checkout untuk melakukan proses selanjutnya.
Gambar 4.8 Halaman Keranjang Belanja
9 Halaman berikutnya setelah konsumen klik checkout yang
akan ditampilkan adalah halaman pengiriman. Disini
konsumen memilih medote pengiriman barang klik salah satu

7. 74
metode yang diinginkan kemudian klik tanda panah untuk
melanjutkan proses.
Gambar 4.9 Halaman Pengiriman
10 Halaman berikutnya adalah halaman pembayaran jika terdapat
pilihan cara pembayaran maka konsumen memilih salah
satunya kemudian klik tanda panah. Jika tidak ada pilihan
maka konsumen bisa langsung klik tanda panah untuk
melanjutkan proses.
Gambar 4.10 Halaman Pembayaran
11 Setelah klik tanda panah pada proses sebelumnya. Tampilan
berikutnya adalah halaman pesan sekarang dimana pada
halaman ini konsumen akan dilihatkan semua detail dan total
jumlah pembayaran. Jika ingin melakukan pemesanan maka
klik order now. Berikut tampilannya.
Gambar 4.11 Halaman Pesan Sekarang

8. 75
12 Halaman yang ditampilkan berikutnya adalah halaman terima
kasih disini konsumen mendapatan kode token order
konsumen.berikut tampilanya.
Gambar 4.12 Halaman Terima Kasih dan Token
13 Untuk mengkonfirmasi pembayaran. Klik menu member pada
samping menu home. Setelah itu pada data order ada link
untuk konfirmasi pembayaran. Klik link tersebut kemudian
akan ditampilkan halaman berikutnya yaitu konfirmasi
pembayaran (lihat gambar 4.14). Berikut tampilannya.
Gambar 4.13 Halaman Konfirmasi Pembayaran
14 Pada halaman konfirmasi pembayaran konsumen memasukkan
jumlah pembayaran. Jika salah memasukkan jumlahnya maka
konsumen tidak bisa melakukan konfirmasi pembayaran dan
harus mengulang langkahnya yaitu klik menu member seperti
langkah sebelumnya.
Gambar 4.14 Halaman Konfirmasi Pembayaran
Isi Jumlah Pembayaran

9. 76
15 Jika berhasil pada halaman konfirmasi pembayaran maka
konsumen akan mendapatkan nota. Berikut tampilannya.
Gambar 4.15 Halaman Konfirmasi Pembayaran
Saat Mendapatkan Nota
4.1.2.2 Uji Coba Testimoni
1 Testimoni ini berada dibawah download catalog. Dimana pada
halaman testimoni bisa untuk melihat semua kiriman dan bisa
juga mengirim testimoni. Berikut tampilannya.
Gambar 4.16 Halaman Testimoni
2 Jika konsumen ingin melihat semua testimoni yang sudah
dikirim oleh konsumen lain atau oleh pengunjung. Pada
testimoni yang ada di gambar 4.16 klik lihat semua testimoni
maka akan ditampilkan halaman seperti dibawah ini.
Gambar 4.17 Halaman Lihat Semua Testimoni
3 Sedangkan jika konsumen ingin mengirim testimoni pada
gambar 4.16 klik kirim testimoni maka akan ditampilkan
halaman seperti gambar 4.18. Pada halaman ini isi form yang
disediakan setelah itu klik kirim.

10. 77
Gambar 4.18 Halaman Kirim Testimoni
4 Halaman berikutnya setelah konsumen klik kirim pada
halaman kirim testimoni maka akan tampil halaman
persetujuan dimana testimoni tidak akan langsung ditampilkan
tetapi harus menunggu dikonfirmasi oleh admin terlebih
dahulu. Jika admin menampilkan testimoni maka pada
halaman testimoni akan terlihat pada testimoni seperti tampilan
pada gambar 4.16. Berikut tampilan
Gambar 4.19 Halaman Persetujuan Testimoni
4.1.2.3 Uji Coba Menu
1 Menu daftar harga ini menampilkan seluruh daftar harga produk
yang dijual. Jika mengklik salah satu nama produknya maka akan
tampil detail produk sehingga konsumen mengetahui seperti apa
detailnya dan tidak perlu susah-susah mencari di catalog lagi.
Gambar 4.20 Halaman Daftar Harga

11. 78
2 Menu cara order. Disini menampilkan bagaimana langkah-
langkah untuk memean dan membeli barang. Berikut
tampilannya.
Gambar 4.21 Halaman Cara Order
3 Menu tentang kami memberitahukan latar belakang perusahaan.
Berikut tampilannya.
Gambar 4.22 Halaman Tentang Kami
4 Pada menu kontak kami, konsumen bisa menghubungi pihak
perusahaan melalui email, isi semua form yang telah
disediakan kemudian klik kirim, bisa juga lewat link yang
disediakan yaitu facebook dan twitter.
Gambar 4.23 Halaman Kontak Kami

12. 79
5. Jika ingin mendownload catalog, maka customer tinggal klik
pada download catalog di bagian bawah catalog pada halaman
user. Lihat gambar 4.24. Maka secara langsung akan
terdownload dan hasilnya seperti gambar 4.25.
Gambar 4.24 Halaman Download Catalog
Gambar 4.25 Halaman Hasil Download Catalog
4.1.2.4 Uji Coba Menu Pada Administrator
1 Masukkan username dan password kemudian klik login agar
bisa masuk ke menu konfigurasi yang merupakan halaman
awal admin. Jika password salah maka admin tidak bisa masuk
ke halaman awal. Berikut tampilan login admin.
Gambar 4.26 Halaman Login Admin
2 Halaman awal admin yaitu halaman konfigurasi general
dimana admin bisa merubah data-data mengenai perusahaan.
Jika ada perubahan data klik save untuk menyimpan.

13. 80
Gambar 4.27 Halaman Konfigurasi General
3 Pada menu konfigurasi ada sub menu header. Klik header jika
ingin melakukan perubahan. Pada halaman header, admin bisa
merubah header dengan cara klik browse kemudian pilih salah
satu gambar yang diinginkan setelah itu klik ganti gambar
header untuk menyimpan gambar yang nantinya akan
dilihatkan diheader yang ada di tampilan pengguna sistem.
Gambar 4.28 Halaman Konfigurasi Header
4 Pada menu customers akan ditampilkan siapa saja yang sudah
menjadi customers. Jika ada background yang berwarna biru
artinya customers ersebut belum melakukan aktifasi sebagai
member

14. 81
Gambar 4.29 Halaman Customers
5 Menu Category merupakan tempat dimana admin bisa
melakukan penambahan kategori prduk dan edit kategori
produk. Jika ingin melakukan penambahan maka pada tambah
kategori isi kategori kemudian klik simpan. Tetapi jika ingin
menambah sub kategori, admin memilih parent terlebih
dahulu. Pilih salah satu parent kemudian tulis kategori lalu klik
simpan
Gambar 4.30 Halaman Kategori
6 Jika admin ingin melakukan pengolahan produk maka admin
masuk ke halaman menu produk. Pada tampilan pertama
produk admin akan di lihatkan jumlah produk seluruhnya (lihat
gambar 4.31). Klik salah satu produk maka akan ditampilkan
halaman berikutnya (lihat gambar 4.32).
Gambar 4.31 Halaman Produk

15. 82
7 Pada halaman ini jika admin ingin mengedit produk maka klik
edit sedangkan jika ingin menambah produk maka klik Add
New Product. Berikut tampilannya.
Gambar 4.32 Halaman Produk Selanjutnya
8 Berikut merupakan tampilan Add New Product. Jika ingin
menambah maka isi semua form yang sudah disediakan. Pada
kondisi barang pilih baru atau bekas. Sedangkan pada status
barang pilih status ready atau PO (PreOrder). Klik browse
untuk mengambil gambar. Setelah selesai klik simpan untuk
menyimpan agar bisa dilihat oleh konsumen.
Gambar 4.33 Halaman Add New Product
9 Berikut merupakan tampilan edit product. Halaman ini
digunakan untuk admin mengedit product setelah selesai
mengedit klik simpan agar data tersimpan dan nantinya dapat
dilihat oleh konsumen atau pengguna sistem.

16. 83
Gambar 4.34 Halaman Edit Product
10 Halaman menu order dimana admin bisa melihat siapa saja
yang sudah melakukan transaksi. Disini admin bisa mengedit
status order (lihat tampilan pada gambar 4.36). Jika
background warna merah artinya status pending sedangkan
jika background warna biru artinya status order konfirmasi
(customer sudah melakukan pembayaran).
Gambar 4.35 Halaman Order
Gambar 4.36 Halaman Edit Order

17. 84
11 Pada halaman konfirmasi pembayaran admin bisa melihat
konsumen yang sudah melakukan konfirmasi. Disini admin
juga bisa menghapus data konsumen. Klik nama konsumen
maka akan muncul detail data konsumen. Berikut tampilnnya.
Gambar 4.37 Halaman Konfirmasi
12 Di halaman payment admin bisa melakukan edit dan tambah
payment (pembayaran). Klik Add Payment jika ingin menambah.
Klik Edit jika ingin mengedit.
Gambar 4.38 Halaman Payment
13 Di halaman shipping admin bisa melakukan edit dan tambah
shipping (pengiriman). Klik Add Shipping jika ingin menambah.
Klik Edit jika ingin mengedit.
Gambar 4.39 Halaman Shipping
14 Di halaman supplier admin bisa melakukan edit dan tambah
supplier. Klik tambah supplier jika ingin menambah. Klik Edit jika
ingin mengedit.

18. 85
Gambar 4.40 Halaman Supplier
15 Berikut merupakan tampilan tambah supplier. Isi semua form
yang disediakan kemudian kilk ok dan data akan tersimpan.
Jika ingin mengedit maka tampilannya lihat pada gambar 4.42.
Edit data kemudian kirim maka data akan tersimpan.
Gambar 4.41 Halaman Tambah Supplier
Gambar 4.42 Halaman Edit Supplier
16 Menu testimoni di halaman admin. Disini admin bisa mengedit
data testimoni dari yang tidak ditampilkan menjadi
ditampilkan. (lihat gambar 4.44). Background warna biru
artinya testimoni belum dikonfirmasi.

19. 86
Gambar 4.43 Halaman Testimoni
Gambar 4.44 Halaman Edit Testimoni
17 Tampilan menu tarif JNE ini merupakan isi data dari JNE itu
sendiri. Jika ada perubahan dari JNE maka admin bisa
menambah dengan klik tambah tarif JNE. Sedangkan jika ingin
mengedit data tarif JNE maka klik edit data.
Gambar 4.45 Halaman Tarif JNE
18. Pada tampilan tambah tarif JNE. Isi from yang ada. Pada paket
pilih jenis paket kemudian klik ok. Jika ingin mengedit maka

20. 87
klik edit kemudian akan muncul tampilan seperti gambar 4.47
klik kirim jika sudah melakukan perubahan.
Gambar 4.46 Halaman Tambah Tarif JNE
Gambar 4.47 Halaman Edit Tarif JNE
18 Pada menu report terdapat sub menu laporan stok barang,
daftar penjualan, laporan laba rugi dan laporan detail laba-rugi.
Klik salah satu laporan misalnya stok barang (lihat gambar
4.57) atau daftar penjualan bulanan (lihat gambar 4.56) maka
secara otomatis akan terdownload. Sedangkan jika klik sub
menu laporan laba rugi maka akan ada tampilan (lihat gambar
4.58) dan jika klik sub menu laporan detail laba rugi maka
muncul tampilan (lihat gambar 4.59).
Gambar 4.48 Halaman Report
19 Klik menu lain-lain disini terdapat sub menu auxpage, baner
dan change password. Pada sub menu auxpage terdapat add
auxpage dan edit (lihat gambar 4.49). Jika ingin mengedit
maka akan muncul tampilan seperti pada gambar 4.50.

21. 88
sedangkan jika ingin menambah auxpage maka akan muncul
tampilan seperti pada gambar 4.51.
Gambar 4.49 Halaman Auxpage
Gambar 4.50 Halaman Edit Auxpage
Gambar 4.51 Halaman Add Auxpage
20 Pada sub menu baner berikut adalah tampilannya. Disini
terdapat tambah, edit, dan hapus data baner.

22. 89
Gambar 4.52 Halaman Baner
21 Berikut adalah tampilan edit data baner dimana admin bisa
mengedit data. Pada status baner admin bisa mengubah status
ditampilkan atau tidak ditampilkan. Pada posisi baner admin
juga bisa mengubah status baner.
Gambar 4.53 Halaman Edit Baner
22 Untuk menambah baner admin bisa klik tambah baner (lihat
gambar 4.54). Admin mengisi data di form yang sudah
disediakan. Pada status baner admin memilih status baner.
Pada posisi admin memilih posisi baner. Untuk gambar baner
admin bisa memilih gambar dengan cara klik browse, pilih
gambar baner yang ingin dijadikan baner. Setelah semua
selesai klik ok maka data baner akan tersimpan.
Gambar 4.54 Halaman Tambah Baner

23. 90
23 Untuk mengganti password admin bisa klik sub menu change
password. Kemudian isi username, password dan konfirmasi
password baru. Lalu klik ok.
Gambar 4.55 Halaman Change Password
24 Berikut adalah tampilan laporan penjualan bulanan. Ini bisa
didapat dari menu report yang ada di halaman admin.
Gambar 4.56 Laporan Penjualan Bulanan
25 Berikut adalah tampilan laporan stok barang. Ini bisa didapat
dari menu report yang ada di halaman admin.
Gambar 4.57 Laporan Stok Barang
26 Berikut adalah tampilan laporan laba rugi. Ini bisa didapat dari
menu report yang ada di halaman admin.

24. 91
Gambar 4.58 Laporan Laba Rugi
27 Berikut adalah tampilan laporan detail laba rugi. Ini bisa
didapat dari menu report yang ada di halaman admin.
Gambar 4.59 Laporan Detail Laba Rugi
4.1.3 Pemeliharaan Sistem
Tahap akhir dari proses penerapan sistem adalah tahap
pemeliharaan yang terus dilakukan selama sistem masih berjalan dan tetap
dipakai. Kegiatan pemeliharaan ini meliputi pemeliharaan sistem
perangkat keras dan perangkat lunak.
Sistem perlu dipelihara karena beberapa hal, yaitu :
1. Sistem memiliki kesalahan yang dulunya belum terdeteksi,
sehingga kesalahan-kesalahan sistem perlu diperbaiki.
2. Sistem mengalami perubahan-perubahan karena permintaan
baru dari pemakai sistem.
3. Sistem mengalami perubahan karena perubahan lingkungan luar
(perubahan bisnis).
4. Sistem perlu ditingkatkan.
Biaya pemeliharaan sistem sering diabaikan. Kenyataannya biaya
pemeliharaan sistem merupakan biaya yang cukup besar.

25. 92
Biaya pemeliharaan perangkat lunak telah terus menerus naik
selama 25 tahun terakhir. Beberapa perusahaan membelanjakan 80% atau
lebih dari anggaran sistem mereka pada pemeliharaan perangkat lunak.
4.1.3.1 Memelihara Perangkat Lunak
Perangkat lunak aplikasi mungkin terstruktur mungkin pula tidak,
atau mungkin didokumentasikan mungkin pula tidak. Beberapa perangkat
lunak yang tidak terstruktur dan tidak didokumentasikan mungkin hampir
tidak dapat dipelihara.
Sebenarnya salah satu sebab utama mengapa pemeliharaan sistem
memerlukan anggaran sistem yang amat banyak adalah karena kenaikan
tenaga yang dibutuhkan untuk mencoba memelihara perangkat lunak yang
didokumentasikan serta distruktur secara acak-acakan.
Di lain pihak program perangkat lunak yang tidak terstuktur dan
tidak terdokumentasi juga tidak dapat dipelihara. Seandainya suatu
perubahan dalam operasi memaksa program itu untuk berubah, maka
program itu harus disingkirkan dan dikembangkanlah program baru.
Sehinga menyia-nyiakan semua sumber yang dikeluarkan untuk
membangun program asli yang tidak dapat dipelihara tersebut, belum lagi
kerugian operasi bisnis bila hari yang ditentukan tiba.
4.1.3.2 Memelihara Perangkat Keras
Pemeliharaan perangkat keras terutama pemeliharaan preventif
yang memerlukan reparasi, penggantian, atau penambahan suku cadang
dan komponen untuk merestorasi atau menjaga agar perangkat keras tetap
bekerja dengan baik. Komponen perangkat keras sistem informasi
sebaiknya dicek dan diservis secara periodik.