<p>Dalam pemrograman Java, kita dimudahkan dengan adanya tampilan GUI. Jadi dengan Java GUI kita bisa membuat tampilan form dengan mudah, dengan tinggal drag and drop ke dalam frame Java. Namun hal tersebut hanya sebatas tampilan saja, untuk menjalankan fungsinya tetap dibutuhkan kodingan Java didalamnya. Misal kita buat form inputan untuk menghitung luas segitiga, maka dibutuhkan yang namanya getText untuk mengambil data yang kita input pada field yang ada di form, kemudian untuk menampilkan hasilnya pada field lain kita membutuhkan setText. Bagaimana cara membuatnya?</p>
<p>1. Silakan buka aplikasi Netbeans, buat sebuah JFrame Form baru, misal namanya HitungSegitiga</p>
<p>2. Pada frame tersebut, buat form seperti berikut ini, disini saya menggunakan jLabel, jTextField dan jButton</p>
<p><a href="https://rizkypratama.id/wp-content/uploads/2019/07/formhitungsegitiga.png"><img data-attachment-id="1466" data-permalink="https://rizkypratama.id/blog/2019/07/25/cara-menggunakan-gettext-dan-settext-pada-pemrograman-java-gui/formhitungsegitiga/" data-orig-file="https://i0.wp.com/rizkypratama.id/wp-content/uploads/2019/07/formhitungsegitiga.png?fit=502%2C256&;ssl=1" data-orig-size="502,256" data-comments-opened="1" data-image-title="formhitungsegitiga" data-image-description="" data-image-caption="" data-large-file="https://i0.wp.com/rizkypratama.id/wp-content/uploads/2019/07/formhitungsegitiga.png?fit=502%2C256&;ssl=1" class="aligncenter wp-image-1466" src="https://rizkypratama.id/wp-content/uploads/2019/07/formhitungsegitiga.png" alt="" width="435" height="222" /></a></p>
<p>3. Pada masing-masing jTextField, silakan ubah nama variable nya supaya memudahkan dalam hal getText dan setText nantinya. Caranya bisa klik kanan di salah satu jTextField misal di jTextField untuk panjang alas, kemudian klik Change Variable Name</p>
<p><a href="https://rizkypratama.id/wp-content/uploads/2019/07/Screen-Shot-2019-07-25-at-10.50.54.png"><img data-attachment-id="1468" data-permalink="https://rizkypratama.id/blog/2019/07/25/cara-menggunakan-gettext-dan-settext-pada-pemrograman-java-gui/screen-shot-2019-07-25-at-10-50-54/" data-orig-file="https://i0.wp.com/rizkypratama.id/wp-content/uploads/2019/07/Screen-Shot-2019-07-25-at-10.50.54.png?fit=662%2C132&;ssl=1" data-orig-size="662,132" data-comments-opened="1" data-image-title="Screen Shot 2019-07-25 at 10.50.54" data-image-description="" data-image-caption="" data-large-file="https://i0.wp.com/rizkypratama.id/wp-content/uploads/2019/07/Screen-Shot-2019-07-25-at-10.50.54.png?fit=662%2C132&;ssl=1" class="aligncenter wp-image-1468" src="https://rizkypratama.id/wp-content/uploads/2019/07/Screen-Shot-2019-07-25-at-10.50.54.png" alt="" width="717" height="143" /></a></p>
<p>4. Lakukan hal yang sama di jTextField lainnya, misal untuk tinggi saya ubah variable name nya menjadi fieldTinggi, dan variable pada jTextField hasil menjadi fieldHasil. Untuk JButton juga silakan ubah variabel name supaya membedakan antara Button Hitung dan Hapus.</p>
<p>5. Kemudian dari keseluruhan tampilan form tersebut, tentukan sebuah tombol sebagai trigger untuk menjalankan getText dan setText, maka nya diatas saya ada masukkan jButton Hitung, silakan klik 2 kali pada jButton tersebut, nanti otomatis akan beralih ke bagian source yang mengacu ke private void jButton Hitung tersebut seperti berikut.</p>
<p><a href="https://rizkypratama.id/wp-content/uploads/2019/07/Screen-Shot-2019-07-25-at-11.22.22.png"><img data-attachment-id="1471" data-permalink="https://rizkypratama.id/blog/2019/07/25/cara-menggunakan-gettext-dan-settext-pada-pemrograman-java-gui/screen-shot-2019-07-25-at-11-22-22/" data-orig-file="https://i0.wp.com/rizkypratama.id/wp-content/uploads/2019/07/Screen-Shot-2019-07-25-at-11.22.22.png?fit=601%2C90&;ssl=1" data-orig-size="601,90" data-comments-opened="1" data-image-title="Screen Shot 2019-07-25 at 11.22.22" data-image-description="" data-image-caption="" data-large-file="https://i0.wp.com/rizkypratama.id/wp-content/uploads/2019/07/Screen-Shot-2019-07-25-at-11.22.22.png?fit=601%2C90&;ssl=1" class="aligncenter wp-image-1471 size-full" src="https://rizkypratama.id/wp-content/uploads/2019/07/Screen-Shot-2019-07-25-at-11.22.22.png" alt="" width="601" height="90" /></a></p>
<p>6. Barulah disini kita bermain dengan yang namanya getText dan setText.</p>
<ul>
<li>getText untuk mengambil nilai dari field. Pertama define dahulu type data yang akan digunakan, saya gunakan float supaya hasilnya jika ada koma, tetap ditampilkan dengan koma nya.</li>
</ul>
<p>Lalu kita buat getText untuk ambil data hasil input dari fieldPanjangAlas dan fieldTinggi, dan masukkan ke dalam variable panjangAlas dan Tinggi.</p>
<pre>float panjangAlas, tinggi, hasil; 
panjangAlas = Float.valueOf(fieldPanjangAlas.getText()); 
tinggi = Float.valueOf(fieldTinggi.getText()); 
</pre>
<p>Note : Dalam Java, setiap data yang diinput pada jTextField pasti menggunakan type data String, dan pada script diatas, panjangAlas, tinggi dan hasil menggunakan type data float, maka data hasil input mesti di convert dahulu dari String menjadi float, disini saya menggunakan Float.valueOf</p>
<h4><span style="color: #0000ff;">Baca Juga : <span style="color: #ff0000;"><a style="color: #ff0000;" href="https://pratama.biz.id/2018/12/belajar-perulangan-pada-java/" target="_blank" rel="noopener noreferrer">Belajar Perulangan pada Java</a></span></span></h4>
<p>7. Rumus menghitung luas segitiga yaitu Panjang Alas * Tinggi / 2, maka kita define scriptnya seperti berikut.</p>
<pre>hasil = panjangAlas * tinggi / 2;</pre>
<p>8. Selanjutnya kita tampilkan hasil perhitungannya ke dalam fieldHasil, nah ini baru kita gunakan setText, berikut scriptnya</p>
<pre>fieldHasil.setText(String.valueOf(hasil));</pre>
<p>Note : Jangan lupa tambahkan String.valueOf karena variable hasil menggunakan type data float, sedangkan fieldHasil menggunakan type data String</p>
<p>9. Silakan running dan coba operasikan, nanti hasil perhitungan luas segitiga tersebut akan muncul pada jTextField hasil.</p>
<p><a href="https://rizkypratama.id/wp-content/uploads/2019/07/Screen-Shot-2019-07-25-at-11.50.10.png"><img data-attachment-id="1473" data-permalink="https://rizkypratama.id/blog/2019/07/25/cara-menggunakan-gettext-dan-settext-pada-pemrograman-java-gui/screen-shot-2019-07-25-at-11-50-10/" data-orig-file="https://i0.wp.com/rizkypratama.id/wp-content/uploads/2019/07/Screen-Shot-2019-07-25-at-11.50.10.png?fit=516%2C305&;ssl=1" data-orig-size="516,305" data-comments-opened="1" data-image-title="Screen Shot 2019-07-25 at 11.50.10" data-image-description="" data-image-caption="" data-large-file="https://i0.wp.com/rizkypratama.id/wp-content/uploads/2019/07/Screen-Shot-2019-07-25-at-11.50.10.png?fit=516%2C305&;ssl=1" class="aligncenter wp-image-1473" src="https://rizkypratama.id/wp-content/uploads/2019/07/Screen-Shot-2019-07-25-at-11.50.10.png" alt="" width="435" height="257" /></a></p>
<p>10. Terakhir, untuk mengosongkan seluruh isian field, silakan klik 2 kali pada button hapus, lalu masukkan script setText seperti berikut ini.</p>
<pre>fieldPanjangAlas.setText(""); 
fieldTinggi.setText(""); 
fieldHasil.setText(""); 
fieldPanjangAlas.requestFocus(); 
</pre>
<p>Ini screenshoot keseluruhan script yang tadi ditambahkan</p>
<p><a href="https://rizkypratama.id/wp-content/uploads/2019/07/Screen-Shot-2019-07-25-at-11.53.53.png"><img data-attachment-id="1474" data-permalink="https://rizkypratama.id/blog/2019/07/25/cara-menggunakan-gettext-dan-settext-pada-pemrograman-java-gui/screen-shot-2019-07-25-at-11-53-53/" data-orig-file="https://i0.wp.com/rizkypratama.id/wp-content/uploads/2019/07/Screen-Shot-2019-07-25-at-11.53.53.png?fit=597%2C291&;ssl=1" data-orig-size="597,291" data-comments-opened="1" data-image-title="Screen Shot 2019-07-25 at 11.53.53" data-image-description="" data-image-caption="" data-large-file="https://i0.wp.com/rizkypratama.id/wp-content/uploads/2019/07/Screen-Shot-2019-07-25-at-11.53.53.png?fit=597%2C291&;ssl=1" class="aligncenter wp-image-1474 size-full" src="https://rizkypratama.id/wp-content/uploads/2019/07/Screen-Shot-2019-07-25-at-11.53.53.png" alt="" width="597" height="291" /></a></p>
<p>Cukup mudah bukan, untuk ini bisa teman-teman kembangkan lagi untuk membuat form yang lebih komplek</p>
<p>Mungkin cukup sekian, semoga bermanfaat</p>
<div class="clearfix"></div>
Dalam pengelolaan mail server, terkadang kita tidak ingin email dikirim langsung ke server tujuan. Ada…
Pada bulan April 2026 lalu, Ubuntu telah release versi terbaru yaitu Ubuntu 26.04 LTS, sehingga…
Ada satu hal yang ngga akan pernah benar-benar diajarkan kepada kita, yaitu bagaimana cara melanjutkan…
Bermula ketika saya melakukan suatu konfigurasi pada server, saya menerapkan beberapa rule untuk block port,…
Beberapa hari terakhir saya memutuskan untuk upgrade seluruh server Nginx ke versi terbaru setelah muncul…
Beberapa waktu lalu saya ada melakukan migrasi dan upgrade sistem email server Zimbra di salah…