TUGAS UAS IMK

Laporan Tugas “Interaksi Manusia dan Komputer”

SISTEM INFORMASI SILVER RENTAL

Disusun Oleh:

Putri Agustina (1157201001047)

PROGRAM STUDI SISTEM INFORMASI FAKULTAS ILMU KOMPUTER UNIVERSITAS DARWAN ALI

SAMPIT

CV. Silver Rental

CV. Silver Rental adalah sebuah badan usaha yang melayani penyewaan mobil untuk

perjalanan Anda.

CV. Silver rental sendiri memiliki beberapa jenis mobil yang bagus dan bersih, sistem

rental yang kami gunakan yaitu menyewakan mobil dengan atau tanpa sopir. Sopir yang

sediakan ramah dan sopan untuk membawa anda sampai ke tempat-tempat tujuan. Adapun

kendaraan yang kami miliki terdiri dari beberapa jenis kenderaan seperti :

1 unit Toyota Alphard

2 unit Toyota Innova

2 unit Toyota Avanza

1 unit Toyota Fortuner

2 unit Pajero

1 unit Isuzu Elf

3 unit Daihatsu Xenia

1 unit Suzuki APV

1 unit Kijang Kapsul

1 unit Mercedes C Class

Harga yang kami tawarkan pun bervariasi mulai dari Rp.350.000 hingga Rp.2.500.000

/hari. Kenyamanan pelanggan merupakan visi kami serta tidak sulit juga untuk melakukan

pemesanan sebab pemesanan dapat dilakukan secara online melalui website kami

https://www.silver_rental.com.

Berikut merupakan alasan-alasan saya mengenai halaman web yang telah saya buat(gambar

website terlampir). Halaman website yang saya buat yaitu “Sistem Informasi Rental” dengan

nama rental yang saya buat “Silver Rental”

Tampilan : Dari segi tampilan (penyesuaian warna) website ini menampilkan warna dominasi silver, grey hingga soft grey sesuai dengan nama rental kami yaitu “Silver Rental”, ditambah teks berwarna putih pada content, hitam pada menu sehingga warnanya dapat menjadi hidup serta dapat membedakan. Backgroundnya yang berwarna soft grey juga mendukung keseluruhan desain yang saya buat.

Content : Dari segi content, website yang saya buat memuat posting-posting, yang mana ditampilkan di halaman depan sebagai headline pengenalan tentang rental saya dengan gambar kantor sehingga dapat meyakinkan calon pelanggan, dengan pemilihan kata headline yang singkat, namun jelas maksudnya. Home : Berisi tentang pengenalan Silver Rental About : Berisi tentang statement yang menyakinkan calon pelanggan supaya

tertarik dan yakin dengan rental saya. Service : Berisi tentang jenis pelayanan yang rental berikan dari jenis waktu

penyewaan hingga pengemudi. Pricelist : Berisi tentang harga penyewaan. Term & Co : Berisi tentang syarat & ketentuan Silver Rental. Contact : Berisikan form kritik/saran/pesan pelanggan kepada silver rental.

Penggunaan Gambar : Gambar yang saya gunakan tidak begitu banyak hanya gambar-gambar yang melambangkan sesuai dengan site menu.

Tata letak : Tata letak /Struktur halaman yang saya buat jelas, dengan adanya header, menu, content, sidebar dan footer, supaya membuat website ini tertata rapi. Serta dalam website ini pada sidebar setiap menu selalu saya tampilkan form booking supaya pelanggan merasa dimudahkan dalam proses melakukan booking.

Icon antar muka : Icon antar muka saya gunakan pada sidebar (form booking) antara lain; control text, control select, control radio button serta control text area pada form kritik & saran. Dimana icon antar muka dimaksudkan mempermudah pelanggan melalukan pengisian form.

Error handling : Digunakan supaya pelanggan tidak lupa dalam mengisi beberapa bagian dari form.

Layout Home

IMAGE

Content

Yahoo status

Booking di sini ! Nama :

Address :s

Email:

Mobile No :

Select Car:

Start date / time :

End date / time :

Select Car: Yes No

