Senin, 10 Desember 2018

Pemograman Visual Akuntansi ke-7



 

Membuat Form Beranda


 

Buatlah Form beranda.jsp dengan kodingan sebagai berikut:
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="c"uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="sql"uri="http://java.sun.com/jsp/jstl/sql"%>
<sql:setDataSource var="dataSource"
                   driver="com.mysql.jdbc.Driver"
                   url="jdbc:mysql://localhost:3306/sia"
                   user="root"password=""/>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Sistem Informasi Akuntansi 1.0</title>
        <link rel="stylesheet" type="text/css" href="config/style.css" media="screen" />
        <script type="text/javascript" src="config/setting.js"></script>
    </head>
    <body>
 <%@page contentType="text/html" pageEncoding="UTF-8"%>

<%@taglib prefix="c"uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="sql"uri="http://java.sun.com/jsp/jstl/sql"%>
<sql:setDataSource var="dataSource"
                   driver="com.mysql.jdbc.Driver"
                   url="jdbc:mysql://localhost:3306/sia"
                   user="root"password=""/>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Sistem Informasi Akuntansi 1.0</title>
        <link rel="stylesheet" type="text/css" href="config/style.css" media="screen" />
        <script type="text/javascript" src="config/setting.js"></script>
    </head>
    <body>
<div id="wrap">
            <div id="header"><%-- awal header --%>
                <img src="image/logo-universitas-bina-sarana-informatika-ubsi.png"><%-- gambar silahkan massukkan logo UBSI --%>
                <h1><a>Sistem Informasi Akuntansi</a></h1>
                <h2>Universitas Bina Sarana Informatika</h2>
                <%-- mahasiswa wajib mengganti alamat kampus msg2 --%>
                <h2>Jl. Cilebut Raya No. 24, Cilebut, Bogor</h2>
                <%-- mahasiswa wajib mengganti dengan nama masing2 --%>
                <h3>Programmer by. Konsorsium Program Studi SIA</h3>
            </div><%-- akhir dari header --%>

            <div id="menu"><%-- awal dari menu atas --%>
                <ul>
                    <li><a href="index.jsp">Home</a></li>
                    <li><a href="">About</a></li><%-- buat halaman about dengan biaodata mahasiswa --%>
                    <li><a href="">Logout</a></li>
                </ul>
            </div><%-- akhir dari menu atas --%>

            <div id="content"><%-- awal dari isi content --%>
                <div class="left"> <%-- awal dari content sebelah kiri web --%>
                    <h2>Master Data</h2>
                    <ul>
                        <%-- modif href pasca atur aksi--%>
                        <%-- perubahan agar aksi simpan dapat bekerja --%>
                        <li><a href="index.jsp?hal=akun">Akun</a></li>
                        <li><a href="index.jsp?hal=saldo_awal1">Saldo Awal</a></li>
                        <li><a href="index.jsp?hal=user">User</a></li>
                        <li><a href="index.jsp?hal=periode">Periode Akuntansi</a></li>
                    </ul>
<h2>Transaksi</h2>
                    <ul>
                        <li><a href="index.jsp?hal=kas-masuk">Kas Masuk</a></li>
                        <li><a href="index.jsp?hal=kas-keluar">Kas Keluar</a></li>
                        <li><a href="index.jsp?hal=jurnal">Jurnal Umum</a></li>
                    </ul>

                    <h2>Informasi Data</h2>
                    <ul>
                        <li><a href="index.jsp?halaman=informasi_akun">Informasi Akun</a></li>
                        <li><a href="index.jsp?halaman=informasi_user">Informasi User </a></li>
                        <li><a href="index.jsp?halaman=informasi_kas_keluar">Informasi Kas Keluar</a></li>
                        <li><a href="index.jsp?halaman=informasi_kas_masuk">Informasi Kas Masuk</a></li>
                        <li><a href="index.jsp?halaman=informasi_data_jurnal_umum">Data Jurnal Umum</a></li>
                    </ul>

                </div> <%-- akhir dari content sebelah kiri web --%>
<div class="right"> <%-- awal dari content sebelah kanan web --%>
                    <table width="100%">
                        <tr>
                            <td valign="top" width="110%">
                                <%-- isi dari content sebelah kanan --%>
                                <c:choose>
                                    <c:when test="${param.hal=='akun'}">
                                        <%@include file="tampil_informasi_akun.jsp" %>
                                    </c:when>
<c:when test="${param.hal=='user'}">
                                        <%@include file="tampil_user.jsp" %>
                                    </c:when>
                                    <c:when test="${param.hal=='new-user'}">
                                        <%@include file="add_user.jsp" %>
                                    </c:when>

