-- My Country --

Glitter Words

Pages

Thursday, March 10, 2011

Membuat Sign Up Form Sederhana dengan PHP (UTS)

Sebagai pemula pembuat web, tentunya kita harus mulai belajar dari dasar. Disini saya mencoba untuk sharing bagaimana cara membuat form sign up sederhana. Banyak orang menganggap belajar WEB itu ribet, pusing, sulit and semuanyaaaaa.... Tapi juga ada yang bilang "kalau mau belajar, WEB itu mudah kok!".... Nah, untuk itu bejalarnya juga harus dari dasar. Dibawah ini ada semacam script php yang bisa menjadikan reference dalam membuat suatu web. Silahkan menikmatiiiii... ^o^
Berikut ini adalah script untuk php :

<!DOCTYPE html>
<html lang ="en">

<head>
<title>Sign Up Form</title>
</head>

<body bgcolor="feb6e5"/>
<font face = "Broadway" size= "8" align="center">::Sign Up Form::</font>
<br>
<br>
<br>
<?php
if($_GET){
$nama = $_GET['nama'];
$email = $_GET['email'];
$alamat = $_GET['alamat'];
$kota = $_GET['kota'];
$kode = $_GET['kode'];
$error = array();
if(empty($nama)){
$error['nama'] = 'Nama tidak boleh kosong';
}
if(empty($email)){
$error['email'] = 'Email tidak boleh kosong';
}
if(empty($alamat)){
$error['alamat'] = 'Alamat tidak boleh kosong';
}
if(empty($kota)){
$error['kota'] = 'Kota tidak boleh kosong';
}
if(empty($kode)){
$error['kode'] = 'Kode pos tidak boleh kosong';
}
if(empty($error)){
}
}
?>
<form action="" method="GET">
Nama :
<br><input type="text" name="nama" value ="<?php echo isset($_GET['nama']) ? $_GET['nama'] : '';?>"/> <br />
<div style="color:red"><?php echo isset($error['nama']) ? $error['nama'] : '';?></div>
<br>
Email :
<br><input type="text" name="email" value = "<?php echo isset($_GET['email']) ? $_GET['email'] : '';?>"/> <br />
<div style="color:red"><?php echo isset($error['email']) ? $error['email'] : '';?></div>
<br>
Alamat :
<br><input type="text" name="alamat" value = "<?php echo isset($_GET['alamat']) ? $_GET['alamat'] : '';?>"/> <br />
<div style="color:red"><?php echo isset($error['alamat']) ? $error['alamat'] : '';?></div>
<br>
Kota :
<br><input type="text" name="kota" value = "<?php echo isset($_GET['kota']) ? $_GET['kota'] : '';?>"/> <br />
<div style="color:red"><?php echo isset($error['kota']) ? $error['kota'] : '';?></div>
<br>
Kode pos :
<br><input type="text" name="kode" value = "<?php echo isset($_GET['kode']) ? $_GET['kode'] : '';?>"/> <br />
<div style="color:red"><?php echo isset($error['kode']) ? $error['kode'] : '';?></div>
<br>
<input type="submit" value="Sign Up"/>
</form>
</body>
</html>


Setelah diklik "Sign Up", maka tampilan di bawah ini menampilkan data yang semua form diisi, sehingga tidak menimbulkan pemberitahuan error.



Setelah diklik "Sign Up", maka tampilan di bawah ini menampilkan pemberitahuan error, bahwa semua form harus diisi.

Thursday, March 3, 2011

Kata-Kata Inspirasi Menjadi Pilihan Hidup


==============================
Aku melewati apa yang telah terjadi
di belakangku dan berjalan mengarahkan
diri kepada apa yang ada di hadapanku.
==============================
===============================
Kesenangan bukan untuk dihabiskan sesaat,
namun untuk dinikmati dalam perjalanan
panjang. Inilah yang membuat hidup selalu
lebih bermakna.
===============================
===============================
Memang mudah memberikan penghakiman
kepada orang lain, semudah kita tidak mau
mempelajari orang itu.
===============================
===============================
Membangun hubungan yang kuat layaknya
menanam tanaman dengan segala upaya
dan perhatianyang nyata.
===============================
===============================
Kritik itu akan membangun jika dan hanya
jika dilakukan pada saat yang tepat.
===============================
===============================
Tuhan menciptakan manusia dengan dua
telinga dan satu mulut, mungkin agar kita
lebih banyak mendengarkan. Namun tidak
semata-mata demikian, telinga juga
dilengkapi "penyaring" agar kita mampu
memasukkan hal positif ke otak kita
===============================

