Ok lah agan-agan semua….. pagi ini kita akan membuat kompleksitas dari simpan,update delete di PHP. mudah-mudahan sajian berikut ini bermanfaat pembaca setia blog ini.

untuk memulia latihan ini siapkan sebuah databases dengan nama dbcms dan sebuah tabel dengan nama user seperti tampilan berikut.

oke lanjut ke posisi berikutnya. kali ini kita buas file koneksinya…. (pentingnya pembuatan file koneksi ini ditujukan setipan pemanggilan database kita cukup hanya memanggil nama filenya saja.

berikut llisting filenya :

koneksi.php

<?php
$server =”localhost”;
$username =”root”;
$password =”";
$database =”dbcms”;
// koneksi dan memilih database di server
mysql_connect($server,$username,$password) or die (“gagal”);
mysql_select_db($database) or die (“Databases Tidak Diketemukan”);
?>

sip skrip diatas jangan lupa disimpan dengan nama file (koneksi.php ya) terus kita buat form sederhana penyimpanan buat entri datanya.

formuser.php

<h2> Tambah User </h2>
<form method=post action=input_user.php>
<table>
<tr>
<td>username</td>
<td>  <input type=text name=’id_user’> </td>
</tr>
<tr>
<td>Password</td>
<td>  <input type=text name=’password’> </td>
</tr>
<tr>
<td>Nama Lengkap</td>
<td>  <input type=text name=’nama_lengkap’ size=50> </td>
</tr>
<tr>
<td>Sex</td>
<td> <input name=”kelamin” type=”radio” value=”pria” /> Pria
<input name=”kelamin” type=”radio” value=”wanita” /> wanita </td>
</tr>
<tr>
<td>Email</td>
<td>  <input type=text name=’email’ size=50> </td>
</tr>
<tr>
<td colspan=2>  <input type=submit value=Simpan>
<input type=button value=Batal onClick=self.history.back()>
</td>
</tr>

sobat php maniax…. ini kita coba beberapa teknik menampilkan data…sebelum mencoba latihan latihan ini buat databasenya dulu yach….

ni scriptnya….. (nama dabasesnya: dbmhs)

# phpMyAdmin MySQL-Dump
# version 2.2.3
# http://phpwizard.net/phpMyAdmin/
# http://phpmyadmin.sourceforge.net/ (download page)
#
# Host: localhost
# Generation Time: Mar 23, 2011 at 05:21 PM
# Server version: 3.23.47
# PHP Version: 4.1.1
# Database : `dbmhs`
# --------------------------------------------------------

#
# Table structure for table `tbmhs`
#

CREATE TABLE tbmhs (
  nobp varchar(15) NOT NULL default '',
  nama varchar(30) NOT NULL default '',
  alamat varchar(50) NOT NULL default '',
  sex varchar(50) NOT NULL default '',
  nohp varchar(20) NOT NULL default '',
  PRIMARY KEY  (nobp),
  KEY nobp (nobp)
) TYPE=MyISAM;

#
# Dumping data for table `tbmhs`
#

INSERT INTO tbmhs VALUES ('007', 'Suneo', 'Jln Asoka', 'Pria', '929127704');
INSERT INTO tbmhs VALUES ('010', 'joko', 'Tabing', 'Pria', '99008888');
INSERT INTO tbmhs VALUES ('006', 'Dodon', 'Aur Duri', 'Pria', '092378232');
INSERT INTO tbmhs VALUES ('004', 'Chindy', 'Pasir Jambak', 'Wanita', '129716219');
INSERT INTO tbmhs VALUES ('011', 'Sonya', 'Lb. Minturun', 'Wanita', '90907978');
INSERT INTO tbmhs VALUES ('008', 'Malik', 'Jati', 'Pria', '92093791');

ya itu dia databasenya silahkan agan tambah data sebanyak-banyaknya disana....
nah sekarang coba kita tampilkan data ntu melalui sintaks phpnya...
untuk teori satu ini hanya membahas menampilkan data sederhana saja

nonpaging.php

<div align="center">
<h1> <marquee> Menampilkan Data Sederhana</marquee> </h1>
<table  border="1">
 <tr bgcolor="orange"> <td>No</td>   <td >Nomor BP</td>  <td>Nama </td> 
 <td>Alamat </td>   <td>Sex</td>  <td>Nomor HP</td>  </tr>
 <?php
 mysql_connect("localhost",  "root", "");
 mysql_select_db("dbmhs");
 $tampil="Select * from tbmhs order by nobp asc";
 $hasil=mysql_query("$tampil");
 $no=1;
 while($data=mysql_fetch_array($hasil)){
 echo"<tr>
 <td>$no</td><td>$data[nobp]</td><td>$data[nama]
 </td><td>$data[alamat]</td>
 <td>$data[sex]</td><td>$data[nohp]</td>
 </tr>";
 $no++;   
 }
echo"</table>";
?>
</div>

hehee hasil tampilannya seperti inikah...

hehee sederhana bukan ... nah bagaimana kalau kita menggunakan teknik paging
untuk menampilkan datanya (Ala mbah google gitu...wekwekwek...)

nah OK kita ke TKP.........

paging1.php
<div align="center">
<h1> Menampilkan Data Dengan Teknik Paging </h1>
<table width="400" border="1">
 <tr>
 <td>No</td>
 <td>Nomor BP</td>
 <td>Nama </td>
 <td>Alamat </td>
 <td>Sex</td>
 <td>Nomor HP</td>
 </tr>
 <?php
 mysql_connect("localhost",  "root", "");
 mysql_select_db("dbmhs");

 // Langkah 1 : Tentukan Batas, Cek Halaman & Posisi Data
 $batas=5;
 $halaman=$_GET['halaman'];
 if(empty($halaman)){
 $posisi=0;
 $halaman=1;
 }else{
 $posisi = ($halaman-1) * $batas;
 }

 // Langkah 2 : Sesuaikan perintah sql dengan posisi dan batas
 $tampil="SELECT * from tbmhs ORDER BY nobp asc LIMIT $posisi, $batas ";
 $hasil=mysql_query($tampil);
 $no=$posisi +1;
 while ($data=mysql_fetch_array($hasil)){
 echo"<tr>
 <td>$no</td>
 <td>$data[nobp]</td>
 <td>$data[nama]</td>
 <td>$data[alamat]</td>
 <td>$data[sex]</td>
 <td>$data[nohp]</td>
 </tr>";
 $no++;       
 }

echo"</table>";

// Langkah 3 : Hitung Total Data dan halaman serta link 1,2,3
 $tampil2 = mysql_query("select * from tbmhs");
 $jmldata = mysql_num_rows($tampil2);
 $jmlhalaman= ceil($jmldata/$batas);

 echo "<br> Halaman :";

 for ($i=1; $i<=$jmlhalaman; $i++)
 if ($i  != $halaman){
 echo" <a href=$_SERVER[PHP_SELF]?halaman=$i> $i </A> | ";
 }
 else{
 echo"<b>$i</b> |";

 }     
 echo "<p> Total Anggota : <b>$jmldata</b>  Orang </p>";
 ?>

ayo gimana hasilnya apakah seperti ini...?

ayo kita lanjutkan gan,,,, bagaimana menambahkann aksi hapus agar data yang ditampilkan dapat dihapus kembali

nonkonfirmasi.php
<table width="1000" border="1">
 <tr>
 <td>No </td>
 <td>Nomor BP </td>
 <td>Nama</td>
 <td>Alamat</td>
 <td>Sex</td>
 <td>Nomor HP</td>
 <td>Aksi</td>
 </tr>

<?php
mysql_connect("localhost","root","");
mysql_select_db("dbmhs");

$tampil ="Select * from tbmhs order by nobp  asc limit 10";
$hasil = mysql_query($tampil);

$no=1;
while ($data=  mysql_fetch_array($hasil)){
 echo"<tr><td>$no</td>
 <td>$data[nobp]</td>
 <td>$data[nama]</td>
 <td>$data[alamat]</td>
 <td>$data[sex]</td>
 <td>$data[nohp]</td>
 <td><a href=del_1.php?id=$data[nobp]>hapus</a></td></tr>";
 $no++;

}
echo "</table>";
?>

berikut ini aksi dari konfirmasi hapus nya

del_1.php

<?php
mysql_connect("localhost","root","");
mysql_select_db("dbmhs");
mysql_query("Delete From tbmhs where nobp ='$_GET[id]'");
header("location:nonkonfirmasi.php");
?>

mau lihat hasilnya lagi..... ini dia.... ckckck....

Selamat mencoba agan-agan... Thanks....

sedikit kita bahas terbentuknya combo melalui proses HTML

combodasar.html

<html>
<head>
<title>Mengenal Dasar Kombo Berbasis HTML </title>
</head>
<body>
<form>
<select name=”tipemobil”>
<option value=0 selected> Tipe Mobil </option>
<option value=”Sedan”>Sedan</option>
<option value=”suv”>Suv</option>
<option value=”Jeap”>Jeap</option>
<option value=”citycar”>City Car</option>
</select>
</form>
</body>
</html>

<select name menyatakan nama komponen combobok nya dan <option value menyatakan nilai yang terkandung didalamnya….. (maaf udh banyak yang tahu sorry coy…)

nah latihan kali ini kita akan mencoba melakukan konsep perulangan untuk menampilkan nilai tanggal, bulan dan tahun di combo box tersebut…..

tanggal.php

<form>
<?php
//konsep menggunakan for pada tanggal
// kita gunakan perlangan for untuk mencacah angka 1 sampai 31

echo” <select name =tgl><option value=0 selected> Tgl </option>”;
for ($tgl=1;  $tgl<=31;  $tgl++) {
echo”<option value=$tgl>$tgl</option>”;
}
echo”</select>”;
//untuk menggunakan tanggalnya kita  coba menggunakan konsep array…

$nama_bln=  array(1=>”Januari”,”Februari”,”Maret”, “April”, “Mei”
,”Juni”,”Juli”,”Agustus”,”September”,”Oktober” ,”Nopember”,
“Desember”);
echo”<select name=bulan>
<option value=0 selected> Bulan </option>”;
for ($bln=1; $bln<=12; $bln++){
echo”<option value=$bln> $nama_bln[$bln]</option>”;
}
echo”</select>”;
$thn_sekarang=date(“Y”);
echo”<select name=tahun>
<option value=0 selected> Tahun </option>”;
for ($thn=1990; $thn<=$thn_sekarang; $thn++){
echo”<option value=$thn> $thn</option>”;
}
echo”</select>”;
?> </form>

Next bagaimana menampilkan record dari sebuah databases di Combo Box….

latihan berikut ini siapkan sebuah database di mysql dengan nama databasenya pintar dan sebuah tabel dengan nama fakultas dan 2 buah field yakni idfakultas dan nama…..

berikut ulasan scriptnya…….

tampilfakultas.php

<form>
<select name=”fakultas”>
<option value=0 selected> Pilih Fakultas </option>
<?php
mysql_connect(“localhost”, “root”, “”);
mysql_select_db(“pintar”);
$sql=mysql_query(“select * from fakultas”);
// tampilkan data dari database Ke Combo Box
while($data =mysql_fetch_array($sql)){
echo”<option value=$data[idfakultas]>$data[nama]</option>”;
}
echo”</select>”;
?>
</form>

Selamat mencoba Gan……!!!

<html >
<head>
<title>Proses Aritmatika</title>
</head>

<body>

<div align=”center”>
<form id=”form1″ name=”form1″ method=”post” action=”aritmatik2.php”>
<table width=”233″ border=”1″>
<tr>
<td colspan=”2″ bgcolor=”#CCCCCC”><div align=”center”>Proses Penjumlahan </div></td>
</tr>
<tr>
<td width=”55″>Nilai 1 </td>
<td width=”162″><label>
<input type=”text” name=”angka1″ />
</label></td>
</tr>
<tr>
<td>Nilai 2</td>
<td><input type=”text” name=”angka2″ /></td>
</tr>
<tr>
<td>Operator</td>
<td><select name=”pilihan”>
<option value=”+”>+</option>
<option value=”-”>-</option>
<option value=”*”>*</option>
<option value=”/”>/</option>
</select></td>
</tr>
<tr>
<td colspan=”2″ align=”right” bgcolor=”"><input type=”submit” name=”Submit” value=”Submit” /></td>
</tr>
<tr>
<td colspan=”2″ bgcolor=”#CCCCCC” align=”left” >
<?php
if($pilihan==”+”){
$total=$angka1+$angka2;
}elseif($pilihan==”-”){
$total=$angka1-$angka2;
}elseif($pilihan==”*”){
$total=$angka1*$angka2;
}else{
$total=$angka1/$angka2;
}

printf(“Total adalah $total <br> “);
?>

</td>
</tr>
</table>
</form>
</div>
</body>
</html>

Dari Listing Program diatas hasil akhirnya sebagai berikut ….

1. Buatlah sebuah file html dengan nama welcome.html

<html >
<head>
<title>Form Selamat Datang</title>
</head>

<body>
<div align=”left”>
<form id=”form1″ name=”form1″ method=”post” action=”welcome2.php”>
<font style=”text-decoration:blink” color=”#993300″> Silahkan Masukkan Nama Anda </font>
<input name=”nama” type=”text” id=”nama” />
<input name=”Submit” type=”submit” id=”Submit” value=”Submit” />
</form>
</div>
</body>
</html>

pada skrip html diatas nantinya akan memunculkan tampilan sebagai berikut :

2. buatlah sebuah file  dengan welcome2.php yang merupakan aksi dari form welcome.html

<?php
print( “<b> <marquee> Selamat Datang, $nama </b></marquee>”);
?>
<a href=”welcome.php”>Kembali</a>
<a href=”www.google.com” target=”_blank” <br> Ke situs Google</a>

nah jika program ini dijalankan dari welcome.html dan kita meingisikan  nama pada kotak box nama lalu kita tekan tombol submit maka akan muncul tampilan tulisan bergerak yang ditambahkan dengan nilai dari kotak box yang kita masukkan.

Baiklah akhirnya kita bisa sharing2 ilmu kembali…. nah pada topik kali ini saya akan menyajikan materi tentang konsep Pengurangan tanggal dengan menggunakan JCalender.  Nah konsep ini biasanya sering kita temui pada kasus peminjaman baik di pustaka, rental dvd, dlsb. yang nantinya kan mendapatkan jumlah hari/lamapinjam dari hasil pengurangan 2 variabel tanggal.

OK Kita langsung saja ke TKP untuk mencontohkan kasusnya….

Pada materi ini saya menggunakan Neatbean (sebagai java editor) + JCalender komponen tambahan yang kita include kan ke dalam Neatbean……..

1. Silahkan tambahkan project baru pada Jendela Neatbean anda (nama project tentukan sendiri……

2.  Tambahkan sebuah form pada project tersebut (namanya juga silahkan tentukan sendiri hehehe…)

3. Berikut tampilan desain form yang dimaksudkan…..

Detail :

kita ambil contoh sederhana dengan mengurangkan tanggal pinjam dengan tanggal kembali sehingga didapatkan lama pinjam …. komponennya sbb:

- Dua Buah JCalender dengan variabele name  txttglpinjam dan txttglkembali

- sebuah textfield dengan nama txtlamapinjam

- sebuah JButton dengan variabel name  :tmblproses

4. Memasukkan listing Program……

Kita sampai pada tahapan akhir yakni memasukkan script program

a. Import yang kita butuhkan

import javax.swing.*;
import java.text.SimpleDateFormat;
import java.util.Date;

b. defenisikan variabel yang nanti akan kita gunakan…..

String tanggalpeminjaman,tanggalpengembalian;
private int tglM,blnM,thnM,tglK;
private Date tglpinjam;
private Date tglhrskmbli;
private Date tglkmbli;
private String tanggalHrsKembali;
private String tanggalKembali;
private int iBulan;
private String Sbulan;
private String Kbulan;
private int inBulan;

c.       Untuk mendapatkan nilai tglpinjam dari jcalender txttglpinjam tambahkan scrip sbb:

private void txttglpinjamPropertyChange(java.beans.PropertyChangeEvent evt) {
// TODO add your handling code here:
if (txttglpinjam.getDate() != null) {
SimpleDateFormat Format = new SimpleDateFormat(“dd MMM yyyy”);
tanggalpeminjaman = Format.format(txttglpinjam.getDate());
}
}

d. Begitu juga pada tanggal kembali lakukan hal yang sama pada proses c untuk merubah properti txttanggalkembali :

private void txttglkembaliPropertyChange(java.beans.PropertyChangeEvent evt) {
// TODO add your handling code here:
if (txttglkembali.getDate() != null) {
SimpleDateFormat Format = new SimpleDateFormat(“dd MMM yyyy”);
tanggalpengembalian = Format.format(txttglkembali.getDate());
}
}

e. Ok pada tombol Proses dengan even action perfomed tambahkan script berikut untuk menghitung lama pinjam.

private void tmblprosesActionPerformed(java.awt.event.ActionEvent evt) {
// TODO add your handling code here:
int tahunH = Integer.parseInt(tanggalpeminjaman.substring(7, 11));
int hariH = Integer.parseInt(tanggalpeminjaman.substring(0, 2));
Sbulan = (String) tanggalpeminjaman.substring(3, 6);

if (Sbulan.compareTo(“Jan”) == 0) {
iBulan = 1;
} else if (Sbulan.compareTo(“Feb”) == 0) {
iBulan = 2;
} else if (Sbulan.compareTo(“Mar”) == 0) {
iBulan = 3;
} else if (Sbulan.compareTo(“Apr”) == 0) {
iBulan = 4;
} else if (Sbulan.compareTo(“May”) == 0) {
iBulan = 5;
} else if (Sbulan.compareTo(“Jun”) == 0) {
iBulan = 6;
} else if (Sbulan.compareTo(“Jul”) == 0) {
iBulan = 7;
} else if (Sbulan.compareTo(“Aug”) == 0) {
iBulan = 8;
} else if (Sbulan.compareTo(“Sep”) == 0) {
iBulan = 9;
} else if (Sbulan.compareTo(“Oct”) == 0) {
iBulan = 10;
} else if (Sbulan.compareTo(“Nov”) == 0) {
iBulan = 11;
} else {
iBulan = 12;
}

int tahunK = Integer.parseInt(tanggalpengembalian.substring(7, 11));
int hariK = Integer.parseInt(tanggalpengembalian.substring(0, 2));
Kbulan = (String) tanggalpengembalian.substring(3, 6);

if (Kbulan.compareTo(“Jan”) == 0) {
inBulan = 1;
} else if (Kbulan.compareTo(“Feb”) == 0) {
inBulan = 2;
} else if (Kbulan.compareTo(“Mar”) == 0) {
inBulan = 3;
} else if (Kbulan.compareTo(“Apr”) == 0) {
inBulan = 4;
} else if (Kbulan.compareTo(“May”) == 0) {
inBulan = 5;
} else if (Kbulan.compareTo(“Jun”) == 0) {
inBulan = 6;
} else if (Kbulan.compareTo(“Jul”) == 0) {
inBulan = 7;
} else if (Kbulan.compareTo(“Aug”) == 0) {
inBulan = 8;
} else if (Kbulan.compareTo(“Sep”) == 0) {
inBulan = 9;
} else if (Kbulan.compareTo(“Oct”) == 0) {
inBulan = 10;
} else if (Kbulan.compareTo(“Nov”) == 0) {
inBulan = 11;
} else {
inBulan = 12;
}

int hasilHari = hariK – hariH;
int hasilBulan = (inBulan – iBulan) * 30;
int hasiltahun = (tahunK – tahunH) * 365;
int totalwaktu = (hasilHari + hasilBulan + hasiltahun);
txtlamapinjam.setText(String.valueOf(totalwaktu));

}

OK Silahkan dicoba….!!! Have A Nice Day…..:)

Adapun software-software yang kita butuhkan diantaranya

1. Java Virtual Machine adalah software yang digunakan  untuk membaca scrip java pada system Operasi yang kita gunakan (nah saya menggunakan Sistem Operasi Windows7) untuk versi terbarunya silahkan download pada Link berikut :

http://www.java.com/en/download/inc/windows_upgrade_xpi.jsp

1. Neatbean sebagai IDE dari Java, versi terbarunya silahkan download pada Situs Resmi nya pada link berikut

http://netbeans.org/downloads/

1. 3. Database MySql. Nah untuk database MySql sendiri saya menggunakan Database MySql yang include pada paket web server yang dikembangkan provider XAMPP. untuk versi terbaru dari XAMPP silahkan Download pada Link Berikut :

http://www.apachefriends.org/en/xampp-windows.html

1. 4. JCalender, yakni sebagai library tambahan  untuk membantu menginputkan tanggal. JCalender merupakan library yang dikembangkan bukan dari provider Neatbean itu sendiri dan bersifat opensource. Nah saya sudah menyediakan link download untuk mendapatkan Library JCalender pada link berikut :

http://www.ziddu.com/download/12328454/jcalendar-1.3.2.jar.html

Nah untuk Software I, II dan III silahkan diinstal pada Komputer anda masing-masing. Untuk software IV cara pemasangannya akan dibahas pada tahapan berikutya.

II.  Persiapan Database

Baiklah sebelum mulai pada persiapan database pastikan dahulu database MySql anda sudah terinstal pada Sistem Opersi Anda sendiri. Kali ini saya akan mencontokan pembuatan database DBMHS (database mahasiswa dengan tabel tbmhs) pada Software II yakni XAMPP.

1. Pastikan pada XAMPP Control Panel anda untuk service apache dan mysqlnya dalam keadaan aktif
2. Buka Browser Anda  dan ketikkan perintah Localhost pada Address Toolbarnya http://localhost/xampp/ sehingga muncul tampilan tampilan XAMPP
3. Ambil menu phpMyAdmin untuk masuk kedalam database MySql. Dan kemudian buat database dengan nama dbmhs dan lalu pilih tombol create
4. Buatlah Sebuah tabel pada dbmhs tersebut dengannama  tbmhs  atau masukkan perintah berikut :

CREATE TABLE `tbmhs` (

`nobp` varchar(20) collate latin1_general_ci NOT NULL,

`nama` varchar(50) collate latin1_general_ci default NULL,

`sex` varchar(10) collate latin1_general_ci default NULL,

`tmpt_lahir` varchar(50) collate latin1_general_ci default NULL,

`tgl_lahir` date default NULL,

`alamat` varchar(50) collate latin1_general_ci default NULL,

PRIMARY KEY  (`nobp`)

) ENGINE=MyISAM DEFAULT CHARSET=latin1 COLLATE=latin1_general_ci;

Nah jika sudah sampai pada tahapan ini berarti Anda sudah menyelesaikan Satu buah database dengan dbmhs, yang didalamnya ada tabel yakni tbmhs dengan nobp sebagai primary key nya.

III. Pembuatan Project pada Neatbean.

Ok, kita langsung pada tahapan berikutnya yakni menyiapkan project  pada IDE Neatbean. Adapaun tahapan sebagai berikut :

1. Tentunya jalankan IDE Neatbean Anda
2. Lalu buatlah sebuah Projectbaru (dengan shortcut Key  : Ctrl+Shift+N dengan nama project “simplesaving”
3. Tambahkan didalamnya sebuah form dengan nama “fsiswa

Nama Form : fsiswa

Form Diatas terdiri dari :

Catatan :

-          Untuk Pilihan Opsi JRadioButton1 dan JRadioButton2  kedua komponen ini diikat dengan menggunakan ButtonGroup1

BAGAIMANA MEMASUKKAN KOMPONEN JDateChooser1…….?

III. Menambahkan Komponen JdateChooser sebagai alat bantu dalam penginputan tanggal lahir

JDatechooser merupakan bagian dari Library JCalender. Nah sekarang saya jelaskan cara memasukkan Library JDateChooser.

Bukalah pada project panel simplesaving kita dan klik kanan ambil project Properties

Maka akan muncul Jendela Properties dari Project Simplesaving

Nah Pada Tab Libraries Pilih File Jar dari JCalender yang sudah Kita Download sebelumnya

Masukkan JCalender-1.3.2.jar kedalam Librari Project Kita.

Pastikan Librarinya sudah masuk pada Project Kita

Nah Tahapan Berikutnya kita memasukkan JCalender didalam Pallete Manager. Tahapan Langkahnya sebagai berikut :

Buka Tab Window Pallete, dan Klik kanan ambil Create New Category

Klik Menu New Categoy dan masukkan Kategi barunya dengan nama Komponen Tanggal

Sehingga muncul Pallete Manager….

Pilih Menu Add From JAR untuk memasukkan JCalender versi Jar  sebelumnya….

Klik Tombol Next dan Blok Semua Komponen yang ada

Klik Tombol Next dan masukkan Semua Pallete  yang kita buat kedalam kategori Komponen Tanggal …

Jika Berhasil maka akan muncul Pallete baru pada Jendela Pallete berikut

Nah Untuk Tanggal Lahir kita menggunakan JDateChooser pada Pallete Komponen Tanggal Tampilan akhirnya sbb….

V, Menambahkan modul koneksi guna menghubungkan project dengan database MYSQL

Oke, pada tahapan ini kita akan memasukkan modul koneksi, guna mengkoneksikan Neatbean dengan MySQL…

Adapaun tahapan adalah sebagai berikut buka Jendela Project Properties pada Project simplesaving tadi…..

Nah…. pada tab Librariesnya pilih menu add library

Ambil Library MYSQL JDBC Driver dan masukkan pada project….

Dan Pilih Tombol Add Library……..

VIII Menambahkan Scrip Program

1.    Import yang diperlukan ……….

import java.awt.*;
import javax.swing.*;
import java.sql.*;
import java.text.SimpleDateFormat;

2.    Tambahkan Variabel umum Tanggal1 dan Connect untuk deklarasi tanggal dan  koneksi database

public class fsiswa extends javax.swing.JFrame {
Connection konek;
String tanggal1;

3.    Tambahkan kelas Koneksi untuk mengkoneksikan dengan database

public void koneksi() {
try {
Class.forName(“com.mysql.jdbc.Driver”);
System.out.println(“Sukses Driver JDBC Ditemukan….!”);
try {
String url = “jdbc:mysql://localhost:3306/dbmhs?user=root&password=”;
konek = DriverManager.getConnection(url);
System.out.println(“Sukses Koneksi…”);
} catch (SQLException se) {
System.out.println(” Gagal Koneksi = ” + se);
System.exit(0);
}
} catch (ClassNotFoundException cnfe) {
JOptionPane.showMessageDialog(null, “Class Tidak Ditemukan…Error: ” + cnfe);
System.exit(0);
}
}

4.    Tambahkan Kelas Bersih untuk membersihkan semua komponen Form

private void bersih() {
txtnbp.setText(“”);
txtnama.setText(“”);
txttmptlahir.setText(“”);
txtalamat.setText(“”);
BPria.isSelected();
txttgllahir.setDate(null);
txtnbp.requestFocus();
}

5.    Panggil Kelas Kelas Bersih dan Kelas Koneksi Pada Kelas Public Fsiswa

public fsiswa() {
initComponents();
koneksi();
bersih();
}

6.    Dikarenakan kita menggunakan library tambahan berupa JDateChooser1 klik kanan pada txttgllahir tersebut dan ambil even propertychange. Lalu masukkan listing berikut

If (txttgllahir.getDate()!=null){
SimpleDateFormat Format=new SimpleDateFormat(“yyyy-MM-dd”);
tanggal1=Format.format(txttgllahir.getDate());
}

7.    Pada Kelas Mainnya rubah scripnya dan masukkan listing berikut

public static void main(String args[]) {
fsiswa fs = new fsiswa();
Dimension screen = Toolkit.getDefaultToolkit().getScreenSize();
int lebar = (screen.width – fs.getSize().width) / 2;
int tinggi = (screen.height – fs.getSize().height) / 2;
fs.setTitle(“Entri Data Mahasiswa”);
fs.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
fs.setLocation(lebar, tinggi);
fs.setResizable(false);
fs.setVisible(true);
}

8.    Klik 2 Kali pada Tombol Bersih dan panggil kelas bersih

private void tmblbersihActionPerformed(java.awt.event.ActionEvent evt) {
// TODO add your handling code here:
bersih();
}

9.    Pada Tombol Simpan masukkan perintah ini….

private void tmblsimpanActionPerformed(java.awt.event.ActionEvent evt) {
// TODO add your handling code here:
// berikut ini kita deklarasikan variabel untuk pencegahan data kosong
String nobp, nama, tmptlahir,alamat;
nobp = txtnbp.getText();
nama = txtnama.getText();
tmptlahir=txttmptlahir.getText();
alamat =txtalamat.getText();

//nah variabel tersebut di logikana agar tidak diisi kosong
if (nobp.equals(“”) | (nama.equals(“”)) | (tmptlahir.equals(“”)) | (alamat.equals(“”))) {
JOptionPane.showMessageDialog(null, “Pengisian Data Tidak Boleh Kosong”);
txtnbp.requestFocus();
} else {
// jika sudah data terpenuhi lakukan proses penyimpanan
try {
String sql = “Insert Into tbmhs values(?,?,?,?,?,?)”;
PreparedStatement stat = konek.prepareStatement(sql);
try {
stat.setString(1, txtnbp.getText());
stat.setString(2, txtnama.getText());
// Deklarasikan untuk kelamin
String Pria = BPria.getText();
String Wanita = BWanita.getText();
if (BPria.isSelected()){
stat.setString(3, Pria);
}else{
stat.setString(3, Wanita);
}
stat.setString(4, txttmptlahir.getText());
stat.setString(5, tanggal1);
stat.setString(6, txtalamat.getText());
stat.executeUpdate();
JOptionPane.showMessageDialog(null, “Data Tersimpan…..”);
bersih();
} catch (SQLException se) {
System.out.println(“Gagal Menyimpan..” + se);
JOptionPane.showMessageDialog(null, “Yang Anda Masukkan Telah Ada..\nGagal Disimpan..Coba Lagi \npesan Error :\n” + se);
txtnbp.requestFocus();
}

} catch (Exception e) {
//System.out.println(“se);
}
}

}

10.    Pada Tombol Exit Masukkan perintah berikut

private void tmblexitActionPerformed(java.awt.event.ActionEvent evt) {
// TODO add your handling code here:
this.dispose();
}

X.    Menjalankan Program

Setelah selesai menginputkan semua listing jalankan form tersebut (Shift+F6)

Selamat Mencoba…..!!!!!!!!

JLabel dan JtexField sebagai user input dan keterangannya….. JLabel untuk ketarangan dan JTextField untuk user inputnya….. contoh kasus ketika mengisi form data nama…… Nama Pelamar sebagai judul ditampikan menggunakan JLabel….. nah Input dari Nama pelamar tersebut kita menggunakan JText Field…….

JRadioButton dan JCheckbox sering digunakan untuk input pilihan seperti : form data pribadi yang menampilkan input pilihan antara pria dan wanita….. atau kasus pilihan warna yang kita dikehendaki memilih satu atau beberapa dari pilihan warna tersebut…….

nah sudah agak mengerti dengan fungsinya ya……… Ok berikut ini saya akan sajikan  kasus tentang penggunaan JLabel, JTextfield, JRadioButton, dan Jcheckbox agar lebih memahami lagi guna mengampil nilai input dari masing-masing komponen tersebut…….

pada kali ini kita menggunakan Neatbeans sebagai IDE Javanya…. adapaun versi silahkan menyesuaikan…

1. Buka dan Jalankan  Aplikasi Ide Neatbeansnya

<< TOBE CONTINUED>>

adapun tahapan sebagai berikut :

1. Buka dan jalankan Program Micrsoft Visual Foxpro 9.0 Anda

2. Atur Setingan Directory

3. buat project baru dengan nama : ProjectSIA

4. Buatlah Tabel baru dengan Nama :master.dbf

Berikut ini struktur dari tabel yang kita kembangkan :

Nama Tabel : master.dbf

Keterangan

1 Koderek : Nomor Kode Rekening Akuntansi

2. Namarek : Nama Rekening Akuntansi

3. tglawal : Tanggal Periode Awal dari Akuntansi

4. awaldebet: Nilai Saldo Awal Dengan Posisi Debet

5. awalkredit : Nilai Saldo Awal Dengan Posisi Kredit

6. mutdebet :Menyimpan Nilai Akumulasi mutasi debet

7. mutkredit : Menyimpan Nilai Akumulasi Mutasi Kredit

8. sisadebet : Untuk Menyimpan nilai saldo akhir Debet

9. sisakredit : untuk menyinpan nilai saldo akhir kredit

10. rldebet : Untuk menyimpan nilai akhir pada account rugi laba debet

11. rlkredit: Untuk menyimpan nilai akhir pada account rugi laba kredit

12. nrcdebet :Untuk menyimpan nilai Akhir dari Neraca yang Didebet

13. nrckredit : Untuk menyimpan nilai Akhir dari Neraca yang Dikredit

14. posisi: diisi dengan “rugilaba” atau “neraca”

15. Normal : diisi dengan “debet” atau “kredit”

Tahapan berikutnya kita buat sebuah Form guna untuk mengentrikan data kode dari visual :

Buatlah form dengan tampilan desain sebagai berikut :

nama form : Form Entri Kode.frm

Penjelasan Properties Form :

1. Command1 : Caption : Awal

2. Command2 : Caption : Mundur

3. Command3 : Caption : Maju

4. Command4 : Caption : Akhir

5. Command5 : Caption : Add

6. Command6 : Caption : Save

7. Command7 : Caption : Edit

8. Command8: Caption : Replace

9. Command9 : Caption : Delete

10. Command10 : Caption :Exit

11. Grid1 :

recordsource : master (panggil tabel Master)

recourdsourceType : 0-Table

12. Combo1 :

rowsource : Debet,Kredi

rowsourcetype : 1-Value

13. Combo2 :

rowsource : rugilaba,Neraca

rowsourcetype : 1-Value

14. Komponen lainnya sesuai dengan gambar…

Memasukan Listing Program

Nah, pada tahapan ini kita akan mulai  memasukkan listing program

1. Pada  Object :Form1     Procedure : Activate

Masukkan Listing berikut :

thisform.text1.Enabled=.f.
thisform.text2.Enabled=.f.
thisform.text3.Enabled=.f.
thisform.text4.Enabled=.f.
thisform.combo1.Enabled=.f.
thisform.combo2.Enabled=.f.
IF EOF()
MESSAGEBOX(“Data Tidak Ada”)
ELSE
thisform.text1.Value= master.koderek
thisform.text2.Value= master.namarek
thisform.combo1.Value= master.normalb
thisform.combo2.Value= master.posisi
thisform.text3.Value= master.awaldebet
thisform.text4.Value= master.awalkredit
ENDIF
thisform.command5.setfocus

penjelasan : Scrip diatas menjelaskan untuk memanggil data awal ditabel jika ada maka akan langsung dimasukkan kedalam teksfield.

2. Pada  Object :Form1     Procedure : Load

Masukkan Listing berikut :

CLOSE TABLES all

USE master
SET ORDER TO tag koderek

penjelasan : Scrip diatas menjelaskan untuk memanggil tabel master dan melakukan indeks pada field koderek

3. Pada  Object :Command1 (awal)    Procedure : Click

Masukkan Listing berikut :

GO top
thisform.Activate

penjelasan : Scrip diatas menjelaskan luntuk pergi ke awal record

4. Pada  Object :Command2 (mundur)    Procedure : Click

Masukkan Listing berikut :

SKIP -1
IF BOF()
GO top
ENDIF
thisform.Activate

penjelasan : Scrip diatas menjelaskan untuk luntuk mundur 1 record

5. Pada  Object :Command3 (maju)    Procedure : Click

Masukkan Listing berikut :

SKIP 1
IF EOF()
GO bottom
ENDIF
thisform.Activate

penjelasan : Scrip diatas menjelaskan untuk maju 1 record

6. Pada  Object :Command4 (akhir)    Procedure : Click

Masukkan Listing berikut :

GO BOTTOM
thisform.Activate

penjelasan : Scrip diatas menjelaskan untuk pergi ke akhir record

7. Pada  Object :Command5 (add)    Procedure : Click

Masukkan Listing berikut :

thisform.text1.Enabled=.T.
thisform.text2.Enabled=.T.
thisform.text3.Enabled=.T.
thisform.text4.Enabled=.T.
thisform.combo1.Enabled=.T.
thisform.combo2.Enabled=.T.
thisform.text1.Value=”"
thisform.text2.Value=”"
thisform.text3.Value=”"
thisform.text4.Value=”"
thisform.combo1.Value=”"
thisform.combo2.Value=”"
thisform.text1.SetFocus

penjelasan : Scrip diatas menjelaskan untuk menyiapkan teksfield agar siap diisi.

8. Pada  Object :Command6 (Save)    Procedure : Click

Masukkan Listing berikut :

APPEND BLANK
replace koderek WITH thisform.text1.Value
replace namarek WITH thisform.text2.Value
replace normalb WITH thisform.combo1.Value
replace posisi WITH thisform.combo2.Value
replace awaldebet WITH thisform.text3.Value
replace awalkredit WITH thisform.text4.Value
MESSAGEBOX(“Data Berhasil Disimpan”,0,”konfirmasi”)
thisform.command5.Click
thisform.grid1.Refresh
thisform.text1.SetFocus

penjelasan : Scrip diatas menjelaskan untuk menyimpan data ke tabel

9. Pada  Object :Command7 (Edit)    Procedure : Click

Masukkan Listing berikut :

thisform.text1.Enabled=.f.
thisform.text2.Enabled=.t.
thisform.text3.Enabled=.t.
thisform.text4.Enabled=.t.
thisform.combo1.Enabled=.t.
thisform.combo2.Enabled=.t.
thisform.text2.SetFocus

penjelasan : Scrip diatas menyiapkan teksfield terhadap field yang akan diedit

10. Pada  Object :Command8 (replace)    Procedure : Click

Masukkan Listing berikut :

replace namarek WITH thisform.text2.Value
replace normalb WITH thisform.combo1.Value
replace posisi WITH thisform.combo2.Value
replace awaldebet WITH thisform.text3.Value
replace awalkredit WITH thisform.text4.Value
MESSAGEBOX(“Data Berhasil Dirubah”,0,”Konfirmasi”)
thisform.grid1.refresh
thisform.text1.Enabled=.f.
thisform.text2.Enabled=.f.
thisform.text3.Enabled=.f.
thisform.text4.Enabled=.f.
thisform.combo1.Enabled=.f.
thisform.combo2.Enabled=.f.

penjelasan : Scrip diatas ditujukan untuk mengupdate field

10. Pada  Object :Command10 (Exit)    Procedure : Click

Masukkan Listing berikut :

thisform.release

penjelasan : Scrip diatas ditujukan untuk keluar dari Program

<< SELAMAT MENCOBA>>

Pertemuan proyek berlangsung di sebuah gedung perkantoran Pertemuan proyek berlangsung di sebuah gedung perkantoran Sand Hill Road di Menlo Park. Sekitar musim panas 1992 proyek ini ditutup dengan menghasilkan sebuah program Java Oak pertama, yang ditujukan sebagai pengendali sebuah peralatan dengan teknologi layar sentuh ( touch screen), seperti pada PDA sekarang ini. Teknologi baru ini dinamai “*7″ ( Star Seven).

Setelah era Star Seven selesai, sebuah anak perusahaan Tv kabel tertarik ditambah beberapa orang dari proyek The Green Project. Mereka memusatkan kegiatannya pada sebuah ruangan kantor di 100 Hamilton Avenue, Palo Alto .

Perusahaan baru ini bertambah maju: jumlah karyawan meningkat dalam waktu singkat dari 13 menjadi 70 orang. Pada rentang waktu ini juga ditetapkan pemakaian Internet sebagai medium yang menjembatani kerja dan ide di antara mereka. Pada awal tahun 1990-an, Internet masih merupakan rintisan, yang dipakai hanya di kalangan akademisi dan militer.
Mereka menjadikan perambah (browser) Mosaic sebagai landasan awal untuk membuat perambah Java pertama yang dinamai Web Runner, terinsipirasi dari film 1980-an, Blade Runner. Pada perkembangan rilis pertama, Web Runner berganti nama menjadi Hot Java.
Pada sekitar bulan Maret 1995, untuk pertama kali kode sumber Java versi 1.0a2 dibuka. Kesuksesan mereka diikuti dengan untuk pemberitaan pertama kali pada surat kabar San Jose Mercury News pada tanggal 23 Mei 1995.
Sayang terjadi perpecahan di antara mereka suatu hari pada pukul 04.00 di sebuahSayang terjadi perpecahan di antara mereka suatu hari pada pukul 04.00 di sebuah ruangan hotel Sheraton Palace. Tiga dari pimpinan utama proyek, Eric Schmidt dan George Paolini dari Sun Microsystems bersama Marc Andreessen, membentuk Netscape .
Nama Oak, diambil dari pohon oak yang tumbuh di depan jendela ruangan kerja “bapak java”, James Gosling . Nama Oak ini tidak dipakai untuk versi release Java karena sebuah perangkat lunak sudah terdaftar dengan merek dagang tersebut, sehingga diambil nama penggantinya menjadi “Java”. Nama ini diambil dari kopi murni yang digiling langsung dari biji (kopi tubruk) kesukaan Gosling. Konon kopi ini berasal dari Pulau Jawa . Jadi nama bahasa pemrograman Java tidak lain berasal dari kata Jawa (bahasa Inggris untuk Jawa adalah Java).

Pada link berikut ini akan disajikan materi sekilas tetntang pemrograman java dan implementasinya pada IDE Neatbeans. silahkan download pada link berikut :

http://www.ziddu.com/download/11354028/meet1.rar.html