Assalamualaikum Wr.Wb.
Setiap organisasi atau lembaga pasti membutuhkan system untuk mengatur supaya lebih tertata dengan baik, tidak terkecuali lembaga pendidikan atau pondok pesantren. Sebuah lembaga pendidikan atau pondok peantren akan lebih tertata jika sudah mengunakan system. Dengan system itu dia bisa mengatur siapa saja siswanya mengatur pengajaran penjadualan izin dan lain sebagainya. Tidak hanya sampai disitu dengan ananya sistem akan mempermudah management melakukan review baik setahun kebelakang atau beberapa tahun kebelakang. bayangkan jiak tanpa adanya system, kita butuh data beberapa tahun kebelakang mau cari dimana dari kertas-kertas mungkin saja tapi berapa lama dan belum tentu ada.
Pada kesempatan ini saya mau sharing sebuah aplikasi untuk mengatur pendidikan atau sering disebut Sistem Informasi Akademik (SIA)
Sistem Informasi ini masih sanget sederhana dan perlu dikembangkan lebih lanjut, tapi bagi kamu yang baru belajar ini sudah lumayan karena sudah ada data process dan report.
Assalamualaikum Wr.Wb...
Pada kesempatan ini saya mau sharing cara membuat mega menu untuk toko online dengan Bootstrap. Tidak bisa kita pungkiri penggunaan mega menu pada toko online sekarang ini banyak digunakan, selain karena menarik tapi juga pembuatannya tidak susah. Salah satu framework yang bisa kita gunakan adalah Bootstrap.
Mari kita mulai untuk membuatnya.
Assalamualaikum Wr. Wb...
Selamat siang blogger semua, pada kesempatan ini saya mau sharing bagaimana cara membuat form login yang unik dan menarik. Tidak bisa kita pungkiri setiap kita membuat aplikasi berbasis pengolahan data selalu membutuhkan acess login, namun jika kita membuat form login yang biasa saja terlihat agak membosankan, untuk itu mari kita mulai membuatnya
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
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:
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 :
Untuk code latihan bisa didownload disini : link download
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 :
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 :
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
Berkas latihan bisa didownload disini : file latihan
Berkas PPT bisa didownload disini : file PPT
HTML Dasar
Berkas latihan bisa didownload disini : file latihan
Berkas PPT bisa didownload disini : file PPT
Atribute HTML
Berkas latihan bisa didownload disini : file latihan
Berkas PPT bisa didownload disini : file PPT
HTML Style
Berkas latihan bisa didownload disini : file latihan
Berkas PPT bisa didownload disini : file PPT
HTML Formating
Berkas latihan bisa didownload disini : file latihan
Berkas PPT bisa didownload disini : file PPT
HTML Kutipan
Berkas latihan bisa didownload disini : file latihan
Berkas PPT bisa didownload disini : file PPT
Komentar Pada Tag HTML
Berkas latihan bisa didownload disini : file latihan
Berkas PPT bisa didownload disini : file PPT
HTML Warna
Berkas latihan bisa didownload disini : file latihan
Berkas PPR bisa didownload disini : file PPT
HTML CSS
Berkas latihan bisa didownload disini : file latihan
Berkas PPT bisa didownload disini : file PPT
HTML Table
Berkas latihan bisa didownload disini : file latihan
Berkas PPT bisa didownload disini : file PPT
HTML List
Berkas latihan bisa di download disini : file latihan
Berkas PPT bisa didownload disini : file PPT
HTML Block
Berkas latihan bisa di download disini : file latihan
Berkas PPT bisa didownload disini : file PPT
HTML Class
Berkas latihan bisa di download disini : file latihan
Berkas PPT bisa didownload disini : file PPT
HTML IFrame
Berkas latihan bisa di download disini : file latihan
Berkas PPT bisa didownload disini : file PPT
HTML Javascript
Berkas latihan bisa di download disini : file latihan
Berkas PPT bisa didownload disini : file PPT
HTML Layout
Berkas latihan bisa di download disini : file latihan
Berkas PPT bisa didownload disini : file PPT
HTML Responsive
Berkas latihan bisa di download disini : file latihan
Berkas PPT bisa didownload disini : file PPT
HTML Form
Berkas latihan bisa di download disini : file latihan
Berkas PPT bisa didownload disini : file PPT
Assalamualaikum Wr. Wb....
Bogger semua kesempatan ini saya mau sharing cara membuat pencarian data yang nantinya data itu kita add kedalam input text yang kita inginkan. Untuk percobaan ini saya mengunakan PHP dengan Databasen MySql.
Untuk Persiapan kita buat folder searchdata dan didalamnya dibuatkan dua file yaiu index.php dan search.php
Struktur filenya kira-kira sebagai berikut :
Sekarang kita akan mengisi code pada file index.php
Selanjutnya kita akan mengisi code pada file search.php dengan code sbb:
<script type="text/javascript">
function changeparent(doc,doc2){
var input1=doc;
var input2=doc2;
window.opener.document.getElementById('txtId').value=input1;
window.opener.document.getElementById('txtNama').value=input2;
window.close();
}
</script>
<h3>Data Employee</h3>
<table cellpadding="3" cellspacing="0" border="1" width="80%" id="tblMain">
<tr>
<td>Employee Id</td>
<td>Nama</td>
<td>Alamat</td>
</tr>
<?php
function getConnection() {
$usr="root";
$pwd="";
$database="searchdata";
$host="localhost";
$connection= mysql_connect($host, $usr, $pwd);
mysql_select_db($database)or die("Database tidak ditemukan !");
return $connection;
}
$conn=getConnection();
$sql="select * from employee";
$dataQry = mysql_query($sql, $conn)or die("Query error :". mysql_error());
while ($dataRow= mysql_fetch_array($dataQry)){
?>
<tr onClick="javascript:changeparent('<?php echo $dataRow['emp_id']; ?>','<?php echo $dataRow['nama']; ?>');">
<td><?php echo $dataRow['emp_id'];?></td>
<td><?php echo $dataRow['nama'];?></td>
<td><?php echo $dataRow['alamat'];?></td>
</tr>
<script language="javascript">
var tbl = document.getElementById("tblMain");
if (tbl != null) {
if (tbl.rows[0] != null) {
tbl.rows[0].style.backgroundColor = "#365890";
tbl.rows[0].style.color = "#FFFFFF";
}
for (var i = 1; i < tbl.rows.length; i++) {
tbl.rows[i].style.cursor = "pointer";
tbl.rows[i].onmousemove = function () { this.style.backgroundColor = "#cccccc"; this.style.color = "#FFFFFF"; };
tbl.rows[i].onmouseout = function () { this.style.backgroundColor = ""; this.style.color = ""; };
}
}
</script>
<?php
}
?>
</table>
Sebelum menjalankan kita harus membuat databasenya terlebih dahulu, kita buat database baru dengan nama searchdata atau sesuaikan dengan keinginan anda
Selanjutnya kita membuat tabel dengan nama employee. filed tabel employee bisa dilihat pada gambar diatas.
Sekarang kita isi tabel yang sudah kita buat dengan cara menjalankan script SQl dibawah ini :
insert into employee values
('00001','asep Komarudin','Jakarta'),
('00002','Rizal maulana','Bandung'),
('00003','Nilam Ayu','Bekasi')
Sekarang kita coba menjalankannya, tampilannya kurang lebih sbb:
Selamat mencoba....
Klik Tombol Dibawah Untuk Memunculkan Link Download :
Assalamualikum Wr. Wb.....
Sabat blogger semua pada kesempatan ini saya akan sharing cara encripsi dan decripsi string pada PHP dengan fungsi MCRYPT Langkahnya adalah sbb:
Kita buat folder encripsi pada folder www (wamp server) atau htdoc (xampp) dan buat duabuah file php dengan nama encripsi.php dan index.php
Metode ini bisa kita gunakan untuk encripsi dan decripsi password login ke aplikasi yang kita buat. Sebenarnya masuh banyak cara yang bisa kita lakukan untuk encripsi dan decripsi string, ini hanya salah sarunya.
Jika kita lihat keluarnaya adalah sbb :
Selamat Mencoba...
Klik Tombol Dibawah Untuk Memunculkan Link Download :
