Membangun Kamus Bahasa Jawa Sederhana

9 JULI 2014

Kamus Bahasa Jawa Sederhana 9 JULI 2014

LANGKAH AWAL MEMBANGUN KAMUS BAHASA JAWA SEDERHANA

1. Install dan jalankan Netbeans IDE lalu buat proyek aplikasi baru.

Caranya : File > New Project, sehingga tampil :

Pilih Categories Java dan Projects Java Application, lalu klik Next.

2. Pada kotak dialog seperti di bawah ini :

Dika Wardani 1


Isikan Project Name dengan Kamus Bahasa Jawa, lalu Uncheck Create Main Class

karena kita belum membutuhkan kelas utama dan nantinya akan kita coba buat secara

manual. Terakhir klik Finish.

3. Sekarang mari kita buat 2 buah package dan menambahkan MySql JDBC Driver

dengan cara sebagai berikut :

Klik Kanan Projects Kamus Bahasa Jawa dan pilih New > Java Packages

sehingga tampil Dialog Box seperti :

Isikan kamus.bahasa.jawa pada Package Name seperti yang tampak pada

gambar dan klik Finish. Lakukan hal yang sama paka package yang

selanjutnya, hanya saja kali ini isikan Project Name dengan

kamus.bahasa.jawa.koneksi. di mana package ini akan dibuatkan class untuk

melakukan koneksi ke DBMS MySql.

Klik kanan Libraries dan pilih Add Library sehingga muncul kotak dialog :

Pilih MySql JDBC Driver dan klik Add Library.

4. Sekarang waktunya kita buat databasenya terlebih dahulu sebelum lanjut membangun

aplikasinya. Pastikan anda sudah menginstall Xampp karena kita akan menggunakan

paket aplikasi mysql yang dimiliki oleh xampp.

Dika Wardani 2


Untuk membuat database, buka notepad dan ketikan script berikut :

DROP DATABASE IF EXISTS kamus;

CREATE DATABASE kamus;

USE kamus;

CREATE TABLE arti (

indo VARCHAR(20),

jawa VARCHAR(20)

);

INSERT INTO arti VALUES

('aku','kulo'),

('anak sapi','gudel'),

('anda','sampean'),

('orang','wong'),

('pria','lanang'),

('wanita','wedok');

Kemudian simpan di desktop dengan nama dengan nama kamus.sql, lihat pada

gambar:

Sekarang buka Command Prompt / CMD untuk menjalankan DBMS MySql yang

dimiliki Xampp, caranya dengan mengetik script ini :

cd / (ENTER)

Dika Wardani 3


cd xampp/mysql/bin (ENTER)

mysql –u root (ENTER) sehingga console MySql berjalan seperti pada gambar di

bawah:

Kemudian mari kita bermain jari kembali untuk mengcompile script yang telah kita

buat di notepad sekaligus membuat database untuk aplikasi yang sedang kita bangun.

Caranya dengan mengetik script ini :

source C:\Users\Dika Wardani\Desktop\kamus.sql

atau

\. C:\Users\Dika Wardani\Desktop\kamus.sql

Script diatas akan menghasilkan output seperti dibawah :

Catatan :

Ganti Dika Wardani dengan nama anda yang tampil pada CMD.

Contoh : source C:\Users\Heru Prasetiyo\Desktop\kamus.sql

Jika terdapat error, ulangi langkah no.4 sampai berhasil. Ketikkan script dibawah ini

untuk memastikan database telah berhasil dibuat :

select *from arti;

5. Kembali lagi ke Netbeans IDE dan buat sebuah class pada package

kamus.bahasa.jawa.koneksi dengan nama koneksi . Caranya :

Dika Wardani 4


Klik kanan pada package kamus.bahasa.jawa.koneksi dan pilih New > Java Class

sehingga muncul dialog box seperti :

Isikan kolom Class Name dengan koneksi seperti pada gambar dan klik Finish.

6. Edit source code pada class koneksi.java yang telah buat dengan cara klik 2x

