BAB V HASIL DAN PEMBAHASAN 5.1 Tampilan Sistem Informasi...

13
35 BAB V HASIL DAN PEMBAHASAN 5.1 Tampilan Sistem Informasi Tampilan sistem informasi merupakan hasil yang diharapkan dari penelitian ini, dimulai dari perancangan user-interface hingga berfungsinya sistem informasi berbasis web untuk Kampung Cau Padjadjaran. Tampilan sistem informasi memiliki perbedaan dengan tampilan antar-muka atau layout yang sebelumnya direncanakan, hal tersebut karena permintaan dari pihak KCP dan penyesuaian fungsi dari sistem informasi. 5.1.1 Tampilan Homepage Homepage sistem informasi merupakan satu halaman website yang mencakup seluruh informasi terkait Kampung Cau Padjadjaran, mulai dari tombol navigasi, greeting slider, Tentang KCP, gambar-gambar produk, 5 tabel stok dan harga produk, Team KCP, artikel kegiatan, dan kolom kontak KCP. Homepage ini dapat diakses dengan alamat website www.kampungcaupadjadjaran.id pada browser. Berikut tampilan homepage dari kiri ke kanan yang merupakan satu halaman website: Gambar 26. Tampilan Hompage

Transcript of BAB V HASIL DAN PEMBAHASAN 5.1 Tampilan Sistem Informasi...

Page 1: BAB V HASIL DAN PEMBAHASAN 5.1 Tampilan Sistem Informasi …media.unpad.ac.id/thesis/240310/2014/240310140034_5_9122.pdf · kolom ucapan selamat datang kepada user yang mengakses

35

BAB V

HASIL DAN PEMBAHASAN

5.1 Tampilan Sistem Informasi

Tampilan sistem informasi merupakan hasil yang diharapkan dari penelitian ini,

dimulai dari perancangan user-interface hingga berfungsinya sistem informasi berbasis

web untuk Kampung Cau Padjadjaran. Tampilan sistem informasi memiliki perbedaan

dengan tampilan antar-muka atau layout yang sebelumnya direncanakan, hal tersebut

karena permintaan dari pihak KCP dan penyesuaian fungsi dari sistem informasi.

5.1.1 Tampilan Homepage

Homepage sistem informasi merupakan satu halaman website yang mencakup

seluruh informasi terkait Kampung Cau Padjadjaran, mulai dari tombol navigasi, greeting

slider, Tentang KCP, gambar-gambar produk, 5 tabel stok dan harga produk, Team KCP,

artikel kegiatan, dan kolom kontak KCP. Homepage ini dapat diakses dengan alamat

website www.kampungcaupadjadjaran.id pada browser. Berikut tampilan homepage dari

kiri ke kanan yang merupakan satu halaman website:

Gambar 26. Tampilan Hompage

Page 2: BAB V HASIL DAN PEMBAHASAN 5.1 Tampilan Sistem Informasi …media.unpad.ac.id/thesis/240310/2014/240310140034_5_9122.pdf · kolom ucapan selamat datang kepada user yang mengakses

36

Gambar 27. Tampilan Greeting Slider

Kolom pertama yang dapat dilihat oleh user adalah kolom greeting slider yaitu

kolom ucapan selamat datang kepada user yang mengakses website. Greeting slider

tersebut mempunyai tiga gambar yang akan bergeser secara otomatis tiap satu detik

dengan kalimat yang berbeda. Di atas kolom greeting slider, terdapat tombol navigasi

yang dapat menunjukan user ke kolom yang sesuai dengan namanya. Berikut tampilan

tombol navigasi:

Gambar 28. Tampilan Tombol Navigasi

Setelah kolom greeting slider, terdapat kolom Tentang yang berisi mengenai profil

Kampung Cau Padjadjaran secara singkat dengan keterangan beberapa kabupaten tempat

desa mitra atau desa petani pisang berada. Berikut tampilan kolom Tetang:

Gambar 29. Tampilan Tentang Kampung Cau Padjadjaran

Page 3: BAB V HASIL DAN PEMBAHASAN 5.1 Tampilan Sistem Informasi …media.unpad.ac.id/thesis/240310/2014/240310140034_5_9122.pdf · kolom ucapan selamat datang kepada user yang mengakses

37

