Halaman Update Antar Muka Pengguna Sistem

dipesan maka akan ditampilkan pesan bahwa pemesanan telah berhasil, dengan ditunjukan pada gambar 4.6 di berikut : Gambar 4.6 Pemesanan Berhasil.

4.1.4 Halaman Update

Gambar 4.7 Halaman Update Gambar halaman update di atas adalah halaman update data untuk admin. Halaman ini memiliki empat 5 submenu, yaitu Update Kereta, Update Stasiun, Update Template , Update User dan Insert. Semuanya memiliki struktur program yang sama, yaitu melakukan query ke dalam database berdasarkan tabel yang akan diubah. Listing potongan program untuk update data stasiun ditampilkan pada listing 4.5 berikut : Listing 4.5 Update Stasiun java.sql.Statement statement = connectionku.openConnection.createStatement; td width=600 align=left valign=topdiv id=container align=center div id=demo form id=form method=POST table width=107 cellpadding=0 cellspacing=0 class=display id=tabelSoal thead style=background‐color:inherit tr th style=width:7 No urutth th style=width:20 Nomor Stasiunth th style=width:70 Nama Stasiunth th style=width:0 th th style=width:0 th th style=width:0 th th style=width:10 Ubahth th style=width:10 Hapusth tr thead tbody java.sql.ResultSet result = entity.stasiun.lihatDataStasiun; while result.next { out.printlntr class=\gradeA\ ; out.printlntd align=\center\ td; out.printlntd + result.getStringNomor_Stasiun + td; out.printlntd + result.getStringNama_Stasiun + td; out.printlntdtd; out.printlntdtd; out.printlntdtd; td align=center class=style20div a onclick=editgurulihat= result.getStringNomor_Stasiun href=ubahStasiun.jsp?ns== result.getStringNomor_Stasiun class=ubahguru rel=iframe width:740 height:300 modal:true title=Mengubah Data Guru...Ubahadivtd out.printform id=deleteform method=post action=servletStasiunController; out.printinput type=hidden name=nostasion; out.printinput type=hidden name=Job value=deletestasiun; out.printform; td align=center class =style20div a onclick=deletegurulihat=result.getStringNomor_Stasiun; href= id==result.getStringNomor_StasiunHapusadivtd out.printlntr; } statement.close; Penjelasan Listing 4.5 Update Stasiun Untuk menampilkan data dari database perlu koneksi, ditunjukan pada baris berikut; java.sql.Statement statement = connectionku.openConnection.createStatement; Tabel untuk menempatkan data menggunakan script program sebagai berikut ; table width=107 cellpadding=0 cellspacing=0 class=display id=tabelSoal thead style=background‐color:inherit tr th style=width:7 No urutth th style=width:20 Nomor Stasiunth th style=width:70 Nama Stasiunth th style=width:0 th th style=width:0 th th style=width:0 th th style=width:10 Ubahth th style=width:10 Hapusth tr Untuk mengisi data pada tabel menggunakan method lihatDataStasiun, ditunjukan pada baris berikut ; java.sql.ResultSet result = entity.stasiun.lihatDataStasiun; while result.next { out.printlntr class=\gradeA\ ; out.printlntd align=\center\ td; out.printlntd + result.getStringNomor_Stasiun + td; out.printlntd + result.getStringNama_Stasiun + td; out.printlntdtd; out.printlntdtd; out.printlntdtd; Isi method lihatDataStasiun ditujukan dalam listing 4.6 berikut; Listing 4.6 Method lihatDataStasiun public static ResultSet lihatDataStasiun throws SQLException { DatabaseConnection konek = new DatabaseConnection; ResultSet rs; String sql = select from stasiun; rs = ResultSet konek.lihatDatasql; return rs; } Penjelasan Method lihatDataStasiun Method ini melakukan koneksi ke database, ditunjukan pada baris berikut; DatabaseConnection konek = new DatabaseConnection; Method ini melakukan perintah query dan disimpan dalam variabel rs yang bertipe ResultSet, ditunjukan dalam baris berikut; ResultSet rs; String sql = select from stasiun; rs = ResultSet konek.lihatDatasql; Mengembalikan nilai rs, ditunjukan pada baris berikut ; return rs; Bersamaan pengisian data pada tabel, juga disisipkan link untuk update atau delete data, ditunjukan pada baris program berikut; td align=center class=style20div a onclick=editgurulihat= result.getStringNomor_Stasiun href=ubahStasiun.jsp?ns== result.getStringNomor_Stasiun class=ubahguru rel=iframe width:740 height:300 modal:true title=Mengubah Data Guru...Ubahadivtd out.printform id=deleteform method=post action=servletStasiunController; out.printinput type=hidden name=nostasion; out.printinput type=hidden name=Job value=deletestasiun; out.printform; td align=center class =style20div a onclick=deletegurulihat=result.getStringNomor_Stasiun; href= id==result.getStringNomor_StasiunHapusadivtd Jika link update di tekan maka akan muncul tampilan yang ditunjukan gambar 4.6 berikut; Gambar 4.8 Ubah Data Stasiun Pada tampilan ini muncul data yang akan diubah, dan dua buah tombol yaitu; Batal dan Simpan. Cara untuk melakukan update adalah dengan mengubah inputan yang ada misalnya untuk nama kereta diubah menjadi ARGO JATI kemudian tekan tombol Simpan, maka data akan terupdate.Potongan listing untuk program tampilan di atas ditunjukan dalam listing 4.7 berikut : Listing 4.7 Ubah Data Stasiun tool.DatabaseConnection conn = new tool.DatabaseConnection; try { String noStasiunnya = request.getParameterns; java.sql.Statement statement = conn.openConnection.createStatement; java.sql.ResultSet result = entity.stasiun.lihatDataStasiun2noStasiunnya; while result.next { form id=signupform action=servletStasiunController method=post input type=hidden name=Job value=editStasiun div table width=610 border=0 tr td class=labelnbsp;td td class=labellabel No Stasiunlabeltd td colspan=2 class=fieldinput onKeyPress=return checkItsiswaevent style=width: 200px; height: 25px id=nama name=NoStasiunnya type=text value==result.getStringnomor_stasiun maxlength=100 td tr tr td class=labelnbsp;td td class=labellabel Nama Stasiunlabeltd td colspan=2 class=fieldinput style=width: 200px; height: 25px id=username name=NamaStasiunnya type=text value==result.getStringnama_stasiun maxlength=50 td tr tr td height=47 class=labelnbsp;td td align=right class=labellabel labeltd td width=92 align=left class=fieldinput name=Simpan2 type=submit class=cee_close value=Batal onClick=parent..fn.ceebox.closebox;td td width=374 align=left class=fieldinput name=Simpan type=submit class=cee_close value=Simpan td tr table div form body Penjelasan potongan Listing 4.7 Ubah Data Stasiun Untuk menampilkan data yang akan diubah sistem melakukan pemanggilan method lihatDataStasiun yang ditunjukan pada baris berikut ; java.sql.ResultSet result entity.stasiun.lihatDataStasiun2noStasiunnya; Method ini memerlukan sebuah input, yaitu nomor kereta, sedangkan untuk isi method lihatDataStasiun ditampilkan pada Listing 4.8 berikut; Listing 4.8 Method lihatDataStasiun2 public static ResultSet lihatDataStasiun2String noStasiun throws SQLException { DatabaseConnection konek = new DatabaseConnection; ResultSet rs; String sql = select from stasiun where nomor_stasiun like + noStasiun + ; rs = ResultSet konek.lihatDatasql; return rs; }

4.1.5 Halaman Lihat Order