Sunday, March 28, 2010

Form Proses

Tidak bisa dipungkiri bahwa keamanan akses di sebuah halaman web merupakan suatu hal yangsangat penting untuk diperhatikan. Data yang terdapat dalam suatu halaman web seringkali merupakan data penting yang tidak boleh diperlihatkan sembarangan kepada orang yang tidak berhak.
Contohnya tidak mungkin seluruh data yang menyangkut privasi seseorang dalam suatu halaman web langsung ditampilkan kepada semua pengunjung yang membuka situs web tertentu.
Sedangkan Internet merupakan dunia yang luas di mana setiap orang dapat dengan mudah mengakses situs Anda. Untuk itu, hak akses user terhadap data yang terdapat dalam situs web perlu dibatasi. Cara yang biasa digunakan untuk membatasi hak akses seseorang terhadap isi sebuah website, yaitu dengan melakukan proses login terlebih dahulu. Ketika Anda memasuki sebuah halaman web yang seperti ini, sebelum dapat mencari data yang diperlukan dari website
tersebut Anda diminta untuk memasukkan user id yang merupakan pengenal Anda dan password yang hanya diketahui oleh Anda sendiri, sehingga hanya user yang telah memiliki haklah yang diizinkan untuk mengakses situs tersebut.
Untuk dapat mengakses situs ini, user yang login harus memberikan user id dan password dengan benar. User id dan password yang telah diberikan akan divalidasi dengan database yang sudah ada di server. Apabila user id terdaftar dan password yang diberikan juga cocok dengandata yang terdapat dalam database, maka user akan diberi wewenang untuk masuk ke dalam sebuah halaman web.
Mungkin Anda ingin mencoba membuat halaman login seperti ini. Kita akan membahas bagaimana cara membuat halaman login seperti ini, sekaligus kita dapat melihat perbandingan proses login dengan session dibandingkan menggunakan cookies yang juga merupakan kemampuan bahasa script PHP. Tulisan sebenarnya ini lebih ditujukan bagi Anda yang mungkin masih asing dan belum mengenal session dan cookies.
scriptnya adalah sbb
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 4.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>Form_Login</title>
</head>
<body>
<?php
$adminpass = "5f4dcc3b5aa765d61d8327deb882cf99"; //password is "password" (md5 encryption).
function admin(){
if(isset($_GET['logout'])) {
unset($_SESSION['logpassneh']);
echo"<META HTTP-EQUIV=\"refresh\" CONTENT=\"0; URL=$_SERVER[PHP_SELF]\">"; }

else {
// this page secret if you correct enter password.
echo"<h1>Login Successful....<br />This is Page Secret<br />Thanks for Login</h1>
<a href=\"$_SERVER[PHP_SELF]?logout=1\">Logout</a>";
// end of page secret
} }

if(isset($_POST['password'])) {
$_POST['password']=md5($_POST['password']);
if($_POST['password']==$adminpass) {
$_SESSION['logpassneh'] = $_POST['password'];
admin(); }
else {
$true = explode("'", "Welcome To My Web. ' coba....lagi!");
echo"<h1><font color=green>$true[0]</font></h1><a href=\"$_SERVER[PHP_SELF]\">$true[1]</a>"; } }

elseif(isset($_SESSION['logpassneh'])) {
if($_SESSION['logpassneh']==$adminpass) {
admin(); } }
else {
echo"
<form method=POST>
Username<br />
<input type=username size=20 name=username> <br /><br />

Password<br />
<input type=password size=20 name=password> <br /><br />
<input type=submit name=login value=\"LOGIN \">
</form>"; }
?>
</body>
</html>


maka hasilnya tampak sbb:



Sunday, March 14, 2010

Getting Time with PHP

PHP (PHP: Hypertext Preprocessor) merupakan salah satu bahasa web-scripting 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.

Tipe Data

PHP mendukung delapan tipe primitif, yang terdiri dari empat tipe skalar (boolean, integer, float/double, dan string), dua tipe gabungan (array dan object), dan sisanya adalah tipe khusus (NULL dan resource). Meskipun keberadaan tipe data dalam deklarasi variabel tidak penting, namun dalam tahap selanjutnya sangatlah penting.

Komentar

PHP mendukung tiga jenis sintaks untuk menuliskan baris komentar, meliputi style C, C++, dan Perl/Shell.

/* awal

Komentar style C

akhir */

// Komentar style C++

# Komentar style Perl/Shell

Meskipun ketiga jenis style di atas valid, namun upayakan untuk memilih style yang paling sesuai. Umumnya, style C digunakan untuk komentar yang terdiri dari beberapa baris, sedangkan sisanya untuk satu baris.

Tag PHP

Parser PHP bekerja dengan menguraikan instruksi-instruksi yang diletakkan di antara tag pembuka dan penutup. Ada empat jenis style tag yang dapat kita gunakan untuk menyatakan bahwa kode merupakan instruksi PHP.

Contoh:

<?php

echo 'style XML';

?>

<script language="php">

echo 'style SCRIPT';

</script>

Fungsi Greeting yang menerima argumen integer jam

<!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>

<title>Pembagian Waktu</title>

<style type="text/css">

body{

width:100#;

margin:0;

padding:0;

font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

font-size:14px;

color:#0000000;

}

/* Bar top */

#bar{

}

#bar table{

width:100%;

}

#bar td{

height:14px;

background-color:#F3F3F3;

border-bottom:#AAAAAA 3px solid;

}

#bar p{

padding: 2px 5px;

text-transform:capitalize;

}

</style>

</head>

<body>

<?php

function Greeting()

{

$date = date ("G : i A");

if ($date>=1 and $date<10) {

echo "$date | Good Pagi selamat Morning";

} else if ($date>=10 and $date<14){

echo "$date | Selamat Siang";

}else if ($date>=14 and $date<=18){

echo "$date | Selamat Sore";

}else echo "$date | Selamat Sore)";

}

?>

<!– Bar –>

<div id="bar">

<table>

<tr>

<td><p><?php Greeting(); ?></p></td>

</tr>

</table>

</div>

</body>

</html>

· Simpan kode program diatas, dengan nama (misal: getting_time.php) di dalam server (wamp: pada direktori www buat folder kemudian file simpan di dalam folder tersebut: misal : c:/wamp/www/belajar/getting_time.php)

· Jalankan program yang telah disimpan dengan cara

· Buka web browser (Internet Explorer, Mozilla Firefox dll)

· Ketikkan localhost pada adressbarMaka akan muncul gambar berikut:


· Kemudian masuk ke direktori dimana anda menyimpan file anda

· Buka file anda maka file anda akan muncul sebagai berikut:




Tuesday, March 9, 2010

Passing By Value vs Passing By Reference

Pass by value, variable yang diberikan oleh parameter hanya akan diolah didalam fungsi, variable yang berada diluar fungsi akan tetap. Dengan kata lain variable yang dipakai oleh suatu fungsi tidak akan mempengaruhi variable yang ada diluar.
misal pada script dibawah ini:
<?PHP
function pass($value, $tambah = 1)
{
$value = $value +$tambah;
}
$value = 10;
pass ($value);
echo $value;
?>
//print out
10


Script diatas akan menghasilkan $value = 10 bukan $value = 11 mengapa, hal ini disebabkan karena peraturan scope variable. Kode $value = 10 akan membuat sebuah variable bernama value dan bernilai 10, kemudian pada baris pass ($value); fungsi pass dipanggil. Selanjutnya $value = 10 diproses, $value = $value +$tambah;, dengan begitu nilai dari $value = 11, sesuai dengan peraturan scope varibel, $value = 11 hanya akan sampai pada baris terakhir pada fungsi, nilai yang telah diolah tidak akan dapat dipakai di luar dan bersifat bersifat local variable

Pass by reference, jika pada pass by value, nilai hasil olahan tidak dapat digunakan diluar fungsi, maka pass by reference sebaliknya, hasil olahan yang telah diproses di dalam fungsi dapat digunakan di luar fungsi, dengan kata lain value yang di luar fungsi akan turut berubah seiring perubahan yang terjadi pada variable didalam fungsi.