Contact information Putri Rental Jl. Cilik Riwut KM 1,5 No.88 sampit – Kalimantan Tengah Telp : 0531 33545

Copyright@Pu3Agustina

HEADER IMAGE

HOME ABOUT SERVICE PRICELIST TERM & CO CONTACT

send

Tampilan Desain Web “Home”

Kode HTML “Home”

<html>

<title>home</title>

<body bgcolor="#EEEEEE">

<style type="text/css">

table.pu3 { border:0px solid #271470;-webkit-border-radius:15px;-moz-border-radius:15px;-ms-

border-radius:15px;-o-border-radius:15px;border-radius:15px; }

table.pu3 td, table.pu3 th { border: #ffffff;padding:3px; -webkit-border-radius:8px;-moz-border-

radius:8px;-ms-border-radius:8px;-o-border-radius:8px;border-radius:8px; }

</style>

<p>&nbsp

<table width= "900" height="100" border="0" align="center" valign="center">

<tr>

<td align="center"><img src="3.jpg"></td>

</tr>

</table>

<table bgcolor="#DDDDDD" width= "900" height="43" border="0" align="center" valign="center">

<tr>

<td width="150"><a href='home.html'><center><b><font face="Calibri" Size="4"

color="#111111">Home</a>

<td width="150"><a href='about.html'><center><b><font face="Calibri" Size="4"

color="#111111">About</a>

<td width="150"><a href='service.html'><center><b><font face="Calibri" Size="4"

color="#111111">Service</a>

<td width="150"><a href='price.html'><center><b><font face="Calibri" Size="4"

color="#111111">Pricelist</a>

<td width="150"><a href='term.html'><center><b><font face="Calibri" Size="4"

color="#111111">Term & Co</a>

<td width="150"><a href='contact.html'><center><b><font face="Calibri" Size="4"

color="#111111">Contact Us</a>

</table>

&nbsp

<table class="pu3" width="900" border="0px" align="center" valign="center" bgcolor="white">

<tr>

<td height="150">

<img src="home.gif"></td>

</tr>

<table class="pu3" width="900" border="0px" align="center" valign="center" bgcolor="#aaaaaa">

<tr>

<td height="910"><table>

<tr><p align="top"><p align="center"><img src="kantor1.jpg">

<td><font face="Calibri" color="white" size="4"><p align="justify">Silver Rental

memberikan solusi penyewaan mobil berbagai jenis kendaraan.

Kami adalah sebuah badan usaha yang melayani penyewaan mobil untuk perjalanan

Anda.</p><h3></h3>

<p class="text-content"><p align="justify">Bagi anda yang berada di Sampit maupun dari luar

kota/daerah/luar negeri dan membutuhkan kendaraan roda 4, Anda dapat menghubungi Kami melalui

website ini, Email, Telp ataupun SMS. Kami siapkan berbagai jenis mobil yang bagus dan bersih,

tanpa / dengan sopir yang ramah dan sopan untuk membawa anda sampai ke tempat-tempat tujuan.

Kami menyediakan beberapa jenis kenderaan seperti :

</p><h3></h3>

<ul class="we-do">

<li>Toyota Alphard </li>

<li>Toyota Innova </li>

<li>Toyota Avanza </li>

<li>Daihatsu Xenia </li>

<li>Suzuki APV </li>

<li>Kijang Kapsul </li>

<li>Mercedes C Class </li>

<li>dan lain-lain </li>

</ul>

</td>

</table>

<td width="200" rowspan="11" valign="top"> <form name="form1" method="post"

action="input.php">

<table bgcolor="#444444">

<tr>

<td><font face="Calibri" color="Lightskyblue" size="4"><b><center>Yahoo Status

<tr>

<td><center><a target="_blank"

href="http://ymgen.com/[email protected]">

<img border="0" src="http://opi.yahoo.com/[email protected]&m=g&t=2"></a>

<tr>

<td height="25">

<tr>

<td><font face="Calibri" color="Lightskyblue" size="4"><b><center>Booking Di Sini !

<tr>

<td><font face="Calibri" color="#DDDDDD" size="2">Name :

