Langkah pertama yaitu mengaktifkan modul apache dan modul mySQL .

Membuka localhost/phpmyadmin untuk membuat database beserta tabel-tabelnya .

Membuat database bank

Langkah pertama yaitu membuat database “bank” dengan menggunakan phpmyadmin.

Membuat table pada database bank

Selanjutnya membuat tabel pada database bank yang telah dibuat sebelumnya. Screenshot diatas

menunjukkan proses pengisian nama field table, tipe data, panjang data, atribut field (primary key, indeks,

unique).

Tampilan tabel mahasiswa

Screenshoot di atas menunjukkan bahwa pembuatan tabel telah selesai. Pada screenshot diatas

ditunjukkan bahwa nim merupakan field yang menjadi primary key pada tabel mahasiswa. Field

id_jurusan berfungsi untuk membuat relasi dengan tabel jurusan.

Tabel jurusan

Screenshoot di atas menunjukkan bahwa pembuatan tabel telah selesai. Pada screenshot diatas

ditunjukkan bahwa id_jurusan merupakan field yang menjadi primary key pada tabel jurusan. Field

id_fakultas berfungsi untuk membuat relasi dengan tabel fakultas.

Tabel fakultas

Screenshoot di atas menunjukkan bahwa pembuatan tabel telah selesai. Pada screenshot diatas

ditunjukkan bahwa id_fakultas merupakan field yang menjadi primary key pada tabel fakultas. Field id_pt

berfungsi untuk membuat relasi dengan tabel perguruan tinggi.

Tabel perguruan tinggi

Screenshoot di atas menunjukkan bahwa pembuatan tabel telah selesai. Pada screenshot diatas

ditunjukkan bahwa id_pt merupakan field yang menjadi primary key pada tabel perguruan tinggi. Field

id_jenis_bayar berfungsi untuk membuat relasi dengan tabel jenis bayar.

Tabel jenis bayar

Screenshoot di atas menunjukkan bahwa pembuatan tabel telah selesai. Pada screenshot diatas

ditunjukkan bahwa id_jenis_bayar merupakan field yang menjadi primary key pada tabel jenis bayar.

Tabel teller

Screenshoot di atas menunjukkan bahwa pembuatan tabel telah selesai. Pada screenshot diatas

ditunjukkan bahwa ssn merupakan field yang menjadi primary key pada tabel teller.

Tabel bayar

Screenshoot di atas menunjukkan bahwa pembuatan tabel telah selesai. Pada screenshoot diatas

ditunjukkan bahwa no_bayar merupakan field yang menjadi primary key pada tabel bayar. Field ssn

digunakan untuk membuat relasi dengan tabel teller, sedangkan field nim digunakan untuk membuat

relasi dengan tabel mahasiswa.

Tabel pembayaran

Screenshoot di atas menunjukkan bahwa pembuatan tabel telah selesai. Pada screenshot diatas

ditunjukkan bahwa no_pembayaran merupakan field yang menjadi primary key pada tabel pembayaran.

Field no_bayar digunakan untuk membuat relasi dengan tabel bayar.

Tabel admin

Tabel admin merupakan tabel yang berdiri sendiri/tidak berelasi dengan tabel lain. Tabel admin

digunakan untuk login administrator.

Membuat relasi antar tabel

Membuat project baru dengan tipe Java Web (Web Application)

Mengisikan nama project dengan nama fix_one.

Tanda warning diatas project dengan nama tersebut telah dibuat seblumnya .

Menambahkan server yang akan digunakan yaitu apache tomcat.

Proses selanjutnya adlah untuk menambahkan library yang akan digunakan pada project tersebut , yaitu library MySQL JDBC Driver yang berfungsi untuk berinteraksi dengan database .

Library telah berhasil ditambahkan , dan siap digunakan .

Membuat Packages untuk menyimpan file-file yang akan digunakan pada project dimana semua file tersebut bertipe java.

Menambahkan file koneksi ke database , dengan menggunakan file bertipe Java. Dengan nama ConMan.java , File tersebut berfungsi untuk membuat koneksi ke database .

Screenshoot diatas merupakan isi dari file ConMan.java pada file diatas , kami mengimport beberapa modul dari java untuk mengaktifkan query SQL.

import java.sql.Connection; Modul ini digunakan untuk membuat koneksi

import java.sql.DriverManager; Modul ini untuk membuat driver ke MySQL

