Senin, 29 Maret 2010

Aplikasi Login Form

Aplikasi login User dalam suatu situs dinamis menggunakan php sudah hampir menjadi kebutuhan wajib. Tanpa adanya login rasa-rasanya ada yang kurang dari suatu situs. Dengan login kita bisa mengatur siapa saja yang berhak masuk ke halaman tertentu dan siapa saja yang tidak boleh. Disamping itu secara tidak langsung, login bisa digunakan untuk mencatat siapa saja yang sedang online, siapa saja yang sering mengunjungi situs kita dan seterusnya.

Login diperlukan untuk autentifikasi suatu user, apakah user tersebut berhak atau tidak mengakses suatu halaman. Biasanya hal ini ada pada situs jejaring sosial atau webmail dll. Untuk itu diperlukan form autentifikasi user atau form login.
Berikut adalah contoh script sistem login menggunakan PHP tanpa menggunakan database
Disini akan di destroy session sesuai dengan nama session untuk session nama loginnya.
$_SESSION['user'] ==> user disini maksudnya adalah nama session nya (untuk variabel)

Langkah pertama yang dilakukan yaitu membuat file dengan nama login.php, scriptnya:
<!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>Login</title>

</head>

<body>

<?php
print "<h1 align=\"center\">LOGIN</h1><hr/>";

session_start();
if(isset($_SESSION['user']))
{
session_destroy();
}
?>
<form action="ceklogin.php" method="post">
<div>
<p align="center">Username
<br/>
<input type="text" name="username" size="14" />
<br/>
<p align="center">Password
<br/>
<input type="password" name="password" size="14" />
<br/><br/>
<button name="login" type="submit">Login</button>
</div>
</form>
</body>
</html>

Selanjutnya yaitu membuat file untuk menge-cek login, disini saya menentukan username dan password untuk login. Pertama ditentukan dulu username dan password yang akan di accept sebagai login yang benar, misalnya kita buat untuk varible ini baik username dan password nya:

Jadi saya mau membuat login dengan
username: uus
password: manis

maka untuk pengecekan login saya buat:
$acc_user = 'uus';
$acc_pas = 'manis';

Karena di form tadi tujuan post nya adalah ceklogin.php
<form action="cecklogin.php" method="post">
$username ====> username buat login di form login
$password ====> password buat login di form login

maka nama file nya untuk meng-cek login saya buat dengan nama ceklogin.php, scriptnya:
<!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>Cek Login</title>
</head>

<body>

<?php

$acc_user = 'uus';
$acc_pas = 'manis';
if (isset($_POST['login']))

$username = $_POST['username']; // diambil dari nama input di form login
$password = $_POST['password']; // diambil dari nama input di form login
$username = strip_tags($username);
$password = strip_tags($password);

if (($username==$acc_user) && ($password==$acc_pas))
{
session_start();
$_SESSION['user'] = $username;
echo 'Selamat Datang...'.
'<br/>'.
'<a href="index.script.php"></a>'.
'<br/>';
} else {
echo 'Username dan password salah'.
'<br/>'.
'<a href="login.php">Coba Lagi !!!</a>'.
'<br/>';
}
?>
</body>
</html>

Langkah terakhir adalah membuat halaman index nya yang hanya bisa diakses jika sudah diaccept session dengan nama $_SESSION['user'] yang kita buat tadi, jika tidak akan diredirect ke halaman login.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>
<title>Index</title>
</head>

<body>
<?php
session_start();
if (isset($_SESSION['user'])) // karena nama session buat login kita buat namanya adalah 'user' maka if isset($_SESSION['user']) ===> varibel penentu
{
$user = $_SESSION['user'];
echo '<p align="center">'.
'<b>Tulisan ini nampak kalau udah login</b>'.
'<br/><br/>'.
'<a href="login.php">Logout</a>'.
'</p>';
echo $user;
} else {
header('location: login.php');
exit;
}
?>
</body>
</html>



