Membuat Form Login dengan PHP

Minggu, Maret 28, 2010 | By ☼ Mahsun Huda ☼

Assalaamu'alaikum Wr. Wb.

Mari belajar membuat form login sederhana dengan menggunakan PHP.


copy-lah kode berikut ke notepad dan simpan dengan nama index.php

<head>
<title>Demo Login</title>
<style type="text/css">
<!--
.huruf {
color: #ffd700;
font-size: 14px;
font-weight: bold;
text-decoration: none;
}
.border1 {
margin: auto;
border: 2px solid red;
background: #4b0008;
margin-top:100px;
width: 300px;
height: 270px;
border-width: medium; }
.border2 {
height: auto;
background: #4b0008;
padding: 5px 40px 5px 40px;
}
body {
background-color: #e9967a;
}
-->
</style>
</head>

<body>
<script type="text/javascript">
function Proses() {
var FormLogin = document.getElementById("FormLogin");
if (FormLogin.username.value == "") {
alert("Username kosong. Isi Username dengan benar..!");
return;
}
if (FormLogin.password.value == "") {
alert("Password belum dimasukkan. Silakan ulangi lagi..!");
return;
}
}
</script>

<form name="FormLogin" id="FormLogin" action="validasi.php" method="post">
<div class="border1">
<div class="border2">
<h3 align="center"><font color="yellow" size="6">LOGIN</font></h3>
<hr size="4" style="border-color: #c0c0c0;"/>

<p class="huruf"><b>Username</b><br />
<input type="text" name="username" size="32"/>
</p>

<p class="huruf"><b>Password</b><br />
<input type="password" name="password" size="32"/>
</p>

<p>
<input type="submit" value="login" onclick="Proses();"/>
</p>

</form>
</body>
</html>


Untuk validasi copy-lah kode di bawah ini dan simpan dengan nama validasi.php (jadikan satu folder dengan file index.php)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
<style type="text/css">
<!--
.huruf {
color: #ffd700;
font-size: 14px;
font-weight: bold;
text-decoration: none;
}
.border1 {
margin: auto;
border: 2px solid red;
background: #4b0008;
margin-top:100px;
width: 300px;
height: 260px;
border-width: medium;
}
.border2 {
height: auto;
background: #4b0008;
padding: 5px 40px 5px 40px;
}
body {
background-color: #e9967a;
}
-->
</style>
</head>

<body>
<div class="huruf">
<?php
require_once('index.php');
$user = 'admin';
$pass = '12345';
if ((isset($_REQUEST['username']) == $user)&&($_POST['password'] == $pass)){
echo "<strong><font size='2' color=yellow>Selamat Datang </strong></center>". $_POST['username'];
}
else {
echo "<strong><font size='2' color=red>Username & Password SALAH</strong></center>";
}
?>
</div>
</body>
</html>


SELAMAT MENCOBA..!
Selengkapnya......
Label: 1 komentar

Passing Argumen di PHP

Minggu, Maret 14, 2010 | By ☼ Mahsun Huda ☼

Assalaamu'alaikum Wr. Wb.

Kali ini saya akan melakukan sedikit review agar teman-teman mudah dalam memahami tentang Passing By Value dan Passing By Reference dengan cara membandingkannya.

1. Passing by Value

Secara default, semua nilai yang di-pass masuk atau keluar dari fungsi adalah passing by value, bukan by reference. Ini berarti PHP membuat kopian dari nilai original dan nilai kopian itulah yang kita akses dan kita manipulasi, bukan nilai originalnya.

Dengan begitu bagaimanapun kita ubah nilai itu, tidak akan mengubah nilai originalnya…
contoh:

function Total($nilai) {
$nilai++;
}
$input=7;
Total($input);
echo $input;
?>

Penjelasan:
Pada saat fungsi Total dipanggil,

Total($input);

Fungsi tersebut akan memasukkan nilai dari variabel $input ke dalam argumennya, jadi disini argumen fungsi total adalah 7 (ini adalah nilai aslinya). selanjutnya PHP meng-copy nilai asli tersebut, kemudian hasil copy-nya digunakan untuk proses manipulasi fungsi, sedangkan nilai yang asli dibiarkan tidak berubah. Proses manipulasinya sbb:

$nilai++;
$nilai = $nilai + 1
$nilai = 5 + 1
$nilai = 6

Untuk output,
echo $input;

Nilai variabel $input yang diambil disini adalah nilai variabel aslinya, sehingga hasil manipulasi fungsi tadi tidak dipakai, karena bukan nilai asli. Jadi outputnya adalah 7.

Tetapi apabila menggunakan passing by reference akan bernilai 8.

Bagaimana outputnya akan bernilai 8? akan saya jelaskan lebih dahulu tentang passing by reference.

2. Passing by Reference:

berbeda dengan passing by value yang bersifat mengkopi, passing by reference memberikan nilai aslinya untuk diakses dan dimanipulasi, dengan contoh yang sama seperti diatas, kita akan modifikasi menjadi mekanisme passing by reference.

Untuk mengubah jadi passing by reference, kita hanya cukup menambahkan operator & pada argumennya.

function Total(&$nilai) {
$nilai++;
}
$input=7;
Total($input);
echo $input;
?>

Penjelasan:

Sesuai dengan penjelasan passing by reference diatas, nilai yang diakses & dimanipulasi adalah nilai aslinya, dengan begitu hasil manipulasi fungsilah yang gunakan sebagai outputnya, yaitu 8.