koneksi.java yang terletak di dalam koneksi.java lalu tambahkan code berikut ini

dibawah code package kamus.bahasa.jawa.koneksi; :

import java.sql.Connection;

import java.sql.DriverManager;

import java.sql.SQLException;

import javax.swing.JOptionPane;

Arti code diatas adalah untuk mengimport class pada jdk java yang akan dibutuhkan

untuk class koneksi.java.

7. Selanjutnya buat variabel dengan access modifier private, static dan final di dalam

public class koneksi{}. Berikut hasilnya :

package kamus.bahasa.jawa.koneksi;





public class koneksi {

private static Connection koneksi;

private static final String url = "jdbc:mysql://localhost:3306/kamus";

private static final String user ="root";

private static final String password = "";

Dika Wardani 5


}

Variabel diatas digunakan untuk melakukan koneksi ke ke DBMS MySql dan

database dengan nama kamus melalui libraries MySql JDBC Driver.

8. Terakhir kita akan membuat method aksi untuk melakukan koneksinya, berikut

codenya:











public static Connection getKoneksi(){

if (koneksi == null){

try {

DriverManager.registerDriver(new com.mysql.jdbc.Driver());

koneksi = DriverManager.getConnection(url, user, password);

System.out.println(“Koneksi berjalan dengan mulus”);

}catch (SQLException t){

JOptionPane.showMessageDialog(null, "Koneksi Gagal ke "+url

+"\n"+"Cek Variabel url");

System.exit(0);

}

}

return koneksi;

}

}

Dika Wardani 6


9. Sekarang kita tambahkan method main dengan tujuan untuk mengetahui apakah

koneksi berhasil dilakukan atau terdapat error. Berikut kodenya :











public static Connection getKoneksi(){

if (koneksi == null){

try {

DriverManager.registerDriver(new com.mysql.jdbc.Driver());

koneksi = DriverManager.getConnection(url, user, password);

System.out.println(“Koneksi berjalan dengan mulus”);

}catch (SQLException t){

JOptionPane.showMessageDialog(null, "Koneksi Gagal ke "+url

+"\n"+"Cek Variabel url");

System.exit(0);

}

}

return koneksi;

}

public static void main(String [] args){

getKoneksi();

}

}

Dika Wardani 7


Sekarang coba jalankan class ini dengan cara :

Klik kanan koneksi.java > Run File, jika koneksi berhasil maka tampil output sebagai

berikut :

Jika koneksi gagal, ini yang akan tampil :

Kotak dialog di atas adalah salah satu tipe aksi dari JOptionPane yang menjelaskan

bahwa aplikasi gagal melakukan koneksi ke database kamus1 karena database kamus1

tidak ada di DBMS MySql sehingga kita perlu mengganti variabel url menjadi :


10. Sudah runyam belum otaknya kalau belum silakan lanjut ke bagian membuat form-

form aplikasinya dengan SWING. Dan berikut gambaran design aplikasinya :

Dika Wardani 8


MEMBANGUN FORM APLIKASI KAMUS BAHASA JAWA SEDERHANA

Dalam membangun aplikasi yang berjudul “KAMUS BAHASA JAWA SEDERHANA”, kita akan membutuhkan setidaknya 3 buah form aplikasi. Di mana form-form inilah yang akan melakukan interaksi dengan aplikasi yang kita buat ini. Kegunaan atau manfaat atau fungsi dari form ini adalah untuk memudahkan pengguna aplikasi/user dalam menggunakan aplikasi yang telah kita bangun atau yang lebih dikenal dengan bahasa kerennya yaitu “Graphical User Interfae /GUI”.

Selain itu, fungsi lain dari pembuatan form ini adalah untuk memahami dasar “OOP/Object Oriented Programming” secara praktek dimana setiap form (pada dasarnya adalah sebuah class) yang kita buat ini nantinya akan terhubung satu sama lain melalui komponen(pada dasarnya adalah object yang tersusun atas method tertentu) yang terdapat dalam form. Intinya dengan belajar dari praktek lebih cepat menguasai teorinya karena nantinya kita akan membuat teori dengan bahasa kita sendiri dan sesuai dengan kemampuan logika yang kita miliki. Jadi jangan terlalu banyak baca lebih baik langsung praktek.

A. MEMBANGUN FORM

FormIndoJava

1. Buka Netbeans IDE anda dan buka kembali projects Kamus Bahasa Jawa.

Expand / perluas Source Package-nya lalu klik kanan package

kamus.bahasa.jawa dan pilih New > JFrame Form, sehingga muncul dialog

box:

Isikan FormIndoJawa pada kolom Class Name seperti pada gambar di atas dan

klik Finish. Sekarang kita punya class baru dengan nama FormIndoJawa.java

dan bertipe JFrame Form di dalam package kamus.bahasa.jawa seperti yang

tampak pada gambar di bawah ini:

Dika Wardani 9


2. Klik 2x FormIndoJawa.java untuk mulai mendesign menambahkan beberapa

komponen swing ke dalam form.

Form awal :

Form tujuan :

Membuat Form tujuan :

i. Tarik componen Label dari jendela Pallete ke dalam Form dan klik

kanan jlabel1 lalu pilih Edit Text . Ganti text menjadi Orientasi :

Indonesia – Jawa. Tarik kembali componen Label tersebut ke dalam

Dika Wardani 10


Form dan ganti textnya menjadi Indonesia : dengan cara yang sama

sebelumnya. Berikut tampilannya :

ii. Sekarang tarik komponen Label ke dalam Form dan ubah teksnya

menjadi Jawa :. Kemudian tarik komponen Text Field ke dalam Form

dan kosongkan teks di dalamnya. Setelah itu tarik komponen Button

dan ganti teks menjadi Cari. Selanjutnya tarik komponen Text Area ke

dalam Form dan kosongkan teks di dalamnya. Sesuaikan tampilannya

menjadi seperti berikut:

iii. Terakhir tarik komponen 2 Radio Button dan 2 button ke dalam Form

dan buatlah tampilannya menjadi seperti di bawah ini :

Dika Wardani 11


Tambahkan komponen Button Group ke dalam Form. Komponen ini

tidak tampil di dalam Form namun akan tampil di jendela Navigator.

Catatan :

“jika anda kesulitan mengubah teks setiap komponen, anda bisa mengubah

teks dalam komponen dengan cara pilih komponen pada form yang akan di

ubah teksnya lalu klik kanan dan pilih properties.

Pada jendela Properties, cari atribut text dan ubah isinya sesuai dengan yang

anda butuhkan.”

Dika Wardani 12


B. MEMBANGUN FORM

FormJawaIndo

1. Klik kanan pada package kamus.bahasa.jawa dan pilih New > JFrame Form

sehingga muncul kotak dialog seperti di bawah ini :

Pada kolom Class Name, isikan dengan FormJawaIndo dan klik Finish.

2. Rancang Form tersebut sehingga menjadi seperti gambar di bawah ini dan

jangan lupa untuk menambahkan komponen Button Group ke dalam Form

yang anda buat.

C. MEMBANGUN FORM

KosaKata

Form ini begitu sederhana dan cara membuatnya pun sama yaitu dengan klik kanan

pada package kamus.bahasa.jawa dan pilih New > JFrame From. Pada kotak dialog

yang muncul, isikan kolom Class Name dengan KosaKata dan klik Finish.

Dika Wardani 13


Rancang Form ini sehingga menjadi seperti di bawah ini :

Komponen-komponen pada Form ini terdiri dari :

2 Label, masing-masing label memiliki teks Indonesia : dan Jawa :

2 Text Fiels, masing-masingnya tidak memiliki teks.

2 Button, masing-masing button memiliki teks Batal dan Tambah.

Meskipun Form ini sederhana namun Form ini memiliki fungsi untuk memperkaya

bendahara kosa kata dari pengguna aplikasi sehingga aplikasi menjadi lebih

memenuhi tujuannya.

Setelah semua Form selesai dibangun dengan usaha yang cukup bikin pusing dan pastinya

