BAB V HASIL DAN PEMBAHASAN
A. Analisis Sistem Tujuan dari analisis sistem adalah memberikan pelayanan kebutuhan informasi kepada fungsi menejerial di dalam pengendalian pelaksanaan kegiatan operasional perusahaan. Berdasarkan observasi yang telah dilakukan di toko haps computer memiliki alur kerja saat pembeli sparepart yaitu dari pelanggan datang yang kemudian dilayani oleh CS (Customer Service) untuk menanyakan tentang jenis sparepart yang akan diinginkan. Kemudian pelanggan akan mencari perhiasan yang akan diinginkannya dan di serahkan kepada CS yang kemudian dilakukan pembayaran dikasir. Namun dengan sistem yang telah berjalan ini CS sering mengalami kesulitan yaitu pada saat menentukan harga sparepart karena CS harus menghafal harga dari masing–masing jenis sparepart. Dan tak jarang juga tahap ini dilimpahkan kebagian administrasi. Hal ini sangat tidak efektif. Dari hasil analisis yang dilakukan pada penelitian ini maka dihasilkan suatu Rancang bangun sistem informasi penjualan sparepart laptop berbasis android untuk membantu kinerja petugas yaitu CS dan administrasi serta memberikan pelayanan yang lebih mudah kepada pelanggan. B. Analisis kebutuhan Rancang bangun sistem informasi penjualan sparepart laptop berbasis android ini memiliki beberapa kebutuhan dalam proses penerapanya:
RANCANG BANGUN SISTEM ..., HAPPY PERDANA, F.TEKNIK UMP 2017
1.
Kebutuhan Hardware Hardware yang digunakan dalam implementasi sistem adalah : a. Seperangkat
personal
komputer
dengan
spesifikasi
yang
memadai,personal komputer tersebut digunakan untuk mengubah atau mengedit aplikasi. b. SmartPhone android minimal versi 4.0 yang akan di gunakan untuk menjalankan aplikasi. 2.
Kebutuhan Software Software yang di gunakan dalam implementasi sistem adalah : a. Mysql minimal versi 6, digunakan sebagai database. b. Dreamwaever cs 5, untuk merubah tampilah tema. c. Eclipe, untuk membuat aplikasi. d. Xampp, sebagai server. e. Google Chrome, untuk proses pengolahan admin
3.
Kebutuhan User User disini maksudnya adalah Customer Service (CS) dan petugas gudang sebagai pengguna aplikasi mobile, sedangkan administrasi sebagai pengguna pada web servernya.
C. Perancangan Objek Perancangan objek ini meliputi perancangan database yang telah di implementasikan pada sistem informasi aplikasi sistem informasi penjualan sparepart
laptop
berbasis
android,
perancangan
desain
antarmuka
penggunaan sistem telah diimplementasikan dan perancangan laporan.
RANCANG BANGUN SISTEM ..., HAPPY PERDANA, F.TEKNIK UMP 2017
1. Perancangan Database Perancangan database dilakukan dengan mengacu hasil dari pengumpulan data yang telah dianalisis. Kemudian dilakukan pembuatan gambaran umum dari relasi antar tabel yang akan dibuat (diagram relasi) dan sekaligus menerapkan konsep normalisasi database, sehinga dengan database yang handal akan tercipta aplikasi yang stabil dan cepat. Berikut adalah tabel rancangan database : a. Relasi Antar Tabel Relasi tabel digunakan untuk menunjukkan hubungan antar tabel di dalam database yang saling terkait. Relasi antar tabel dapat dilihat pada Gambar 11.
Gambar 11. Relasi Antar Tabel Sistem Informasi Penjualan Sparepart Laptop.
b. Struktur Tabel 1) Tabel Rancangan Database Kategori Tabel rancangan database kategori untuk sistem informasi penjualan sparepart laptop dapat dilihat pada Tabel 1.
RANCANG BANGUN SISTEM ..., HAPPY PERDANA, F.TEKNIK UMP 2017
Nama filed
Tabel 1. Kategori. Tipe data Panjang
Keterangan
Kdkategori
Int
11
Kdkategori
Kategori
Varchar
100
Kategori
2) Tabel Rancangan Database Barang Berikut adalah tabel rancangan database barang untuk aplikasi sistem informasi penjualan sparepart laptop, dapat dilihat pada Tabel 2.
Nama field Kd_kbarang Nm_barang Hrg_barang Stok deskripsi gambar Kdkategori Kd_merk
Tabel 2. Barang. Tipe data Panjang Varchar Varchar Int Int Text Varchar Int Int
10 100 11 11 100 100 11 11
Keterangan Kode barang Nama barang Harga barang Stok Text Gambar Kode kategori Kode merek
3) Tabel Rancangan Database Member Berikut adalah tabel rancangan database member untuk aplikasi sistem rancang bangung sistem penjualan sparepart laptop, dapat dilihat pada Tabel 3.
Nama field Kdmember Nm_member jk No_tlp Email password
Tabel 3. Member. Tipe data Panjang Int 11 Varchar 100 Varchar 20 Varchar 20 Varchar 100 Varchar 100
Keterangan Primary key Nama Jenis kelamin No telepon email password
RANCANG BANGUN SISTEM ..., HAPPY PERDANA, F.TEKNIK UMP 2017
4) Tabel Rancangan Database Pemesanan Berikut adalah tabel rancangan database pemesanan untuk aplikasi sistem rancang bangung sistem penjualan sparepart laptop, dapat dilihat pada Tabel 4. Tabel 4. Pemesanan. Nama field Kd_pemesanan Tgl_pemesanan Kd_mmber status Jml_bayar Status Member
Tipe data Int Date Int Varchar Int Varchar Varchar
Panjang Keterangan 11 Primary key Tanggal pemesanan 11 Kode member 50 Status 11 Subtotal 50 Status 100 Member
5) Tabel Rancangan Database Admin Berikut adalah tabel rancangan database admin untuk aplikasi sistem informasi penjualan sparepart laptop, dapat dilihat pada Tabel 5. Tabel 5. Admin. Nama field Kd_admin Nama Email Password
Tipe data Int Varchar Varchar Varchar
Panjang 11 100 100 100
Keterangan Kduser Nama Email Password
2. Perancangan Tampilan Aplikasi Aplikasi ini di implementasikan dalam tampilan program yaitu sebagai berikut. a. Perancangan Forum Login Admin
RANCANG BANGUN SISTEM ..., HAPPY PERDANA, F.TEKNIK UMP 2017
Form login admin adalah form yang digunakan untuk masuk ke dalam sistem dengan memasukan username dan password, seperti pada Gambar 12. Masukan Username Masukan Password Masuk
Gambar 12. Rancangan Form Login Admin. b. Rancangan Halaman Menu Utama Halaman menu utama berisi 5 menu yaitu Kategori, Produk, Member, Pesanan dan Penjualan. Menu Kategori berisi data kategori produk, Sedangkan pada menu produk berisi data detail produk, pada menu member berisi informasi tentang data member, pada menu pesanan berisi data pesanan yang masuk
dan pada menu
penjualan berisi data penjualan yang masuk, seperti pada Gambar 13.
Dashbord
Logout
Produk Member
SELAMAT DATANG DIHALAMAN ADMINISTRATOR HAPS COMPUTER
pesanan Penjualan
Gambar 13. Rancangan Halaman Menu Utama
RANCANG BANGUN SISTEM ..., HAPPY PERDANA, F.TEKNIK UMP 2017
c. Rancangan Halaman Kategori Pada halaman kategori digunakan untuk melihat data kategori dan tambah kategori, seperti pada Gambar 14.
Produk
Tambah Kategori
Kategori
Logout Cari
Tabel Data
Member pesanan Penjualan
Gambar 14. Rancangan Halaman Kategori d. Rancangan Halaman member Halaman member digunakan untuk melihat data member atau customer baru , seperti pada Gambar 15.
Kategori Cari
Barang Member
Tabel Data
pesanan Penjualan
Gambar 15. Rancangan Halaman Member.
RANCANG BANGUN SISTEM ..., HAPPY PERDANA, F.TEKNIK UMP 2017
e. Rancangan Halaman Produk Halaman barang digunakan untuk melihat data produk yang ada dan tambah produk, seperti pada Gambar 16. Header Kategori
Tambah Produk
Produk
Cari
Member
Tabel Data Barang
pesanan Penjualan
Gambar 16. Rancangan Halaman Produk.
f. Rancangan Halaman Pesanan Halaman pesanan digunakan untuk melihat data pesanan yang masuk, seperti pada Gambar 17.
Kategori Produk Member
Cari Tabel Data Pesanan
Pesanan Penjualan
Gambar 17. Rancangan Halaman Pesanan.
RANCANG BANGUN SISTEM ..., HAPPY PERDANA, F.TEKNIK UMP 2017
g. Rancangan Halaman Penjualan Halaman penjualan digunakan untuk melihat data penjualan yang di simpan, seperti pada Gambar 18.
Kategori Barang
Cari
Member
Tabel Data Penjualan
Pesanan Penjualan
Gambar 18. Rancangan Halaman Penjualan 3. Implementasi Aplikasi a. Tampilan Halaman Web Untuk Login Admin Tampilan web untuk login admin, sebelum admin memulai input data, admin diharuskan login terlebih dahulu dengan memasukan username dan password, Seperti pada Gambar 19.
Gambar 19. Tampilan Halaman Web Untuk Login Admin.
RANCANG BANGUN SISTEM ..., HAPPY PERDANA, F.TEKNIK UMP 2017
b. Tampilan Halaman Web Untuk Menu Utama Admin Tampilan halaman web untuk menu utama admin, berisi menu Kategori, Produk, Member, pesanan dan penjualan, seperti pada Gambar 20.
G a m b a r 1 Gambar 20. Tampilan Halaman Web untuk Menu Utama Admin. c. Tampilan Halaman Web Untuk Menu Kategori Tampilan halaman web untuk menu Kategori admin, berisi menu tambah kategori dan data kategori yang telah di input, seperti pada Gambar 21.
Gambar 21. Tampilan Halaman Web Untuk Menu Kategori.
RANCANG BANGUN SISTEM ..., HAPPY PERDANA, F.TEKNIK UMP 2017
d. Tampilan Halaman Web Untuk Menu Produk Tampilan halaman web untuk menu Barang pada admin, berisi tabel data tambah barang, terdapat data customer yang sudah ada, seperti pada Gambar 22.
G a m b a r 1 6 . Gambar 22. Tampilan Halaman Web Untuk Menu Produk. e. Tampilan Halaman Web Untuk Menu Member Tampilan halaman web untuk menu Member pada admin, berisi terdapat data customer yang sudah ada seperti pada Gambar 23.
1 7 .
Gambar 23. Tampilan Halaman Web Untuk Menu Member
RANCANG BANGUN SISTEM ..., HAPPY PERDANA, F.TEKNIK UMP 2017
f. Tampilan Halaman Web Untuk Menu Pesanan Tampilan halaman web untuk menu Pesanan pada admin, berisi data pesanan yang belum dibayar dan detail pesanan, seperti pada Gambar 24.
Gambar 24. Tampilan Halaman Web Untuk Menu Pesanan. g. Tampilan Halaman Web Untuk Menu Penjualan Tampilan halaman web untuk menu Penjualan pada admin, terdapat data transaksi penjualan yang masuk,
seperti pada
Gambar 25.
Gambar 25. Tampilan Halaman Web Untuk Menu Penjualan.
RANCANG BANGUN SISTEM ..., HAPPY PERDANA, F.TEKNIK UMP 2017
h. Tampilan Untuk Menu Utama User Tampilan
halaman menu login user pada Toko Haps
Computer, untuk login user menggunakan username, seperti pada Gambar 26.
Gambar 26. Tampilan menu login. i. Tampilan Halaman Menu Utama Tampilan pada menu utama terdapat beberapa menu yaitu produk, registrasi, login, konfirmasi, petunjuk penggunaan, keluar seperti pada Gambar 27.
Gambar 27. Tampilan Menu Utama.
RANCANG BANGUN SISTEM ..., HAPPY PERDANA, F.TEKNIK UMP 2017
j. Tampilan Halaman Isi Menu Produk Tampilan pada informasi menu produk berisi detail informasi untuk menampilkan kategori sparepart, seperti pada Gambar 28.
Gambar 28. Tampilan informasi menu Produk
RANCANG BANGUN SISTEM ..., HAPPY PERDANA, F.TEKNIK UMP 2017
k. Tampilan Halaman Menu Detail Merek Tampilan pada informasi menu merek berisi detail informasi untuk menampilkan kategori sparepart, seperti pada Gambar 29.
Gambar 29. Tampilan Menu Detail Merek l. Tampilan Halaman Menu Detail Produk Tampilan pada informasi menu barang berisi untuk melihat rincian detail produk dan pesan, seperti pada Gambar 30.
RANCANG BANGUN SISTEM ..., HAPPY PERDANA, F.TEKNIK UMP 2017
Gambar 30. Tampilan menu Detail Produk. m. Tampilan Halaman Menu total pembayaran Tampilan pada informasi menu total pembayaran berisi untuk melihat rincian detail pembayaran, seperti pada Gambar 31.
Gambar 31. Tampilan menu Total Pembayaran.
RANCANG BANGUN SISTEM ..., HAPPY PERDANA, F.TEKNIK UMP 2017
n. Tampilan Halaman Menu data penerima Tampilan pada informasi data penerima pelanggan berisi untuk melihat rincian detail pembayaran, seperti pada Gambar 32.
Gambar 32. Tampilan menu Data penerima. o. Tampilan Halaman form petunjuk transfer Tampilan pada informasi petunjuk transfer pembayaran berisi untuk melihat rincian detail pembayaran, seperti pada Gambar 33.
RANCANG BANGUN SISTEM ..., HAPPY PERDANA, F.TEKNIK UMP 2017
Gambar 33. Tampilan form petunjuk transfer
RANCANG BANGUN SISTEM ..., HAPPY PERDANA, F.TEKNIK UMP 2017
