Showing posts with label Netbeans. Show all posts
Showing posts with label Netbeans. Show all posts

Tuesday, January 27, 2009

Membuat Aplikasi Database dengan Netbeans, Waaah ternyata gampang Banget (Bagian 2)

Wah ternyata banyak juga yah hehe.

Ok deh sekarang kita lanjutkan.

Setelah itu kembali ke frame utama yang telah kita buat kemudian rubah view menjadi sourcecode



Kemudian buat sebuah method
activeForm()

sebagai berikut:
public void activeForm(Boolean b){
jButton1.setEnabled(b);
jButton2.setEnabled(!b);
jButton3.setEnabled(b);

jButton4.setEnabled(b);

jButton5.setEnabled(b);

jButton6.setEnabled(b);

jButton7.setEnabled(b);

jButton8.setEnabled(b);

jButton9.setEnabled(b);

}


jButton1- jButton9 adalah tombol yang kita buat dalam aplikasi
masih pada frame utama klik kanan tombol yang sudah temen-temen persiapkan untuk memunculkan frame login, kalau saya tombol ini:



Kemudian pilih Event->action->actionPerformed, trus ketikan kode berikut:

dLogin=new FLogin(this, true);
dLogin.setVisible(true);
if(dLogin.userActive) activeForm(true); else activeForm(false);


tentu saja deklarasikan terlebih dahulu dlogin nya OK.

kalau sudah kembali ke FLogin klik kanan pada Tombol login kemudian pilih

Event->action->actionPerformed. Kemudian ketikan kode berikut:
String user, ps;
user=jTextField1.getText();
ps= String.valueOf(jPasswordField1.getPassword());
logic.KoneksiDB koneksi=new logic.KoneksiDB("localhost", "root", "opik");
boolean userAda=koneksi.cekUser(user, ps);
if(userAda){
userActive=true;
this.setVisible(false);
}else{
userActive=false;
JOptionPane.showMessageDialog(null, "Username atau password tidak Cocok, ulangi lagi");
}

Usrname dan password databasenya sesuaikan dengan username dan password di kompi kalian

Kalau sudah, klik kanan pada Tombol batal kemudian pilih Event->action->actionPerformed.
Kemudian ketikan kode berikut:

this.setVisible(false);

Nah Sekarang Coba run dan Jalankan kira-kira tampilannya kayak gini:







Yup memang sederhana. Postingan ini memang dibuat untuk menunjukan pada temen-temen bahwa mudah membuat aplikasi database, apalagi dibantu dengan netbeans,
Ok deh Selamat Mencoba!, Punya Ide lain??? Kirim komentar yaaaaaa

Membuat Aplikasi Database dengan Netbeans, Waaah ternyata gampang Banget (Bagian 1)

Beberapa hari yang lalu ada temen yang pengen tau cara membuat aplikasi database, ya semacam step-by step tutorial gitu deh.

Ok deh sobat, kebetulan saya sedang membuat project Sistem Informasi Akuntansi. tapi yang akan saya tunjukan kali ini hanya bagaimana cara membuat form login sedehana.

Dalam postingan kali ini saya akan tunjukan cara membuat form login sederhana.
Idenya adalah, kita akan membuat sebuah form yang tidak dapat diakses, untuk dapat di akses,
maka kita perlu login terlebih dahulu. Kemudian untuk keperluan login, kita buat sebuah form login untuk melakukan verifikasi username dan password. Kalau password berhasil di
verifikasi maka user akan dapat menggunakan program, ya gitu deh.
Ok cukup intronya sebelum mulai membuaka netbeans, persiapkan dulu databasenya, supaya
gampang kita pake mysql. Buat table kemudian buat feld-field sebagai berikut:

kd_user varchar 6
username varchar 15
password varchar 20
nama_lengkap varchar 50

kalau sudah, sekarang buka netbeansnya, kemudian buat program baru, terserah mau di kasih nama apa. Kalau belum tau cara buat project di netbbeans silahkan baca di
http://onta-programing.blogspot.com/2008/12/buat-project-baru-di-netbeans.html

Setelah buat project buat sebuah form yang berfungsi sebagai form utama, kaya ginilah kira-kira:



Kalau mau, temen-temen bias download source codenya di sini.

Set icon-icon pada toolbar, dan button-buttonya menjadi disable (kan ceritanya program baru bisa di gunakan kalo udah login :)).

Setelah itu buat form satu lagi untuk form login. Gunakan JDialog untuk membuat Form login.
Yup kurang lebih kaya ginilah. Inga-inga ting… he bentuk formnya terserah kalian OK.



Nah sekarang, kita buat sebuah class untuk membuat sambungan ke database. Ingat ini bagian terpenting dari tujuan postingan ini
Buat class kemudian masukan kode sebagai berikut:
package logic;

import java.sql.Connection;
import java.sql.SQLException;

import java.sql.Statement;
import java.sql.DriverManager;

import java.sql.ResultSet;