Di bawah kolom Tentang, terdapat kolom Produk Kami yaitu kolom gambar-

gambar dari pisang yang tersedia di Kampung Cau Padjadjaran, di antaranya adalah pisang

ambon kuning, ambon lumut, kapas, kepok, manggala, manggala hitam, muli, nangka, raja

bulu, raja cerai, roid, dan tanduk. Berikut tampilan kolom Produk Kami:

Gambar 30. Tampilan Produk Kami

Pisang-pisang tersebut berasal dari desa-desa mitra Kampung Cau Padjadjaran

yang tersebar di lima kabupaten yang ada di Jawa Barat. Kemudian terdapat kolom Stok

Pisang Kami yaitu tabel yang berisi harga dan stok 12 pisang per kabupaten. Berikut

tampilan kolom Stok Pisang Kami:

Gambar 31. Tampilan Stok Pisang Kami

Page 4: BAB V HASIL DAN PEMBAHASAN 5.1 Tampilan Sistem Informasi …media.unpad.ac.id/thesis/240310/2014/240310140034_5_9122.pdf · kolom ucapan selamat datang kepada user yang mengakses

38

Pada kolom Stok Pisang Kami, terdapat tombol filter kabupaten agar memudahkan

pencarian data pisang per kabupaten. Berikut tampilan tombol filter kabupaten:

Gambar 32. Tampilan Tombol Filter Kabupaten

Kolom Kampung Cau Padjadjaran Team adalah kolom berisi foto dari team KCP

yang terdiri dari CEO, pengembang situs, dan pengembang aplikasi, berikut tampilannya:

Gambar 33. Tampilan Team Kampung Cau Padjadjaran

Setelah kolom KCP Team, terdapat kolom Kegiatan Kami. Kolom ini berisikan

galeri foto dari kegiatan Kampung Cau Padjadjaran, namun untuk pengembangan yang

lebih lanjut akan diisi dengan artikel setiap kegiatan yang telah dilakukan oleh Kampung

Cau Padjadjaran seperti kegiatan pengembangan, pengolahan dan penelitian buah pisang,

serta kegiatan lain yang berkaitan dengan Kampung Cau Padjadjaran. Berikut tampilan

kolom Kegiatan Kami:

Gambar 34. Tampilan Kegiatan Kami

Page 5: BAB V HASIL DAN PEMBAHASAN 5.1 Tampilan Sistem Informasi …media.unpad.ac.id/thesis/240310/2014/240310140034_5_9122.pdf · kolom ucapan selamat datang kepada user yang mengakses

39

Pada bagian paling bawah, terdapat kolom Hubungi Kami yaitu berisi contact

person dan berserta alamat e-mail dari Kampung Cau Padjadjaran. Berikut tampilan

kolom Hubungi Kami:

Gambar 35. Tampilan Hubungi Kami

5.1.2 Tampilan Login

Salah satu bagian terpenting dari sistem informasi yang dirancang adalah peran

pengguna atau administrator dari sistem itu sendiri. Halaman login ini diakses oleh admin

melalui alamat website www.kampungcaupadjadjaran.com/admin/ pada browser. Berikut

merupakan tampilan login dari administrator untuk dapat mengakses database stok

pisang.

Gambar 36. Tampilan Form Login

Page 6: BAB V HASIL DAN PEMBAHASAN 5.1 Tampilan Sistem Informasi …media.unpad.ac.id/thesis/240310/2014/240310140034_5_9122.pdf · kolom ucapan selamat datang kepada user yang mengakses

40

Admin dan super admin memerlukan username dan password yang telah dibuat

dan disimpan di dalam database untuk dapat mengakses database. Super admin bertugas

untuk membuat username dan password untuk admin.

5.1.3 Tampilan Database

Database website KCP meliputi konten website, data stok dan harga pisang, data

pembeli, penjualan, dan data admin. Terdapat perbedaan hak akses antara admin dan super

admin. Admin hanya dapat mengakses database dari stok dan harga pisang, data pembeli,

dan data penjualan saja sesuai masing-masing kabupaten yang telah ditentukan;

sedangkan super admin dapat mengakses semua database yang ada termasuk database

konten website dan data admin.

Halaman database yang pertama kali muncul saat diakses oleh super admin adalah

