Senin, 05 Desember 2011

Aplikasi database untuk insert, update, delete dan select untuk Database Keuangan menggunakan JSP

1. Definisi Tabel :
dalam pembuatan database keuangan ini, hanya diperlukan satu tabel, yaitu  tabel transaksi (t_transaksi) yang memiliki atribut sebagai berikut:
a. id_transaksi = digunakan untuk penomoran pada barang, agar tidak terjadi duplikat barang dan juga berfungsi sebagai primary key (menggunakan tipe data=char, length=10, keterangan=prymary key)
b. nama_barang = menjelaskan tentang nama-nama barang yang ada pada database (menggunakan tipe data=varchar, length=30, keterangan= -)
c. harga_satuan = digunakan untuk pemberian harga pada setiap satuan barang (menggunakan tipe data=int, length=10, keterangan= -)
d. jumlah = berfungsi untuk mengetahui stock barang yang ada pada database (menggunakan tipe data=int, length=10, keterangan= -)
e. harga_transaksi = untuk mengetahui harga total transaksi pada setiap transaksi (menggunakan tipe data=int, length=10, keterangan= -)
f. jenis_transaksi = memberikan keterangan apakah transaksi tersebut termasuk dalam pengeluaran atau pemasukan (menggunakan tipe data=varchar, length=10, keterangan= -)
g. tgl_transaksi = menjelaskan tentang kapan dilakukannya transakasi (menggunakan tipe data=date, length=-, keterangan= -) 
Lihat isi tabel transaksi:

2.  Penjelasan Singkat Mengenai Kegunaan Aplikasi :
aplikasi keuangan ini berguna untuk memudahkan dan mempercepat user atau pemakai dalam melakukan transaksi dengan konsumen yang menggunakan database, dan juga untuk mengurangi tingkat kesalahan berupa human error saat transaksi berlangsung.

3.  Komponen Program Yang Diperlukan
1. XAMPP
2. Database (sql)
3. Notepad++ (untuk penulisan kode program)
4. Query mySql
5. Koneksi Java dgn mySql 

4.  Kode Program :  
a. insert.jsp
<%@ page import ="java.sql.*"%>
<form method="post">
<table width="349">
  <tr>
    <td width="116">Id Transaksi</td>
    <td width="10">:</td>
    <td width="216"><input type = "text" name = "id">*</td>
  </tr>
  <tr>
    <td>Nama Barang</td>
    <td>:</td>
    <td><input type = "text" name = "nm">*</td>
  </tr>
  <tr>
    <td>Harga Satuan</td>
    <td>:</td>
    <td><input type = "text" name = "hrgs">*</td>
  </tr>
  <tr>
    <td>Jumlah Satuan</td>
    <td>:</td>
    <td><input type = "text" name = "jml">*</td>
  </tr>
  <tr>
    <td>Harga Transaksi</td>
    <td>:</td>
    <td><input type = "text" name = "hrgt">*</td>
  </tr>
  <tr>
    <td>Jenis Transaksi</td>
    <td>:</td>
    <td><select name="jnst"><option value=jenis1 selected="selected">Pengeluaran</option>
    <option value=jenis2>Pemasukan</option></select>*</td>
  </tr>
  <tr>
    <td>Tanggal Transaksi</td>
    <td>:</td>
    <td><input type = "text" name = "tglt">*</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td><input type="Submit" name="submit" value="Insert"></td>
  </tr>
</table>

</form>

<%
String id = request.getParameter("id");
String nm = request.getParameter("nm");
String hrgs = request.getParameter("hrgs");
String jml = request.getParameter("jml");
String hrgt = request.getParameter("hrgt");
String jnst1 = request.getParameter("jnst");
String tglt = request.getParameter("tglt");

