Pemrograman Sistem Informasi Akuntansi Dengan Java Web Application PART 1

Postingan kali ini saya mau ngejelasin mengenai koding untuk Java berbasis web, seperti yang saya janjikan di postingan sebelumnya. Disini saya sudah buat tampilan halaman web seperti berikut ini :

Bisa dilihat dari tampilan diatas, kita akan membuat Sistem Informasi Akuntansi . Di tampilan diatas ada beberapa menu yang harus diisi pada tampilan right content yang merupakan isi dari left content. Kali ini saya akan jelaskan secara rinci untuk membuat isian dari left content Periode Akuntansi. Oh ya, buat yang mau tau cara buat tampilannya, bisa download tutorialnya dulu <<di sini>> itu tutorial dari dosen saya, karena akan berhubungan dengan postingan ini.

Langsung aja ya, untuk tampilan periode akuntansi saya buat databasenya dengan field-field berikut

Nama tabel : periode

nama	type
thn	Int(4)
awal_bln	Varchar(15)
akhir_bln	Varchar(15)
status	Enum(‘AKTIF’,’NONAKTIF’)

Primary Key : thn

Dari database yang saya punya diatas bisa kita analisa, tampilan seperti apa, dan  fungsi seperti apa  yang kita butuhkan untuk menu periode ini. Menu periode ini digunakan untuk menentukan periode transaksi yang kita input. Misal, jika kita menentukan untuk menggunakan periode tahun 2015, maka kita hanya bisa menginput transaksi pada tahun 2015 saja. Dan jika dilihat pada nama field status, dengan type enum ‘aktif’,’nonaktif’ berarti field tersebut berfungsi untuk menentukan tahun periode mana yang diaktifkan/dinonaktifkan. Tabel periode ini nantinya akan berpengaruh pada transaksi keuangan.

Setelah itu, kita buat design tampilan untuk right contentnya seperti berikut :

 Nah mulai dari sini udah masuk koding, saya akan jelaskan listing code untuk tampilannya. Saya buat satu file JSP baru dengan nama "dataperiode". 

Untuk Listing code 1-6 merupakan perintah pencarian database pada mySQL dari tabel periode berdasarkan tahun atau status periode. Bisa dilihat dari perintah SELECT * FROM periode , tanda * berarti adalah menampilkan seluruh database pada tabel periode. Pokoknya kalau koding diawali dengan <sql:query..... itu berarti koding untuk perintah mySQL.

Untuk koding pencarian nya kita beri nama dengan param.cari yang nanti akan kita gunakan untuk memanggil perintahnya nya.

Pada koding nomor 7-9 merupakan perintah untuk penghitungan jumlah record dengan status "Aktif" pada database, Perintah hitungnya bisa dilihat dari adanya "count" pada perintah select. Untuk pemanggilannya kita beri nama count.

koding diatas untuk membuat form dengan action atau perintah kondisi yang ada pada halaman servlet aksi_periode (akan dijelaskan diakhir postingan) dengan method post  yang berarti pengiriman nilai. Maksudnya adalah, jika kita mengisi data pada form tersebut, maka data tersebut akan dikirimkan nilainya dengan perintah yang ada pada aksi_periode sesuai dengan kondisinya.

<tr> kepanjangan dari table row, digunakan untuk mendefiniskan baris pada tabel. yaa kalo di Ms. Excel insert row gitu..

<td> kepanjangan dari table data, digunakan untuk membuat isi dari th atau baris atau kalau di MS.excel seperti cell.

${param.nama variabel} perintah pemanggilan nama variabel

Pada listing 19 dan 22, digunakan untuk pemanggilan variabel thn dan status yang dipilih pada tabel dibawahnya (bisa dilihat kembali pada tampilan awal)

listing 23 untuk pembuatan button dengan nama "Aktifkan/Nonaktifkan" . lalu setelah itu ada pemanggilan variabel ${count[0]} untuk perintah count yang sudah kita buat diawal. Hasil dari perintah count ditampung pada textbox, Tetapi tidak saya tampilkan karena hanya sebagai bantuan untuk proses penyimpanan status periode.

<c:forEach> pengulangan perintah sampai ke record yang terakhir

Listing 33 untuk menghubungkan ke halaman periode jika kita klik tambah daftar periode

<a> merupakan singkatan cari anchor. Setiap tag <a> setidaknya memiliki sebuah atribut href

<href> singkatan dari hypertext reference berisi alamat/halaman yang dituju.

Pemanggilan perintah cari 

<br> break, untuk pindah baris

Pengaturan header tabel yang akan menampilkan daftar periode yang sudah ada

Listing kode no 46 untuk perulangan perintah pengisian tabel. Pada listing kode 47-51 untuk isi dari tabel yang mana menampilkan data pada database berdasarkan index yang dimasukkan. 

Lalu pada listing kode 53 untuk fungsi hapus yang mengambil kondisi pada aksi_periode dengan case HAPUS

Pada koding nomor 54-57 untuk pilih yang berfungsi mengirimkan data yang dipilih ke form status periode, untuk diubah statusnya. Maka file JSP dataperiode selesai kita buat.

Nah sekian dulu buat postingan kali ini, karena kalau ditulis sekaligus takut yang baca mabok :D ... 

