Membuat Aplikasi Reporting sederhana dengan JasperReport dan Java Swing

Beberapa hari terakhir ini, gw ditanyain terus tentang caranya connect java swing ke jasper report. Dan konyolnya, gw juga udah lupa caranya. Maklum, kebanyakan copy-paste jadi begini niy. Ya udh supaya inget dan gag lupa-lupa lagi, gw paste disini aja sourcenya.
Gw coba bikin report gembel sederhana dulu, yg ambil data nama dan alamat dari table “contoh” yang ada di database “test”. Pertama-tama kita bikin dulu table nya didatabase,

1	CREATE TABLE `contoh` (

2	`nama` varchar(30) NOT NULL DEFAULT '',

3	`alamat` varchar(100) DEFAULT NULL,

4	PRIMARY KEY (`nama`)

5

)

Abis itu kita bikin file jrxml-nya, nanti file jrxml ini akan dicompile on-the-fly oleh compiler jadi .jasper.

01	<?xml version="1.0" encoding="UTF-8"?>

02

<jasperReport xmlns="http://jasperreports.sourceforge.net/jasperreports" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://jasperreports.sourceforge.net/jasperreports http://jasperreports.sourceforge.net/xsd/jasperreport.xsd" name="Iseng" language="groovy" pageWidth="595" pageHeight="842" columnWidth="555" leftMargin="20" rightMargin="20" topMargin="20" bottomMargin="20">

03	<parameter name="nama1" class="java.lang.String"/>

04	<queryString>

05	<![CDATA[SELECT

06	contoh.`nama` AS contoh_nama,

07	contoh.`alamat` AS contoh_alamat

08

FROM

09	`contoh` contoh

10	where contoh.`nama` like $P{nama1}]]>

11	</queryString>

12	<field name="contoh_nama" class="java.lang.String">

13	<fieldDescription><![CDATA[]]></fieldDescription>

14

</field>

15	<field name="contoh_alamat" class="java.lang.String">

16	<fieldDescription><![CDATA[]]></fieldDescription>

17

</field>

18	<background>

19	<band splitType="Stretch"/>

20	</background>

21

<title>

22	<band height="56" splitType="Stretch">

23	<staticText>

24	<reportElement x="0" y="0" width="555" height="46"/>

25	<textElement textAlignment="Center" verticalAlignment="Middle">

26	<font size="24"/>

27	</textElement>

28	<text><![CDATA[Testing Report]]></text>

29	</staticText>

30

</band>

31

</title>

32	<pageHeader>

33	<band height="13" splitType="Stretch"/>

34	</pageHeader>

35	<columnHeader>

36	<band height="34" splitType="Stretch">

37	<staticText>

38	<reportElement x="0" y="11" width="100" height="20"/>

39	<textElement textAlignment="Center" verticalAlignment="Middle"/>

40	<text><![CDATA[Nama]]></text>

41	</staticText>

42	<staticText>

43	<reportElement x="132" y="11" width="100" height="20"/>

44	<textElement textAlignment="Center" verticalAlignment="Middle"/>

45	<text><![CDATA[Alamat]]></text>

46	</staticText>

47

</band>

48	</columnHeader>

49

<detail>

50	<band height="27" splitType="Stretch">

51	<textField>

52	<reportElement x="0" y="0" width="100" height="20"/>

53	<textElement textAlignment="Center" verticalAlignment="Middle"/>

54	<textFieldExpression class="java.lang.String"><![CDATA[$F{contoh_nama}]]></textFieldExpression>

55	</textField>

56	<textField>

57	<reportElement x="132" y="0" width="100" height="20"/>

58	<textElement textAlignment="Center" verticalAlignment="Middle"/>

59	<textFieldExpression class="java.lang.String"><![CDATA[$F{contoh_alamat}]]></textFieldExpression>

60	</textField>

61

</band>

62

</detail>

63	<columnFooter>

64	<band height="45" splitType="Stretch"/>

65	</columnFooter>

66	<pageFooter>

67	<band height="54" splitType="Stretch"/>

68	</pageFooter>

