5
BAB V
IMPLEMENTASI DAN PENGUJIAN
Pada bab lima ini akan menjelaskan mengenai implementasi dan pengujian dari sistem yang dibuat. Implementasi dan pengujian sistem ini meliputi lingkungan hardware dan lingkungan software dari pengimplementasian sistem, implementasi basis data, implementasi struktur menu, implementasi sistem dan pengujian sistem yang merupkana pengembangan atau hasil dari perancangan sistem yang telah dijelaskan pada bab empat. 5.1
System Requirements Pada sub bab ini akan menjelaskan tentang system requirements atau spesifikasi dari
hardware dan software yang digunakan dalam mengimplementasikan sistem. System requirements dibagi menjadi tiga bagian yaitu requirement untuk implementasi server dan requirement untuk client. 5.1.1 Requirements untuk implementasi server Pada sub bab ini akan menjelaskan tentang spesifikasi requirements untuk implementasi pada server. Berikut adalah spesifikasi hardware dan software yang dibutuhkan untuk implementasi pada server: 1. Spesifikasi hardware Spesifikasi perangkat keras yang digunakan sebagai server pada pengimplementasian perangkat lunak penerapan konsep CRM pada website sebagai berikut: Processor
: Intel® Core™ 2 Duo
RAM
: 1GB
2. Spesifikasi software Spesifikasi perangkat lunak yang digunakan sebagai server pada pengimplementasian perangkat lunak penerapan konsep CRM pada website sebagai berikut: Operating system
: Microsoft windows 7
Program aplikasi
: XAMPP 1.7.3 (Apache, MySql, PHP), web browser (Mozilla firefox, google chrome), notepad++, Microsoft Office 2007.
68
5.1.2 Requirements untuk implementasi client Pada sub bab ini akan menjelaskan tentang spesifikasi requirements untuk implementasi pada client. Berikut adalah spesifikasi hardware dan software yang dibutuhkan untuk implementasi pada client: 1. Spesifikasi hardware Spesifikasi perangkat keras yang digunakan sebagai client pada pengimplementasian perangkat lunak penerapan konsep CRM pada website sebagai berikut: Processor
: Intel® Core™ 2 Duo
RAM
: 1GB
2. Spesifikasi software Spesifikasi perangkat lunak yang digunakan sebagai client pada pengimplementasian perangkat lunak penerapan konsep CRM pada website sebagai berikut:
5.2
Operating system
: Microsoft windows 7
Program aplikasi
: web browser (Mozilla firefox, google chrome)
Implementasi Basis Data Pada penerapan konsep CRM ke website Machine X Rebel clothing digunakan satu buah
database yang bernama ‘distro’. Pada database tersebut terdapat tabel yang akan digunakan untuk menyimpan berbagai data terkait dengan proses penerapan konsep CRM. Berikut ini merupakan tabel – tabel yang terdapat dalam database penerapan konsep CRM: 1. Tabel user Tabel ini dijadikan sebagai tabel utama yang menyimpan data atau informasi tentang user. Data dari tabel dikelola oleh admin pada halaman admin yang selanjutnya data tersebut akan digunakan dalam penerapan konsep CRM. Dibawah ini merupakan struktur dari tabel user: Tabel 5.1Tabel user
69
2. Tabel kategori Tabel kategori digunakan untuk menyimpan data atau informasi mengenai kategori sebuah produk. Di bawah ini merupakan struktru dari tabel kategori: Tabel 5.2Tabel kategori
3. Tabel produk Tabel ini dijadikan tabel utama yang menyimpan data atau informasi tentang produk. Data dari tabel ini hanya dikelola oleh staf gudang pada halaman staf gudang yang selanjutnya data tersebut akan digunakan dalam penerapan konsep CRM. Di bawah ini merupakan struktur dari tabel produk: Tabel5.3Tabel produk
4. Tabel wishlist Tabel wishlist digunakan untuk menyimpan data atau informasi mengenai wishlist yang dimiliki oleh pelanggan. Di bawah ini merupakan struktur dari tabel wishlist: Tabel5.4Tabel wishlist
5. Tabel keranjang Tabel keranjang digunakan untuk menyimpan data atau informasi mengenai produk yang akan dibeli oleh pelanggan. Di bawah ini merupakan struktur dari tabel keranjang:
70
Tabel5.5Tabel keranjang
6. Tabel order Tabel ini dijadikan sebagai tabel utama untuk menyimpan data atau informasi tentang produk yang telah dibeli. Data dari tabel ini hanya dikelola oleh marketing pada halaman marketing yang selanjutnya data tersebut akan digunakan dalam penerapan konsep CRM. Di bawah ini merupakan struktur dari tabel order: Tabel5.6Tabel order
7. Tabel laporan Tabel laporan digunakan untuk menyimpan data atau informasi mengenai produk yang telah terjual. Di bawah ini merupakan struktur dari tabel laporan: Tabel5.7Tabel laporan
5.3
Implementasi Struktur Menu Pada sub bab ini akan menjelaskan tentang implementasi struktur menu dari penerapan
konsep CRM pada website Machine X Rebel clothing. Implementasi struktur menu dibagi menjadi lima bagian diantaranya implementasi struktur menu halaman admin, halaman staf gudang, halaman pelanggan, halaman marketing dan manager. 5.3.1 Implementasi struktur menu halaman admin Pada gambar dibawah ini merupakan implementasi struktur menu dari halaman admin. Terdapat tiga buah menu yaitu kelola user, db_backup dan db_restore. Berikut penjelasan dan implementasi user interface dari menu halaman admin:
71
Halaman Login
Menu Utama
Kelola Data User
DB_Backup
DB_Restore
Gambar 5.1Implementasi struktur menu halaman admin
1. Deskripsi Dari tiga buah menu tersebut terdapat fungsi dan peranannya masing – masing. Berikut ini merupakan deskripsi dari implementasi struktur menu halaman admin: a. Menu kelola data user, merupakan menu yang dapat menampilkan tampilan serta melakukan pengelolaan terhadap data user. Admin dapat menambah, menghapus, mengedit, mencari serta melihat data user jika memilih menu kelola data user. b. Menu db_backup, merupakan sebuah menu untuk admin agar mendapatkan salinan database . c. Menu db_restore, merupakan sebuah menu untuk mengembalikan database pada kondisi terakhir kali dibackup oleh admin. 2. User interface Pada gambar 5.2 merupakan implementasi user interface menu dari halaman admin. Menu dibuat berbaris kebawah sehingga memudahkan pengguna untuk memilih menu – menu tersebut.
Gambar 5.2Implementasi user interface menu halaman admin
Pertama yaitu menu ‘home’ untuk menampilkan tampilan awal setelah melakukan login kedalam portal. Selanjutnya ada menu ‘kelola data user’ untuk mengelola data user. 72
Kemudian menu ‘db_backup’ untuk melakukan backup atau menyalin database dan menu ‘db_restore’ untuk mengembalikan database ke kondisi terakhir kali dibakcup. 5.3.2 Implementasi struktur menu halaman staf gudang Pada gambar dibawah ini merupakan implementasi struktur menu dari halaman staf gudang. Terdapat tiga buah menu yaitu kelola produk, kelola berita dan kelola promo. Berikut penjelasan dan implementasi user interface dari menu halaman staf gudang: Halaman Login
Menu Utama
Kelola Data Produk
Kelola Data Berita
Kelola Data Promo
Gambar 5.3Implementasi struktur menu halaman staf gudang
1. Deskripsi Dari tiga buah menu tersebut terdapat fungsi dan peranannya masing – masing. Berikut ini merupakan deskripsi dari implementasi struktur menu halaman staf gudang: a. Menu kelola data produk, merupakan menu yang dapat menampilkan tampilan serta melakukan pengelolaan terhadap data produk. Staf gudang dapat menambah, menghapus, mengedit, mencari serta melihat data produk jika memilih menu kelola data produk. b. Menu kelola data berita, merupakan sebuah menu untuk mengganti header website apabila ada berita (misal promo tahun baru) oleh staf gudang. c. Menu kelola data promo, merupakan menu untuk menentukan bahwa sebuah produk sedang ada promo atau tidak oleh staf gudang. 2. User interface Pada gambar 5.4 merupakan implementasi user interface menu dari halaman staf gudang. Menu dibuat berbaris kebawah sehingga memudahkan pengguna untuk memilih menu – menu tersebut.
73
Gambar 5.4Implementasi user interface menu halaman staf gudang
Pertama yaitu menu ‘home’ untuk menampilkan tampilan awal setelah melakukan login kedalam portal. Selanjutnya ada menu ‘kelola data produk’ untuk mengelola data produk. Kemudian menu ‘kelola data berita’ untuk mengelola data berita dan ‘kelola data promo’ untuk mengelola promo. 5.3.3 Implementasi struktur menu halaman pelanggan Pada gambar dibawah ini merupakan implementasi struktur menu dari halaman pelanggan. Terdapat lima buah menu yaitu keranjang belanja, wishlist, profil, ubah passworddan pesan. Berikut penjelasan dan implementasi user interface dari menu halaman pelanggan: Halaman Login
Menu Utama
Keranjang Belanja
Kelola Data Wishlist
Profil Pelanggan
Ubah Password
Pesan
Gambar 5.5Implementasi struktur menu halaman pelanggan
1. Deskripsi Dari empat buah menu tersebut terdapat fungsi dan peranannya masing – masing. Berikut ini merupakan deskripsi dari implementasi struktur menu halaman pelanggan:
74
a. Menu keranjang belanja, merupakan menu yang dapat menampilkan tampilan serta melakukan pengelolaan terhadap data order produk. Pelanggan dapat menambah ataupun menghapus data order produknya. b. Menu kelola data wishlist, merupakan sebuah menu yang dapat menampilkan tampilan serta melakukan pengelolaan terhadap data wishlist. Pelanggan dapat menambah, menghapus serta mengorder produk yang berada pada menu kelola data wishlist ini. c. Menu profil pelanggan, merupakan menu yang dapat menampilkan informasi mengenai data pelanggan. Pelanggan dapat juga mengedit data pribadinya jika memilih submenu edit. d. Menu ubah password, merupakan sebuah menu untuk merubah password pelanggan. e. Menu pesan, merupakan sebuah menu untuk melihat data order atau pembelian produk sudah dilakukan pengiriman atau belum. 2. User interface Pada gambar 5.6 merupakan implementasi user interface menu dari halaman pelanggan. Menu dibuat berbaris kebawah sehingga memudahkan pengguna untuk memilih menu – menu tersebut.
Gambar 5.6Implementasi user interface menu halaman pelanggan
Pertama yaitu menu ‘home’ untuk menampilkan tampilan awal setelah melakukan login kedalam portal. Selanjutnya ada menu ‘keranjang belanja’ untuk mengelola data order produk. Kemudian menu ‘kelola data wishlist’ untuk mengelola data wishlist dan menu ‘profil pelanggan’ untuk menampilkan dan edit data pribadi pelanggan kemudian menu ‘ubah password’ untuk mengubah passwordserta menu ‘pesan’ untuk melihat data pembelian produk sudah dikirimkan atau belum.
75
5.3.4 Implementasi struktur menu halaman marketing Pada gambar dibawah ini merupakan implementasi struktur menu dari halaman marketing. Terdapat dua buah menu yaitu kelola transaksi dan buat laporan. Berikut penjelasan dan implementasi user interface dari menu halaman marketing: Halaman Login
Menu Utama
Kelola Data Transaksi
Buat Laporan Penjualan
Buat Laporan Produk
Buat Laporan Pelanggan
Gambar 5.7Implementasi struktur menu halaman marketing
1. Deskripsi
Dari dua buah menu tersebut terdapat fungsi dan peranannya masing – masing. Berikut ini merupakan deskripsi dari implementasi struktur menu halaman marketing: a. Menu kelola data transaksi, merupakan menu yang menampilkan serta melakukan pengelolaan terhadap data transaksi penjualan. Marketing dapat melakukan konfirmasi pengiriman data produk jika memilih submenu kirim. b. Menu buat laporan penjualan, merupakan sebuah menu untuk melakukan pembuatan laporan penjualan dari hasil data transaksi penjualan yang telah dilakukan. c. Menu buat laporan produk, merupakan sebuah menu untuk melakukan pembuatan laporan produk yang telah terjual serta urutan produk yang paling laku dan tidak laku. d. Menu buat laporan pelanggan, merupakan sebuah menu untuk melakukan pembuatan laporan pelanggan, sehingga dapat dilihat pelanggan mana yang sering melakukan transaksi pembelian dan tidak. 2. User interface
Pada gambar 5.8 merupakan implementasi user interface menu dari halaman marketing. Menu dibuat berbaris kebawah sehingga memudahkan pengguna untuk memilih menu – menu tersebut.
76
Gambar 5.8Implementasi user interface menu halaman marketing
Pertama yaitu menu ’home’ untuk menampilkan tampilan awal setelah melakukan login kedalam portal. Selanjutnya ada menu ‘kelola data transaksi’ untuk melakukan konfirmasi pembelian produk yang dilakukan oleh pelanggan. Kemudian menu ‘buat laporan penjualan’ untuk pembuatan laporan hasil dari data transaksi penjualan. Serta menu ‘buat laporan produk’ untuk pembuatan laporan produk yang telah terjual dapat dilihat urutannya dari yang laku dan tidak laku. Dan menu ‘buat laporan pelanggan’ untuk pembuatan laporan pelanggan, sehingga dapat dilihat pelanggan mana yang sering melakukan transaksi pembelian dan tidak. 5.3.5 Implementasi struktur menu halaman manager Pada gambar dibawah ini merupakan implementasi struktur menu dari halaman manager. Terdapat dua buah menu yaitu cari wishlist dan cari laporan. Berikut penjelasan dan implementasi user interface dari menu halaman manager: Halaman Login
Menu Utama
Cari Data Wishlist
Cari Data Laporan
Gambar 5.9Implementasi struktur menu halaman manager
1. Deskripsi
Dari dua buah menu tersebut terdapat fungsi dan peranannya masing – masing. Berikut ini merupakan deskripsi dari implementasi struktur menu halaman manager: a. Menu cari data wishlist, merupakan sebuah menu yang dapat menampilkan informasi mengenai data produk yang menjadi wishlist para pelanggan. 77
b. Menu cari data laporan, merupakan sebuah menu yang dapat menampilkan informasi mengenai data transaksi yang telah dilakukan. Manager dapat melihat serta mencetak laporan tersebut. 2. User interface
Pada gambar 5.10 merupakan implementasi user interface menu dari halaman manager. Menu dibuat berbaris kebawah sehingga memudahkan pengguna untuk memilih menu – menu tersebut.
Gambar 5.10Implementasi user interface menu halaman manager
Pertama yaitu menu ‘home’ untuk menampilkan tampilan awal setelah melakukan login kedalam portal. Selanjutnya ada menu ‘cari data wishlist’ untuk menampilkan informasi mengenai data produk yang menajdi wishlist para pelanggan. Kemudian menu ‘cari data laporan’ untuk menampilkan informasi mengenai data transaksi yang telah dilakukan. 5.4
Implementasi Sistem Implementasi sistem merupakan suatu pembangunan atau pembuatan sistem yang telah
dirancang agar dapat digunakan sesuai dengan peruntukannya. Pada penerapan konsep CRM ini ada beberapa pembagian pengimplementasian sistem yang dilakukan diantaranya implementasi halaman admin, halaman staf gudang, halaman pelanggan, halaman marketing dan manager. 5.4.1 Implementasi sistem halaman admin Pada halaman admin yang pertama kali muncul yaitu tampilan login. Apabila admin ingin masuk kedalam program utama, admin terlebih dahulu memasukan data yang dimilikinya berupa username dan password pada form login lalu menekan tombol login. Sistem akan memeriksa apabila data yang dimasukan sesuai maka akan masuk kedalam tampilan program
78
utama. Apabila tidak sesuai sistem akan menampilkan pemberitahuan bahwa username atau password tidak sesuai.
Gambar 5.11Implementasi sistem halaman admin (login)
Pada gambar 5.11 merupakan implementasi dari perancangan user interface login halaman admin. Disana terdapat form login yang terdiri dari username dan password. Serta dibagian bawah form login terdapat tombol login untuk masuk kedalam program utama. Setelah berhasil melakukan login pada form login halaman admin, akan muncul tampilan utama dari program utama berupa pilihan beberapa menu. Menu tersebut diantaranya menu kelola data user, menu db_backup dan menu db_restore.
Gambar 5.12Implementasi sistem halaman admin (menu admin)
Apabila admin memilih salah satu menu kelola data user, tampilan yang pertama kali muncul yaitu list data user itu sendiri. Admin dapat melakukan pengelolaan data berupa perubahan atau penghapusan data user yang diinginkan dengan menekan tombol edit atau hapus. Selain itu admin dapat menambah data user serta melihat data user. Apabila user
79
sangat banyak admin dapat melakukan pencarian data dengan memasukan nama dan menekan tombol search.
Gambar 5.13Implementasi sistem halaman admin (kelola user)
Ketika admin menekan tombol tambah data user, sistem akan menampilkan beberapa form pengisian data user. Form untuk pendaftaran pelanggan terdiri dari username, password, tipe, nama lengkap, tempat lahir, tanggal lahir, jenis kelamin, alamat dan telepon. Pada akhir form terdapat tombol untuk menyimpan penambahan data user.
Gambar 5.14Implementasi sistem halaman admin (masukan user)
Keadaan sama akan terlihat ketika admin menekan tombol edit data user. Sistem akan menampilkan form pengisian namun form tersebut telah terisi data yang sebelumnya telah tersimpan. Apabila admin menekan tombol menyimpan data, data akan berubah sesuai dengan perubahan yang dimasukan oleh admin pada form pengisian data.
80
Gambar 5.15Implementasi sistem halaman admin (kelola user untuk edit)
Seperti yang terlihat pada gambar 5.16 bagian tengah akan menampilkan form pengisian data dimana form tersebut telah terisi oleh data sebelumnya. Pada bagian bawah form terdapat tombol untuk menyimpan perubahan data user.
Gambar 5.16Implementasi sistem halaman admin (edit user)
Apabila admin ingin menghapus data user, admin hanya perlu memilih data dan menekan tombol hapus. Setelah admin menekan tombol hapus, sistem akan menampilkan sebuah pesan untuk melakukan verifikasi apakah admin akan menghapus data tersebut atau tidak. Jika admin menekan tombol ‘OK’ maka data akan terhapus. Namun sebaliknya apabila admin menekan tombol ‘Batal’ maka data tidak akan terhapus.
81
Gambar 5.17Implementasi sistem halaman admin (menghapus user)
Apabila admin menekan menu db_backup maka sistem akan menyimpan salinan database website tersebut. Dan file salinan database tersebut akan tersimpan pada folder yang telah ditentukan.
Gambar 5.18Implementasi sistem halaman admin (db_backup)
Apabila admin menekan menu db_restore maka sistem akan mengembalikan database website ke kondisi terakhir kali database dibackup.
Gambar 5.19Implementasi sistem halaman admin (db_restore)
82
5.4.2
Implementasi sistem halaman staf gudang
Pada halaman staf gudang yang pertama kali muncul yaitu tampilan login. Apabila staf gudang ingin masuk kedalam program utama, staf gudang terlebih dahulu memasukan data yang dimilikinya berupa username dan password pada form login lalu menekan tombol login. Sistem akan memeriksa apabila data yang dimasukan sesuai maka akan masuk kedalam tampilan program utama. Apabila tidak sesuai sistem akan menampilkan pemberitahuan bahwa username atau password tidak sesuai.
Gambar 5.20Implementasi sistem halaman staf gudang (login)
Pada gambar 5.20 merupakan implementasi dari perancangan user interface login halaman staf gudang. Disana terdapat form login yang terdiri dari username dan password. Serta dibagian bawah form login terdapat tombol login untuk masuk kedalam program utama. Setelah berhasil melakukan login pada form login halaman staf gudang, akan muncul tampilan utama dari program utama berupa pilihan beberapa menu. Menu tersebut diantaranya menu kelola data produk, menu kelola data berita dan menu kelola data promo.
Gambar 5.21Implementasi sistem halaman staf gudang (menu staf gudang)
83
Apabila staf gudang memilih salah satu menu kelola data produk, sistem akan menampilkan list data produk. Staf gudang dapat melakukan pengelolaan data berupa perubahan atau penghapusan data produk yang diinginkan dengan menekan tombol edit atau hapus. Selain itu staf gudang dapat menambah data produk serta melihat data produk. Apabila data produk sangat banyak staf gudang dapat melakukan pencarian data dengan memasukan nama produk dan menekan tombol search.
Gambar 5.22Implementasi sistem halaman staf gudang (kelola produk)
Ketika staf gudang menekan tombol tambah data produk, sistem akan menampilkan beberapa form pengisian data produk. Form untuk penambahan data produk terdiri dari kategori, nama produk, deskripsi, harga, banyaknya barang, tanggal masuk dan gambar.
Gambar 5.23Implementasi sistem halaman staf gudang (memasukan produk)
Keadaan sama akan terlihat ketika staf gudang menekan tombol edit data produk. Sistem akan menampilkan form pengisian namun form tersebut telah terisi data yang sebelumnya telah tersimpan. Apabila staf gudang menekan tombol menyimpan data, data akan berubah sesuai dengan perubahan yang dimasukan oleh staf gudang pada form pengisian data.
84
Gambar 5.24Implementasi sistem halaman staf gudang (kelola produk untuk edit)
Seperti yang terlihat pada gambar 5.25 bagian tengah akan menampilkan form pengisian data dimana form tersebut telah terisi oleh data sebelumnya. Pada bagian bawah form terdapat tombol untuk menyimpan perubahan data produk.
Gambar 5.25Implementasi sistem halaman staf gudang (edit produk)
Apabila staf gudang ingin menghapus data produk, staf gudang hanya perlu memilih data dan menekan tombol hapus. Setelah staf gudang menekan tombol hapus, sistem akan menampilkan sebuah pesan untuk melakukan verifikasi apakah staf gudang akan menghapus data tersebut atau tidak. Jika staf gudang menekan tombol ‘OK’ maka data akan terhapus. Namun sebaliknya apabila staf gudang menekan tombol ‘Batal’ maka data tidak akan terhapus.
Gambar 5.26Implementasi sistem halaman staf gudang (menghapus produk)
85
Apabila staf gudang menekan menu kelola data berita maka sistem akan menampilkan sebuah tampilan untuk mengubah gambar header website dengan gambar baru yang dipilih oleh staf gudang.
Gambar 5.27Implementasi sistem halaman staf gudang (kelola berita)
Apabila staf gudang menekan menu kelola data promo makan sistem akan menampilkan promo untuk staf gudang mengisikan deskripsi promo produk yang dimaksudkan.
Gambar 5.28Implementasi sistem halaman staf gudang (kelola promo)
5.4.3 Implementasi sistem halaman pelanggan Pada halaman pelanggan yang pertama kali muncul yaitu tampilan login. Apabila pelanggan ingin masuk kedalam program utama, pelanggan terlebih dahulu memasukan data yang dimilikinya berupa username dan password pada form login lalu menekan tombol login. Sistem akan memeriksa apabila data yang dimasukan sesuai maka akan masuk kedalam tampilan program utama. Apabila tidak sesuai sistem akan menampilkan pemberitahuan bahwa username atau password tidak sesuai.
86
Gambar 5.29Implementasi sistem halaman pelanggan (login)
Pada gambar 5.29 merupakan implementasi dari perancangan user interface login halaman pelanggan. Disana terdapat form login yang terdiri dari username dan password. Serta dibagian bawah form login terdapat tombol login untuk masuk kedalam program utama. Setelah berhasil melakukan login pada form login halaman pelanggan, akan muncul tampilan utama dari program utama berupa pilihan beberapa menu. Menu tersebut diantaranya menu keranjang belanja, menu kelola data wishlist, menu profil pelanggan, menu ubah passworddan menu pesan.
Gambar 5.30Implementasi sistem halaman pelanggan (menu pelanggan)
Apabila pelanggan memilih salah satu menu keranjang belanja, tampilan yang pertama kali muncul yaitu list produk yang akan diorder. Pelanggan dapat melakukan penambahan produk yang akan dibeli ataupun mengurangi produk yang akan diorder sebelum menyelesaikan belanjanya.
87
Gambar 5.31Implementasi sistem halaman pelanggan (keranjang belanja)
Apabila pelanggan memilih kelola data wishlist, tampilan yang pertama kali muncul yaitu list produk yang menjadi wishlist pelanggan tersebut. Pelanggan dapat melakukan pengelolaan data wishlist berupa menambah ataupun menghapus dengan menekan tombol add to wishlist atau hapus.
Gambar 5.32Implementasi sistem halaman pelanggan (wishlist pelanggan)
Ketika pelanggan memilih menu profil pelanggan, tampilan yang pertama kali muncul yaitu data pelanggan yang sebelumnya pernah diisikan saat melakukan pendaftaran. Pelanggan juga dapat melakukan pengeditan data pribadinya dengan menekan tombol edit.
Gambar 5.33Implementasi sistem halaman pelanggan (profil pelanggan)
88
Apabila pelanggan memilih menu ubah password, tampilan yang akan muncul yaitu form untuk pelanggan mengisikan password lama sekaligus mengatur password barunya. Setelah diisi, pelanggan menekan tombol simpan untuk melakukan perubahan password.
Gambar 5.34Implementasi sistem halaman pelanggan (ubah password)
Kemudian jika pelanggan memilih menu ‘pesan’, tampilan yang akan muncul yaitu data pembelian/ order produk yang telah dilakukan oleh pelanggan, dimana pelanggan dapat melihat status produk yang telah dipesannya telah dikirimkan atau belum.
Gambar 5.35Implementasi sistem halaman pelanggan (pesan)
5.4.4 Implementasi sistem halaman marketing Pada halaman marketing yang pertama kali muncul yaitu tampilan login. Apabila marketing ingin masuk kedalam program utama, marketing terlebih dahulu memasukan data yang dimilikinya berupa username dan password pada form login lalu menekan tombol login. Sistem akan memeriksa apabila data yang dimasukan sesuai maka akan masuk kedalam tampilan program utama. Apabila tidak sesuai sistem akan menampilkan pemberitahuan bahwa username atau password tidak sesuai.
89
Gambar 5.36Implementasi sistem halaman marketing (login)
Pada gambar 5.36 merupakan implementasi dari perancangan user interface login halaman marketing. Disana terdapat form login yang terdiri dari username dan password. Serta dibagian bawah form login terdapat tombol login untuk masuk kedalam program utama. Setelah berhasil melakukan login pada form login halaman marketing, akan muncul tampilan utama dari program utama berupa pilihan beberapa menu. Menu tersebut diantaranya menu kelola data transaksi, menu buat laporan penjualan, menu buat laporan produk dan menu buat laporan pelanggan.
Gambar 5.37Implementasi sistem halaman marketing (menu marketing)
Apabila marketing memilih salah satu menu kelola data transaksi, tampilan yang pertama kali muncul yaitu list data transaksi pembelian produk oleh pelanggan. Marketing dapat melakukan pengelolaan data transaksi penjualan yaitu dengan menekan tombol ‘kirim’ sebagai konfirmasi bahwa produk yang telah diorder oleh pelanggan telah dikirimkan.
90
Gambar 5.38Implementasi sistem halaman marketing (kelola transaksi)
Apabila marketing memilih menu buat laporan penjualan, sistem akan menampilkan list produk, kemudian marketing mengisi produk dan tanggal produk yang telah terjual untuk dibuat menjadi sebuah laporan penjualan.
Gambar 5.39Implementasi sistem halaman marketing (buat laporan penjualan)
Kemudian jika marketing memilih menu buat laporan produk, sistem akan menampilkan list produk yang telah terjual dan data produk tersebut dapat diurutkan berdasarkan jumlah produk yang terjual atau stok untuk dibuat menjadi sebuah laporan produk.
Gambar 5.40Implementasi sistem halaman marketing (buat laporan produk)
91
Dan jika marketing memilih menu buat laporan pelanggan, sistem akan menampilkan data transaksi pembelian produk yang dilakukan oleh pelanggan dan dapat diurutkan berdasarkan jumlah pembelian produk yang telah dilakukan pelanggan tersebut untuk dibuat menjadi sebuah laporan pelanggan.
Gambar 5.41Implementasi sistem halaman marketing (buat laporan pelanggan)
5.4.5 Implementasi sistem halaman manager Pada halaman manager yang pertama kali muncul yaitu tampilan login. Apabila manager ingin masuk kedalam program utama, manager terlebih dahulu memasukan data yang dimilikinya berupa username dan password pada form login lalu menekan tombol login. Sistem akan memeriksa apabila data yang dimasukan sesuai maka akan masuk kedalam tampilan program utama. Apabila tidak sesuai sistem akan menampilkan pemberitahuan bahwa username atau password tidak sesuai.
Gambar 5.42Implementasi sistem halaman manager (login)
Pada gambar 5.42 merupakan implementasi dari perancangan user interface login halaman manager. Disana terdapat form login yang terdiri dari username dan password. Serta dibagian bawah form login terdapat tombol login untuk masuk kedalam program utama. 92
Setelah berhasil melakukan login pada form login halaman manager, akan muncul tampilan utama dari program utama berupa pilihan beberapa menu. Menu tersebut diantaranya menu cari data wihslist dan menu cari data laporan.
Gambar 5.43Implementasi sistem halaman manager (menu manager)
Apabila manager memilih salah satu menu cari data wishlist, tampilan pertama kali muncul yaitu list data wishlist itu sendiri. Manager dapat melihat produk dan detail produk yang menjadi wishlist para pelanggan.
Gambar 5.44Implementasi sistem halaman manager (cari wishlist)
Apabila manager memilih menu cari data laporan, maka sistem akan menampilkan list data laporan yang telah dibuat oleh marketing. Manager dapat melihat, mengunduh dan mencetak laporan tersebut.
93
Gambar 5.45Implementasi sistem halaman manager (cari laporan)
5.5
Pengujian Perangkat Lunak Setelah dilakukan pengimplementasian, maka dilakukan pengujian terhadap perangkat
lunak yang dibangun. Pengujian dilakukan terhadap tampilan atau user interface dan pengujian sistem perangkat lunak yang dibangun apakah telah sesuai dengan rancangan atau tidak. 5.5.1 Pengujian user interface Pengujian user interface merupakan sebuah pengujian yang menekankan pada perpindahan dari suatu tampilan ke tampilan lainnya yang terdapat pada sistem. Pengujian user interface ini akan dibagi menjadi lima bagian yaitu pengujian user interface halaman admin, pengujian user interface halaman staf gudang, pengujian user interface halaman pelanggan, pengujian user interface halaman marketing dan pengujian user interface halaman manager. 1. Pengujian user interface halaman admin Pada bagian ini akan menjelaskan mengenai pengujian user interface halaman admin. Adapun pengujiannya sebagai berikut: Tabel5.8Pengujian user interface halaman admin
No 1
2
3
Masukan Pengujian
Hasil
Status
Memasukan
Menampilkan
username&password
utama halaman admin
Memilih menu kelola data Menampilkan
tampilan Berhasil
tampilan Berhasil
user
kelola data user
Menambah data user
Menampilkan tampilan form Berhasil tambah data user 94
4
Mengedit data user
Menampilkan tampilan form Berhasil edit data user
5
Menghapus data user
Menampilkan pesan
Berhasil
6
Backup database
Menampilkan pesan
Berhasil
7
Restore database
Menampilkan pesan
Berhasil
2. Pengujian user interface halaman staf gudang Pada bagian ini akan menjelaskan mengenai pengujian user interface halaman staf gudang. Adapun pengujiannya sebagai berikut: Tabel5.9Pengujian user interface halaman staf gudang
No 1
2
3
Masukan Pengujian
Hasil
Status
Memasukan
Menampilkan
username&password
utama halaman staf gudang
Memilih menu kelola data Menampilkan
tampilan Berhasil
tampilan Berhasil
produk
kelola data produk
Menambah data produk
Menampilkan tampilan form Berhasil tambah data produk
4
Mengedit data produk
Menampilkan tampilan form Berhasil edit data produk
5
Menghapus data produk
6
Memilih menu kelola data menampilkan berita
7
Menampilkan pesan
Berhasil
tampilan Berhasil
kelola data berita
Memilih menu kelola data Menampilkan promo
tampilan Berhasil
kelola data promo
3. Pengujian user interface halaman pelanggan Pada bagian ini akan menjelaskan mengenai pengujian user interface halaman pelanggan. Adapun pengujiannya sebagai berikut: Tabel5.10Pengujian user interface halaman pelanggan
No 1
2
Masukan Pengujian
Hasil
Status
Memasukan
Menampilkan
username&password
utama halaman pelanggan
Memilih menu keranjang Menampilkan
tampilan Berhasil
tampilan Berhasil 95
belanja 3
keranjang belanja
Memilih menu kelola data Menampilkan wishlist
4
Memilih
kelola data wishlist menu
profil Menampilkan
pelanggan 5
tampilan Berhasil
tampilan Berhasil
profil pelanggan
Memilih
menu
ubah Menampilkan tampilan form Berhasil
password
edit password
4. Pengujian user interface halaman marketing Pada bagian ini akan menjelaskan mengenai pengujian user interface halaman marketing. Adapun pengujiannya sebagai berikut: Tabel5.11Pengujian user interface halaman marketing
No 1
2
Masukan Pengujian
Status
Memasukan
Menampilkan
username&password
utama halaman marketing
Memilih menu kelola data Menampilkan transaksi
3
Hasil
tampilan Berhasil
tampilan Berhasil
kelola data transaksi
Memilih
menu
buat Menampilkan tampilan buat Berhasil
laporan
laporan
5. Pengujian user interface halaman manager Pada bagian ini akan menjelaskan mengenai pengujian user interface halaman manager. Adapun pengujiannya sebagai berikut: Tabel5.12Pengujian user interface halaman manager
No 1
2
Masukan Pengujian
Menampilkan
username&password
utama halaman manager
tampilan Berhasil
Memilih menu cari data Menampilkan tampilan data Berhasil wishlist
Memilih menu cari data Menampilkan tampilan data Berhasil laporan
4
Status
Memasukan
wishlist 3
Hasil
Menekan
laporan tombol
data laporan
lihat Menampilkan
informasi Berhasil
tentang data laporan 96
5.5.2 Pengujian sistem Pengujian sistem merupakan sebuah pengujian yang menekankan pada fasilitas atau fitur yang terdapat dalam sistem apakah telah sesuai dengan fungsinya atau tidak. Pengujian sistem ini akan dibagi menjadi lima bagian yang pertama pengujian sistem halaman admin, pengujian sistem halaman staf gudang, pengujian sistem halaman pelanggan, pengujian sistem halaman marketing, dan yang terakhir pengujian sistem halaman manager. Metode pengujian yang dilakukan yaitu dengan menggunakan metode black box testing. 1. Pengujian sistem halaman admin Pada bagian ini akan menjelaskan mengenai pengujian sistem halaman admin. Adapun pengujiannya sebagai berikut: Tabel5.13Pengujian sistem halaman admin
No 1
2
Masukan Pengujian
Hasil
Status
Memasukan
Melalukan login dan masuk Berhasil
username&password
kedalam program utama
Kelola data user
Menambah
data
user, Berhasil
menghapus
data
user,
mengedit data user, dan mencari data user 3
Data user
Menampilkan
informasi Berhasil
data user 4
Backup database
Membuat
file
salinan Berhasil
database 5
Restore database
Mengembalikan ke kondisi
database
terakhir
kali
dibackup 2. Pengujian sistem halaman staf gudang Pada bagian ini akan menjelaskan mengenai pengujian sistem halaman staf gudang. Adapun pengujiannya sebagai berikut: Tabel5.14Pengujian sistem halaman staf gudang
No
Masukan Pengujian
Hasil
Status
1
Memasukan
Melalukan login dan masuk Berhasil 97
2
username&password
kedalam program utama
Kelola data produk
Menambah mengedit
data
produk, Berhasil
data
produk,
menghapus data produk, dan mencari data produk 3
Data produk
Menampilkan
informasi Berhasil
data produk 4
Kelola data berita
Mengganti data berita
Berhasil
5
Kelola data promo
Menambah data promo
Berhasil
3. Pengujian sistem halaman pelanggan Pada bagian ini akan menjelaskan mengenai pengujian sistem halaman pelanggan. Adapun pengujiannya sebagai berikut: Tabel5.15Pengujian sistem halaman pelanggan
No
Masukan Pengujian
Hasil
1
Memasukan
Melalukan login dan masuk Berhasil
username&password
kedalam program utama
Kelola keranjang belanja
Menambah order produk, Berhasil
2
Status
menghapus order produk 3
Kelola data wishlist
Menambah
data
wishlist, Berhasil
menghapus data wishlist 4
Edit profil pelanggan
Mengedit profil pelanggan
Berhasil
5
Ubah password
Mengedit password
Berhasil
4. Pengujian sistem halaman marketing Pada bagian ini akan menjelaskan mengenai pengujian sistem halaman marketing. Adapun pengujiannya sebagai berikut: Tabel5.16Pengujian sistem halaman marketing
No
Masukan Pengujian
Hasil
Status
1
Memasukan
Melalukan login dan masuk Berhasil
username&password
kedalam program utama
2
Kelola data transaksi
Konfirmasi data transaksi
Berhasil
3
Buat laporan
Menambah data laporan
Berhasil 98
5. Pengujian sistem halaman manager Pada bagian ini akan menjelaskan mengenai pengujian sistem halaman manager. Adapun pengujiannya sebagai berikut: Tabel5.17Pengujian sistem halaman manager
No
Masukan Pengujian
Hasil
Status
1
Memasukan
Melalukan login dan masuk Berhasil
username&password
kedalam program utama
2
Cari data wishlist
Mencari data wishlist
3
Data wishlist
Menampilkan
Berhasil
informasi Berhasil
data wishlist 4
Cari data laporan
Mencari
data
laporan, Berhasil
mengunduh data laporan, dan mencetak data laporan 5
Data laporan
Menampilkan
informasi Berhasil
data laporan
99