public class KoneksiDB {

private String localhost, username, password;
public Connection conn=null;

public Statement state=null;

public ResultSet hasil=null;

public KoneksiDB(String host, String user, String pass){

localhost=host;

username=user;

password=pass;

try{
Class.forName("org.gjt.mm.mysql.Driver");
conn=DriverManager.getConnection("jdbc:mysql://"+localhost+"/coba", username, password);
state=conn.createStatement();

}catch(Exception e){

e.printStackTrace();
}

}

public boolean cekUser(String un, String ps){

try {

hasil = state.executeQuery("select username, password, nama_lengkap from
db_login where username='"+un+"' AND password='"+ps+"'");
hasil.last();
if(hasil.getRow()==1)return true;
else return false;

} catch (SQLException ex) {

ex.printStackTrace(); return false;
}

}
}


Nah kalo sudah, sekarang coba ngopi dulu, trus santai dulu deh sejenak trus, perhatikan kode
di atas. Kode di atas merupakan kode untuk membuat sambungan dengan database. Kurang jelas baca lagi postingan

http://onta-programing.blogspot.com/2008/12/susah-koneksi-java-ke-database-siapa.html
Sekarang buat sebuah class main, yaitu sebuah class dimana kita akan menjalankan aplikasi.

Jadi ada satu hal yang perlu di perhatikan adalah selalu pisahkan logic program dengan form.
Ok di bawah kode public static void main(String args[]) ketikan kode berikut:

try{
javax.swing.UIManager.setLookAndFeel(javax.swing.UIManager.getSystemLookAndFeelClassName());
}catch(Exception e){
e.printStackTrace();
}
javax.swing.SwingUtilities.invokeLater(new Runnable(){
public void run(){
form.FUtama app=new form.FUtama();
app.setVisible(true);
}
});

Fungsinya untuk menampilkan form utama yang kita buat tadi.
Nah kalau sudah …….. lanjutin aja ke bagian 2 ya… sok klik disini nya.

Membuat Aplikasi Database dengan Netbeans, Waaah ternyata gampang Banget (Update Source Code)

Alo semuanya, ada sedikit revisi untuk postingan sebelumnya, yup, beberapa perbaikan koding untuk demo login di postingan http://onta-programing.blogspot.com/2009/01/membuat-aplikasi-database-dengan_14.html

Ada perbaikan kode untuk tombol Login pada Form Utama, Tombol login pada Form Login, dan Tombol Batal.

Yup, revisi ini dimaksudkan untuk lebih efisien dalam penggunaan kode. Mudah-mudahan temen-temen lebih mudah mempelajarinya :).

Oya Source Codenya juga dah di update ini link terbaru Source Codenya. Sok atuh di download SourceCode nya di Sini.

Postingan sebelumnya udah di rubah jadi Yaaa dibaca lagi aja ya. Thanks semuanya. Kirim Komentarnya ya :). Good Luck

Reporting dengan NetBeans

OK sekarang mari kita coba membuat sebuah latihan tentang reporting menggunakan iReport dan NetBeans IDE dan peralatan-peralatan yang perlu dipersiapkan adalah sebagai berikut :
- NetBeans 5.5
- iReport 1.3.1
- MySQL Server (atau bisa juga database server yang lain)
- JDK 1.6