ngeribetin ditambah dengan bahasa penulis yang sulit dipahami.

Dika Wardani 14


HOW TO MAKETHE REAL OF KAMUS BAHASA JAWA SEDERHANA

Setelah bersusah payah membuat form ini dan itu, sekarang saatnya membuat form-form

tersebut dapat saling berbicara satu sama lain. Satu-satunya cara untuk membuat mereka

(forms) bisa berbicara adalah dengan melemaskan jemari lentik anda dan mulai mengetik

kode-kode yang saya suguhkan. So, Move YourSelf From Being Lazy To Type !!!

A. MENGGANTI NAMA VARIABEL

KOMPONEN DALAM FORM

Mengganti nama variable (Change Variable Name) di sini dimaksudkan untuk

mempermudah pemberian aksi /methhod pada komponen yang diinginkan. Hal ini

karena kita akan dengan mudah mengingat nama variabel tersebut.

Cara penggantian nama variabel adalah dengan klik kanan pada komponen Form yang

ingin diubah nama variabelnya dan pilih Change Variable Name sehingga muncul

kotak dialog seperti di bawah ini :

Lalu isi kolom New Name dengan nama yang anda inginkan dan klik Ok. Mudah

bukan ???. Mengganti nama variabel juga bisa dilakukan dengan melakukan klik

kanan juga, namun kali ini bukan mengklik kanan pada componen pada form-nya

langsung tetapi dilakukan pada jendela Navigator, berikut gambarnya :

Dika Wardani 15


\

Namun cara diatas akan terasa menyulitkan jadi lebih baik gunakan cara yang pertama

saja.

Pertanyaannya adalah nama komponen-komponen apa saja yang perlu kita ubah

nama variabelnya. Komponen yang akan kita ubah adalah komponen-komponen yang

nantinya akan kita berikan aksi seperti Button, Tex Field dan Text Area. Berikut tabel

komponen yang perlu diganti nama variabel dalam aplikasi yang sedang kita bangun :

Form FormIndoJawa.java

KOMPONENNAMA

VARIABEL LAMA

NAMA

VARIABEL BARU

Text FieldjTextField1 input

ButtonjButton1 btnCari

Text Area

jTextArea1 Hasil

Button jRadioButton1 pilihIndoJawa

Dika Wardani 16


ButtonjRadioButton2 pilihJawaIndo

ButtonjButton3 tmbKosaKata

ButtonjButton2 tentang

Button Group

Lihat jendela NavigatorbuttonGroup1 groupPilihOrientasi

Form FornJawaIndo.java

KOMPONENNAMA

VARIABEL LAMA

NAMA

VARIABEL BARU

Text FieldjTextField1 input

ButtonjButton1 btnCari

Text Area

jTextArea1 Hasil

ButtonjRadioButton1 pilihIndoJawa

ButtonjRadioButton2 pilihJawaIndo

ButtonjButton3 tmbKosaKata

Dika Wardani 17


ButtonjButton2 tentang

Button Group

Lihat jendela NavigatorbuttonGroup1 groupPilihOrientasi

Form KosaKata.java

KOMPONENNAMA

VARIABEL LAMA

NAMA

VARIABEL BARU

Text FieldjTextField1 inputIndo

Text FieldjTextField2 inputJawa

ButtonjButton2 btnBatal

ButtonjButton1 btnTambah

Sampai di sini kini kita telah siap untuk memberikan aksi terhadap komponen-

komponen tersebut. Dengan mengganti nama variabel tersebut, ke depannya kita akan

lebih mudah dalam mengembangkan aplikasinya dibandingkan harus menggunakan

nama default (contoh : jButton1) yang diberikan IDE.

B. MEMBERI AKSI

PADA KOMPONEN FORM

Maksud dari memberi aksi di sini berarti kita akan mulai benar menggunakan

kemampuan mengetik kita dan juga diperlukan kejelian mata yang ekstra. Hal ini

dikarenakan saya akan mengajak anda untuk mengetikkan kumpulan-kumpulan kode

yang di butuhkan oleh aplikasi yang tengah kita bangun.

1. Form FormIndoJawa.java

Dika Wardani 18


Sebelum lanjut ke bagian memberi aksi komponen-komponen pada form ini,

anda perlu untuk mengimport beberapa class java. Hal ini ini dilakukan pada

tab Source-nya dan pada bagian atas :

Dan mengubahnya hingga menjadi seperti ini :

Klik 2x class / form FormIndoJawa.java. Jika yang terbuka malah source

code-nya, silahkan klik tab Design-nya :

Jika sudah pada tab design, sekarang klik kanan komponen button Cari-nya (

) dan pilih Events > Action >actionPerformed maka anda akan

dibawwa ke source code-nya, berikuttampilannya :

Ubah kodenya hingga tampil seperti ini :

private void btnCariActionPerformed(java.awt.event.ActionEvent evt) {

// TODO add your handling code here:

String kata = input.getText();

KosaKata kk = new KosaKata();

FormIndoJawa f = new FormIndoJawa();

try {

Connection c = koneksi.getKoneksi();

String sql = "SELECT jawa FROM arti WHERE indo =

'"+kata+"';";

Dika Wardani 19


Statement s = c.createStatement();

ResultSet r = s.executeQuery(sql);

r.next();

hasil.setText(r.getString("jawa"));

r.close();

}catch (SQLException e){

JOptionPane.showMessageDialog(null, kata+": Belum terindeks di

database kami.");

}

}

Catatan : “warna merah adalah kode yang harus anda ketik. Karena ini

adalah aksinya.”

Button Cari sudah, sekarang kita berikan aksi terhadap 2 komponen radio

buttonnya. Berikut caranya :

Klik kanan komponen radio button pilihJawaIndo /

dan pilih Events >Action >actionPerformed maka tampil :

Ubah kodenya hingga menjadi :

private void

pilihJawaIndoActionPerformed(java.awt.event.ActionEvent evt) {


FormJawaIndo jw = new FormJawaIndo();

if(pilihJawaIndo.isSelected()){

jw.setVisible(true);

this.dispose();

}

}

Dika Wardani 20


Kembali ke tab Design lalu klik kanan kembali radio button /

dan pilih Properties sehingga muncul jendela berikut :

Klik tab Code / lalu pilih properti Post-Creation Code dan

klik . Masukan code ini :

groupPilihOrientasi.add(pilihJawaIndo);

Tutup semua jendela yang aktif, kecuali Netbeans IDE-nya dan

kembali ke tab Design.

Klik kanan radio button pilihIndoJawa / dan pilih

Properties. Beri tanda ceklist pada properties selected.

Klik tab Code / lalu pilih properti Post-Creation Code dan

klik . Masukan code ini :

groupPilihOrientasi.add(pilihIndoJawa);

Tutup semua jendela yang aktif, kecuali Netbeans IDE-nya dan

kembali ke tab Design.

Terakhir, memberikan aksi kepada 2 tombol tersisa yaitu

dan , berikut adalah caranya :

Dika Wardani 21


Klik kanan komponen dan pilih Events >Action >

actionPerformed lalu ubah codenya menjadi :

private void

tmbKosaKataActionPerformed(java.awt.event.ActionEvent evt) {


new KosaKata().setVisible(true);

}

Kembali ke tab design.

Klik kanan komponen dan pilih Events >Action >

actionPerformed lalu ubah codenya menjadi :

private void tentangActionPerformed(java.awt.event.ActionEvent

evt) {


JOptionPane.showMessageDialog(null, "Dibuat Oleh : \n"

+ "DIKA WARDANI");

}

2. Form FormJawaIndo.java

Untuk form yang satu ini kita hanya focus pada pada 2 komponen saja yaitu

dan . Hal ini dikarenakan 2 komponen inilah

yang menangani perubahan orientasi / arah inputan dari pengguna aplikasi

yakni dari bahasa Indonesia ke bahasa Jawa atau bahasa Jawa ke bahasa

Indonesia. Untuk pemberian aksi komponen yang lain seperti ,

, dan bisa anda lihat di poin 1 jadi silakan baca

saja kembali bagaimana caranya.

Sebelumnya anda harus mengimport class java seperti yang sebelumnya di

FormIndoJawa.

Dika Wardani 22


Klik kanan dan pilih Properties, pada jendela yang muncul klik tab

dan isikan kode berikut pada properti Post-Creation Code :

groupPilihOrientasi.add(pilihIndoJawa);

Tutup jendela properties. Klik kanan komponen dan

pilih Events > Action > actionPerformed lalu ubah codenya menjadi

seperti ini :

private void

pilihIndoJawaActionPerformed(java.awt.event.ActionEvent evt) {


FormIndoJawa jw = new FormIndoJawa();

if(pilihIndoJawa.isSelected()){

jw.setVisible(true);

this.dispose();

}

}

Klik kanan dan pilih Properties, pada jendela yang muncul klik tab

dan isikan kode berikut pada properti Post-Creation Code :

groupPilihOrientasi.add(pilihJawaIndo);

Klik tab ceklist properti selected, seperti gambar di bawah

ini:

Dika Wardani 23


3. Form KosaKata.java

Di form ini kita hanya perlu memberi aksi pada 2 komponen saja yaitu

komponen dan .

Klik kanan komponennya dan pilih Events > Action > actionPerformed

lalu ubah codenya menjadi seperti ini :

private void btnBatalActionPerformed(java.awt.event.ActionEvent

evt) {


this.dispose();

}

Klik kanan komponennya dan pilih Events > Action > actionPerformed

lalu ubah codenya menjadi seperti ini :

private void btnTambahActionPerformed(java.awt.event.ActionEvent

evt) {


String indo = inputIndo.getText();

String jawa = inputJawa.getText();

try{

Connection c = koneksi.getKoneksi();

String sql = "INSERT INTO ARTI VALUES (?, ?)";

PreparedStatement p = c.prepareStatement(sql);

p.setString(1, indo);

p.setString(2, jawa);

p.executeUpdate();

Dika Wardani 24


p.close();

c.close();

JOptionPane.showMessageDialog(null, "Sukses dan Terima

Kasih Atas Bantuan Anda.");

inputIndo.setText(null);

inputJawa.setText(null);

}catch(SQLException e){

JOptionPane.showMessageDialog(null, "Gagal Mengindeks

Kosa Kata anda.");

}

}

4. Membuat Class Main

Pembuatan class ini dimaksudkan untuk dijadikan sebagai class utama yang

akan menjalankan aplikasi.

Berikut cara membuatnya :

Klik kanan package kamus.bahasa.jawa dan pilih New > Java Class. Pada

kotak dialog yang muncul, isikan Class Name dengan nama Main dan klik

finish. Ubah source code-nya dengan klik 2x Main.java dan ubah codenya

menjadi :

public class Main {

public static void main(String [] args){

new FormIndoJawa().setVisible(true);

}

}

Belum selesai sampai di sini karena kita harus mengatur kelas utama yang

akan dijalankan aplikasi kita yaitu class Main.java. Sekarang klik kanan

project Kamus Bahasa Jawa dan pilih Properties, sehingga muncul kotak

dialog seperti ini :

Dika Wardani 25


Set kolom Main Class menjadi kamus.bahasa.jawa.Main dan klik Ok.

Sampai di sini saja saya menjelaskan kepada anda dalam membangun aplikasi ini. Untuk

tampilan aplikasi ini, anda bisa melakukannya sendiri dan menyesuaikannya dengan sesuka

hati anda melalui jendela Properties.

Anda jika bisa mengembangkan aplikasi ini menjadi lebih baik lagi dengan cara belajar dan

mencoba hal yang baru. Anda bisa membuat databasenya menjadi lebih kompleks lagi

sehingga aplikasi pun menjadi semakin komplit.

Dika Wardani 26

TERIM

A

KASIH

Membangun Kamus Bahasa Jawa Sederhana

Documents

Transcript of Membangun Kamus Bahasa Jawa Sederhana