KARYA AKHIR

MANAJEMEN INFORMATIKA

APLIKASI PENJUALAN BIBIT TANAMAN PADA TOKO TANI ABCD BERBASIS WEB MENGGUNAKAN JSP
Penulis Angga Yusuf Hendrawan NIM 30110162

POLITEKNIK TELKOM BANDUNG |2013

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. 1.2. 1.3. 1.4. Latar Belakang .......................................................................................................... 11 Tujuan ...................................................................................................................... 12 Batasan Produk......................................................................................................... 12 Sistematika Penulisan ............................................................................................... 12

Bab 2 Arsitektur Produk ........................................................................................................... 13 2.1 2.2 StrukturProduk ......................................................................................................... 13 Tools yang Digunakan ............................................................................................... 13

Bab 3 PembuatanProduk.......................................................................................................... 16 3.1 3.2 3.3 3.3.1 3.3.2 3.3.2.1 3.3.2.2 3.3.2.3 3.3.2.4 3.3.3 3.3.3.1 3.3.3.2 3.3.3.3 3.3.3.4 3.3.4 3.3.4.1 3.3.4.2 3.3.5 Entity Relationship Diagram (ER-D) ........................................................................... 16 Basis Data ................................................................................................................. 16 StrukturModul .......................................................................................................... 18 Modul Login.......................................................................................................... 18 Modul Barang ....................................................................................................... 20 Tambah Barang..................................................................................................... 21 View Barang.......................................................................................................... 23 Update Barang ...................................................................................................... 24 Cari Barang ........................................................................................................... 26 Modul Transaksi ................................................................................................... 27 Registrasi Customer .............................................................................................. 27 Pembelian Barang ................................................................................................. 29 Struk Pembelian Barang ........................................................................................ 31 Detail Laporan Pembelian ..................................................................................... 32 Modul Laporan ..................................................................................................... 33 Laporan Per Bulan................................................................................................. 33 Laporan Per Periode ............................................................................................. 34 Modul Logout ....................................................................................................... 36

Bab 4 PenggunaanProduk ........................................................................................................ 37 4.1 4.2 Instalasi Produk ........................................................................................................ 37 Petunjuk Penggunaan Produk ................................................................................... 37

Bab 5 Penutup ......................................................................................................................... 44 5.1 5.2 Hambatan yang Dialami ............................................................................................ 44 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)

Tgl_pesan nm_brg Id_cust Nm_cust No_pesan No_faktur Qty_brg

Customer

Pesan

Barang

Jmlh_pesan Almt_cust Telp_cust

Total_harga Id_brg Hrg_brg Stok_brg

Di simpan

Harga_total

Detail_pemesana n

No_faktur

Id_detail

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 passwordnya : 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 fieldfield 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. Berikut ini adalah source code-nya :

Source code 3.3.2.3-1 View Update Data Barang

Pada saat pengisian field-field data barang, membutuhkan koneksi ke database karena fieldfield 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.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

Pada saat pengisian field-field data barang, membutuhkan koneksi ke database karena fieldfield 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 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 codenya :

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. Berikut ini adalah source code-nya :

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

b. Kelas koneksi dibuat untuk menghubungkan objek dengan query sql yang berisi proses 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. 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.1-1 Tampilan Pilih Bulan

Source code 3.3.4.1-2 Tampilan Laporan Transaksi Pembelian Per Bulanan

b. Kelas koneksi dibuat untuk menghubungkan objek dengan query sql yang berisi proses tampilan laporan transaksi bulanan pada data transaksi yang dieksekusi. Berikut ini adalah source code-nya :

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

b. Kelas koneksi dibuat untuk menghubungkan objek dengan query sql yang berisi proses tampilan laporan transaksi bulanan pada data transaksi yang dieksekusi. Berikut ini adalah source code-nya :

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 diimport. 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/