69

<summary>

70	<band height="42" splitType="Stretch"/>

71	</summary>

72	</jasperReport>

Di situ gw bikin satu report yang akan mencari data di table contoh berdasarkan query nama. Perhatikan line 10, itu adalah variabel yang akan gw gunakan untuk menjadi variabel query report.
Setelah jadi reportnya, sekarang gw lanjut bikin tampilannya. Gw pakek java Swing buat bikin UI. Jadi harap maklum klo rada kacrut sederhana.

01	package com.edw.frame;

02

03	import java.awt.Container;

04	import java.awt.FlowLayout;

05	import java.awt.event.ActionEvent;

06	import java.awt.event.ActionListener;

07	import java.io.BufferedInputStream;

08	import java.io.FileInputStream;

09	import java.sql.Connection;

10	import java.sql.DriverManager;

11	import java.util.HashMap;

12	import java.util.Map;

13

14	import javax.swing.JButton;

15	import javax.swing.JFrame;

16	import javax.swing.JLabel;

17	import javax.swing.JTextField;

18	import net.sf.jasperreports.engine.JasperCompileManager;

19	import net.sf.jasperreports.engine.JasperFillManager;

20	import net.sf.jasperreports.engine.JasperPrint;

21	import net.sf.jasperreports.engine.JasperReport;

22	import net.sf.jasperreports.view.JasperViewer;

23

24	import org.apache.log4j.Logger;

25

26

/**

27

*

28	* @author edw

29

*/

30	public class FrameMain extends JFrame implements ActionListener {

31

32	private Logger logger = Logger.getLogger(FrameMain.class);

33	private JTextField txtNama = new JTextField(20);

34	private JButton cmdPrint = new JButton("cetak");

35

36	public FrameMain() {

37

init();

38

}

39

40	private void init() {

41	Container conn = getContentPane();

42	conn.setLayout(new FlowLayout());

43	conn.add(new JLabel("Iseng"));

44	conn.add(txtNama);

45	conn.add(cmdPrint);

46	setLocationRelativeTo(null);

47	setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);

48	cmdPrint.addActionListener(this);

49

pack();

50

}

51

52	public void actionPerformed(ActionEvent e) {

53	if (e.getSource() == cmdPrint) {

54

try {

55	// parameter

56	String parameterNama = txtNama.getText();

57

58	//load report location

59	FileInputStream fis = new FileInputStream("src\\com\\edw\\rpt\\Iseng.jrxml");

60	BufferedInputStream bufferedInputStream = new BufferedInputStream(fis);

61

62	//set parameters

63	Map<String, String> map = new HashMap<String, String>();

64	map.put("nama1", parameterNama);

65

66	Class.forName("com.mysql.jdbc.Driver");

67	Connection connection = DriverManager.getConnection("jdbc:mysql://localhost/test", "root", "xxxx");

68

69	//compile report

70	JasperReport jasperReport = (JasperReport) JasperCompileManager.compileReport(bufferedInputStream);

71	JasperPrint jasperPrint = JasperFillManager.fillReport(jasperReport, map, connection);

72

73	//close connection

74	connection.close();

75

76	//view report to UI

77	JasperViewer.viewReport(jasperPrint, false);

78

79	} catch (Exception ex) {

80	logger.error(ex.getMessage(), ex);

81

}

82

83

}

84

}

85

86	public static void main(String[] args) {

87	new FrameMain().setVisible(true);

88

}

89

}

Coba cek di line 64, itu adalah parameter yang akan dikirim ke report, pastikan nama variabelnya sama dengan nama variabel yang ada di jasper report ( file jrxml ). Sedangkan line 67 adalah Koneksi database gw, silahkan di modifikasi sesuai keinginan.
Nanti klo udh dijalanin, jadinya kayak gini

terus klo misalkan text field nya diisi dengan “edwin” dan kemudian menekan tombol “cetak”, maka akan muncul form report dengan data “edwin” yang kita cari.

berikut adalah struktur project gw serta library (jar) apa aja yg gw pake.

harap diingat, lokasi jar yg gw pake ada di dalam folder instalasi Jasper Report, silahkan di search aja.
nah ini adalah isi database gw, coba di cek output dari jasper dan isi databasenya, sinkron apa engga.

Sekian dan terima kasih.
nb. Oh iya, hasil preview dari jasper report juga bisa di save as ke berbagai macam format, tinggal di save aja.

read more >>

Koneksi JDBC , Java Dengan Database Mysql

buat koneksiin java dengan database mysql pertama-tama kita buat dulu class java dengan nama DatabaseConnection, Ingat, nama class gak boleh ada spasi (space) maka itu, kalo mau ngasih nama class dengan 2 kata atau lebih, huruf awalnya aja yang dibikin gede..

disini gue bikin 2 class java, 1 class buat koneksi, dan 1 lagi. class buat cek koneksi database. ini kodingan buat koneksi javanya :

import com.mysql.jdbc.Connection;
import java.sql.DriverManager;
import java.sql.SQLException;

/**
* @about : class untuk koneksi ke database MySQL dengan JDBC
*/
public class DatabaseConnection {

private Connection con = null;
private static DatabaseConnection dbcon = null;
static final String DB_URL = "jdbc:mysql://localhost:3306/latihan";
static final String DB_USER = "root";
static final String DB_PASS = "";

// constructor
public DatabaseConnection() {
if (con == null) {
try {
// loading driver
Class.forName("com.mysql.jdbc.Driver").newInstance();
// connect ke database
con = (Connection) DriverManager.getConnection(DB_URL, DB_USER, DB_PASS);
System.out.println("Koneksi Berhasil");
} catch (Exception ex) {
System.out.println("Koneksi Gagal");
}
}
}

// mengecek apakah sudah ada koneksi
public static DatabaseConnection getInstance() {
DatabaseConnection con = null;
if (dbcon == null) {
dbcon = new DatabaseConnection();
con = dbcon;
} else {
con = dbcon;
}
return con;
}

public Connection getCon() throws SQLException {
return this.con;
}
}

pada static final String DB_URL = "jdbc:mysql://localhost:3306/latihan"; latihan itu nama database di mysql sobat, jadi jika nama database sobat COBA, ganti kata latihan menjadi kata coba.

ok setelah class koneksi dibuat, kita buat lagi class buat tes koneksi. ini kodingannya :

import java.sql.Connection;
import java.sql.SQLException;
import java.util.logging.Level;
import java.util.logging.Logger;

/**
* @about : coba koneksi
*/
public class TestConnection {

public static void main(String[] args) {
DatabaseConnection koneksi = DatabaseConnection.getInstance();
try {
Connection con = koneksi.getCon();
} catch (SQLException ex) {
Logger.getLogger(TestConnection.class.getName()).log(Level.SEVERE, null, ex);
}
}
}

ow iya hampir lupa, jika semuanya udah dibikin sobat simpan file tersebut dengan nama yang sesuai dengan nama class dengan extensi .java , misal karena 2 file ini dengan nama class DatabaseConnection dan TestConnection jadi sobat save file ini dengan nama TestConnection.java dan DatabaseConnection.java dan jangan lupa juga save as type-nya diganti jadi all files.

ok semua udah selesai, sekarang tinggal compile dan di run.. lihat hasilnya.. selamat mencoba. kalo ada pertanyaan komentar aja ya sob ^^

read more >>

Macam-Macam GUI Pada Java

Ingin tahu apa saja sih GUI Toolkit yang terdapat pada bahasa pemrograman Java ? Sudah pernah mencoba menggunakan IDE seperti NetBeans atau Eclipse ? Kalau sudah pernah menggunakan NetBeans atau Eclispe, berarti teman-teman secara tidak langsung pernah bersentuhan dengan 2 GUI Toolkit di Java yang paling terkenal dan masing-masing mempunyai pendukung / pengguna yang sama-sama banyak-nya . Sekarang yuk mari kita bahas satu persatu GUI Toolkit yang terdapat pada bahasa pemrograman Java . Sebelum lanjut, sebenarnya apa sih GUI Toolkit itu ? GUI Toolkit yang bisa disebut Widget Toolkit atau Widget Library ini sebenarnya adalah suatu kumpulan dari komponen yang mempunyai fungsi untuk merancang sebuah User Interface atau tampilan form. Contoh nyata dari sebuah Widget adalah Button, TextField, Label, Text Area dan lain-lain. Hm… sampai disini sudah dapat gambaran kan ??

