Selasa, 10 Januari 2017

TUTORIAL MEMBUAT BACK END dan FRONT END Kelola Inventory Barang

Nama Anggota Kelompok (D3 TI 3C ) :
1. Faida Farha (1143081)
2. Lidya Handayani S (1143095)


Note : Pastikan anda sudah install NetBeans dan XAMPP
Disini saya menggunakan NetBeans IDE 8.1 dan XAMPP v 5.6

- Jalankan xampp, start apache dan mysql
- Buka phpmyadmin di browser
- Buatlah database inventaris
- Buatlah table barang, dengan attribut sebagai berikut:

- Kemudian buat project di Netbeans dengan nama InventarisApps

- Buat package Controller, Entitas, Service, TableModel, Utilities, dan View.
(klik kanan di source package -> new -> java package).       


LANGKAH MEMBUAT BACK END

- Tambahkan Library (klik kanan pada project -> properties->add library-> MySQL JDBC Driver)


- Buat class pada package utilities dengan klik kanan pada package utilities -> new -> java class kemudian isi nama class DatabaseUtilities.

- Masukan code seperti berikut di class DatabaseUtilities untuk mendaftarkan library yang sudah ditambahkan pada langkah sebelumnya.


- Pilih windows->service->database->driver->klik kanan mysql->connect using->ganti mysql jadi inventaris->finish.


- Buat class pada package entitas dengan cara klik kanan pada package entitas -> new -> java class kemudian isi nama class Barang.

- Masukan attribut yang ada di table barang ke class Barang beserta getter and setternya


- Buat class pada package service seperti langkah membuat class sebelumya dengan nama SvBarang dengan code seperti berikut:

- Selanjutnya buat class pada table model dengan nama TmBarang. Caranya sama seperti ketika membuat class DatabaseUtilities dan Barang

- Masukan code seperti dibawah. (untuk mendapat kan override anda klik icon lampu di bagian kiri lalu pilih implement all abstract methods. Lalu ganti code overridenya dengan code dibawah ini :



LANGKAH MEMBUAT FRONT END
- Buat interface/design pilih view->new-> JFrame form dengan nama FBarangView.

- Buat design pada FBarangView


- Buat form dengan nama FBarangAdd, dengan design seperti berikut


- Buat form dengan nama FBarangUpdate,dengan design seperti berikut



- Tambahkan getter dan setter di bagian source pada semua form yang ada dipackage view.

- Tambahkan code seperti berikut pada pacakage InventarisApss


- Tambahkan kode berikut pada source FBarangView

 

- Buat class di controller dengan nama CtBarang, tambahkan code seperti berikut:

- Jalankan program



TESTING
- Run Project coba insert update dan delete data 

Sabtu, 07 Januari 2017

TUTORIAL MEMBUAT BACK END dan FRONT END PART 2

Sebelumnya saya telah membahas tentang Cara membuat Back End dan sekarang saya akan membahas CRUD di Front End

1. Buka projek kita sebelumnya di NetBeans
2. Buka class CtSiswa di package Controller

3. Tambahkan source code berikut:


4. Kemudian Save. Lalu buka view FSiswaView, klik dua kali pada button insert lalu tambahkan source code berikut pada btnInsertActionPerformed
Catatatan: setiap muncul tanda garis merah, CTRL+spasi pada kata yang bergaris merah untuk import.

5. Buka kembali design FSiswaView klik dua kali pada button update lalu tambahkan source code berikut berikut juga dengan button delete kemudian save

6. Lalu selanjutnya buka FSiswaAdd pada package View. klik dua kali pada button insert lalu tambahkan source code berikut kemudian save

7. Setelah itu buka FSiswaUpdate pada package View. klik dua kali pada button update lalu tambahkan source code berikut kemudain save

8. Setelah itu jalankan project coba insert, update, dan delete data.
Ketika insert maka akan tampil seperti berikut


Ketika update maka akan tampil seperti berikut


Ketika delete maka akan tampil seperti berikut