Archive for October 16th, 2007

Manipulasi MySQL dengan Netbeans

Netbeans adalah salah satu IDE Java yang sangat komplit khususnya fasilitas yang disediakan untuk mengembangkan aplikasi berbasis Java. Pada tulisan ini saya ingin menunjukan bagaimana kita menggunakan Netbeans untuk memanipulasi database. Database yang digunakan adalah MySQL.

Pra-syarat:

  1. Netbeans IDE (dalam tulisan ini saya menggunakan versi 5.5.1)
  2. MySQL server (dalam tulisan ini saya menggunakan veris 5.0)

Ok! berikut langkah-langkah yang kita lakukan.

  • Buatlah database dalam MySQL misalnya dengan nama dbtest. Untuk tabel kita akan buat menggunakan Netbeans.
  • Jalankan Netbeans, pilih tab Runtime

db1.JPG

  • Selanjutnya kita akan menciptakan koneksi ke database kita. Untuk itu kita butuh MySQL konektor. Pada tulisan ini saya menggunakan versi 5.0. Silahkan download disini
  • Ekstraklah MySQL Konektor yang telah didownload
  • Selajutnya kita daftarkan Konektor tersebut ke Netbeans
  • Pada tampilan seperti gambar di atas klik kanan pada Driver, pilih New Driver.
  • Pada window New JDBC Driver, pilih tombol Add
  • Carilah Konektor MySQL dilokasi yang sesuai

db2.JPG

  • Kemudian OK
  • Maka Konekor MySQL sudah terdaftar ke Netbeans

db3.JPG

  • Untuk menciptakan koneksi ke database kita (dbtest), klik kanan pada MySQL Connector seperti pada gambar di atas, dan pilih Connect Using…
  • Pada Window Database Connection, masukan database url, user dan password. Data ini tentunya menyesuaikan dengan Server MySQL Anda.

db4.JPG

  • Kemudian pilih OK 2x
  • Kalau koneksi ke MySQL berhasil maka akan ditampilkan tampilan seperti berikut ini

db5.JPG

  • Selanjutnya kita akan membuat table untuk database kita.
  • Klik kanan pada folder Table dan pilih Create Table
  • Pada Window Create Table isilah nama table dan field-field yang diinginkan
  • Untuk menambah field atau kolom klik pada tombol Add Column

db6.JPG

  • Selanjutnya pilih OK untuk mengakhiri pembuatan table
  • Jika berhasil akan ditampilkan tampilan seperti gambar berikut

db7.JPG

  • Sampai disini kita telah dapat menambahkan table ke dalam database kita menggunakan Netbeans IDE. Selanjutnya untuk memanipulasi data dalam table tperson yang baru dibuat, kita dapat menggunakan perintah-perintah SQL langsung dari Netbeans IDE juga.
  • Pada Table tPerson klik kanan dan pilih Execute Command…
  • Maka pada bagian kanan dari Netbeans IDE akan ditampilkan editor tempat kita menuliskan perintah SQL kita.

db8.JPG

  • Untuk mengeksekusi perintah SQL yang sudah kita tulis, silahkan klik pada icon Run SQL seperti pada gambar di atas.
  • Jika SQL kita berhasil dieksekusi maka pada status bar Netbeans akan terdapat pesan bahwa SQL berhasil dieksekusi.
  • Untuk menampilkan data yang sudah ada pada table tPerson kita dapat juga menuliskan perintah SQL pada SQL Editornya misalnya SELECT * FROM tperson, maka akan ditampilkan seluruh data yang ada pada table tPerson pada bagian bawah dari SQL Editornya.
  • Hal yang sama juga dapat kita lakukan untuk operasi Update atau Delete.-

Mudah bukan!! selamat mencoba semoga bermanfaat :)

47 comments October 16, 2007

Old Struts Validation Framework

Iseng-iseng gw pingin nulis gak tahu mo nulis apa???Mmm akhirnya gw buat aja tulisan/tutorial ini. Gw pingin nulis mengenai validation yang ada di Struts 1.2 pake Netbeans 5.5. Memang sih Struts 1.2 udah ketinggalan karena udah ada Struts 2 yang adopsi Webwork.

Tapi walau begitu Struts 1.2 atau yang sebelumnya masih banyak yang pake dalam project. OK untuk menyingkat waktu dan tenaga.. mari kita mulai

Apa yang kita butuhkan? Kita hanya butuh Netbeans 5.5 dan web container untuk ngetes aplikasi kita. Gw pake tomcat 5.5 yang udah bundle dengan Netbeans thanx Netbeans!!

  1. Buatlah satu project web.

step1.JPG

  1. Pilih Categories: Web dan Projects: Web Application seperti gambar diatas! Kemudian Next
  2. Tentukan nama Project dan Server yang digunakan kemudian Next

