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

35

a. Activity Diagram Barang Keluar

Gambar 4.4 Activity Diagram Barang Keluar

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

39

Gambar 4.8 SequenceDiagram Barang Masuk

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.

70

Gambar 4.52 Tampilan Halaman Laporan

j) Halaman Output Laporan

Halaman ini menampilkan output dari laporan yang telah diproses, output

laporan ini berupa file.pdf sehingga administrator dapat dengan mudah

menyimpan atau mencetak laporan ini menjadi hard copy.

Gambar 4.53 Tampilan Output Laporan