BAB IV PEMBAHASAN 4.1 Implementasi Tahap implementasi menerangkan mengenai hasil dan bentuk aplikasi yang bertujuan memudahkan dalam penggunaan aplikasi sistem informasi berbasis web penjualan sparepart motor pada toko arizka. Berikut ini beberapa perangkat keras dan perangkat lunak komputer yang dibutuhkan dalam mengimplementasikan aplikasi sistem informasi berbasis web penjualan sparepart motor pada toko arizka ini : 4.1.1 Kebutuhan Hardware dan Software Menjalankan Aplikasi 1.Hardware : 1. Minimal Processor Pentium III 450 MHz. 2. Minimal Memory 128 MB 3. Minimal Hardisk 20 GB 4. Mouse dan Keyboard 5. Monitor 2.Software : 1. Windows atau Linux 46
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
BAB IV
PEMBAHASAN
4.1 Implementasi
Tahap implementasi menerangkan mengenai hasil dan bentuk
aplikasi yang bertujuan memudahkan dalam penggunaan aplikasi sistem
informasi berbasis web penjualan sparepart motor pada toko arizka. Berikut
ini beberapa perangkat keras dan perangkat lunak komputer yang dibutuhkan
dalam mengimplementasikan aplikasi sistem informasi berbasis web
penjualan sparepart motor pada toko arizka ini :
4.1.1 Kebutuhan Hardware dan Software Menjalankan Aplikasi
1. Hardware :
1. Minimal Processor Pentium III 450 MHz.
2. Minimal Memory 128 MB
3. Minimal Hardisk 20 GB
4. Mouse dan Keyboard
5. Monitor
2. Software :
1. Windows atau Linux
2. XAMPP versi 1.7.1
4.2 Penjelasan Aplikasi
Dalam penjelasan aplikasi ini dijelaskan bagaimana cara
mengunakan aplikasi yang disertai dengan tampilan desain. Berikut ini
tampilan – tampilan halaman yang ada dalam aplikasi ini :
46
47
4.2.1 Halaman Menu Aplikasi User
Dalam halaman menu user akan ditampilkan menu yang dapat diakses oleh
user. Berikut halaman – halaman pada menu user :
4.2.1.1 Halaman Menu Home
Berisi halaman utama aplikasi ini. Berikut tampilannya :
Gambar 4.1 Halaman Menu Home
4.2.1.2 Halaman Menu Profil Toko
Berisi informasi profil toko arizka. Berikut tampilannya :
Gambar 4.2 Halaman Menu Profil Toko
48
4.2.1.3 Halaman Menu Cara Pemesanan
Pada halaman ini berisi informasi cara pemesanan dan pembayaran untuk
melakukan transaksi. Berikut tampilannya :
Gambar 4.3 Halaman Menu Cara Pemesanan
4.2.1.4 Halaman Menu Daftar Produk
Pada halaman ini ditampilkan seluruh produk yang dijual oleh toko
arizka. Berikut tampilannya :
Gambar 4.4 Halaman Menu Daftar Porduk
49
Skrip PHP menampilkan daftar porduk :
# Memampilkan Data$sql = "SELECT * FROM barang,merk WHERE barang.Kd_Merk=merk.Kd_Merk ORDER BY Kd_Barang DESC LIMIT $offset,$dataPerPage";$qry = mysql_query($sql, $koneksi) or die("SQL Error !!".mysql_error());while($data=mysql_fetch_array($qry)){# Memanggil Fungsi Harga, Harga Diskon serta Tombol Tersedia dan Habisinclude "Diskon_Tombol.php";
Modul 4.1 Skrip Menampilkan Daftar Produk
4.2.1.5 Halaman Menu Detail Produk
Pada halaman ini ditampilkan detail produk yang ingin dilihat detailnya oleh
user. Berikut tampilannya :
Gambar 4.5 Halaman Detail Produk
4.2.1.6 Halaman Menu Berita
Pada halaman ini menampilkan berita yang diposting oleh admin. Berikut
tampilannya:
50
Gambar 4.6 Halaman Menu Berita
Skrip PHP menampilkan berita :
# Menampilkan data berita$sql = "SELECT * FROM berita ORDER BY Id_Berita DESC LIMIT $offset, $dataPerPage"; $qry = mysql_query($sql, $koneksi) or die("SQL Error !!".mysql_error()); while($data = mysql_fetch_array($qry)){ $tanggal = tgl_indo($data['Tanggal']); $isi_berita = htmlentities(strip_tags($data['Isi_Berita'])); // tag html dihilangkan // Membuat Read More $isi = substr($isi_berita,0,200); // Jumlah karakter yang dipotong $isi = substr($isi_berita,0,strrpos($isi," ")); // Memotong per spasi kalimat
Modul 4.2 Skrip Menampilkan Berita
4.2.1.7 Halaman Detail Berita
Pada halaman ini menampilkan detail berita lengkap yang ingin dibaca
oleh user. Berikut tampilan hasil analisa :
51
Gambar 4.7 Halaman Detail Berita
4.2.1.8 Halaman Menu Buku Tamu
Pada halaman ini merupakan tampilan isi buku tamu bagi user yang ingin
komentar pada web ini. User mengisi data buku tamu,jika data benar
maka akan direct ke halaman daftar tamu dan ada pesan komentar akan
muncul setalah dikonfirmasi admin. Berikut tampilannya :
// Menginputkan Data Ke Database $sql = "INSERT INTO buku_tamu(Nama,Email,Komentar,Hari,Tanggal,Jam,Status,No_IP) VALUES ('$TxtNama','$TxtEmail','$TxtKomentar','$hari_ini','$tgl_sekarang','$jam_sekarang','No','$NOIP')"; $qry = mysql_query($sql, $koneksi) or die("SQL Error !!".mysql_error());
}elseif (empty($TxtPassword)) { echo "<span class='session'><div align=center>PASSWORD BELUM DIISI</div></span>";
include "index.php";exit;
}elseif (!ctype_alnum($TxtUsername) OR !ctype_alnum($TxtPassword)){ echo "<span class='session'><div align=center>INPUTAN ANDA TIDAK VALID</div></span>"; include "index.php";
exit;}else{$sql = "SELECT * FROM administrator WHERE Username='$TxtUsername' AND Password='$TxtPassword'";$qry = mysql_query($sql, $koneksi) or die("SQL Error !!".mysql_error());$cek_ada = mysql_num_rows($qry);$row = mysql_fetch_array($qry);
# Apabila username dan password ditemukanif ($cek_ada > 0){ session_set_cookie_params(0,"/","",false,true); // proteksi cookies dengan flag httpOnly session_start(); include "../Include/Timeout.php"; session_register ("SES_USERNAME_ADMIN"); session_register ("SES_PASSWORD_ADMIN"); session_register ("SES_NAMA_ADMIN"); $_SESSION['SES_USERNAME_ADMIN'] = $row['Username']; $_SESSION['SES_PASSWORD_ADMIN'] = $row['Password']; $_SESSION['SES_NAMA_ADMIN'] = $row['Nama']; # session timeout $_SESSION['SES_LOGIN_ADMIN'] = 1; timer();
$sql = "UPDATE administrator SET Id_Session='$id_ses_baru', Last_Login_IP='$NOIP' WHERE Username='$TxtUsername'";
61
$qry = mysql_query($sql, $koneksi) or die("SQL Error !!".mysql_error()); echo "<script>alert('Selamat Datang, Anda Berhasil Login');window.location.href='../A_KontrolPanel/Page.php';</script>";}else{ echo "<span class='session'><div align=center>!! LOGIN GAGAL !! <br> !! USERNAME DAN PASSWORD ADMIN TIDAK COCOK !! </div></span>"; include "index.php"; exit;}}?>
Modul 4.7 Skrip Login Admin
4.2.2.2 Halaman Cek Tamu
Pada halaman ini untuk cek data tamu yang komentarnya akan ditampilkan
Modul 4.9 Skrip Ubah Password4.2.2.5 Halaman Daftar Pemesanan
Pada halaman ini berfungsi untuk mengubah satatus pemesanan. Berikut
tampilannya :
Gambar 4.19 Halaman Daftar Pemesanan
Skrip PHP mengubah status pemesanan:
if($CmbStatus == "Lunas"){ // Mengurangi Stok Barang $sql = "UPDATE barang, pemesanan_detail SET barang.Stok = barang.Stok - pemesanan_detail.Jumlah
WHERE barang.Kd_Barang = pemesanan_detail.Kd_Barang AND pemesanan_detail.No_Transaksi='$TxtKodeH'";
mysql_query($sql, $koneksi) or die("SQL Error !!".mysql_error());
// Menambah Jumlah Barang Yang Dibeli ( Untuk Produk Terlaris ) $sql2 = "UPDATE barang, pemesanan_detail SET barang.Jumlah_Dibeli = barang.Jumlah_Dibeli + pemesanan_detail.Jumlah
WHERE barang.Kd_Barang = pemesanan_detail.Kd_Barang AND pemesanan_detail.No_Transaksi='$TxtKodeH'";
mysql_query($sql2, $koneksi) or die("SQL Error !!".mysql_error());
// Mengubah Status Pemesanan
65
$sql3 = "UPDATE pemesanan SET Status_Pemesanan = '$CmbStatus' WHERE No_Transaksi = '$TxtKodeH'";
mysql_query($sql3, $koneksi) or die("SQL Error !!".mysql_error());
WHERE barang.Kd_Barang = pemesanan_detail.Kd_Barang AND pemesanan_detail.No_Transaksi='$TxtKodeH'";
mysql_query($sql, $koneksi) or die("SQL Error !!".mysql_error());
// Mengurangi Jumlah Barang Yang Dibeli ( Untuk Produk Terlaris ) $sql2 = "UPDATE barang, pemesanan_detail SET barang.Jumlah_Dibeli = barang.Jumlah_Dibeli - pemesanan_detail.Jumlah
WHERE barang.Kd_Barang = pemesanan_detail.Kd_Barang AND pemesanan_detail.No_Transaksi='$TxtKodeH'";
mysql_query($sql2, $koneksi) or die("SQL Error !!".mysql_error()) $sql3 = "UPDATE pemesanan SET
Status_Pemesanan = '$CmbStatus' WHERE No_Transaksi = '$TxtKodeH'";
mysql_query($sql3, $koneksi) or die("SQL Error !!".mysql_error()); echo "<script>alert('Pemesanan Ini Telah
Dibatalkan');window.location.href='Page.php?page=daftar-pemesanan';</script>"; } else{ $sql4 = "UPDATE pemesanan SET Status_Pemesanan = '$CmbStatus' WHERE No_Transaksi = '$TxtKodeH'";
mysql_query($sql4, $koneksi) or die("SQL Error !!".mysql_error()); echo "<script>alert('Status Pemesanan Telah
Berhasil Diubah');window.location.href='Page.php?page=daftar-pemesanan';</script>";
Modul 4.10 Skrip Mengubah Status Pemesanan
4.2.2.6 Halaman Laporan Transaksi Per Nomor Transaksi
66
Pada halaman ini menampilkan penjualan barang yang lunas per nomor
transaksi. Berikut tampilannya :
Gambar 4.20 Halaman Laporan Per Nomor Transaki
4.2.2.7 Halaman Laporan Transaksi Per Periode
Pada halaman ini menampilkan laporan penjualan barang per periode .
Berikut tampilannya :
Gambar 4.21 Halaman Laporan Transaksi Per Periode
4.2.2.8 Halaman Form Kategori
Halaman ini menampilkan form kategori yang berfungsi untuk manambah
atau mengubah data kategori. Berikut tampilannya :
67
Gambar 4.22 Halaman Form Kategori
Skrip PHP menyimpan data kategori :
$sql = "INSERT INTO kategori (Kd_Kategori,Nama_Kategori,Nama_Kategori_Seo,Keterangan)
or die("SQL Error !!".mysql_error()); echo "<script>alert('Data Barang Telah Berhasil Disimpan');window.location.href='Page.php?page=tambah-barang';</script>";
or die("SQL Error !!".mysql_error()); echo "<script>alert('Data Barang Telah Berhasil Diubah');window.location.href='Page.php?page=ubah-barang';</script>";
Modul 4.16 Skrip Mengubah Data Barang
73
4.2.2.15 Halaman Daftar Barang
Pada menampilkan data barang yang tersimpan dalam database. Berikut
tampilannya :
Gambar 4.29 Halaman Daftar Barang
4.2.2.16 Halaman Laporan Barang
Pada menampilkan laporan data barang. Berikut tampilannya :
Gambar 4.30 Halaman Laporan Barang
4.2.2.17 Halaman Form Kota
74
Halaman ini menampilkan form kota yang berfungsi untuk manambah atau
mengubah data kota untuk ongkos kirim. Berikut tampilannya :
Gambar 4.31 Halaman Form Kota
Skrip PHP menyimpan data kota :
$sql = "INSERT INTO Kota (Kd_Kota,Nama_Kota,Ongkos_Kirim)
VALUES ('$TxtKodeH','$TxtKota','$TxtOngkos')";
mysql_query($sql, $koneksi) or die ("SQL Error !!".mysql_error());
echo "<script>alert('Data Kota Telah Berhasil Disimpan');window.location.href='Page.php?page=tambah-kota';</script>";
Modul 4.17 Skrip Menyimpan Data Kota
Skrip PHP mengubah data kota :
$sql = "UPDATE kota SET Nama_Kota = '$TxtKota',Ongkos_Kirim = '$TxtOngkos'
WHERE Kd_Kota = '$TxtKodeH'"; mysql_query($sql, $koneksi) or die ("SQL Error !!".mysql_error());
echo "<script>alert('Data Kota Telah Berhasil Diubah');window.location.href='Page.php?page=ubah-kota';</script>";
75
Modul 4.18 Skrip Mengubah Data Kota
4.2.2.18 Halaman Daftar Kota
Pada menampilkan data kota pegiriman yang tersimpan dalam database.
Berikut tampilannya :
Gambar 4.32 Halaman Daftar Kota
4.2.2.19 Halaman Laporan Kota
Pada menampilkan laporan data kota. Berikut tampilannya :
Gambar 4.33 Halaman Laporan Kota
4.2.2.20 Halaman Form Berita
76
Halaman ini menampilkan form berita yang berfungsi untuk manambah atau
mengubah data berita. Berikut tampilannya :
Gambar 4.34 Halaman Form Berita
Skrip PHP menyimpan data berita :
// Menginputkan Data Ke Database
$sql = "INSERT INTO berita (Judul,Judul_Seo,Isi_Berita,Hari,Tanggal,Jam,Posted)
mysql_query($sql, $koneksi) or die ("SQL Error !!".mysql_error());
echo "<script>alert('Berita Telah Berhasil Disimpan');window.location.href='Page.php?page=tambah-berita';</script>";
Modul 4.19 Skrip Menyimpan Data Berita
Skrip PHP mengubah data berita :
// Mengubah Data Ke Database
$sql = "UPDATE berita SET Judul = '$TxtJudul',Judul_Seo='$Judul_SEO',Isi_Berita = '$TxtBerita',Hari='$hari_ini',Tanggal = '$tgl_sekarang',
77
Jam = '$jam_sekarang' WHERE Id_Berita = '$Kd_Berita'";
mysql_query($sql, $koneksi) or die ("SQL Error !!".mysql_error());
echo "<script>alert('Berita Telah Berhasil Diubah');window.location.href='Page.php?page=ubah-berita';</script>";
Modul 4.20 Skrip Mengubah Data Berita
4.2.2.21 Halaman Daftar Berita
Pada menampilkan data berita yang tersimpan dalam database. Berikut
tampilannya :
Gambar 4.35 Halaman Daftar Berita
4.3 Pengujian Aplikasi
Dalam pengujian penggunaan aplikasi sistem informasi berbasis web penjualan
sparepart motor pada toko arizka ini telah diuji oleh 20 user. Kemudian diamati
mengenai kelayakan dalam aplikasi ini dengan format form seperti yang ada
dibawah ini :
78
Kuisinoner
Aplikasi Sistem Informasi Berbasis Web Penjualan Sparepart
Motor Pada Toko Arizka
Nama :
Pekerjaan :
Di bawah ini beberapa pertanyaan mengenai “Aplikasi Sistem Informasi
Berbasis Web Penjualan Sparepart Motor Pada Toko Arizka”. Berilah jawaban
dengan memberikan tanda silang (X) sesuai dengan pendapat anda.
Pilihan jawaban SB = “ Sangat Baik “
Pilihan jawaban B = “ Baik “
Pilihan jawaban C = “ Cukup ”
Pilihan jawaban K = “ Kurang “
Bagaimana tanggapan anda mengenai kelayakan aplikasi sistem informasi
berbasis web penjualan sparepart motor pada toko arizka ?
No Uraian SB B C K
1. Bentuk Tampilan
2. Kemudahan Penggunaan
3. Tulisan (Penggunaan Huruf)
4. Bahasa yang Digunakan
5. Tata Letak
6. Kesesuaian Gambar
7. Proses Pemesanan Produk
79
4.3.1 Rekapitulasi Hasil Kuisioner
Setelah dilakukan pengujian aplikasi ini didapatkan hasil
rekapitulasi penilaian dari 20 user terhadap kelayakan aplikasi sistem
informasi berbasis web penjualan sparepart motor pada toko arizka yang
ditunjukkan dalam tabel dibawah ini :
Tabel 4.1 Rekapitulasi Hasil Kuisioner Kelayakan Aplikasi
No. Uraian SB B C K1 Bentuk Tampilan 3 17 - -2 Kemudahan Penggunaan 4 13 3 -3 Tulisan (Penggunaan Huruf) 5 13 2 -4 Bahasa Yang Digunakan 2 16 2 -5 Tata Letak 12 7 1 -6 Kesesuaian Gambar 6 13 1 -7 Proses Pemesanan Produk 10 10 - -
Jumlah 42 89 9 0
4.3.2 Diagram Hasil Rekapitulasi
Dalam diagram ini ditunjukan diagram per uraian hasil dari
rekapitulasi kuisioner dan diagram kepuasan user. Yang digambarkan dalam
diagram–diagram dibawah ini :
4.3.2.1 Diagram Hasil Rekapitulasi Per Uraian
1. Diagram Bentuk Tampilan
Gambar 4.36 Diagram Bentuk Tampilan
80
2. Diagram Kemudahan Penggunaan
Gambar 4.37 Diagram Kemudahan Penggunaan
3. Diagram Tulisan (Penggunaan Huruf)
Gambar 4.38 Diagram Tulisan (Penggunaan Huruf)
4. Diagram Bahasa Yang Digunakan
Gambar 4.39 Diagram Bahasa Yang Digunakan
81
5. Diagram Tata Letak
Gambar 4.40 Diagram Tata Letak
6. Diagram Kesesuaian Gambar
Gambar 4.41 Diagram Kesesuaian Gambar
7. Diagram Proses Pemesanan Produk
Gambar 4.42 Proses Pemesanan Produk
82
Keterangan Diagram :
SB : Sangat Baik
B : Baik
C : Cukup
K : Kurang
4.3.2.1 Diagram Kepuasan User Hasil Kuisioner
Dalam diagram ini ditunjukan presentase kepuasan user dalam
pengujian dan penggunaan aplikasi sistem informasi berbasis web
penjualan sparepart motor pada toko arizka. Yang digambarkan dalam