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:



Posted by at No comments:

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:




Posted by at No comments:

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

Posted by at No comments:
Labels:

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.




Posted by at No comments:

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!!!^_*



Posted by at 2 comments:
Labels:

DHTML & JAVASCRIPT

DHTML atau Dynamic HTML, bukanlah suatu bahasa pemrograman melainkan merupkan suatu istilah untuk membuat halaman web yang dinamis dan interaktif dengan mengkombinasikan bahasa pemrograman HTML, Javascript, Document Object Model, dan CSS.

DHTML mengijinkan skrip bahasa pemrograman untuk diubah menjadi variabel-variabel pada setiap pendefenisian bahasa pemrograman halaman web, yang menghasilkan efek perubahan tampilan beserta dengan fungsi-fungsinya setelah halaman web ditampilkan. Berbeda dengan HTML, yang memiliki kemampuan menghasilkan dan mengolah halaman web sebelum ditampilkan.

DHTML biasanya digunakan untuk membuat tombol rollover ataupun menu drop-down dan halaman web yang interaktif. Beberapa teknologi aplikasi penjelajah web memiliki tingkat dukungan terhadap DHTML yang berbeda-beda sehingga sangat sulit dikembangkan. Seperti misalnya variasi dan kombinasi ukuran layar bisa menampilkan dengan baik pada beberapa aplikasi penjelajah web sedangkan yang lainnya tidak. Pengembangan terbaru yang relatif setiap aplikasi penjelajah web seperti Internet Explorer 5.0+, Mozilla Firefox 2.0+, dan Opera 7.0+ sudah manambahkan Document Object Model.


Struktur pada halaman web

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>DHTML example</title>
<script type="text/javascript">
function init() {
myObj = document.getElementById("navigation");
// .... more code]]
}
window.onload=init;
</script>
</head>
<body>
<div id="navigation"></div>
<pre>
Walaupun kode tersebut disimpan pada file eksternal; ini bisa diselesaikan dengan membuat pranala file yang mengandung JavaScript.
Hal ini berguna jika menggunakan skrip pemrograman yang sama pada beberapa [[halaman web]]:

</pre>
<script type="text/javascript" src="myjavascript.js"></script>
</body>
</html>


JavaScript adalah nama implementasi Netscape Communnication Corporation untukyang didasarkan pada konsep pemrograman berbasis prototipe.Bahasa ini terutama terkenal karena penggunaannya di situs web (sebagai JavaScript sisi klien) dan juga digunakan untuk menyediakan akses skrip untuk objek yang dibenamkan (embedded) di aplikasi lain. ECMA Script standar, suatu bahasa skrip. Walaupun memiliki nama serupa, JavaScript hanya sedikit berhubungan dengan bahasa pemrograman java, dengan kesamaan utamanya adalah penggunaan sintaks C. Secara semantik, JavaScript memiliki lebih banyak kesamaan dengan bahasa pemrograman Self.

Skrip JavaScript yang dimasukkan di dalam berkas HTML ataupun XHTML harus dimasukkan di antara tag . Berikut ini adalah contohnya (yang akan menampilkan sebuah dialog box berisi Halo Dunia! ketika sebuah tombol diklik oleh pengguna):

<input type="button" value="Tekan di sini" onclick="halo();">
<script type="text/javascript">
function halo() {
alert( "Halo Dunia!" );
}
</script>

salah satu aplikasi yang sederhana dapat kita lihat pada aplikasi perhitungan sederhana pada source kode program berikut:

<html>
<head>
<title>Calc-Easy</title>
<script language="javascript" type="text/javascript">
<!--
var flag = false;
function isi(num) {
if (flag) calc.j.value += num;
else calc.i.value += num;
}
function tambah()
{
calc.operator.value = ' + '
flag = true;
calc.j.focus()
}
function kurang()
{
calc.operator.value = ' - '
flag = true;
calc.j.focus()
}
function kali()
{
calc.operator.value = ' * '
flag = true;
calc.j.focus()
}
function bagi()
{
calc.operator.value = ' / '
flag = true;
calc.j.focus()
}
//-->
</script>
</style>
</head>
Perhitungan Sederhana
<form name="calc">
<tr>
<td>
<input type="text" name="i" size="2" />
<select name="operator" onchange="setSelected(this);">
<option>-Operator-</option>
<option value="*">*</option>
<option value="/">/</option>
<option value="+">+</option>
<option value="-">-</option>
</select>
<input type="text" name="j" size="2" />
<input type="button" name="hasil" value="=" onclick="calc.k.value=eval(calc.i.value+calc.operator.value+calc.j.value)" />
<input type="text" name="k" size="2" disabled="true" />
<br/>
</td>
</tr>
</table>
</form>
</body>
</html>

contoh diatas merupakan sedikit cara untuk membuat sebuah perhitungan nilai berdasarkan pemilihan tanda operator mulai dari perkalian (*), pembagian (/), penjumlahan (+) dan pengurangan (-) dan hasilnya terlihat sebagai berikut:


selamat mencoba....!

Posted by at No comments:
Labels:
Subscribe to: Posts (Atom)