Lanjutannya bisa di klik >>  NEXT PART

Postingan kali ini saya mau ngejelasin mengenai koding untuk Java berbasis web, seperti yang saya janjikan di postingan sebelumnya. Disini saya sudah buat tampilan halaman web seperti berikut ini :

Bisa dilihat dari tampilan diatas, kita akan membuat Sistem Informasi Akuntansi . Di tampilan diatas ada beberapa menu yang harus diisi pada tampilan right content yang merupakan isi dari left content. Kali ini saya akan jelaskan secara rinci untuk membuat isian dari left content Periode Akuntansi. Oh ya, buat yang mau tau cara buat tampilannya, bisa download tutorialnya dulu <<di sini>> itu tutorial dari dosen saya, karena akan berhubungan dengan postingan ini.

Langsung aja ya, untuk tampilan periode akuntansi saya buat databasenya dengan field-field berikut

Nama tabel : periode

nama	type
thn	Int(4)
awal_bln	Varchar(15)
akhir_bln	Varchar(15)
status	Enum(‘AKTIF’,’NONAKTIF’)

Primary Key : thn

Dari database yang saya punya diatas bisa kita analisa, tampilan seperti apa, dan  fungsi seperti apa  yang kita butuhkan untuk menu periode ini. Menu periode ini digunakan untuk menentukan periode transaksi yang kita input. Misal, jika kita menentukan untuk menggunakan periode tahun 2015, maka kita hanya bisa menginput transaksi pada tahun 2015 saja. Dan jika dilihat pada nama field status, dengan type enum ‘aktif’,’nonaktif’ berarti field tersebut berfungsi untuk menentukan tahun periode mana yang diaktifkan/dinonaktifkan. Tabel periode ini nantinya akan berpengaruh pada transaksi keuangan.

Setelah itu, kita buat design tampilan untuk right contentnya seperti berikut :

 Nah mulai dari sini udah masuk koding, saya akan jelaskan listing code untuk tampilannya. Saya buat satu file JSP baru dengan nama "dataperiode". 

Untuk Listing code 1-6 merupakan perintah pencarian database pada mySQL dari tabel periode berdasarkan tahun atau status periode. Bisa dilihat dari perintah SELECT * FROM periode , tanda * berarti adalah menampilkan seluruh database pada tabel periode. Pokoknya kalau koding diawali dengan <sql:query..... itu berarti koding untuk perintah mySQL.

Untuk koding pencarian nya kita beri nama dengan param.cari yang nanti akan kita gunakan untuk memanggil perintahnya nya.

Pada koding nomor 7-9 merupakan perintah untuk penghitungan jumlah record dengan status "Aktif" pada database, Perintah hitungnya bisa dilihat dari adanya "count" pada perintah select. Untuk pemanggilannya kita beri nama count.

koding diatas untuk membuat form dengan action atau perintah kondisi yang ada pada halaman servlet aksi_periode (akan dijelaskan diakhir postingan) dengan method post  yang berarti pengiriman nilai. Maksudnya adalah, jika kita mengisi data pada form tersebut, maka data tersebut akan dikirimkan nilainya dengan perintah yang ada pada aksi_periode sesuai dengan kondisinya.

<tr> kepanjangan dari table row, digunakan untuk mendefiniskan baris pada tabel. yaa kalo di Ms. Excel insert row gitu..

<td> kepanjangan dari table data, digunakan untuk membuat isi dari th atau baris atau kalau di MS.excel seperti cell.

${param.nama variabel} perintah pemanggilan nama variabel

Pada listing 19 dan 22, digunakan untuk pemanggilan variabel thn dan status yang dipilih pada tabel dibawahnya (bisa dilihat kembali pada tampilan awal)

listing 23 untuk pembuatan button dengan nama "Aktifkan/Nonaktifkan" . lalu setelah itu ada pemanggilan variabel ${count[0]} untuk perintah count yang sudah kita buat diawal. Hasil dari perintah count ditampung pada textbox, Tetapi tidak saya tampilkan karena hanya sebagai bantuan untuk proses penyimpanan status periode.

<c:forEach> pengulangan perintah sampai ke record yang terakhir

Listing 33 untuk menghubungkan ke halaman periode jika kita klik tambah daftar periode

<a> merupakan singkatan cari anchor. Setiap tag <a> setidaknya memiliki sebuah atribut href

<href> singkatan dari hypertext reference berisi alamat/halaman yang dituju.

Pemanggilan perintah cari 

<br> break, untuk pindah baris

Pengaturan header tabel yang akan menampilkan daftar periode yang sudah ada

Listing kode no 46 untuk perulangan perintah pengisian tabel. Pada listing kode 47-51 untuk isi dari tabel yang mana menampilkan data pada database berdasarkan index yang dimasukkan. 

Lalu pada listing kode 53 untuk fungsi hapus yang mengambil kondisi pada aksi_periode dengan case HAPUS

Pada koding nomor 54-57 untuk pilih yang berfungsi mengirimkan data yang dipilih ke form status periode, untuk diubah statusnya. Maka file JSP dataperiode selesai kita buat.

Nah sekian dulu buat postingan kali ini, karena kalau ditulis sekaligus takut yang baca mabok :D ... 

Lanjutannya bisa di klik >>  NEXT PART