laporan karya akhir aplikasi penjualan pelengkapan pertanian berbasis web pada toko ud. pertanian...

KARYA AKHIR

POLITEKNIK TELKOM BANDUNG |2013

MANAJEMEN

INFORMATIKA

APLIKASI PENJUALAN BIBIT

TANAMAN PADA TOKO TANI ABCD

BERBASIS WEB MENGGUNAKAN JSP

Penulis

Angga Yusuf Hendrawan

NIM 30110162

LEMBAR PERSEMBAHAN

Karya Akhir ini Saya Persembahkan Kepada :

Kedua Orang Tua saya yang selalu Mendukung dan Mendoakan saya.

Adik yang telah mendoakan saya,

Kepada Dosen Pembimbing,

Teman-teman SDV 10-01,

Teman-teman PIS 10-05,

LEMBAR PENGESAHAN

APLIKASI PENJUALAN BIBIT TANAMAN PADA TOKO TANI ABCD BERBASIS

WEB MENGGUNAKAN JSP

Penulis Angga Yusuf Hendrawan NIM 30110162 Pembimbing DahliarAnanda NIP Ketua Program Studi Wardani Muhamad, ST.,MT. NIP 07810382-1

LEMBAR PERNYATAAN

Dengan ini saya menyatakan:

1. Proyek akhir ini adalah asli dan belum pernah diajukan untuk mendapatkan gelar akademik

(Ahli Madya, Sarjana, Magister dan Doktor), baik di Politeknik Telkom maupun di

perguruan tinggi lainnya;

2. Karya tulis ini murni gagasan, rumusan, dan penelitian saya sendiri, tanpa bantuan pihak

lain, kecuali arahan tim pembimbing atau tim promotor atau penguji;

3. Dalam karya tulis ini tidak terdapat karya atau pendapat yang telah ditulis atau

dipublikasikan orang lain, kecuali secara tertulis dengan jelas dicantumkan sebagai acuan

dalam naskah dengan menyebutkan nama pengarang dan dicantumkan dalam daftar

pustaka;

4. Mengijinkan karya tulis ini dipublikasikan oleh Politeknik Telkom, dengan tetap

mencantumkan saya sebagai penulis; dan

Pernyataan ini saya buat dengan sesungguhnya dan apabila pada kemudian hari terdapat

penyimpangan dan ketidakbenaran dalam pernyataan ini maka saya bersedia menerima sanksi

akademik berupa pencabutan gelar yang telah diperoleh karena karya tulis ini, serta sanksi

lainnya sesuai norma yang berlaku di Politeknik Telkom.

Bandung, 09 September 2013

Pembuat pernyataan,

Penulis

ABSTRAK

KATA PENGANTAR

Segala puji syukur penulis ucapkan atas kehadirat ALLAH SWT yang telah memberikan

rahmat dan karunia-Nya, sehingga penulis dapat menyelesaikan kerja industri dan karya akhir

yang berjudul “Aplikasi Penjualan Bibit Tanaman Pada Toko ABCD Berbasis Web

Menggunakan JSP”. Pembuatan karya akhir ini bertujuan untuk memenuhi salah satu syarat

untuk memperoleh gelar Ahli Madya (A.Md) Manajemen Informatika Politeknik Telkom.

Rasa terima kasih ini penulis ucapkan terutama kepada :

1. Kedua Orang Tua yang telah memberikan semangat, doa, materi dan moril.

2. Pak Dahliar Ananda selaku Dosen Pembimbing yang bersedia meluangkan waktunya

untuk membimbing penulis dalam menyelesaikan karya akhir ini.

3. Teman-teman yang telah mendukung dan membantu penulis dalam menyelesaikan

karya akhir ini.

Penulis menyadari bahwa dalam penyusunan laporan Karya Akhir ini masih terdapat

banyak kesalahan dan kekurangan. Tak ada gading yang tak retak, di dunia ini tidak ada yang

sempurna, oleh karena itu penulis harapkan para pembaca untuk dapat memberikan masukkan

perbaikan. Semoga laporan ini dapat memberikan manfaat dan membantu seluruh pembaca

dalam memahami dan dapat berguna selamanya.

Bandung, 09 September 2013

Penulis

DAFTAR ISI

Bab 1 Pengenalan Produk ........................................................................................................ 11

1.1. Latar Belakang .......................................................................................................... 11

1.2. Tujuan ...................................................................................................................... 12

1.3. Batasan Produk......................................................................................................... 12

1.4. Sistematika Penulisan ............................................................................................... 12

Bab 2 Arsitektur Produk ........................................................................................................... 13

2.1 StrukturProduk ......................................................................................................... 13

2.2 Tools yang Digunakan ............................................................................................... 13

Bab 3 PembuatanProduk.......................................................................................................... 16

3.1 Entity Relationship Diagram (ER-D) ........................................................................... 16

3.2 Basis Data ................................................................................................................. 16

3.3 StrukturModul .......................................................................................................... 18