<c:when test="${param.hal=='edit-user'}">
                                        <%@include file="edit_user.jsp" %>
                                    </c:when>
                                    <c:when test="${param.hal=='periode'}">
                                        <%@include file="tampil_periode.jsp" %>
                                    </c:when>
                                    <c:when test="${param.hal=='new-periode'}">
                                        <%@include file="add_periode.jsp" %>
                                    </c:when>
                                    <c:when test="${param.hal=='edit-periode'}">
                                        <%@include file="edit_periode.jsp" %>
                                    </c:when>
                                    <c:when test="${param.hal=='kas-keluar'}">
                                        <%@include file="KasKeluar.jsp" %>
                                    </c:when>
                                    <c:when test="${param.hal=='kas-masuk'}">
                                        <%@include file="KasMasuk.jsp" %>
                                    </c:when>
                                    <c:when test="${param.hal=='jurnal'}">
                                        <%@include file="jurnalUmum.jsp" %>
                                    </c:when>
                                    <c:when test="${param.halaman=='informasi_akun'}">
                                        <%@include file="tampil_informasi_akun.jsp" %>
                                    </c:when>
                                    <c:when test="${param.halaman=='informasi_user'}">
                                        <%@include file="tampil_informasi_user.jsp" %>
                                    </c:when>
                                    <c:when 

test="${param.halaman=='informasi_kas_masuk'}">
                                        <%@include file="tampil_informasi_kasmasuk.jsp" %>
                                    </c:when>
                                    <c:when test="${param.halaman=='informasi_kas_keluar'}">
                                        <%@include file="tampil_informasi_kaskeluar.jsp" %>
                                    </c:when>
                                    <c:when test="${param.halaman=='about'}">
                                        <%@include file="about.jsp" %>
                                    </c:when>

<c:when test="${param.halaman=='informasi_perusahaan'}">
                                        <%@include file="informasi_perusahaan.jsp" %>
                                    </c:when>
                                    <c:when test="${param.halaman=='informasi_data_jurnal_umum'}">
                                        <%@include file="data_jurnal_umum.jsp" %>
                                    </c:when>
                                    <c:otherwise>
                                        <%@include file="home.jsp" %>
                                    </c:otherwise>
                                </c:choose>
                            </td>
                        </tr>
                    </table>
                    <div class="footer"> <%-- awal dari content footer web --%>
                        Support by <a href="http://ubsi.ac.id/">Junior Programmer
                            Mahasiswa Program Studi Sistem Informasi Akuntansi</a>,<br>
                        Thanks to Layout menu utama menggunakan CSS
                    </div><%-- akhir dari content footer web --%>
                </div><%-- akhir dari content sebelah kanan web --%>
                <div style="clear: both;"> </div>
            </div>
        </div> <%-- akhir dari halaman web --%>
    </body>
</html>


Di dalam login harus ditambahkan sess.ion.bean, sess.ion.dao, sess.ion.test dan sess.ion.util pada folder baru.
Berikut langkah-langkah untuk pembuatan session di dalam login.
1.Klik Kanan pada source package pilih New selanjutnya new package dan beri folder dengan nama sess.ion.bean
2. Buat Class dengan nama User.java
Berikut source code dari sess.ion.bean


/*
 * To change this license header, choose License Headers in Project Properties.
 * To change this template file, choose Tools | Templates
 * and open the template in the editor.
 */
package sess.ion.bean;

/**
 *
 * @author hp
 */
public class User {
    private int id;
    private String username;
    private String password;
    public int getId(){
        return id;
    }
    public void setId(int id){
        this.id = id;
    }
    public String getPassword(){
        return password;
    }
    public void setPassword(String password){
        this.password = password;
    }
    public String getUsername(){
        return username;
    }
    public void setUsername(String username){
        this.username = username;
    }
}

3.Klik Kanan pada source package pilih New selanjutnya new package dan beri folder dengan nama sess.ion.dao
4. Buat Class dengan nama UserDao.java
Berikut source code dari sess.ion.dan
package sess.ion.dao;
import java.sql.*;
import sess.ion.util.*;
import sess.ion.bean.*;
public class UserDao {
private ConMan conn = new ConMan();
public String cek(User user) {
String Hasil = "0";
Connection conDB = null;
try {
conDB = conn.login();
String query = "SELECT * from admin where username=? and password=?";
PreparedStatement st = conDB.prepareStatement(query);
st.setString(1, user.getUsername());
st.setString(2, user.getPassword());
try {
ResultSet rs = st.executeQuery();
if (rs.next()) {
Hasil = "1";
}
} catch (SQLException e) {
System.out.println("Error " + e.getMessage());
Hasil = "0";
}
} catch (SQLException e) {
System.out.println("Error" + e.getMessage());
Hasil = "0";
}
return Hasil;
}
}


