tutorial pembuatan aplikasi zodiak

Upload: imami-rizal

Post on 19-Jul-2015

1.008 views

Category:

Documents


21 download

TRANSCRIPT

TUTORIAL PEMBUATAN APLIKASI ASTROLOGY DENGAN NETBEANS IDE 7.0.1

Disusun oleh : Rizal imami Semester Kelas 10040247 :3 :F

Politeknik Harapan BersamaJl. Dewi Sartika No 71 Pesurungan Kidul, Tegal 52116, Jateng Telepon: 0283-352000, Fax: 0283-352000, Website: http://www.poltektegal.ac.id

TUTORIAL 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 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 penerjemah /

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 komponenkomponen 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 komponenkomponen 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 --> ActionPerformed

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 :

Sebagai penulisan nama dan zodiak pada file txt yang nantinya akan dibaca kembali oleh form selanjutnya. buttonBig2 --> ActionPerformed skrip dan penjelasannya sama dengan event buttonBig1 -->

ActionPerformed formWindowActivated

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 skripskrip 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 :

jButton4 --> Action --> Performed

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

formWindowDeactivated

blnComboBox --> Action --> Performed

thnComboBox --> Action --> Performed