PEMOGRAMAN AKUNTANSI (LocalHost PhpAdmin)

A.  CARA MENAMBAH MODUL PERUSAHAAN

1.      Jangan lupa mengAktifkan XAMPP Terlebih dahulu

 

 

2.      Kemudian masuk di crome dengan link http://localhost/akuntansi_htp_new/

 

3.      Untuk mengetahui Username dan Passsword caranya seperti berikut :

·         Masuk di http://localhost/phpmyadmin/

·         Kemudian cari t_user dan selesai

 

4.      Login di http://localhost/akuntansi_htp_new/ tadi

  

5.      Jika sudah maka tampilannya seperti berikut

6.      Nah pada gambar di atas sudah ada Data Perusahaan  jadi kita hapus saja untuk membuat ulang

7.      Buka di xampp pia – htdocs – akuntansi_htp_new -  admin – modul.  Jika ada  mod_perusahaan lalu pilih dan HAPUS

8.      Jika berhasil kita buka template nya di hery.php lalu Klik

 

9.      Jika sudah hapus modul perusahaan

 

10.  Jika berhasil maka dia akan hilang disini

11.  Jika sudah buka SQLyog lalu kita akan membuat table baru

Klik kanan pada Tables – Create Table

12.  Lalu masukkan seperti gambar berikut dan SAVE

13.  Jika sudah maka kita akann cek, missal kita ingin membuat perusahaan maka ikutin gambar di bawah

14.  Nah jika kita ingin mengubah lewat nama file nya melalui aplikasi yang kita bikin tanpa harus lewa SQLyog cara nya sepeerti berikut

15.  Pertama kita buka dulu folder utamanya di Buka Visual Studio tadi – New – Open Folder – xampp pia – htdocs – akuntansi_htp_new (masukkan saja semua isinya yang ada) – Select folder

16.  Jika sudah lalu buka file hery.php

17.  Selanjutnya untuk menambahkannya disini http://localhost/akuntansi_htp_new/admin/hery.php?module=home

18.  Masukkan Source code berikut di baris ke 52 dan Ctrl S

<li><a href="?module=perusahaan">Data Perusahaan</a></li>

19.  Jika sudah kitra refreash saja maka ia akan muncul  http://localhost/akuntansi_htp_new/admin/hery.php?module=home

20.  Nah jika sudah maka ia akan muncul namul isi file nya tidak ada, Untuk mengisi isi file nya kita buka file di hery_isi.php pada visual studio

elseif ($_GET['module']=='perusahaan'){

    include "modul/mod_perusahaan/perusahaan.php";

}

 

21.  Jika sudah maka kia buat folder baru dengan nama mod_perusahaan (copy saja mod_user lalu ganti nama) – kemudian isi yang tadi nya user.php rename dengan nama perusahaan.php

22.  Jika sudah selesai kita cek disini http://localhost/akuntansi_htp_new/admin/hery.php?module=home

Dan jika berhasil maka ia akan seperti ini 

23.  Nah pada gamar di atas masih terlihat yang tampil adalah Informasi Data User, Kenapa? Ya karna kita copas tadi lah woi wkwkwk,,,, untuk ganti nya kek gini caranya

24.  Pada visual studio buka Modul – mod_user – user.php

Lalu kita ubah dengan nama perusahaan pada baris ke 33 dan 44 yang tadinya user

 

25.  Selanjutnya kita buka table perusahaannya dan apa saja informasi yang kita tampilkan, Buka di SQLyog

 

26.   Jika sudah maka kita buka di visual studio – modul – mod_perusahaan – perusahaan.php

27.  Lalu kita ubah yang tadi nya user menjadi perusahaan pada baris yang di Capslog

28.   Jangan lupa juga kita insert kan di localhost PHP adminnya

 

29.  Jika berhasil maka akan mucul seperti ini

30.  Selesai

B. MERAPIKAN FORM INPUT DENGAN TABEL PHP

 

·        CARA NAMBAH DATA

1.      Jangan lupa nyalakan XAMPP terlebih dahulu

2.      Lalu buka http://localhost/akuntansi_htp_new/

3.      Kemudian login dengan username admin dan Passwordnya 123

4.      Lalu di Data Perkiraan kita tambahkan datanya dengan menekan Tambah data

 

