Anda di halaman 1dari 10

PETUNJUK UMUM PRAKTIKUM AABW

1. Download file sia_praktikum.zip


2. Extract file sia_praktikum
3. Copikan atau tempat hasil extract file ke dalam folder
c:\xampp\htdocs\sia_pratikum
4. Ciptakan satu buah database dengan sia_praktikum.sql (untuk menciptakan nama
database tersebut harus menjalankan XAMPP)
5. Import Database sia_praktikum.sql yang terdapat di folder Database ke database yang
telah kita buat sebelumnya yang bernama sia_praktikum.sql
6. Jalankan Aplikasi dan perhatikan beberapa menu terdapat error seperti:
a. Jurnal Transaksi Error → jurnal_transaksi.php (input transaksi yang tertulis pada
buku di halaman 319-321)
b. Jurnal Penyesuaian Error → jurnal_penyesuaian.php
c. Jurnal Umum Error → jurnal_umum.php
d. Posting Error → posting.php
e. Neraca Saldo error → neraca_saldo.php
f. Neraca Lajur error → neraca_lajur.php
g. Laporan Laba Rugi error → laporan_laba_rugi.php
7. Tugas kita seterusnya adalah mengisi dari point a sampai dengan point g step by step
setiap minggu.

PRAKTIKUM KE-8

Tugas :

1. Buat sebuah file bernama jurnal_transaksi.php simpan pada folder anda yang sesuai
2. Input Seluruh data transaksi yang tertera pada buku di halaman
3. Pastikan tidak ada yang erro di menu Transaksi-Jurnal
4. Selesai upload tugasnya di LMS atau di Foto dan Screenshot

Script jurnal_transaksi.php adalah