database konten website. Konten website yang dapat diubah atau diperbaharui di

antaranya kalimat pada greeting slider, tentang KCP, dan kolom kontak. Perubahan

dilakukan dapat dilakukan super admin kapan saja berdasarkan permintaan CEO. Berikut

tampilan database konten website:

Gambar 37. Tampilan Database Konten Website

Database stok dan harga pisang berisi kolom 12 pisang yang tersedia di KCP yang

masing-masing tersebar pada 5 desa dalam 1 kabupaten. Dalam database ini, terdapat 3

macam tombol yaitu tomboh ubah harga, tambah stok pisang, dan riwayat stok pisang.

Perubahan harga masing-masing pisang dilakukan berdasarkan ketentuan KCP yang

berlaku per kabupaten, selain itu data stok pisang akan terus diperbaharui setiap minggu

Page 7: BAB V HASIL DAN PEMBAHASAN 5.1 Tampilan Sistem Informasi …media.unpad.ac.id/thesis/240310/2014/240310140034_5_9122.pdf · kolom ucapan selamat datang kepada user yang mengakses

41

oleh masing-masing admin per kabupaten. Berikut contoh tampilan database stok dan

harga pisang untuk admin Kabupaten Cianjur:

Gambar 38. Tampilan Database Stok Pisang

Database pembeli terdiri dari nama dan alamat pembeli. Transaksi penjualan dapat

dilakukan apabila admin telah menginput data pembeli pada database pembeli, sehingga

pada saat penginputan data penjualan dapat mengacu pada konsumen atau pembeli.

Terdapat tiga tombol pada database pembeli, yaitu tombol Tambah Pembeli untuk

menambah atau menginput data pembeli yang baru, Perbaharui untuk memerbaharui data

pembeli, dan Hapus untuk menghapus data pembeli. Berikut tampilan untuk database

pembeli:

Gambar 39. Tampilan Database Pembeli

Database penjualan berisi data nama, harga per kabupaten, dan stok pisang dari 5

desa pada 1 kabupaten. Terdapat dua tombol yang dapat digunakan yaitu tombol Jual dan

Riwayat. Data penjualan terintegrasi dengan data pisang dan pembeli. Proses penjualan

dapat dilakukan apabila data pembeli telah tersedia atau diinput dalam database pembeli

oleh admin, sehingga riwayat penjualan dapat tercatat dengan jelas siapa pembelinya serta

Page 8: BAB V HASIL DAN PEMBAHASAN 5.1 Tampilan Sistem Informasi …media.unpad.ac.id/thesis/240310/2014/240310140034_5_9122.pdf · kolom ucapan selamat datang kepada user yang mengakses

42

data stok pisang akan otomatis berubah dan berkurang sesuai dengan jumlah pisang yang

terjual. Berikut contoh tampilan database penjualan untuk admin Kabupaten Cianjur:

Gambar 40. Tampilan Database Penjualan

Database admin hanya dapat diakses oleh super admin, terdiri dari nama, jenis

kelamin, tanggal lahir, alamat, jabatan dalam sistem KCP, username, password. Berikut

tampilannya:

Gambar 41. Tampilan Database Admin

Gambar 32 di atas menampilkan database admin dari sistem informasi. Pada tiap

kolom data admin, terdapat tombol Perbaharui dan Hapus data admin. Tombol Perbaharui

berfungsi untuk mengubah data admin apabila ada kekeliruan atau penggantian data

admin. Tombol Hapus berfungsi untuk menghapus data admin yang ada sehingga data

admin tersebut terhapus serta usename dan password yang terhapus tidak dapat digunakan

kembali untuk mengakses database dari website KCP.

Page 9: BAB V HASIL DAN PEMBAHASAN 5.1 Tampilan Sistem Informasi …media.unpad.ac.id/thesis/240310/2014/240310140034_5_9122.pdf · kolom ucapan selamat datang kepada user yang mengakses

43

5.2 Pengujian Black Box

Pengujian black box dilakukan untuk menguji kesesuaian fungsi dari sistem yang

telah dirancang dan hasil yang diharapkan. Terdapat 12 rancangan proses pengujian yang

dimulai dari pengujian login untuk admin hingga permbaharuan database sistem

informasi. Berikut tabel 16 terkait pengujian black box yang telah dilakukan:

