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
KAT KA TA PE PENG NGANT ANTAR AR 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 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 Pengenalan Produk Produk .......................................................... ............................................................................................ .............................................. ............ 11 1.1.
Latar Latar Belakang Belakang ............................................................. ............................................................................................... ............................................. ........... 11
1.2.
Tujuan Tujuan ............................................................. ............................................................................................... ......................................................... ....................... 12
1.3.
Batasan Batasan Produk........................... Produk........................................................... .................................................................. .............................................. ............ 12
1.4.
Sistematika Sistematika Penulisan Penulisan ............................................................. ............................................................................................... .................................. 12
Bab 2 Arsitektur Arsitektur Produk ....................... ......................................................... .................................................................... .................................................. ................ 13 2.1
StrukturPro StrukturProduk duk ........................................................... ............................................................................................. .............................................. ............ 13
2.2
Tools Tools yang Digunakan Digunakan ............................................................. ............................................................................................... .................................. 13
Bab 3 PembuatanProdu PembuatanProduk..................... k....................................................... .................................................................... ................................................... ................. 16 3.1
Entity Entity Relationship Relationship Diagram (ER-D) ............................................................... ........................................................................... ............ 16
3.2
Basis Data ............................................................... ................................................................................................. .................................................. ................ 16
3.3
StrukturM StrukturModul odul ............................................................. ............................................................................................... ............................................. ........... 18
3.3.1
Modul Login........................... Login............................................................. .................................................................... ............................................. ........... 18
3.3.2
Modul Barang ................................................................. ................................................................................................. ...................................... ...... 20
3.3.2.1
Tambah Barang............................................................... ............................................................................................... ...................................... ...... 21
3.3.2.2
View Barang........................... Barang............................................................. .................................................................... ............................................. ........... 23
3.3.2.3
Update Barang ................................... ..................................................................... ................................................................... ................................. 24
3.3.2.4
Cari Barang ............................................................... ................................................................................................. ............................................ .......... 26
3.3.3
Modul Transaksi Transaksi ............................................................. ............................................................................................. ...................................... ...... 27
3.3.3.1
Registrasi Registrasi Customer Customer ............................................................. .............................................................................................. ................................. 27
3.3.3.2
Pembelian Pembelian Barang............................................................... ................................................................................................. .................................. 29
3.3.3.3
Struk Pembelian Pembelian Baran Barang g ............................................................. ........................................................................................ ........................... 31
3.3.3.4
Detail Detail Laporan Laporan Pembelian Pembelian ............................................................... ..................................................................................... ...................... 32
3.3.4
Modul Laporan Laporan ............................................................... ............................................................................................... ...................................... ...... 33
3.3.4.1
Laporan Laporan Per Bulan............................................................... ................................................................................................. .................................. 33
3.3.4.2
Laporan Laporan Per Periode ........................................................... ............................................................................................. .................................. 34
3.3.5
Modul Logout Logout ................................................................. ................................................................................................. ...................................... ...... 36
Bab 4 PenggunaanProd PenggunaanProduk uk ........................................................... ............................................................................................. ............................................. ........... 37 4.1
Instalasi Instalasi Produk Produk ........................................................... ............................................................................................. ............................................. ........... 37
4.2
Petunjuk Petunjuk Penggunaan Penggunaan Produk Produk ............................................................. ................................................................................... ...................... 37
Bab 5 Penutup Penutup ........................................................... ............................................................................................. .............................................................. ............................ 44 5.1
Hambatan Hambatan yang Dialami Dialami ............................................................... ............................................................................................ ............................. 44
5.2
Saran Pengembangan Pengembangan ............................................................. ............................................................................................... .................................. 44
DAFTAR GAMBAR Gambar 2.1.1 Struktur Aplikasi Penjualan Bibit Pada Toko Tani ABCD ...................................... 13 Gambar Gambar 3.1.1 Entity Entity Relationship Relationship Diagram ............................................. ............................................................................... .................................. 16 Gambar Gambar 3.2.1 Relasi Antar Tabel ......................................................................................... .............................................................................................. ..... 17 Gambar 4.2.1 Halaman login........................... login ............................................................. .................................................................... ....................................... ..... 37 Gambar Gambar 4.2.2 Halaman Home Home Karyawan Karyawan ................................................. .................................................................................. ................................. 38 Gambar Gambar 4.2.3 Halaman Data Barang ........................................................... ........................................................................................ ............................. 38 Gambar Gambar 4.2.4 Halaman Tambah Tambah Data Barang ........................................................... ........................................................................... ................ 39 Gambar Gambar 4.2.5 Validasi Data Barang ............................................................. .......................................................................................... ............................. 39 Gambar Gambar 4.2.6 Halaman Perbaharui Perbaharui Data Barang ...................................................................... ...................................................................... 40 Gambar Gambar 4.2.7 Halaman Pencarian Pencarian Data Barang ................................................................... ........................................................................ ..... 40 Gambar Gambar 4.2.8 Halaman List Transaksi Transaksi ............................... ................................................................. ........................................................ ...................... 41 Gambar Gambar 4.2.9 Halaman Detail Detail Transaksi Transaksi ....................................................... ................................................................................... ............................ 41 Gambar 4.2.10 Halaman Laporan Data Transaksi Bulanan ........................................................ 41 Gambar Gambar 4.2.11 Laporan dalam bentuk bentuk grafik........................................................... ............................................................................ ................. 42 Gambar Gambar 4.2.12 Registrasi Data Customer ..................................................... ................................................................................. ............................ 42 Gambar Gambar 4.2.13 Pemilihan Pemilihan Barang ............................................... ................................................................................. .............................................. ............ 42 Gambar Gambar 4.2.14 Form Transaksi Transaksi Pembelian Pembelian ............................................................................... ............................................................................... 43 Gambar Gambar 4.2.15 Struk Pembelian............................................................. ............................................................................................... .................................. 43
DAFTAR DAFT AR SOURCE SO URCE CODE CO DE Source code 3.2.1.1 code 3.2.1.1 View Page Login......................... Login ........................................................... ............................................................... ............................. 19 Source code 3.2.1.2 code 3.2.1.2 Pengambilan Variabel Username dan Username dan Password Saat Saat Login ....................... 19 Source code 3.2.1.3 code 3.2.1.3 Cek Login Pengguna Pengguna ..................................................... ................................................................................. ............................ 20 Source code 3.2.1.4 code 3.2.1.4 Konfirmasi Login Pengguna Login Pengguna Berdasarkan Status Pengguna ........................ 20 Source code 3.2.1.5 code 3.2.1.5 Pengaturan Atribut Username dan Username dan Password Yang Yang Sedang Login .............. Login .............. 20 Source code 3.2.1.6 code 3.2.1.6 Pesan Error Jika Username atau Username atau Password Tidak Tidak Valid ............................... ............................... 20 Source code 3.2.2.1.1 3.2.2.1.1 View Tambah Data Barang Barang ..................................................................... ..................................................................... 21 Source code 3.2.2.1.2 code 3.2.2.1.2 Valid asi asi Tambah Data Barang............................................................. ................................................................. .... 22 Source code 3.2.2.1.3 code 3.2.2.1.3 Pengambilan Variabel Saat Tambah Data Barang ................................... 22 Source code 3.2.2.1.4 3.2.2.1.4 Penambahan Penambahan Data Barang ............................................................. ...................................................................... ......... 23 Source code 3.2.2.1.5 code 3.2.2.1.5 Konfirmasi Tambah Data Barang ............................................................ 23 Source code 3.2.2.2.1 3.2.2.2.1 View Data Barang............................................................... ................................................................................... .................... 23 Source code 3.2.2.3.1 code 3.2.2.3.1 View Update Data Barang ...................................................................... ...................................................................... 24 Source code 3.2.2.3.2 code 3.2.2.3.2 Valid asi asi Update Data Barang ......................................................... .................................................................. ......... 25 Source code 3.2.2.3.3 code 3.2.2.3.3 Pengambilan Variabel Saat Update Data Barang ..................................... ..................................... 25 Source code 3.2.2.3.4 3.2.2.3.4 Perbaharui Perbaharui Data Barang ................................................................. ......................................................................... ........ 26 Source code 3.2.2.3.5 code 3.2.2.3.5 Konfirmasi Update Data Barang ............................................................. ............................................................. 26 Source code 3.2.2.4.1 3.2.2.4.1 Cari Data Barang ........................................................................... .................................................................................... ......... 27 Source code 3.2.2.4.2 3.2.2.4.2 Pencarian Pencarian Data Barang ....................................................... ........................................................................... .................... 27 Source code 3.2.3.1.1 3.2.3.1.1 View Register Register Customer Customer ..................................................... ......................................................................... .................... 28 Source code 3.2.3.1.2 code 3.2.3.1.2 Valid asi asi Registrasi Registrasi Data Customer Customer .......................................................... .......................................................... 28 Source code 3.2.3.1.3 3.2.3.1.3 Registrasi Registrasi Data Customer Customer ....................................................................... ....................................................................... 29 Source code 3.2.3.2.1 3.2.3.2.1 Pilih Daftar Data Barang ................................................................. ......................................................................... ........ 29 Source code 3.2.3.2.2 code 3.2.3.2.2 Tampilan Data Barang Yang Telah Di Pilih ............................................... 30 Source code 3.2.3.2.3 code 3.2.3.2.3 Tampilan Jumlah Pesanan Barang .......................................................... 30 Source code 3.2.3.2.4 code 3.2.3.2.4 Pengambilan Variabel Saat Proses Beli Barang ....................................... 30 Source code 3.2.3.2.5 3.2.3.2.5 Proses Pembelian Barang ......................................................... ....................................................................... .............. 31 Source code 3.2.3.3.1 3.2.3.3.1 Tampilan Tampilan Struk Barang ......................................................................... ........................................................................... .. 31 Source code 3.2.3.3.2 3.2.3.3.2 Struk Pembelian Barang ................................................................. ......................................................................... ........ 32 Source code 3.2.3.3.3 code 3.2.3.3.3 Cetak Struk Pembelian Barang ............................................................... 32 Source code 3.2.3.4.1 code 3.2.3.4.1 Tampilan Daftar Transaksi Pembelian Barang ......................................... 32 Source code 3.2.3.4.2 3.2.3.4.2 Daftar Daftar Pembelian Pembelian Barang .................................................................... ....................................................................... ... 33 Source code 3.2.4.1.1 3.2.4.1.1 Tampilan Tampilan Pilih Bulan............................................................. ............................................................................... .................. 33 Source code 3.2.4.1.2 code 3.2.4.1.2 Tampilan Laporan Transaksi Pembelian Per Bulanan .............................. 34 Source code 3.2.4.1.3 3.2.4.1.3 Laporan Laporan Bulanan ..................................................... .................................................................................... ............................... 34 Source code 3.2.4.1.4 3.2.4.1.4 Cetak Laporan Bulanan ............................................................. .......................................................................... ............. 34 Source code 3.2.4.2.1 3.2.4.2.1 Pilih Menu Tanggal............................................................... ................................................................................. .................. 35 Source code 3.2.4.2.2 code 3.2.4.2.2 Tampilan Laporan Transaksi Pembelian Per Periode ............................... 35 Source code 3.2.4.2.3 code 3.2.4.2.3 Laporan Transaksi Pembelian Barang Per Periode .................................. 35 Source code 3.2.4.2.4 3.2.4.2.4 Cetak Laporan Periode ............................................................. ........................................................................... .............. 36
Source code 3.2.5.1 Proses Logout 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 manusia/ user dengan lebih cepat atau bisa disebut dengan media komputasi. Dengan masuknya atau dengan adanya komputer semakin mempermudah manusia/user manusia/user dalam 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. 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 Web Pada Toko Tani ABCD”.
1.2.
Tujuan
Adapun tujuan dari pembuatan karya akhir ini adalahsebagai berikut : a. Membuat aplikasi yang dapat melakukan pengol ahan 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.
1.4.
Stok barang tidak ada pengecekan detail keluar atau masuknya barang.
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 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) Apache) melalui jaringan intranet. Jika aplikasi memerlukan data yang ada di basis data/database data/database,, maka web web server akan berinteraksi dengan database server (dalam hal ini dengan MySQL). 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 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 protokol-protokol baru, pada apache juga apache juga dapat dikonfigurasi dan diperluas dengan bantuan third-party modules. 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 CS6 merupakan salah satu dari product adobe ad obe master collection yang collection yang digunakan dalam pembuatan antarmuka maupun penulisan ko de 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) Language ) digunakan untuk membuat halaman web. web. Umumnya dokumen HTML HTML disajikan dalam web surfer atau sebagai penjelajah web. web. Atau dapat dikatakan bahwa HTML berisi HTML berisi antarmuka aplikasi di dalam internet.
f. JSP (Java Server Pages) JSP JSP merupakan teknologi yang dapat menambahkan konten yang bersifat dinamis pada sebuah halaman web. web. Apabila tanpa adanya JSP adanya JSP maka maka user harus harus mengubah HTML secara manual. Oleh karena itu dengan JSP JSP seorang pengembang web web dapat mengembangkan aplikasi web-nya 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. web. Dalam JavaScript Dalam JavaScript dapat dapat dituliskan atau disisipkan secara langsung maupun diletakan ke file berupa teks dan atau link di di dokumen HTML (Priyatna, HTML (Priyatna, 2013).
Bab 3 PembuatanProduk 3.1
Entity Relationship Diagram (ER-D)
Tgl_pesan nm_brg Id_cust
Qty_brg
Nm_cust No_pesan
Customer
No_faktur
Pesan
Jmlh_pesan Almt_cust
Barang
Total_harga Id_brg
Telp_cust
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 database yang
digunakan. Dalam aplikasi penjualan bibit tanaman ini menggunakan MySQL sebagai basis data yang terdiri dari lima tabel sebagai database-nya. 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, 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.
3.3.1
Modul Logout
Modul Login
Modul login 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 code untuk menampilkan page login : login :
Source code 3.3.1-1 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 JSP. dicek pada 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 code 3.3.1-2 Pengambilan Variabel Username dan Username dan Password Saat Saat Login
b. Dalam mengkoneksikan antara username dan password , maka dibuatlah kelas koneksi dan dihubungkan dengan sintaks query yang yang menyatakan bahwa username dan password yang yang telah diinputkan dapat dieksekusi. Berikut adalah cuplikannya:
Source code 3.3.1-3 code 3.3.1-3 Cek Login Login Pengguna
c.
Jika username , password dan status user /pengguna /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 code 3.3.1-4 Konfirmasi Login Pengguna 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 code 3.3.1-5 Pengaturan Atribut Username dan Username dan Password Yang Yang Sedang Login
e. Apabila username dan password yang 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 code 3.3.1-6 Pesan Error Jika Username atau Username atau Password Tidak 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 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 code 3.3.2.1-1 View Tambah Data Barang
Pada saat pengisian field - field data barang, membutuhkan koneksi ke database karena field field data ini menampilkan data-data data-data yang ada dalam tabel kategori barang. field ini b. Pada saat menginput data-data ke dalam field - field asi, field tersebut, perlu adanya valid asi, misalnya field stok stok barang harus angka. Berikut ini adalah souce code-nya :
Source code 3.3.2.1-2 code 3.3.2.1-2 Valid asi asi Tambah Data Barang
c.
Jika data-data yang dimasukan valid oleh oleh sistem, maka field - field tersebut akan di-get field tersebut JSP. Jika tidak valid maka sistem akan pada halaman aksiInput_DataBarang. JSP
memunculkan pop-up/pesan yang menyatakan bahwan data yang diinputkan tidak valid .
Source code 3.3.2.1-3 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 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 JSP. Berikut ini adalah source code-nya :
Source code 3.3.2.1-5 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 JSP.
Source code 3.3.2.2-1 code 3.3.2.2-1 View Data Barang
3.3.2.3
Update Barang
Digunakan untuk mempebaharui data barang. B erikut ini adalah penjelasannya : a.
Setelah menekan button/tombol tambah buku, sistem segera menyediakan field - field field identitas barang yang harus diisi oleh data yang valid dari pengguna sistem tersebut. Berikut ini adalah source code-nya code -nya :
Source code 3.3.2.3-1 View Update Data Barang
Pada saat pengisian field pengisian field - field field data data barang, membutuhkan koneksi ke database karena database karena field field field ini ini menampilkan data-data data-data yang ada dalam tabel kategori barang. b. Pada saat menginput data-data ke dalam field - field field tersebut, perlu adanya valid asi, asi, misalnya field misalnya field stok stok barang harus angka. Berikut ini adalah souce code-nya :
Source code 3.3.2.3-2 code 3.3.2.3-2 Valid asi asi Update Data Update Data Barang
c.
Jika data-data yang dimasukan valid oleh oleh sistem, maka field - field tersebut akan di-get field tersebut JSP. Jika tidak valid maka sistem akan pada halaman aksiUpdate _DataBarang. JSP
memunculkan pop-up/pesan yang menyatakan bahwan data yang diinputkan tidak valid .
Source code 3.3.2.3-3 code 3.3.2.3-3 Pengambilan Variabel Saat Update Data 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 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 JSP. Berikut ini adalah source code-nya :
Source code 3.3.2.3-5 code 3.3.2.3-5 Konfirmasi Update Data Update Data Barang
3.3.2.4
Cari Barang
Digunakan untuk mempebaharui data barang. Berikut ini adalah penjelasannya : a. Pengguna menginput text /kata /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 JSP. Berikut ini adalah source code-nya :
Source code 3.3.2.4-1 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 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 untuk memasukana data customer yang JSP menyediakan field - field field untuk valid . Berikut source code-nya :
Source code 3.3.3.1-1 code 3.3.3.1-1 View Register Customer
Pada saat pengisian field - field data barang, membutuhkan koneksi ke database karena field field data ini menampilkan data-data data-data yang ada dalam tabel kategori_barang. field ini b. Pada saat menginput data-data ke dalam field - field asi, field tersebut, perlu adanya valid asi, misalnya field nomor nomor telepon harus angka. Berikut ini adalah souce code-nya :
Source code 3.3.3.1-2 code 3.3.3.1-2 Valid asi asi Registrasi Data Customer
c.
Kelas koneksi dibuat untuk menghubungkan objek dengan query sql sql yang berisi register data customer yang dieksekusi. Berikut ini adalah source code-nya :
Source code 3.3.3.1-3 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 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 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 code 3.3.3.2-2 Tampilan Data Barang Yang Telah Di Pilih
Source code 3.3.3.2-3 code 3.3.3.2-3 Tampilan Jumlah Pesanan Barang
c.
Seperti halnya saat memasukan field - field field data barang, dalam hal ini juga aka nada asi agar tidak terjadi ketidak-valid an an data yang telah dimasukan. Berikut ini source valid asi code-nya :
Source code 3.3.3.2-4 code 3.3.3.2-4 Pengambilan Variabel Saat Proses Beli Barang
d. Kelas koneksi dibuat untuk menghubungkan objek dengan query sql sql yang berisi proses pembelian barang pada data transaksi yang dieksekusi. Berikut ini adalah source codenya :
Source code 3.3.3.2-5 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 di akses 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 JSP untuk mencetak struk pembelian barang. Berikut ini adalah source code-nya :
Source code 3.3.3.3-1 code 3.3.3.3-1 Tampilan Struk Barang
b. Kelas koneksi dibuat untuk menghubungkan objek dengan query sql 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 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 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 code 3.3.3.4-1 Tampilan Daftar Transaksi Pembelian Barang
b. Kelas koneksi dibuat untuk menghubungkan objek dengan query sql 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 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 code 3.3.4.1-1 Tampilan Pilih Bulan
Source code 3.3.4.1-2 code 3.3.4.1-2 Tampilan Laporan Transaksi Pembelian Per Bulanan
b. Kelas koneksi dibuat untuk menghubungkan objek dengan query sql 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 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 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 code 3.3.4.2-1 Pilih Menu Tanggal
Source code 3.3.4.2-2 code 3.3.4.2-2 Tampilan Laporan Transaksi Pembelian Per Periode
b. Kelas koneksi dibuat untuk menghubungkan objek dengan query sql 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 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 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 menjadi null(kosong). Berikut ini adalah source coce-nya : username dan password menjadi
Source code 3.3.5-1 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 lag i mengenai masalah tersebut.
DAFTAR PUSTAKA NetBeans IDE.
(2013). Selamat dating di NetBeans dan www.netbeans.org 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/