Untuk teman-teman yang pernah membangun aplikasi berbasiskan Java Swing, mungkin akan kaget karena ternyata selain Java Swing di Java ada juga GUI Toolkit yang lain loh, nah apa saja GUI Toolkit tersebut ? Yuk mari kita bahas satu persatu dimulai dari yang standart (produk-nya Sun Microsystem yang sekarang sudah diakuisisi ama Oracle) sampai ke produk dari perusahaan lain maupun produk buatan komunitas.

AWT (Abstract Window Toolkit) – SUN Microsystem -> Oracle Product
AWT (Abstract Window Toolkit) ini adalah GUI Toolkit pertama pada bahasa pemrograman Java, sayang-nya AWT ini sangat-sangat kekurangan komponen yang biasa digunakan untuk membangun sebuah aplikasi desktop secara lengkap (komponen tabel saja tidak ada  ) Terlepas dari kurang-nya komponen GUI yang terdapat pada AWT (Abstract Window Toolkit), aplikasi yang dibangun menggunakan AWT (Abstract Window Toolkit) akan tampak seperti aplikasi native. Maksudnya yaitu, jika aplikasi yang dibangun menggunakan AWT (Abstract Window Toolkit) ini dijalankan pada Sistem Operasi Windows. Maka aplikasi ini akan terlihat seperti aplikasi Windows pada umum-nya, dan begitu juga jika dijalankan pada Sistem Operasi Mac ataupun GNU/Linux. Kenapa ini bisa terjadi, karena AWT (Abstract Window Toolkit) ini benar-benar memanggil native subrutin untuk menggambar setiap komponen-nya ke layar. Tidak percaya ? Mari kita lihat tampilan ke 2 screenshot dibawah ini :

tampilan AWT berbasis windows

tampilan AWT berbasis linux

Java Swing – SUN Microsystem -> Oracle
Nah ini dia GUI Toolkit yang mungkin paling banyak dikenal oleh teman-teman yang baru belajar Pemrograman GUI di Java dibandingkan dengan GUI Toolkit yang lain  GUI Toolkit ini lebih banyak dikenal dikarenakan dukungan tutorialnya yang cukup banyak bertebaran di Internet, dan juga merupakan standart dari Java yang mana kita tidak perlu melakukan penambahan library lagi kalau ingin menggunakan GUI Toolkit ini. Selain itu, terdapat 2 IDE besar yang menggunakan GUI Toolkit Java Swing yaitu NetBeans IDE(OpenSource) dan IntelliJ IDEA (mempunyai versi OpenSource dan Komersial) 
Dibandingkan dengan pendahulu-nya yaitu AWT (Abstract Window Toolkit), Swing mempunyai lebih banyak komponen pendukung untuk membangun sebuah aplikasi yang lengkap untuk keperluan desktop. Selain didukung dengan banyak-nya komponen, Swing ini benar-benar murni 100 % ditulis dengan bahasa pemrograman Java tanpa adanya sebuah wrapper untuk memanggil rutin-rutin native code via JNI (Java Native Interface). Seluruh komponen yang terdapat pada Swing, semuanya murni digambar sendiri menggunakan API (Application Programming Interface) 2D untuk memanggil rutin-rutin dasar penggambaran komponen-nya. Nah dengan model seperti ini, memungkinkan sekali aplikasi yang dibangun menggunakan Swing tampak sama persis di berbagai macam Sistem Operasi.


