tugas uts pola pola perancangan (pemesanan paket wisata)

33
TUGAS POLA-POLA PERANCANGAN (UTS) PEMESANAN PAKET WISATA Dengan Design pattern (Factory Method) Disusun Oleh : Julius Halingkar 091200 PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS TEKNIK UNIVERSITAS WIJAYA KUSUMA SURABAYA 2013

Upload: juliushalingkar

Post on 16-Apr-2015

101 views

Category:

Documents


2 download

TRANSCRIPT

Page 1: Tugas Uts Pola Pola Perancangan (Pemesanan Paket Wisata)

TUGAS POLA-POLA PERANCANGAN (UTS)

PEMESANAN PAKET WISATA

Dengan Design pattern (Factory Method)

Disusun Oleh :

 

Julius Halingkar                          091200

PROGRAM STUDI TEKNIK INFORMATIKA

FAKULTAS TEKNIK

UNIVERSITAS WIJAYA KUSUMA SURABAYA

2013

Page 2: Tugas Uts Pola Pola Perancangan (Pemesanan Paket Wisata)

BAB I

PENDAHULUAN

1. LATAR BELAKANG

Pada era komputerisasi sekarang ini, hampir semua bidang usaha menggunakan teknologi berbasis komputer dan salah satu contohnya ialah penggunaan teknologi internet yang dewasa ini telah berkembang dengan pesat. Melalui internet banyak hal-hal yang bisa dilakukan secara cepat dan efisien sehingga menghemat waktu, biaya dan tenaga. Faktor-faktor yang menguntungkan tersebut membuat banyak perusahaan menggunakan teknologi internet untuk memasarkan produknya.

Pariwisata merupakan industri perdagangan jasa yang memiliki mekanisme pengaturan yang kompleks karena mencakup pengaturan pergerakan wisatawan dari negara asalnya, di daerah tujuan wisata hingga kembali ke negara asalnya yang melibatkan berbagai hal seperti; transportasi, penginapan, restoran, pemandu wisata, dan lain-lain. Oleh karena itu, industri pariwisata memegang peranan yang sangat penting dalam pengembangan pariwisata. Dalam menjalankan perannya, industri pariwisata harus menerapkan konsep dan peraturan serta panduan yang berlaku dalam pengembangan pariwisata agar mampu mempertahankan dan meningkatkan jumlah kunjungan wisatawan yang nantinya bermuara pada pemberian manfaat ekonomi bagi industri pariwisata dan masyarakat lokal. Industri-industri pariwisata yang sangat berperan dalam pengembangan pariwisata adalah: biro perjalanan wisata, hotel dan restoran. Selain itu juga didukung oleh industry-industri pendukung pariwisata lainnya.Biro perjalanan wisata merupakan jembatan penghubung antara wisatawan dengan penyedia jasa akomodasi, restoran, operator adventure tour, operator pariwisata dan lain-lain. Umumnya wisatawan menggunakan jasa biro perjalanan wisata dalam menentukan rencana perjalanannya ( tour itinerary) , namun tidak tertutup kemungkinan wisatawan mengatur rencana perjalanannya sendiri. Dalam konteks pengembangan pariwisata, biro perjalanan wisata memiliki beberapa penting antara lain:

1. Mendatangkan wisatawan. Ketidaktahuan wisatawan terhadap destinasi yang akan dikunjungi merupakan faktor pendorong utama untuk menggunakan jasa biro perjalanan wisata sebagai pemandunya.

Meminimalisasi dampak-dampak yang ditimbulkan oleh wisatawan. Biro perjalanan wisata harus memberikan informasi pra perjalanan ( pre-tour information) , literatur, atau buku

1. panduan lainnya tentang hal-hal yang boleh dan tidak boleh dilakukan selama berada di destinasi pariwisata untuk menghindari munculnya dampak-dampak negatif terhadap lingkungan dan kehidupan sosial- budaya masyarakat. Tindakan lain yang dapat dilakukan adalah dengan cara menggunakan sistem pengaturan jumlah kunjungan wisatawan dalam skala kecil sehingga bisa mengurangi intensitas sentuhan langsung wisatawan dengan alam dan tidak melebihi daya tampung ( over-visited) destinasi pariwisata.

2. Meminimalisasi dampak-dampak yang disebabkan oleh operator penjual produk pariwisata. Ini dapat dilakukan dengan cara memberikan pengetahuan dan

Page 3: Tugas Uts Pola Pola Perancangan (Pemesanan Paket Wisata)

pemahaman kepada para manajer, staf dan karyawan lainnya terhadap pentingnya pelestarian lingkungan dan sosial-budaya masyarakat.

3. Menyediakan program pelatihan kepada para manajer, staf dan karyawan lainnya tentang cara berkomunikasi dan menangani wisatawan yang ketika mereka berinteraksi langsung dengan lingkungan dan sosial-budaya masyarakat.

4. Memberikan bantuan dana untuk konservasi alam yang dijadikan sebagai salah satu produk atau paket wisata.

5. Memberikan peluang kepada masyarakat lokal untuk bekerja sesuai dengan kompetensinya

6. Menyediakan paket-paket wisata yang ramah lingkungan.

2. BATASAN MASALAH

Batasan maslah pada pemesanan Paket Wisata secara Online yaitu:

1. Perancangan pada sistem informasi pelayanan paket Wisata hanya pada proses Pemesanan Paket Wisata Secara Online.

2. Perancangan ini dilakukan pada sistem informasi pemesanan paket wisata yang menampilkan informasi yang berupa form pemesanan dan paket wisata

3. Di tabel paket wisata juga terdapat kota tujuan dan harga perpaket wisata yang sudah ditetapkan dalam paket wisata.

3. Rumusan Masalah dan Ruang Lingkup

         a. Sistem ini menyediakan jasa layanan paket wisata domestik melalui internet, dan diakses melaui internet

b. Dalam situs ini diberi batasan, bahwa nantinya situs ini hanya akan sampai pada proses pemesanan saja dan tidak sampai pada pembayaran.

4. TUJUAN

Tujuan dari pembuatan situs pemesanan paket wisata online ini adalah sbb :

- Untuk membuat sistem informasi berbasiskan web yang sesuai dengan kebutuhan user bila ia ingin memesan paket wisata domestik secara online.

- Untuk menerapkan mata kuliah Pola Pola Perancangan (P3) tentang desain pattern.

- Untuk menyelesaikan tugas tengah semester mata kuliah mata kuliah pola-pola perancangan  yang  kami ambil

 

Page 4: Tugas Uts Pola Pola Perancangan (Pemesanan Paket Wisata)

BAB II

DASAR TEORI

A.    UML

UML (Unified Modeling Language) adalah sebuah bahasa untuk menentukan, visualisasi, kontruksi, dan mendokumentasikan artifact (bagian dari informasi yang digunakan atau dihasilkan dalam suatu proses pembuatan perangkat lunak. Artifact dapat berupa model, deskripsi atau perangkat lunak) dari system perangkat lunak, seperti pada pemodelan bisnis dan system non perangkat lunak lainnya (Cernosek dan Naiburg, 2004).

UML merupakan suatu kumpulan teknik terbaik yang telah terbukti sukses dalam memodelkan sistem yang besar dan kompleks. UML tidak hanya digunakan dalam proses pemodelan perangkat lunak, namun hampir dalam semua bidang yang membutuhkan pemodelan. Bagian-bagian diagram utama dari UML adalah :

1.Use Case Diagram

Use case adalah abstraksi dari interaksi antara sistem dan aktor. Use case bekerja dengan cara mendeskripsikan tipe interaksi antara user sebuah system dengan sistemnya sendiri melalui sebuah cerita bagaimana sebuah system dipakai.

2. Class Diagram

Class adalah dekripsi kelompok obyek-obyek dengan property, perilaku (operasi) dan relasi yang sama. Sehingga dengan adanya class diagram dapat memberikan pandangan global atas sebuah sistem.

3. Component Diagram

Component software merupakan bagian fisik dari sebuah system, karena menetap di komputer tidak berada di benak para analis. Komponen merupakan implementasi software dari sebuah atau lebih class.

4. Deployment Diagram

Menggambarkan tata letak sebuah system secara fisik, menampakkan bagian-bagian software yang berjalan pada bagian-bagian hardware, menunjukkan hubungan komputer dengan perangkat (nodes) satu sama lain dan jenis hubungannya.

5. State Diagram

Menggambarkan semua state (kondisi) yang dimiliki oleh suatu object dari suatu class dan keadaan yang menyebabkan state berubah.

Page 5: Tugas Uts Pola Pola Perancangan (Pemesanan Paket Wisata)

6. Sequence Diagram

Sequence Diagram digunakan untuk menggambarkan perilaku pada sebuah skenario. Kegunaannya untuk menunjukkan rangkaian pesan yang dikirim antara object juga interaksi antara object, sesuatu yang terjadi pada titik tertentu dalam eksekusi sistem.

7. Collaboration Diagram

Menggambarkan kolaborasi dinamis seperti sequence diagrams. Dalam menunjukkan pertukaran pesan, collaboration diagrams menggambarkan object dan hubungannya (mengacu ke konteks).

8. Activity Diagram

Menggambarkan rangkaian aliran dari aktivitas, digunakan untuk mendeskripsikan aktifitas yang dibentuk dalam suatu operasi sehingga dapat juga digunakan untuk aktifitas lainnya seperti use case atau interaksi

B. FACTORY METHOD

Desain pattern ini memisahkan kode untuk membuat obyek, sehingga ketika jenis obyek yang dapat dibuat bertambah, kode yang berubah hanya kode pembuatan obyenya saja.

Bisa di katakan bahwa Factory adalah method yang memiliki fungsi khusu untuk melakukan konstruksi class menjadi objek dan mengembalikan referensi objek tersebut.

Keterangan :

Product : abstrak mendefinisikan obyek interfaces dari class yang dibentuk

ConcreteProduct : implementasi dari product tersebut

Creator (document) : Deklarasi Factory dengan nilai balik obbyek tipe product

dan juga mendefinisikan nilai balik dari obyek ConcreteProduct

ConcreteCreator : mengabaikan nilai balik dari ConcreteProduct

Page 6: Tugas Uts Pola Pola Perancangan (Pemesanan Paket Wisata)

BAB III

PEMBAHASAN

A.    SEMBILAN (9) UML

Untuk  mendokumentasikan hasil dari analisa yang kita peroleh maka kita perlu membuat UML,dan UML untuk project ini adalah sbb :

1. Use Case diagram

Keterangan gambar :

Tugas masing masing aktor :

- Customer dalam use case diagram, bisa mengakses paket wisata yang ditawarkan yang dimana terdapat pilihan pilihan paket wisata dan keterangan setiap paket paketnya untuk info paket yang ingin dipilih. Di dalam paket wisata yang ditawarkan, menjelaskan harga paket, spesifikasi tour setiap hari yang sudah ditentukan, dan termasuk kendaraan dan penginapan

Operator  dalam use case diagram, bisa mengakses request pemesanan paket yang sudah di pesan oleh customer untuk didata lebih lanjut dan di proses untuk pembokingan paket wisata.

Bussines Use Case

Page 7: Tugas Uts Pola Pola Perancangan (Pemesanan Paket Wisata)

Keterangan :

Customer saat melakukan pemesanan pasti akan memilih paket wisata yang di inginkan.

Operator akan melihat atau melakukan pendataan request pemesanan paket wisata, pasti sudah ada customer yang melakukan pemesanan paket wisata.

2. Class Diagram

Keterangan :

Kelas Aplikasi Pemesanan Wisata yang merupakan penyedia sebuah

antarmuka (Aplikasi Pemesanan Paket Wisata).

Kelas Paket Wisata merupakan implementasi product yang dimana paket yang

ditawarkan

Kelas Subpaketwisata merupakan generalization dari paket wisata

Kelas pemesanan merupakan implementasi request pemesanan yang akan

dilakukan oleh customer.

Kelas pesan merupakan report/laporan dari  kelas pemesanan.

Page 8: Tugas Uts Pola Pola Perancangan (Pemesanan Paket Wisata)

3.SequenceDiagram

Keterangan :

Customer mengakses form paket wisata untuk melihat dan memilih paket wisata yang ingin dipilih, pemesanan di lakukan saat customer telah menemukan paket wisata yang sesuai keinginan pada form pemesanan. Customer mengisi data pada form pemesanan untuk merequest pemesanan paket wisata yang ingin di kunjungi. Data akan tersimpan saat proses save data berhasil dan akan ada verifikasi data berhasil.

4. Object Diagram

Pesan

+nama pemesan+email+no.telpon+tgl.check In+tgl.check Out+paket wisata+jumlah peserta+jumlah peserta anak+jumlah kamar yang dipesan

+setparameter()+getpesan()

pemesanan

+nama pemesan: J ulius Halingkar+email: [email protected]+no.telpon: 083856664244+tgl.check In: 19-01-2013+tgl.check Out: 21-01-2013+paket wisata: Honey Moon+jumlah peserta: 2+jumlah peserta anak: 0+jumlah kamar yang di pesan: 1

+setparameter()+save()

Keterangan :

Kelas pesan merupakan parameter atribut yang perlu di isi, kelas pemesanan merupakan data yang telah di isi untuk proses pemesanan paket wisata. Data atribut seperti gambar di atas.

Page 9: Tugas Uts Pola Pola Perancangan (Pemesanan Paket Wisata)

5. Collaboration Diagram

keterangan :

Customer mengakses form paket wisata untuk melihat dan memilih paket wisata yang ingin dipilih, pemesanan di lakukan saat customer telah menemukan paket wisata yang sesuai keinginan pada form pemesanan. Customer mengisi data pada form pemesanan untuk merequest pemesanan paket wisata yang ingin di kunjungi. Data akan tersimpan saat proses save data berhasil dan akan ada verifikasi data berhasil.

6. Activity Diagram

Keterangan :

Pilih paket wisata yang di inginkan, pemesanan paket wisata yang sudah di pilih jika ingin di proses maka lanjut registrasi pemesanan dan cetak bukti pemesanan dan jika tidak memilih paket yang di inginkan kembali.

Page 10: Tugas Uts Pola Pola Perancangan (Pemesanan Paket Wisata)

7. Statechart Diagram

Keterangan :

Pilih paket wisata yang di inginkan, pemesanan paket wisata yang sudah di pilih jika ingin di proses maka lanjut registrasi pemesanan dan cetak bukti pemesanan dan jika tidak memilih paket yang di inginkan kembali.

8. Component Diagram

Keterangan :

Database menggunakan database Sql, dengan mengunakan java Db4O dan library, sql connector dan JDK 1.7.

Page 11: Tugas Uts Pola Pola Perancangan (Pemesanan Paket Wisata)

9. Deployment Diagram

Keterangan :

Web server menggunakan xampp dengan database yang digunakan database SQLserver, dengan product web aplikasi Pemesanan Paket Wisata.

B. Desain Pattern (Creational pattern: Factory Method)

Desain pattern ini memisahkan kode untuk membuat obyek, sehingga ketika jenis obyek yang dapat dibuat bertambah, kode yang berubah hanya kode pembuatan obyenya saja. Bisa di katakan bahwa Factory adalah method yang memiliki fungsi khusu untuk melakukan konstruksi class menjadi objek dan mengembalikan referensi objek tersebut.

Keterangan :

Page 12: Tugas Uts Pola Pola Perancangan (Pemesanan Paket Wisata)

Product : abstrak mendefinisikan obyek interfaces dari class yang dibentuk

ConcreteProduct : implementasi dari product tersebut

Creator (document) : Deklarasi Factory dengan nilai balik obbyek tipe product

dan juga mendefinisikan nilai balik dari obyek ConcreteProduct

ConcreteCreator : mengabaikan nilai balik dari ConcreteProduct.

Desain Pattern Factory Method Aplikasi Pemesanan Paket Wisata

Keterangan :

Kelas Product yang merupakan penyedia sebuah antarmuka (Aplikasi

Pemesanan Paket Wisata).

Kelas ConcreteProduct merupakan implementasi product yang dimana paket

yang ditawarkan

Kelas ConcreteCreator merupakan implementasi request pemesanan yang

akan dilakukan oleh customer.

Kelas Creator merupakan report/laporan dari  kelas pemesanan.

Source code pada main classnya :

2. index.jsp (tampilan aplikasi)3. ===================================4. <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”

“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

Page 13: Tugas Uts Pola Pola Perancangan (Pemesanan Paket Wisata)

5. <html xmlns=”http://www.w3.org/1999/xhtml”>6. <head>7. <meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />8. <title>Pariwisata Jawa Timur</title>9. <style type=”text/css”>10. <!–11. #apDiv1 {12. position:absolute;13. width:708px;14. height:66px;15. z-index:1;16. left: 284px;17. top: 25px;18. font-size: 55px;19. text-align: center;20. color: #00F;21. font-family: Arial, Helvetica, sans-serif;22. }23. –>24. </style>25. <script src=”Scripts/swfobject_modified.js” type=”text/javascript”></script>26. <script src=”SpryAssets/SpryMenuBar.js” type=”text/javascript”></script>27. <style type=”text/css”>28. <!–29. body {30. background-image: url(walang.jpg);31. background-repeat: repeat;32. background-attachment: fixed;33. background-position: center center;34. text-align: center;35. font-size: 16px;36. }37. #apDiv2 {38. position:absolute;39. width:763px;40. height:29px;41. z-index:2;42. left: 240px;43. top: 173px;44. font-family: “Comic Sans MS”, cursive;45. color: #F00;46. }47. .nama {48. font-family: Arial, Helvetica, sans-serif;49. }50. .nama {51. font-family: Arial, Helvetica, sans-serif;52. font-size: 14px;53. font-weight: normal;54. }

Page 14: Tugas Uts Pola Pola Perancangan (Pemesanan Paket Wisata)

