32 BAB IV
IMPLEMENTASI, HASIL, DAN ANALISIS 4.1 Implementasi
Menggunakan rancangan yang telah tertulis sebelumnya maka implementasi dari rancangan tersebut adalah sebagai berikut:
Implementasi role Administrator
4.1.1 Implementasi Halaman Login Admin
Halaman login terbagi menjadi dua halaman, pertama halaman login yang digunakan untuk pengguna dengan kedudukan administrator dengan URL /admin/login.php. Berikuat dalah tampilan admin login :
4.1.2 Implementasi Halaman Dashboard Admin Halaman Dashboard adalah halaman yang dituju setelah proses autentikasi sukses. Masing – masing tipe pengguna / kedudukan memiliki dashboard yang berbeda – beda. Berikut merupakan dashboard pada admin:
Gambar 4.1.2 Tampilan Dashboard Admin 4.1.3 Implementasi Fungsi Menu Admin
Halaman Admin ini terdapat beberapa menu beserta fungsinya. Berikut adalah fungsi menu pada admin :
Gambar 4.1.3 Tampilan Home Admin
Tampilan tambah KUD yang ada pada menu daftar KUD :
a. Nama KUD : nama KUD harus diisi sesuai dengan nama KUD yang ingin ditambahkan.
b. Alamat : alamat diisi sesuai dengan alamat KUD yang ingin ditambahkan. c. Nomor Telp : nomor telp harus diisi
sesuai dengan nomor telp KUD.
d. Nomor Rekening : Diisi sesuai dengan nomor rekening KUD.
e. Username dan Password : Sama seperti penjelasan diatas semua harus diisi sesuai KUD.
f. Button Tambah KUD : digunakan jika data yang dimasukkan atau ditambahkan sudah sesuai.
Gambar 4.1.4 Tampilan Sub Menu Tambah KUD Tampilan Profil KUD yang telah ditambahkan, berikut tampilan View :
Gambar 4.1.5 Tampilan Sub Menu View
Tampilan Edit KUD, berikut tampilan sub menu edit KUD :
a. Nama KUD : nama KUD di isi sesuai dengan nama KUD yang ingin diedit atau diubah.
b. Alamat : alamat di isi sesuai dengan alamat KUD yang ingin diedit.
c. Nomor Telp : nomor telp di isi sesuai dengan nomor telp KUD yang ingin diubah.
d. Nomor Rekening : Di isi sesuai dengan nomor rekening KUD yang diedit. e. Username dan Password : Sama seperti
penjelasan diatas semua harus diisi sesuai data KUD yang diedit.
f. Tanggal Bergabung : tidak bisa diubah karena ini sesuai kapan kita mulai bergabung ke aplikasi ini.
g. Button Simpan Data KUD : Jika semua sudah sesuai yang ingin diubah oleh KUD maka harus mengklik button simpan data KUD supaya data yang telah diubah atau diedit tersimpan.
Gambar 4.1.6 Tampilan Sub Menu Edit KUD Tampilan hapus KUD pada menu daftar KUD:
a. Jika sekiranya pengguna aplikasi KUD sudah tidak aktif admin berhak menghapusnya.
Tampilan menu daftar perusahaan, sebenarnya sama seperti penjelasan diatas cuma terdapat beberapa perbedaaan.
a. Ditampilan menu daftar perusahaan terdapat beberapa sub menu dan button seperti sub menu view, edit, delete dan button tambah perusahaan.
Gambar 4.1.8 Tampilan Menu Daftar Perusahaan
Tampilan sub menu tambah perusahaan yang ada pada daftar perusahaan.
a. Nama Perusahaan : nama Perusahaan harus diisi sesuai dengan nama Perusahaan yang ingin ditambahkan. b. Alamat : alamat diisi sesuai dengan
alamat Perusahaan yang ingin ditambahkan.
c. Nomor Telp : nomor telp harus diisi sesuai dengan nomor telp Perusahaan. d. Username dan Password : Sama seperti
penjelasan diatas semua harus diisi sesuai Perusahaan.
e. Button Tambah Perusahaan : digunakan jika data yang dimasukkan atau ditambahkan sudah sesuai.
Gambar 4.1.9 Tampilan Sub Menu Tambah Perusahaan Tampilan Profil Perusahaan yang telah ditambahkan dan menampilkan secara detail, berikut tampilan View :
Gambar 4.1.10 Tampilan Sub Menu View Perusahaan
Tampilan Edit Perusahaan, berikut tampilan sub menu edit Perusahaan :
a. Nama Perusahaan : nama Perusahaan di isi sesuai dengan nama Perusahaan yang ingin diedit atau diubah.
b. Alamat : alamat di isi sesuai dengan alamat Perusahaan yang ingin diedit. c. Nomor Telp Perusahaan : nomor telp di
isi sesuai dengan nomor telp Perusahaan yang ingin diubah.
d. Nomor Rekening : Di isi sesuai dengan nomor rekening Perusahaan yang diedit.
e. Username dan Password : Sama seperti penjelasan diatas semua harus diisi sesuai data Perusahaan yang diedit.
f. Tanggal Bergabung : tidak bisa diubah karena ini sesuai kapan kita mulai bergabung ke aplikasi ini.
g. Button Simpan Data Perusahaan : Jika semua sudah sesuai yang ingin diubah oleh Perusahaan maka harus mengklik button simpan data Perusahaan supaya data yang telah diubah atau diedit tersimpan.
Gambar 4.1.11 Tampilan Sub Menu Edit Perusahaan Tampilan hapus KUD pada menu daftar KUD:
a. Jika sekiranya pengguna aplikasi Perusahaan sudah tidak aktif admin berhak menghapusnya.
Gambar 4.1.12 Tampilan Sub Menu Delete Perusahaan Tampilan menu catatan aktivitas adalah sebagai berikut :
a. Tampilan menu catatan aktivitas ini terdapat 2 warna yaitu biru dan hijau. Warna biru menandakan milik perusahaan dan warna hijau menandakan milik KUD. Kedua warna tersebut memiliki fungsi yang sama yakni untuk melihat aktivitas Perusahaan dan KUD.
Gambar 4.1.13 Tampilan Menu Catatan Aktivitas Admin
Implementasi role Perusahaan
4.1.4 Implementasi Halaman Login Perusahaan halaman login yang digunakan perusahaan dan KUD. Berbeda dari login yang digunakan admin, halaman login ini memiliki satu combobox yang digunakan sebagai pilihan untuk menentukan perusahaan atau KUD. Berikut merupakan tampilan dari halaman login tersebut :
Gambar 4.1.14 Tampilan Login Perusahaan
4.1.5 Implementasi Halaman Dashboard Perusahaan Halaman ini terdapat menu navigasi yang mana masing – masing kedudukan memiliki menu navigasi yang berbeda pula. Berikut ini merupakan tampilan halaman dashboard perusahaan.
Gambar 4.1.15 Tampilan Halaman Dashboard Perusahaan 4.1.6 Implementasi Fungsi Menu Perusahaan Halaman Perusahaan ini terdapat beberapa menu beserta fungsinya. Berikut adalah fungsi menu pada Perusahaan :
a. Halaman Menu Daftar Semua KUD : menampilkan seluruh KUD yang sudah terdaftar di sistem.
Gambar 4.1.16 Tampilan Menu Semua Daftar KUD Tampilan menu cari KUD di Perusahaan
a. Kata kunci : merupakan kata yang digunakan sebagai dasar pencarian.
b. Berdasarkan : terdapat combobox yang mana bisa dicari berdasarkan nama KUD maupaun alamat untuk mempermudah pencarian.
c. Button Cari : digunakan apabila sudah mengisi kata kunci dan berdasarkan. Kemudian mulai mencari sesuai yang telah diisi.
Gambar 4.1.17 Tampilan Menu Cari KUD
Menu daftar pesanan yang ada pada perusahaan menampilkan daftar pesanan yang perusahaan lakukan ketika akan membeli di KUD.
a. Periode : menampilkan laporan pembelian berdasarkan pembelian perbulan.
b. Button Tampilkan : menampilkan data yang dicari berdasarkan periode.
c. Pada tabel pemesanan terdapat menu untuk melakukan konfirmasi terhadap transaksi yang telah dilakukan. Terdapat pilihan untuk melakukan konfirmasi, jika memilih menu “Lunasi Pembayaran” maka pengguna akan dialihkan ke halaman konfirmasi.
Gambar 4.1.18 Tampilan Menu Daftar Pesanan Selanjutnya setelah pengguna memilih “Lunasi Pembayaran “ akan muncul tampilan bukti transfer. Berikut adalah bukti transfer :
Tampilan catatan aktivitas berguna untuk melihat seluruh aktivitas yang dilakukan oleh perusahaan.
Gambar 4.1.20 Tampilan Menu Catatan Aktivitas Menu Notifikasi yang ada pada perusahaan ini berfungsi apabila ada pesan dari KUD karena telah mengkonfirmasi pembayaran.
Gambar 4.1.21 Tampilan Menu Notifikasi Perusahaan
Menu Pengaturan Akun yang ada di perusahaan berfungsi untuk mengubah apabila ada data yang ingin diubah oleh perusahaan. a. Nama Perusahaan : nama Perusahaan di isi
sesuai dengan nama Perusahaan yang ingin diedit atau diubah.
b. Alamat : alamat di isi sesuai dengan alamat Perusahaan yang ingin diedit.
c. Nomor Telp Perusahaan : nomor telp di isi sesuai dengan nomor telp Perusahaan yang ingin diubah.
d. Nomor Rekening : Di isi sesuai dengan nomor rekening Perusahaan yang diedit.
e. Username dan Password : Sama seperti penjelasan diatas semua harus diisi sesuai data Perusahaan yang diedit.
f. Tanggal Bergabung : tidak bisa diubah karena ini sesuai kapan kita mulai bergabung ke aplikasi ini.
g. Button Simpan Data Perusahaan : Jika semua sudah sesuai yang ingin diubah oleh Perusahaan maka harus mengklik button simpan data Perusahaan supaya data yang telah diubah atau diedit tersimpan.
Gambar 4.1.22 Tampilan Menu Pengaturan Akun Perusahaan
Implementasi role KUD
Halaman login yang digunakan KUD. Berbeda dari login yang digunakan admin, halaman login ini memiliki satu combobox yang digunakan sebagai pilihan untuk menentukan perusahaan atau KUD. Berikut merupakan tampilan dari halaman login tersebut :
Gambar 4.1.23 Tampilan Login KUD
Setelah pengguna melakukan autentikasi maka akan dialihkan pada halaman dashboard menurut kedudukan masing – masing (admin,perusahaan dan KUD). Jika autentikasi yang dimasukkan salah maka tampilannya adalah sebagai berikut :
Gambar 4.1.24 Tampilan Login Eror 4.1.8 Implementasi Halaman Dashboard KUD
Halaman ini sebenarnya sama dengan halaman dashboard pada perusahaan, perbedaan terletak pada fungsi dan tampilan utama. Berikut ini merupakan tampilan halaman dashboard KUD :
Gambar 4.1.25 Tampilan Dashboard KUD 4.1.9 Implementasi Fungsi Menu KUD
Halaman KUD ini terdapat beberapa menu beserta fungsinya. Berikut adalah fungsi menu pada KUD :
a. Home : menunjukan stok sawit, pemberitahuan jika ada pesanan dan total pesanan yang telah sukses.
Gambar 4.1.26 Tampilan Menu Home KUD
Tampilan menu stok digunakan untuk melihat semua jenis sawit, stok dan harganya.Berikut tampilan menu stok di KUD :
Selain itu di dalam tampilan menu stok juga terdapat beberapa sub menu antara lain sub menu tambah item.
a. Sub Menu Tambah Item : Digunakan untuk menambah Item sawit dari nama item, stok yang ada atau tersedia maupun harganya. b. Button simpan : untuk menyimpan semua data
yang dimasukkan oleh KUD.
Gambar 4.1.27 Tampilan Sub Menu Tambah Item KUD Selanjutnya juga terdapat sub menu view dimana akan menampilan data atau stok yang telah di input KUD secara detail, berikut tampilan view KUD :
Gambar 4.1.28 Tampilan Sub Menu View KUD Tampilan sub menu edit digunakan untuk mengubah data stok mulai dari nama item, stok yang tersedia maupun harganya.
Tampilan sub menu delete KUD berguna untuk menghapus data sawit yang sudah tidak digunakan lagi. Berikut tampilan sub menu delete.
Gambar 4.1.30 Tampilan Sub Menu Delete KUD Selanjutnya ke tampilan daftar pesanan, berikut tampilan menu daftar pesanan.
a. Periode : menampilkan laporan pembelian berdasarkan pembelian perbulan.
b. Button Tampilkan : menampilkan data yang dicari berdasarkan periode.
c. Pada tabel pemesanan terdapat menu untuk melakukan konfirmasi terhadap transaksi yang telah dilakukan oleh Perusahaan.
Apabila bukti pembayaran dari perusahaan sudah dikirim kemudian dari pihak KUD akan mengkonfirmasi dengan memilih menu “Konfirmasi” secara otomatis statusnya akan berubah menjadi proses pesanan dan jika sudah sampai statusnya pun akan berubah menjadi terkirim.
Gambar 4.1.31 Tampilan Menu Daftar Pesanan KUD Tampilan catatan aktivitas berguna untuk melihat seluruh aktivitas yang dilakukan oleh KUD.
Gambar 4.1.32 Tampilan Menu Catatan Aktivitas KUD Menu Notifikasi yang ada pada KUD ini berfungsi apabila ada pesan dari Persahaan saat melakukan pembelian.
Menu Pengaturan Akun yang ada di KUD berfungsi untuk mengubah apabila ada data yang ingin diubah oleh KUD tersebut.
a. Nama KUD : nama KUD di isi sesuai dengan nama KUD yang ingin diedit atau diubah. b. Alamat : alamat di isi sesuai dengan alamat
KUD yang ingin diedit.
c. Nomor Telp KUD : nomor telp di isi sesuai dengan nomor telp KUD yang ingin diubah. d. Nomor Rekening : Di isi sesuai dengan
nomor rekening KUD yang diedit.
e. Username dan Password : Sama seperti penjelasan diatas semua harus diisi sesuai data KUD yang diedit.
f. Tanggal Bergabung : tidak bisa diubah karena ini sesuai kapan pengguna mulai bergabung ke aplikasi ini.
g. Button Simpan Data KUD : Jika semua sudah sesuai yang ingin diubah oleh KUD maka harus mengklik button simpan data KUD supaya data yang telah diubah atau diedit tersimpan.
