5 BAB V IMPLEMENTASI DAN PENGUJIAN

Transkripsi

1 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 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 (Apache, MySql, PHP), web browser (Mozilla firefox, google chrome), notepad++, Microsoft Office

2 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: Operating system : Microsoft windows 7 Program aplikasi : web browser (Mozilla firefox, google chrome) 5.2 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

3 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

4 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 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

5 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

6 Kemudian menu db_backup untuk melakukan backup atau menyalin database dan menu db_restore untuk mengembalikan database ke kondisi terakhir kali dibakcup 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

7 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 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

8 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

9 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

10 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 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

11 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 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

12 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

13 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

14 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

15 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

16 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

17 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

18 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

19 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) 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

20 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

21 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

22 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) 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

23 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

24 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

25 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) 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

26 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

27 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 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 Masukan Pengujian Hasil Status 1 Memasukan Menampilkan tampilan Berhasil username&password utama halaman admin 2 Memilih menu kelola data Menampilkan tampilan Berhasil user kelola data user 3 Menambah data user Menampilkan tampilan form tambah data user Berhasil 94

28 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 Masukan Pengujian Hasil Status 1 Memasukan Menampilkan tampilan Berhasil username&password utama halaman staf gudang 2 Memilih menu kelola data Menampilkan tampilan Berhasil produk kelola data produk 3 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 Menampilkan pesan Berhasil 6 Memilih menu kelola data menampilkan tampilan Berhasil berita kelola data berita 7 Memilih menu kelola data Menampilkan tampilan Berhasil promo 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 Masukan Pengujian Hasil Status 1 Memasukan Menampilkan tampilan Berhasil username&password utama halaman pelanggan 2 Memilih menu keranjang Menampilkan tampilan Berhasil 95

29 belanja 3 Memilih menu kelola data wishlist 4 Memilih menu profil pelanggan 5 Memilih menu ubah password keranjang belanja Menampilkan tampilan kelola data wishlist Menampilkan tampilan profil pelanggan Menampilkan tampilan form edit password Berhasil Berhasil Berhasil 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 Masukan Pengujian Hasil Status 1 Memasukan Menampilkan tampilan Berhasil username&password utama halaman marketing 2 Memilih menu kelola data Menampilkan tampilan Berhasil transaksi kelola data transaksi 3 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 Masukan Pengujian Hasil Status 1 Memasukan username&password 2 Memilih menu cari data wishlist 3 Memilih menu cari data laporan 4 Menekan tombol lihat Menampilkan tampilan Berhasil utama halaman manager Menampilkan tampilan data Berhasil wishlist Menampilkan tampilan data Berhasil laporan Menampilkan informasi Berhasil data laporan tentang data laporan 96

30 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 Masukan Pengujian Hasil Status 1 Memasukan username&password Melalukan login dan masuk kedalam program utama Berhasil 2 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 database ke kondisi 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

31 username&password kedalam program utama 2 Kelola data produk Menambah data produk, Berhasil mengedit 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 Status 1 Memasukan Melalukan login dan masuk Berhasil username&password kedalam program utama 2 Kelola keranjang belanja Menambah order produk, menghapus order produk Berhasil 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

32 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 Berhasil 3 Data wishlist Menampilkan 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