3.3.1 Modul Login.......................................................................................................... 18

3.3.2 Modul Barang ....................................................................................................... 20

3.3.2.1 Tambah Barang ..................................................................................................... 21

3.3.2.2 View Barang.......................................................................................................... 23

3.3.2.3 Update Barang ...................................................................................................... 24

3.3.2.4 Cari Barang ........................................................................................................... 26

3.3.3 Modul Transaksi ................................................................................................... 27

3.3.3.1 Registrasi Customer .............................................................................................. 27

3.3.3.2 Pembelian Barang ................................................................................................. 29

3.3.3.3 Struk Pembelian Barang ........................................................................................ 31

3.3.3.4 Detail Laporan Pembelian ..................................................................................... 32

3.3.4 Modul Laporan ..................................................................................................... 33

3.3.4.1 Laporan Per Bulan ................................................................................................. 33

3.3.4.2 Laporan Per Periode ............................................................................................. 34

3.3.5 Modul Logout ....................................................................................................... 36

Bab 4 PenggunaanProduk ........................................................................................................ 37

4.1 Instalasi Produk ........................................................................................................ 37

4.2 Petunjuk Penggunaan Produk ................................................................................... 37

Bab 5 Penutup ......................................................................................................................... 44

5.1 Hambatan yang Dialami ............................................................................................ 44

5.2 Saran Pengembangan ............................................................................................... 44

DAFTAR GAMBAR

Gambar 2.1.1 Struktur Aplikasi Penjualan Bibit Pada Toko Tani ABCD ...................................... 13

Gambar 3.1.1 Entity Relationship Diagram ............................................................................... 16

Gambar 3.2.1 Relasi Antar Tabel .............................................................................................. 17

Gambar 4.2.1 Halaman login .................................................................................................... 37

Gambar 4.2.2 Halaman Home Karyawan .................................................................................. 38

Gambar 4.2.3 Halaman Data Barang ........................................................................................ 38

Gambar 4.2.4 Halaman Tambah Data Barang ........................................................................... 39

Gambar 4.2.5 Validasi Data Barang .......................................................................................... 39

Gambar 4.2.6 Halaman Perbaharui Data Barang ...................................................................... 40

Gambar 4.2.7 Halaman Pencarian Data Barang ........................................................................ 40

Gambar 4.2.8 Halaman List Transaksi ....................................................................................... 41

Gambar 4.2.9 Halaman Detail Transaksi ................................................................................... 41

Gambar 4.2.10 Halaman Laporan Data Transaksi Bulanan ........................................................ 41

Gambar 4.2.11 Laporan dalam bentuk grafik ............................................................................ 42

Gambar 4.2.12 Registrasi Data Customer ................................................................................. 42

Gambar 4.2.13 Pemilihan Barang ............................................................................................. 42

Gambar 4.2.14 Form Transaksi Pembelian ............................................................................... 43

Gambar 4.2.15 Struk Pembelian ............................................................................................... 43

DAFTAR SOURCE CODE

Source code 3.2.1.1 View Page Login ........................................................................................ 19

Source code 3.2.1.2 Pengambilan Variabel Username dan Password Saat Login ....................... 19

Source code 3.2.1.3 Cek Login Pengguna ................................................................................. 20

Source code 3.2.1.4 Konfirmasi Login Pengguna Berdasarkan Status Pengguna ........................ 20

Source code 3.2.1.5 Pengaturan Atribut Username dan Password Yang Sedang Login .............. 20

Source code 3.2.1.6 Pesan Error Jika Username atau Password Tidak Valid............................... 20

Source code 3.2.2.1.1 View Tambah Data Barang ..................................................................... 21

Source code 3.2.2.1.2 Validasi Tambah Data Barang ................................................................. 22

Source code 3.2.2.1.3 Pengambilan Variabel Saat Tambah Data Barang ................................... 22

Source code 3.2.2.1.4 Penambahan Data Barang ...................................................................... 23

Source code 3.2.2.1.5 Konfirmasi Tambah Data Barang ............................................................ 23

Source code 3.2.2.2.1 View Data Barang ................................................................................... 23

Source code 3.2.2.3.1 View Update Data Barang ...................................................................... 24

Source code 3.2.2.3.2 Validasi Update Data Barang .................................................................. 25

Source code 3.2.2.3.3 Pengambilan Variabel Saat Update Data Barang ..................................... 25

Source code 3.2.2.3.4 Perbaharui Data Barang ......................................................................... 26

Source code 3.2.2.3.5 Konfirmasi Update Data Barang ............................................................. 26

Source code 3.2.2.4.1 Cari Data Barang .................................................................................... 27

Source code 3.2.2.4.2 Pencarian Data Barang ........................................................................... 27

Source code 3.2.3.1.1 View Register Customer ......................................................................... 28

Source code 3.2.3.1.2 Validasi Registrasi Data Customer .......................................................... 28