Jika user mengisikan username dan pasword secara benar, maka akan muncul tampilan sebagai berikut:


Tetapi jika user mengisikan username dan paswordnya salah, maka akan ada peringatan bahwa username dan pasword salah dan silahkan ulang kembali.


Sabtu, 20 Maret 2010

Convert text menjadi HTML entities

Pengalaman ini saya alami sewaktu saya memposting artikel program berekstensi html. Kode program tersebut terbaca sebagai kode HTML di blog. Mungkin teman-teman pernah mengalami seperti yang saya alami, dan mungkin sudah menemukan solusinya.
Solusi yang saya dapat ini, tidak jauh berbeda dengan yang teman-teman temukan.
Yang harus kita lakukan yaitu kita meng-Convert text menjadi HTML entities. Ini dilakukan secara online, dengan mengunjungi situs http://centricle.com/tools/html-entities/

Kemudian kita copy kode html yang akan kita posting di situs tersebut..Lalu klik encode
Hasil setelah encode inilah yang kita posting di blog kita.
Selamat mencoba,,semoga berhasil....!!!

Sabtu, 13 Maret 2010

passing argumen di PHP

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:
<?php
function jumlah($nilai) {
$nilai++;
}
$input=5;
jumlah($input);
echo $input;
?>

Penjelasan:

Pada saat fungsi jumlah dipanggil,
jumlah($input);
fungsi tersebut akan memasukkan nilai dari variabel $input kedalam argumennya, jadi disini argumen fungsi jumlah adalah 5 (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 5

Tampilan output:


tetapi apabila menggunakan passing by reference akan bernilai 6.
bagaimana outputnya akan bernilai 6? akan saya jelaskan lebih dahulu tentang passing by reference.

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.
<?php
function jumlah(&$nilai) {
$nilai++;
}
$input=5;
jumlah($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 6.

Tampilan Outputnya:


Finish..
Ini hanya contoh program sederhana..Semoga bermanfaat

greeTing aRgumen dengan PHP

Dalam membuat web, tidak lengkap rasanya bila tidak menampilkan waktu atau jam.
PHP sebagai salah satu bahasa webscripting yang sangat powerful dapat dengan mudah menampilkan waktu dengan format 24 jam serta memberikan ucapan-ucapan seperti (Selamat Pagi, Selamat Siang, Selamat Sore, dan Selamat Malam). Jika nilai tidak memenuhi maka akan mengembalikan string kosong.

Anda penasaran gimana caranya....???
yUk kita Lihat programnya...
pastikan sebeLum membuat program ini, PC Anda sudah terinstal webserver dan PHP. Ketikkan kode berikut kemudian simpan dengan (namafile.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>
<title>Greeting_by: uus swetzy</title>
</head>

<body>

<?php
$jam=7;
function ShowGreet($jam)
{
echo 'Pukul ';echo $jam;
echo ' : ';
if($jam<=10){$kalimat ='Selamat Pagi';}
if($jam>=11&&$jam<=14){$kalimat ='Selamat Siang';}
if($jam>=15&&$jam<=18){$kalimat ='Selamat Sore';}
if($jam>=19&&$jam<=24){$kalimat ='Selamat Malam';}

if ($jam>=25) {$kalimat='';}
return ($kalimat);
}
echo ShowGreet($jam);
?>

</body>
</html>



Misalkan untuk jam 25 maka ucapan-ucapan tersebut tidak keluar. Untuk scrip kode dan hasilnya seperti berikut:

<!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_by: uus swetzy</title>
</head>

<body>

<?php
$jam=25;
function ShowGreet($jam)
{
echo 'Pukul ';echo $jam;
echo ' : ';
if($jam<=10){$kalimat ='Selamat Pagi';}
if($jam>=11&&$jam<=14){$kalimat ='Selamat Siang';}
if($jam>=15&&$jam<=18){$kalimat ='Selamat Sore';}
if($jam>=19&&$jam<=24){$kalimat ='Selamat Malam';}

if ($jam>=25) {$kalimat='';}
return ($kalimat);
}
echo ShowGreet($jam);
?>

</body>
</html>



Begitulah program sederhana yang aqu buat, semoga bermanfaat.

Selasa, 02 Maret 2010

Html dan JavaScript

HTML merupakan model dokumen yang statis, begitu ditampilkan tidak akan berubah sampai ada aktivitas navigasi. Adapun untuk menjadikan HTML sebagai halaman dinamis atau aktif, kita bisa memanfaatkan bahasa scripting.
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>.


DHTML (Dynamic HTML) merupakan suatu teknik untuk menciptakan halaman web yang interaktif dengan cara mengombinasikan elemen-elemen seperti HTML, style sheet, dan scripting. Jadi, DHTML bukanlah suatu jenis bahasa pemrograman melainkan hanya sekadar istilah saja. Pada bagian ini, pembuatan DHTML akan dilakukan dengan memanfaatkan JavaScript.

Sebagaimana bahasa pemrograman umumnya, JavaScript terbentuk atas elemen-elemen fundamental. Elemen-elemen tersebut yaitu:

1. Kotak Dialog
JavaScript memungkinkan kita untuk menampilkan kotak dialog melalui fungsi alert(). Kotak dialog ini dapat dimanfaatkan untuk menyampaikan informasi atau konfirmasi.

2. Dukungan Scripting
Melalui tag <noscript>, dengan mudah kita bisa mengidentifikasi apakah browser mendukung scripting atau tidak. Pada dasarnya, tag ini tidak dimaksudkan untuk menghentikan interpretasi terhadap kode program.

3. Merujuk Elemen
Salah satu kemampuan utama JavaScript adalah mengontrol objek-objek di halaman web. Sehubungan dengan hal ini, ada beragam pendekatan yang bisa digunakan untuk mengacu atau mengakses elemen-elemen objek.

4. Event
Setiap objek HTML mendefinisikan properti-properti, method-method, dan event-event. Salah satu event yang sangat populer dan frekuensi penggunaannya cukup tinggi adalah onclick. Event ini akan dipicu manakala objek diklik.

Salah satu contoh aplikasi dari javascript yaitu pembuatan aplikasi kalkulator yang sangat sederhana. Source kode dari aplikasi ini yaitu:
<!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>APLIKASI KALKULATOR JAVASCRIPT</title>
<title>Oleh:</title>
<title>Uswatun Hasanah</title>
<title>PTI INPUT 2008</title>
</head>

<body>

<script language ="JavaScript" type="text/javascript">
<!--
var flag=false;
function getTextValue() {
if (flag) kal.j.value +=num;
else kal.i.value =+num;
}
function tambah()
kal.pilih.value= ' + '
flag=true;
kal.j.focus()
}
function kurang()
kal.pilih.value= ' - '
flag=true;
kal.j.focus()
}
function kali()
kal.pilih.value= ' * '
flag=true;
kal.j.focus()
}
function bagi()
kal.pilih.value= ' / '
flag=true;
kal.j.focus()
}
//-->
</script>
</style>
<head>
APLIKASI KALKULATOR JAVASCRIPT
<p>
<form name="kal">
<tr>
<td>
<input type="text" name="i" size="3" />
<select name="pilihan" onchange="setSelected(this);">
<option>-Pilihan-</option>
<option value="+">+</option>
<option value="-">-</option>
<option value="*">*</option>
<option value="/">/</option>
</select>
<input type="text" name="j" size="3" />
<input type="button" name="hasil" value="=" onclick="kal.k.value=eval(kal.i.value+kal.pilihan.value+kal.j.value)" />
<input type="text" name="k" size="8" disabled="true" />
<br/>
</td>
</tr>
</table>
</form>
<p align="left">&copy; Copyright <a href = "mailto: mbauus@gmail.com">mba-uus.blogspot.com</a>
</body>
</html>

Hasilnya terlihat pada gambar di bawah ini:


Movie