tutorial zodiak rizal imami 10040247

20
TUTORIAL PEMBUATAN APLIKASI ASTROLOGY DENGAN NETBEANS IDE 7.0.1 Disusun oleh : Rizal imami 10040247 Semester : 3 Kelas : F Politeknik Harapan Bersama Jl. Dewi Sartika No 71 Pesurungan Kidul, Tegal 52116, Jateng Telepon: 0283-352000, Fax: 0283-352000, Website: http://www.poltektegal.ac.id

Upload: imami-rizal

Post on 11-Aug-2015

73 views

Category:

Documents


0 download

DESCRIPTION

cara pembuatan apliksi zodiak J2SE

TRANSCRIPT

Page 1: Tutorial Zodiak Rizal Imami 10040247

TUTORIAL PEMBUATAN

APLIKASI ASTROLOGY

DENGAN NETBEANS IDE 7.0.1

Disusun oleh :

Rizal imami 10040247

Semester : 3

Kelas : F

Politeknik Harapan Bersama

Jl. Dewi Sartika No 71 Pesurungan Kidul, Tegal 52116, Jateng

Telepon: 0283-352000, Fax: 0283-352000,

Website: http://www.poltektegal.ac.id

Page 2: Tutorial Zodiak Rizal Imami 10040247

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 .

Page 3: Tutorial Zodiak Rizal Imami 10040247

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

Page 4: Tutorial Zodiak Rizal Imami 10040247

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

Page 5: Tutorial Zodiak Rizal Imami 10040247

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 :

Page 6: Tutorial Zodiak Rizal Imami 10040247

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)

Page 7: Tutorial Zodiak Rizal Imami 10040247

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)

Page 8: Tutorial Zodiak Rizal Imami 10040247

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)

Page 9: Tutorial Zodiak Rizal Imami 10040247

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.

Page 10: Tutorial Zodiak Rizal Imami 10040247

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

Page 11: Tutorial Zodiak Rizal Imami 10040247

blnComboBox --> ActionPerformed

blnComboBox --> ItemStateChanged

Page 12: Tutorial Zodiak Rizal Imami 10040247

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 :

Page 13: Tutorial Zodiak Rizal Imami 10040247

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

Page 14: Tutorial Zodiak Rizal Imami 10040247

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 +

Page 15: Tutorial Zodiak Rizal Imami 10040247

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

Page 16: Tutorial Zodiak Rizal Imami 10040247

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 :

Page 17: Tutorial Zodiak Rizal Imami 10040247

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.

Page 18: Tutorial Zodiak Rizal Imami 10040247

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

Page 19: Tutorial Zodiak Rizal Imami 10040247

formWindowDeactivated

blnComboBox --> Action --> Performed

thnComboBox --> Action --> Performed

Page 20: Tutorial Zodiak Rizal Imami 10040247