bab iv - repo.darmajaya.ac.idrepo.darmajaya.ac.id/678/9/10.bab iv.pdf · use case adalah...
TRANSCRIPT
BAB IV
HASIL PENELITIAN DAN PEMBAHASAN
4.1 Perancangan Sistem Yang Berjalan
Berikut akan dijelaskan hasil analisis sistem yang sedang berjalan dari sistem
informasi inventory pada PT TIV Lampung.
4.1.1 Prosedur penjualan inventory / barang
Prosedur penjualan yang berjalan dijelaskan pada tahapan-tahapan
dibawah ini :
Jika ada pemesanan barang dari pelanggan, sales mencatatnya pada
form pemesanan barang
Kemudian form pemesanan di serahkan ke admin.
Admin menginputkan pemesanan dan mencetak purchase order
(PO).
Bagian gudang menyiapkan barang berdasarkan PO.
Kemudian bagian distribusi mengirimkan barang ke pelanggan dan
meminta tanda tangan PO ke pelanggan sebagai bukti pengiriman
barang.
PO yang sudah di tanda tanggan pelanggan di kembalikan ke admin
untuk di arsipkan
32
Gambar 4.1 Activity Diagram barang keluar
4.1.2 Prosedur inventory / barang masuk.
Prosedur barang masuk yang berjalan dijelaskan pada tahapan-
tahapan dibawah ini :
Admin membuat form permintaan barang ke pabrik.
Pabrik mengirim barang sesuai dengan form permintaan barang.
Bagian gudang mengecek barang, jika sesuai dengan form
permintaan barang maka bagian gudang menandatanganinya
sebagai bukti barang sudah di terima.
Kemudian form permintaan yang sudah di tandatangani di serahkan
ke admin.
33
Gambar 4.2 Activity Diagram Barang Masuk
4.2 Perancangan Sistem yang diusulkan
Dalam bagian ini akan di deskripsikan perancangan dari sistem informasi
inventory yang akan digambarkan dalam use case diagram, activity diagram,
dan sequence diagram
4.2.1 Use Case Diagram
Use case adalah komponen-komponen utama yang menggerakan model
proses. Sebuah use case dapat didefinisikan sebagai satu bagian fungsionalitas
yang memberi seorang pengguna sebuah hasil berupa nilai. Semua
pengembangan use case dapat digabungkan kedalam sebuah model use case
yang menggambarkan fungsionalitas lengkap dari sistem. Model use case
dapat disamakan dengan spesifikasi fungsional dalam sebuah model proses
pengembangan perangkat lunak tradisional. Use case dikembangkan bersama
34
pengguna dan dibentuk didalam UML (Simarmata, 2010:80). Interaksi antara
aktor (pengguna sistem) dengan sistem dapat digambarkan dalam use case
diagram sebagai berikut :
Gambat 4.3 use case system yang diusulkan
4.2.2 Activity diagram
Activiy diagram digunakan untuk menggambarkan alur aktivitas dari tiap use
case. Activity diagram tidak membahas detail urutan proses, namun
memberikan gambaran umum bagaimana urutan prosesnya. Dikarenakan
perancangan proses dengan menggunakan activity diagram terlalu banyak jika
ditampilkan semua, maka di bab ini hanya ditampilkan contoh beberapa
activity diagram saja. Activity diagram yang lebih lengkap disertakan sebagai
lampiran
36
b. Activity Diagram Barang Masuk
Gambar 4.5 Activity Diagram Barang Masuk
4.2.3 Class Diagram
Class adalah sebuah spesifikasi yang jika diinstansiasi akan menghasilkan
sebuah objek dan merupakan inti dari pengembangan dan desain berorientasi
objek. Class menggambarkan keadaan (atribut/properti) suatu sistem, sekaligus
menawarkan layanan untuk memanipulasi keadaan tersebut (metoda/fungsi).
Class diagram menggambarkan struktur dan deskripsi class, package dan objek
beserta hubungan satu sama lain seperti containment, pewarisan, asosiasi, dan
lain-lain. Class memiliki tiga area pokok :
37
1. Nama (dan stereotype)
2. Atribut
3. Metoda
Atribut dan metoda dapat memiliki salah satu sifat berikut :
Private, tidak dapat dipanggil dari luar class yang bersangkutan
Protected, hanya dapat dipanggil oleh class yang bersangkutan dan anak-
anak yang mewarisinya
Public, dapat dipanggil oleh siapa saja
Pada class diagram dapat disimpulkan bahwa ketika program dijalankan, akan
ditampilkan GUI, dan ketka user tersebut menekan karakter pada keyboard maka
program akan langsung menjalankan class.
Gambar 4.6 Class Diagram
38
4.2.4 Sequence Diagram
Sequence diagram digunakan untuk menggambarkan interaksi atar objek di
dalam system berupa message yang digambarkan terhadap waktu. Sequence
diagram terdiri dari antara dimensi objek-objek yang terkait. Berikut ini adalah
gambar rancangan sequence diagram Sequence diagram diambil dari usecase.
Pada sequence ini akan membaca karakter string yang diinput melalui keyboard
oleh user untuk kemudian dikirimkan ke usecase.
Gambar 4.7 SequenceDiagram Barang Keluar
40
4.3 Perancangan Antar Muka (Interface) Program
4.3.1 Rancangan Output
Rancangan output yang diusulkan meliputi beberapa komponen sistem
berikut ini :
1) Rancangan output selesai order barang pada halaman web
Rancangan output order barang digunakan untuk menampilkan
informasi barang yang dipesan berisi detail jumlah yang harus
dibayar oleh pelanggan.
Your order has been successfully submited
Name : -
Address : -Phone : -
E-mail : -
Order No : -No Product Name Satuan Qty Price Sub Total
1 - - Rp. Rp.2 - - Rp. Rp.3 - - Rp. Rp.
Total Rp.Your order details has been sent to your email
Gambar 4.9 rancangan output selesai order barang pada halaman web
2) Rancangan output order baru pada halaman admin
Rancangan output order baru, digunakan untuk menampilkan
informasi pada halaman administrator apabila ada pemesanan atau
order baru ataupun data order yang telah dilunasi.
Order:
-No.order Nama Pelanggan Tanggal
OrderJam Status Aksi
1 - DD/MM/YY --:--:-- Baru detail2 - DD/MM/YY --:--:-- Baru detail3 - DD/MM/YY --:--:-- Lunas detail
Gambar 4.10 Rancangan output order baru pada halaman admin
41
3) Rancangan ouput data pelanggan
Rancangan ouput data pelanggan digunakan untuk menampilkan
data pelanggan yang telah melakukan pendaftaran pada website .
Pelanggan:
-No Nama Lengkap Alamat E-mail Telpon
1 - - - -2 - - - -3 - - - -
Gambar 4.11 Rancangan ouput data pelanggan
4) Rancangan output laporan penjualan per bulan
Rancangan output laporan penjualan dapat dicetak sesuai dengan
range tanggal yang ditentukan atau hanya mencetak laporan
transaksi hari itu saja. Hasil output laporan berupa file PDF,
sehingga laporan dapat di download atau langsung diprint.
Laporan Penjualan
No No Order Tanggal Nama Barang SKU QTY Harga Sub Total1 - DD/MM/YY - - - pcs Rp. - Rp. -2 - DD/MM/YY - - - pcs Rp. - Rp. -3 - DD/MM/YY - - - pcs Rp. - Rp. -
Total keseluruhan : Rp. -Jumlah yang terjual : - pcs
Jumlah keseluruhan yg terjual : - pcs
Gambar 4.12 rancangan output laporan penjualan
4.3.2 Rancangan Input
Rancangan input yang diusulkan meliputi beberapa komponen sistem
berikut ini :
1) Rancangan input ganti password admin
Admin dapat merubah password administrator.menggunakan modul ini.
42
Ganti Password
Masukkan Password Lama :
Masukkan Password Baru :
Masukkan Lagi Password Baru :
Gambar 4.13 rancangan input ganti password admin
2) Rancangan input, edit dan hapus kategori barang
Rancangan input kategori ini digunakan oleh admin untuk membuat ,
mengedit atau menghapus kategori barang.
Tambah Kategori
Nama kategori
Gambar 4.14 Rancangan input Tambah Kategori
No Nama Kategori Aksi
1 - Edit | Hapus
2 - Edit | Hapus
3 - Edit | Hapus
Gambar 4.15 rancangan input, edit dan hapus kategori barang
3) Rancangan input Barang pada halaman administrator
Rancangan input Barang digunakan oleh admin untuk menambah data
barang. SKU ( Stock Keeping Unit ) digunakan sebagai kode barang. Pada
saat transaksi offline, admin menginput data penjualan melalui halaman
website , kode SKU ini digunakan untuk mencari barang yang akan
TambahKategori
Proses Batal
Simpan Batal
43
diinput dengan fasilitas search, sehingga dalam mencari data dapat lebih
cepat dilakukan.
Tambah Barang
Nama Barang
SKU
Kategori
Satuan
Harga
Diskon
Stok
Deskripsi
File Gambar
Gambar 4.16 rancangan input barang pada halaman administrator
4) Rancangan input tahapan pemesanan barang pada website
Rancangan input pemesanan barang pada website merupakan tahapan
dimana pelanggan pertama kali memilih barang yang tersedia pada
halaman store, kemudian setelah pelanggan menemukan barang yang
sesuai, maka pelanggan mengklik gambar barang untuk memperbesar
gambar dan melanjutkan proses pemesanan dengan menekan tombol “add
to bag” untuk memasuki halaman shopping chart.
Pilih kategori
Input Gambar
Simpan Batal
44
Nama Kategori
Nama Barang Nama Barang Nama Barang
Rp. - Rp. - Rp. -
Gambar 4.17 Rancangan input halaman barang
Nama Barang
( Stock : - )
Rp. -
Gambar 4.18 Rancangan input halaman detail barang
Pada halaman Shopping Chart pelanggan dapat melihat informasi detail
dari barang yang dipesan. Jika pelanggan masih ingin memilih barang
lain, maka pelanggan klik tombol Continue Shopping untuk kembali
kehalaman store, dan klik tombol Confirm untuk meneruskan proses
registrasi. Untuk menghapus barang yang telah diinput, pelanggan klik
icon kotak sampah yang berada pada kolom delete.
gambar
Rancanga
n sistem
yang
diusulkan
meliputi
beberapa
kompone
n sistem
berikut
ini :
ambar
Rancanga
n sistem
yang
diusulkan
meliputi
beberapa
kompone
n sistem
berikut
ini :
Gambar Gambar Gambar
Gambar
Add To Bag
45
Shopping Chart
No Barang
Product
Name Satuan Qty Price
Sub
Total Delete
1 -
2 -
3 -
4 -
total Rp.
Gambar 4.19 Rancangan input halaman shopping chart
Pelanggan yang sudah menjadi member dapat langsung login pada form
login atau dapat login melalui link login yang terdapat pada kolom
sebelah kanan website. Untuk pelanggan baru, harus melakukan registrasi
member dengan mengisi data-data yang terdapat pada form registrasi.
Already A Member
Email :
Password :
Forgot Password
New on tirtainvestama.com? Register Here
Name :
Password :
Address :
Login
Gambarbarang
Gambarbarang
Gambarbarang
Gambarbarang
Continue Shopping Confirm
46
Please insert full address include your postal code
Phone :
Email ;
City :
Shipping Cost will calculate based on your city
Validation Code
(Masukkan 6 kode diatas)
Gambar 4.20 rancangan input Customer Detail
5) Rancangan input Detail Order pada halaman administrator
Rancangan input status order barang digunakan untuk merubah status order
baru menjadi lunas, pada saat pelanggan telah menyelesaikan pembayaran.
No order : -Tanggal & Jam order : DD/MM/YY & --:--:--Status order :
Nama barang Satuan Jumlah Harga Satuan Sub total- -- -- -
Total Rp.Data Pelanggan
Nama pelanggan :
Alamat pengiriman :
No Telpon / Hp :E-mail :
Gambar 4.21 rancangan input Detail Order pada halaman administrator
Select Your City
Capcha
Register
Baru Ubah Status
47
6) Rancangan input Contact Us
Rancangan input Contact Us merupakan sebuah fasilitas yang disediakan bagi
pelanggan untuk mengirim pesan kepada administrator website.
IF YOU HAVE ANY QUESTION REGARDING OUR STORE,OR ANYTHING THAT ISNT ANWERED IN THE FAQ'S PAGE,
FEEL FREE TO CONTACT US. THANK YOU
NAME :EMAIL :SUBJECT :MESSAGE :
VALIDATION CODE
Gambar 4.22 rancangan input Contact Us
4.3.3 Struktur Menu Utama
Rancangan struktur menu utama terdiri dari 2 bagian yaitu : halaman
menu utama website dan halaman menu utama pada halaman
administrator. Adapun menu yang terdapat pada halaman website
terdiri dari : Home , About Us, Store, dan Contact Us.
Gambar 4.23 struktur menu utama website
Capcha
SEND
Menu Utama
Home AboutUs
Store ContactUs
48
4.3.4 Rancangan flowchart Program
Berikut adalah rancangan flowchart program dari Website PT Tirta
Investama, adapun rancangan ini terdiri dari 2 bagian yaitu: rancangan
flowchart program pada halaman utama (home page) dan rancangan
flowchart program pada halaman administrator.
1) Rancangan flowchart program pada halaman utama
Flowchart program halaman utama digunakan untuk menjelaskan alur
kerja program pada saat ada pelanggan yang mengakses website .
Rancangan flowchart program dapat dilihat pada gambar dibawah ini :
Gambar 4.24 rancangan flowchart program menu utama
49
2) Rancangan flowchart program menu home
Flowchart menu home digunakan untuk menjelaskan alur flowchart
halaman website.
Gambar 4.25 rancangan flowchart program menu home
50
3) Rancangan flowchart program menu about us
Flowchart menu about us, digunakan untuk menjelaskan alur flowchart
halaman about us pada website.
Gambar 4.26 rancangan flowchart program menu about us
51
4) Rancangan flowchart program menu store
Flowchart menu store digunakan untuk menjelaskan alur flowchart cara
pelanggan melakukan pembelian.
Gambar 4.27 rancangan flowchart program menu store
52
5) Rancangan flowchart program menu contact us
Flowchart menu contact us digunakan untuk menjelaskan alur flowchart
cara pengunjung website dapat mengirim pesan ke administrator.
Gambar 4.28 rancangan flowchart program menu contact us
53
6) Rancangan flowchart program menu login administrator
Flowchart login admin digunakan untuk menjelaskan alur flowchart login
untuk masuk pada halaman administrator.
Gambar 4.29 rancangan flowchart program menu login administrator
54
7) Rancangan flowchart program menu administrator
Flowchart menu utama digunakan untuk menjelaskan alur kerja
administrator, adapun master data pada halaman ini adalah: home,
kategori, barang, order, laporan dan logout.
Adapun rancangan flowchart program dapat dilihat pada gambar dibawah
ini:
Gambar 4.30 rancangan flowchart program menu administrator
55
8) Rancangan flowchart menu program kategori barang
Flowchart menu kategori barang digunakan untuk menjelaskan alur
flowchart kategori yang akan ditampilkan kedalam website.
Gambar 4.31 Rancangan flowchart program menu kategori barang
56
9) Rancangan flowchart program menu barang
Flowchart menu barang digunakan untuk menjelaskan alur flowchart
barang-barang yang akan ditampilkan kedalam website.
Gambar 4.32 rancangan flowcart program menu barang
57
10) Rancangan flowchart program menu order
Flowchart menu order digunakan untuk menjelaskan alur flowchart
menampilkan data pemesanan barang oleh pengunjung website.
Gambar 4.33 rancangan flowchart program menu order
58
11) Rancangan flowchart program menu laporan
Flowchart menu laporan digunakan untuk menjelaskan alur flowchart
laporan penjualan dalam batas waktu tertentu.
Laporan
TampilkanLaporan
Laporan Hari ini ?
TampilkanLaporan hari ini
Hasil Laporan
Lagi ?
Laporan perperiode ?
Cetak Laporan
Pilih Periode
Periode yangdipilih
T
YY
T
Y
Cetak ?
Y
TT
MenuUtama
Gambar 4.34 Rancangan flowchart program menu laporan penjualan
59
4.4. Hasil Tampilan Program
4.4.1 Halaman Website PT. Tirta Investama
Pada pembahasan ini menjelaskan mengenai isi dan fungsi dari
tiap-tiap halaman pada website PT. Tirta Investama, untuk lebih
jelasnya dapat dilihat pada pembahasan dibawah ini.
a) Halaman depan Website
Ini adalah halaman yang tampil pada saat kita baru memasuki
website , pada halaman ini hanya berisi logo dan tombol enter
yang digunakan untuk memasuki halaman utama
Gambar 4.35 Tampilan halaman depan Website
b) Halaman Home
Halaman Home adalah halaman yang menampilan 4 barang
terupdate sama halnya dengan dengan halaman store, sedangkan
untuk memilih barang yang lain, Pelanggan dapat memilihnya dari
daftar kategori yang berada pada tab sebelah kiri.
60
Gambar 4.36 Tampilan halaman Home
c) Halaman About Us
Halaman ini berisi keterangan mengenai informasi dan cara melakukan
pemesanan barang.
Gambar 4.37 Tampilan Halaman About Us
61
d) Halaman Store
Halaman ini digunakan oleh pelanggan untuk memilih barang-barang yang
ada pada website . Barang yang tampil pertama dihalaman store sama halnya
pada halaman home hanya 4 barang terupdate saja yang tampil pertama dan
untuk memilih barang yang lain, Pelanggan dapat memilih barang yang
diinginkan berdasarkan kategori yang berada pada tab sebelah kiri website.
Proses untuk melakukan pemesanan barang akan dijelaskan dibawah ini :
Gambar 4.38 Tampilan Halaman Store
Setelah Pelanggan menemukan barang yang akan dibeli, maka Pelanggan klik
pada gambar barang, untuk memperbesar gambar dan melihat detail barang,
kemudian Pelanggan klik tombol Add To Bag untuk masuk kehalamn
Shopping Chart.
62
Gambar 4.39 Tampilan Halaman Detail Barang
Pada halaman Shopping Chart Pelanggan dapat melihat detail dari pemesanan,
Pelanggan juga dapat menambah Qty barang yang dipesan atau menghapus
barang yang telah dipesan dengan cara klik icon tong sampah disebelah kanan.
Jika Pelanggan masih ingin melihat barang lain, maka Pelanggan klik tombol
Continue Shopping untuk kembali kehalaman Store, jika Pelanggan sudah
selesai berbelanja maka klik tombol Confirm untuk registrasi data Pelanggan.
Gambar 4.40 Tampilan halaman Shopping Chart
63
Pada halaman ini Pelanggan baru mengisi data-data yang diminta untuk
melakukan proses registrasi, dan untuk Pelanggan yang sudah memiliki login
dapat langsung mengisi email dan password kemudian submit.
Gambar 4.41 Tampilan halaman login atau registrasi baru
Gambar 4.42 Tampilan halaman Confirm
64
e) Halaman Contact Us
Halaman ini merupakan fasilitas yang digunakan untuk meninggalkan pesan
atau mengirim bukti pembayaran kepada admin , cara menggunakannya
Pelanggan cukup mengetikkan nama, email, subjek pesan dan isi pesan
kemudian klik tombol send.
Gambar 4.43 Tampilan Halaman Contact Us
4.4.2. Halaman Website Administrator
Pada pembahasan ini menjelaskan mengenai isi dan fungsi dari halaman
administrator , untuk lebih jelasnya dapat dilihat pada pembahasan
dibawah ini.
a) Halaman Login Administrator
Halaman adalah halaman login administrator , untuk dapat mengakses
halaman administrator masukkan username dan password lalu klik
login.
65
Gambar 4.44 Tampilan Halaman Login Administrator
b) Halaman Home Administrator
Halaman ini adalah halaman depan yang berisi modul–modul disisi kiri dan
memiliki berbagai macam fungsi yang dapat digunakan oleh administrator
untuk melakukan pengolahan data atau content website
Gambar 4.45 Tampilan Halaman Home Administrator
66
c) Halaman Kategori
Pada halaman kategori digunakan untuk mengolah data-data kategori barang.
Untuk menambah kategori administrator dapat mengklik tombol tambah
kategori.
Gambar 4.46 Tampilan Halaman Kategori
d) Halaman Tambah Kategori
Untuk menambah kategori administrator dapat memasukkan nama kategori
kemudian klik tombol simpan.
Gambar 4.47 Halaman Tambah Kategori
67
e) Halaman Barang
Halaman barang ini dgunakan oleh administrator untuk menampilkan barang –
barang yang telah dipublish kehalaman website , administrator dapat melihat
stok barang yang tersedia, mengedit data barang atau menghapus barang dari
daftar barang dan untuk menambah barang baru, klik tombol tambah barang.
Gambar 4.48 Tampilan Halaman Barang
f) Halaman Tambah Barang
Halaman ini digunakan administrator untuk memasukkan data barang baru,
untuk menambah data barang administrator cukup mengetikkan nama barang,
SKU (Stock Keeping Unit), pilih kategori barang, Satuan, harga , diskon, stok
dan deskripsi barang, lalu browse gambar barang kemudian klik tombol
simpan.
68
Gambar 4.49 Tampilan Halaman Tambah Barang
g) Halaman Order
Halaman ini digunakan untuk menampilkan data pesanan dan status barang
yang dipesan (baru atau lunas). Status baru berarti pemesanan baru dan
Pelanggan belum menyelesaikan pembayaran, sedangkan jika status sudah
lunas maka artinya pembayaran telah diselesaikan.
Gambar 4.50 Tampilan Halaman Order
69
h) Halaman Detail - Order
Halaman detail order digunakan untuk menampilkan detail dari data
pemesanan yang ada pada halaman order sebelumnya. Pada halaman ini
administrator dapat merubah status pemesanan dari baru menjadi lunas,
setelah Pelanggan menyelesaikan pembayaran.
Gambar 4.51 Tampilan Halaman Detail Barang
i) Halaman Laporan
Halaman digunakan untuk mencetak laporan penjualan, administrator dapat
mencetak laporan penjualan transaksi hari ini saja, dengan cara klik tombol
laporan hari ini atau mencetak laporan dalam periode waktu tertentu, dengan
cara memasukkan tanggal laporan yang akan dibuat kemudian klik tombol
proses.