import java.sql.SQLException; Modul ini berfungsi untuk membuat query SQL pada java.

private Connection conn; membuat variable dengan nama conn bertipe connection dengan hak akses private.

private String url ="jdbc:mysql://localhost:3306/bank"; membuat variable dengan nama url bertipe string dengan hak akses private. Variable url berisi alamat localhost dan nama database yaitu database bank .

private String user = "root"; membuat variable dengan nama user bertipe string dengan hak akses private. Variable user berisi root dimana root merupakan username pada mysql

private String password =""; membuat variable dengan nama password bertipe string dengan hak akses private. Varible password berisi null , dimana tidak di tetapkan password pada mySQL yang digunakan.

Membuat method dengan nama logOn yang berfungsi untuk masuk ke database.

Membuat method dengan nama logOff yang berfungsi untuk keluar dari database.

Membuat file untuk menselect tabel teller dari database bank yang digunakan admin pada proses transaksi. Hal tersebut ditunjukkan pada statement

String query="SELECT * FROM teller where nama =? and password =?";

PreparedStatement st = conDB.prepareStatement(query);

st.setString(1, us.getUsername());

st.setString(2, us.getPassword());

Tanda tanya pada clause where akan diisi oleh us.getUsername dan us.getPassword secara berurutan.

Untuk mengecek apakah hasil clause select berhasil atau tidak. Jika clouse select berhasil maka akan memberikan nilai string 1 pada variabe hasil. Jika tidak akan memberi nilai string 0 pada variable hasil.

File checkLogin berfungsi untuk mengecek variable hasil apakah sama dengan 1 atau sama dengan 0.

Jika sama dengan 1 maka , akan dialihkan ke admin/index.jsp . Jika tidak maka akan mengeset login.jsp?errmsg=error yang akan menampilkan pesan error pada halaman login.

Menselect data mahasiswa dari table mahasiswa .

Menselect data jurusan berdasarkan id_jurusan yang didapatkan dari proses select mahasiswa sebelumnya.

Menselect data fakultas berdasarkan id_fakultas yang didapatkan pada saat menselect data jurusan.

Menselect data Perguruan Tinggi berdasarkan id_pt yang didapatkan dari proses select data jurusan .

Menselect detail jenis bayar berdasarkan id_jenis_bayar yang didapatkan dari proses select Perguruan tinggi.

Menginsert data ke tabel bayar yang menandakan mahasiswa sudah melakukan pembayaran.

Screenshoot diatas merupakan header dari page untuk menampilkan hasil select dari database.

Screenshoot diatas merupakan body dari page untuk menampilkan hasil select .

Screenshoot diatas merupakan lanjutan dari body page, dan terdapat form untuk mendapatkan input no_hp yang kemudian akan di insertkan ketabel bayar.

Screenshot diatas merupakan file selectmhs.jsp yang berrfungsi untuk mengeset variable yang berada pada package ioses yaitu : isitabelbayar , usefakultas,usejenisbayar, usejurusan, usemahasiswa,usept, user. Selain untuk mengeset file selectmhs.jsp juga berfungsi untuk mengalihkan ke file hasilselect.jsp jika proses select berhasil dan kembali ke file byar.jsp dan akan menampilkan pesan error. Jika proses select tidak berhasil .

Screenshoot diatas merupakan tampilan login sebagai teller.

Karena usernamer dan password yang dimasukkan salah , maka akan muncul pesan invalid username or password.

Screenshoot diatas menampilkan bahwa teller berhasil login.

ScreenShoot diatas menunjjukan bahwa nim yang dimasukkan salah maka akan muncul pesan invalid nim.

Screenshoot diatas menunjjukan bahwa nim yang dimasukkan sudah benar dan menampilkan detail studi mahasiswa (perguruan tinggi , fakultas, jurusan , semester dsb ) dan akan mengisi table pembayaran.

Screenshot diatas menunjukkan bahwa proses insert data ke table pembayaran sudah berhasil.

Screenshoot diatas merupakan isi dari table pembayaran , yang sudah berhasil di insert.

Screenshoot diatas merupakan contoh data dari table mahasiswa.

Screenshoot diatas merupakan contoh data dari table teller.

Screenshoot diatas merupakan contoh data dari table jurusan.

Screenshoot diatas merupakan contoh data dari table fakultas.

Screenshoot diatas merupakan contoh data dari table pt.