Finish… Mudahkan, saya ingatkan lagi bahwa ini hanya sekedar untuk mempermudah pemahaman teman2 saja, sengaja saya menggunakan bahasa yang umum agar lebih mudah dimengerti..

SELAMAT MENCOBA...!!
Selengkapnya......
Label: 0 komentar

Aplikasi Greeting Menggunakan PHP

Minggu, Maret 14, 2010 | By ☼ Mahsun Huda ☼

Assalaamu'alaikum Wr. Wb.

Kali ini sedikit saya akan memberikan tips dalam membuat aplikasi Greeting dengan menggunakan PHP. Sebelumnya yang dimaksud dengan PHP (PHP: Hypertext Preprocessor) merupakan salah satu bahasa webscripting yang sangat powerful. Sejak pertama kali diperkenalkan, bahasa ini dimaksudkan untuk menghasilkan halaman-halaman web yang dinamis. Hingga saat ini, PHP banyak sekali digunakan dalam membuat aplikasi web, baik lokal maupun Internet—dinamis, dan atraktif.

Sebelum kita memulai membuat program PHP, maka kita harus menginstall terlebih dahulu Web Server seperti WAMPP, XAMPP, dll. Namun kali ini saya menggunakan XAMPP dan silakan download DI SINI. Setelah diinstall kemudian ketikkan kode di bawah ini menggunakan NOTEPAD dan simpan dalam folder htdocs (karena menggunakan XAMPP) dengan format *.php (Nama_File.php).
Untuk mempermudah dalam mengorganisir kode program, keberadaan fungsi atau prosedur sangat membantu. Pada contoh program Greeting sederhana ini saya menggunakan prosedur, dimana ada pengembalian nilai dalam prosedur tersebut.


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>GREETING TIMES</title>
</head>
<body>
<?php
$nol = 0;
$jam = 1;
function greeting($jam) {
if ($nol == 0) {
if (($jam >= 1) AND ($jam <= 10)) {
$ucapan = 'Selamat Pagi !';
} elseif (($jam >= 11) AND ($jam <= 14)) {
$ucapan = 'Selamat Siang !';
} elseif (($jam >= 15) AND ($jam <= 18)) {
$ucapan = 'Selamat Sore !';
} elseif (($jam >= 19) AND ($jam <= 24)) {
$ucapan = 'Selamat Malam !';
} else {
$ucapan = 'hehehe...!';
}
}
return ($ucapan);
}
echo 'Assalaamu\'alaikum... <br/>';
echo 'Hallo semua, ';
echo greeting($jam);
?>
</body>
</html>


SELAMAT MENCOBA...!!
Selengkapnya......
Label: 0 komentar

Aplikasi Kalkulator Menggunakan JavaScript

Minggu, Maret 07, 2010 | By ☼ Mahsun Huda ☼

Assalaamu'alaikum Wr. Wb.

Teman-teman, tentunya kalian sudah pada tahu apa itu HTML. HTML merupakan dokumen standar yang digunakan untuk mendesain halaman web. Nah kali ini saya akan sedikit membahas tentang JavaScript dan apa hubungannya dengan HTML.

Scripting merupakan jenis lain dari pemrograman, yang umumnya lebih mudah dipahami. Script dapat disisipkan ke dalam dokumen HTML dengan menggunakan tag <script>. Tidak seperti style sheet, script bisa terlihat di
dalam <head> ataupun <body>.
Berikut ini adalah contoh source code untuk aplikasi kalkulator:

<!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" xml:lang="en" lang="en">
<head>
<title>KALKULATOR ONLINE</title>
<script language="javascript" type="text/javascript">
<!--
var flag = false;
function nilai(angka) {
if (flag) calc.b.value += angka;
else calc.a.value += angka;
}
function add() {
calc.operator.value = '+'
flag = true;
calc.b.focus()
}
function less() {
calc.operator.value = '-'
flag = true;
calc.b.focus()
}
function multiply() {
calc.operator.value = '*'
flag = true;
calc.b.focus()
}
function divide() {
calc.opetaor.value = '/'
flag = true;
calc.b.focus()
}
//-->
</script>
</head>
<body>
<table border="1" align="center" cellspacing=2 cellpadding=10 bgcolor="#4b0008">
<tr>
<th bgcolor="#800000" width="350">
<font size="4" color="#ffff00">Aplikasi Kalkulator Sederhana</font>
</th>
</tr>
<tr>
<td align="center" bgcolor="#e9967a">
<form name=Calculator action="#">
<input type="text" name="operan1" size="3" />
<select name="operator" onchange="setSelected(this);">
<option>-Operator-</option>
<option value="+">+</option>
<option value="-">-</option>
<option value="*">x</option>
<option value="/">/</option>
</select>
<input type="text" name="operan2" size="3" />
<input type="button" name="equal" value="=" onclick="Calculator.result.value=eval(Calculator.operan1.value + Calculator.operator.value + Calculator.operan2.value)" />
<input type="text" name="result" size="12" disabled="true" />
</form>
</td>
</tr>
<tr>
<td align="center" bgcolor="#e9967a">
<font size="2"><b>CopyRight &copy; 2010 by Mahsun Huda<br/>Mahasiswa PTI - UM</b></font>
</td>
</tr>
</table>
</body>
</html>


Jika nanti programnya dijalankan, maka hasilnya seperti gambar berikut:




SELAMAT MENCOBA...!!
Selengkapnya......
Label: 0 komentar
Langganan: Postingan (Atom)