Tutorial Zodiak Rizal Imami 10040247
-
Upload
imami-rizal -
Category
Documents
-
view
73 -
download
0
description
Transcript of 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
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 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 --> 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 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 :
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