Tabel 2. Pengujian Black Box

No Pengujian Uji Kasus Hasil Yang

Diharapkan Hasil Keterangan

1 Tombol

navigasi

Menekan setiap

tombol navigasi

Layar mengarah

pada kolom yang

dituju

Sesuai -

2

Tombol stok

pisang per

kabupaten

Menekan tombol

stok pisang per

kabupaten

Tabel stok

muncul per

kabupaten

Sesuai -

3

Login

username dan

password

yang benar

Login dengan

menggunakan

username dan

password yang

benar

User dapat

masuk ke

halaman beranda

Sesuai

Username

dan

Password

harus sesuai

4

Login

username

yang salah

Login dengan

menggunakan

username yang

salah

User tidak dapat

masuk ke

halaman beranda

Sesuai

Muncul

notifikasi

gagal login

5

Login

password

yang salah

Login dengan

menggunakan

password yang

salah

User tidak dapat

masuk ke

halaman beranda

Sesuai

Muncul

notifikasi

gagal login

6

Login

username dan

password

yang salah

Login dengan

menggunakan

username dan

password yang

salah

User tidak dapat

masuk ke

halaman beranda

Sesuai

Muncul

notifikasi

gagal login

7 Login user

super admin

Login user super

admin

Super admin

dapat mengakses

database

Sesuai

Super admin

dapat

mengakses

seluruh

database

Page 10: BAB V HASIL DAN PEMBAHASAN 5.1 Tampilan Sistem Informasi …media.unpad.ac.id/thesis/240310/2014/240310140034_5_9122.pdf · kolom ucapan selamat datang kepada user yang mengakses

44

8 Login user

setiap admin

Login user setiap

admin

Admin

mengakses tiap

database

masing-masing

kabupaten

Sesuai

Tiap admin

hanya dapat

mengakses

database

masing-

masing

kabupaten

9

User

menambah

data stok

pisang

Menambah

jumlah stok

pisang dan

menekan tombol

Tambah

Data stok pisang

terbaharui Sesuai

Admin dan

super admin

dapat

melakukan

penambahan

data stok

10

Batal

menambah

data stok

pisang

Pada kolom input

data stok pisang,

menekan tombol

Batal

User kembali

pada kolom

database stok

pisang

Sesuai -

11

User

mengubah

data stok

pisang

Menginput

jumlah stok

pisang yang akan

dijual dan

menekan tombol

Jual

Data stok pisang

terbaharui Sesuai

Data pembeli

harus

terdaftar

dalam

database

12

Batal

mengubah

data stok

pisang

Pada kolom input

data stok pisang,

menekan tombol

Batal

User kembali

pada kolom

database stok

pisang

Sesuai -

13

User

menghapus

data stok

pisang

Menekan tombol

Hapus pada

kolom riwayat

data stok pisang

Data stok pisang

terhapus Sesuai

Penghapusan

dilakukan

jika tidak ada

stok pisang

14

Super admin

mengubah

konten

website

Menekan tombol

Perbaharui,

menginput

konten, dan

menekan tombol

Simpan

Konten website

terbaharui Sesuai

Hanya super

admin yang

dapat

merubah

konten

website

15

Batal

mengubah

konten

website

Pada kolom input

konten, menekan

tombol Batal

User kembali

pada kolom

database konten

website

Sesuai -

Page 11: BAB V HASIL DAN PEMBAHASAN 5.1 Tampilan Sistem Informasi …media.unpad.ac.id/thesis/240310/2014/240310140034_5_9122.pdf · kolom ucapan selamat datang kepada user yang mengakses

45

16

User

menambah

data pembeli

Menekan tombol

Tambah Pembeli,

menginput data

pembeli, dan

menekan tombol

Simpan

User dapat

menambah data

pembeli

Sesuai

Data pembeli

menjadi

penting

untuk

transaksi

berkelanjutan

17

Batal

menambah

data pembeli

Pada kolom input

data pembeli,

menekan tombol

Batal

User kembali

pada kolom

database pembeli

Sesuai -

18

User

mengubah

data pembeli

Menekan tombol

Perbaharui,

menginput data

pembeli, dan

menekan tombol

Simpan

Data pembeli

terbaharui Sesuai

Perubahan

dilakukan

jika terdapat

