Makalah Pemograman Visual Akutansi "Sistem Informasi Akutansi pada Perusahaan Mikha Salon & Spa"
Puji syukur kami panjatkan kehadirat Allah
SWT, atas limpahan rahmat dan karunia-Nya,sehingga kami dapat menyelesaikan makalah
ini dengan lancar, serta dapat menyelesaikan makalah tepat pada waktu yang
telah di tentukan.
Kami menyadari bahwa terlaksananya ini berkat bantuan dari berbagai
pihak. Oleh karena itu, kami ucapkan terima kasih yang sebesar-besarnya kepada Bapak Ishak selaku dosen mata
kuliah Pemograman Visual Akutansi ,Asisten Dosen, dan teman teman yang telah membantu dan
membimbing kami dalam pembuatan makalah ini. Kami memahami bahwa apa yang
telah di dapatkan selama pembuatan modul belumlah seberapa. Kami menyadari sepenuhnya bahwa makalah ini masih
jauh dari kesempurnaan. Oleh karena itu, saran dan kritik yang bersifat
membangun sangat kami harapkan demi kesempurnaan makalah ini.
kami
berharap makalah ini dapat bermanfaat bagi penyusun sendiri khususnya,
dan bagi para pembaca yang budiman umumnya.
Jakarta,
12 Desember 2017
DAFTAR ISI.
Kata Pengantar
1
Daftar Isi 2
BAB 1
Pendahuluan
A.
Latar
Belakang Permasalahan
Pesatnya teknologi, terutama teknologi komputer
sudah tak bisa di pungkiri lagi, bagi yang
mengikuti perkembangannya, ia tidak akan dipandang sebelah mata.
Sebaliknya, bagi yang tidak mengikuti perkembangannya, bersiaplah
untuk mundur secara suka rela dari panggung kompetisi. Ibarat wabah,
teknologi komputer sudah menyusupi hampir semua bidang kehidupan manusia.
Dari pemerintah pusat sampai tingkat pemerintah desa, perusahaan-perusahaan,
supermarket, minimarket, perguruan tinggi,SLTA, SLTP, bahkan SD hamper
semuanya mengenal komputer. Saat ini, yang
mempunyai lingkungan yang semakin luas dan banyak diminati, juga dapat
digunakan untuk menghasilkan uang adalah dunia pemrograman komputer. Dalam
dunia pemrograman komputer, dikenal banyak bahasa pemrograman,
seperti C, C++, Pascal, Basic, Java, dan lain-lain.
Di antara banyaknya bahasa pemrograman, Java adalah salah satu yang paling
diminati. Oleh karena itulah, dalam makalah ini akan
membahas Pembuatan Aplikasi Sistem Informasi Akutansi mengggunakan Java
NeatBeans IDE 8.1 pada perusahaan Mikha Salon & Spa.
B.
Tujuan
Makalah ini disusun
dengan tujuan sebagai sarana untuk mengikutipesatnya perkembangan teknologi
komputer di masa sekarang ini, salahsatunya di dunia pemrograman yang sekarang
semakin banyak diminati.Selain itu, tujuan disusunnya makalah ini adalah untuk
memenuhi
tugas matakuliah Pemograman Visual
Akutansi.
BAB II
Pengenalan
A. HTML (Hyper Text Markup Languange)
HyperText Markup
Language (HTML) adalah bahasa inti untuk hampir
seluruh konten Web. Apa yang Anda lihat di layar browser Anda hampir semuanya
bisa dideskripsikan, secara fundamental, menggunakan HTML. Lebih tepatnya, HTML
adalah bahasa yang mendeskripsikan struktur dan nilai semantik konten dari
dokumen Web.
Berbagai macam teknologi (seperti CSS, JavaScript,
Flash, AJAX, JSON) dapat digunakan untuk mendefinisikan elemen dari sebuah halaman
web. Akan tetapi, pada level paling rendah, sebuah halaman web didefinisikan
dengan menggunakan HTML (HyperText Markup Language). Tanpa HTML maka
tidak akan ada halaman web.
Dengan
segala kelebihannya,
Zahir
Accounting Software
lebih
tepat
disebut sebagai “Business ManagementSoftware” daripada software akuntansi,
yang
umumnya
hanya berfungsi untuk
mencatat
jurnal
transaksi,membuat laporan
laba rugi
dan laporan neraca,yang hanya mudah digunakan oleh
mereka yang mengerti
teori akuntansi.
B. Sejarah singkat HTML
Di akhir tahun 1980an, Tim
Berners-Lee bekerja sebagai seorang physicist di CERN (Sebuah Organisasi untuk
research nuklir di eropa). Beliau merancang sebuah jalan bagi para scientis
untuk berbagi dokumen melalui internet. Sebelum invensi ini, komunikasi melalui
internet hanya terbatas pada dokumen teks biasa menggunakan beberapa teknologi
seperti email,, FTP (File Transfer Protocol), dan Panel diskusi berbasis
Usenet. Invensi dari HTML memanfaatkan model dan konten yang disimpan dalam
server pusat yang dapat ditransfer dan ditampilkan pada workstation lokal
melalui browser. Invensi ini menyederhanakan akses terhadap konten dan
memungkinkan untuk menampilkan konten yang "kaya" (seperti
pemformatan teks yang mutakhir dan menampilkan gambar).
C.
Apa itu HTML?
HTML adalah bahasa untuk memarkup (memformat). HTML
memberitahu Web Browser bagaimana cara menampilkan konten. HTML memisahkan
"konten" (kata-kata, gambar, audio, video dan lainnya) dari
"Penampilan" (Definisi dari tipe konten dan instruksi bagaimana tipe
konten tersebut harus ditampilkan). HTML menggunakan beberapa elemen yang telah
didefinisikan untuk mengidentifikasi tipe-tipe konten. Element-elemen memiliki
satu atau lebih "tag" yang memiliki atau mengekspresikan konten. Tag
diawali dan diakhiri dengan kurung siku, dan tag "penutup" (tag yang
menandakan akhir dari konten) diawali dengan garis miring.
Sebagai
contoh, elemen paragraf terdiri dari tag pembuka "<p>" dan tag
penutup "</p>" – tanpa tanda kutip. Contoh berikut menampilkan
sebuah paragraf yang terdapat dalam elemen paragraf HTML:
<p>Ini
adalah contoh tag html paragraf</p>
D.
Elemen — dasar building blocks
HTML
terdiri dari sekumpulan elemen-elemen. Elemen-elemen mendefinisikan arti
semantik dari content yang bersangkutan. Elemen-elemen mengikutsertakan saja
yang terdapat di dalam tag elemen yang berkesesuaian, termasuk tag mereka
sendiri. Sebagai contoh, elemen "<p>" mengindikasikan sebuah
paragraf; elemen "<img>" mengindikasikan sebuah gambar (image).
Sebagian besar
elemen dapat menampung elemen lainnya, membentuk sebuah struktur hierarki.
Sebuah halaman web sederhana tapi sempurna akan terlihat seperti berikut:
<html>
<body>
<p>
Ini adalah contoh tag html paragraf.</p>
</body>
</html>
Seperti yang anda lihat,
elemen <html> menampung dokumen di dalamnya, dan elemen <body>
menampung konten dari halaman web. Struktur ini sering diibaratkan sebagai
pohon yang memiliki cabang-cabang (dalam kasus ini elemen <body> dan
<p>) yang tumbuh dari batang (<html>). Struktur Hierarki ini
disebut dengan DOM: Document Object Model
i.
Tag
Dokumen HTML ditulis dalam
teks biasa, bisa juga ditulis menggunakan teks editor apapun yang memungkinkan
isinya disimpan dalam teks biasa (Meski sebagian besar penulis HTML
menganjurkan untuk menggunakan editor spesial yang memiliki syntax
highligting dan menampilkan DOM).
Berikut ini adalah contoh
sederhananya:
<p> ini adalah
paragraf.</p>
ii.
Atribut
Tag pembuka dapat memiliki informasi tambahan, informasi
tersebut disebut dengan atribut. Atribut biasanya terdiri dari 2 bagian:
1. Nama Atribut, dan
2. Nilai Atribut.
Contohnya :
<input
required="required">
<input
required="">
<input
required>
iii.
Named
character references
Named character references
(Sering disebut juga entities) digunakan untuk mencetak karakter yang
memiliki makna spesial dalam HTML.
Ada
empat named character references yang harus anda ketahui:
·
> menandakan lebih besar dari
(>)
·
< menandakan lebih kecil dari
(<)
·
& menandakan ampersand (&)
·
" menandakan tanda kutip dua
(")
iv.
Doctype
dan Komentar
Sebagai tambahan dari tag,
konten teks dan entitas-entitas, sebuah dokumen HTML harus memiliki deklarasi
doctype yang terdapat dibaris pertama. Doctype ini adalah instruksi untuk web
browser tentang versi keberapa dokumen HTML ditulis.
Ada tiga deklarasi doctype
dalam HTML 4.01. :
·
HTML 4.01
Strict
DTD
ini berisi seluruh elemen dan atribut HTML, tetapi TIDAK MENYERTAKAN
presentasional atau element-element usang (seperti font). Framesets tidak
diizinkan.
<!DOCTYPE
HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
·
HTML 4.01
Transitional
DTD
ini menampung seluruh elemen dan atribut HTML, TERMASUK element yang bersifat
presentasi dan elemn yang usang. Framesets tidak diizinkan.
<!DOCTYPE
HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
·
HTML 4.01
Frameset
DTD
ini sama halnya dengan HTML 4.01 Transitional, namun mengizinkan penggunakan
Framesets.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD
HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
Komentar
HTML memiliki
mekanisme untuk penyertaan komentar yang tidak ditampilkan ketika halaman
diproses dalam browser.
BAB III
Sistem Informasi Akutansi pada Perusahaan Mikha Salon & Spa
1. Index.jsp
codingan :
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@page import="java.util.Calendar,
java.text.SimpleDateFormat" %>
<%@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>
<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>Login</title>
</head>
<body>
<div id="wrap">
<meta
http-equiv="Content-Type" content="text/html;
charset=UTF-8">
<title>Login</title>
<meta
http-equiv="Content-Type" content="text/html;
charset=UTF-8">
<title>Sistem Informasi
Akuntansi</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">
<img src="image/Logo-BSI1.png">
<h1><a>Sistem Informasi Akuntansi</a></h1>
<h2>Bina Sarana Informatika Kalimalang</h2>
<h2>Jl. SMA Kapin No. 292 A</h2>
<h3>Programmer by.Konsorium Program Studi KA</h3>
</div>
<div id="menu">
<ul>
<marquee behavior="alternate">Aplikasi ini di
kembangkan dari karya mahasiswa AMIK BSI Kalimalang</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"/><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) +
"> </TD>");
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) + "> </TD>");
}
%>
</TABLE>
</ul>
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) +
"> </TD>");
}
%>
</TABLE>
</ul>
<h2>Informasi
Data</h2>
<ul>
</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 --%>
</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>,
<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>
Hasil Tampilan web :
2. Beranda.jsp
Codingan :
<%@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=""/>
<%
String uname = (String)
session.getAttribute("username");
String status = (String)
session.getAttribute("hak_akses");
String nama = (String)
session.getAttribute("nama");
%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=UTF-8">
<title>Sistem Informasi Akuntansi</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">
<img src="image/Logo-BSI1.png"><
<h1><a>Sistem Informasi Akuntansi</a></h1>
<h2>Bina Sarana Informatika</h2>
<h2>Jl. SMA Kapin No. 292 A</h2>
<h3>Programmer by.Konsorium Program Studi KA</h3>
</div>
<div id="menu">
<ul>
<li><a
href="beranda.jsp">Home</a></li>
<li><a
href="beranda.jsp?halaman=about">About</a></li><%--buat
halaman about dengan biodata mahasiswa--%>
<li><a
href="beranda.jsp?halaman=informasi_perusahaan">Informasi Perusahaan</a></li>
<li><a
href="beranda.jsp?halaman=aktivitas_keuangan">Aktivitas
Keuangan</a></li>
<li><a
href="beranda.jsp?halaman=logout">logout</a></li>
<li>
Welcome
<%=nama %></li>
</ul>
</div>
<div id="content"><%--awal dari isi content--%>
<div class="kiri" id="drop-nav"><%--awal
dari content sebelah kiri web--%>
<h2>Master Data</h2>
<ul>
<%--modif href pasce atur aksi--%>
<%--perubahan agar aksi simpan dapat bekerja--%>
<li><a
href="beranda.jsp?halaman=data_akun">Akun</a></li>
<li><a
href="beranda.jsp?halaman=saldo_awal">Saldo
awal</a></li>
<li><a
href="beranda.jsp?halaman=user">User</a></li>
<li><a
href="beranda.jsp?halaman=periode_akuntansi">Periode
Akuntansi</a></li>
</ul>
<h2>Transaksi</h2>
<ul>
<%--modif href pasce atur aksi--%>
<%--perubahan agar aksi simpan dapat bekerja--%>
<li><a
href="beranda.jsp?halaman=kas_masuk&aksi=SIMPAN">Kas
Masuk</a></li>
<li><a
href="beranda.jsp?halaman=kas_keluar&aksi=SIMPAN">Kas
Keluar</a></li>
<li><a href="beranda.jsp?halaman=jurnal_umum&aksi=SIMPAN">Jurnal
Umum</a></li>
</ul>
<h2>Informasi Data</h2>
<ul>
<%--modif href pasce
atur aksi--%>
<%--perubahan agar aksi
simpan dapat bekerja--%>
<li><a
href="beranda.jsp?halaman=informasi_akun">informasi
akun</a></li>
<li><a
href="beranda.jsp?halaman=informasi_user">informasi User
</a></li>
<li><a
href="beranda.jsp?halaman=informasi_kas_keluar">informasi Kas
Keluar</a></li>
<li><a
href="beranda.jsp?halaman=informasi_kas_masuk">informasi Kas
Masuk</a></li>
<li><a href="beranda.jsp?halaman=informasi_data_jurnal_umum">Data
Jurnal Umum</a></li>
<li><a
href="beranda.jsp?halaman=ctk_jurnal_bulan">Rekap Jurnal per
Bulan</a></li>
<li><a
href="beranda.jsp?halaman=ctk_jurnal_periode">Rekap Jurnal per
Periode</a></li>
</ul>
Hasil
Tampilan Web :
3. About.jsp
<br>
PROFIL
:<br>
<br>
Nama : Injilia Mikha
Kurniawati<br>
NIM : 11162104<br>
Tempat, Tanggal Lahir : Rejomulyo, 09 Januari 1995<br>
Kelas : 11.3B.06<br>
No. Hp : 0895.3415.09053<br>
<br>
Nama : Windi Mediani<br>
NIM : 11162173<br>
Tempat, Tanggal Lahir : Bekasi, 28 Mei 1992<br>
Kelas : 11.3B.06<br>
Not. Hp : 0813.1585.4658<br>
<br>
Nama : Resty Juniawati<br>
NIM : 11160302<br>
Tempat, Tanggal Lahir : Bogor, 12 Juni 1995<br>
Kelas : 11.3B.06<br>
No. Hp : 0898.422.7103<br>
<br>
Nama : Diyah Suhaeti<br>
NIM : 11160533<br>
Tempat, Tanggal Lahir : Sukabumi, 26 Februari 1996<br>
Kelas : 11.3B.06<br>
No. Hp : 0857.7078.6227<br>
</p>
Hasil Tampilan Web :
<%@ taglib prefix="sql"
uri="http://java.sun.com/jsp/jstl/sql" %>
<p style="text-align: justify;">
<img
src="image/SALON.jpg" style="float:left; margin: 0 7px 1px
0;" width="90%" height="40%"/>
<br>
.:PROFIL
PERUSAHAAN:.<br>
Mikha Salon & Spa
<br>
Alamat : Jl. Jatibening No.12 <br>
Telp : 021.6590.90.90<br>
email : mikhasalonspa@gmail.com<br>
ig : mikha_salonspa <br>
Mikha Salon dan Spa adalah
suatu perusahaan yang bergerak dibidang dagang dan jasa.<br>
Mikha salon dan spa berdiri
sejak 10 Desember 2010 dimana sampai saat ini perusahaan tersebut telah
mencapai kesuksesan dengan membuka cabang sebanyak 15 cabang yang tersebar di
seluruh indonesia. <br>
</p>
Hasil Tampilan Web :
5. Aktivitas Keuangan
Codingan :
<%@ taglib prefix="sql"
uri="http://java.sun.com/jsp/jstl/sql" %>
<p style="text-align: justify;">
<table>
<tr>
<td><img
src="image/KK01.PNG" width="95%"
height="75%"/></td>
<td>
</td>
<td><img
src="image/KK02.PNG" width="100%"
height="85%"/></td>
</tr>
<td><img
src="image/FP.PNG" width="95%"
height="75%"/></td>
<td>
</td>
<td><img
src="image/KM.PNG" width="100%"
height="80%"/></td>
<tr>
</tr>
</table>
</p>
Hasil Tampilan Web :
6.
Akun.jsp
Codingan :
<%@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" %>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=UTF-8">
<title>JSP Page</title>
</head>
<body>
<sql:setDataSource var="dataSource di index.jsp--%>
<sql:query var="qrymaster_akun"
dataSource="${dataSource}">
<%--perubahan mulai dari where ....--%>
SELECT*FROM master_akun WHERE
kode_akun like'%${param.cari}%'
OR nama_akun
like'%${param.cari}%'
</sql:query>
<font color="black"><h2> .: [Form Master
Akun/Rekening] :.</h2></font>
<form action="aksi_akun" method="post">
<table border="0">
<input type="hidden" name="aksi"
value="${param.aksi}"/>
<tr>
<td>Kode Akun</td>
<td>:</td>
<td><input type="text" name="kode_akun"
value="${param.kode_akun}"/></td>
</tr>
<tr>
<td>Nama Akun</td>
<td>:</td>
<td><input type="text" name="nama_akun"
value="${param.nama_akun}"/></td>
</tr>
<tr>
<td>Jenis Akun</td>
<td>:</td>
<td><input type="text" name="jenis_akun"
value="${param.jenis_akun}"/></td>
</tr>
<tr>
<td>Saldo Normal</td>
<td>:</td>
<td><select name="saldo_normal">
<c:choose>
<c:when test="${param.saldo_normal=='Debet'}">
<option value="Debet"> DEBET</option>
<option value="kredit"> KREDIT</option>
</c:when>
<c:when test="${param.saldo_normal=='Kredit'}">
<option value="Kredit"> KREDIT</option>
<option value="Debet"> DEBET</option>
</c:when>
<c:otherwise>
<option value="Debet"> DEBET</option>
<option value="kredit"> KREDIT</option>
</c:otherwise>
</c:choose>
</select>
</td>
<tr>
<td><input type="submit" value="Simpan"
class="button"</td>
<td></td>
</tr>
</table>
</form>
<br>
<form action="" method="post">
Cari Data Akun :
<input type="text" name="cari"
value="${param.cari}"/>
<input type="submitvalue="Cari"
class="button"/><br>
</form>
<table border="0" width="70%" cellpadding="0"
cellspacing="0">
<tr class="head">
<td>Kode Akun</td>
<td>Nama Akun</td>
<td>Jenis Akun</td>
<td>Saldo Normal</td>
</tr>
<c:forEach var="rowakun"
items="${qrymaster_akun.rowsByIndex}">
<tr class="isi">
<td
valign='top'>${rowakun[0]}</td>
<td valign='top'>${rowakun[1]}</td>
<td valign='top'
align="center">${rowakun[2]}</td>
<td valign='top'
align="center">${rowakun[3]}</td>
</tr>
</c:forEach>
</table>
</body>
</html>
Hasil
Tampilan Web :
<%@page contentType="text/html"
pageEncoding="UTF-8" %>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=UTF-8">
<title></title>
</head>
<body>
<sql:query var="qrymaster_saldo"
dataSource="${dataSource}">
SELECT
saldo_awal.kode_akun,
master_akun.nama_akun,
master_akun.saldo_normal,
saldo_awal.saldo_debet,
saldo_awal.saldo_kredit
FROM saldo_awal
INNER JOIN master_akun
ON
saldo_awal.kode_akun=master_akun.kode_akun;<%-- perubahan mulai dari
where--%>
</sql:query>
<sql:query var="qrymaster_akun"
dataSource="${dataSource}">
SELECT
master_akun.kode_akun,
master_akun.nama_akun,
master_akun.saldo_normal,
saldo_awal.saldo_debet,
saldo_awal.saldo_kredit
FROM master_akun,
saldo_awal
WHERE
saldo_awal.kode_akun
Like
'%${param.kode_akun}%'<%-- perubahan mulai dari where--%>
</sql:query>
<sql:query var="qrymaster_akun"
dataSource="${dataSource}">
SELECT*FROM master_akun
WHERE kode_akun
like '%${param.cari}%'
OR nama_akun
like '%${param.cari}%' <%-- peubahan mulai dari where--%>
</sql:query>
<%--menghitung selisih antara saldo debet dan saldo kredit--%>
<sql:query var="total"
dataSource="${dataSource}">
SELECT SUM(saldo_debet)
AS ttl_D,
SUM(saldo_kredit) AS
ttl_K,
SUM(saldo_debet -
saldo_kredit) AS selisih
FROM saldo_awal
</sql:query>
<form action="aksi_saldo_awal"
method="post"><%--modif action--%>
<font color="white"><h2> :)===[Form Saldo
Awal]=== :) </h2></font>
<table border="0">
<br>
<input type="hidden" name="aksi"
value="${param.aksi}"/><%--modif value--%>
<tr>
<td>Kode Akun</td>
<td>:</td>
<td><input
type="text"name="kode_akun"value="${param.kode_akun}"/></td>
</tr>
<tr>
<td>Nama Akun</td>
<td>:</td>
<td><input
type="text"name="nama_akun"value="${param.nama_akun}"/></td>
</tr>
<tr>
<td>Saldo Normal</td>
<td>:</td>
<td><input
type="text"name="saldo_normal"value="${param.saldo_normal}"/></td>
</tr>
<tr>
<td>Saldo Awal</td>
<td>:</td>
<td>
<c:if test="${param.saldo_normal=='Debet'}">
<input type='text' name='saldo_awal'
value='${param.saldo_debet}'/>
</c:if>
<c:if test="${param.saldo_normal=='Kredit'}">
<input type='text' name='saldo_awal'
value='${param.saldo_kredit}'/>
</c:if>
</td>
</tr>
<tr>
<td colspan=""><input type="submit"
value="Simpan" class="button"/></td>
<td></td>
</tr>
</table>
</form>
<form action=""method="post">
Cari Data Akun :
<input type="text" name="cari"
value="${param.cari}"/>
<input type="submit" value="Cari"
class="button"/><br>
</form>
<h2>Data Master Akun</h2>
<table border="1" width="100%"
cellpadding="0" cellspacing="0">
<tr class="head">
<td>Kode Akun</td>
<td>Nama Akun</td
<td>Jenis
Akun</td>
<td>Saldo Normal</td>
<td>Action</td>
</tr>
<c:forEach var="rowakun"
items="${qrymaster_akun.rowsByIndex}">
<tr class="isi">
<td valign='top'>${rowakun[0]}</td>
<td valign='top'>${rowakun[1]}</td>
<td valign='top'>${rowakun[2]}</td>
<td
valign='top'>${rowakun[3]}</td>
<td valign='top'>
<a
href='index.jsp?halaman=saldo_awal&aksi=AMBIL&kode_akun=${rowakun[0]} &nama_akun=${rowakun[1]}&jenis_akun=${rowakun[2]}&saldo_normal=${rowakun[3]}'>
pilih </a>
</td>
</tr>
</c:forEach>
</table>
<br>
<h2>Data Saldo Awal</h2>
<table border="1" width="100%"
cellpadding="0" cellspacing="0">
<tr class="head">
<td>Kode Akun</td>
<td>Nama Akun</td>
<td>Debet</td>
<td>Kredit</td>
<td>Action</td>
</tr>
<c:forEach var="rowsaldo_awal"
items="${qrymaster_saldo.rowsByIndex}">
<tr class="isi">
<td valign='top'>${rowsaldo_awal[0]}</td>
<td valign='top'>${rowsaldo_awal[1]}</td>
<td valign='top' align='right'>Rp.${rowsaldo_awal[3]}</td>
<td valign='top' align='right'>Rp.${rowsaldo_awal[4]}</td>
<td align='center'>
<a
href="aksi_saldo_awal?aksi=HAPUS&kode_akun=${rowsaldo_awal[0]}">Hapus</a>
||
<a href="index.jsp?halaman=saldo_awal&aksi=GANTI&kode_akun=${rowsaldo_awal[0]}&nama_akun=${rowsaldo_awal[1]}&saldo_normal=${rowsaldo_awal[2]}&saldo_debet=${rowsaldo_awal[3]}&saldo_kredit=${rowsaldo_awal[4]}">Edit</a>
</td>
</tr>
</c:forEach>
<c:forEach var="totalDK" items='${total.rowsByIndex}'>
<tr class="isi">
<td colspan="2" valign='top'
align='center'>Total</td>
<td align='right'><strong>Rp.
${totalDK[0]}</strong></td>
<td align='right'><strong>Rp.
${totalDK[1]}</strong></td>
<td
align='right'><strong>Selisih: Rp.
${totalDK[2]}</strong></td>
</c:forEach>
</table>
</html>
Hasil
Tampilan Web :
8. User.jsp
<%@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>
<%-- ingat tulisan {dataasource}
memiliki hub dengan
<sql:setDataSource
var="dataSource di index.jsp--%>
<sql:query var="qryadmin"
dataSource="${dataSource}">
<%--perubahan mulai dari where
....--%>
SELECT*FROM admin WHERE user_name
like'%${param.cari}%'
OR nama_lengkap like'%${param.cari}%'
</sql:query>
<font
color="white"><h2> .: [Form Data User]
:.</h2></font>
<form action="aksi_user"
method="post">
<table border="0">
<input type="hidden"
name="aksi" value="${param.aksi}"/>
<tr>
<td>User Name</td>
<td>:</td>
<td><input
type="text" name="user_name"
value="${param.user_name}"/></td>
<td> </td>
<td>Nama
Lengkap</td>
<td>:</td>
<td><input
type="text" name="nama_lengkap"
value="${param.nama_lengkap}"/></td>
</tr>
<tr>
<td>Password</td>
<td>:</td>
<td><input
type="text" name="password"
value="${param.password}"/></td>
<td> </td>
<td>Hak Akses</td>
<td>:</td>
<td>
</td>
<tr>
<td><input
type="submit"
value="Simpan" class="button"</td>
<td></td>
</tr>
</table>
</form>
<br>
<form action=""
method="post">
Cari Data User : <input
type="text" name="cari"
value="${param.cari}"/>
<input type="submit"
value="Cari" class="button"/><br>
</form>
<table border="0"
width="70%" cellpadding="0" cellspacing="0">
<tr class="head">
<td>User Name</td>
<td>Nama
Lengkap</td>
<td>Password</td>
<td>Hak Akses</td>
</tr>
<c:forEach
var="rowadduser" items="${qryadmin.rowsByIndex}">
<tr
class="isi">
<td
valign='top'>${rowadduser[0]}</td>
<td
valign='top'>${rowadduser[1]}</td>
<td valign='top'
align="center">${rowadduser[2]}</td>
<td valign='top'
align="center">${rowadduser[3]}</td>
</tr>
</c:forEach>
</table>
</body>
</html>
Hasil
Tampilan Web :
9. Periode.jsp
Codingan :
<%@ taglib prefix="c"
uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="sql"
uri="http://java.sun.com/jsp/jstl/sql" %>
<%@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>
<%-- ingat tulisan
{dataasource} memiliki hub dengan
<sql:setDataSource var="dataSource di index.jsp--%>
<sql:query
var="qryperiode" dataSource="${dataSource}">
<%--perubahan mulai
dari where ....--%>
SELECT*FROM periode WHERE thn
like'%${param.cari}%'
OR awal_bln
like'%${param.cari}%'
</sql:query>
<font
color="white"><h2> .: [Form Periode]
:.</h2></font>
<form
action="aksi_periode" method="post">
<table
border="0">
<input
type="hidden" name="aksi"
value="${param.aksi}"/>
<tr>
<td>Tahun
Periode</td>
<td>:</td>
<td><input type="text" name="thn"
value="${param.thn}"/></td>
<td>
</td>
<td>Awal
Bulan</td>
<td>:</td>
<td><input type="text" name="awal_bln"
value="${param.awal_bln}"/></td>
</tr>
<tr>
<td>Akhir
Bulan</td>
<td>:</td>
<td><input type="text" name="akhir_bln"
value="${param.akhir_bln}"/></td>
<td>
</td>
<td>Status</td>
<td>:</td>
<td><select name="status">
<c:choose>
<c:when test="${param.status=='Aktif'}">
<option
value="Aktif"> AKTIF</option>
<option value="Non Aktif"> NON AKTIF</option>
</c:when>
<c:when test="${param.status=='Non Aktif'}">
<option value="Non
Aktif"> NON AKTIF</option>
<option value="Aktif"> AKTIF</option>
</c:when>
<c:otherwise>
<option value="Aktif"> AKTIF</option>
<option value="Non Aktif"> NON AKTIF</option>
</c:otherwise>
</c:choose>
</select>
</td>
</tr>
<tr>
<td><input
type="submit" value="Simpan"
class="button"</td>
<td></td>
</tr>
</table>
</form>
<br>
<form action=""
method="post">
Cari Data Periode :
<input type="text" name="cari"
value="${param.cari}"/>
<input
type="submit" value="Cari"
class="button"/><br>
</form>
<table
border="0" width="70%" cellpadding="0"
cellspacing="0">
<tr
class="head">
<td>Tahun
Periode</td>
<td>Awal Bulan</td>
<td>Akhir
Bulan</td>
<td>Status</td>
</tr>
<c:forEach
var="rowthn_periode" items="${qryperiode.rowsByIndex}">
<tr
class="isi">
<td valign='top'>${rowthn_periode[0]}</td>
<td
valign='top'>${rowthn_periode[1]}</td>
<td
valign='top' align="center">${rowthn_periode[2]}</td>
<td
valign='top' align="center">${rowthn_periode[3]}</td>
</tr>
</c:forEach>
</table>
</body>
</html>
Hasil
Tampilan web :
Data Base pada PhpMyAdmin:
·
Data Base
admin
Data Base master_akun.
Data Base saldo_awal
·
Data Base
periode
Bab IV
Penutup
a. Kesimpulan
Kesimpulan yang diperoleh “Sistem Informasi
Akuntansi pada Perusahaan “Mikha
Salon & Spa” antara lain :
i Akuntansi
berbasis java yang
dibangun ini dapat
menjadi sistem informasi oleh
pegawai dan owner di Mikha Salon & Spa.
ii. Sistem digunakan pemilik toko admin untuk
mencatat transaksi keuangan dan
laporan Keuangan.
b. Saran
Saran
dalam pengembangan Sistem Informasi Akuntansi pada perusahaan “Mikha Salon & Spa” adalah sebagai berikut:
Sistem diharapkan
dapat dikembangkan menjadi
sistem informasi Akuntansi
lebih lengkap yang mampu
menyediakan informasi Keuangan yang lebih detail di Mikha Salon & Spa.
thanks gan sudah share
BalasHapussolder uap