Source code 3.2.3.1.3 Registrasi Data Customer ....................................................................... 29

Source code 3.2.3.2.1 Pilih Daftar Data Barang ......................................................................... 29

Source code 3.2.3.2.2 Tampilan Data Barang Yang Telah Di Pilih ............................................... 30

Source code 3.2.3.2.3 Tampilan Jumlah Pesanan Barang .......................................................... 30

Source code 3.2.3.2.4 Pengambilan Variabel Saat Proses Beli Barang ....................................... 30

Source code 3.2.3.2.5 Proses Pembelian Barang ....................................................................... 31

Source code 3.2.3.3.1 Tampilan Struk Barang ........................................................................... 31

Source code 3.2.3.3.2 Struk Pembelian Barang ......................................................................... 32

Source code 3.2.3.3.3 Cetak Struk Pembelian Barang ............................................................... 32

Source code 3.2.3.4.1 Tampilan Daftar Transaksi Pembelian Barang ......................................... 32

Source code 3.2.3.4.2 Daftar Pembelian Barang ....................................................................... 33

Source code 3.2.4.1.1 Tampilan Pilih Bulan ............................................................................... 33

Source code 3.2.4.1.2 Tampilan Laporan Transaksi Pembelian Per Bulanan .............................. 34

Source code 3.2.4.1.3 Laporan Bulanan .................................................................................... 34

Source code 3.2.4.1.4 Cetak Laporan Bulanan .......................................................................... 34

Source code 3.2.4.2.1 Pilih Menu Tanggal ................................................................................. 35

Source code 3.2.4.2.2 Tampilan Laporan Transaksi Pembelian Per Periode ............................... 35

Source code 3.2.4.2.3 Laporan Transaksi Pembelian Barang Per Periode .................................. 35

Source code 3.2.4.2.4 Cetak Laporan Periode ........................................................................... 36

Source code 3.2.5.1 Proses Logout ........................................................................................... 36

Bab 1

Pengenalan Produk

1.1. Latar Belakang

Perkembangan ilmu pengetahuan dan teknologi semakin mendorong manusia/user untuk

menuju pada kehidupan yang semakin baik lagi agar kualitas dan kuantitas menjadi baik juga.

Hal ini juga di pengaruhi dengan adanya atau munculnya komputer yang semakin

mempermudah pekerjaan manusia/user dengan lebih cepat atau bisa disebut dengan media

komputasi. Dengan masuknya atau dengan adanya komputer semakin mempermudah

manusia/user dalam menyelesaikan pekerjaan dalam segala bidang, atau lebih tepatnya dalam

bidang perdagangan atau penjualan. Sejak komputer masuk dalam bidang perdagangan atau

penjualan, semakin banyak bermunculan aplikasi-aplikasi yang menunjang atau membantu

untuk mempermudah sekaligus mempercepat proses-proses pada bidang penjualan.

Toko Tani ABCD adalah toko yang bergerak dalam bidang pertanian. Toko ini menjual alat-alat

pertanian, pupuk, bibit, dan obat-obat pertanian. Toko Tani ABCD dalam pencatatan data,

pencatatan data transaksi dan laporan transaksi masih menggunakan cara manual, sehingga

sangat beresiko pada kesalahan dalam data barang dan data transaksi. Oleh karena itu perlu

dibuat apliaksi penjualan pada toko ini agar semakin menjunjang kembali dalam segi pendataan

barang, transaksi penjualan dan laporan transaksi penjualan.

Dalam aplikasi ini, diharapkan untuk mempermudah manusia/user agar data barang, data

transaksi dan laporan data transaksi tidak hilang dan tidak terjadi duplikasi data sehingga

diperloeh data yang fix dan benar. Aplikasi ini diharapakan juga mampu mencetak laporan data

transaksi penjualan perhari dan perbulan.

Oleh karena itu, aplikasi ini dibuat untuk menjunjang kinerja pada Toko Tani ABCD agar dalam

pendataan barang, transaksi yang dilakukan dan laporan transaksi laporan penjualan menjadi

lebih baik dan jelas. Maka dibuatlah karya akhir dengan judul “Aplikasi Penjualan Pelengkapan

Pertanian Berbasis Web Pada Toko Tani ABCD”.

1.2. Tujuan

Adapun tujuan dari pembuatan karya akhir ini adalahsebagai berikut :

a. Membuat aplikasi yang dapat melakukan pengolahan data barang.

b. Membuat aplikasi yang dapat melakukan transaksi penjualan.

c. Membuat aplikasi yang dapat melakukan proses pencetakan laporan transaksi

berdasarkan kode kasir dan tanggal transaksi.

d. Membantu untuk melakukan proses pencarian barang untuk mengetahui stok barang

sebelum terjadi proses transaksi penjualan.

1.3. Batasan Produk

Batasan masalah dari produk ini adalah sebagai berikut.

a. Aplikasi yang dibangun/dibuat tidak sampai pada supplier barang.

b. Aplikasi menangani masalah security.

c. Aplikasi yang dibangun/dibuat hanya mencetak laporan transaksi penjualan untuk

customer dan owner toko untuk arsip.

d. Laporan transaksi penjualan hanya bisa di akses oleh kasir saja dan di cetak oleh kasir.

e. Pengolahan data barang hanya bisa dilakukan oleh karyawan toko saja.

f. Stok barang tidak ada pengecekan detail keluar atau masuknya barang.

1.4. Sistematika Penulisan

Bab 1 menjelaskan latar belakang, tujuan, batasan produk dan sistematika penulisan.

Bab 2 menjelaskan arsitektur produk.

Bab 3 menjelaskan modul-modul produk.

Bab 4 menjelaskan tata cara instalasi dan penggunaan produk.

Bab 5 berisi penutup yang terdiri dari hambatan yang di alami dan saran pengembangan produk.

Bab 2

Arsitektur Produk

2.1 StrukturProduk

Aplikasi penjualan bibit tanaman pada toko tani ABCD berbasis web yang akan dibangun

memiliki struktur seperti gambar di bawah ini :

Gambar 2.1-1 Struktur Aplikasi Penjualan Bibit Pada Toko Tani ABCD

Aplikasi diakses oleh pengguna (dalam hal ini pengguna yaitu karyawan dan kasir) melalui

sebuah komputer, kemudian Aplikasi berinteraksi dengan web server (dalam hal ini dengan

Apache) melalui jaringan intranet. Jika aplikasi memerlukan data yang ada di basis

data/database, maka web server akan berinteraksi dengan database server (dalam hal ini

dengan MySQL).

2.2 Tools yang Digunakan

Dalam membangun aplikasi ini, dibutuhkan tools sebagai berikut.

1. XAMPP Version: 1.8.1

XAMPP merupakan sebuah paket produk yang berisi MySQL, PHP, dan Perl (Apache, 2013).

XAMPP sangat mudah untuk di install dan di gunakan karena sudah ada beberapa tipe yang

cocok untuk beberapa jenis Operating System (OS). Dalam membangun aplikasi ini, ada

beberapa fitu XAMPP yang digunakan, antara lain :

a. Apache

Apache merupakan sebuah web server yang powerfull dan fleksibel. Dalam apache juga

mempunyai protokol berupa HTTP/1.1 compliant web server atau bisa disebut dengan

(RFC2616). Apache juga mengimplementasikan protokol-protokol baru, pada apache juga

dapat dikonfigurasi dan diperluas dengan bantuan third-party modules.

b. MySQL

MySQL merupakan basis data yang sangat populer digunakan dalam membangun sebuag

aplikasi web, dikarenakan kemudahan dalam penggunaannya, serta kinerja query yang

cepat dan mudah.

c. NetBeans IDE 7.2.1

NetBeans IDE adalah sebuah software yang dapat membantu seorang pengguna

membangun sebuah aplikasi yang berbasis desktop, mobile, dan web secara efisien, cepat

dan mudah. Dalam NetBeans IDE juga terdapat beberapa macam tools untuk pengguna

beberapa bahasa pemrograman, diantaranya : PHP, C/C++ , dll.

d. Adobe Dreamweaver CS6

Adobe Dreamweaver CS6 merupakan salah satu dari product adobe master collection yang

digunakan dalam pembuatan antarmuka maupun penulisan kode program dalam aplikasi ini.

Serta dapat membantu dalam mendesain pembuatan tabel dalam aplikasi ini.

Adapun bahasa program yang dibutuhkan dalam pembuatan aplikasi ini akan dijelaskan di

bawah ini :

e. HTML

HTML (Hypertext Markup Language) digunakan untuk membuat halaman web. Umumnya

dokumen HTML disajikan dalam web surfer atau sebagai penjelajah web. Atau dapat

dikatakan bahwa HTML berisi antarmuka aplikasi di dalam internet.

f. JSP (Java Server Pages)

JSP merupakan teknologi yang dapat menambahkan konten yang bersifat dinamis pada

sebuah halaman web. Apabila tanpa adanya JSP maka user harus mengubah HTML secara

manual. Oleh karena itu dengan JSP seorang pengembang web dapat mengembangkan

aplikasi web-nya dengan banyak faktor, karena kebutuhan masing-masing user sangat

berbeda-beda.

g. Javascript

JavaScript merupakan bahasa scripting yang digunakan untuk membuat suatu aplikasi web.

Dalam JavaScript dapat dituliskan atau disisipkan secara langsung maupun diletakan ke file

berupa teks dan atau link di dokumen HTML (Priyatna, 2013).

Bab 3

PembuatanProduk

3.1 Entity Relationship Diagram (ER-D)

Customer Pesan Barang

Di simpan

Id_cust Nm_cust

Almt_cust Telp_cust

Id_brg

nm_brg Qty_brg

Stok_brg

Hrg_brg

No_pesan No_faktur

