Rabu, 28 Desember 2016

TUTORIAL MEMBUAT BACK END dan FRONT END PART 1

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 sekolah
- Buatlah table siswa, dengan attribut sebagai berikut:

- Kemudian buat project di Netbeans dengan nama DatabaseApps

- 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 sekolah ->finish.


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

- Masukan attribut yang ada di table siswa ke class Siswa beserta getter and setternya


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

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

- 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 FsiswaView.

- Buat design pada FSiswaView

- Buat form dengan nama FsiswaAdd, dengan design seperti berikut


- Buat form dengan nama FsiswaUpdate,dengan design seperti berikut


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

- Tambahkan code seperti berikut pada pacakage DatabaseApss

- Tambahkan kode berikut pada source FsiswaView


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

- Jalankan program



TESTING
Menampilkan data yag dimasukan pada database

- Masukkan data pada database sekolah melalui phpmyadmin di browser
- Kemudian jalankan project, data yang sudah ditambahkan di database tampil pada form view.



Berikut adalah tutorial yang saya buat selama praktikum mata kuliah mobile programming part 1. Fungsi insert, update dan delete belum berfungsi maka pada part 2 saya akan membahas tetang CRUD. Semoga bermanfaat.