if(id == null || nm == null || hrgs == null || jml == null || hrgt == null || jnst1 == null || tglt == null){
out.println("Isi semua data yang bertanda *");
  
}else{
    if(jnst1.equals("jenis1"))
{
    jnst1= "Pengeluaran";
}else if(jnst1.equals("jenis2"))
{  
    jnst1= "Pemasukan";
}
try{

    Class.forName("com.mysql.jdbc.Driver");
    Connection koneksi = null;
    koneksi = DriverManager.getConnection(
        "jdbc:mysql://localhost/keuangan",
    "root",
    ""
    );
    out.println("koneksi berhasil <br />");
  
    Statement perintah = koneksi.createStatement();
    int hasil = perintah.executeUpdate("insert into t_transaksi(id_transaksi, nama_barang, harga_satuan, jumlah, harga_transaksi, jenis_transaksi, tgl_transaksi) values('"+id+"', '"+nm+"', '"+hrgs+"', '"+jml+"','"+hrgt+"','"+jnst1+"','"+tglt+"')");
    out.println(hasil);
  
    koneksi.close();
    out.println("Koneksi ditutup <br />");
}
catch(Exception e)
{
    out.println(e);
}
}
%>
<a href= "view.jsp">Lihat Tabel</a>

b. view.jsp
<%@ page import ="java.sql.*"%>
<%
try{

    Class.forName("com.mysql.jdbc.Driver");
    Connection koneksi = null;
    koneksi = DriverManager.getConnection(
        "jdbc:mysql://localhost/keuangan",
    "root",
    ""
    );
    out.println("koneksi berhasil <br />");

    ResultSet hasil = null;
    Statement perintah = koneksi.createStatement();
    hasil = perintah.executeQuery("select * from t_transaksi");

    out.println("<table border =\"1\">");
    out.println("<tr>");
    out.println("<td>id Transaksi</td>");
    out.println("<td> Nama Barang </td>");
    out.println("<td> Harga Satuan </td>");
    out.println("<td> Jumlah </td>");
    out.println("<td> Harga Transaksi </td>");
    out.println("<td> Jenis Transaksi </td>");
    out.println("<td> Tanggal Transaksi </td>");
    out.println("<td> Aksi </td>");
    out.println("</tr>");
    while(hasil.next()){
         String idbrg = hasil.getString("id_transaksi");                  
         String Nama = hasil.getString("nama_barang");
         String hrg = hasil.getString("harga_satuan");
         String jml = hasil.getString("jumlah");
         String hrgt = hasil.getString("harga_transaksi");
         String jnt = hasil.getString("jenis_transaksi");
         String tgl = hasil.getString("tgl_transaksi");
         out.println("<tr>");
         out.println("<td>"+idbrg+"</td>");
         out.println("<td>"+Nama+"</td>");
         out.println("<td>"+hrg+"</td>");
         out.println("<td>"+jml+"</td>");
         out.println("<td>"+hrgt+"</td>");
         out.println("<td>"+jnt+"</td>");         
         out.println("<td>"+tgl+"</td>");
         out.println("<td><a href = delete.jsp >delete</a></td>");
}
out.println("</table>");
  

    koneksi.close();
    out.println("koneksi ditutup <br />");

}
catch(Exception e){
    out.println(e);
}
%>
<a href="insert.jsp">insert data lagi</a><br>
<a href="delete.jsp">delete record</a>

 
c. delete.jsp
<%@ page import ="java.sql.*"%>
<form method = "POST">
Input ID Transaksi yang ingin di hapus</br>
<input type = "text" name = "idtrans"></br>
<input type="Submit" name="submit" value="hapus">
<%

String idtrans = request.getParameter("idtrans");
if(idtrans==null){
    out.println("ID Transaksi harus benar");
}else{
try{

    Class.forName("com.mysql.jdbc.Driver");
    Connection koneksi = null;
    koneksi = DriverManager.getConnection(
        "jdbc:mysql://localhost/keuangan",
    "root",
    ""
    );
    out.println("koneksi berhasil <br />");
   
    Statement perintah = koneksi.createStatement();
    int hasil = perintah.executeUpdate("delete from t_transaksi where id_transaksi='"+idtrans+"'");
    out.println(hasil);
   
    koneksi.close();
    out.println("Koneksi ditutup <br />");
}
catch(Exception e)
{
    out.println(e);
}
}
%>
<a href= "view.jsp">Lihat Tabel</a>