kesalahan

data pembeli

19

User

menghapus

data pembeli

Menekan tombol

Hapus pada

kolom data

pembeli yang

akan dihapus

Data pembeli

terhapus Sesuai

Penghapusan

dilakukan

jika terdapat

keinginan

perusahaan

20

User

menambah

data transaksi

penjualan

Menekan tombol

Jual, menginput

data transaksi,

menekan tombol

Simpan

Data penjualan

terbaharui Sesuai

Data

transaksi

diperlukan

untuk

pembaharuan

stok pisang

21

Batal

menambah

data transaksi

penjualan

Pada kolom input

data penjualan,

menekan tombol

Batal

User kembali

pada kolom

database

penjualan

Sesuai -

22

User

menghapus

data transaksi

Menekan tombol

Riwayat,

menekan tombol

Hapus pada

kolom data yang

akan dihapus

Data pembeli

terhapus Sesuai -

Tabel 16 menjelaskan tentang hasil dari pengujian black box sistem informasi KCP

yang bertujuan untuk memvalidasi apakah fungsi program telah sesuai. Pengujian ini

merujuk pada literatur penelitian dari Mustaqbal dkk (2015) yang menjelaskan bahwa

Page 12: BAB V HASIL DAN PEMBAHASAN 5.1 Tampilan Sistem Informasi …media.unpad.ac.id/thesis/240310/2014/240310140034_5_9122.pdf · kolom ucapan selamat datang kepada user yang mengakses

46

pengujian black-box merupakan metode yang mudah diimplementasikan dan Pressman

(2009) juga menyatakan bahwa pengujian black-box sesuai untuk sistem berorientasi

obyek karena keduanya merupakan metode untuk pengembangan suatu sistem dengan

menggunakan metode rekayasa perangkat lunak konvensional.

Hasil dari pengujian yang didapat menunjukan bahwa semua uji coba dari fungsi

yang ada dalam sistem informasi bekerja sesuai dengan harapan, maka hal tersebut

menjadi verifikasi bahwa sistem informasi yang dirancang dapat digunakan oleh

pengguna pada Kampung Cau Padjadjaran dengan baik.

Page 13: BAB V HASIL DAN PEMBAHASAN 5.1 Tampilan Sistem Informasi …media.unpad.ac.id/thesis/240310/2014/240310140034_5_9122.pdf · kolom ucapan selamat datang kepada user yang mengakses

47

BAB VI

KESIMPULAN DAN SARAN

6.1 Kesimpulan

Berdasarkan hasil penelitian dan pengujian yang telah dilakukan pada perancangan

Sistem Informasi Berbasis Web Untuk Ketersediaan Pisang Lokal Jawa Barat Di

Kampung Cau Padjadjaran, dapat disimpulkan sebagai berikut:

Tujuan yang ingin dicapai dalam penelitian ini adalah menghasilkan sistem

informasi berbasis web berupa database pisang, meminimalisir kekeliruan informasi data

pisang, dan meningkatkan pelayanan konsumen di Kampung Cau Padjadjaran.

1. Berdasarkan hasil pengujian black box yang telah dilakukan, dapat diketahui

bahwa semua fungsi dari sistem informasi yang dirancang dapat bekerja sesuai

dengan harapan.

2. Perancangan sistem informasi ini dapat mengurangi kekeliruan data stok pisang .

3. Sistem informasi yang dirancang dapat meningkatkan kecepatan dan keakuratan

pelayanan informasi data pisang Kampung Cau Padjadjaran.

4. Potensi keriguan perusahaan juga dapat dikurangi karena konsumen dapat

mengetahui harga dan stok pisang yang ada di desa-desa mitra Kampung Cau

Padjadjaran dengan lebih akurat secara online.

6.2 Saran

Pengembangan lebih lanjut sangat disarankan untuk meningkatkan kinerja sistem

informasi yang telah dirancang yaitu sebagai berikut:

1. Penambahan fitur sistem cloud back-up data yang berpotensi untuk meminimalisir

data lost atau gangguan sistem sehingga data tersimpan dengan baik secara online.

2. Integrasi sistem antara website dan aplikasi Kampung Cau Padjadjaran yang telah

dirancang sangat diharapkan guna meningkatkan kinerja dan branding perusahaan.