<tr>

<td><input type="text" name="name"></td>

<tr>

<td><font face="Calibri" color="#DDDDDD" size="2">Address :

<tr>

<td><input type="text" name="address"></td>

<tr>

<td><font face="Calibri" color="#DDDDDD" size="2">Email :

<tr>

<td><input type="text" name="email"></td>

<tr>

<td><font face="Calibri" color="#DDDDDD" size="2">Mobile No :

<tr>

<td><input type="text" name="mobile"></td>

<tr>

<td><font face="Calibri" color="#DDDDDD" size="2">Select Car :

<tr>

<td><select size="1" name="car">

<option celected value="Mercedes C Class">Mercedes C Class</option>

<option value="Toyota Alphard">Toyota Alphard</option>

<option value="Toyota Fortuner">Toyota Fortuner</option>

<option value="Pajero (Sport)">Pajero (Sport)</option>

<option value="Isuzu Elf ">Isuzu Elf</option>

<option value="Toyota Innova">Toyota Innova</option>

<option value="Toyota Avanza">Toyota Avanza</option>

<option value="Suzuki APV ">Suzuki APV</option>

<option value="Daihatsu Xenia">Daihatsu Xenia</option>

<option value="Kijang Kapsul">Kijang Kapsul</option>

</td>

<tr>

<td><font face="Calibri" color="#DDDDDD" size="2">Start Date / Time :

<tr>

<td><select size="1" name="bln">

<option celected value="January">January</option>

<option value="February ">February</option>

<option value="March">March</option>

<option value="April ">April</option>

<option value="May">May</option>

<option value="June">June</option>

<option value="July">July</option>

<option value="August">August</option>

<option value="September">September</option>

<option value="October">October</option>

<option value="November">November</option>

<option value="December">December</option>






































<tr>





























<tr>

<td><font face="Calibri" color="#DDDDDD" size="2">Driver :

<tr>

<td><input type="radio" name="driver" value="Yes" checked> Yes

<input type="radio" name="driver" value="No" checked> No </td>

<tr>

<td align="left">

<input type="Submit" name="Send" value="Send"></td>

<tr>

<td height="25">

<tr>

<td><font face="Calibri" color="Lightskyblue" size="3"><b><center>Contact

information

<tr>

<td><font face="Calibri" color="Lightcyan" size="3,5">

<address>

Silver Rental<br />

Jl. Cilik Riwut KM 1,5 No.88 sampit - Kalimantan Tengah<br />

Telp : 0531 33545<br />

<br />

E-mail: info@puput.cliput.com<br />

HP: 0856 4945 6117<br />

</address></td>

</table>

</td>

<tr height="25" bgcolor="#70 80 90">

<td colspan="2" align="center"><font color="white"><blink>Copyright

@Pu3_Agustina</blink></font></td>

</html>

Layout About

IMAGE

Content

Yahoo status


Address :s

Email:

Mobile No :

Select Car:

Start date / time :

End date / time :

Select Car: Yes No



HEADER IMAGE


send

Tampilan Desain Web “About”

Kode HTML “About”

<html>

<title>About</title>







</style>

<p>&nbsp


<tr>


</tr>

</table>


<tr>













</table>

&nbsp


<tr>

<td height="150">

<img src="about1.jpg"></td>

</tr>


<tr>


<tr>

<td><font face="Calibri" color="white" size="4"><p class="text-content"><p

align="justify">Silver Rental adalah tentang bagaimana membuat hidup anda lebih nyaman

melalui jasa transportasi. Kami mengartikan kenyamanan dalam 3 kata : </p>

<h3></h3>

<ul class="we-do">

<li>Mudah</li>

<li>Cepat</li>

<li>dan Handal</li>

</ul>

<p class="text-content"><p align="justify">Dengan adanya peningkatan kendaraan, truk dan

infrastruktur yang kurang memadai, kecelakaan mobil telah meningkat lebih dari dua kali lipat

dalam beberapa tahun terakhir. Berdasarkan berita, anda akan langsung terkena macet pada

saat keluar dari garasi anda pada tahun 2014. Bayangkan betapa frustrasi dan memusingkannya

bila hal itu terjadi. Apabila perusahaan anda menggunakan kendaraan untuk operasi sehari-hari

maka anda sangat beresiko untuk mengalami kecelakaan.</p><h3></h3>

<p class="text-content"><p align="justify">Ketika setiap hari anda mengambil resiko tersebut,

ribuan orang lain telah memilih untuk hidup dengan lebih nyaman dengan menyewa kendaraan.

Dalam tiga tahun terakhir, permintaan untuk sewa kendaraan telah bertumbuh sangat cepat

lebih dari 30% per tahun. Pada akhir tahun 2011 sendiri, kami telah melayani lebih dari 10,000

individual dan 1,000 bisnis/industry dari seluruh dunia. Sewa kendaran bukan lagi merupakan

pilihan - tetapi telah menjadi KEBUTUHAN bagi anda dan bisnis anda! Dan dengan itu kami

maksud semuanya : individual, perusahaan baik kecil ataupun besar.</p><h3></h3>

<p class="text-content"><p align="justify">Kami hadir di sini untuk memastikan agar anda bebas

dari semua resiko transportasi, meningkatkan produktifitas anda dan membuat kehidupan anda

jauh lebih nyaman. Kami menyediakan strategi dan paket transportasi yang anda butuhkan

sehingga transportasi bukan lagi menjadi kendala dalam aktifitas anda. Kami menjamin bahwa

anda selalu memiliki kendaraan yang siap untuk digunakan kapanpun dan dimanapun. Apabila

kami tidak dapat memberikan kendaraan pengganti untuk ALASAN APAPUN (Termasuk Bencana

Alam), kami akan kembalikan sewa kendaraan anda setiap hari anda tidak dapat menggunakan

kendaraan kami - tanpa pertanyaan!</p>

<h3></h3>

<p class="text-content"><p align="justify">Sudah menjadi misi kami untuk memastikan bahwa anda

mendapatkan kenyamanan dan kebahagiaan melalu jasa transportasi kami dengan harga yang

terbaik.</p>

<h3></h3>

<p class="text-content"><p align="justify"><b>HUBUNGI KAMI SEKARANG</b> untuk penawaran

gratis, promo dan paket-paket menarik lainnya!</p>

</p>

</td>

</table>


action="input.php">


<tr>


<tr>




<tr>

<td height="25">

<tr>


<tr>


<tr>


<tr>


<tr>


<tr>


<tr>


<tr>


<tr>


<tr>


<tr>












</td>

<tr>


<tr>




















































<tr>











































<tr>





























<tr>


<tr>



<tr>

<td align="left">


<tr>

<td height="25">

<tr>

<td><font face="Calibri" color="Lightskyblue" size="3"><b><center>Contact information

<tr>

<td><font face="Calibri" color="Lightcyan" size="3">

<address>

Silver Rental<br />


Telp : 0531 33545<br />

<br />


HP: 0856 4945 6117<br />

</address></td>

</table>

</td>



@Pu3Agustina</blink></font></td>

</html>

Layout Service

IMAGE

Content

Yahoo status


Address :s

Email:

Mobile No :

Select Car:

Start date / time :

End date / time :

Select Car: Yes No



HEADER IMAGE


send

Tampilan Desain Web “Service”

Kode HTML “Service”

<html>

<title>Service</title>







</style>

<p>&nbsp


<tr>


</tr>

</table>


<tr>













</table>

&nbsp


<tr>

<td height="150">

<img src="service.jpg"></td>

</tr>


<tr>


<tr>

<td><font face="Calibri" color="white" size="4">

<h2>Sewa Kendaraan - Apapun permintaan anda!</h2>

<p class="text-content"><p align="justify">Anda dapat memilih

jenis kendaraan baik yang masih baru ataupun bekas, yang dibuat di Indonesia ataupun yang

diimport dari luar negeri. Kami melayani semua jenis mobil dari sedan, minibus, SUV, Pickup

ataupun Luxury Sedan dan semua dapat menjadi pilihan anda. Beritahu kami keinginan anda

dan kami akan membuatkan paket yang paling cocok agar kebutuhan transportasi anda

terpenuhi.</p>

<h3>Sewa Jangka Pendek</h3>

<p class="text-content"><p align="justify">Kami melayani

kebutuhan sewa mobil dalam jangka waktu harian, mingguan ataupun bulanan. Bila mobil anda

masuk bengkel atau anda perlu melayani tamu dari luar kota ataupun untuk kebutuhan lainnya,

silahkan hubungi kami dan dengan sangat senang kami akan membantu anda. Kami dapat

menjemput dan mengantar anda kapanpun dan dimanapun baik dengan supir ataupun

tidak.</p>

<h3>Sewa Jangka Panjang</h3>

<p class="text-content"><p align="justify">Kami melayani

kebutuhan sewa jangka panjang untuk satu tahun atau lebih. Keuntungan dari sewa jangka

panjang adalah harga sewa yang lebih baik dan hubungan yang lebih erat sehingga kami dapat

melayani anda secara lebih pribadi. Kami sangat fleksible dengan kontrak kami yang menjadi

salah satu keunggulan di dalam memilih kami sebagai solusi transportasi anda.</p>

<h3>Jasa Pengemudi</h3>

<p class="text-content"><p align="justify">Semua pengemudi

kami telah dilakukan training dan diajarkan secara detil bagaimana untuk melayani anda secara

pribadi. Melalui jasa servis pengemudi, anda dapat menghemat waktu setidaknya 2 jam atau

lebih setiap harinya. Dengan begitu anda dapat banyak melakukan hal yang lebih produktif

dalam perjalanan anda.</p>

<h3>&nbsp</h3>

<p class="text-content">&nbsp</p>

</td>

</table>


action="input.php">


<tr>

<td><font face="Calibri" color="Lightskyblue" size="4"><b><center>Yahoo

Status

<tr>




<tr>

<td height="25">

<tr>

<td><font face="Calibri" color="Lightskyblue" size="4"><b><center>Booking Di

Sini !

<tr>


<tr>


<tr>


<tr>


<tr>


<tr>


<tr>


<tr>


<tr>


<tr>












</td>

<tr>


<tr>




















































<tr>











































<tr>





























<tr>


<tr>



<tr>

<td align="left">


<tr>

<td height="25">

<tr>


information

<tr>


<address>

Silver Rental<br />


Telp : 0531 33545<br />

<br />


HP: 0856 4945 6117<br />

</address></td>

</table>

</td>




</html>

Layout Pricelist

IMAGE

Content

Yahoo status


Address :s

Email:

Mobile No :

Select Car:

Start date / time :

End date / time :

Select Car: Yes No



HEADER IMAGE


send

Tampilan Desain Web “Pricelist”

Kode HTML “Pricelist”

<html>

<title>Price</title>







</style>

<p>&nbsp


<tr>


</tr>

</table>


<tr>













</table>

&nbsp


<tr>

<td height="150">

<img src="price.jpg"></td>

</tr>


<tr>


<tr>

<td><font face="Calibri" color="white" size="4"> <h3>Berikut ini adalah daftar harga

sewa mobil Silver Rental</h3>

<p class="text-content">Harga dibawah ini adalah harga khusus Dalam Kota. Untuk Luar Kota

dan Tanpa Sopir silahkan menghubungi kami terlebih dahulu</p>

<h3></h3>

<table width="580" bgcolor="Lightskyblue" id="rounded-corner" summary=""

style="margin-left:5px;">

<thead>

<tr bgcolor="Lightskyblue">

<th scope="col" class="rounded-company" style="width:150px;"

width="255">Mobil</th>

<th scope="col" class="rounded-q1" width="175">Spesifikasi</th>

<th scope="col" class="rounded-q2" width="150">Harga/Hari</th>

</tr>

</thead>

<tfoot>

<tr>

<td colspan="2" class="rounded-foot-left"><em><font size="2">Harga sewaktu-

waktu dapat berubah tanpa pemberitahuan</font></em></td>

<td class="rounded-foot-right"> </td>

</tr>

</tfoot>

<tbody>

<tr bgcolor="PowderBlue">

<td><b>Mercedes C Class</b><br/><img src="mercy.jpg" width="100%"

height="100%" style="border:0px solid #000000;margin-top:5px;"/></td>

<td align="center">Door:4</br> Seat:5</br> Suitcases:2</br> Tansmition:

Automatic</td>

<td align="center"><strong style="font-size:14px;">IDR 2.500.000</strong></td>

</tr>

<tr bgcolor="LightCyan">

<td><b>Toyota Alphard</b> <br/><img src="alpard.jpg" width="100%"



Manual</td>

<td align="center"><strong style="font-size:14px;">IDR 1.800.000</strong></td>

</tr>


<td><b>Toyota Fortuner </b><br/><img src="fortuner.jpg" width="100%"



Manual</td>

<td align="center"><strong style="font-size:14px;">IDR 900.000</strong></td>

</tr>


<td><b>Pajero </b><br/><img src="pajero.jpg" width="100%" height="100%"

style="border:1px solid #000000;margin-top:5px;"/></td>


Manual</td>


</tr>


<td><b>Isuzu Elf </b> <br/><img src="elf.jpg" width="100%" height="100%"



Manual</td>


</tr>


<td><b>Toyota Innova</b> <br/><img src="inova.jpg" width="100%" height="100%"



Manual</td>


</tr>


<td><b>Toyota Avanza</b> <br/><img src="avanza.jpg" width="100%"



Manual</td>


</tr>


<td><b>Suzuki APV </b> <br/><img src="apv.jpg" width="100%" height="100%"


<td align="center">Door:5</br> Seat:8</br> Suitcases:2</br> Transmition:

Manual</td>


</tr>


<td><b>Daihatsu Xenia </b> <br/><img src="xenia.jpg" width="100%"


<td align="center">Door:5</br> Seat:8</br> Suitcases:2,</br> Transmition:

Manual</td>


</tr>


<td><b>Kijang Kapsul</b> <br/><img src="kijang.jpg" width="100%" height="100%"


<td align="center">Door:5</br> Seat:8</br> Suitcases:2</br> Transmition:

Manual</td>


</tr>

</tbody>

</table>

</td>

</table>


action="input.php">


<tr>


<tr>




<tr>

<td height="25">

<tr>


<tr>


<tr>


<tr>


<tr>







































<tr>


<tr>

<td><font face="Calibri" color="Lightskyblue" size="3"><b><center>Contact information

<tr>


<address>

Silver Rental<br />


Telp : 0531 33545<br />

<br />


HP: 0856 4945 6117<br />

</address></td>

</table>

</td>




</html>

Layout term & c0

IMAGE

Content

Yahoo status


Address :s

Email:

Mobile No :

Select Car:

Start date / time :

End date / time :

Select Car: Yes No



HEADER IMAGE


send

Tampilan Desain Web “Term & Co”

Kode HTML “Term & Co”

<html>

<title>Term</title>







</style>

<p>&nbsp


<tr>


</tr>

</table>

<table bgcolor="#DDDDDD" width= "900" height="43" border="0" align="center"

valign="center">

<tr>













</table>

&nbsp


<tr>

<td height="150">

<img src="term.jpg"></td>

</tr>

<table class="pu3" width="900" border="0px" align="center" valign="center"

bgcolor="#aaaaaa">

<tr>


<tr>


<h3>1. Rental Mobil Menggunakan Supir</h3>

<p class="text-content">Harga sewa tidak termasuk harga Supir.

Untuk rental dalam kota dan luar kota harga supir akan bervariasi sesuai dengan daerah

tujuan.</p>

<h3>2. Rental Mobil Tanpa Supir</h3>

<p class="text-content">Persyaratan Umum: Minimal 5

(lima) hari sewa</p>

<h3>Persyaratan untuk perusahaan:</h3>

<ul class="we-do">

<li>Fotocopy : SIUP, NPWP, TDP, Domisili perusahaan</li>

<li>Fotocopy: KTP pimpinan perusahaan (direktur) , KTP

Pemakai, kartu nama</li>

<li>Fotocopy : SIM pengemudi, Rekening telepon</li>

<li>Tambahan biaya untuk deposit Deposit asuransi Rp

1.000.000,- yg dapat dikembalikan jika tidak ada kejadian.</li>

</ul>

<h3>Persyaratan untuk perorangan:</h3>

<ul class="we-do">

<li>KTP Suami & Istri atau KTP Orang Tua (jika masih single)</li>

<li>Kartu Keluarga</li>

<li>Rekening Listrik & Telepon</li>

<li>PBB</li>

<li>SIM</li>

<li>Identitas Karyawan & Kartu Nama</li>

</ul>

<h3>Persyaratan untuk orang asing:</h3>

<ul class="we-do">

<li>Passport</li>

<li>KITAS</li>

<li>SIM Pengemudi</li>

<li>Identitas Karyawan & Kartu Nama</li>

</ul>

<h3>Segala kerusakan yang disebabkan sipenyewa akan

dibebankan kepada penyewa</h3>

<h3>3. Harga sewa sudah termasuk:</h3>

<ul class="we-do">

<li>Ganti oli dan service berkala</li>

<li>Asuransi all-risk</li>

<li>Penggantian ban, accu, onderdil</li>

</ul>

<h3>4. Bensin/Solar dibebankan ke penyewa</h3>

</td>

</table>


action="input.php">


<tr>

<td><font face="Calibri" color="Lightskyblue"

size="4"><b><center>Yahoo Status

<tr>



<img border="0"

src="http://opi.yahoo.com/[email protected]&m=g&t=2"></a>

<tr>

<td height="25">

<tr>


size="4"><b><center>Booking Di Sini !

<tr>


<tr>


<tr>


<tr>


<tr>


<tr>


<tr>


<tr>































<tr>











































<tr>





























<tr>


<tr>



<tr>

<td align="left">


<tr>

<td height="25">

<tr>


size="3"><b><center>Contact information

<tr>


<address>

Silver Rental<br />


Telp : 0531 33545<br />

<br />


HP: 0856 4945 6117<br />

</address></td>

</table>

</td>




</html>

Layout Contact

IMAGE

Kirimkan kritik/saran/pesan kepada kami.

Nama anda :

Email :

Telp/HP :

Isi Teks :

Yahoo status

Contact information Silver Rental Jl. Cilik Riwut KM 1,5 No.88 sampit - Kalimantan Tengah Telp : 0531 33545 E-mail: [email protected] HP: 0856 4945 6117


HEADER IMAGE


kirimkan

Tampilan Desain Web “Contact”

Kode HTML “Contact”

<html>

<title>contact</title>







</style>

<p>&nbsp


<tr>


</tr>

</table>


<tr>













</table>

&nbsp


<tr>

<td height="150">

<img src="contact.jpg"></td>

</tr>


<tr>


<tr>


<h3>Kirimkan kritik/saran/pesan kepada kami</h3>

<form name="form1" method="post" action="kritik.php">

<ul id="contactform">

<li>

<label for="name"><font color="#DDDDDD">Nama Anda: </font></label><br>

<input type="text" name="name" id="name" value=""/ size="40">

</li>

<li>

<label for="email"><font color="#DDDDDD">Email: </label><br>

<input type="text" name="email" id="email" value=""/ size="40">

</li>

<li>

<label for="contact"><font color="#DDDDDD">Telp/HP: </label><br>

<input type="text" name="contact" id="contact" value="" maxlength="15"/>

</li>

<li>

<label for="msg"><font color="#DDDDDD">Isi Teks: </label><br>

<textarea class="area" id="msg" name="msg" rows="8" cols="30"></textarea>

</li>

</ul>

<p align="center"><input type="submit" value="Kirimkan" id="sendbutton"

name="sendbutton"/>

</form>

</td>

</table>

<td width="200" rowspan="11" valign="top">


<tr>

<td><font face="Calibri" color="Lightskyblue" size="4"><b><center>Yahoo

Status

<tr>




<tr>

<td height="25">

<tr>


information

<tr>


<address>

Silver Rental<br />


Telp : 0531 33545<br />

<br />


HP: 0856 4945 6117<br />

</address></td>

</table>

</td>




</html>

Kode PHP untuk form inputan booking. <?php

$name= $_POST ['name'];

$address= $_POST ['address'];

$email= $_POST ['email'];

$mobile= $_POST ['mobile'];

$car= $_POST ['car'];

$bln= $_POST ['bln'];

$tgl= $_POST ['tgl'];

$thn= $_POST ['thn'];

$jam= $_POST ['jam'];

$bln= $_POST ['bln'];

$tgl= $_POST ['tgl'];

$thn= $_POST ['thn'];

$jam= $_POST ['jam'];

$driver= $_POST ['driver'];

if($name=="")

{

print"<script>alert('Maaf, Nama anda masih kosong!');

javascript:history.go(-1);</script>";

}

else if($address=="")

{

print"<script>alert('Maaf, Alamat anda masih kosong!');


}

else if($email=="")

{

print"<script>alert('Maaf,Email anda masih kosong!');


}

else if($mobile=="")

{

print "<script>alert('Maaf, Masukan Nomer HP anda!');


}

else if($car=="")

{

print "<script>alert('Maaf, pilih salah satu mobil pilihan anda!');


}

else if($bln=="")

{

print "<script>alert('Maaf, masukkan pada pilihan bulan!');


}

else if($tgl=="")

{

print "<script>alert('Maaf, masukkan pada pilihan tanggal!');


}

else if($thn=="")

{

print"<script>alert('Maaf, masukkan pada pilihan tahun!');


}

else if($bln=="")

{

print "<script>alert('Maaf, masukkan pada pilihan bulan!');


}

else if($tgl=="")

{

print "<script>alert('Maaf, masukkan pada pilihan tanggal!');


}

else if($thn=="")

{

print"<script>alert('Maaf, masukkan pada pilihan tahun!');


}

echo"<center><font size=12 font color=Gray>Data Anda Telah Di Save <br> Berikut data-data

anda: </font><br><br>";

echo"<center><font size=6 font color=Gray></font>";

echo"Name: $name <br>";

echo"Address: $address <br>";

echo"Email: $email <br>";

echo"Mobile No: $mobile <br>";

echo"Select Car: $car <br>";

echo"Start Date / Time (month): $bln <br>";

echo"Start Date / Time (day): $tgl <br>";

echo"Start Date / Time (year): $thn <br>";

echo"Start Date / Time: $jam <br>";

echo"End Date / Time (month): $bln <br>";

echo"End Date / Time (day): $tgl <br>";

echo"End Date / Time (year): $thn <br>";

echo"End Date / Time: $jam <br>";

echo"Driver: $driver <br>";

echo"<center><font size=4 font color=Gray><br>Permintaan anda akan segera kami

konfirmasi.<br>Silahkan cek Email anda & kami akan menghubungi anda. <br> Thank You!

</font><br><br>";

?>

Tampilan form inputan booking

Tampilan Error Handling

Kode PHP untuk form inputan Kritik/saran/pesan.

<?php

$name= $_POST ['name'];

$email= $_POST ['email'];

$contact= $_POST ['contact'];

$msg= $_POST ['msg'];

if($name=="")

{

print"<script>alert('maaf, Masukan nama anda!');


}

else if($email=="")

{

print"<script>alert('maaf, Masukan email anda!');


}

else if($contact=="")

{

print"<script>alert('maaf, Masukan contact anda!');


}

else if($msg=="")

{

print "<script>alert('Pesan anda masih kosong!');


}

echo"<center><font size=7 font color=grey> Kritik/saran/pesan anda telah kami terima.<br>

</font><br>";

echo"Name: $name <br>";

echo"Email: $email <br>";

echo"Contact: $contact <br>";

echo"Kritik/saran/pesan anda: $msg <br>";

echo"<center><font size=4 font color=Gray><br>Terima kasih atas kritik & saran

anda.</font><br><br>";

?>

Tampilan form inputan Kritik/saran/pesan

Tampilan Error Handling

TUGAS UAS IMK

Documents

Transcript of TUGAS UAS IMK