Semoga membantu, :)) untuk mendowload database dan skrip lengkap silahkan klik DOWNLOAD terima kasih telah mengunjungi.
referensi by : http://yanuarghitatns.blogspot.com/

 

Selasa, 29 November 2011

Membuat Text Menjadi Berwarna Menggunakan JSP

Program ini bertujuan untuk mewarnai setiap karakter dalam string yg diinputkan oleh user dengan
aturan :
  1. Urutan warna. urutan warnanya sebagai berikut :merah, kuning, hijau, biru, ungu.
  2. Satu Karakter hanya dapat diwarnai oleh satu warna.
  3. Pemberianwarnanya dilakukan secara beruntun dan berulang hingga semua karakter mendapat warna seperti aturan no 1(karakter spasi tidak ikut diberi warna).

Algoritma :
  1. saat diklik tombol ubah pada form inputan, maka akan pindah ke halaman cek.jsp
  2. membuat session untuk menampung string inputan dari textfield "kata"
  3. mengambil nilai inputan dari "kata"
  4. tentukan nilai awal index dari string b=0;
  5. lakukan perulangan untuk membaca string dari index ke 0 sampai kata.length()
  6. jika b==5, maka b akan bernilai 0
  7. jika b==0, maka akan menghasilkan output huruf pertama dengan warna merah
  8. jika ((b+3)%4==0), maka akan menghasilkan output huruf kedua dengan warna kuning
  9. jika ((b+1)%3==0), maka akan menghasilkan output huruf ketiga dengan warna hijau
  10. jika ((b+1)%4==0), maka akan menghasilkan output huruf keempat dengan warna biru
  11. jika ((b+1)%5==0), maka akan menghasilkan output huruf kelima dengan warna ungu
  12. kembali ke step nomer 6, melakukan perulangan sampai string habis
    contoh :
    Coding:

    • form.jsp
      <form method="POST" action="">
            <table>
                <tr>
                    <td valign="top">Masukkan Kata</td>
                    <td valign="top">:</td>
                    <td><textarea name="word" cols="50" rows="10" spry:content=""></textarea></td>
               </tr>
                <tr>
            <td colspan="3" align="right"><input type="reset" name="Reset" value="Reset" />
    <input type="submit" name="bSubmit" value="Ubah" /></td>
        </tr>
    </table>
    </form>

    <%
    String bs = request.getParameter("bSubmit");
    if(bs == null){
        return;
    }

    String word = request.getParameter("word");
    session.setAttribute("word", word);
    %>
    <a href="cek.jsp">Cek Hasil</a>


    output dari form.jsp:

    Ketikkan kalimat yang anda inginkan, tapi jika anda ingin mengganti kalimat anda tekan RESET. Jika sudah selesai menginputkan tekan UBAH maka akan keluar tombol cek hasil. Tekan tombol tersebut untuk mengetahui hasil dari inputan anda tadi. Dan akan menuju menuju cek.jsp.




    • cek.jsp
    <%
        String s=(String) session.getAttribute("word");
        out.print("Kalimat awal anda = "+s+"<br><br>Menjadi = ");
        int b=1;
        for(int a=0;a<s.length();a++)
        {
            String temp=s.substring(a,a+1);
            if(temp.equals(" ")==true)
            {
                out.print(" ");          
            }
            else
            {           
                if(b==6)
                {
                    b=1;
                }
                if(b%5==0)
                {
                    out.print("<font size=5 color=#9900ff>"+temp+"</font>");
                }
                else if(b%4==0)
                {
                    out.print("<font size=5 color=#0000ff>"+temp+"</font>");
                }
                else if(b%3==0)
                {
                    out.print("<font size=5 color=#00ff00>"+temp+"</font>");
                }
                else if(b%2==0)
                {
                    out.print("<font size=5 color=#ffff00>"+temp+"</font>");
                }
                else
                {          
                    out.print("<font size=5 color=#ff0000>"+temp+"</font>");
                }
                b++;           
            }
        }
        out.print("<br><br>");
    %>
    <html>
    <table bgcolor="black">
        <a href="form.jsp">Coba Lagi</a>
    </table>
    </html>


    Hasil dari inputan anda tadi, lihat gambar dibawah ini: