Studi Kasus beritaoke.com
Latihan Soal Pra UAS I
Tampilkan postingan dengan label web programing 1. Tampilkan semua postingan
Tampilkan postingan dengan label web programing 1. Tampilkan semua postingan
Materi Fungsi Tanggal dan Waktu (Date/Time)
Materi Function:
> Deklarasi Function (pembuatan function)
> Pemanggilan Function
Materi Function:
> Deklarasi Function (pembuatan function)
> Pemanggilan Function
Desain Form input_biodata.html
Desain Form tampil_biodata.php
Untuk Script-nya, Silakan download disini
Desain Form tampil_biodata.php
Untuk Script-nya, Silakan download disini
Di postingan sebelumnya sudah dijelaskan mengenai pengenalan form. Kali ini kita akan mencoba untuk membuat desain seperti di bawah ini:
Maka coding nya adalah sebagai berikut:
<body>
<form action="out_buku.php" method="post">
<pre>
Toko Buku Online
Nama Pembeli <input type="text" name="tnama">
Alamat <textarea rows="3" cols="20" name="talamat"></textarea>
Pilih Buku <select name="cbpilih">
<option>Negeri 5 Menara</option>
<option>Laskar Pelangi</option>
<option>Hafalan Sholat Delisa</option>
</select>
Harga <input name="tharga" type="text">
Jumlah Beli <input name="tjml" type="text">
Pilih Sampul <input type="checkbox" name="cplastik" value="Plastik">Sampul Plastik (Rp 2000,-)
<input type="checkbox" name="ckado" value="Kado">Sampul Kado (Rp 5000,-)
Pilih Bank <input type="radio" name="bank" value="BNI">BNI
<input type="radio" name="bank" value="BRI">BRI
<input type="radio" name="bank" value="BCA">BCA
<input type="submit" value="Pesan Sekarang"> <input type="reset" value="Batal">
</pre>
</form>
</body>
Simpan file tersebut dengan nama input_buku.html
Selanjutnya buat file out_buku.php dengan coding sebagai berikut:
<body>
<?php
$nama=$_POST['tnama'];
$alamat=$_POST['talamat'];
$buku=$_POST['cbpilih'];
$harga=$_POST['tharga'];
$jml=$_POST['tjml'];
if(isset($_POST['cplastik']))
$plastik=2000;
if(isset($_POST['ckado']))
$plastik=5000;
$sampul=$plastik+$kado;
$total=$jml*$harga+$sampul;
$bank=$_POST['bank'];
if ($bank=="BNI")
$diskon=0.1*$total;
else if ($bank=="BRI")
$diskon=0.2*$total;
else
$diskon=0.3*$total;
$tobay=$total-$diskon;
$rek=$_POST['bank'];
echo "<pre>
Data Belanja
Nama Pembeli : $nama<br>
Alamat : $alamat<br>
Buku : $buku<br>
Harga : $harga<br>
Jumlah Buku : $jml<br>
Harga Sampul : Rp $sampul,-<br>
--------------------------------------
Total : Rp $total,-<br>
Transfer melalui Bank $rek<br>
<br><br><br>
<a href=input_buku.html>Beli Lagi</a>";
?>
A. Komponen Form
Sebuah website
dinamis seringkali memerlukan interaksi antara browser client dan server
bisa berupa pemasukan data teks, angka, atau upload file untuk diproses oleh server.
Untuk mewadahi suatu data yang dikirimkan oleh browser client, dibutuhkan adanya FORM HTML. Penggunaan form misalnya untuk pendaftaran
keanggotaan, pemasukan kode kartu kredit, login
user, transaksi perbelanjaan, dan upload
file.
Dalam FORM HTML terdapat beberapa komponen yang bisa
digunakan, antara lain :
a.
Form
|
b.
Text Box
|
c.
Text Area
|
d.
Radio buton
|
e.
Combo Box
|
f.
Check Box
Check box untuk memilih satu atau lebih pernyataan
dari beberapa pernyataan yang disediakan.
|
g.
Submit
|
h.
Reset
|
Pengertian
HTML (Hypertext Markup Language)
Hypertext Markup Language merupkan standard bahasa yang di gunakan untuk
menampilkan document web. HTML dibuat di dalam text editor atau web editor, sedangkan hasilnya
ditampikan pada browser. Editor merupakan program yang digunakan
untuk menulis kode HTML, contohnya Notepad,
Textpad, Frontpage dan Macromedia
Dreamweaver.
Bentuk
Umum HTML
Kode-kode
dalam HTML biasanya disebut TAG. Tag ditulis dengan tanda kurung siku buka dan
ditutup dengan kurung siku tutup.
Jenis-Jenis Tag HTML :
<!--
--> Memberi
komentar atau keterangan. Kalimat yang terletak pada tag
kontiner ini tidak akan terlihat pada browser
<a
href> Membuat link ke halaman lain
atau ke bagian lain dari halaman tersebut
<a name> Membuat
nama bagian yang didefinisikan pada link pada halaman yang
sama
<applet> Sebagai awal dari Java applets
<area> Mendefinisikan daerah yang dapat diklik
(link) pada image map
<b> Membuat teks tebal
<basefont> Membuat atribut teks default seperti jenis,
ukuran dan warna font
<bgsound> Memberi (suara latar) background sound pada
halaman web
<big> Memperbesar ukuran teks sebesar satu
point dari defaultnya
<blink> Membuat teks berkedip
<body> Tag awal untuk melakukan berbagai
pengaturan terhadap text, warna link
& visited link
<br> Pindah baris
<caption> Membuat caption pada tabel
<center> Untuk perataan tengah terhadap teks atau
gambar
<comment> Meletakkan komentar pada halaman web tidak
tidak akan nampak pada
browser
<dd> Indents teks
<div> Represents different sections of
text.
<embed> Menambahkan sound or file avi ke halaman
web
<fn> Seperti tag <a name>
<font> Mengganti
jenis, ukuran, warna huruf yang akan digunakan utk teks
<form> Mendefinisikan
input form
<frame> Mendefinisikan frame
<frameset> Mendefinisikan attribut halaman yang akan
menggunakan frame
<h1>
... <h6> Ukuran font
<head> Mendefinisikan head document.
<hr> Membuat garis horizontal
<html> Berarti dokumen html
<i> Membuat teks miring
<img> Image,
imagemap atau an animation
<input> Mendefinisikan input field pada form
<li> Membuat
bullet point atau baris baru pada list (berpasangan dengan tag
<dir>, <menu>, <ol> and
<ul> )
<map> Mendefinisikan client-side map
<marquee> Membuat scrolling teks (teks berjalan) - hanya
pada MS IE
<nobr> Mencegah ganti baris pada teks atau
images
<noframes> Jika browser user tidak mendukung frame
<ol> Mendefinisikan awal dan akhir list
<p> Ganti paragraf
<pre> Membuat teks dengan ukuran huruf yg
sama
<script> Mendefinisikan awal script
<table> Membuat tabel
<td> Kolom pada tabel
<title> Mendefinisikan
title
<tr> Baris pada tabel
<u> Membuat teks bergaris bawah
Label:
html,
web programing 1
0
komentar
Langganan:
Postingan (Atom)
