Wednesday, September 17, 2008

Netbeans, GWT, Ext

Minggu ini acaranya adalah mempersiapkan infrastruktur untuk para programmer java, rencananya akan membuat aplikasi Enterprise dengan mengguakan java sebagai basis programnya, untuk IDE-nya ada dua pilihan, yaitu Eclipse dan NetBeans, saya sendiri kurang tahu mana yang lebih bagus. tetapi kalo dilihat history dan asal muasalnya Eclipse itu dari IBM sedangkan NetBeans dari Sun, akhirnya saya memilih NetBeans, karena kebetulan di kantor memakai Sun-Java sebagai JDK-nya, jadi IDE-nya juga mengambil dari Sun saja yaitu NetBeans.

Kemudian untuk mempermudah dan memprkaya IDE ditambahkannya GWT4NB agar NetBeans dapat memakai GWT (Googel Web Toolkit ). Ditamabah lagi library GWTEXT agar dapat menggunakan EXT Java Script untuk antar muka aplikasinya. Untuk mempersiapkannya maka saya harus mendownload software-software tersebut di atas.

Net beans 6.1 - http://www.netbeans.org/
GWT4NB – https://gwt4nb.dev.java.net/
Google Web Toolkit – http://code.google.com/webtoolkit/
GWT Ext Library – http://code.google.com/p/gwt-ext/
Ext GWT 1.0.1 SDK - http://extjs.com/products/gxt/download.php

Cara Setup dan Instalasi sudah ada di masing-masing website di atas, Supaya tidak terpisah-pisah semua software saya install dan extrak di directory c:\java untuk sistem operasi Windows dan /opt/java untuk sistem operasi GNU/Linux, jika instalasi sudah selesai, kemudian dicoba untuk membuat project Aplikasi yang memakai Framework GWT.

Agar ext dapat berjalan kita harus menyalin beberapa file dan direktori ke folder web dalam direktori project yang dibuat, misalnya WebApplication1/js/ext, yang harus disalin adalah ext-all.js, ext-all-debug.js, ext-core.js, ext-core-debug.js, folder adapter, folder resources.

Kemudian edit file welcomeGWT.htm dan sisipkan diantara tag <head></head>
<link rel="stylesheet" type="text/css" href="js/ext/resources/css/ext-all.css">
<script type="text/javascript" src="js/ext/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="js/ext/ext-all.js"></script>


Selanjutnya edit file "namaproject".gwt.xml
<inherits name="com.gwtext.GwtExt" />
dengan demikian berarti lirary sudah terinstall, lalu bisa dicoba mengambil contoh-contoh code di http://www.gwt-ext.com/demo/ untuk melakukan test.

Jika ada masalah "Heap Space" saat compile/run bisa di resolve dengan meng-edit file build-gwt.xml yang bearada di bawah folder WebApplication1/nbproject dari :
<java classpath="${javac.classpath}:${src.dir}" failonerror="true"
classname="com.google.gwt.dev.GWTCompiler" fork="true">
<arg value="-out"/>
<arg path="${build.web.dir}/"/>
<arg value="-style"/>
<arg value="${gwt.compiler.output.style}"/>
<arg value="-logLevel"/>
<arg value="${gwt.compiler.logLevel}"/>
<arg value="${gwt.module}"/>
</java>

menjadi :
<java classpath="${javac.classpath}:${src.dir}" failonerror="true"
classname="com.google.gwt.dev.GWTCompiler" fork="true">
<arg value="-out"/>
<arg path="${build.web.dir}/"/>
<arg value="-style"/>
<arg value="${gwt.compiler.output.style}"/>
<arg value="-logLevel"/>
<arg value="${gwt.compiler.logLevel}"/>
<arg value="${gwt.module}"/>
<jvmarg value="-Xmx512m"/>
</java>


Referensi : http://ismakun.justunplanned.com/

2 comments:

superiorpics said...

Nice, bagus sharenya. Tambah dong :p

(¯`·._.·[_mbahsomo_]·._.·´¯) said...

Siip Mas