39
BAB IV IMPLEMENTASI SISTEM
BAB IV IMPLEMENTASI SISTEM
4.1 Koneksi Bean.java
Berikut adalah listing program kelas koneksi bean.java :
public class KoneksiBean { beans properties
private String koneksi = null; private String username = null;
private String password = null; variabel database
private Connection con = null; private Statement stmt = null;
private ResultSet rs = null; private DatabaseMetaData dmd;
private ResultSetMetaData rsmd; private InputStream stream;
private BFILE bfile; public KoneksiBean {
} public String getKoneksi {
return koneksi; }
public void setKoneksiString koneksi { this.koneksi = koneksi;
} public String aksesDatabase throws SQLException {
String dbHTML = ; if koneksi == null {
clean password password = ;
return dbHTML; }
if koneksi.equals { clean paassword
password = ; dbHTML = Eror Koneksi. Tabel Kosong.;
40
return dbHTML; }
Nama DB.table dbHTML = Tabel \bfile_content2. + koneksi + \;
try { Class.forNameoracle.jdbc.OracleDriver;
mendirikan koneksi DB Oracle con
= DriverManager.getConnectionjdbc:oracle:thin:localhost:1521:XE,
username, password; statement untuk sql statik
stmt = con.createStatement; eksekusi sql untuk tabel tertentu
hasil di dalam result set rs = stmt.executeQueryselect from + koneksi;
tampilkan data dalam format HTML ambil database metadata
dmd = con.getMetaData; tampilkan meta data
dbHTML
+= Database
: +
dmd.getDatabaseProductName +
dmd.getDatabaseProductVersion; dbHTML += JDBC Driver name : + dmd.getDriverName;
dbHTML += Version : + dmd.getDriverVersion; ambil data result set
rsmd = rs.getMetaData; int nColumn = rsmd.getColumnCount;
tampilkan data tabel ke dalam HTML table dbHTML += table border=\1\ cellpadding=\4\tr;
tampilkan judul kolom for int i = 0; i nColumn; i++ {
dbHTML += th + rsmd.getColumnNamei + th; }
dbHTML += tr; tampilkan hasil query berupa data result set dari tabel
while rs.next { dbHTML += tr;
for int i = 1; i nColumn; i++ { dbHTML += td + rs.getStringi + td;
} penutup table HTML
41
dbHTML += table; }
} catch ClassNotFoundException e { dbHTML += p Error Loading driver : + e.getMessage + p;
} catch SQLException e { dbHTML += p Error SQL : + e.getMessage + p;
} finally { lepaskan databse resource JDBC
try { if rs = null {
rs.close; rs = null;
} } catch SQLException sqle {
} try {
if stmt = null { stmt.close;
stmt = null; }
} catch SQLException sqle { }
lepaskan database try {
if con = null { con.close;
con = null; }
} catch SQLException sqle { }
} clear password
password = ; return dbHTML;
} public void setUsernameString username {
this.username = username; }
Method aksesDatabase digunakan untuk mengeset tabel yang digunakan dalam implementasi basis data, kemudian juga untuk
menghubungkan oracle driver yang digunakan pada Oracle XE dengan PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
42 medeklarasikan
koneksi dengan
DriverManager.getConnectionjdbc:oracle:thin:localhost:1521:XE,usern ame,password;
public void setPasswordString password { this.password = password;
} public InputStream getStreamint id {
try { Class.forNameoracle.jdbc.OracleDriver;
mendirikan koneksi DB Oracle con
= DriverManager.getConnectionjdbc:oracle:thin:localhost:1521:XE,
username, password; statement untuk sql statik
stmt = con.createStatement; select the bfile locator
String cmd = SELECT bfile_column FROM bfile_content2 WHERE id = + id; rs = stmt.executeQuerycmd;
if rs.next { bfile = OracleResultSet rs.getBFILE1;
now open the bfile to get the data bfile.openFile;
get the BFILE data as a binary stream stream = bfile.getBinaryStream;
} } catch ClassNotFoundException e {
System.err.printlnError getStream: + e; } catch SQLException e {
System.err.printlnError getStream: + e; }
return stream; }
Method inputStream ini digunakan untuk menentukan bfile locator yang akan disimpan. Bfile locator akan diset untuk menampilkan data pada
tabel bfile_content2 berdasarkan id nya. Kemudian bfile.openFile digunakan untuk mengambil data yang akan ditampilkan.
Listing 4.1 Kelas KoneksiBean.java
43
public void closeStream {if stream = null { try {
stream.close; } catch Exception e {
} stream = null;
} if bfile = null {
try { bfile.closeFile;
} catch Exception e { }
bfile = null; }
if rs = null { try {
rs.close; } catch Exception e {
} rs = null; }
if stmt = null { try {
stmt.close; } catch Exception e { };
stmt = null; } if con = null {
try { con.close;
} catch Exception e { };
con = null; } }}
44 Method closeStream digunakan untuk menutup semua koneksi atau
aliran data yang telah di simpan ke tabel bfile_content2 dengan stream.close. Kemudian kita panggil method closeFile pada bfile yang
sudah diinputkan untuk mengakhiri aliran data bfile.
AmbilFileServlet
private KoneksiBean koneksiBean = new KoneksiBean; protected
void processRequestHttpServletRequest
request, HttpServletResponse
response throws ServletException, IOException {
response.setContentTypeapplicationx-shockwave-flash; String param = request.getParameterid;
int id = Integer.parseIntparam; ServletOutputStream out = response.getOutputStream;
try { TODO output your page here. You may use following sample code.
int length; read the bfile data in 6-byte chunks
byte[] buf = new byte[10241024]; koneksiBean.setUsernamehr;
koneksiBean.setPasswordpandu; InputStream in = koneksiBean.getStreamid;
while length = in.readbuf = -1 { append and display the bfile data in 6-byte chunks
out.writebuf; } } finally {
koneksiBean.closeStream; out.close;
}
Pada method ambilfile ini digunakan untuk mengambil aliran data berupa id dari tabel bfile_content2 yang sudah diset ke locator pada kelas
koneksibean. Setelah data sudah diambil kemudian menutup koneksibean dengan closeStream.
Listing 4.2 Method AmbilFileServlet
45 4.2
Antar Muka Pengguna 4.2.1
Halaman Utama Aplikasi Berikut ini merupakan Gambar 4.1 yang menunjukan Halaman
Utama pada Aplikasi Virtual Campus Tour.
Gambar 4.6 Halaman Utama Aplikasi Virtual Campus Tour
Pada halaman utama terdapat 6 menu yang terdiri dari informasi, gedung utama, sekretariat, laboratorium, lain-lain, dan bantuan.
Masing-masing menu memiliki informasi yang berbeda dan menunjukkan arahrute virtual tour yang berbeda pula.
Untuk informasi hanya berisi pengertian seputar virtual tour, dengan memberikan exception alert jika menekan menu informasi.
script language=Javascript function myfunction{
alert\Virtual Tour merupakan penggambaran perjalanan menuju dan ke lokasi atau suatu keadaan lingkungan yang biasanya berupa video atau gambar yang
berurutan.; } script
46 Kemudian untuk masing-masing menu sekretariat, laboratorium,
dan lain-lain serta bantuan akan menuju ke halaman yang memiliki existensi .jsp. Untuk menu gedung utama akan menuju ke
homepage.jsp, kemudian untuk menu sekretariat akan menuju ke halaman Sekretariat.jsp, untuk menu laboratorium akan menuju ke
halaman Laboratorium .jsp , untuk menu lain-lain akan menuju ke halaman Lain.jsp , dan menu bantuan akan menampilkan halaman
bantuan pada Bantuan.jsp. 4.2.2
Gedung Utama Pada halaman gedung utama, terdapat beberapa menu lantai yang
masing-masing terdapat virtual tour didalamnya. Berikut adalah tampilan dari Lantai Basement Gedung Utama pada GP_B.jsp
Gambar 4.7 Gedung Utama
Listing 4.3 Function Alert pada Halaman Utama Aplikasi
47
Gambar 4.8 Virtual Tour Lantai Basement
Berikut listing program dari Halaman Gedung Utama pada kelas gedung.jsp
page contentType=texthtml pageEncoding=UTF-8 DOCTYPE html
html head
meta charset=utf-8 titleUniversitas Sanata Dharmatitle
table border=0 width=100 th colspan=0 rowspan=0 background=imgkampus3.jpg width=0
center img src=imgLogo USD.png div style=color:blackh3KAMPUS III UNIVERSITAS SANATA
DHARMA YOGYAKARTAh3divthcentertable table border=0 width=100
th colspan=2rowspan=1 width=30 style=color:white style type=textcss
style link href=cssnavmenu.css rel=stylesheet type=textcss
head body
div id=wrapper div id=navMenu
ul li a href=homepage.jspHalaman Utamaa
ulliliulliul ul
lia href=GP_B.jspBasementa ulliliulliul
ul lia href=GP_G.jspLantai Grounda
48
ulliliulliul ul
lia href=GP_1.jspLantai 1a ulliliulliul
ul lia href=GP_2.jspLantai 2a
ulliliulliul ul
lia href=GP_3.jspLantai 3a ulliliulliul
ul lia href=GP_4.jspLantai 4a
ulliliulliul ul
lia href=Bantuana ullia href=Bantuan.jspPanduan Aplikasiali
ulliul divbrdiv
div style=color:black h3 Gedung Utama Lantai Basementh3div
body flash width=1366 height=768 controls=controls
embed src=ambilfile?id=001 width=1366 height=768 object
flash html
Listing program diatas berlaku untuk semua menu yang ada di gedung utama, seperti Gedung Utama Lantai Ground, Lantai 1, Lantai
2, Lantai 3, Dan Lantai 4. Data yang akan ditampilkan merupakan data dengan existensi .swf yakni bertipe flash. Maka diperlukan fungsi
untuk mengambil data flash dari source kelas ambilfile dengan id yang sesuai dengan data yang akan ditampilkan.
flash width=1366 height=768 controls=controls embed src=ambilfile?id=001 width=1366 height=768
flash
Listing 4.4 Gedung Utama Lantai Basement pada GP_B.jsp
49
Listing 4.5 Ambil File berdasarkan id
Pada listing diatas akan menampilkan data flash dengan id = 001 dengan ukuran lebar 1366 dan tinggi 768 pada layar web.
4.2.3 Sekretariat
Pada Halaman Sekretariat, terdapat beberapa menu sekretariat yang masing-masing terdapat virtual tour di dalam menu. Berikut
adalah listing program dari Sekretariat Psikologi.
Gambar 4.9 Sekretariat
50
Gambar 5.0 Virtual Tour Sekretariat Psikologi
Berikut adalah listing program dari kelas Sekretariat_PSI.jsp
page contentType=texthtml pageEncoding=UTF-8 DOCTYPE html
html head
meta charset=utf-8 titleUniversitas Sanata Dharmatitle
table border=0 width=100 th colspan=0 rowspan=0 background=imgkampus3.jpg width=0
center img src=imgLogo USD.png div style=color:blackh3KAMPUS III UNIVERSITAS SANATA
DHARMA YOGYAKARTAh3divthcentertable table border=0 width=100
th colspan=2rowspan=1 width=30 style=color:white style type=textcss
style link href=cssnavmenu.css rel=stylesheet type=textcss head
body div id=wrapper
div id=navMenu ul li a href=homepage.jspHalaman Utamaa
ul liliulliul ullia href=SekrePSI.jspSekre. Psikologia
ul liliulliul ullia href=SekreJPMIPA.jspSekre. JPMIPAa
ul liliulliul ullia href=SekreFST.jspSekre. FSTa
ul liliulliul ullia href=SekreFarmasi.jspSekre. Farmasia
ul liliulliul ullia href=SekreBK.jspSekre. BKa
ul liliulliul ullia href=Bantuana
ullia href=Bantuan.jspPanduan Aplikasiali ulliul
divbr div style=color:black
h3 Sekretariat Fakultas Psikologih3div body
flash width=1366 height=768 controls=controls embed src=ambilfile?id=007 width=1366 height=768
object flash
html
51 Listing 4.6
Halaman Sekretariat pada Sekretariat_PSI.jsp
Listing program diatas berlaku untuk semua menu yang ada di sekretariat seperti, Sekretariat FST, Farmasi, BK, JPMIPA. Perbedaan
hanya terletak pada file yang diambil dari database berdasarkan id nya. Data yang akan ditampilkan merupakan data dengan existensi
.swf yakni bertipe flash. Maka diperlukan fungsi untuk mengambil data flash dari source kelas ambilfile dengan id yang sesuai dengan
data yang akan ditampilkan.
flash width=1366 height=768 controls=controls embed src=ambilfile?id=001 width=1366 height=768
flash
Listing 4.7 Ambil file Sekretariat Psikologi berdasarkan id
Pada listing diatas akan menampilkan data flash dengan id = 001 dengan ukuran lebar 1366 dan tinggi 768 pada layar web.
4.2.4 Laboratorium
Pada Halaman
Laboratorium, terdapat
beberapa menu
laboratorium program studi yang masing-masing terdapat virtual tour di dalam menu. Ada 10 program studi di Kampus III Universitas
Sanata Dharma, dan masing-masing program studi memiliki laboratorium. Berikut adalah tampilan dari menu laboratorium yang
ditunjukan pada Gambar 4.6. PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
52
Gambar 5.1 Laboratorium
Berikut adalah listing program Lab_Matematika.jsp :
page contentType=texthtml pageEncoding=UTF-8 DOCTYPE html
html head
meta charset=utf-8 titleUniversitas Sanata Dharmatitle
table border=0 width=100 th colspan=0 rowspan=0 background=imgkampus3.jpg width=0
center img src=imgLogo USD.png div style=color:black
h3KAMPUS III UNIVERSITAS SANATA DHARMA YOGYAKARTA h3divthcentertable
table border=0 width=100 th colspan=2rowspan=1 width=30 style=color:white
style type=textcss style
link href=cssnavmenu.css rel=stylesheet type=textcss head
body div id=wrapper
div id=navMenu ulli a href=homepage.jspHalaman Utamaa
ulliliulliul ullia href=Lab_PSI.jspPsikologiaul
lia href=Lab_R_Observasi.jspR. Observasiali lia href=Lab_R_Baca.jspR. Bacaali
lia href=Lab_R_Penelitian.jspR. Penelitianali ulliul
ul lia href=Lab_JPMIPA.jspJPMIPAa ul
lia href=Lab_Micro_Bio.jspMicro. Bioali lia href=Lab_Micro_Mat.jspMicro. Matali
lia href=Lab_Micro_Fis.jspMicro. Fisali
53
lia href=Lab_Micro_Baca.jspR. Bacaali ulliul
ul lia href=Lab_TI.jspTeknik Informatikaa ul lia href=Lab_Basdat.jspBasis
Dataali lia href=Lab_Jarkom.jspJaringan Komputerali
lia href=Lab_Komdas.jspKomputer Dasarali ulliul
ul lia href=Lab_MAT.jspMatematikaa ul
lia href=Lab_Matematika.jspKomputer
Dasarali ulliul
ul lia href=Lab_TM.jspTeknik Mesina ul lia href=Lab_Perancangan.jspPerancanganali
lia href=Lab_Energi.jspKonversi Energiali lia href=Lab_Mekanika.jspMekanika Fluidaali
ulliul
ullia href=Lab_TE.jspTeknik Elektoa ul lia href=Lab_Kendali.jspTeknik
Kendaliali lia href=Lab_Telkom.jspTelekomunikasiali
ulliul
ullia href=Lab_FAR.jspFarmasia ul
lia href=Lab_Farmasetika.jspFarmasetikaali lia href=Lab_Kimia_Fisika.jspKimia Fisikaali
liahref=Lab_Farmakokinetika- Biofarmasetika.jspFarmakokinetika-Biofarmasetikaali
lia href=Lab_Farmakologi-Toksikologi.jspFarmakologi-
Toksikologiali lia
href=Lab_Biokimia-Fisiologi Manusia.jspBiokimia-Fisiologi Manusiaali
lia href=Lab_Mikrobiologi.jspMikrobiologiali ]lia href=Lab_Farmakognosi-Fitokimia.jspFarmakognosi-
Fitokimiaali lia
href=Lab_Kimia_Analis.jspAnalisis Instrumentalali
lia href=Lab_Tek_Form_Sed.jspTek Form Sed.Sterilali lia href=Kebun_Obat_Farmasi.jspKebun Obatali
ulliul ullia href=Lab_BK.jspB. Konselinga
ullia href=Lab_Konseling.jspR. Observasiali ulliul
ullia href=Bantuana ul lia href=Bantuan.jspPanduan Aplikasiali
ulliul divbr div style=color:black
h3Laboratorium Komputer Dasar Program Studi Matematikah3div body
flash width=1366 height=768 controls=controls embed src=ambilfile?id=021 width=1366 height=768
object
54
flashhtml
Listing 4.8 Laboratorium Program Studi Matematika
Berikut tampilan laboratorium Program Studi Matematika
Gambar 5.2 Virtual Tour Program Studi Matematika
4.2.5 Lain-lain
Pada Halaman Lain-lain, terdapat beberapa menu fasilitas umum yang terdapat pada Kampus III Universitas Sanata Dharma seperti
tempat parkir, lapangan, apotek dan poliklinik, kantin. Berikut adalah tampilan dari menu lain -lain pada Gambar 4.8.
Gambar 5.3 Lain-lain
55 Menu yang ada pada Halaman Lain-lain diatas memiliki listing yang
sama dengan menu gedung utama, laboratorium, dan sekretariat. Perbedaannya pada penamaan setiap menu serta pemanggilan kelas
setiap menu di Halaman Lain-lain. PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
56
BAB V ANALISIS HASIL
Kategori