Selain itu, Swing juga mempunyai kemampuan untuk berganti-ganti tampilan menggunakan LAF (Look And Feel) atau themes  Sayang-nya, jika kita menginginkan tampilan GUI yang native (tampilan-nya sama seperti aplikasi-aplikasi lain pada sistem operasi target) Swing seperti-nya masih terasa kurang smooth terutama dukungan pada font rendering-nya  . Untuk teman-teman yang penasaran bagaimana sih sebenarnya tampilan dari GUI Toolkit Swing ini ? Dibawah ini adalah screenshot Swing standart yang bisa kita gunakan tanpa perlu menambahkan library lagi 

SWT (Standart Widget Tookit) – IBM Product -> Eclipse Foundation

SWT (Standart Widget Toolkit) ini adalah sebuah GUI Toolkit yang dikeluaran oleh IBM sebagai alternatif dari AWT/Java Swing milik SUN Microsystem, yang membedakan antara SWT (Standart Widget Toolkit) dan AWT/Java Swing adalah SWT ini benar-benar mengakses native GUI library yang terdapat pada Sistem Operasi melalui JNI (Java Native Interface). Dengan model seperti ini, memungkinkan tampilan aplikasi yang dibangun menggunakan GUI Toolkit SWT menjadi sama persis dengan aplikasi native lain-nya. Kekurangan dari model pemanggilan native GUI library seperti ini adalah kita harus menyediakan library untuk tiap-tiap Sistem Operasi target aplikasi kita.

Sedangkan tampilan dari aplikasi yang menggunakan SWT (Standart Widget Toolkit) ini kurang lebih seperti gambar dibawah ini :

CONTOH FORM SWT

Sebelum mulai menggunakan GUI Toolkit SWT, kita harus mendownload dahulu library swt.jar yang sesuai dengan Sistem Operasi yang teman-teman gunakan dari halaman project SWT

QtJambi – Trolltech -> Nokia Product -> Stopped and Taken By Community
Pernah menggunakan Desktop Environment KDE ? Ingin membuat aplikasi yang tampilan-nya mirip dengan KDE ? Kalau teman-teman ingin membangun aplikasi yang tampilan-nya tampak seperti aplikasi yang terdapat pada KDE tapi masih ingin menggunakan bahasa java sebagai dasar-nya, maka QtJambi adalah pilihan yang tepat untuk teman-teman. Karena QtJambi ini merupakan binding Qt Framework dengan bahasa Java, tetapi sayang-nya proyek QtJambi sudah tidak disupport oleh Nokia dan secara resmi telah ditutup Untung-nya, awal tahun ini ada beberapa developer yang peduli dengan kelangsungan proyek ini dan akhir-nya membuat sebuah komunitas untuk melanjutkan pengembangan proyek QtJambi, sekarang teman-teman bisa melihat perkembangan proyek QtJambi ini pada halaman QtJambi Community . Hm.. penasaran dengan tampilan aplikasi yang dibangun menggunakan QtJambi ? Kalau iya, silahkan lihat screenshot dibawah ini :

Contoh Aplikasi QtJambi

Hmm… keren bukan ? Tetapi sama seperti SWT (Standart Widget Toolkit) yang sudah dibahas diatas, aplikasi yang dibangun menggunakan QtJambi ini benar-benar mengakses native library yang terdapat pada Sistem Operasi. Meskipun masalah tersebut (baca library) sudah disediakan oleh QtJambi, tapi jika kita ingin men-distribusikan aplikasi ke client. Kita masih harus memasukkan native library tersebut ke dalam CLASSPATH aplikasi, agar aplikasi yang kita bangun bisa berjalan dengan sempurna. Tapi kalau masalah ini bisa teman-teman akomodasi, kenapa tidak dicoba kan ? Dan untuk teman-teman yang memang ingin mencoba membangun aplikasi menggunakan QtJambi, jangan lupa untuk menambahkan kebutuhan-kebutuhan dibawah ini kedalam CLASSPATH aplikasi yang teman-teman buat. Kebutuhan-kebutuhan tersebut yaitu :

1. qtjambi-x.x.x.jar, dimana x adalah nomor versi library qtjambi
2. qtjambi-os-x.x.x.jar, dimana os adalah sistem operasi target dan x adalah nomor versi dari library qtjambi

read more >>