5.Klik Kanan pada source package pilih New selanjutnya new package dan beri folder dengan nama sess.ion.test
6. Buat Class dengan nama Main.java
Berikut source code dari sess.ion.test

package sess.ion.test;
import sess.ion.bean.User;
import sess.ion.dao.UserDao;
public class Main {
public static void main(String args[]) {
UserDao sd = new UserDao();
User s = new User();
String user = "admin";
String password = "admin";
s.setUsername(user);
s.setPassword(password);
System.out.println(sd.cek(s));
}
}


7.Klik Kanan pada source package pilih New selanjutnya new package dan beri folder dengan nama sess.ion.util
8. Buat Class dengan nama ConMan.java
Berikut source code dari sess.ion.util
package sess.ion.util;
import java.sql.Connection;
import java.sql.DriverManager;
import java.sql.SQLException;
public class ConMan {
private Connection conn;
private String url = "jdbc:mysql://localhost:3306/sia";
private String user = "root";
private String password = "";
public ConMan(String url, String user, String password) {
this.url = url;
this.user = user;
this.password = password;
}
public ConMan() {
}
public void logOff() {
try {
if (conn != null) {
conn.close();
System.out.println("Connection Closed");
}
} catch (SQLException e) {
System.out.println("Connection Error : " + e.getMessage());
}
}
public static void main(String args[]){
ConMan cm = new ConMan();
cm.logOn();
}
public Connection logOn() {
conn = null;

try {
DriverManager.registerDriver(new com.mysql.jdbc.Driver());
conn = DriverManager.getConnection(url, user, password);
System.out.println("Connected Successded");
} catch (SQLException e) {
System.out.println("Connection Error : " + e.getMessage());
}
return conn;
}

    public Connection login() {
        throw new UnsupportedOperationException("Not supported yet."); //To change body of generated methods, choose Tools | Templates.
    }
}



Nah,Sekarang gimana?

Apakah sudah mengerti atau bigung ? kalau bingung, tanya dikomentar, ya.....

Terimakasih sudah membaca. Si LIDAPUTIE pamit. See You Guysss ❤ ✌


Pemograman Visual Akuntansi ke-6



                                                    Membuat Form Login


             Setelah semua menu selesai dibuat tambahkan laporan, proses selanjutnya adalah pembuatan login aplikasi. Berikut adalah tampilan dari fom login.



