Membuat login dengan session(mata kuliah pem.web).

Halaman login dalam sebuah website adalah halaman yang umum dimiliki. Dari halaman ini pengelola web melakukan tugasnya, seperti mengentry, mengupdate, mendelete, dll. Saat  ini sudah sangat banyak sekali website yang menggunakan fitur membership (keanggotaan) untuk dapat melihat atau menggunakan layanan-layanan yang ada dalam sebuah website, jadi tidak hanya pengelola suatu web saja (tergantung daripada web itu sendiri).
Berikut ini adalah cara membuat halaman login dengan menggunankan fungsi session, dan ini sangat dasar dalam mengembangkan sebuah website tentunya disamping itu hal lain yang utama adalah user interfacenya (baca tampilan).
Sebelum membuat halaman login, tentukan siapa saja pengguna yang akan mengakses halaman login, yang dimaksud adalah pembatasan hak akses terhadap fitur-fitur yang ada di website. Disini akan dibuat table anggota tujuannya adalah untuk mempermudah pengelolaan dikemudian hari :D .
Membuat tabel anggota. Umumnya layanan hosting website akan menyediakan aplikasi seperti PHPMyadmin. Buatlah table (tentunya anda harus membuat databese terlebih dahulu), berinama tabel tersebut misalnya t_anggota. Lalu buat kolomnya (field) (jumlah field disesuaikan dengan kebutuhan).
============
Field    | Type
============
Id         | int
Nama  | char
Sandi  | char
============
Anda dapat menambahkan field lain seperti nama lengkap, alamat, email, nohp, tgl terdaftar, level akses, status aktif, dll disesuaikan dengan kebuthan dan kustomisasi yang anda inginkan. Sehingga nantinya setiap anggota dapat melihat profilnya masing-masing.

Membuat form (halaman) login, buatlah halaman index.php (atau nama halaman login yang anda kehendaki) lalu tuliskan kode berikut ini:
1<?
2<form method="post" action="login.php">
3<label>Pengguna : <input name="user" type="text"></label>
4<label>Sandi : <input name="password" type="password" ></label>
5<input name="Submit" type="submit" value="Login">
6</form>
7?>
Anda dapat mengkustomisasi halaman index.php. Perhatikan fungsi action pada tulisan kode <form … isi dari variabel user dan password di umpan dengan metode post ke halaman login.php. Buat halaman dengan nama login.php, dan tuliskan kode berikut:
01<?
02require "sambung.php";
03$link=open_connection();
04 
05if (($_POST[user]<>"") && ($_POST[password]<>""))
06{
07$Q=mysql_query("SELECT * FROM t_anggota WHERE id='$_POST[user]'");
08$R=mysql_fetch_array($Q);
09 
10if (($R==NULL) OR ($R[sandi]<>$_POST[password]))
11{
12header("location:../");
13}
14else
15{
16$uname=$R[id];
17session_start();
18session_register("login");
19session_register("user");
20$_SESSION["user"] = $uname;
21header("location:menu.php");
22}
23}
24else
25{
26header("location:./");
27}
28mysql_close($link);
29?>
Perhatikan kode tulisan require “sambung.php”; halaman ini berfungsi untuk melakukan konesi dengan database. Buat halaman dengan nama sambung.php lalu tuliskan kode berikut ini :
01<?
02function open_connection()
03{
04$hostname="localhost";
05 
06$username="root";
07$password="";
08$databasename="cobadb";
09 
10$link=mysql_connect($hostname,$username,$password) or die ("Database tidak dapat dihubungkan!");
11mysql_select_db($databasename,$link);
12return $link;
13}
14?>
Kembali ke halaman login.php, perhatikan tulisan kode header (“location:menu.php”); ketika login berhasil akan memanggil halaman menu.php dan jika gagal akan kembali ke halaman login.php.
Buat halaman menu.php lalu tuliskan kode berikut ini (letakkan tulisan pada bagian paling atas halaman):
01<?
02session_start();
03$uname=$_SESSION[user];
04include "cek_session.php";
05?>
06 
07<thml>
08<head
09...
10</head
11 
12<bdoy>
13...
14...
15</body>
16</html>
Perhatikan kode tulisan include “cek_session.php”; halaman ini digunakan untuk pengecekan session yang aktif. Buat halaman cek_session.php lalu tuliskan kode berkut ini:
1<?
2session_start();
3if(!session_is_registered("login"))
4{
5session_destroy();
6header("Location:index.php");
7}
8?>
Berikut daftar file yang telah dibuat diatas:
1.    index.php
2.    login.php
3.    sambung.php
4.    menu.php
5.    cek_session.php
Ingat, nama-nama file tersebut diatas dapat diganti. Masih ada satu halaman lagi dibutuhkan. Fungsinya untuk menghapus session ketika pengguna mengakhiri (menutup) halaman dengan kata lain signout sehingga ketika di klink tombol “Back” pada browser halaman sebelumnya tidak akan muncul karena session sudah dihapus. Buatlah file dengan nama logout.pphp lalu tuliskan kode beikut ini:
1<?
2session_start();
3session_destroy();
4 
5$redirectURL = "./";
6header("Location: ".$redirectURL);
7?>
Jangan lupa untuk menaruh link <a href=”logout.php”>Sign Out</a> pada halaman menu.php dan halaman lainnya Sehingga ketika pengguna (anggota) keluar session akan dihapus.
Dengan demikian halaman login telah dibuat. Semoga bermanfaat.
Share:

Tidak ada komentar:

Posting Komentar

Catatan: Hanya anggota dari blog ini yang dapat mengirim komentar.

Unordered List

  • Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
  • Aliquam tincidunt mauris eu risus.
  • Vestibulum auctor dapibus neque.

Popular Posts

Diberdayakan oleh Blogger.

Text Widget

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation test link ullamco laboris nisi ut aliquip ex ea commodo consequat.

Duis aute irure dolor in reprehenderit in voluptate another link velit esse cillum dolore eu fugiat nulla pariatur.

Mengenai Saya

Entri yang Diunggulkan

Story from HOUR...

So, Let's check it out..^^ Saya mencintainya saja dan TIDAK memilikinya Bukan berarti saya LEMAH Bukan karena ketidak PANTAS an ...

Formulir Kontak

Nama

Email *

Pesan *

Pengikut

STATISTIK BLOG

Cari Blog Ini

Contact Us

Our Company Inc.
Jalan Gunawan Kec Tajinan
Kab Malang 65172
Phone: 1234-5678-90
Fax: 565-478-1445
Website: khazin2.blogspot.com

Facilisis rutrum! Maxime corporis accusamus inceptos quibusdam fugit porttitor consectetur.

Theme Support

Need our help to upload or customize this blogger template? Contact me with details about the theme customization you need.

Unordered List

  • Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
  • Aliquam tincidunt mauris eu risus.
  • Vestibulum auctor dapibus neque.

Recent Posts

Random Products

Popular Products

Unordered List

  • Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
  • Aliquam tincidunt mauris eu risus.
  • Vestibulum auctor dapibus neque.

Pages

Theme Support

Need our help to upload or customize this blogger template? Contact me with details about the theme customization you need.