Setelah peralatan telah siap, mari kita buat latihannya dan langkah-langkahnya adalah sebagai berikut:

  1. Bikinlah sebuah New Project dan berilah nama ReportingInNetBeans.
  2. Pada project inspector, klik kanan root project kemudian pilih New > JFrame Form kemudian pada jendela New JFrame isikan Frame Report pada Class Name, dan pada kolom isian Package pilihlah reportinginnetbeans. Setelah itu tambahkanlah beberapa komponen pada JFrame tersebut sehingga tampilannya menjadi seperti gambar dibawah ini:
    jframe_report
    Click to large
  3. Setelah mengatur tampilan JFrame seperti pada gambar diatas, sekarang tekanlah tombol SHIFT+F11 agar NetBeans membuatkan sebuah direktori distribusi untuk kita yaitu direktori dist. Setelah itu, masuklah pada files inspector kemudian buatlah sebuah direktori yaitu direktori Report dibawah direktori dist yang berfungsi untuk menampung seluruh file template yang kita desain pada iReport dan tampilan dari langkah ke 3 ini terlihat seperti gambar dibawah ini:
    direktori_dist_report
    Click to large
  4. Setelah membuat sebuah direktori Report sekarang waktunya untuk mengkonfigurasi file build-impl.xml agar ketika kita melakukan proses Clean direktori Report ini tidak ikut terhapus. Sekarang bukalah file build-impl.xml yang terdapat pada direktori nbproject seperti gambar dibawah ini:
    build-impl-xml
    Click to large

    Setelah file build-impl.xml terbuka, sekarang carilah CLEANUP SECTION seperti dibawah ini:
    526
    527
    528
    529
    530
    531
    532
    533
    534
    535
    536
    537
    538
    539
    540
       
    name="deps-clean" depends="init" unless="no.deps"/>
    name="-do-clean" depends="init">
    dir="${build.dir}"/>
    dir="${dist.dir}"/>
    >
    name="-post-clean">


    >
    name="clean" depends="init,deps-clean,-do-clean,-post-clean" description="Clean build products."/>

    Setelah itu editlah baris 534 sehingga hasilnya menjadi seperti dibawah ini:

    526
    527
    528
    529
    530
    531
    532
    533
    534
    535
    536
    537
    538
    539
    540
    541
     
    name="deps-clean" depends="init" unless="no.deps"/>
    name="-do-clean" depends="init">
    dir="${build.dir}"/>
    file="${dist.jar}"/>
    dir="${dist.javadoc.dir}"/>
    >
    name="-post-clean">


    >
    name="clean" depends="init,deps-clean,-do-clean,-post-clean" description="Clean build products."/>

    Setelah melakukan proses pengeditan seperti diatas simpanlah file konfigurasinya dan tutuplah NetBeans-nya agar mengurangi resource CPU :D dan sekarang waktunya untuk membuat contoh report melalui iReport. :)

  5. Sebelum mulai menggunakan iReport, aturlah dahulu Data Source yang akan digunakan dengan cara pilih Data > Connections/Data Source dan aturlah koneksinya menjadi seperti gambar dibawah ini:
    SettingKoneksiIreport
    Click to large
  6. Setelah selesai mengkonfigurasi Data Source, sekarang buatlah report baru dengan cara menekan File > New Document. Setelah template report muncul, sekarang tentukanlah Report Query yang akan digunakan untuk report ini. Untuk menentukan Report Query yang akan digunakan tekanlah Data > Report Query dan masukkanlah statement SQL sehingga tampilannya menjadi seperti dibawah ini:
    Qry_iReport
    Click to large
  7. Setelah menentukan Report Query, sekarang design-lah report-nya hingga menjadi seperti gambar dibawah ini:
    report_template
    Click to large

    kemudian simpanlah dengan nama Mahasiswa_Report.jrxml pada direktori Report yang telah dibuat pada langkah ke 3 hingga struktur direktori project NetBeans kita menjadi seperti gambar dibawah ini:
    gambar_dir_prj_Nb
    Click to large

  8. Setelah melakukan proses penyimpanan, sekarang coba jalankan report-nya dengan menggunakan active connection dengan cara tekan menu Build > Execute (with active connection) dan jika tidak ada masalah maka report yang telah anda design akan tampak seperti gambar dibawah ini:
    Report_Jadi
    Click to large
  9. Report telah jadi, sekarang coba bukalah project ReportingInNetBeans kemudian pada tombol yang berfungsi untuk menampilkan reportnya berikanlah evet dengan cara klik kanan kemudian pilih Events > Action > actionPerformed kemudian pastekanlah kode dibawah ini:
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    // TODO add your handling code here:
    jButton1.setCursor(Cursor.getPredefinedCursor(Cursor.WAIT_CURSOR));
    Connection con = null;
    try {
    String jdbcDriver = "com.mysql.jdbc.Driver";
    Class.forName(jdbcDriver);

    String url = "jdbc:mysql://localhost/latihanibatis";
    String user = "root";
    String pass = "rahasia";

    con = DriverManager.getConnection(url, user, pass);
    Statement stm = con.createStatement();

    try {
    Map prs = new HashMap();
    JasperReport JRpt = JasperCompileManager.compileReport("./dist/Report/Mahasiswa_Report.jrxml");
    JasperPrint JPrint = JasperFillManager.fillReport(JRpt, prs, con);
    JasperViewer.viewReport(JPrint, false);
    } catch (Exception rptexcpt) {
    System.out.println("Report Can't view because : " + rptexcpt);
    }
    } catch (Exception e) {
    System.out.println(e);
    }
    jButton1.setCursor(Cursor.getDefaultCursor());

    Setelah itu, coba tekanlah tombol F6 untuk menjalankan projectnya dan jika tidak ada masalah maka report yang telah anda design di iReport akan tampil jika tombol yang berfungsi menampilkan reportnya ditekan :)

  10. Report sudah jalan dengan sangat sempurna di NetBeans, sekarang bagaimana jika kita ingin mencoba aplikasi ini pada komputer lain yang hanya mempunyai JRE saja ? Untuk menjawab pertanyaan ini, sekarang tekanlah tombol SHIFT+F11 agar netbeans membuatkan file *.jar untuk aplikasi kita. Setelah proses CLEAN and BUILD selesai, sekarang cobalah kopikan direktori dist/ ke komputer yang lain dan coba jalankan. Berhubung saya dirumah tidak mempunyai 2 komputer, maka saya kopikan ke user yang lain dan hasilnya seperti berikut :
    Ini tampilan di user anton ( Anggap saja di PC Lain :D )
    Report_di_PC_LAIN
    Click to large

    Ini tampilan di user javamaniac ( Anggap saja di PC Lokal )
    RptDiPCLokal
    Click to large

Silahkan dicoba dikomputer lain kalau tidak percaya, reportnya pasti akan jalan dengan sempurna seperti pada waktu kita jalankan dari NetBeans IDE :)

Resource :
- Sample Project ReportingInNetBeans.zip
- Mahasiswa.sql