17
  TUTORIL Mata Kuliah PBO Dosen Pengampu : DANI SASMOKO Di Susun Oleh : Afiful Kholiq Kelas : SKS !" S#KOLA$ TIN%%I #L#KTRONIKA DAN KOMPUT#R 

AFIFUL KHOLIQ SKS13.1.doc

Embed Size (px)

Citation preview

Dalam kesempatan kali ini saya akan membuat tutorial pembuatan aplikasi java netbeans dengan tema Bengkel Mobil dengan tambahan gambar, jcalendar, ireport dan bagaimana cara mengkoneksikan database ke yabel netbeans

TUTORILMata Kuliah PBO

Dosen Pengampu : DANI SASMOKO

Di Susun Oleh :

Afiful Kholiq Kelas : SKS 13.1

SEKOLAH TINGGI ELEKTRONIKA DAN KOMPUTER

Dalam kesempatan kali ini saya akan membuat tutorial pembuatan aplikasi java netbeans dengan tema Bengkel Mobil dengan tambahan gambar, jcalendar, ireport dan bagaimana cara mengkoneksikan database ke yabel netbeans

A. Membuat koneksi dari database ke netbeans

1. Buka Xampp dan dan klik start pada Apache dan MySQL seperti gambar berikut

2. Kemudian buka browser dan buka localhost phpMyadmin

Database , dan beri nama database yang akan kita buat, kemudian klik create, seperti gambar berikut

3. Kemudian buat tabel dengan nama uas atau terserah anda, dan untuk number field saya beri 3 karena ini hanya untuk mengoneksikan form login, kemudian klik go

4. Setelah itu buat struktur tabel seperti gambar berikut

6. Buka netbeans pilih new project`pilih java

java application, seperti gambar berikut

7. Untuk yang tunjuk anak panah diberi nama sesuai anda atau dibiarkan default

Projecct location adalah dimana project yang akan kita buat ini disimpan

Setelah selesai klik ginish yang ada dibawah

8. Stelah itu kita klik kanan pada bagian uas new

java Class

9. . Beri nama koneksi atau terserah anda pada class yang kita buat kemudian klik finish

10. Setelah itu kita buat source code koneksi agar dapat terhubung denga database yang kita buat, berikut source codenya

Catatan, untuk url=jdbc:mysql//localhost:3306/uas itu ditentukan dengan nama database yang kita buat tadi

11. Setelah selesaimembuat class koneksi, kita klik kanan lagi pada bagian uas, dan kali ini kita pilih jFrame Form untuk membuat form login

B. Menambahkan gambar bisa mengikuti langkah berikut ini

1. Untuk mengimport gambar pertama kita masukkan jlabel terlebih dahulu, kemudian pada properties kita klik icon seperti gambar berikut

Akan muncul seperti ini dan klik pada import to project,stelah itu pilih file gambar yang akan kita masukkan dan klik next

Kemudian klik finish

Logo car service ini berhasil kita import kedalam netbeans

( Catatan )

Ukuran gambar yang saya masukkan sudah saya kecilkan menjadi 180x180 pixel

Jika ingin menmbahkan icon pada button bisa dilakukan hal yang sama tapi dengan ukuran gmbar yang lebih kecil

3. Penambahan JDate Chooser

a. Untuk penambahan JDate Chooser pada palete, pertama-tama kita klik kanan pada libraries dan pilih add JAR/folder seperti gambar dibawah ini

Kemudian cari JCalendar yang anda simpan kemudian klik open seperti gambar berikut

Selanjutnya klik kanan pada bagian palete, pilih Palette Manager kemudian pilih Add from Jar seperti yang ditunjuk anak panah berikut

Kemduian seperti sebelumnya kita cari file Jcalendar yang kita simpan dan klik next seperti ini

Selanjutnya pada bagian ini pilih semua yang ada dikotak merah kemudian klik next

Kemudian yang kali ini yang kita pilih hanya Swing Controls seperti gambar ini

Selanjutnya kita hanya tinggal klik close dan JCalender berhasil damsukkan ke java netbeans yang kita buat kita

4. membuat Jasper Report

klik kanan pada bagian library pilih add library kemudian pilih ureport yang paling bawah

kemudian pilih desain form laporan yang kita inginkan kemudian klik next

selanjtunya berinama dan menentukan lokasi dimana laporan ini disimpan kemudian klik next

pilih database JDBC coennection dan klik next

beri nama laporan yang akan dibuatJDBC Driver pilih MySQL (com.mysql.jdbc.Driver)

umtuk JDBC URL merupakan nama database yang kita buat dilocalhost, username diisi root dan password dikosongkan saja kemudian klik next

pilih apa saja yang akan ditampilkan pada report yang akan kita buat, kemudian klik oke

klik pada bagian yang bertanda merah, klik next

ini tampilan report standat, atau bisa kita desain sesuai keinginan kita

sebagian script pada jasper report

ii