Pojok Code: October 2016

Home Archives for October 2016

Wednesday, October 19, 2016

Aplikasi Inventori Dengan Java dan MySql

Penulis Unknown Diterbitkan 7:04 PM

Tags

Java

Projek

Assalamualakum wr. wb......
Sahabat blogger semua pada kesempatan ini saya mau sharing sebuah aplikasi inventory control dengan Java dan MySql metode yang digunakan adalah EOQ (economic order quantity). Teknologi yang digunakan bukan lagi client server tetapi tree tier. Apa itu tree tier silahkan baca kembali wikipedianya :D. Gambarannya kira-kira sebagai berikut.

Bagi anda yang masih bingung silahkan belajar lagi konsep ini.
Ok sekarang kita masuk ke aplikasinya, untuk tampilan login dan home kira-kira sebagai berikut :

Untuk process login gunakan account :
username : asep
password : asep

Baca Juga :

Selanjutnya kita masuk ke menu-menu yang dimiliki aplikasi ini

Menu System

Menu ini terdiri dari tiga sub menu yaitu keluar pengguna, keluar aplikasi dan ubah password.

Menu Inventory

Menu ini terdiri dari enam sub menu yaitu pengguna, gudang, category, barang, pemasok dan pelanggan

Menu Transaksi

Menu ini terdiri dari empat sub menu yaitu penjualan, pembelian, return penjualan dan pembelian

Menu Management

Menu ini terdiri dari tiga sub menu diantaranya penyesuaian stok, lihat isi gudang dan management inventory

Menu Report

Menu ini digunakan untuk menampilkan report-report yang dibutuhkan dari system inventory

Tampilan transaksi penjualan

Selanjutnya bagaimana cara menjalankan aplikasi ini

Jalankan aplikasi servernya terlebih dahulu

Tunggu sampai muncul tulisan Server berjalan..

Selanjutnya baru jalankan aplikasi clientnya

Klik Tombol Dibawah Untuk Memunculkan Link Download :

Tutorial Cara Download File :

Selamat mencoba...
Jika ada pertanyaan silahkan isi pada kolom komentar......

Karena banyak yang bertanya cara edit reportnya akhirnya saya buat postingan baru cara edit report dengan Ireport Designer, slihlakan kunjungi postingannya:

Tuesday, October 18, 2016

Valdasi Email dan Angka Mengunakan Javascript

Penulis Unknown Diterbitkan 7:10 PM

Tags

HTML

JAVASCRIPT

Assalamualakum Wr. Wb......
Pada kesempatan ini saya mau haring cara membuat validasi Email dan Angka dengan Javascript. Sebenarnya untuk validasi email dan angka ada banyak cara, bisa dilakukan validasi sebelum process inser kedatabase mengunakan PHP, JAVA atau yang lainnya.
Validasi mengunakan Javascrip memiliki beberapa keuntungan diantaranya tidak perlu pindah form atau reload form, untuk lebih jelasnya mari kita mulai.

Pertama kita buat file degnan nama validasi.html.

Untuk validasi kita menggunakan scrip seperti dibawah ini :

     function validasi() {
   var email=document.getElementById('txtEmail').value;
   var jumah=document.getElementById('txtJumlah').value;
   var atpos = email.indexOf("@");
            var dotpos = email.lastIndexOf(".");
   if(email==""){
    alert('Email masih kosong');
    document.getElementById('txtEmail').focus();
   }else  if (atpos<1 || dotpos<atpos+2 || dotpos+2>=email.length) {
    alert("Email tidak valid");
    document.getElementById('txtEmail').focus();
   }else if(jumah==""){
    alert("Jumlah masih kosong");
    document.getElementById('txtJumlah').focus();
   }else if(isNaN(jumah)==true){
    alert("Tolong masukan angka");
    document.getElementById('txtJumlah').focus();
   }else{
    //submit process
   }
  }

Kode lengkapnya sebagai berikut :

 <!DOCTYPE html>
<html>
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 <title></title>
 <script type="text/javascript">
  function validasi() {
   var email=document.getElementById('txtEmail').value;
   var jumah=document.getElementById('txtJumlah').value;
   var atpos = email.indexOf("@");
            var dotpos = email.lastIndexOf(".");
   if(email==""){
    alert('Email masih kosong');
    document.getElementById('txtEmail').focus();
   }else  if (atpos<1 || dotpos<atpos+2 || dotpos+2>=email.length) {
    alert("Email tidak valid");
    document.getElementById('txtEmail').focus();
   }else if(jumah==""){
    alert("Jumlah masih kosong");
    document.getElementById('txtJumlah').focus();
   }else if(isNaN(jumah)==true){
    alert("Tolong masukan angka");
    document.getElementById('txtJumlah').focus();
   }else{
    //submit process
   }
  }
 </script>