Tgl_pesan

Jmlh_pesan Total_harga

Detail_pemesanan

Id_detail

Harga_total No_faktur

Gambar 3.1-1 Entity Relationship Diagram

3.2 Basis Data

Dalam membangun sebuah sistem sangat bergantung pada basis data/ database yang

digunakan. Dalam aplikasi penjualan bibit tanaman ini menggunakan MySQL sebagai basis data

yang terdiri dari lima tabel sebagai database-nya. Berikut ini adalah tabel-tabel yang digunakan

pada aplikasi ini dan relasi antar tabelnya :

Gambar 3.2-1 Relasi Antar Tabel

Untuk dapat mengakses basis data ini melalui aplikasi, digunakanlah sintaks java

sebagai berikut :

Source code 3.2 Koneksi ke Database

3.3 StrukturModul

Aplikasi penjualan bibit tanaman pada toko tani ABCD berbasis web ini, terdapat 6 modul yang

akan dibangun pada aplikasi ini. Gambaran ke-6 modul tersebut dapat terlihat pada gambar di

bawah ini :

Gambar 3.2 Struktur Modul dalam Aplikasi Produksi Teh Berbasis Web

Ada 5 modul yang terdapat pada aplikasi penjualan bibit tanaman ini, yaitu :

a. Modul Login

b. Modul Barang

c. Modul Transaksi

d. Modul Laporan

e. Modul Logout

3.3.1 Modul Login

Modul login digunakan sebagai autentifikasi pengguna dalam menggunakan aplikasi. Oleh

karena itu hanya pengguna yang terdaftar dalam tabel user yang mempunyai hak akses ke

dalam aplikasi ini. Berikut merupakan cuplikan source code untuk menampilkan page login :

Source code 3.3.1-1 View Page Login

Pada modul login ini, terdapat valid atau tidaknya dari username dan password dari

user yang akan mengakses aplikasi ini. Valid atau tidaknya dalam penginputan username dan

password dicek pada aksiLoginAuth.JSP.

Berikut ini adalah cuplikan pengecekan dalam penginputan username dan password-

nya :

a. Username dan password yang diinputkan akan di-get oleh page login. Berikut

cupilikannya :

Source code 3.3.1-2 Pengambilan Variabel Username dan Password Saat Login

b. Dalam mengkoneksikan antara username dan password, maka dibuatlah kelas

koneksi dan dihubungkan dengan sintaks query yang menyatakan bahwa username

dan password yang telah diinputkan dapat dieksekusi. Berikut adalah cuplikannya:

Source code 3.3.1-3 Cek Login Pengguna

c. Jika username, password dan status user/pengguna valid, maka pengguna akan

masuk ke dalam halaman berdasarkan status pengguna yang telah dicek

sebelumnya. Berikut ini cuplikannya :

Source code 3.3.1-4 Konfirmasi Login Pengguna Berdasarkan Status Pengguna

d. Pada halaman home berdasarkan status pengguna yang sedang login, maka sistem

akan mengatur atribut username dan password pada setiap setiap halaman

lanjutan berdasarkan pengguna yang sedang login. Berikut cuplikannya :

Source code 3.3.1-5 Pengaturan Atribut Username dan Password Yang Sedang Login

e. Apabila username dan password yang dimasukan tidak valid, maka pengguna akan

diminta untuk login kembali atau mengecek username dan password yang

dimasukan. Berikut cuplikannya :

Source code 3.3.1-6 Pesan Error Jika Username atau Password Tidak Valid

3.3.2 Modul Barang

Modul ini digunakan untuk mengolah data barang. Fungsi yang dimiliki pada modul ini yaitu :

tambah, view, update, dan cari. Berikut ini penjelasan dari tiap-tiap fungsi yang terdapat dalam

modul barang :

3.3.2.1 Tambah Barang

Digunakan untuk menambahkan data barang. Berikut ini adalah penjelasannya :

a. Setelah menekan button/tombol tambah buku, sistem segera menyediakan field-field

identitas barang yang harus diisi oleh data yang valid dari pengguna sistem tersebut.

Berikut ini adalah source code-nya :

Source code 3.3.2.1-1 View Tambah Data Barang

Pada saat pengisian field-field data barang, membutuhkan koneksi ke database karena field-

field ini menampilkan data-data yang ada dalam tabel kategori barang.

b. Pada saat menginput data-data ke dalam field-field tersebut, perlu adanya validasi,

misalnya field stok barang harus angka. Berikut ini adalah souce code-nya :

Source code 3.3.2.1-2 Validasi Tambah Data Barang

c. Jika data-data yang dimasukan valid oleh sistem, maka field-field tersebut akan di-get

pada halaman aksiInput_DataBarang.JSP. Jika tidak valid maka sistem akan

memunculkan pop-up/pesan yang menyatakan bahwan data yang diinputkan tidak valid.

Source code 3.3.2.1-3 Pengambilan Variabel Saat Tambah Data Barang

d. Kelas koneksi dibuat untuk menghubungkan objek dengan query sql yang berisi

penambahan data barang yang dieksekusi. Berikut ini adalah source code-nya :

Source code 3.3.2.1-4 Penambahan Data Barang

e. Jika data sudah valid, maka sistem akan masuk pada halaman karyawanHome.JSP,

apabila data yang dimasukan tidak valid, maka sistem akan masuk ke halaman

inputData_Barang.JSP. Berikut ini adalah source code-nya :

Source code 3.3.2.1-5 Konfirmasi Tambah Data Barang

3.3.2.2 View Barang

Digunakan untuk menambahkan data barang. Berikut ini adalah penjelasannya :

a. Berikut ini merupakan source code yang digunakan untuk menampilkan data barang,

pada halaman Data_Barang.JSP.

Source code 3.3.2.2-1 View Data Barang

3.3.2.3 Update Barang

Digunakan untuk mempebaharui data barang. Berikut ini adalah penjelasannya :

a. Setelah menekan button/tombol tambah buku, sistem segera menyediakan field-field

identitas barang yang harus diisi oleh data yang valid dari pengguna sistem tersebut.


Source code 3.3.2.3-1 View Update Data Barang


field ini menampilkan data-data yang ada dalam tabel kategori barang.


misalnya field stok barang harus angka. Berikut ini adalah souce code-nya :

Source code 3.3.2.3-2 Validasi Update Data Barang

c. Jika data-data yang dimasukan valid oleh sistem, maka field-field tersebut akan di-get

pada halaman aksiUpdate_DataBarang.JSP. Jika tidak valid maka sistem akan

memunculkan pop-up/pesan yang menyatakan bahwan data yang diinputkan tidak valid.

Source code 3.3.2.3-3 Pengambilan Variabel Saat Update Data Barang

d. Kelas koneksi dibuat untuk menghubungkan objek dengan query sql yang berisi

pembaharuan data barang yang dieksekusi. Berikut ini adalah source code-nya :

Source code 3.3.2.3-4 Perbaharui Data Barang

e. Jika data sudah valid, maka sistem akan masuk pada halaman karyawanHome.JSP,

apabila data yang dimasukan tidak valid, maka sistem akan masuk ke halaman

updateData_Barang.JSP. Berikut ini adalah source code-nya :

Source code 3.3.2.3-5 Konfirmasi Update Data Barang

3.3.2.4 Cari Barang

Digunakan untuk mempebaharui data barang. Berikut ini adalah penjelasannya :

a. Pengguna menginput text/kata pada kolom textfield yang telah ada. Selanjutnya

masukan kata kunci yang akan menunnjukan data yang akan dicari, kemudian sistem

akan meneksekusi pada halaman cari_Barang.JSP. Berikut ini adalah source code-nya :

Source code 3.3.2.4-1 Cari Data Barang

b. Kelas koneksi dibuat untuk menghubungkan objek dengan query sql yang berisi field

yang digunakan untuk menentukan kata kunci yang menunjukan data yang akan dicari

data barang yang dieksekusi. Berikut ini adalah source code-nya :

Source code 3.3.2.4-2 Pencarian Data Barang

c. Jika kata kunci yang dimasukan valid, maka sistem akan menampilkan data berdasarkan

kata kunci yang dimasukan.

3.3.3 Modul Transaksi

Modul ini digunakan untuk mengolah data transaksi. Fungsi yang dimiliki pada modul ini yaitu :

registrasi, pembelian, struk, detail pembelian barang, dan laporan data transaksi. Berikut ini

penjelasan dari tiap-tiap fungsi yang terdapat dalam modul transaksi :

3.3.3.1 Registrasi Customer

Digunakan untuk meregisgtrasi data customer. Berikut ini adalah penjelasannya :

a. Pada transaksi, customer harus didata terlebih dahulu, oleh karena itu pada halaman

register_Customer.JSP menyediakan field-field untuk memasukana data customer yang

valid. Berikut source code-nya :

Source code 3.3.3.1-1 View Register Customer


field ini menampilkan data-data yang ada dalam tabel kategori_barang.


misalnya field nomor telepon harus angka. Berikut ini adalah souce code-nya :

Source code 3.3.3.1-2 Validasi Registrasi Data Customer

c. Kelas koneksi dibuat untuk menghubungkan objek dengan query sql yang berisi register

data customer yang dieksekusi. Berikut ini adalah source code-nya :

Source code 3.3.3.1-3 Registrasi Data Customer

d. Jika data customer yang dimasukan telah valid, maka selanjutnya sistem akan masuk

pada halaman kasirHome.JSP.

3.3.3.2 Pembelian Barang

Digunakan untuk melakukan proses transaksi pembelian barang. Berikut ini adalah

penjelasannya :

a. Setelah pengguna melakukan registrasi customer yang akan melakukan proses

pembelian barang. maka selanjutnya customer langsung memilih barang yang akan