55. .admin {56. font-family: “Courier New”, Courier, monospace;57. font-size: 30px;58. font-weight: bold;59. }60. .user {61. font-family: “Courier New”, Courier, monospace;62. }63. .menubar {64. font-size: 36%;65. }66. .bromo {67. font-family: “Courier New”, Courier, monospace;68. font-size: 13px;69. text-align: justify;70. }71. .pasirputih {72. font-family: “Courier New”, Courier, monospace;73. font-size: 13px;74. text-align: justify;75. }76. .news1 {77. text-align: center;78. }79. .news1 {80. text-align: center;81. }82. .bromo {83. font-weight: bold;84. }85. .gnng {86. font-weight: bold;87. }88. .info {89. font-family: “Comic Sans MS”, cursive;90. }91. .info marquee {92. color: #F00;93. }94. .hot {95. font-weight: bold;96. }97. .semeru {98. font-family: “Courier New”, Courier, monospace;99. }100. .semeru {101. text-align: justify;102. }103. .semeru {104. font-size: 14px;

Page 15: Tugas Uts Pola Pola Perancangan (Pemesanan Paket Wisata)

105. }106. .judul {107. font-size: 24px;108. }109. .isinya {110. color: #000;111. }112. .log {113. font-size: 25px;114. font-family: “Comic Sans MS”, cursive;115. font-style: normal;116. color: #FFF;117. font-weight: bold;118. }119. –>120. </style>121. </head>122. <body>123. <table width=”1029″ height=”1167″ border=”0″ align=”center”>124. <tr>125. <td height=”197″ colspan=”5″><%@ include file=”header.jsp”%></td>126. </tr>127. <tr>128. <td height=”752″ valign=”top”><%@ include file=”menu.jsp”%>129. <p>&nbsp;</p></td>130. <td width=”14″ rowspan=”4″ valign=”top”>&nbsp;</td>131. <td width=”590″ rowspan=”6″ valign=”top” bgcolor=”#669900″>132. <%@ include file=”berita.jsp”%>133. </td>134. <td colspan=”2″ valign=”top”><object id=”FlashID”

classid=”clsid:D27CDB6E-AE6D-11cf-96B8-444553540000″ width=”204″ height=”176″>

135. <param name=”movie” value=”AnaClock.swf” />136. <param name=”quality” value=”high” />137. <param name=”wmode” value=”transparent” />138. <param name=”swfversion” value=”6.0.65.0″ />139. <!– This param tag prompts users with Flash Player 6.0 r65 and higher to

download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. –>

140. <param name=”expressinstall” value=”Scripts/expressInstall.swf” />141. <!– Next object tag is for non-IE browsers. So hide it from IE using IECC. –>142. <!–[if !IE]>–>143. <object type=”application/x-shockwave-flash” data=”AnaClock.swf”

width=”204″ height=”176″>144. <!–<![endif]–>145. <param name=”quality” value=”high” />146. <param name=”wmode” value=”transparent” />147. <param name=”swfversion” value=”6.0.65.0″ />148. <param name=”expressinstall” value=”Scripts/expressInstall.swf” />

Page 16: Tugas Uts Pola Pola Perancangan (Pemesanan Paket Wisata)

149. <!– The browser displays the following alternative content for users with Flash Player 6.0 and older. –>

150. <div>151. <h4>Content on this page requires a newer version of Adobe Flash

Player.</h4>152. <p><a href=”http://www.adobe.com/go/getflashplayer”><img

src=”http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif” alt=”Get Adobe Flash player” width=”112″ height=”33″ /></a></p>

153. </div>154. <!–[if !IE]>–>155. </object>156. <!–<![endif]–>157. </object>158. <table width=”200″ height=”173″ border=”0″>159. </table>160. <a href=”http://www.facebook.com/group.php?gid=186142976627&ref=mf”

target=”_blank”><img src=”fb.jpg” width=”167″ height=”66″ />161. <p>162. <a href=”http://www.bankmandiri.co.id/” target=”_blank”><object

id=”FlashID2″ classid=”clsid:D27CDB6E-AE6D-11cf-96B8-444553540000″ width=”187″ height=”285″>

163. <param name=”movie” value=”mandiri” />164. <param name=”quality” value=”high” />165. <param name=”wmode” value=”opaque” />166. <param name=”swfversion” value=”8.0.35.0″ />167. <!– This param tag prompts users with Flash Player 6.0 r65 and higher to

download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. –>

168. <param name=”expressinstall” value=”Scripts/expressInstall.swf” />169. <!– Next object tag is for non-IE browsers. So hide it from IE using IECC. –>170. <!–[if !IE]>–>171. <object type=”application/x-shockwave-flash” data=”mandiri” width=”187″

height=”285″>172. <!–<![endif]–>173. <param name=”quality” value=”high” />174. <param name=”wmode” value=”opaque” />175. <param name=”swfversion” value=”8.0.35.0″ />176. <param name=”expressinstall” value=”Scripts/expressInstall.swf” />177. <!– The browser displays the following alternative content for users with

Flash Player 6.0 and older. –>178. <div>179. <h4>Content on this page requires a newer version of Adobe Flash

Player.</h4>180. <p><a href=”http://www.adobe.com/go/getflashplayer”><img

src=”http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif” alt=”Get Adobe Flash player” width=”112″ height=”33″ /></a></p>

181. </div>182. <!–[if !IE]>–>183. </object>184. <!–<![endif]–>

Page 17: Tugas Uts Pola Pola Perancangan (Pemesanan Paket Wisata)

185. </object>186. <a href=”http://www.facebook.com/group.php?

gid=186142976627&ref=search&sid=1683412110.1053078976..1″ target=”_blank”></p></td>

187. </tr>188. <tr>189. <td width=”166″ height=”21″ align=”center” valign=”top”

class=”hot”><blink></blink></td>190. <td colspan=”2″ rowspan=”2″ align=”left” valign=”top”><p>191. <a href=”http://www.bankmandiri.co.id/” target=”_blank”></p>192. <p></p></td>193. </tr>194. <tr>195. <td height=”21″ align=”center” valign=”top”><p>&nbsp;</p></td>196. </tr>197. <tr>198. <td rowspan=”3″ align=”left” valign=”middle”>&nbsp;</td>199. <td height=”21″ align=”left” valign=”top”>&nbsp;</td>200. <td rowspan=”3″ align=”center” valign=”top”><a

href=”http://www.bankmandiri.co.id/” target=”_blank”></td>201. </tr>202. <tr>203. <td height=”21″ align=”left” valign=”top”>&nbsp;</td>204. <td align=”left” valign=”top”>&nbsp;</td>205. </tr>206. <tr>207. <td height=”21″ align=”left” valign=”top”>&nbsp;</td>208. <td align=”left” valign=”top”>&nbsp;</td>209. </tr>210. <tr>211. <td height=”21″ align=”left” valign=”top”>&nbsp;</td>212. <td align=”left” valign=”top”>&nbsp;</td>213. <td align=”left” valign=”top”>&nbsp;</td>214. <td align=”left” valign=”top”>&nbsp;</td>215. <td align=”left” valign=”top”><table width=”225″ height=”58″ border=”1″>216. <tr>217. <td width=”181″ align=”right” valign=”top”><a href=”login2.jsp”><img

src=”admin.png” alt=”" width=”49″ height=”46″ />  <span class=”log”>LOGIN</span></a></td>

218. </tr>219. </table></td>220. </tr>221. <tr>222. <td height=”21″ align=”left” valign=”top”>&nbsp;</td>223. <td align=”left” valign=”top”>&nbsp;</td>224. <td colspan=”3″ align=”left” valign=”top”><%@ include

file=”footer.jsp”%>&nbsp;</td>225. </tr>226. </table>227. <script type=”text/javascript”>

Page 18: Tugas Uts Pola Pola Perancangan (Pemesanan Paket Wisata)

228. <!–229. swfobject.registerObject(“FlashID”);230. var MenuBar1 = new Spry.Widget.MenuBar(“MenuBar1″,

{imgRight:”SpryAssets/SpryMenuBarRightHover.gif”});231. //–>232. </script>233. </body>234. </html>235.  236. ==================================================237. Pesan.jsp238. ========================================================239. <%@ page contentType=”text/html; charset=utf-8″ language=”java”

import=”java.sql.*” errorPage=”" %>240. <form action=”pesan” method=”post”>241. <table width=”500″ border=”1″>242. <tr>243. <td width=”29″>&nbsp;</td>244. <td colspan=”3″><div align=”center”>Form Pemesanan</div></td>245. <td width=”107″>&nbsp;</td>246. </tr>247. <tr>248. <td>&nbsp;</td>249. <td colspan=”3″>&nbsp;</td>250. <td>&nbsp;</td>251. </tr>252. <tr>253. <td>&nbsp;</td>254. <td width=”167″>Nama Pemesan</td>255. <td width=”3″>:</td>256. <td width=”160″><label>257. <input type=”text” name=”namapemesan” id=”namapemesan” />258. </label></td>259. <td>&nbsp;</td>260. </tr>261. <tr>262. <td>&nbsp;</td>263. <td>Alamat Pemesan</td>264. <td>:</td>265. <td><input type=”text” name=”alamatpemesan” id=”alamatpemesan” /></td>266. <td>&nbsp;</td>267. </tr>268. <tr>269. <td>&nbsp;</td>270. <td>Telp</td>271. <td>:</td>272. <td><input type=”text” name=”telp” id=”telp” /></td>273. <td>&nbsp;</td>274. </tr>275. <tr>

Page 19: Tugas Uts Pola Pola Perancangan (Pemesanan Paket Wisata)

276. <td height=”23″>&nbsp;</td>277. <td><p>email</p></td>278. <td>:</td>279. <td><input type=”text” name=”email” id=”email” /></td>280. <td>&nbsp;</td>281. </tr>282. <tr>283. <td rowspan=”7″>&nbsp;</td>284. <td>tgl check-in</td>285. <td>:</td>286. <td><input type=”text” name=”tglcheckin” id=”tglcheckin” /></td>287. <td>&nbsp;</td>288. </tr>289. <tr>290. <td>tgl check-out</td>291. <td>:</td>292. <td><input type=”text” name=”tglcheckout” id=”tglcheckout” /></td>293. <td>&nbsp;</td>294. </tr>295. <tr>296. <td>paket liburan</td>297. <td>:</td>298. <td><input type=”text” name=”paketliburan” id=”paketliburan” /></td>299. <td>&nbsp;</td>300. </tr>301. <tr>302. <td>jumlah peserta (dewasa)</td>303. <td>:</td>304. <td><input type=”text” name=”pesertadewasa” id=”pesertadewasa” /></td>305. <td>&nbsp;</td>306. </tr>307. <tr>308. <td>jumlah peserta (anak-anak)</td>309. <td>:</td>310. <td><input type=”text” name=”pesertaanak2″ id=”pesertaanak2″ /></td>311. <td>&nbsp;</td>312. </tr>313. <tr>314. <td>jumlah kamar</td>315. <td>:</td>316. <td><input type=”text” name=”jmlkamar” id=”jmlkamar” /></td>317. <td>&nbsp;</td>318. </tr>319. <tr>320. <td>&nbsp;</td>321. <td>&nbsp;</td>322. <td><input type=”submit” name=”submit” id=”submit” value=”Submit” />323. <input type=”reset” name=”reset” id=”reset” value=”Reset” /></td>324. <td>&nbsp;</td>325. </tr>

Page 20: Tugas Uts Pola Pola Perancangan (Pemesanan Paket Wisata)

326. <tr>327. <td colspan=”5″>&nbsp;</td>328. </tr>329. </table>330. </form>331. menu.jsp (paket wisata)332. ======================================333. <%@ page contentType=”text/html; charset=utf-8″ language=”java”

import=”java.sql.*” errorPage=”" %>334. <form action=”pesan” method=”post”>335. <table width=”500″ border=”1″>336. <tr>337. <td width=”29″>&nbsp;</td>338. <td colspan=”3″><div align=”center”>Form Pemesanan</div></td>339. <td width=”107″>&nbsp;</td>340. </tr>341. <tr>342. <td>&nbsp;</td>343. <td colspan=”3″>&nbsp;</td>344. <td>&nbsp;</td>345. </tr>346. <tr>347. <td>&nbsp;</td>348. <td width=”167″>Nama Pemesan</td>349. <td width=”3″>:</td>350. <td width=”160″><label>351. <input type=”text” name=”namapemesan” id=”namapemesan” />352. </label></td>353. <td>&nbsp;</td>354. </tr>355. <tr>356. <td>&nbsp;</td>357. <td>Alamat Pemesan</td>358. <td>:</td>359. <td><input type=”text” name=”alamatpemesan” id=”alamatpemesan” /></td>360. <td>&nbsp;</td>361. </tr>362. <tr>363. <td>&nbsp;</td>364. <td>Telp</td>365. <td>:</td>366. <td><input type=”text” name=”telp” id=”telp” /></td>367. <td>&nbsp;</td>368. </tr>369. <tr>370. <td height=”23″>&nbsp;</td>371. <td><p>email</p></td>372. <td>:</td>373. <td><input type=”text” name=”email” id=”email” /></td>374. <td>&nbsp;</td>

Page 21: Tugas Uts Pola Pola Perancangan (Pemesanan Paket Wisata)

375. </tr>376. <tr>377. <td rowspan=”7″>&nbsp;</td>378. <td>tgl check-in</td>379. <td>:</td>380. <td><input type=”text” name=”tglcheckin” id=”tglcheckin” /></td>381. <td>&nbsp;</td>382. </tr>383. <tr>384. <td>tgl check-out</td>385. <td>:</td>386. <td><input type=”text” name=”tglcheckout” id=”tglcheckout” /></td>387. <td>&nbsp;</td>388. </tr>389. <tr>390. <td>paket liburan</td>391. <td>:</td>392. <td><input type=”text” name=”paketliburan” id=”paketliburan” /></td>393. <td>&nbsp;</td>394. </tr>395. <tr>396. <td>jumlah peserta (dewasa)</td>397. <td>:</td>398. <td><input type=”text” name=”pesertadewasa” id=”pesertadewasa” /></td>399. <td>&nbsp;</td>400. </tr>401. <tr>402. <td>jumlah peserta (anak-anak)</td>403. <td>:</td>404. <td><input type=”text” name=”pesertaanak2″ id=”pesertaanak2″ /></td>405. <td>&nbsp;</td>406. </tr>407. <tr>408. <td>jumlah kamar</td>409. <td>:</td>410. <td><input type=”text” name=”jmlkamar” id=”jmlkamar” /></td>411. <td>&nbsp;</td>412. </tr>413. <tr>414. <td>&nbsp;</td>415. <td>&nbsp;</td>416. <td><input type=”submit” name=”submit” id=”submit” value=”Submit” />417. <input type=”reset” name=”reset” id=”reset” value=”Reset” /></td>418. <td>&nbsp;</td>419. </tr>420. <tr>421. <td colspan=”5″>&nbsp;</td>422. </tr>423. </table>424. </form>

Page 22: Tugas Uts Pola Pola Perancangan (Pemesanan Paket Wisata)

425. =====================================426. berita,jsp (isi paket)427. ====================================428. <%@ page contentType=”text/html; charset=utf-8″ language=”java”

import=”java.sql.*” errorPage=”" %>429. <%430. String parameter = request.getParameter(“idberita”);431. if(parameter != null)432. {433. //Class.forName(“sun.jdbc.odbc.JdbcOdbcDriver”);434. //Connection connection =

DriverManager.getConnection(“jdbc:odbc:akademik”, “sa”, “”);435. String driver = “com.mysql.jdbc.Driver”;436. String user = “root”;437. String pass = “”;438. String str = “jdbc:mysql://localhost:3306/pariwisata”;439. //Driver driverUser = (Driver)Class.forName(xDRIVER).newInstance();440. Class.forName(driver);441. Connection con = DriverManager.getConnection(str,user,pass);442. Statement stmj = con.createStatement();443. String qy = “SELECT * FROM berita where idberita = ‘”+parameter+”‘”;444. ResultSet rt = stmj.executeQuery(qy);445. while (rt.next())446. {447. String judulberita=rt.getString(“judulberita”);448. String deskripsi=rt.getString(“deskripsi”);449. String lokasi=rt.getString(“lokasi”);450. String fasilitas=rt.getString(“fasilitas”);451. %>452. <style type=”text/css”>453. <!–454. .dw {455. font-weight: bold;456. font-size: 24px;457. color: #00F;458. text-align: left;459. }460. .isi {461. text-align: justify;462. font-family: Arial, Helvetica, sans-serif;463. font-size: 14px;464. }465. .as {466. color: #F00;467. font-family: “Comic Sans MS”, cursive;468. font-size: 36px;469. text-align: center;470. }471. –>472. </style>

Page 23: Tugas Uts Pola Pola Perancangan (Pemesanan Paket Wisata)

473. <table>474. <tr>475. <td width=”164″ bgcolor=”#999999″><% out.print(judulberita); %></td>476. </tr>477. <tr>478. <td bgcolor=”#FFFF00″><div class=”dw”>Deskripsi</div></td>479. </tr>480. <tr>481. <td><% out.print(deskripsi); %></td>482. </tr>483. <tr>484. <td bgcolor=”#FFFF00″><div class=”dw”>Lokasi</div></td>485. </tr>486. <tr>487. <td><% out.print(lokasi); %></td>488. </tr>489. <tr>490. <td bgcolor=”#FFFF00″><div class=”dw”>Fasilitas</div></td>491. </tr>492. <tr>493. <td><% out.print(fasilitas); %></td>494. </tr>495. <tr>496. <td bgcolor=”#FFFF00″><div class=”dw”>Detail paket</div></td>497. </tr>498. <tr>499. <td align=”left”><%@ include file=”bentukpaket.jsp”%></td>500. </tr>501. </table>502. <%503. }504. }505. %>506. =======================================507. bentukpaket.jsp (bentuk paket)508. =======================================509. <br />510. Tarif untuk 3 Hari 2 Malam<br />511. <br />512. <img src=”hargapaket.JPG” width=”605″ height=”271″><br />513. <br />514. <a href=”pesanpaket.jsp”>515. <input name=”pesan” type=”button” value=”Pesan paket” onclick=”"/>516. </a>517. ===========================================