TUTORIAL PEMBUATAN APLIKASI ASTROLOGYDENGAN NETBEANS IDE 7.0.1

Disusun oleh :Rizal imami 10040247Semester : 3Kelas : FPoliteknik Harapan BersamaJl. Dewi Sartika No 71 Pesurungan Kidul, Tegal 52116, JatengTelepon: 0283-352000, Fax: 0283-352000, Website: http://www.poltektegal.ac.idTUTORIAL PEMBUATAN APLIKASI ZODIAK SEDERHANA

1. Deskripsi Program

Aplikasi dari zodiac yang sudah jadi ini terletak pada folder project --> dist disitu ada file dengan nama zodiax.jar yang bisa langsung dieksekusi tanpa harus membuka netbeans

Deskripsi berjalannya aplikasi ini adalah sbb :

Saat aplikasi dijalankan akan muncul Form utama, disitu anda harus mengisi nama sebelum menekan button yang ada, apabila nama telah terisi maka kan muncul MenuLabel dan tanggalLabel yang berisi teks Tanggal lahir dan Pilih Menu

Setelah itu tekan salah satu tombol ramalan zodiac hari ini atau true love calculator, saat anda menekan salah satu tombol maka aplikasi secara otomatis akan membuat file zodiak.txt dan nama.txt file zodiac.txt berisi nama zodiac kita, dan file nama.txt berisi nama kita

Apabila anda memilih tombol ramalan zodiac hari ini maka akan muncul form baru, form baru ter sebut sebenarnya membaca file zodiac.txt dan nama.txt untuk diletakan pada textfield yang tersedia dan hasil pembacaan tersebut dijadikan kondisi untuk mengisi textArea dengan ramalan bintang kita.

Apabila menekan tombol truelovecalculator maka akan muncul form baru yang pada awalnya form tersebut membaca isi file zodiac.txt dan isi file ter sebut dijadikan variable untuk kondisi-kondisi tertentu.

Setelah anda masuk dalam form truelovecalculator maka anda tinggal mengisikan tanggal lahir pasangan anda dan tekan tombol hitung kecocokan maka pada textarea kan muncul deskripsi hubungan anda dan presentasi kecocokan anda.

2. Persiapan Pembuatan Program

Persiapan Software yang dibutuhkan : A. Program Runtime Environtment

Aplikasi yang saya buat kali ini adalah apliksi desktop yang tentunya akan beerjalan diatas deployment environtment .

Sebab Aplikasi Java merupakan program khusus yang dapat berjalan pada mesin apapun, yang telah memiliki Java Runtime Environment (JRE).

Secara umum Ada 2 deployment environment yang utama :

a. JRE didapat dari Java 2 Software Development Kit (SDK), yang di dalamnya terdapat kumpulan lengkap file class dari semua package Teknologi Java, termasuk class bahasa basic, class komponen GUI dan lain-lain.

b. Yang utama pada deployment environment lainnya adalah pada web browser. Sebagian besar browser komersial menyediakan penerjemah / interpreter untuk Teknologi Java dan runtime environment.

Namun kali ini saya hanya akan menggunakan Java 2 Software Development

Kit (SDK) atau biasa disebut JDK, JDK yang saya gunakan menggunakan versi

1.7.0

B. Netbean IDE

The NetBeans IDE adalah sebuah lingkungan pengembangan - sebuah tools untuk programmer menulis, mengompilasi, mencari kesalahan dan menyebarkan program. Netbeans IDE ditulis dalam Java - namun dapat mendukung bahasa pemrograman lain.

Terdapat banyak modul untuk memperluas Netbeans IDE. Netbeans IDE adalah sebuah produk bebas dengan tanpa batasan bagaimana digunakan. (dikutip dari : www.netbean.org )

NetBeans mengacu pada dua hal, yakni platform untuk pengembangan aplikasi desktop java, dan sebuah Integrated Development Environment (IDE) yang dibangun menggunakan platform NetBeans. Platform NetBeans memungkinkan aplikasi dibangun dari sekumpulan komponen perangkat lunak moduler yang disebut modul. Sebuah modul adalah suatu arsip Java (Java archive) yang memuat kelas-kelas Java untuk berinteraksi dengan NetBeans Open API dan file manifestasi yang mengidentifikasinya sebagai modul. Aplikasi yang dibangun dengan modul-modul dapat dikembangkan

dengan menambahkan modul-modul baru. Karena modul dapat dikembangkan secara independen, aplikasi berbasis platform NetBeans dapat dengan mudah dikembangkan oleh pihak ketiga secara mudah dan powerful.

Pengembangan NetBeans diawali dari Xelfi, sebuah proyek mahasiswa tahun

1997 di bawah bimbingan Fakultas Matematika dan Fisika Universitas

Charles, Praha. Sebuah perusahaan kemudian dibentuk untuk proyek tersebut

dan menghasilkan versi komersial NetBeans IDE hingga kemudian dibeli oleh Sun Microsystem pada tahun 1999. Sun kemudian menjadikan NetBeans open source pada bulan Juni tahun 2000. Sejak itu komunitas NetBeans terus berkembang.

Lingkungan Pengembangan yang terintegrasi pada netbean IDE, memudahkan pengguna untuk membuat beragam aplikasi dengan mudah.

C. Library-library pendukung

- Commons-beanutils-1.8.0.jar

- Commons-digesteer-1.7.jar

- Commons-logging-1.0.4.jar

- iText-2.1.7.jar

- TimingFramework-1.0.jar

- UsuLibrary.jar

Cara memasukan library pada project

- Masuk pada panel project di netbeans

- Klik kanan pada folder Libraries pilih Add Jar/folder

- Pilih library yang akan dimasukan

- Klik open

D. Class Background

Class Background adalah class untuk membuat background untuk aplikasi, sehingga akan membuat jpanel bergambar, cara membuatnya sbb :

Buat class baru lalu ketik kode berikut :

Cara menambahkan pada jFrame kita adalah :

1. Buka JFrame, Aplikasi_Astrology.java

2. Klik kanan set layout border layout

3. Masukan Background.java ke atas Home.java yang sedang terbuka, dengan cara men-drag dari jendela project.

4. Nah, anda sudah melihatnya sekarang.

3. Pembuatan Program

A. Pembuatan Desain Aplikasi

Pada Aplikasi Ini saya akan menggunakan tiga form yang digunakan pada aplikasi ini yaitu form utama yang berisi menu, form ramalan zodiak, dan form kalkulator jodoh, Pada form pertama saya membuat desain sbb :

Form Utama (Aplikasi_Astrology.java)

Komponen java swing yang saya gunakan adalah :

jLabel : dalam Form tersebut saya menggunakan 5 Label untuk : Judul Aplikasi Astrology, Nama, tanggal lahir, dan Menu.

jText Field : dalam form tersebut saya hanya menambahkan 1 Text field

yang menampung variable nama, dengan nama variable namaT.

jCombo Box : Saya menambahkan 3 Combo box yaitu : tglComboBox untuk menampung tanggal blnComboBox untuk menampung variabel Bulan, dan thnComboBox untuk menampung variabel tahun.

jButton : Saya Menambahkan 2 Button, Tombol exitButton

Untuk keluar dan tombol miniButton Untuk minimize, mengapa saya tidak menggunakan tombol keluar dan minimize standar ? alasannya karena saya ingin mencoba sesuatu yang baru dengan membuat tombol tersebut sendiri.

Class ButtonBig : Saya menggunakan Class Button big, buttonBig1untuk menuju aplikasi ramalan jodoh dan buttoBig2 untuk ramalan zodiak dari menu utama.

Class backgroundsutama : dengan nama variabel backgroundssatu1 Sebagai panel kontainer yang memiliki background gambar untuk menampung komponen yang lain.

Form Ramalan Zodiak (Zodiak.java)

Dalam mendesain tampilan form tersebut saya mnggunakan komponen- komponen sbb :

jLabel : Saya menggunakan 6 Label yaitu sebagai label

untuk nama, zodiac, kesehatan, Karir,Cinta, dan keuangan. jText field : Saya menggunakan 2 text field yaitu : namaTF untuk

menampung nama dan ZodiakTextField untuk menampung nama zodiak.

jText area : Ada 4 Text area yaitu : cintaTextArea untuk menampung ramalan cinta, kesehatanTextArea untuk ramalan kesehatan, karirTextArea untuk ramalan karir, dan uangTextArea sebagai ramalan keuangan.

Class backgrounds1 : dengan nama variabel backgrounds1 Sebagai panel kontainer yang memiliki background gambar untuk menampung komponen yang lain.

jButton : nama variable exitButton sebagai button untuk keluar aplikasi. Form Ramalan Jodoh (TrueLoveCalculator.java)

Dalam mendesain tampilan form tersebut saya mnggunakan komponen- komponen sbb :

jLabel : Saya menggunakan 5 Label yaitu sebagai label

untuk zodiakmu, zodiakpasangan, sebagai petunjuk untuk memilih tanggal dan menekan tombol, dan untuk menampilkan presentase kecocokan.

jPanel3 : dengan layout card layout dipilih dimana didalamnya terdapat jlabel untuk menampilkan gambar masing-masing zodiac yang telah dipilih.

jPanel4 : dengan layout card layout dipilih dimana didalamnya terdapat jlabel untuk menampilkan gambar masing-masing zodiac yang telah dipilih.

jText area : Ada 1 Text area yaitu : hasilTextArea untuk menampung ramalan kecocokan pasangan diantara dua zodiak.

Class backgrounds2 : dengan nama variabel backgrounds21 Sebagai panel kontainer yang memiliki background gambar untuk menampung komponen yang lain.

jButton : nama variable exitButton sebagai button untuk keluar aplikasi.

B. Skrip pembuatan aplikasi sesuai dengan form dan event yang terjadi

Dalam penulisan skrip dibawah ini saya tidak akan menuliskan keseluruhan skrip tersebut karena akan terlalu panjang, sehingga saya hanya akan menuliskan poin-poin pentingnya saja dan selanjutnya akan diberi penjelasan untuk melanjutkan skrip tsb. Dan skrip selengkapnya dapat dilihat langsung pada source codenya.

Sebelum pembuatan skrip ada sedikit keterangan cara mengedit kode dari suatu komponen caranya :

- Klik kanan komponen yang akan diedit kodenya

- Pilih event

- Disitu ada beberapa event

-Pada tutorial kal ini saya menggunakan event WindowOpened, ActionPerformed,dan ItemStateChanged.

a. Form utama (Aplikasi_Astrology)

form --> Window --> Opened

thnComboBox --> ActionPerformed

blnComboBox --> ActionPerformed

blnComboBox --> ItemStateChanged

tglComboBox --> ItemStateChanged thnComboBox --> ItemStateChanged buttonBig1 --> ActionPerformedStatemen if ((bln.equals(Desember)&& dst akan diteruskan sesuai bulan dan batas tanggal ditentukan sesuai zodiak mana yang yang memiliki tanggal tersebut. Statemen akhirnya sbb :

Dilanjutkan dengan skrip sbb :

Sebagai penulisan nama dan zodiak pada file txt yang nantinya akan dibaca kembali oleh form selanjutnya.

buttonBig2 --> ActionPerformedskrip dan penjelasannya sama dengan event buttonBig1 --> ActionPerformedformWindowActivated

NamaTKeyTyped

exitButton --> ActionPerformed

miniButton --> ActionPerformed

b. Form Ramalan Zodiak (Zodiak.java)

form --> Window --> Opened

Penjelasan :

Skrip try {

BufferedReader out = new BufferedReader (new FileReader("zodiak.txt")); BufferedReader outs = new BufferedReader (new FileReader("Nama.txt")); String zodiakmu = out.readLine();

String nama = outs.readLine(); adalah kode untuk mengambil / membaca file txt yang telah dituliskan oleh class sebelumnya yaitu Aplikasi_Astrology.java, dan selanjutnya dijadikan variable untuk code selanjutnya.

Pernyataan if (zodiakmu.equals("Capricorn")) { dst adalah pernyataan dimana String Zodiakmu = Capricorn maka memerintahkan aplikasi untuk menampilkan beberapa item, dan merubah property dari komponen dalam aplikasi. Skrip tersebut diteruskan hingga sampai 12 zodiak yang dibuat pernyataan.

Pada pada bagian uangTextArea.setText dan karirTextArea.setText

, isi dari statemen tersebut saya enter kebawah dan ditambahi tanda +

karena untuk kepentingan tutorial ini sebab bila tidak di enter maka akan terlalu panjang, sebenarnya tidak usah juga tidak apa-apa.Akhir dari pernyataan tersebut sbb :

Kode catch (Exception e) { dst adalah lanjutan dari skrip pembaca file txt seperti yang telah dijelaskan diatas, penjelasannya adalah apabila file txt tidak ada atau tak bisa dibaca maka akan ada error message yang menyatakan apa kesalahanya.

exitButton --> Action --> Performed

Form --> Window --> Deactivated

Jika window tak aktif maka aplikasi akan otomatis keluar. c. Form Ramalan jodoh (TrueLoveCalculator.java)

form --> Window --> Opened

Pada kode diatas adalah skrip untuk menampilkan item pada thnComboBox dan tglComboBox.

Skrip try { BufferedReader out = dst addalah skrip untuk membaca isi file zodiac.txt yang telah dituliskan oleh form Aplikasi_Astrology.java dan isi file tersebut sebagai variable yang akan digunakan untuk skrip- skrip selanjutnya.

Pernyataan if (zodiakmu.equals(Capricorn ) ) { ..dst adalah pernyataan jika variable zodiakmu bernilai Capricorn maka CardLayout jPanel3 akan berganti icon atau gambar yang memiliki indeks 1, pernyataan tersebut akan diteruskan hingga ke 12 zodiak dijadikan pernyataan pada seperti diatas.

Kode atau skrip akhir dari event diatas adalah sbb :

Statemen if ((bln.equals(Desember)&& dst akan diteruskan sesuai bulan dan batas tanggal ditentukan sesuai zodiak mana yang yang memiliki tanggal tersebut. Statemen akhirnya sbb :

Dilanjutkan dengan skrip sbb :

Pernyataan if (Zodiak_p.equals(Capricorn ) ) { ..dst adalah pernyataan jika variable zodiakmu bernilai Capricorn maka CardLayout jPanel3 akan berganti icon atau gambar yang memiliki indeks 1, pernyataan tersebut akan diteruskan hingga ke 12 zodiak dijadikan pernyataan pada seperti diatas.

Kode atau skrip akhir dari event diatas adalah sbb :

Kode selanjutnya adalah sebagai berikut :

Kode diatas adalah kode untuk mengambil / membaca file txt yang telah dituliskan oleh class sebelumnya yaitu Aplikasi_Astrology.java, dan selanjutnya dijadikan variable untuk kode selanjutnya.

Pernyataan if (zodiakmu.equals("Capricorn")) { dst adalah

pernyataan dimana String Zodiakmu = Capricorn maka memerintahkan aplikasi untuk menampilkan beberapa item, dan merubah property dari komponen dalam aplikasi. Skrip tersebut diteruskan hingga sampai 12 zodiak yang dibuat pernyataan.

Dan pernyataan if (zodiakmu.equals("Capricorn")) { dst adalah jika zodiakmu sama dengan Capricorn dan Zodiak_p sama dengan Capricorn maka hasilTextArea dan PersenTextArea akan berganti teks seperti diatas

Pada pada bagian hasilTextArea.setText , isi dari statemen tersebut saya enter kebawah dan ditambahi tanda + karena untuk kepentingan tutorial ini sebab bila tidak di enter maka akan terlalu panjang, sebenarnya tidak usah juga tidak apa-apa.

Akhir dari pernyataan tersebut sbb :

Dan akhir dari event ini adalah :

jButton4 --> Action --> Performed

blnComboBox --> Action --> Performed

thnComboBox --> Action --> Performed