<?php
include_once "fungsi.php";
?>
<section class="content-header">
<h1>Kode Akun </h1>
<ol class="breadcrumb">
<li><a href="#"><i class="fa fa-
dashboard"></i> Posisi Anda</a></li>
<li class="active">Akun 1</li>
</ol>
</section>
<section class="content">
<div class="row">
<div class="col-md-12">
<div id="boxTransaksi" class="box box-primary">
<div class="box-header with-border">
<div class="row">
<div class="col-md-6">
<h3 class="box-title">Level 1</h3>
</div>
<div class="col-md-6">
<div class="box-tools pull-right">
<div class="btn-group" role="group">
<button type="button" class="btn btn-
success" data-toggle="modal" data-
target="#modalInputJurnal"><i class="fa fa-
plus"></i><span>Tambah</span></button>
<button type="button" class="btn btn-
warning" id="jurnal-edit-btn"><i class="fa fa-
edit"></i> <span>Edit</span></button>
<button type="button" id="transaksi-
jurnal-hapus-btn" class="btn btn-danger"><i class="fa fa-
trash"></i> <span>Hapus</span></button>
</div>
</div><!-- /.box-tools -->
</div><!-- /.col-md -->
</div><!-- /.row -->
</div><!-- /.box-header -->
<div class="box-body">
<div class="table-responsive">
<table id="table-transaksi-
jurnal" class="table table-bordered table-striped">
<thead class="bg-primary">
<tr>
<th>No</th>
<th>Kwitansi</th>
<th>Tanggal</th>
<th>Ket</th>
<th>Deskripsi</th>
<th>Akun</th>
<th>Debit</th>
<th>Kredit</th>
<th><input type="checkbox" id="checkAll
"></th>
</tr>
</thead>
<tbody>
<?php
$no=0;
$transaksi = mysql_query("SELECT * FROM
tbl_transaksi ORDER BY kwitansi ASC");
while($data = mysql_fetch_assoc($tr
ansaksi)){
?>
<tr>
<td><?php echo ++$no ?></td>
<td class='col-
kwitansi'><?php echo $data['kwitansi'] ?></td>
<td class='col-
tanggal'><?php echo reformat_tanggal($data['tanggal']) ?></td>
<td class='col-
ket'><?php echo $data['ket'] ?></td>
<td class='col-
deskripsi'><?php echo $data['deskripsi'] ?></td>
<td class='col-
kode'><?php echo $data['kode_akun3'] ?></td>
<td class='col-
debit'><?php echo $data['debit'] ?></td>
<td class='col-
kredit'><?php echo $data['kredit'] ?></td>
<td><input type="checkbox" class="cb-
element" value="<?php echo $data['id']; ?>"></td>
</tr>
<?php } ?>
</tbody><!-- /tbody -->
</table><!-- /table -->
</div> <!--table-responsive -->
</div><!-- /.box-body -->
</div><!-- /.box -->
</div><!-- /.col-md-12 -->
</div><!-- /.row -->
</section><!-- /.content -->

<!-- MODAL INPUT Transaksi ke Jurnal -->


<div id="modalInputJurnal" class="modal fade" role="dialog" style="display:
none">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<form class="input-transaksi-form">
<div class="modal-header bg-info">
<button type="button" class="close" data-
dismiss="modal" aria-label="Close"><span aria-
hidden="true">&times;</span></button>
<h4 class="modal-title">Formulir Input Jurnal</h4>
</div>
<div class="modal-body">
<div class="row">
<div class="col-md-3">
<div class="form-group">
<label for="kwitansi">No Kwitansi</label>
<input type="text" class="form-
control" name="kwitansi" id="kwitansi" placeholder="No Kwitansi">
</div>
</div>
<div class="col-md-3">
<div class="form-group">
<label for="tanggal">Tanggal</label>
<input type="text" class="form-
control" name="tanggal" id="tanggal" placeholder="Tanggal Transaksi">
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="ket">Keterangan Jurnal</label>
<input type="text" class="form-
control" name="ket" id="ket" placeholder="Keterangan di Jurnal">
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="form-group">
<label for="deskripsi">Deskripsi Transaksi<
/label>
<input type="text" class="form-
control" name="deskripsi" id="deskripsi" placeholder="Deskripsi Transaksi">
</div>
</div>
</div>
<div class="row">
<div class="col-md-3">
<div class="form-group">
<label for="kode">Kode Akun</label>
<select name="kode" id="kode" class="form-
control">
<option value=''> - Kode Akun - </optio
n>
<?php
$akun=mysql_query("SELECT * FROM tb
l_akun3 ORDER BY kode_akun3");
while ($akun3=mysql_fetch_array($ak
un)){
echo "<option value='".$akun3['
kode_akun3']."'>".$akun3['kode_akun3']." | ".$akun3['nama_akun3']."</option
>";
}
?>
</select>
</div>
</div>
<div class="col-md-3">
<div class="form-group">
<label for="debit">Debit</label>
<input type="text" class="form-
control" name="debit" id="debit" placeholder="Debit">
</div>
</div>
<div class="col-md-3">
<div class="form-group">
<label for="kredit">Kredit</label>
<input type="text" class="form-
control" name="kredit" id="kredit" placeholder="Kredit">
</div>
</div>
<div class="col-md-3">
<div class="form-group">
<label for="status">Status Kas</label>
<select name="status" id="status" class
="form-control">
<option value=""> - Status Kas - </
option>
<option value="1">Penerimaan</optio
n>
<option value="2">Pengeluaran</opti
on>
<option value="3">Investasi Masuk</
option>
<option value="4">Investasi Keluar<
/option>
<option value="5">Normal</option>
</select>
</div>
</div>
</div><!-- /.row -->
</div> <!-- /.modal-body -->
<div class="col-md-12 temp-table-area" style="max-
height:200px;overflow-y:auto">
<table id="tbl-temporary" class="table table-
striped temp-table">
<thead class="bg-info">
<tr>
<th>Kode Akun</th>
<th>Debit</th>
<th>Kredit</th>
<th>Status</th>
<th>Delete</th>
</tr>
</thead>

<tbody>

</tbody>
<tfoot>

</tfoot>
</table>
</div>

<div class="modal-footer">
<button type="submit" class="btn btn-
primary" id="simpan-transaksi-jurnal-btn">Simpan</button>
<button type="button" class="btn btn-danger" data-
dismiss="modal">Close</button>
</div>
</form>
</div>
</div>
</div>

<!-- /.modal edit -->


<div id="modalEditJurnal" class="modal fade" role="dialog">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<form id="jurnal-edit-form">
<input type="hidden" id="id" name="id">
<div class="modal-header bg-warning">
<button type="button" class="close" data-
dismiss="modal" aria-label="Close"><span aria-
hidden="true">&times;</span></button>
<h4 class="modal-title">Formulir Edit Jurnal</h4>
</div>
<div class="modal-body">
<div class="row">
<div class="col-md-3">
<div class="form-group">
<label for="kwitansi">No Kwitansi</label>
<input type="text" class="form-
control" name="kwitansi" id="kwitansi" placeholder="No Kwitansi">
</div>
</div>
<div class="col-md-3">
<div class="form-group">
<label for="tanggal">Tanggal</label>
<input type="text" class="form-
control tanggal" name="tanggal" id="tanggal" placeholder="Tanggal Transaksi
">
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="ket">Keterangan Jurnal</label>
<input type="text" class="form-
control" name="ket" id="ket" placeholder="Keterangan di Jurnal">
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="form-group">
<label for="deskripsi">Deskripsi Transaksi<
/label>
<input type="text" class="form-
control" name="deskripsi" id="deskripsi" placeholder="Deskripsi Transaksi">
</div>
</div>
</div><!-- /.row -->
<div class="row">
<div class="col-md-3">
<div class="form-group">
<label for="kode">Akun Level 1</label>
<select name="kode" id="kode" class="form-
control">
<option value=''> - Kode Akun - </optio
n>
<?php
$akun=mysql_query("SELECT * FROM tb
l_akun3 ORDER BY kode_akun3");
while ($akun3=mysql_fetch_array($ak
un)){
echo "<option value='".$akun3['
kode_akun3']."'>".$akun3['kode_akun3']." | ".$akun3['nama_akun3']."</option
>";
}
?>
</select>
</div>
</div>
<div class="col-md-2">
<div class="form-group">
<label for="debit">Debit</label>
<input type="text" class="form-
control" name="debit" id="debit" placeholder="Debit">
</div>
</div>
<div class="col-md-2">
<div class="form-group">
<label for="kredit">Kredit</label>
<input type="text" class="form-
control" name="kredit" id="kredit" placeholder="Kredit">
</div>
</div>
<div class="col-md-3">
<div class="form-group">
<label for="status">Status Kas</label>
<select name="status" id="status" class
="form-control">
<option value=""> - Status Kas - </
option>
<option value="1">Penerimaan</optio
n>
<option value="2">Pengeluaran</opti
on>
<option value="3">Investasi Masuk</
option>
<option value="4">Investasi Keluar<
/option>
<option value="5">Normal</option>
</select>
</div>
</div>
<div class="col-md-2">
<div class="form-group">
<label>&nbsp;</label>
<button id="jurnal-update-btn" class="form-
control btn btn-primary"><i class="fa fa-
save"></i> <span>Update</span></button>
</div>
</div>
</div><!-- /.row -->
</div> <!-- /.modal-body -->
<div class="modal-footer">

</div>
</form>
</div>
</div>
</div>

<div id="modalSuccess" class="modal fade" role="dialog" style="display:none


">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header modal-header-success">
<h4 class="modal-title"></h4>
</div>
<div class="modal-body" style="background:#d9534f;color:#fff">

</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-
dismiss="modal">OK</button>
</div>
</div>
</div>
</div>

<div id="modalWarning" class="modal fade" role="dialog" style="display:none


">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header modal-header-warning">
<h4 class="modal-title"></h4>
</div>
<div class="modal-body" style="background:#d9534f;color:#fff">

</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-
dismiss="modal">Ok</button>
</div>
</div>
</div>
</div>

<div id="modalDanger" class="modal fade" role="dialog" style="display:none"


>
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header modal-header-danger">
<h4 class="modal-title"></h4>
</div>
<div class="modal-body" style="background:#d9534f;color:#fff">

</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-
dismiss="modal">OK</button>
</div>
</div>
</div>
</div>

<!-- DataTables -->


<script src="assets/adminlte/plugins/datatables/jquery.dataTables.min.js"><
/script>
<script src="assets/adminlte/plugins/datatables/dataTables.bootstrap.min.js
"></script>

<!-- Bootstrap Validation -->


<script src="assets/validatorbootstraps/js/bootstrapValidator.min.js"></scr
ipt>

<!-- Pengaturan Tanggal </script>-->


<script src="assets/jquery_datetimepicker/js/moment.js"></script>
<script src="assets/jquery_datetimepicker/js/bootstrap-
datetimepicker.min.js"></script>

<script type="text/javascript">
$(function(){
$('#table-transaksi-jurnal').DataTable({
"lengthMenu": [ 5, 10, 15, 25, 50 ], //mengatur show entries
//mengatur tombol paging
"language": {
"paginate": {
"previous": "<i class='fa fa-angle-left'></i>",
"next": "<i class='fa fa-angle-right'></i>",
"first": "<i class='fa fa-angle-double-left'></i>",
"last": "<i class='fa fa-angle-double-right'></i>"
}
},
//mengatur jenis paging
"pagingType": "full_numbers", //numbers, simple, simple_numbers, fu
ll_numbers
//untuk menghilangkan order button
"columnDefs": [
{
"targets": [7,8],
"orderable": false
}
],
// Mengatur lebar kolom
"aoColumns": [
{"sWidth": "5%"},
{"sWidth": "5%"},
{"sWidth": "10%"},
{"sWidth": "20%"},
{"sWidth": "30%"},
{"sWidth": "10%"},
{"sWidth": "5%"},
{"sWidth": "5%"}
]
});

$('#tanggal').datetimepicker({
format: 'DD/MM/YYYY'
});

$('.tanggal').datetimepicker({
format: 'DD/MM/YYYY'
});

$('#checkAll').click(function(){
var cek_status = this.checked;
$('.cb-element').each(function(){
this.checked = cek_status;
});
});
});
</script>

<script type="text/javascript" src="js/script.js"></script>


<script type="text/javascript">
loadScript("js/transaksi.js", function(){
//initialization code
});
</script>

Hasilnya di foto/screenshot untuk diupload di situs LMS yang sama