BAB V HASIL DAN PEMBAHASAN A. Analisis Sistem Tujuan dari

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