Semoga kata-kata ini menjadikan pandangan hidup dan dapat membantu segala masalah yang rumit dalam kehidupan ini. Namun, sebanyak-banyaknya cobaan dalam hidup tidak mungkin jika tidak ada penyelesaian. Hanya saja penyelesaian suatu masalah tidak selalu seperti membalik telapak tangan. Jangan pernah menyerah! Hidup tak hanya sampai disini....

- GOOD LUCK -

* Tobe Continue in the next section ^o^

Tuesday, March 1, 2011

Membuat Aplikasi Form Pemesanan Berbasis JavaScript

Terkait pengembangan JavaScript, aplikasi ini dapat mempermudah dalam perhitungan harga harga suatu makanan, dikalikan dengan jumlah tiap-tiap menu yang telah dipesan.

Script html adalah sebagai berikut :


<!DOCTYPE html>
<html lang="en">
<head>
<body background="Wallpaper_01.jpg"/>
<font color = "#ea75c5"><h2>--Form Pemesanan Berbasis Java Script--</h2>
<form name="pemesanan" action="#">
<table border = "1px">
<font color = "#ee36a2">
<tr>
<th width="20px">No</th>
<th width="200px">Makanan/Minuman</th>
<th width="100px">Harga</th>
<th width="100px">Pesan</th>
</tr>

<tr>
<td>1</td>
<td>Bakso Istimewa</td>
<td>@<input type="text" name="bakso" value="12000" size="6" readonly></td>
<td><input type="text" name="hargaBakso" value="0" onchange="hitungPesan()">
</td>
</tr>

<tr>
<td>2</td>
<td>Soto Spesial</td>
<td>@<input type="text" name="soto" value="10000" size="6" readonly></td>
<td><input type="text" name="hargaSoto" value="0" onchange="hitungPesan()">
</td>
</tr>

<tr>
<td>3</td>
<td>Mie Ayam Super</td>
<td>@<input type="text" name="mie" value="15000" size="6" readonly></td>
<td><input type="text" name="hargaMie" value="0" onchange="hitungPesan()">
</td>
</tr>

<tr>
<td>4</td>
<td>Es Degan</td>
<td>@<input type="text" name="degan" value="5000" size="6" readonly></td>
<td><input type="text" name="hargaDegan" value="0" onchange="hitungPesan()">
</td>
</tr>

<tr>
<td>5</td>
<td>Es Campur</td>
<td>@<input type="text" name="campur" value="7000" size="6" readonly></td>
<td><input type="text" name="hargaCampur" value="0" onchange="hitungPesan()">
</td>
</tr>

<tr>
<td colspan="3" align="right">Jumlah Total</td>
<td><input type="text" name="Total" readonly="true">
</td>
</tr>

<tr>
<td colspan="3" align="right">Diskon</td>
<td><input type="text" name="Diskon" readonly="true">
</td>
</tr>

<tr>
<td colspan="3" align="right">Jumlah Dibayar</td>
<td><input type="text" name="Bayar" readonly="true" align="right">
</td>
</tr>
</table>
<br><input type="button" value="BATAL" onMouseUp="resetForm()">
</form>
<script language="JavaScript" type="text/javascript">
<!--
function hitungPesan(){
var nota = document.pemesanan;
var jumlahBakso = 12000 * parseInt(nota.hargaBakso.value);
var jumlahSoto = 10000 * parseInt(nota.hargaSoto.value);
var jumlahMie = 15000 * parseInt(nota.hargaMie.value);
var jumlahDegan = 5000 * parseInt(nota.hargaDegan.value);
var jumlahCampur = 7000 * parseInt(nota.hargaCampur.value);
var jumlahTotal = jumlahBakso + jumlahSoto + jumlahMie + jumlahDegan + jumlahCampur;
if (jumlahTotal > 50000)
{
nota.Total.value = jumlahTotal;
nota.Diskon.value = 10000;
nota.Bayar.value = jumlahTotal - 10000;
}
else{
nota.Total.value = jumlahTotal;
nota.Diskon.value = 0;
nota.Bayar.value = jumlahTotal;
}
}
function resetForm(){
document.pemesanan.reset();
}
//->
</script>
<br>
<br><font align="center" face="Broadway" size="3" >&reg Suastika Yulia Riska-109533414510 </font>
<br><font align="center" face="Brush Script MT" size = "5">-The Learning University of Malang-</font>
</body>
</html>


Sehingga menampilkan form sebagai berikut :


Jika mengklik Button CANCEL akan muncul tampilan sebagai berikut :


Semoga Bermanfaat dan dapat membantu dalam mengembangkan aplikasi web berbasis Java Script... ^o^

 
Powered by Blogger