5.      Selanjutnya kita coba kan input dengan contoh pada gambar di bawah ini

 

6.      Jika berhasil maka ia akan tampil seperti ini

 

7.      Jika tidak bisa atau tidak mau di input, maka periksa database nya apakah tulisannya dah bener apa belom? (litany di table_akuntansi_master

8.      Lihat juga di visual studio apakah sudah benar apa belom pemanggilannya ataupun tulisannya

<?php

error_reporting(0);

include"config/koneksi.php";

if (isset($_POST['simpan'])){

    $sqlsimpan=mysqli_query($koneksi, "insert into tabel_akuntansi_master

               (nomor_perkiraan,

                nama_perkiraan,

                kelompok,

                tipe)

         values('$_POST[nomor_perkiraan]',

                '$_POST[nama_perkiraan]',

                '$_POST[kelompok]',

                '$_POST[tipe]')");

    echo"<script>document.location='?module=perkiraan'</script>";              

}

echo"<h1>Tambah Data Perkiraan</h1>";

echo"<form action='' method='POST'>

<table border='0' width='50%' >

<tr>

<td>Nomor Perkiraan </td><td><input type='text' name='nomor_perkiraan'></td>

</tr>

<tr>

<td>Nama Perkiraan</td><td><input type='text' name='nama_perkiraan'></td>

</tr>

<tr>

<td>Tipe </td><td><input type='text' name='tipe'></td>

</tr>

<tr>

<td><input type='submit' name='simpan' value='Kirim'></td>

</table>

</form>";

?>

Atau boleh juga lihat dari SQLyog

·         CARA MERAPIKANNYA

1.      Untuk Memanjangkan kolom menggunakan soruce kode size=’40’  angka nya sesuai yang kita inginkan

 

Missal kita hanya ingin memanjangkan nomor perkiraan, Jika berhasil maka akan seperti ini

2.      Misal kita ingin Menambah kolom baru, masukkan source kode berikut

<tr>

<td>Tipe </td><td><input type='text' name='tipe'></td>

</tr>

 

Jika berhasil maka kolom baru dengan nama tipe akan muncul seperti gambar di bawah ini

 

 

3.      Jika kita ingin Mengeluarkan tombol kirim, masukkan source kode berikut

 

<input type='submit' name='simpan' value='Kirim'><br>

 

            Jika berhasik maka ia akan seperti ini

4.      Jika kita ingin Menghilangkan garisnya agar terlihat rapi, masukkan source code berikut

<table border='1' width='50%' >

 

Tinggal kita ubah aja angka 1 nya menjadi 0, jika berhasil maka seperti ini

5.      Misalnya kita mau buat kolom kelompok dalam 1 baris

<tr>

<td>Kelompok</td>

<td>

<select name='kelompok'>

<option value='aktivas'>Aktiva</options>

<option value='modal'>Modal</options>

<option value='biaya'>Biaya</options>

<option value='kewajiban'>Kewajiban</options>

<option value='pendapatan'>Pendapatan</options>

</select>

</td>

 

 

Jika berhasil maka akan seperti ini

 

 

C. Cara menambah edit Data

 

1.      Jangan Lupa Untuk menyalakan Xampp Terlebih dahulu

2.      Masuk ke http://localhost/akuntansi_htp_new/ (yang kemarin)

3.      Masukkan dengan username Admin dan Pass 123 Sesuai yang sudah dibuat kemarin

4.      Karna disinii kita akan membuat edit untuk  Data Perkiraan, Maka kita akan masukkan  source code nya ke Modul perkiraan

5Maksud pada Gambar itu adalah, Dari folder Modul – Mod_perkiraan – perkiraan

6.      Selanjutnya Buka perkiraan.php lalu Masukkan Source code berikut

<td>

  <a href=''>EditPerkiraan</a>

  <a href='?module=DelPerkiraan&id=$data[nomor_perkiraan]'>Del</a>

  </td>

Terletak pada bagian bawah / akhir

Dan jika berhasil maka akan seperti ini (tombol edit nya sudah tampil )

Karna belom rapi (kolomnya besar besar) , maka akan kita rapikan dengan mengubah ukuran kolom aksi nya seperti berikut

<td style='font-weight:bold;width:80px'>Aksi</td>

Jika masih belom sesuai, maka sesuaikan saja sampai terlihat rapi

Jangan lupa masukkan di Hery.isi

elseif ($_GET['module']=='EditPerkiraan'){

    include "modul/mod_perkiraan/EditPerkiraan.php";

}

7.      Selanjutnya agar tombol edit data nya berfungsi maka kita akan melakukan pengambilan data berdasarkan Id nya

 <a href='?module=EditPerkiraan&id=$data[nomor_perkiraan]'>Edit</a>

Jika berhasil akan terlihat sesuai id nya, contoh kita akan mengambil edit data untuk ID dibawah (Id = 1)

Jika berhasil maka dia akan terlihat sesuai Id seperti ini

8.      Selanjutnya buat File baru dengan nama editperkiraan.php (di mod_perkiraan)

<?php

//include "config/koneksi.php";

 

echo"<h3>Edit data Perkiraan</h3>";

 

?>

Jika berhasil maka akan tampil seperti berikut

9.      Nah sekarang kita akan membuat Modul editnya  seperti berikut di hery_isi.php

<?php

include "config/koneksi.php";

 

$data =  mysqli_fetch_array(mysqli_query($koneksi, "select * from tabel_akuntansi_master where nomor_perkiraan='$_GET[id]'"));

echo"<h3>Edit data Perkiraan</h3>";

 

echo"<form action='' method='post'>

<table>

<tr>

<td>Nomor Perkiraan</td><td><input type='text' name='nomor_perkiraan' value='$data[nomor_perkiraan]'></td>

</tr>

 

<tr>

<td>Nama Perkiraan</td><td><input type='text' name='nama_perkiraan' value='$data[nama_perkiraan]'></td>

</tr>

 

<tr>

<td>Tipe</td><td><input type='text' name='tipe' value='$data[tipe]'></td>

</tr>

 

<tr>

<td>Kelompok</td><td><input type='text' name='tipe' value='$data[kelompok]'></td>

</tr>

 

<tr>

<td colspan='2'><input type='submit' name='submit' value='Update'></td>

</tr>

 

</table>

</form>";

 

?>

Jika berhasil maka ia akan terbaca

10.  Selanjutnya agar Tombol Update Nya bisa maka seperti berikut

if($_POST['submit']){

    mysqli_query($koneksi, "Update tabel_akuntansi_master set

                            nama_perkiraan='$_POST[nama_perkiraan]'

                            where nomor_perkiraan='$_POST[nomor_perkiraan]'");

    echo"<script>documen.location='?module=perkiraan'</script>";

}

Letak pada bagian atas

C. Cara menambah tombol edit Data

1.      Jangan Lupa Untuk menyalakan Xampp Terlebih dahulu

2.      Masuk ke http://localhost/akuntansi_htp_new/ (yang kemarin)

3.      Masukkan dengan username Admin dan Pass 123 Sesuai yang sudah dibuat kemarin

4.      Karna disinii kita akan membuat edit untuk  Data Perkiraan, Maka kita akan masukkan  source code nya ke Modul perkiraan

5.      Cara lihatnya gimana supaya kita ga salah masukkan, Nah cara nya seperti gambar dibawah

Maksud pada Gambar itu adalah, Dari folder Modul – Mod_perkiraan – perkiraan

6.      Selanjutnya Buka perkiraan.php lalu Masukkan Source code berikut

<td>

  <a href=''>EditPerkiraan</a>

  <a href='?module=DelPerkiraan&id=$data[nomor_perkiraan]'>Del</a>

  </td>

 

Terletak pada bagian bawah / akhir

Dan jika berhasil maka akan seperti ini (tombol edit nya sudah tampil )

Karna belom rapi (kolomnya besar besar) , maka akan kita rapikan dengan mengubah ukuran kolom aksi nya seperti berikut

<td style='font-weight:bold;width:80px'>Aksi</td>

Jika masih belom sesuai, maka sesuaikan saja sampai terlihat rapi

7.      Selanjutnya agar tombol edit data nya berfungsi maka kita akan melakukan pengambilan data berdasarkan Id nya

 <a href='?module=EditPerkiraan&id=$data[nomor_perkiraan]'>Edit</a>

(Lupa ganti nama jadi EditPerkiraan)

Jika berhasil akan terlihat sesuai id nya, contoh kita akan mengambil edit data untuk ID dibawah (Id = 1)

Jika berhasil maka dia akan terlihat sesuai Id seperti ini

8.      Selanjutnya buat File baru dengan nama editperkiraan.php (di mod_perkiraan)

<?php

//include "config/koneksi.php";

 

echo"<h3>Edit data Perkiraan</h3>";

 

?>

 

Jika berhasil maka akan tampil seperti berikut

9.      Nah sekarang kita akan membuat Modul editnya  seperti berikut di hery_isi.php

<?php

include "config/koneksi.php";

 

$data =  mysqli_fetch_array(mysqli_query($koneksi, "select * from tabel_akuntansi_master where nomor_perkiraan='$_GET[id]'"));

echo"<h3>Edit data Perkiraan</h3>";

 

echo"<form action='' method='post'>

<table>

<tr>

<td>Nomor Perkiraan</td><td><input type='text' name='nomor_perkiraan' value='$data[nomor_perkiraan]'></td>

</tr>

 

<tr>

<td>Nama Perkiraan</td><td><input type='text' name='nama_perkiraan' value='$data[nama_perkiraan]'></td>

</tr>

 

<tr>

<td>Tipe</td><td><input type='text' name='tipe' value='$data[tipe]'></td>

</tr>

 

<tr>

<td>Kelompok</td><td><input type='text' name='tipe' value='$data[kelompok]'></td>

</tr>

 

<tr>

<td colspan='2'><input type='submit' name='submit' value='Update'></td>

</tr>

 

</table>

</form>";

 

?>

Jika berhasil maka ia akan terbaca

10.  Selanjutnya agar Tombol Update Nya bisa maka seperti berikut

if($_POST['submit']){

    mysqli_query($koneksi, "Update tabel_akuntansi_master set

                            nama_perkiraan='$_POST[nama_perkiraan]'

                            where nomor_perkiraan='$_POST[nomor_perkiraan]'");

    echo"<script>documen.location='?module=perkiraan'</script>";

}

Selesai

 

D. Cara menambah tombol Hapus Data

 

1.      Caranya hamper sama dengan cara tambah tombol edit data

2.      Hanya berbeda sedikit

3.      Untuk hery.isi

elseif ($_GET['module']=='DelPerkiraan'){

include "modul/mod_perkiraan/DelPerkiraan.php";

}

4.      Kemudian untuk perkiraan.php

<a href='?module=DelPerkiraan&id=$data[nomor_perkiraan]'>Del</a>

5.      Untuk Delperkiraan.php

<?php

include "config/koneksi.php";

 

    mysqli_query($koneksi, "delete from tabel_akuntansi_master where nomor_perkiraan='$_GET[id]'");

    echo"<script>document.location='?module=perkiraan'</script>";

?>

6.      Selesai

C. Cetak Data

    Selesai

1.       Contoh kita ambil Data Perkiraan  untuk menaruk link nya

Letakkan dibawah Tambah Data

echo"<a href='modul/mod_perkiraan/cetak_perkiraan.php' target=_blank'>Cetak data perkiraan</a>";

 

Jika berhasil maka ia akan terlihat

2.       Selanjutnya buat File baru – modul – mod_perkiraan – cetak_perkiraan.php

 

Lalu isi dengan source code berikut

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <tittle>Document</tittle>

</head>

<body onload="window.print()">

    <h1>Laporan Data Perkiraan<h1>

</body>

</html>

 

3.       Lalu hapus saja di atas semua ( HANYA CONTOH SEDERHANA NYA SAJA)

4.       Lalu agar data nya ada kita tinggal Copy saja perkiraan.php – masukkan di cetak_perkiraan.php

 

5.       Jika sudah kita akan matikan beberapa kode agar terhindar dari error, seperti gambar dibawah ini

 

                          Lalu yang di baris ke 31 Pada gambar di atas hapus saja // ini nya

                Jika berhasil maka akan terlihat

 

6.       Hapus saja code yang tidak butuh seperti Aksi atau lainnya

7.       Untuk menyajikan save format PDF atau WORD Maka seperti ini caaranya

<body onload="window.print()">                        LETAK DI ATAS BARIS 29 PADA GAMBAR DI ATAS

 

 

</body>     LETAK DI PALING BAWAH(PENUTUP)