<%@page import="java.util.Calendar"%>
<%@page import="java.text.SimpleDateFormat"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="sql" uri="http://java.sun.com/jsp/jstl/sql"%>
<sql:setDataSource var="dataSource"
driver="com.mysql.jdbc.Driver"
url="jdbc:mysql://localhost:3306/sia"
user="root" password="" />
<!DOCTYPE html>
<!DOCTYPE html>
<STYLE TYPE="text/css">
TD
{
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt; text-align: center;
}
.hariSekarang
{
color: #FF0000; background-color: #EEEEEE;

}
.hariLainnya
{
color: #666699; background-color: #EEEEEE;
}
.dayHeading
{
font-size: 9pt; color: #666699;
}
.titleStyle
{
font-size: 14pt; color: #FFFFFF;
background-color: #666699; text-align: center;
font-weight: bold;
}
</STYLE>
<html>
<head>
<script type="text/javascript" >
function validate()
{
if (document.frm.username.value == "")
{
alert("Please enter username");
document.frm.username.focus();
return false;
}

if (document.frm.password.value == "")
{
alert("Please enter password");
document.frm.password.focus();
return false;
}
return true;
}
function trim(stringToTrim) {
return stringToTrim.replace(/^\s+|\s+$/g, "");
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Sistem Informasi Akuntansi 1.0</title>
<link rel="stylesheet" type="text/css" href="config/style.css" media="screen" />
<script type="text/javascript" src="config/setting.js"></script>
</head>
<body>
<%-- awal dari halaman web --%>
<div id="wrap">
<div id="header"><%-- awal header --%>
<img src="image/logo-universitas-bina-sarana-informatika-ubsi.png"><%-- gambar silahkan massukkan logo BSI --%>
<h1><a>Sistem Informasi Akuntansi</a></h1>
<h2>Universitas Bina Sarana Informatika</h2>
<%-- mahasiswa wajib mengganti alamat kampus msg2 --%>
<h2>Jl. Cilebut Raya No.29, Bogor</h2>
<%-- mahasiswa wajib mengganti dengan nama masing2 --%>
<h3>Programmer by. Konsorsium Program Studi Sistem Informasi Akuntansi</h3>
</div><%-- akhir dari header --%>
<div id="menu"><%-- awal dari menu atas --%>
<ul>
<marquee behavior="alternate">Aplikasi ini dikembangkan oleh tim pemrograman visual akuntansi</marquee>
</ul>
</div><%-- akhir dari menu atas --%>
<div id="content"><%-- awal dari isi content --%>
<div class="left" id="drop-nav"> <%-- awal dari content sebelah kiri web --%>
<h2>Security System</h2>
<ul>
<div id="wrap">
<%
String errmsg = "";
if (request.getParameter("errmsg") != null
&& request.getParameter("errmsg") != "") {
errmsg = "Invalid username and password";
} else {
errmsg = " ";
}
%>
<form name="frm" onSubmit="return validate();"
action="checkLogin.jsp" method="post">
<font size="3" face="comic sans ms">User Login</font><br>
<input type="text" name="txtUsername" id="username" size="10"><br>
<font size="3" face="comic sans ms">Password</font><br>
<input type="password" name="txtPassword" id="password" size="15"><br>
<input type="submit" name="sSubmit" value="Login" id="login"/>
<form name="frm" onSubmit="return validate();"
action="checkbatal.jsp" method="post">
<input type="reset" name="sSubmit" value="Batal" id="batal"/><br>
</td></tr>
</form>
</div>
</ul>
<h2>Today</h2>
<ul>
<%--modif href pasce atur aksi--%>
<%--perubahan agar aksi simpan dapat bekerja--%>
<%!
public String FormatTitle(java.util.Calendar thisCal) {
SimpleDateFormat formatter = new java.text.SimpleDateFormat("d MMMMMMMMM yyyy");
return (formatter.format(thisCal.getTime()));
}
Calendar currentCal = Calendar.getInstance();
%>
<TABLE BORDER='0' CELLPADDING='1' CELLSPACING='2'id="tanggalweb" width="100px" id="tanggalan">
<TR>
<TD CLASS='titleStyle' COLSPAN='7'>
<%= FormatTitle(currentCal)%>
</TD>
</TR>
<TR>
<TD width=15% CLASS='dayHeading'>Sen</TD>
<TD width=15% CLASS='dayHeading'>Sel</TD>
<TD width=15% CLASS='dayHeading'>Rab</TD>
<TD width=15% CLASS='dayHeading'>Kam</TD>
<TD width=15% CLASS='dayHeading'>Jum</TD>
<TD width=15% CLASS='dayHeading'>Sab</TD>
<TD width=15% CLASS='dayHeading'>Min</TD>
</TR>
<%
int currentDay = currentCal.get(currentCal.DAY_OF_MONTH);
int daysInMonth = currentCal.getActualMaximum(currentCal.DAY_OF_MONTH);
currentCal.set(currentCal.DAY_OF_MONTH, 0);

int dayOfWeek = currentCal.get(currentCal.DAY_OF_WEEK);
if (dayOfWeek != 1) {
out.println(" <TD COLSPAN=" + (dayOfWeek - 1) + ">&nbsp;</TD>");
}
for (int day = 1; day <= daysInMonth; day++) {
if (day == currentDay) {
out.println(" <TD CLASS='hariSekarang'>" + day + "</TD>");
} else {
out.println(" <TD CLASS='hariLainnya'>" + day + "</TD>");
}
if (dayOfWeek == 7) {
out.println(" </TR>\n\n <TR>");
dayOfWeek = 1;
} else {
dayOfWeek++;
}
}
if ((8 - dayOfWeek) != 0) {
out.println(" <TD COLSPAN=" + (8 - dayOfWeek) + ">&nbsp;</TD>");
}
%>
</TABLE>
</ul>
</div> <%-- akhir dari content sebelah kiri web --%>
<div class="right"> <%-- awal dari content sebelah kanan web --%>
<table width="100%">
<tr>
<td valign="top" width="110%">
<H2>SELAMAT DATANG DI WEB PENGOLAHAN DATA KEUANGAN</H2>
</td>
</tr>
</table>
<div class="footer"> <%-- awal dari content footer web --%>
Support by <a href="http://bsi.ac.id/">Junior Programmer
Mahasiswa Program Studi Komputerisasi Akuntansi</a>,
Thanks to Layout menu utama menggunakan CSS
</div><%-- akhir dari content footer web --%>
</div><%-- akhir dari content sebelah kanan web --%>
<div style="clear: both;"> </div>
</div>
</div> <%-- akhir dari halaman web --%>
</body>

2.   Buatlah Form checkLogin.jsp dengan kodingan sebagai berikut:
<%@page import="java.sql.ResultSet"%>
<%@page import="java.sql.PreparedStatement"%>
<%@page import="java.sql.* "%>
<%@page import="sess.ion.dao.UserDao"%>
<%@page import="sess.ion.bean.User"%>
<%
UserDao sd = new UserDao();
User s = new User();
String user = request.getParameter("txtUsername");
String password = request.getParameter("txtPassword");
s.setUsername(user);
s.setPassword(password);
String hasil = sd.cek(s);
if (hasil == "1") {
out.println(hasil);
String sUserName = s.getUsername() + s.getPassword();
out.println("Berhasil : " + sUserName);
session.setAttribute("username", s.getUsername());
response.sendRedirect("beranda.jsp");
} else {
//out.println(hasil);
//String sUserName = s.getUsername() + s.getPassword();
//out.println("Gagal : " + sUserName);
response.sendRedirect("index.jsp?errmsg=error");

}
String userid = (String) session.getAttribute("username");
Class.forName("com.mysql.jdbc.Driver");
Connection con = DriverManager.getConnection("jdbc:mysql://localhost:3306/sia", "root", "");
Statement st = con.createStatement();
ResultSet rs = st.executeQuery("select * from admin where user_name='" + userid + "'");
if (rs.next()) {
session.setAttribute("status", rs.getString("hak_akses"));
session.setAttribute("nama", rs.getString("nama_lengkap"));
}
%>




Pemograman Visual Akuntansi ke-5


Membuat Laporan – Laporan




Selanjutnya membahas tentang pembuatan laporan yang berkaitan dengan keuangan dari database SIA diantaranya: Rekap jurnal umum, buku besar, neraca saldo, dan neraca mutasi saldo.



A   Rekap Jurnal Umum



























Gambar diatas hasil dari rekap jurnal umum yang ditampilkan, untuk membuat laporan tersebut ikutilah langkah-langkah berikut:
a. Buka project: SIA dan buat folder baru dengan nama Report dalam folder Web Pages untuk menyimpan file-file laporan yang akan dibuat.

                          b. Buatlah report file dengan Report Wizard















      
  
                    

·         Membuat koneksi database
             

c. Menuliskan query (SQL), kita dapat menuliskan query atau melalu Design query. 
            

Dengan Design query, pilih tabel terlebih dahulu (double klik) kemudian buat relasi dengan cara drag & drop pada field primary key dan foreign key.
            









·         Hail query (SQL) dari design query, sbb:

SELECT

jurnal.no_referensi AS jurnal_no_referensi, jurnal.tgl_trans AS jurnal_tgl_trans, jurnal.keterangan AS jurnal_keterangan, jurnal_detail.debet AS jurnal_detail_debet, jurnal_detail.kredit AS jurnal_detail_kredit, master_akun.nama_akun AS master_akun_nama_akun, master_akun.kode_akun AS master_akun_kode_akun

FROM
jurnal_detail INNER JOIN master_akun

ON jurnal_detail.kode_akun = master_akun.kode_akun INNER JOIN jurnal

ON jurnal_detail.no_referensi = jurnal.no_referensi


·         Pindahkan semua Fields >> yang akan ditampilkan pada laporan.


·         Menentukan Group by (Pengelompokan) berdasarkan no referensi jurnal.

·  Finish.

               3.         Desain report sebagai berikut:







      






·         Perhatikan pada Report Inspector:


1.      Klik kanan pada jurnal_detail… Group Header – Add Band.

2.      Pada bagian Group Header: jurnal_no_referensi, jurnal_tgl_trans, dan jurnal_keterangan.

3.      Pada bagian Detail: jurnal_detail_kode_akun, master_akun_nama_akun, jurnal_detail_debet, dan jurnal_detail_kredit.

4.      Pada bagian Summary masukkan jurnal_detail_debet, dan jurnal_detail_kredit. Pada saat muncul pertanyaan pilih The result of an aggregation function: sum.


Buku Besar


1.      Buka project: SIA dan buat folder baru dengan nama Report dalam folder Web Pages untuk menyimpan file-file laporan yang akan dibuat.

2.      Buatlah report file dengan Report Wizard.

3.      Nama File: bukuBesar.jrxml
4.   Masukkan query (SQL), berikut:


SELECT

master_akun.`kode_akun` AS master_akun_kode_akun, master_akun.`nama_akun` AS master_akun_nama_akun, jurnal.`no_referensi` AS jurnal_no_referensi, jurnal.`tgl_trans` AS jurnal_tgl_trans, jurnal.`keterangan` AS jurnal_keterangan,

jurnal_detail.`no_referensi` AS jurnal_detail_no_referensi,

jurnal_detail.`kode_akun` AS jurnal_detail_kode_akun,

jurnal_detail.`debet` AS jurnal_detail_debet, jurnal_detail.`kredit` AS jurnal_detail_kredit, jurnal.`no_bukti_trans` AS jurnal_no_bukti_trans
FROM
`master_akun` master_akun INNER JOIN
`jurnal_detail` jurnal_detail ON master_akun.`kode_akun`

= jurnal_detail.`kode_akun`
INNER JOIN `jurnal` jurnal ON
jurnal_detail.`no_referensi` = jurnal.`no_referensi`

ORDER BY master_akun.kode_akun,

jurnal_detail.no_referensi




5.      Next, pilih semua fields untuk ditampilkan.

6.      Pilih Group 1: jurnal_detail_kode_akun pada proses Group By (pengelompokan).

7.      Finish.

8.      Design dari buku besar, sbb:

9.   Pada Report Inspector:



·         Klik kanan pada master_akun_kode_akun Group Header 1 dan master_akun_kode_akun Group Footer 1 – Add Band.

10.  Di Group Header 1 pilih: jurnal_detail_kode_akun dan master_akun_nama_akun dari Fields (Report Inspector).

11.  Di Detail1 pilih: tanggal, no_referensi, keterangan, debet, dan kredit.

12.  Di Group Footer 1: pilih debet, dan kredit akan ditampilkan pertanyaan pilih The

result of an aggregation function: sum.

b.       Buka project: SIA dan buat folder baru dengan nama Report dalam folder Web Pages untuk menyimpan file-file laporan yang akan dibuat.

c.      Buatlah report file dengan Report Wizard.

d.       Nama File: neracaSaldo.jrxml
              

4.      Masukkan perintah query (SQL):
5.      Next, pilih semua fields untuk ditampilkan.
6.      Pilih Group 1: Next.
7.      Finish.

8.      Design dari Neraca saldo sbb:


D   Menampilkan Rekap Jurnal Umum Perbulan


Tampilan pada browser untuk mencetak rekap jurnal umum dalam bentuk pdf.

Tampilan pada browser saat mencetak rekap jurnal umum dalam bentuk pdf


1.      Bukalah project pembuatan Rekap jurnal umum yang sudah dbuat sebelumnya. Maka akan tampil seperti gambar dibawah ini :


2.      Pastikan koneksi datasource sudah sama dengan database yang digunakan pada saat membuat rekap jurnal umum (1). Kemudian pilih icon untuk menampilkan query rekap jurnal umum (2).



3.      Tambahkan Parameter dengan cara klik New Parameter (1).


4.      Buatlah 2 parameter dengan isi :

a.       Parameter name : bln

Value expression : Integer

b.      Parameter name : thn

Value epression  : Integer


5.      Ubahlah script pada query rekap jurnal umum dengan script di bawah ini, kemudian pilih OK.

SELECT

jurnal.`no_referensi` AS jurnal_no_referensi, jurnal.`tgl_trans` AS jurnal_tgl_trans, jurnal.`keterangan` AS jurnal_keterangan, jurnal_detail.`debet` AS jurnal_detail_debet, jurnal_detail.`kredit` AS jurnal_detail_kredit, master_akun.`nama_akun` AS master_akun_nama_akun, master_akun.`kode_akun` AS master_akun_kode_akun,

date_format(jurnal.`tgl_trans`,'%M') AS bulan

FROM

`jurnal_detail` jurnal_detail INNER JOIN

`master_akun` master_akun ON jurnal_detail.`kode_akun` =

master_akun.`kode_akun`

INNER JOIN `jurnal` jurnal ON

jurnal_detail.`no_referensi` = jurnal.`no_referensi`

WHERE

month(tgl_trans)=$P{bln} and

year(tgl_trans)=$P{thn}

















6.   Tampilkanlah Pallete dengan cara seperti gambar 1, kemudian desainlah tulisan bulan dan tahun seperti gambar 2 dengan menggunakan static text pada Pallete :
















                                      Gambar 1
















                                     Gambar 2
7.       Bukalah report inspector, kemudian tambahkan bulan pada kelompok Fields (1) dan thn pada kelompok Parameters (2) ke dalam desain rekap jurnal umum (gambar1).

 Pada saat menmbahkan bulan, jika muncul kotak dialog, maka pilihlah The 
Field value (gambar 2).

















                                       Gambar 1















                                         Gambar 2

8.       Sebelum kita buat untuk tampilan pemanggilannya, kita cek dulu apakah datanya sudah bisa muncul dengan memilih Preview (gambar 1), kemudian isilah bulan dengan angka sesuai dengan record yang berada di database (gambar 2), dan tahun juga diisi sesuai dengan database (gambar 3). Jika benar maka akan muncul data rekap jurnal umum (gambar 4).
















                                            Gambar 1

















                                             Gambar 2














                                                                                Gambar 3
                                                                                     











                                               Gambar 4
9.      Buatlah file jsp baru dengan nama rekap_ju_perbulan. Isi dengan script dibawah ini :











Nama File: rekap_ju_perbulan.jsp




<%@page import="java.io.*, java.util.*, java.sql.*"%>
<%@page import="net.sf.jasperreports.engine.*"%>
<%@page import="net.sf.jasperreports.view.JasperViewer.*"
%>
<%@page import="javax.servlet.ServletResponse" %>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>

<head>
<meta http-equiv="Content-Type" content="text/html;
charset=UTF-8">
<title>JSP Page</title>

</head>
<body>
<%

Connection conn = null;

//--koneksi ke MySQL database: sia1 (sesuaikan dengan database masing-masing)

String url="jdbc:mysql://localhost:3306/sia1";
String username="root";
String password="";

int bulan=Integer.parseInt(request.getParameter("bulan")) ; int tahun=Integer.parseInt(request.getParameter("tahun")) ;

Class.forName("com.mysql.jdbc.Driver");

conn = DriverManager.getConnection(url, username, password);

File reportFile = new File(application
.getRealPath("/ReportJurnalUmumParameter"

+ "/rekapJurnalUmumPerbulan.jasper"));

Map parameter = new HashMap();
parameter.put("bln", bulan);

parameter.put("thn", tahun);
byte[] bytes = JasperRunManager

.runReportToPdf(reportFile.getPath(), parameter, conn);
response.setContentType("application/pdf"); response.setContentLength(bytes.length);

ServletOutputStream outStream = response.getOutputStream();
outStream.write(bytes, 0, bytes.length);

outStream.flush();
outStream.close();
%>
</body>

</html>


10.  Buatlah file jsp baru dengan nama tampil_rekap_ju_perbulan. Isi dengan script dibawah ini :


Nama File: tampil_rekap_ju_perbulan.jsp



<%--
Document
: tampil_rekap_ju


Created on : Aug 18, 2016, 3:11:36 PM


Author
: yudhistira


--%>







<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>

<meta http-equiv="Content-Type" content="text/html;
charset=UTF-8">
<title>JSP Page</title>

</head>
<body>

<h1>Tampilkan Rekap Jurnal Umum Berdasarkan Bulan dan Tahun</h1>

<form action="rekap_ju_perbulan.jsp">
Masukkan Bulan :

<select name="bulan" id="bulan"> <option value="1">Januari</option> <option value="2">Februari</option> <option value="3">Maret</option> <option value="4">April</option> <option value="5">Mei</option> <option value="6">Juni</option> <option value="7">Juli</option> <option value="8">Agustus</option>
<option value="9">September</option> <option value="10">Oktober</option> <option value="11">November</option> <option value="12">Desember</option>
</select><br>

Masukkan Tahun :

<select name="tahun" id="tahun"> <option value="2010">2010</option> <option value="2011">2011</option> <option value="2012">2012</option> <option value="2013">2013</option> <option value="2014">2014</option> <option value="2015">2015</option> <option value="2016">2016</option> <option value="2017">2017</option> <option value="2018">2018</option> <option value="2019">2019</option> <option value="2020">2020</option>
</select>

<br>

<input type="submit" value="TAMPIL"> </form>
</body>


</html>


11. Jalankan file tampil_rekap_ju_perbulan.jsp dengan klik kanan kemudian pilih Run File. Maka akan tampil di browser. Kemudian pilih bulan dan tahun untuk menampilkan rekap jurnal umum.


Tampilan pada browser untuk mencetak rekap jurnal umum dalam bentuk pdf.

Tampilan pada browser saat mencetak rekap jurnal umum dalam bentuk pdf



E   Menampilkan Rekap Jurnal Umum Perperiode




Tampilan pada browser untuk mencetak rekap jurnal umum perperiode

Tampilan pada browser saat mencetak rekap jurnal umum perperiode


1.    Buatlah project yang sama seperti pembuatan Rekap jurnal umum yang sudah dbuat sebelumnya.

2.     Pastikan koneksi datasource sudah sama dengan database yang digunakan pada saat membuat rekap jurnal umum (1). Kemudian pilih icon untuk menampilkan query rekap jurnal umum (2).



      3.   Tambahkan Parameter dengan cara klik New Parameter (1).


         Buatlah 2 parameter dengan isi :

            Parameter name : tgldari

Value expression : Text

            Parameter name : tglsampai

Value epression  : Text













         Ubahlah script pada query rekap jurnal umum dengan script di bawah ini, kemudian pilih OK.

SELECT

jurnal.`no_referensi` AS jurnal_no_referensi, jurnal.`tgl_trans` AS jurnal_tgl_trans, jurnal.`keterangan` AS jurnal_keterangan, jurnal_detail.`debet` AS jurnal_detail_debet, jurnal_detail.`kredit` AS jurnal_detail_kredit, master_akun.`nama_akun` AS master_akun_nama_akun, master_akun.`kode_akun` AS master_akun_kode_akun

FROM

`jurnal_detail` jurnal_detail INNER JOIN `master_akun` master_akun ON jurnal_detail.`kode_akun` = master_akun.`kode_akun`

INNER JOIN `jurnal` jurnal ON jurnal_detail.`no_referensi` = jurnal.`no_referensi`

WHERE
     tgl_trans between $P{tgldari} and $P{tglsampai}


    Tampilkanlah Pallete dengan cara seperti gambar 1, kemudian desainlah tulisan Dari Tanggal dan Sampai Tanggal seperti gambar 2 dengan menggunakan static text pada Pallete :

Gambar 1

Gambar 2

4.      Bukalah report inspector, kemudian tambahkan tgldari dan tglsampai pada kelompok Parameters ke dalam desain rekap jurnal umum (gambar1).

Gambar 1


Sebelum kita buat untuk tampilan pemanggilannya, kita cek dulu apakah datanya sudah bisa muncul dengan memilih Preview (gambar 1), kemudian isilah tgldari sesuai dengan record yang berada di database (gambar 2), dan tglsampai juga diisi sesuai dengan database (gambar 3). Jika benar maka akan muncul data rekap jurnal umum (gambar 4)


                                                                          Gambar 1


                                                                             Gambar 2

Gambar 3


                                                                            Gambar 4

      Buatlah file jsp baru dengan nama rekap_ju_perperiode. Isi dengan script dibawah ini

Nama File: rekap_ju_perperiode.jsp

<%@page import="java.io.*, java.util.*, java.sql.*"%>

<%@page import="net.sf.jasperreports.engine.*"%>
<%@page import="net.sf.jasperreports.view.JasperViewer.*"
%>
<%@page import="javax.servlet.ServletResponse" %>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>

<head>
<meta http-equiv="Content-Type" content="text/html;
charset=UTF-8">
<title>JSP Page</title>

</head>
<body>
<%

Connection conn = null;

//--koneksi ke MySQL database: sia1 (sesuaikan dengan database masing-masing)

String url="jdbc:mysql://localhost:3306/sia1";
String username="root";
String password="";

String tglawal=request.getParameter("tglawal"); String tglakhir=request.getParameter("tglakhir");


Class.forName("com.mysql.jdbc.Driver");

conn = DriverManager.getConnection(url, username, password);

File reportFile = new File(application

.getRealPath("/ReportJUPerperiode"
+ "/rekapJurnalUmum.jasper"));

Map parameter = new HashMap(); parameter.put("tgldari", tglawal); parameter.put("tglsampai", tglakhir);

byte[] bytes = JasperRunManager
.runReportToPdf(reportFile.getPath(), parameter, conn);

response.setContentType("application/pdf"); response.setContentLength(bytes.length);

ServletOutputStream outStream = response.getOutputStream();

outStream.write(bytes, 0, bytes.length);
outStream.flush();
outStream.close();
%>

</body>

</html>
      Buatlah file jsp baru dengan nama tampil_rekap_ju_perperiode. Isi dengan script dibawah ini :

Nama File: tampil_rekap_ju_ perperiode.jsp
<%--

Document
: tampil_rekap_ju
Created on : Aug 18, 2016, 3:11:36 PM
Author
: yudhistira
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>JSP Page</title>
</head>
<body>

<h1>Tampilkan Rekap Jurnal Umum Berdasarkan Periode</h1>
<form action="rekap_ju_perperiode.jsp">
Masukkan Tanggal Awal :

<input type="date" name="tglawal" id="tglawal" value=""><br>
Masukkan Tanggal Akhir :
<input type="date" name="tglakhir"

id="tglakhir" value=""><br>
<br>

<input type="submit" value="TAMPIL"> </form>
</body>
</html>

      Jalankan file tampil_rekap_ju_perperiode.jsp dengan klik kanan kemudian pilih Run File. Maka akan tampil di browser. Kemudian pilih tanggal awal dan tanggal akhir untuk menampilkan rekap jurnal umum perperiode.

                               Tampilan pada browser untuk mencetak rekap jurnal umum perperiode


                     Tampilan pada browser saat mencetak rekap jurnal umum perperiode



Pemograman Visual Akuntansi ke-7

  Membuat Form Beranda   Buatlah Form beranda.jsp dengan kodingan sebagai berikut: <%@page contentType="text/html...