Membuat Session Login Sederhana Utk 1 User Login [No Database Needed]

Ini contoh membuat login dengan session yang sederhana sekali tanpa menggunakan database baik flattext atau mysql user login dan password ada di dalam script itu sendiri

buwat file login.php

Disini akan di destroy session sesuai dengan nama session untuk session nama loginnya.
$_SESSION['user'] ==> user disini maksudnya adalah nama session nya (untuk variabel)

login.php

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

Buat file untuk nge cek login, nah disini kita tentukan username dan password untuk login
pertama kita tentukan username dan password yang akan di accept sebagai login yang benar, nah misalnya kita buat untuk varible ini baik username dan password nya:
$acc_user ====> username yang di accept
$acc_pas ====> password yang di accept

Jadi saya mau membuat login dengan
username: admin
password: pass

maka untuk pengecekan login saya buat:
$acc_user = 'admin';
$acc_pas = 'pass';

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 mencek login saya buat ceklogin.php

ceklogin.php

<?php
$acc_user = 'admin';
$acc_pas = 'pass';
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 'Login berhasil, silahkan lanjutkan......'.
'<br/>'.
'<a href="index.script.php">Lanjutkan</a>'.
'<br/>';
} else {
echo 'Username dan password salah'.
'<br/>'.
'<a href="login.php">Coba lagi</a>'.
'<br/>';
}
}
?>

Nah terakhir buat halaman index nya yang hanya bisa di akses jika sudah di accept session dengan nama $_SESSION['user'] yang kita buat tadi, jika tidak akan di redirect ke halaman login.php

index.php

<?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 kalo udah login</b>'.
'<br/><br/>'.
'<a href="login.php">Logout</a>'.
'</p>';
echo $user;
} else {
header('location: login.php');
exit;
}
?>

jika kita menekan tombol login tanpa memasukkan pasword/username akan muncul :
Namun jika benar akan muncul


Gimana sudah paham kan....
semoga bermanfaat....

Passing By Value dan Passing By Reference

Passing Argumen di PHP dapat diartikan sebagai Informasi mungkin akan dilewatkan ke fungsi melalui daftar argumen, yang merupakan daftar dipisahkan koma ekspresi.

PHP mendukung argumen yang lewat dengan nilai (default), lewat referensi, dan nilai-nilai argumen default. Variable-panjang daftar argumen juga didukung, lihat juga fungsi referensi untuk func_num_args (), func_get_arg (), dan func_get_args () untuk informasi lebih lanjut .

Di sini saya akan mereview tentang Passing By Value dan Passing By Reference dan cara pembandingannya

• 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.

$nilai++;

$nilai = $nilai + 1

$nilai = 5 + 1

$nilai = 6

Untuk output,

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:

Semoga berguna buat teman2 semua.. Amin.

Untuk download file-nya disini

suported by :

Google
Ilmuwebsite Center

HTML Java Script

JavaScript adalah pemrograman sisi klien yang akan dijalankan oleh browser dari pengunjung, dan program JavaScript biasa ditanamkan didalam halaman web untuk menghasilkan halaman yang dinamis. Untuk mempelajari JavaScript sebaiknya anda menguasai dasar-dasar HTML Script sehingga akan memudahkan anda untuk menyisipkan program JavaScript secara baik dan benar.

Brikut ini adalah contoh penerapan html java script dalam pembuatan kalkulator sederhana

berikut ini scriptnya

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

<title>Membuat program kalkulator sederhana menggunakan textbox </title>
<SCRIPT LANGUAGE="JavaScript">
window.defaultStatus="Support by TEUM"
function tambah()
{
a=eval(form.a.value)
b=eval(form.b.value)
c=a+b
form.hasil.value = c
}

function kurang()
{
a=eval(form.a.value)
b=eval(form.b.value)
c=a-b
form.hasil.value=c
}

function kali()
{
a=eval(form.a.value)
b=eval(form.b.value)
c=a*b
form.hasil.value=c
}

function bagi()
{
a=eval(form.a.value)
b=eval(form.b.value)
c=a/b
form.hasil.value = c
}

function pangkat()
{
a=eval(form.a.value)
b=eval(form.b.value)
c=Math.pow(a, b)
form.hasil.value = c
}

function kosong()
{
form.a.focus()
form.a.value=""
form.b.value=""
form.hasil.value=""

}

</SCRIPT>

<body onload=kosong()>
<CENTER>
<font size="5">Program Kalkulator</font>
<hr size="5" color="red">
<FORM name="form">
<pre>
Angka 1 <input type="text" name="a">
Angka 2 <input type="text" name="b">

Hasil <input type "text" name="hasil" disabled="true">
</pre>
<hr size="2" color="blue">
<input type="button" value=" + " onClick="tambah()">
<input type="button" value=" - " onClick="kurang()">
<input type="button" value=" x " onClick="kali()">
<input type="button" value=" / " onClick="bagi()">
<input type="button" value=" ^ " onClick="pangkat()"><br>
<input type="button" value="Kosong" onClick="kosong()">

