BAB IV HASIL DAN PEMBAHASAN
4.3 Implementasi Sistem
4.3.2 User Interface
4.3.2.1 User Interface Admin
Halaman Login merupakan halaman yang akan diakses pertama kali oleh Admin untuk menjalankan Website Toko Mebel Melati. Hal yang harus dilakukan yaitu memasukan username dan password dengan benar. Tampilan halaman ini ditunjukkan pada Gambar 4.26
Gambar 4.16 Tampilan Halaman Login 4.3.2.1.2 Halaman Home
Halaman home merupakan halaman utama ketika masuk ke dalam Website Toko Mebel Melati berisi statistik. Tampilan halaman ini ditunjukkan pada Gambar 4.17
Gambar 4.17 Tampilan Halaman Home
39
4.3.2.1.3 Halaman Data Pesanan
Halaman data pesanan merupakan halaman untuk melihat, menghapus data pesanan dan dapat di sort berdasarkan status.
Tampilan halaman ini ditunjukkan pada Gambar 4.18
Gambar 4.18 Tampilan Halaman Data Pesanan 4.3.2.1.4 Halaman Member
Halaman member seperti Gambar 4.19 merupakan halaman untuk menampilkan dan menghapus data member.
Gambar 4.19 Tampilan Halaman Member 4.3.2.1.5 Halaman Edit Member
Gambar 4.20 merupakan halaman edit member yang digunakan untuk mengubah data member.
Gambar 4.20 Tampilan Halaman Cetak Surat Keluar 4.3.2.1.6 Halaman Insert Member
Halaman Insert Member seperti Gambar 4.21 berfungsi untuk menambahkan atau membuat member.
Gambar 4.31 Tampilan Halaman Insert Member 4.3.2.1.7 Halaman Lihat Produk
Gambar 4.22 merupakan halaman lihat produk yang berfungsi melihat data produk yang dijual online dan terdapat fungsi edit, hapus serta tambah produk baru.
41
Gambar 4.22 Tampilan Halaman Lihat Produk 4.3.2.1.8 Halaman Edit Produk
Halaman edit produk seperti Gambar 4.23 berfungsi untuk mengubah data produk.
Gambar 4.23 Tampilan Halaman Edit Produk
4.3.2.1.9 Halaman Tambah Produk Baru
Halaman tambah produk baru seperti Gambar 4.24 berfungsi untuk menambahkan produk baru.
Gambar 4.24 Tampilan Halaman Tambah Produk Baru 4.3.2.1.10 Halaman Lihat Meuble
Gambar 4.25 merupakan lihat meuble yang berfungsi melihat , menghapus dan mempunyai menu edit serta tambah meuble.
Gambar 4.25 Tampilan Halaman Lihat Meuble
43
4.3.2.1.11 Halaman Edit Meuble
Gambar 4.26 merupakan halaman edit meuble yang berfungsi untuk merubah data meuble.
Gambar 4.26 Tampilan Halaman Edit Meuble 4.3.2.1.12 Halaman Tambah Meuble Baru
Halaman tambah meuble baru seperti Gambar 4.27 untuk menambahkan meuble baru.
Gambar 4.27 Tampilan Halaman Tambah Meuble Baru 4.3.2.1.13 Halaman Lihat Desain
Halaman lihat desain seperti Gambar 4.28 menjelaskan detail desain seperti nama desain, gambar desain dan keterangan desain.
Gambar 4.28 Tampilan Halaman Lihat Desain
45
4.3.2.1.14 Halaman Edit Desain
Gambar 4.29 merupakan halaman untuk mengubah data desain.
Gambar 4.29 Tampilan Halaman Edit Desain 4.3.2.1.15 Halaman Tambah Desain Baru
Halaman tambah desain baru seperti Gambar 4.30 berfungsi menambahkan data desain dan terdapat 2 kategori desain yaitu rumah dan interior.
Gambar 4.30 Tampilan Halaman Tambah Desain Baru 4.3.2.1.16 Halaman Buku Tamu
Halaman buku tamu seperti Gambar 4.31 berfungsi untuk melihat pesan-pesan yang dibuat oleh pengunjung.
Gambar 4.31 Tampilan Halaman Buku Tamu 4.3.2.1.17 Halaman Karyawan
Halaman karyawan seperti Gambar 4.32 merupakan halaman yang digunakan untuk melihat data akun admin.
47
Gambar 4.32 Tampilan Halaman Karyawan 4.3.2.1.18 Halaman Edit Karyawan
Gambar 4.33 merupakan halaman untuk mengubah data akun admin dan karyawan.
Gambar 4.33 Tampilan Halaman Edit Karyawan 4.3.2.1.19 Halaman Buat Karyawan Baru
Halaman buat karyawan baru seperti Gambar 4.34 berfungsi menambahkan data karyawan.
Gambar 4.34 Tampilan Halaman Buat Karyawan Baru 4.3.2.1.20 Halaman Tampilan
Halaman tampilan seperti Gambar 4.35 merupakan halaman yang digunakan untuk mengubah informasi pada About, cara pembayaran, syarat dan FAQ.
Gambar 4.35 Tampilan Halaman Tampilan 4.3.2.2 User Interface Pengunjung
4.3.2.2.1 Halaman Login
Halaman Login merupakan halaman yang harus diakses ketika pengunjung ingin mengaktifkan fungsi beli pada produk online. Hal yang harus dilakukan yaitu memasukan username dan password dengan benar. Tampilan halaman ini ditunjukkan pada Gambar 4.36.
Gambar 4.36 Tampilan Halaman Login
49
4.3.2.2.2 Halaman Home
Halaman home merupakan halaman pertama kali yang muncul ketika masuk ke dalam Website Toko Mebel. Terdapat view produk baru dan kategori mebel. Tampilan halaman ini ditunjukkan pada Gambar 4.37.
Gambar 4.37 Tampilan Halaman Home
4.3.2.2.3 Halaman Meuble
Halaman meuble merupakan halaman untuk melihat, produk- produk Toko Mebel Melati berupa produk Mebel. Dapat juga dilihat berdasarkan kategori. Tampilan halaman ini ditunjukkan pada Gambar 4.38.
Gambar 4.38 Tampilan Halaman Meuble 4.3.2.2.4 Halaman Desain
Halaman desain seperti Gambar 4.39 merupakan halaman untuk menampilkan desain yang telah dibuat Toko Mebel Melati.
Dapat juga dilihat berdasarkan kategori seperti rumah dan interior.
51
Gambar 4.39 Tampilan Halaman Desain 4.3.2.2.5 Halaman Cara Pembayaran
Gambar 4.40 merupakan tampilan halaman cara pembayaran yang berisi bagaimana cara pembayaran dapat dilakukan.
Gambar 4.40 Tampilan Halaman Cara Pembayaran
4.3.2.2.6 Halaman About Melati Furniture & Interior
Gambar 4.41 merupakan tampilan dari halaman about melati furniture & Interior yang berisi tentang informasi seputar Toko Mebel Melati atau company profile.
Gambar 4.41 Tampilan Halaman About Melati Furniture & Interior 4.3.2.2.7 Halaman Syarat dan Ketentuan
Gambar 4.42 merupakan halaman syarat dan ketentuan yang berisi informasi tentang syarat dan ketentuan bertransaksi dengan Toko Mebel Melati.
53
Gambar 4.42 Tampilan Halaman Syarat dan Ketentuan 4.3.2.2.8 Halaman Hubungi Kami
Halaman hubungi kami seperti Gambar 4.43 berfungsi untuk mengirim pesan ke admin bagi pengunjung.
Gambar 4.43 Tampilan Halaman Hubungi Kami
4.3.2.2.9 Halaman FAQ
Halaman FAQ seperti Gambar 4.44 berisi tentang jawaban- jawaban dari pertanyaan yang sering diajukan tentang Toko Mebel Melati.
Gambar 4.44 Tampilan Halaman FAQ 4.3.2.2.10 Halaman Register
Gambar 4.45 merupakan tampilan halaman register untuk pengunjung yang ingin mengaktifkan fitur beli pada halaman produk online untuk bertransaksi.
55
Gambar 4.45 Tampilan Halaman Register 4.3.2.2.11 Halaman Member
Gambar 4.46 merupakan halaman member yang pertama kali muncul setelah pengunjung login atau klik nama member berfungsi menampilkan data barang, data pelanggan dan alamat pengiriman.
Gambar 4.46 Tampilan Halaman Member
4.3.2.2.12 Halaman Produk Online
Halaman produk online seperti Gambar 4.47 menampilkan produk-produk yang dijual secara online.
Gambar 4.47 Tampilan Halaman Produk Online 4.3.2.2.13 Halaman Lihat Produk
Halaman lihat produk seperti Gambar 4.48 merupakan tampilan penuh dari salah satu produk yang dipilih. Tampilan sama untuk keseluruhan produk online, meuble dan desain. Khusus pada halaman produk online terdapat fitur “Beli” yang hanya aktif ketika pengunjung sudah login untuk melakukan transaksi.
57
Gambar 4.48 Tampilan Halaman Lihat Produk 4.3.2.2.14 Halaman Belanjaan
Gambar 4.49 merupakan halaman yang menampilkan keranjang belanja atau sejumlah produk yang akan dibeli namun belum berencana melakukan pembayaran.
Gambar 4.49 Tampilan Halaman Belanjaan
4.3.2.2.15 Halaman Pengiriman
Halaman pengiriman seperti Gambar 4.50 adalah halaman yang meminta pengunjung untuk mengisi form alamat pengiriman setelah meakukan pembelanjaan.
Gambar 4.50 Tampilan Halaman Pengiriman 4.3.2.2.16 Halaman Konfirmasi Pemesanan
Halaman konfirmasi pemesanan seperti Gambar 4.51 merupakan halaman yang menginformasikan bahwa pemesanan telah diterima dan menyuruh pengunjung untuk melakukan pembayaran dengan total biaya yang ditampilkan.
Gambar 4.51 Tampilan Halaman Konfirmasi Pemesanan
59
4.4 Pengujian Sistem
Pengujian sistem ini merupakan pengujian yang dilakukan oleh pengguna (user) dan beberapa orang yang sering menggunakan sistem.
Pengujian berbentuk kuisioner yang diisikan oleh pengguna dengan pertanyaan beberapa point tentang sistem baik secara fungsionalitas maupun non fungsionalitas. Pengujian dilakukan untuk mengetahui kelayakan dari sistem yang sudah dibuat.
Kuisioner ini melibatkan 1 pegawai Toko Mebel Melati, 2 mahasiswa Teknik Informatika UIN Sunan Kalijaga Yogyakarta dan seorang mahasiswa Matematika Universitas Negeri Yogyakarta. Hasil dari kuisioner dilampirkan dalam lampiran A.
Pengujian sistem ini dilakukan dengan cara penguji memberikan nilai antara 1-5 pada kolom nilai sesuai jawaban dari masing-masing pertanyaan.
Pertanyaan yang diajukan kepada penguji sebagai berikut:
1) Bagaimana tampilan Website Toko Mebel Melati ini ? 1. Tidak menarik
2. Kurang menarik 3. Cukup menarik 4. Menarik
5. Sangat menarik
2) Apakah Website Toko Mebel Melati ini mudah dioperasikan?
1. Sulit digunakan 2. Cukup sulit
3. Cukup Mudah 4. Mudah digunakan
5. Sangat mudah digunakan
3) Apakah Website Toko Mebel Melati ini memberikan informasi proses bisnis pembelian dengan jelas?
1. Tidak jelas 2. Kurang jelas 3. Cukup jelas 4. Jelas
5. Sangat jelas
4) Apakah penanganan kesalahan (error handling) pada website ini sudah baik?
1. Tidak baik 2. Kurang baik 3. Cukup baik 4. Baik 5. Sangat baik
5) Apakah pengguna dapat dengan mudah mendapat informasi tata cara pembelian di website ini?
1. Tidak mudah 2. Kurang mudah 3. Cukup mudah 4. Mudah
5. Sangat mudah
61
Dari pengujian yang dilakukan oleh 1 pegawai Toko Mebel Melati (Munir, A.md), 2 mahasiswa Teknik Informatika UIN Sunan Kalijaga Yogyakarta (Agung Nur Hidayat, Amalia Ratna) dan seorang mahasiswa Matematika Universitas Negeri Yogyakarta (Dian Trendy Dwi P). seperti yang terlampir pada lampiran A didapatkan hasil:
1) Tampilan sistem
Tiga orang penguji menyatakan tampilan sistem “ sangat menarik”
dan ditunjukkan dengan penguji nomor satu, dua dan tiga. Sedangkan penguji nomor empat menyatakan bahwa tampilan sistem “menarik”.
Dari hasil penilaian menurut tampilan sistem bisa disimpulkan bahwa tampilan sistem “sangat menarik”.
2) Kemudahan pengoperasian
Tiga orang penguji menyatakan sistem “mudah digunakan” dan ditunjukkan dengan penguji nomor dua, tiga dan empat. Sedangkan penguji nomor satu menyatakan sistem “cukup mudah”. Dari hasil penilaian menurut kemudahan pengoperasian dapat disimpulkan bahwa sistem “mudah digunakan” dan dioperasikan.
3) Informasi proses bisnis pembelian
Tiga orang penguji menyatakan sistem “jelas” dalam memberikan informasi proses bisnis pembelian dan ditunjukkan dengan penguji nomor satu, tiga dan empat. Sedangkan penguji nomor dua menyatakan sistem “cukup jelas” dalam memberikan informasi proses bisnis pembelian. Hasil dari penilaian dari segi informasi proses bisnis
pembelian dapat disimpulkan bahwa sistem “jelas” dalam menyediakan informasinya.
4) Penanganan kesalahan (error handling)
semua orang penguji menyatakan sistem melakukan dengan “baik”
dalam penanganan kesalahan. Dari keempat pengujian bisa diambil kesimpulan bahwa sistem melakukan dengan “baik” dalam penanganan kesalahan.
5) Informasi tata cara pembelian
Dua orang penguji menyatakan bahwa pengguna “sangat mudah”
mendapatkan informasi tata cara pembelian dan dinyatakan oleh penguji nomor dua dan empat. Sedangkan penguji nomor satu dan tiga menyatakan pengguna “cukup mudah” mendapatkan informasi tata cara pembelian. Dari hasil pengujian dapat disimpulkan pengguna
“cukup mudah” mendapatkan informasi tata cara pembelian.
59 BAB V
KESIMPULAN DAN SARAN
5.1. Kesimpulan
a. Sistem ini telah dibangun sesuai dengan permintaan dan kebutuhan Toko Mebel Melati.
b. Sistem ini mampu membantu pemasaran dengan katalog produk dan membantu dalam penjualan beberapa produk di Toko Mebel Melati.
5.2. Saran
a. Website ini hanya meliputi pengkatalogan dan penjualan produk Toko Mebel Melati. Untuk pengembangannya diharapkan bisa mengolah data perkreditan Toko Mebel Melati.
b. Website ini dapat lebih dikembangkan untuk dapat digabung dengan katalog Toko Besi Amanah.
c. Tampilan antar muka dibuat menarik lagi agar lebih menarik user.
d. Website ini dapat memberikan fasilitas pengaturan personalisasi menu-menu.
Kadir, Abdul. 2009. “Membuat Aplikasi Web dengan PHP + Database MySQL”.
Yogyakarta: Penerbit Andi
Ma`arif, Muhammad Rifki. 2009. “Sistem Informasi Manajemen Keuangan dengan Arsitektur MVC (model-view-controler) di SMK Negeri 2 Temanggung”. Yogyakarta : Fakultas Sains dan Teknologi UIN Sunan Kalijaga
Nucifera, Mardiana Emy. 2011. Sistem Informasi Penjualan Toko Famili Purwokerto. UIN Sunan Kalijaga : Yogyakarta
Nugroho. B. 2004. “Database Relational Dengan MySQL”. Yogyakarta: Penerbit Andi
Pressman, Roger. S. 2002. “Rekayasa Perangkat Lunak, edisi I” (diterjemahkan oleh Harnaningrum, LN.). Yogyakarta: Penerbit Andi.
Putranta, H.D. 2004. “Pengantar Sistem dan Teknologi Informasi”. Yogyakarta:
AMUS
Supriyanto, A. 2005. “Pengantar Teknologi Informasi”. Jakarta: Salemba Infotek
LAMPIRAN
KRS PENGAMBILAN MATA KULIAH KERJA PRAKTEK