<?PHP
Function passref(&$value, $tambah=1)
{
$value = $value + $tambah;
}
$x = 10;
Echo “nilai sebelum fungsi ”. $x.”<br>”;
Passref($x);
Echo “nilai sesudah fungsi ”. $x.”<br>”;
?>
//print out
nilai sebelum fungsi 10
nilai sesudah fungsi 1

Encode File HTML











Untuk dapat menampilkan file HTML di web maka kita perlu mengkonversi file html ke sebuah kode atau bahasa kerennya Encode HTML untuk dapat menkonversinya kita membutuhkan bantuan program aplikasi.

salah satu program aplikasi yang bisa kita gunakan adalah notepad++ yang gratis alias"Open Source" bisa kita download di situsnya disini
apabila sudah punya notepad++bisa dilakukan prosedur sebagai berikut:
  1. buka notepad++
  2. drag file html yang akan dikonversi
  3. pilih menu TextFX
  4. pilih TextFX Convert
  5. pilih Encode HTML (&<>")
secara otomatis file akan berubah menjadi encode file yang siap di masukkan ke dalam web atau blog.




Saturday, March 6, 2010

Membuat Kalkultor dengan javascript


Setelah sedikit baca baca n cari referensi akhirnya implementasi pembuatan kalkulator sederhana dapat dibuat dengan source kode sbb:




<html>
<title>Kalkulator</title>
<p align="left"><font face="arial" size="-2">APLIKASI KALKULATOR DENGAN JAVA SCRIPT </font><br>
<font face="arial, helvetica" size="1"></font></p>
<FORM NAME="Calc">
<TABLE BORDER=4>
<TR>
<TD>
<INPUT TYPE="text" NAME="Input" Size="22">
<br>
</TD>
</TR>
<TR>
<TD>
<INPUT TYPE="button" NAME="one" VALUE=" 1 " OnClick="Calc.Input.value += '1'">
<INPUT TYPE="button" NAME="two" VALUE=" 2 " OnCLick="Calc.Input.value += '2'">
<INPUT TYPE="button" NAME="three" VALUE=" 3 " OnClick="Calc.Input.value += '3'">
<INPUT TYPE="button" NAME="plus" VALUE=" + " OnClick="Calc.Input.value += '+'">
<br>
<INPUT TYPE="button" NAME="four" VALUE=" 4 " OnClick="Calc.Input.value += '4'">
<INPUT TYPE="button" NAME="five" VALUE=" 5 " OnCLick="Calc.Input.value += '5'">
<INPUT TYPE="button" NAME="six" VALUE=" 6 " OnClick="Calc.Input.value += '6'">
<INPUT TYPE="button" NAME="minus" VALUE=" - " OnClick="Calc.Input.value += '-'">
<br>
<INPUT TYPE="button" NAME="seven" VALUE=" 7 " OnClick="Calc.Input.value += '7'">
<INPUT TYPE="button" NAME="eight" VALUE=" 8 " OnCLick="Calc.Input.value += '8'">
<INPUT TYPE="button" NAME="nine" VALUE=" 9 " OnClick="Calc.Input.value += '9'">
<INPUT TYPE="button" NAME="times" VALUE=" x " OnClick="Calc.Input.value += ' * '">
<br>
<INPUT TYPE="button" NAME="clear" VALUE=" c " OnClick="Calc.Input.value = ''">
<INPUT TYPE="button" NAME="zero" VALUE=" 0 " OnClick="Calc.Input.value += '0'">
<INPUT TYPE="button" NAME="DoIt" VALUE=" = " OnClick="Calc.Input.value = eval(Calc.Input.value)">
<INPUT TYPE="button" NAME="div" VALUE=" / " OnClick="Calc.Input.value += ' / '">
<br>
</TD>
</TR>
</TABLE>
</FORM>
</html&gt;


simpan file dengan nama kalkulator.html kemudian buka program dengan Browser (mozilla firefox)...lihat hasilnya...


selamat mencoba!!!^_*