<br> </br>
Support by: TEUM
</FORM>
</CENTER>

</body>
</html>

berikut ini tampilan kalkulator sederhananya


Sekian dulu semoga bermanfaat

Membuat Desain Web Sederhana Dengan CSS

Style Sheets merupakan feature yang sangat penting dalam membuat Dynamic HTML. Meskipun bukan merupakan suatu keharusan dalam membuat web, akan tetapi penggunaan style sheets merupakan kelebihan tersendiri.
Suatu style sheet merupakan tempat dimana anda mengontrol dan memanage style-style yang ada. Style sheet mendeskripsikan bagaiman tampilan document HTML di layar.
Anda juga bias menyebutnya sebagai template dari documents HTML yang menggunakanya.
Anda juga bisa membuat efek-efek sepesial di web anda dengan
menggunakan style sheet. Sebagai contoh anda bisa membuat style sheet yang mendefinisikan style untuk

Berikut ini merupakan langkah awal desain web yaitu desain lay outnya

untuk kode diatas adalah sebagai berikut
untuk kode diatas adalah sebagai berikut
<head≶
<style≶
#wrapper {
margin: auto;
width: 900px;
padding:5px 2px 5px 2px;
border: 1px solid red;
}

#header {
height: 100px;
margin-bottom:5px;
border: 1px solid red;

}
#inner {
margin: auto;
border: 1px solid red;
}

#sidebar {
float: left;
width: 200px;
height: 350px;
border: 1px solid red;
}

#content {
float: right;
width: 690px;
height: 350px;
border: 1px solid red;
}

#contentgambar {
height: 100px;
border: 1px solid red;
}

#tekskanan{
float: left;
width: 400px;
height:230px;
border: 1px solid red;
}

#tekskiri {
float: right;
width: 235px;
height: 150px;
border: 1px solid red;
}

#footer {
clear: both;
height: 50px;
border: 1px solid red;

}
</style≶
</head≶
<head≶
<title≶GO GREEN!!!</title≶
</head≶
<body≶
<div id="wrapper"≶
<div id="header"≶
Header
</div≶
<div id="inner"≶
<div id="sidebar"≶
Sidebar
</div≶
<div id="content"≶
<div id="contentgambar"≶
gambar
</div≶
<div id="tekskanan"≶
Content
</div≶
<div id="tekskiri"≶
Right
</div≶
</div≶
</div≶
<div id="footer"≶
Footer
</div≶
</div≶
</body≶
</html≶

Berikut ini contoh lay out desain web
Kode lay out di atas adalah sebagai berikut :

<head>
<style>
#wrapper {
margin: auto;
width: 900px;
padding:5px 2px 5px 2px;
border: 1px solid green;
background-color: #C5ECCB;
}

#header {
height: 100px;
margin-bottom:5px;
}

#inner {
margin-bottom:5px;
}

#sidebar {
float: left;
width: 200px;
height: 350px;
background-color: #6cae15;
}
#leftmenu ul {
width: 200px;
list-style-type:none;
padding:0; margin:0;

}
#leftmenu a:link, #leftmenu a:visited, #leftmenu a:active {
padding-left: 15px;
text-decoration: none;
}
#leftmenu a {
padding: 5px 0px 5px 15px; display: block;
background: #6cae15 no-repeat left center;
margin: 0px 0px 1px; color: #ffffff;
}
#leftmenu a:hover {
background: #5e9711 no-repeat left center; color: #ffffff
}


#content {
float: right;
width: 690px;
height: 350px;
}

#contentgambar {
height: 100px;
margin-bottom:10px;
}

#tekskanan{
float: left;
width: 400px;
height:230px;
background-color: #C5ECCB;
}

#tekskiri {
float: right;
width: 235px;
height:130px;
background-color: #6cae15
}

#footer {
clear: both;
height: 50px;;
}
</style>
</head>
<body>
<div id="wrapper" height:auto;>
<div id="header">
<div id="menu_bar">
</div>
<img src="header.jpg">
</div>
<div id="inner">
<div id="sidebar">
<div id="leftmenu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Tentang Alam</a></li>
<li><a href="#">Peta</a></li>
</ul>
</div>

</div>
<div id="content">
<div id="contentgambar">
<img src="top.jpg">
</div>
<div id="tekskanan">
<h3>Pembalakan Liar</h3>
<p>
Pembalakan liar di Indonesia telah meluas, hal ini jika terjadi terus menerus
akan mengakibatkan gundulnya hutan yang pada dasarnya adalah sumber dari banjir dan
tanah longsor

<P>
read more....</P>
</div>
<div id="tekskiri">
<P>Daftra Kegiatan</P>
<ol start="1" type="I">
<li>Januari</li>
<ol type="a">
<li>Penghijauan Pujon</li>
<li>Penghijauan Kasembon</li>
</ol>
</body>
</html>
</div>
</div>
</div>
<div id="footer"align="center">
@ 2010 Lukman Production Nature, Indonesia
</div>
</div>
</body>

Demikian semoga bermanfaat.