step2.JPG

  1. Pilih Framework Struts 1.2.9 dan tentukan file untuk appliaction resourcenya dan jangan lupa aktifkan add Struts TLDs, Kemudian Finish!!

step3.JPG

  1. Netbeans kemudian akan menciptakan web project baru yang sudah terintegrasi dengan struts framework

step4.JPG

OK sampe sini kita bisa mulai dengan membuat form html yang akan kita validasi inputan datanya. Dalam struts kita dapat melakukan validasi berbagai macam jenis inputan: Data harus diisi atau tidak, harus angka tipe tertentu, dalam range tertentu, email, tanggal, atau bahkan format tententu yang kita buatkan regular expresionnya. Kita akan mencoba untuk memvalidasi data string, email, range dan tanggal.

  1. Pada file index.jsp ubahlah sourcenya menjadi:

<%@ taglib uri=”/WEB-INF/struts-html.tld” prefix=”html” %>

<html>

<body>

<html:form action=”/submitForm”>

<table border=”0″ cellpadding=”2″ cellspacing=”0″>

<tr>

<td colspan=”3″><html:errors/></td>

</tr>

<tr>

<td>Nama</td>

<td>:</td>

<td><html:text property=”nama” size=”30″/></td>

</tr>

<tr>

<td>Alamat</td>

<td>:</td>

<td><html:text property=”alamat” size=”30″/></td>

</tr>

<tr>

<td>Usia</td>

<td>:</td>

<td><html:text property=”usia” size=”5″/></td>

</tr>

<tr>

<td>Tanggal Lulus</td>

<td>:</td>

<td><html:text property=”tanggal” size=”15″/> <small>dd/MM/yyyy</small></td>

</tr>

<tr>

<td>Email</td>

<td>:</td>

<td><html:text property=”email” size=”30″/></td>

</tr>

<tr>

<td colspan=”3″><html:submit value=”Submit”/></td>

</tr>

</table>

</html:form>

</body>

</html>

  1. Hapuslah file jsp yang lain! J
  2. Tambahkan Struts ActionForm dengan Nama BiodataForm dan package hen.com.form dan Superclassnya ValidatorForm, kemudian Finish

step5.JPG

  1. Ubahlah source Biodata.java menjadi

/*

* BiodataForm.java

*

* Created on May 11, 2007, 6:00 PM

*/

package hen.com.form;

import javax.servlet.http.HttpServletRequest;

import org.apache.struts.action.ActionErrors;

import org.apache.struts.action.ActionMapping;

import org.apache.struts.action.ActionMessage;

/**

*

* @author Hendro

* @version

*/

public class BiodataForm extends org.apache.struts.validator.ValidatorForm {

private String nama;

private String alamat;

private int usia;

private String tanggal;

private String email;

public BiodataForm(){}

public String getNama() {

return nama;

}

public void setNama(String nama) {

this.nama = nama;

}

public String getAlamat() {

return alamat;

}

public void setAlamat(String alamat) {

this.alamat = alamat;

}

public int getUsia() {

return usia;

}

public void setUsia(int usia) {

this.usia = usia;

}

public String getTanggal() {

return tanggal;

}

public void setTanggal(String tanggal) {

this.tanggal = tanggal;

}

public String getEmail() {

return email;

}

public void setEmail(String email) {

this.email = email;

}

}

  1. Yang perlu kita ingat adalah setiap property yang ada di class BiodataForm harus sama dengan nama property pada form (dalam file index.jsp)
  2. Selanjutnya kita mulai dengan konfigurasi untuk validasinya. Bukalah file validation.xml yang ada pada Configuration File list..

step6.JPG

  1. Ubahlah isi file validation.xml menjadi:

<?xml version=”1.0″ encoding=”UTF-8″ ?>

<!DOCTYPE form-validation PUBLIC

“-//Apache Software Foundation//DTD Commons Validator Rules Configuration 1.1.3//EN”

“http://jakarta.apache.org/commons/dtds/validator_1_1_3.dtd”>

<form-validation>

<global></global>

<formset>

<form name=”BiodataForm”>

<field property=”nama” depends=”required”>

<arg0 key=”BiodataForm.nama”/>

</field>

<field property=”alamat” depends=”required”>

<arg0 key=”BiodataForm.alamat”/>

</field>

<field property=”usia” depends=”required,integer,intRange”>

<arg0 key=”BiodataForm.usia”/>

<arg1 name=”intRange” key=”${var:min}” resource=”false”/>

<arg2 name=”intRange” key=”${var:max}” resource=”false”/>

<var><var-name>min</var-name><var-value>10</var-value></var>