dibeli. Berikut ini adalah source code-nya :

Source code 3.3.3.2-1 Pilih Daftar Data Barang

b. Apabila customer sudah melakukan proses pemilihan barang, maka selanjutnya data

barang yang dipilih akan langsung dieksekusi oleh sistem dan pengguna/karyawan

memasukan jumlah pesanan barang customer ke dalam sistem. Berikut ini adalah

source code-nya :

Source code 3.3.3.2-2 Tampilan Data Barang Yang Telah Di Pilih

Source code 3.3.3.2-3 Tampilan Jumlah Pesanan Barang

c. Seperti halnya saat memasukan field-field data barang, dalam hal ini juga aka nada

validasi agar tidak terjadi ketidak-validan data yang telah dimasukan. Berikut ini source

code-nya :

Source code 3.3.3.2-4 Pengambilan Variabel Saat Proses Beli Barang

d. Kelas koneksi dibuat untuk menghubungkan objek dengan query sql yang berisi proses

pembelian barang pada data transaksi yang dieksekusi. Berikut ini adalah source code-

nya :

Source code 3.3.3.2-5 Proses Pembelian Barang

e. Jika semua data yang telah dimasukan valid, maka sistem akan melanjutkannya ke struk

pembelian barang yang bisa diakses oleh pengguna/karyawan saja.

3.3.3.3 Struk Pembelian Barang

Digunakan untuk melakukan proses pencetakan struk pembelian barang. Berikut ini adalah

penjelasannya :

a. Setelah semua proses pembelian barang telah dilalui dan data valid, maka sistem akan

masuk dalam halaman hasilBeli_Barang.JSP untuk mencetak struk pembelian barang.


Source code 3.3.3.3-1 Tampilan Struk Barang

b. Kelas koneksi dibuat untuk menghubungkan objek dengan query sql yang berisi proses

tampilan struk pembelian barang pada data transaksi yang dieksekusi. Berikut ini adalah

source code-nya :

Source code 3.3.3.3-2 Struk Pembelian Barang

c. Jika data yang terdapat dalam struk valid, maka pengguna/user akan mencetak struk

pembelian barang. Berikut ini adalah source code-nya :

Source code 3.3.3.3-3 Cetak Struk Pembelian Barang

3.3.3.4 Detail Laporan Pembelian

Digunakan untuk melakukan view detail pembelian. Berikut ini adalah penjelasannya :

a. Dalam proses pengolahan data pembelian barang, pengguna/kasir bisa melihat detail

transaksi yang terjadi selama periode tertentu. Berikut ini adalah source code yang

digunakan untuk menampilkan daftar data pembelian/transaksi yang terjadi selama

periode tertentu.

Source code 3.3.3.4-1 Tampilan Daftar Transaksi Pembelian Barang


tampilan daftar pembelian barang pada data transaksi yang dieksekusi. Berikut ini

adalah source code-nya :

Source code 3.3.3.4-2 Daftar Pembelian Barang

3.3.4 Modul Laporan

Modul ini digunakan untuk mengolah data laporan transaksi pembelian. Fungsi yang dimiliki

pada modul ini yaitu : cetak laporan perbulan ataupun per periode dan laporan data transaksi.

Berikut ini penjelasan dari tiap-tiap fungsi yang terdapat dalam modul laporan :

3.3.4.1 Laporan Per Bulan

Digunakan untuk melakukan tampilan dan cetak laporan transaksi pembelian berdasarkan

bulan yang dimasukan oleh pengguna/kasir agar memperoleh data berdasar inputan bulan.


a. Data-data transaksi pembelian membutuhkan penanganan yang lebih detail agar

diperoleh data yang sesuai dengan apa yang diharapkan oleh pengguna agar

memperoleh gambaran yang jelas dan mudah dipahami.

Source code 3.3.4.1-1 Tampilan Pilih Bulan

Source code 3.3.4.1-2 Tampilan Laporan Transaksi Pembelian Per Bulanan


tampilan laporan transaksi bulanan pada data transaksi yang dieksekusi. Berikut ini


Source code 3.3.4.1-3 Laporan Bulanan

c. Jika data telah masuk dalam database, maka selanjutnya pengguna/kasir dapat

mencetak laporan tersebut dalam bentuk file agar dapat menjadi arsip bagi pemilik

toko. Berikut ini adalah source code-nya :

Source code 3.3.4.1-4 Cetak Laporan Bulanan

3.3.4.2 Laporan Per Periode

Digunakan untuk melakukan tampilan dan cetak laporan transaksi pembelian berdasarkan bulan yang dimasukan oleh pengguna/kasir agar memperoleh data berdasar inputan bulan. Berikut ini adalah source code-nya :

a. Data-data transaksi pembelian membutuhkan penanganan yang lebih detail agar

diperoleh data yang sesuai dengan apa yang diharapkan oleh pengguna agar

memperoleh gambaran yang jelas dan mudah dipahami.

