Oleh : Rahmat Robi Waliyansyah, M.Kom.

Presentasi berjudul: "Oleh : Rahmat Robi Waliyansyah, M.Kom."— Transcript presentasi:

1 Oleh : Rahmat Robi Waliyansyah, M.Kom.
Layout Manager Oleh : Rahmat Robi Waliyansyah, M.Kom.

2 MENGENAL BEBERAPA FASILITAS LAYOUT DI NETBEANS IDE
Langkah-langkah dalam menggunakan fasilitas Layout di NetBeans IDE adalah sebagai berikut: Membuat Project Baru Buka program NetBeans IDE Buat project baru File > New Project >Pilih Categories Java, pilih Projects Java Application > Klik Next, maka akan tampil kotak dialog seperti dibawah ini :

3

4 Hilangkan tanda Check Box pada Create Main Class, Klik tombol Finish
Selanjutnya Klik Kanan kotak Source Packages > pilih Java Packages > lalu akan muncul kotak dialog New Java Package beri nama GUI.

5 Membuat Tampilan Layout Data Mahasiswa
Langkah selanjutnya adalah membuat design tampilan dengan menggunakan fasilitas JFrame dengan cara Klik kanan Source Packages GUI > pilih JFrame Form.

6 Akan muncul seperti dibawah ini:

7 Beri nama Class Name: DataMHS, lalu klik Finish.
Buatlah tampilan seperti dibawah ini:

8 Tools atau alat Swing Layout yang digunakan diantaranya adalah:
Swing Containers (Panel) Swing Control Label Text Fields Radio Button Combo Box Table Setelah membuat user interface seperti diatas langkah selanjutnya adalah memberi Variabel name untuk setiap tools yaitu: tNim Text Fields tNama Text Fields rLaki dan rPerempuan Radio Button cbJurusan Combo Box bSimpan Button bUbah Button bHapus Button bKeluar Button tabel Table

9 Merancang Tampilan Layout Menu Utama
Langkah-langkahnya adalah: Klik kanan Source Packages GUI > Pilih New > Jframe

10 Akan muncul seperti gambar berikut:

11 Beri nama Class Name dengan FMenu > klik tombol Finish
Rancanglah tampilan Menu Utama seperti gambar berikut:

12

13 Langkah-langkah membuat menu utama diatas adalah dengan cara:
Pilih pada toolbar Pallete > lalu pilih kelompok Swing Menus > pilih Menu Bar

14 Secara default menu bar yang tersedia di aplikasi NetBeans IDE adalah File dan Edit, untuk merubah nama tersebut dengan cara klik kanan Edit Text. Untuk menambah Sub menu dengan cara klik kanan Add From Palette > pilih menu item, untuk menambahkan menu bar dengan cara memilih menu bar.

15 Merancang Tampilan Layout Login
Langkah-langkahnya adalah: Klik kanan Source Packages GUI > Pilih New > Jframe

16 Akan muncul seperti gambar berikut:

17 Beri nama Class Name dengan Login > klik tombol Finish
Rancanglah tampilan Login seperti gambar berikut:

18 Tools atau alat Swing Layout yang digunakan diantaranya adalah:
Swing Containers (Panel) Swing Control Label Text Fields Password Field Button

19 LATIHAN Buatlah tampilan layout untuk memasukan data dosen, rancangan form layout seperti gambar dibawah ini:

20 Setelah membuat Layout manager langkah selanjutnya adalah membuat atau mengisikan kode program ke dalam design layout manager yang telah kita buat. Langkah-langkah adalah kita harus membuat sebuah Class yang berfungsi untuk menghubungkan Java dengan database, sebagai berikut : Buat Class dengan cara Klik kanan Source Packages GUI > Pilih New > Pilih Java Class

21 Akan muncul seperti gambar berikut:

22 Beri nama Class Name dengan KonekDtBase > klik tombol Finish
Masukan skrip program sebagai berikut :

23 Penjelasan kode program diatas:
Import java berfungsi untuk mengambil sebuah fungsi yang telah disediakan oleh program Java yang terdiri atas : Io.FileInputStream : berfungsi sebagai memasukkan data17 Io.Exception : berfungsi Util.Properties : berfungsi Swing.JOptionPane : berfungsi mengambil design layout manager swing yaitu OptionPane untuk memunculkan kotak pesan Fungsi yang lain didalam kode program ini adalah adalah fungsi untuk menghubungkan koneksi dengan sebuah database dengan meminta menghubungkan dengan sebuah file konfigurasi yang akan kita buat sebuah folder yang akan menampung file tersebut.

24 Membuat file konfigurasi yang berfungsi menghubungkan dengan basis data.
Langkah pertama buatkan sebuah folder dengan nama folder lib yang tersimpan di dalam project java kita.

25 Langkah kedua buka editor Notepad > ketik kode program sebagai berikut:
Penjelasan: DBDriver berfungsi menghubungkan dengan basis data MySQL DBDatbase berfungsi menghubungkan dengan nama basis data DBUsername dan DBPassword berfungsi memasukan username dan password untuk membuka basis data MySQ

26 Langkah selanjutnya adalah menyimpan file tersebut dengan nama file DtBase.ini > pilih Save as type > All Files

27 Memasukan kode program Login
Langkah selanjutnya adalah memasukkan kode program sebagai berikut:

28 Langkah selanjutnya adalah pilih Design lalu akan tampil Login design > klik kanan Button Batal pilih > Event > Action > actionPerformed Masukkan kode program untuk tombol batal berikut ini:

29 Langkah selanjutnya adalah pilih Design lalu akan tampil Login design > klik kanan Button Keluar pilih > Event > Action > actionPerformed Masukkan kode program untuk tombol keluar berikut ini: