dyataja.files.wordpress.com€¦ · Web viewNama: Dyat Sulistyowarni. NPM: 1157201000981. Kelas:...
Transcript of dyataja.files.wordpress.com€¦ · Web viewNama: Dyat Sulistyowarni. NPM: 1157201000981. Kelas:...
![Page 1: dyataja.files.wordpress.com€¦ · Web viewNama: Dyat Sulistyowarni. NPM: 1157201000981. Kelas: D/MALAM/fikom. M K: IMK. Sistem Pemesanan Keramiku. Disini saya membuat sebuah “](https://reader035.fdocument.pub/reader035/viewer/2022070610/5aecea2b7f8b9ad73f9052bc/html5/thumbnails/1.jpg)
Nama : Dyat Sulistyowarni
NPM : 1157201000981
Kelas : D/MALAM/fikom
M K : IMK
Sistem Pemesanan Keramiku
Disini saya membuat sebuah “ Sistem Pemesanan Keramiku “
Berikut tampilanya,
1. Home
Ini codingnya,
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
![Page 2: dyataja.files.wordpress.com€¦ · Web viewNama: Dyat Sulistyowarni. NPM: 1157201000981. Kelas: D/MALAM/fikom. M K: IMK. Sistem Pemesanan Keramiku. Disini saya membuat sebuah “](https://reader035.fdocument.pub/reader035/viewer/2022070610/5aecea2b7f8b9ad73f9052bc/html5/thumbnails/2.jpg)
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
<!--
.style1 {-moz-box-shadow: 1px 1px 23px #FFFF00;
-webkit-box-shadow: 1px 1px 23px #FFFF00;
box-shadow: 1px 1px 23px #FFFF00;
}
.style3 {font-size: 24px}
.style4 {-moz-box-shadow: 1px 1px 23px #FFFF00;
-webkit-box-shadow: 1px 1px 23px #FFFF00;
box-shadow: 1px 1px 23px #FFFF00;
}
.style2 {color: #000000}
body {
background-image: url(keramik.jpg);
}
.style5 {
-moz-box-shadow: 1px 1px 23px #FFFF00;
-webkit-box-shadow: 1px 1px 23px #FFFF00;
box-shadow: 1px 1px 23px #FFFF00;
}
![Page 3: dyataja.files.wordpress.com€¦ · Web viewNama: Dyat Sulistyowarni. NPM: 1157201000981. Kelas: D/MALAM/fikom. M K: IMK. Sistem Pemesanan Keramiku. Disini saya membuat sebuah “](https://reader035.fdocument.pub/reader035/viewer/2022070610/5aecea2b7f8b9ad73f9052bc/html5/thumbnails/3.jpg)
.style7 {
font-size: 24px;
font-family: "comic Sans MS";
color: #FF0000;
}
-->
</style>
</head>
<body>
<table width="600" height="122" border="1" align="center" class="style1">
<tr bgcolor="#FFFFFF">
<th width="139" align="left" valign="top" scope="row"><img src="a2.jpg" width="140" height="113" /></th>
<th width="445" align="left" valign="top" scope="row"><p align="center" class="style3">Sistem Pemesanan "Kramikku" </p>
<p align="center">Jl.R.A Kartini, Perkutut V No 27 </p></th>
</tr>
</table>
<table width="600" border="1" align="center" class="style4">
<tr bgcolor="#FF9900" class="style4">
<th width="192" scope="row"><a href="http://localhost/coba/Home.html"><span class="style2">Home</span></th>
<th width="180" scope="row"><a href="http://localhost/coba/Pesan.html"><span class="style2">Pesan</span></th>
![Page 4: dyataja.files.wordpress.com€¦ · Web viewNama: Dyat Sulistyowarni. NPM: 1157201000981. Kelas: D/MALAM/fikom. M K: IMK. Sistem Pemesanan Keramiku. Disini saya membuat sebuah “](https://reader035.fdocument.pub/reader035/viewer/2022070610/5aecea2b7f8b9ad73f9052bc/html5/thumbnails/4.jpg)
<th width="206" scope="row"><a href="http://localhost/coba/Profil.html"><span class="style2">Profil</span></th>
</tr>
</table>
<table width="600" height="460" border="1" align="center" class="style5">
<tr>
<th width="600" align="left" valign="top" bgcolor="#FFFFFF" scope="row"><table width="567" height="375" border="1" align="center" class="style5">
<tr>
<th width="184" height="174" scope="row"><div align="center"><img src="a1.jpg" width="150" height="150" /></div></th>
<th width="197" scope="row"><div align="center"><img src="a.jpg" width="150" height="150" /></div></th>
<th width="225" scope="row"><div align="center"><img src="kerami 3.jpg" width="150" height="150" /></div></th>
</tr>
<tr>
<th height="145" scope="row"><div align="center"><img src="a3.jpg" width="150" height="150" /></div></th>
<th scope="row"><div align="center"><img src="a4.jpg" width="150" height="150" /></div></th>
<th scope="row"><div align="center"><img src="a5.jpg" width="150" height="150" /></div></th>
</tr>
</table>
<table width="559" align="center">
<tr>
<th width="551" scope="row"><marquee>
<span class="style7">Selamat Memesan Keramik dari Toko kami</span>
</marquee> </th>
![Page 5: dyataja.files.wordpress.com€¦ · Web viewNama: Dyat Sulistyowarni. NPM: 1157201000981. Kelas: D/MALAM/fikom. M K: IMK. Sistem Pemesanan Keramiku. Disini saya membuat sebuah “](https://reader035.fdocument.pub/reader035/viewer/2022070610/5aecea2b7f8b9ad73f9052bc/html5/thumbnails/5.jpg)
</tr>
</table></th>
</tr>
</table>
</body>
</html>
Berikut tampilan,
2. Pesan
Ini codingnya,
<html> <head><title>Form</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><style type="text/css"><!--body {
![Page 6: dyataja.files.wordpress.com€¦ · Web viewNama: Dyat Sulistyowarni. NPM: 1157201000981. Kelas: D/MALAM/fikom. M K: IMK. Sistem Pemesanan Keramiku. Disini saya membuat sebuah “](https://reader035.fdocument.pub/reader035/viewer/2022070610/5aecea2b7f8b9ad73f9052bc/html5/thumbnails/6.jpg)
background-image: url(keramik.jpg);}.style2 {color: #000000}.style3 {font-size: 24px}
.style7 {border-radius: 5px; border: inset 5px #FFFF00;}
.style1 {-moz-box-shadow: 1px 1px 23px #FFFF00;-webkit-box-shadow: 1px 1px 23px #FFFF00;box-shadow: 1px 1px 23px #FFFF00;
}
--> </style></head> <body> <form action="cetak.php" method="post"> <table width="600" height="122" border="1" align="center" class="style1"> <tr bgcolor="#FFFFFF"> <th width="139" align="left" valign="top" scope="row"><img src="a2.jpg" width="140" height="113"></th> <th width="445" align="left" valign="top" scope="row"><p align="center" class="style3">Sistem Pemesanan "Kramikku" </p> <p align="center">Jl.R.A Kartini, Perkutut V No 27 </p></th> </tr> </table> <table width="600" border="1" align="center" class="style1"> <tr bgcolor="#FF9900" class="style1"> <th width="192" scope="row"><a href="http://localhost/coba/Home.html"><span class="style2">Home</span></th> <th width="180" scope="row"><a href="http://localhost/coba/Pesan.html"><span class="style2">Pesan</span></th> <th width="206" scope="row"><a href="http://localhost/coba/Profil.html"><span class="style2">Profil</span></th> </tr> </table> <table width="600" height="456" align="center" class="style1"> <tr>
![Page 7: dyataja.files.wordpress.com€¦ · Web viewNama: Dyat Sulistyowarni. NPM: 1157201000981. Kelas: D/MALAM/fikom. M K: IMK. Sistem Pemesanan Keramiku. Disini saya membuat sebuah “](https://reader035.fdocument.pub/reader035/viewer/2022070610/5aecea2b7f8b9ad73f9052bc/html5/thumbnails/7.jpg)
<th width="120" height="49" bgcolor="#FFFFFF" scope="row"><div align="left">Nama</div></th> <th width="10" bgcolor="#FFFFFF" scope="row"><div align="left">:</div></th> <th width="459" bgcolor="#FFFFFF" scope="row"><div align="left"> <input name="nama" type="text" size="35"/> </div></th> </tr> <tr> <th height="70" bgcolor="#FFFFFF" scope="row"><div align="left">Alamat</div></th> <th bgcolor="#FFFFFF" scope="row"> <div align="left">:</div></th> <th bgcolor="#FFFFFF" scope="row"><div align="left"> <textarea name="alamat" cols="30" rows="3"></textarea> </div></th> </tr> <tr> <th height="48" bgcolor="#FFFFFF" scope="row"><div align="left">Jenis Kelamin </div></th> <th bgcolor="#FFFFFF" scope="row"><div align="left">:</div></th> <th bgcolor="#FFFFFF" scope="row"><div align="left"> <input type="radio" name="sex" value="Laki-laki"/> laki - laki <input type="radio" name="sex" value="Perempuan"/> Perempuan </div></th> </tr> <tr> <th height="49" bgcolor="#FFFFFF" scope="row"><div align="left">Ukuran Keramik</div></th> <th bgcolor="#FFFFFF" scope="row"><div align="left">:</div></th> <th bgcolor="#FFFFFF" scope="row"><div align="left"> <select name="pekerjaan"> <option value="20X20">20X20</option> <option value="20X30">20X30</option> <option value="30X30">30X30</option>
<option value="40X40">40X40</option> </select> </div></th> </tr> <tr> <th height="198" align="left" valign="top" bgcolor="#FFFFFF" scope="row"><div align="left">Jenis Kramik </div></th> <th valign="top" bgcolor="#FFFFFF" scope="row"><div align="left">:</div></th> <th bgcolor="#FFFFFF" scope="row"><p align="left">
![Page 8: dyataja.files.wordpress.com€¦ · Web viewNama: Dyat Sulistyowarni. NPM: 1157201000981. Kelas: D/MALAM/fikom. M K: IMK. Sistem Pemesanan Keramiku. Disini saya membuat sebuah “](https://reader035.fdocument.pub/reader035/viewer/2022070610/5aecea2b7f8b9ad73f9052bc/html5/thumbnails/8.jpg)
<input type="checkbox" name="hobby" value="Sandimas"/> Sandimas </p> <p align="left"> <input type="checkbox" name="hobby" value="Platinum"/> Platinum</p> <p align="left"> <input type="checkbox" name="hobby" value="Ikad"/> Ikad</p>
<p align="left"> <input type="checkbox" name="hobby" value="Granito"/> Granito</p>
<p align="left"> <input type="checkbox" name="hobby" value="Salsa"/> Salsa</p> </th> </tr> <tr> <th height="26" bgcolor="#FFFFFF" scope="row"><div align="left"></div></th> <th bgcolor="#FFFFFF" scope="row"><div align="left"></div></th> <th bgcolor="#FFFFFF" scope="row"><div align="left"> <table width="395"> <tr> <th width="234" scope="row"><input name="submit" type="submit" value="Pesan"/></th> <th width="209" scope="row"><input name="reset" type="reset" value="ulangi"/></th> </tr> </table> </div></th> </tr> </table> <p> </p><p> </p> <p> </p></form></body></html>
![Page 9: dyataja.files.wordpress.com€¦ · Web viewNama: Dyat Sulistyowarni. NPM: 1157201000981. Kelas: D/MALAM/fikom. M K: IMK. Sistem Pemesanan Keramiku. Disini saya membuat sebuah “](https://reader035.fdocument.pub/reader035/viewer/2022070610/5aecea2b7f8b9ad73f9052bc/html5/thumbnails/9.jpg)
Berikut tampilan jika link Pesan diisi,
Jika kita klik cetak maka ia akan tercetak atau terprint, jika kita klik batal maka dia akan kembali ke halaman Home.
![Page 10: dyataja.files.wordpress.com€¦ · Web viewNama: Dyat Sulistyowarni. NPM: 1157201000981. Kelas: D/MALAM/fikom. M K: IMK. Sistem Pemesanan Keramiku. Disini saya membuat sebuah “](https://reader035.fdocument.pub/reader035/viewer/2022070610/5aecea2b7f8b9ad73f9052bc/html5/thumbnails/10.jpg)
Berikut tampilan,
3. Profil
berikut codingnya,
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>Untitled Document</title><style type="text/css"><!--.style1 {-moz-box-shadow: 1px 1px 23px #FFFF00;
-webkit-box-shadow: 1px 1px 23px #FFFF00;box-shadow: 1px 1px 23px #FFFF00;
}.style3 {font-size: 24px}.style4 {-moz-box-shadow: 1px 1px 23px #FFFF00;
-webkit-box-shadow: 1px 1px 23px #FFFF00;box-shadow: 1px 1px 23px #FFFF00;
![Page 11: dyataja.files.wordpress.com€¦ · Web viewNama: Dyat Sulistyowarni. NPM: 1157201000981. Kelas: D/MALAM/fikom. M K: IMK. Sistem Pemesanan Keramiku. Disini saya membuat sebuah “](https://reader035.fdocument.pub/reader035/viewer/2022070610/5aecea2b7f8b9ad73f9052bc/html5/thumbnails/11.jpg)
}.style2 {color: #000000}.style5 {-moz-box-shadow: 1px 1px 23px #FFFF00;
-webkit-box-shadow: 1px 1px 23px #FFFF00;box-shadow: 1px 1px 23px #FFFF00;
}.style6 {
font-family: "comic Sans MS";font-size: 24px;
}body {
background-image: url(keramik.jpg);}--></style></head>
<body><table width="600" height="122" border="1" align="center" class="style1"> <tr bgcolor="#FFFFFF"> <th width="139" align="left" valign="top" scope="row"><img src="a2.jpg" width="140" height="113" /></th> <th width="445" align="left" valign="top" scope="row"><p align="center" class="style3">Sistem Pemesanan "Kramikku" </p> <p align="center">Jl.R.A Kartini, Perkutut V No 27 </p></th> </tr></table><table width="600" border="1" align="center" class="style4"> <tr bgcolor="#FF9900" class="style4"> <th width="192" scope="row"><a href="http://localhost/coba/Home.html"><span class="style2">Home</span></th> <th width="180" scope="row"><a href="http://localhost/coba/Pesan.html"><span class="style2">Pesan</span></th> <th width="206" scope="row"><a href="http://localhost/coba/Profil.html"><span class="style2">Profil</span></th> </tr></table><table width="600" height="417" border="1" align="center" class="style5"> <tr> <th width="669" height="411" align="left" valign="top" bgcolor="#FFFFFF" scope="row"><p> </p> <p align="center" class="style6">Biodata</p>
![Page 12: dyataja.files.wordpress.com€¦ · Web viewNama: Dyat Sulistyowarni. NPM: 1157201000981. Kelas: D/MALAM/fikom. M K: IMK. Sistem Pemesanan Keramiku. Disini saya membuat sebuah “](https://reader035.fdocument.pub/reader035/viewer/2022070610/5aecea2b7f8b9ad73f9052bc/html5/thumbnails/12.jpg)
<table width="589"> <tr> <th width="161" scope="row"><div align="left">NPM</div></th> <th width="11" scope="row"><div align="left">:</div></th> <th width="401" scope="row"><div align="left"> 1157201000981 </div></th> </tr> <tr> <th scope="row"><div align="left">Nama</div></th> <th scope="row"><div align="left">:</div></th> <th scope="row"><div align="left">Dyat Sulistyowarni </div></th> </tr> <tr> <th scope="row"><div align="left">Kelas</div></th> <th scope="row"><div align="left">:</div></th> <th scope="row"><div align="left">D ( malam ) </div></th> </tr> <tr> <th scope="row"><div align="left">Mata Kuliah</div></th> <th scope="row"><div align="left">:</div></th> <th scope="row"><div align="left">IMK ( Interaksi Manusia dengan Komputer ) </div></th> </tr> <tr> <th scope="row"><div align="left">Fakultas</div></th> <th scope="row"><div align="left">:</div></th> <th scope="row"><div align="left">Ilmu Komputer </div></th> </tr> <tr> <th scope="row"><div align="left"></div></th> <th scope="row"><div align="left"></div></th> <th scope="row"><div align="left"></div></th> </tr> <tr> <th scope="row"> <p align="center">Universitas Darwan Ali </p> <p align="center">Sampit</p></th> <th scope="row"><div align="center"></div></th> <th scope="row"><div align="center"></div></th> </tr> <tr> <th scope="row"><div align="left"></div></th> <th scope="row"><div align="left"></div></th> <th scope="row"><div align="left"></div></th>
![Page 13: dyataja.files.wordpress.com€¦ · Web viewNama: Dyat Sulistyowarni. NPM: 1157201000981. Kelas: D/MALAM/fikom. M K: IMK. Sistem Pemesanan Keramiku. Disini saya membuat sebuah “](https://reader035.fdocument.pub/reader035/viewer/2022070610/5aecea2b7f8b9ad73f9052bc/html5/thumbnails/13.jpg)
</tr> </table> <p> </p> <p> </p> </th> </tr></table></body></html>
Demikian tugas yang dapat saya kerjakan jika ada kekurangannya saya minta maaf sekian dan terimakasih.
Dyat.s