</head>
<body>
 <h3>Input Data</h3>
 <table>
  <tr>
   <td>Email</td>
   <td><input type="email" name="txtEmail" id="txtEmail" placeholder="Email.."></td>
  </tr>
  <tr>
   <td>Jumlah</td>
   <td><input type="text" name="txtJumlah" id="txtJumlah" placeholder="Jumlah.."></td>
  </tr>
  <tr>
   <td></td>
   <td><input type="button" value="Submit" name="btnSUbmit" onclick="validasi();"></td>
  </tr>
 </table>
</body>
</html>

Hasil keluarannya sbb:

Pada saat email kosong :

Pada saat email salah

Pada saat angka kosong

Pada saat angka salah

Klik Tombol Dibawah Untuk Memunculkan Link Download :

Tutorial Cara Download File :

Selamat mencoba......

Monday, October 17, 2016

Membuat Dual List Box Dengan HTML dan Jquery

Penulis Unknown Diterbitkan 11:29 PM

Tags

HTML

Assalamualaikum Wr. Wb....
Bogger semua pada kesempatan ini saya mau sharing cara membuat dual list box mengunakan HTMl dan JQuery. Dual list box ini biasanya kita jumpai ketika ada pemilihan yang lebih dari satu, seperti pemilihan employee dan lain sebagainya.
Untuk pembuatannya saya tidak seutuhnya membuat code sendiri, tetapi saya mengunakan library dari link berikut :

http://www.senamion.com/blog/jmultiselect2side.html

Silahkan anda download terlebih dahulu dari link diatas.Namun sayangnya library ini sudah tidak dikembangkan lagi dan hanya support sapai JQuery Versi 1.5 untuk versi diatasnya tidak support. Untuk link JQuery anda bisa mengunakan link berikut :

https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js

Untuk Struktur filder pembuatannya kira-kira sebagai berikut

Kita cukup membuat satu file HTML dengan nama index.html untuk lib kita isi dengan jquery dan jmultiselect2side.
Code lengkap untuk file index.html

 <!DOCTYPE html>
<html>
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 <title>Multi Select To Side</title>
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
 <script type="text/javascript" src="lib/jquery.multiselect2side.js" ></script>
    <link rel="stylesheet" href="lib/jquery.multiselect2side.css" type="text/css" media="screen" />
    <script type="text/javascript">
     $().ready(function() {
            $('#second').multiselect2side({
                selectedPosition: 'right',
                moveOptions: false,
                labelsx: '',
                labeldx: '',
                autoSort: true,
                autoSortAvailable: true
            });
     });
    </script>
</head>
<body>
 <h3>Data Employee</h3>
 <table>
  <tr>
   <td>Employee Id :</td>
   <td><input type="text" name="emp_id"></td>
  </tr>
  <tr>
   <td valign="top">Employee :</td>
   <td>
    <select name="searchable[]" id='second' multiple='multiple'">
     <option value="001">Asep komarudin</option>
     <option value="002">Ijal Maulana</option>
     <option value="003">Rudi Sujarwo</option>
     <option value="004">kafi Mohak</option>
     <option value="005">Yusuf Satriadi</option>
    </select>
   </td>
  </tr>
 </table>
</body>
</html>

Hasil keluarannya adalah sebagai berikut :

Klik Tombol Dibawah Untuk Memunculkan Link Download :

Tutorial Cara Download File :

Selamat mencoba......
Jika ada pertanyaan silahkan input pada kolom komentar...

Video Tutorial HTML

Penulis Unknown Diterbitkan 7:11 AM

Tags

HTML

VideoTutorial

Assalamualaikum Wr. Wb...
Pada kesempatan ini saya akan sharing tutorial mengenai HTML. Tidak bisa kita pungkiri HTML ini memegang peranan yang sangat penting untuk pembuatan Web Aplikasi. Sebelumnya saya mohon maaf jika dalam penyajiannya sangat jauh dari kata sempurna, tetapi saya berharap dengan dibuatnya ini dapat membatu sahabat yang membutuhkan. Selamat menyimak.

Pengenalan HTML