<var><var-name>max</var-name><var-value>85</var-value></var>

</field>

<field property=”tanggal” depends=”required,date”>

<arg0 key=”BiodataForm.tanggal”/>

<var><var-name>datePattern</var-name><var-value>dd/MM/yyyy</var-value></var>

</field>

<field property=”email” depends=”email”>

<arg0 key=”BiodataForm.email”/>

</field>

</form>

</formset>

</form-validation>

  1. Untuk validasi email kita tidak menggunakan “required” artinya email boleh tidak diisi.
  2. Selanjutnya bukalah file ApplicationResource.properties dan tambahkan baris berikut di awal file.

BiodataForm.nama=Nama

BiodataForm.alamat=Alamat

BiodataForm.usia=Usia

BiodataForm.tanggal=Tanggal

BiodataForm.email=Email

  1. Sampai disini kita udah selesai melakukan konfigurasi untuk validasi formnya, mudah bukan?
  2. Selanjutkan kita buatkan class Action yang akan memproses data jika data valid. Biasanya class ini berfungsi untuk memanggil fungsi business logic pada layer lain, misalnya simpan ke database J Nah untuk saat ini kita tidak akan melakukan apa, tetapi hanya meneruskan ke halaman lain.. (sukses.jsp)
  3. Tambahkan Struts Action class dengan nama ProsesAction, packagenya hen.com.action dan action pathnya /submitForm kemudian Next!!

step7.JPG

  1. Pada tampilan selanjutnya pilihlah ActionForm Bean Name=BiodataForm, Input resource=index.jsp dengan scope request. Pastikan juga validate ActionForm Bean tercentang. Kemudian Next!!

step8.JPG

  1. Pada source class ini kita tidak akan melakukan apa-apa J
  2. Kita butuh melakukan konfigurasi mapping pada file struts-config.xml. Bukalah file tsb.
  3. Pada bagian action mappings, ubahlah action yang ada menjadi

<action input=”/index.jsp” name=”BiodataForm” path=”/submitForm” scope=”request” type=”hen.com.action.ProsesActio”>

<forward name=”success” path=”/sukses.jsp”/>

</action>

  1. Langkah terakhir kita tambahkan 1 file jsp dengan nama sukses.jsp

<html>

<body>

<h3>Terima kasih!! data anda valid!!</h3>

</body>

</html>

  1. FINISH!!!! Kita siap untuk uji coba.. Klik kanan pada project kemudian run!!

step9.JPG

  1. Jika tidak ada data yang kita input maka akan diberikan pesan kesalahan seperti di atas.
  2. Silahkan anda coba menginputkan data-data sembarang, perhatikan untuk usia hanya dapat menerima angka antara 10 s.d 85, begitu juga untuk tanggal hanya menerima format dd/MM/yyyy. Untuk email boleh kosong, tapi jika diisi harus dengan format email yang benar Nama dan Alamat tidak boleh kosong…

OK segitu dulu ya….

Mudah-mudahan bermanfaat!!!

4 comments October 16, 2007

Selamat Idul Fitri

Selamat Hari Raya Idul Fitri 1 Syawal 1428H

Mohon Maaf Lahir dan Batin…

Add comment October 16, 2007

Membangun GUI dengan Netbeans

Ini ada video tutorial bagaimana menggunakan Netbeans untuk membuat GUI. Video tutorial ini udah saya posting di kumpulan artikel di netbeans.org. Video tutorialnya dibagi beberapa file, mudah-mudahkan bermanfaat bagi pemula..

gui.JPG

Lihat Semua…

Lihat juga Java Video Tutorial

52 comments October 16, 2007

Java Full Package Training

Satya Wacana Business Technolgoy Center (BisTek) adalah pusat riset teknologi informasi dan training center yang concern pada teknologi Open Source khususnya Java. Bistek didukung penuh oleh Fakultas Teknologi Informasi Universitas Kristen Satya Wacana.

training.jpg

Di awal tahun 2008 Bistek kembali akan mengadakan paket training Java Full Package (JSE dan JEE) pada minggu ke 2 Januari 2008. Untuk info lebih lanjut email ke hendro.steven@swbtc.net atau hendro_steven@yahoo.com

Add comment October 16, 2007


 

October 2007
M T W T F S S
    Nov »
1234567
891011121314
15161718192021
22232425262728
293031  

a

Recent Posts

Recent Comments

Zulfikar on Java Video Tutorial
indra on Java Video Tutorial
Hendro Steven on Membuat Aplikasi Database…
Hendro Steven on Simple JPA Application with…
Deathlock on Simple JPA Application with…

Top Posts

Archives

Blogroll

Blog Stats

Tags

catch demo java exception jamu Java pengunjung selamat seminar java throws try tulisan java tutorial java