Source code 3.3.4.2-1 Pilih Menu Tanggal

Source code 3.3.4.2-2 Tampilan Laporan Transaksi Pembelian Per Periode


tampilan laporan transaksi bulanan pada data transaksi yang dieksekusi. Berikut ini


Source code 3.3.4.2-3 Laporan Transaksi Pembelian Barang Per Periode

c. Jika data telah masuk dalam database, maka selanjutnya pengguna/kasir dapat

mencetak laporan tersebut dalam bentuk file agar dapat menjadi arsip bagi pemilik

toko. Berikut ini adalah source code-nya :

Source code 3.3.4.2-4 Cetak Laporan Periode

3.3.5 Modul Logout

Modul logout digunakan untuk membuang atribut username dan password, sehingga nilai dari username dan password menjadi null(kosong). Berikut ini adalah source coce-nya :

Source code 3.3.5-1 Proses Logout

Bab 4

PenggunaanProduk

4.1 Instalasi Produk

1. Untuk dapat menjalankan aplikasi berbasis web ini, diperlukan aplikasi web server

XAMPP yang memuat Apache, PHP dan MySQL serta NetBeans IDE.

2. Dapatkan source aplikasi dari link berikut www.example.com/download/aplikasi.zip

3. Buka sebuah web browser,pada address bar ketik localhost/phpmyadmin untuk

persiapan basis datanya. Pilih import, lalu browse ke folder aplikasi hasil download

dan cari file “db_toko_tani.sql”. Tekan GO, maka seharusnya basis data berhasil di-

import.

4. Buka NetBeans IDE file open project pilih berkas project yang bernama

project_karya_akhir.

5. Kemudian klik kanan pilih Run.

4.2 Petunjuk Penggunaan Produk

1. Halaman Login

Gambar 4.2-1 Halaman login

Pada saat pertama kali aplikasi dijalankan, maka akan tampil halaman login seperti

gambar di atas. Pengguna harus login terlebih dahulu sebelum bisa menggunakan

aplikasi ini. Terdapat dua user yang mempunyai hak akses untuk bisa login yaitu

karyawan dan kasir. Untuk karyawan, username : KR001 dan password : 123. Sedangkan

untuk kasir, username : CH001 dan password : 12345.

2. Halaman Home Karyawan

Gambar 4.2-2 Halaman Home Karyawan

Pada home karyawan terdapat pengolahan data master yang meliputi data barang saja.

Yaitu tambah data barang, update data barang, dan cari data barang,

3. Halaman Barang

Gambar 4.2-3 Halaman Data Barang

4. Halaman Tambah Data Barang

Gambar 4.2-4 Halaman Tambah Data Barang

5. Halaman Validasi Data Barang

Gambar 4.2-5 Validasi Data Barang

6. Halaman Perbaharui Data Barang

Gambar 4.2-6 Halaman Perbaharui Data Barang

7. Halaman Pencarian Data Barang

Gambar 4.2-7 Halaman Pencarian Data Barang

8. Halaman Detail Transaksi

Gambar 4.2-8 Halaman List Transaksi

Gambar 4.2-9 Halaman Detail Transaksi

9. Halaman Laporan Transaksi

Gambar 4.2-10 Halaman Laporan Data Transaksi Bulanan

Gambar 4.2-11 Laporan dalam bentuk grafik

10. Halaman Proses Transaksi Pembelian

Gambar 4.2-12 Registrasi Data Customer

Gambar 4.2-13 Pemilihan Barang

Gambar 4.2-14 Form Transaksi Pembelian

Gambar 4.2-15 Struk Pembelian

Bab 5

Penutup

5.1 Hambatan yang Dialami

Hambatan yang dialami selama pembuatan produk ini adalah sebagai berikut :

1. Rumitnya implementasi tentang bahasa pemrograman JSP yang merupakan bagian dari

bahasa java yang digunakan untuk membangun sistem ini, sehingga dalam segi

fungsionalitas yang ada dalam sistem ini sangat sederhana.

2. Sulitnya mendapatkan literatur dan contoh-contoh mengenai sintaksis ataupun struktur

kode program.

5.2 Saran Pengembangan

Untuk pengembangan produk ke depan, maka disarankan beberapa hal sebagai berikut :

1. Masalah tentang detail mengenai stok barang yang baru dan yang sudah lama belum

ada. Untuk ke depannya bisa dikembangkan lagi mengenai masalah tersebut.

DAFTAR PUSTAKA

NetBeans IDE. (2013). Selamat dating di NetBeans dan www.netbeans.org. NetBeans:

https://netbeans.org/index_id.html

Priyatna.blog.upi.edu. (2013). Pengertian dasar JavaScript dan program dasar. Priyatna:

http://priyatna.blog.upi.edu/2013/05/24/javascript-dasar-pengertian-dan-program-dasar/

laporan karya akhir aplikasi penjualan pelengkapan pertanian berbasis web pada toko ud. pertanian...

Documents