hak akses dengan php
Senin, 12 Maret 2012
0
komentar
Untuk mencoba demo aplikasi, gunakan admin sebagai username dan password untuk login sebagai administrator.
Untuk dapat mengikuti tutorial kali ini, silahkan Anda download dulu file sourcefiles yang saya sertakan untuk tutorial ini. Ini karena ada beberapa file yang saya sertakan sebagai alat bantu dalam tutorial kali ini.
Rencana Aplikasi
- Jenis user: Admin, Registered User, Guest (guest adalah user yang tidak terdaftar)
- Siapa saja dapat mendaftar / membuat user baru tanpa harus login terlebih dahulu.
- Admin yang dapat mengubah hak akses semua user, merubah data user lain, dan menghapus user lain.
- Registered User dapat melihat daftar semua user tanpa dapat merubah maupun menghapus user lain.
- Registerd User dapat merubah data pribadinya.
- Untuk dapat melihat data user (data pribadi maupun data semua user), user harus login terlebih dahulu.
Materi Dasar
Sebelum dilanjutkan ke tutorial, kita pelajari dulu logika dasar untuk hak akses.Logika untuk hak akses tidaklah rumit, hanya dengan logika if sederhana. Kita asumsikan misalkan ada 3 jenis user seperti dalam tutorial kali ini (admin, member, guest) dalam sebuah aplikasi. Untuk dapat mengakses halaman member, user harus terdaftar dan login terlebih dahulu. Kemudian user yang login ini harus dapat dikenali aplikasi apakah ia berstatus sebagai admin atau bukan. Hal ini dikarenakan fungsionalitas aplikasi tidak sama untuk level user yang berbeda. Misalkan: admin boleh menghapus user lain sedangkan user biasa tidak.
Maka logika dasar dari kasus ini adalah seperti berikut:
1 2 3 | if ( $userLevel == 'admin' ) { echo "<a href='delete.php'?id=$id>Delete</a>" ; } |
Dalam tutorial kali ini, hak akses (role) disimpan didalam session untuk kemudian dapat kita panggil lagi pada halaman lainnya untuk dilakukan pengecekan. Untuk melakukan pengecekan apakah user yang login memiliki role sebagai admin atau tidak, kode program nya akan terlihat seperti berikut.
1 2 3 | if ( $_SESSION [ 'role' ] == 'admin' ) { // kode lainnya } |
Jadi, jika ada beberapa menu ataupun fungsionalitas yang hanya boleh digunakan oleh user dengan hak akses tertentu, cukup gunakan logika dasar ini. Jika kebutuhan aplikasi Anda lebih kompleks dari ini, maka tinggal disesuaikan dan dikembangkan sesuai dengan kebutuhan.
Langkah 1 – Struktur Folder
Buatlah folder dengan nama hak_akses pada C:\xampp\htdocs\. Kemudian buat lagi dua folder dengan nama css dan images didalam folder hak_akses.Kemudian copy-kan file .css dari file yang sudah didownload kedalam folder css, dan file background.jpg kedalam folder images.
File-file .css ini nantinya akan kita gunakan sebagai alat bantu untuk mempercantik tampilan. Untuk menggunakan file-file .css ini cukup dengan menambahkan baris kode seperti berikut.
1 2 3 4 5 | < link rel = "stylesheet" href = "css/reset.css" type = "text/css" /> < link rel = "stylesheet" href = "css/normalize.css" type = "text/css" /> < link rel = "stylesheet" href = "css/permata-ui-kit.css" type = "text/css" /> < link rel = "stylesheet" href = "css/bootstrap.css" type = "text/css" /> < link rel = "stylesheet" href = "css/style.css" type = "text/css" /> |
Langkah 2 – Database
Buat database dengan nama tutorial_3. Kemudian buat tabel dengan nama users dengan data sebagai berikut.Fieldname | Datatype |
---|---|
id_user | int(4), PRIMARY, AUTO INCREMENT |
username | varchar(20), UNIQUE |
password | varchar(300) |
varchar(100) | |
fullname | varchar(100) |
role | enum(‘admin’, ‘member’) |
1 | insert into users values ( '' , 'admin' , 'admin' , 'admin@admin.com' , 'Administrator' , 'admin' ); |
Langkah 3 – File Konfigurasi
Seperti biasa, sebelum membuat aplikasi lebih jauh, kita buat terlebih dulu file konfigurasi untuk koneksi ke server. Ketikkan kode berikut dan simpan dalam folder hak_akses dengan nama config.php.1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 | <?php // host yang digunakan $host = 'localhost' ; // username untuk login ke hosthosting $user = 'root' ; // jika menggunakan PC sendiri sebagai host, // secara default password dikosongkan $pass = '' ; // isikan nama database sesuai database yang akan digunakan $dbname = 'tutorial_3' ; // mengubung ke host $connect = mysql_connect( $host , $user , $pass ) or die (mysql_error()); // memilih database yang akan digunakan $dbselect = mysql_select_db( $dbname ); ?> |
Langkah 4 – Register User
Ketikkan kode berikut dan simpan dalam folder hak_akses dengan nama index.php.1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 | <? php session_start(); $ logged_in = false ; //jika session username belum dibuat, atau session username kosong if (isset($_SESSION['username']) || !empty($_SESSION['username'])) { $ logged_in = true ; } include_once('config.php'); ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> < head > < meta http-equiv = "Content-Type" content = "text/html; charset=utf-8" /> < title >Tutorial Hak Akses - Nurwahyudin.Com</ title > < link rel = "stylesheet" href = "css/reset.css" type = "text/css" /> < link rel = "stylesheet" href = "css/normalize.css" type = "text/css" /> < link rel = "stylesheet" href = "css/permata-ui-kit.css" type = "text/css" /> < link rel = "stylesheet" href = "css/bootstrap.css" type = "text/css" /> < link rel = "stylesheet" href = "css/style.css" type = "text/css" /> </ head > < body > < div style = "margin:auto; padding:50px 0 30px; text-align:center" > < h1 >Nurwahyudin.Com</ h1 > < p >Tutorial Hak Akses</ p > </ div > < div style = "margin:auto" > < form class = "rounded_3 shadow_3" action = "insert.php" method = "post" style = "width:400px; margin:auto;" > < fieldset class = "rounded_3" > < legend >Register New User</ legend > <? php $message = $_GET['msg']; if ($message == 'success') { ?> < div class = "info" >Success</ div > <? php } else if ($message == 'failed') {?> < div class = "error" >Error</ div > <? php } ?> < div > < label for = "username" >Username</ label > < input id = "username" name = "username" class = "wide" type = "text" required = "required" /> </ div > < div > < label for = "password" >Password</ label > < input id = "password" name = "password" class = "wide" type = "password" required = "required" /> </ div > < div > < label for = "email" >Email</ label > < input id = "email" name = "email" class = "wide" type = "email" required = "required" /> </ div > < div > < label for = "fullname" >Fullname</ label > < input id = "fullname" name = "fullname" class = "wide" type = "text" /> </ div > < div > <? php if ($logged_in) { ?> < span class = "left" >< a href = "users.php" >Lihat Data</ a ></ span > <? php } else {?> < span class = "left" >< a href = "login.php" >Login</ a ></ span > <? php } ?> < input class = "right" type = "submit" name = "submit" value = "Buat User" /> </ div > </ fieldset > </ form > </ div > </ body > </ html > |
Pada baris ke-57 kita lakukan pengecekan terhadap nilai dari variabel $logged_in dengan kode if ($logged_in). Jika variabel ini bernilai true (yang berarti user sudah login), maka tampilkan link untuk melihat data user. Sedangkan jika bernilai false (yang berarti user belum login), maka tampilkan link menuju halaman login.
Selanjutnya, buat file baru dan ketikkan kode berikut ini. Setelah selesai simpan dengan nama insert.php.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 | <?php include_once ( 'config.php' ); // terima data dari halaman index.php $username = mysql_real_escape_string( $_POST [ 'username' ]); $password = mysql_real_escape_string( $_POST [ 'password' ]); $email = mysql_real_escape_string( $_POST [ 'email' ]); $fullname = mysql_real_escape_string( $_POST [ 'fullname' ]); $role = 'member' ; // variabel untuk settingan default level yang mendaftar // simpan data ke database $query = mysql_query( "insert into users values('', '$username', '$password', '$email', '$fullname', '$role')" ); if ( $query ) { // jika berhasil menyimpan header( 'location: index.php?msg=success' ); } else { // jika gagal menyimpan header( 'location: index.php?msg=failed' ); } ?> |
Saat ini, kita masih belum dapat login ke aplikasi (iyalah, login nya belum dibikin ). Selanjutnya kita buat halaman untuk login.
Langkah 5 – Login
Ketikkan kode berikut dan simpan dengan nama login.php.1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 | <? php session_start(); include_once('config.php'); if (!empty($_SESSION['username'])) { header('location:index.php'); } ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> < head > < meta http-equiv = "Content-Type" content = "text/html; charset=utf-8" /> < title >Tutorial Hak Akses - Nurwahyudin.Com</ title > < link rel = "stylesheet" href = "css/reset.css" type = "text/css" /> < link rel = "stylesheet" href = "css/normalize.css" type = "text/css" /> < link rel = "stylesheet" href = "css/permata-ui-kit.css" type = "text/css" /> < link rel = "stylesheet" href = "css/bootstrap.css" type = "text/css" /> < link rel = "stylesheet" href = "css/style.css" type = "text/css" /> </ head > < body > < div style = "margin:auto; padding:50px 0 30px; text-align:center" > < h1 >Nurwahyudin.Com</ h1 > < p >authorization required!</ p > </ div > < div style = "margin:auto" > < form class = "rounded_3 shadow_3" action = "auth.php" method = "post" style = "width:400px; margin:auto;" > < fieldset class = "rounded_3" > < legend >Login</ legend > <? php $error = $_GET['error']; if ($error == 1) { ?> < div class = "error" >Username dan Password belum diisi.</ div > <? php } else if ($error == 2) {?> < div class = "error" >Username belum diisi.</ div > <? php } else if ($error == 3) {?> < div class = "error" >Password belum diisi.</ div > <? php } else if ($error == 4) {?> < div class = "error" >Username dan Password tidak terdaftar.</ div > <? php } ?> < div > < label for = "username" >Username</ label > < input id = "username" name = "username" class = "wide" type = "text" required = "required" /> </ div > < div > < label for = "password" >Password</ label > < input id = "password" name = "password" class = "wide" type = "password" required = "required" /> </ div > < div > < span class = "left" >< a href = "index.php" >Daftar Baru</ a ></ span > < input class = "right" type = "submit" name = "submit" value = "Login" /> </ div > </ fieldset > </ form > </ div > </ body > </ html > |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 | <?php include ( 'config.php' ); session_start(); // terima data dari form login $username = $_POST [ 'username' ]; $password = $_POST [ 'password' ]; // untuk mencegah sql injection // kita gunakan mysql_real_escape_string $username = mysql_real_escape_string( $username ); $password = mysql_real_escape_string( $password ); // cek data yang dikirim, apakah kosong atau tidak if ( empty ( $username ) && empty ( $password )) { // kalau username dan password kosong header( 'location:login.php?error=1' ); break ; } else if ( empty ( $username )) { // kalau username saja yang kosong header( 'location:login.php?error=2' ); break ; } else if ( empty ( $password )) { // kalau password saja yang kosong header( 'location:login.php?error=3' ); break ; } $query = mysql_query( "select * from users where username='$username' and password='$password'" ); $data = mysql_fetch_array( $query ); if (mysql_num_rows( $query ) == 1) { // kalau username dan password sudah terdaftar di database // buat session dengan nama username dengan isi nama user yang login $_SESSION [ 'username' ] = $username ; $_SESSION [ 'role' ] = $data [ 'role' ]; // redirect ke halaman users [menampilkan semua users] header( 'location:users.php' ); } else { // kalau username ataupun password tidak terdaftar di database header( 'location:login.php?error=4' ); } ?> |
Berikutnya, kita buat sebuah file untuk melakukan pengecekan apakah user sudah login atau belum. Jika user sudah login, maka user tidak perlu login lagi. Buat dokumen baru dan ketikkan kode berikut. Setelah selesai, simpan dengan nama cek-login.php.
1 2 3 4 5 6 7 8 9 10 11 12 13 | <?php session_start(); $logged_in = false; //jika session username belum dibuat, atau session username kosong if (!isset( $_SESSION [ 'username' ]) || empty ( $_SESSION [ 'username' ])) { //redirect ke halaman login header( 'location:login.php' ); } else { $logged_in = true; } ?> |
Langkah 6 – Daftar User
Buat dokumen baru dan ketikkan kode berikut. Setelah selesai simpan dengan nama users.php.1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 | <?php include_once( 'config.php' ); include_once( 'cek-login.php' ); ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > <head> <meta http-equiv= "Content-Type" content= "text/html; charset=utf-8" /> <title>Tutorial Hak Akses - Nurwahyudin.Com</title> <link rel= "stylesheet" href= "css/reset.css" type= "text/css" /> <link rel= "stylesheet" href= "css/normalize.css" type= "text/css" /> <link rel= "stylesheet" href= "css/permata-ui-kit.css" type= "text/css" /> <link rel= "stylesheet" href= "css/bootstrap.css" type= "text/css" /> <link rel= "stylesheet" href= "css/style.css" type= "text/css" /> </head> <body> <div style= "margin:auto; padding:50px 0 30px; text-align:center" > <h1>Nurwahyudin.Com</h1> <p>Tutorial Hak Akses</p> </div> <div style= "margin:auto" > <div class = "rounded_3 shadow_3 content" > <?php $username = $_SESSION[ 'username' ]; $query_user_login = mysql_query( "select * from users where username='$username'" ); $user_login = mysql_fetch_array($query_user_login); ?> <h3>Selamat Datang <?php echo $user_login[ 'fullname' ]; ?></h3> <br /> <?php $message = $_GET[ 'msg' ]; if ($message == 'success' ) { ?> <div class = "info" >Success</div> <?php } else if ($message == 'failed' ) {?> <div class = "error" >Error</div> <?php } ?> <a href= "index.php" class = "left" >Tambah User</a> <a href= "logout.php" class = "right" >Logout</a> <br /> <table class = "view" > <thead> <tr> <th width= "20" >No.</th> <th>Username</th> <th>Fullname</th> <th>Email</th> </tr> </thead> <tbody> <?php $query = mysql_query( "select * from users" ); $i = 1 ; while ($data = mysql_fetch_array($query)) { ?> <tr class = "<?php if ($i % 2 == 0) { echo " odd "; } else { echo " even "; } ?>" > <td><?php echo $i; ?></td> <td> <?php echo $data[ 'username' ]; // jika user yang login memiliki role sebagai admin, maka tampilkan menu untuk edit dan delete user if ($_SESSION[ 'role' ] == 'admin' ) { ?> <div class = "row-actions" > <a href= "edit.php?uid=<?php echo $data['id_user'];?>" >Edit</a> <?php if ($data[ 'username' ] != 'admin' ) {?> | <a href= "delete.php?uid=<?php echo $data['id_user'];?>" class = "delete" >Delete</a> <?php } ?> </div> <?php } ?> </td> <td><?php echo $data[ 'fullname' ]; ?></td> <td><?php echo $data[ 'email' ]; ?></td> </tr> <?php $i++; } ?> </tbody> </table> </div> </div> <div class = "clear" ></div> <div style= "padding-bottom:50px;" ></div> </body> </html> |
Cobalah lihat hasilnya pada browser dengan membuka halaman localhost/hak_akses/users.php. Hasilnya akan terlihat seperti gambar berikut.
Selanjutnya kita buat halaman edit data. Buat dokumen baru dan ketikkan kode berikut, kemudian simpan dengan nama edit.php.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 | <? php session_start(); include_once('config.php'); include_once('cek-login.php'); ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> < head > < meta http-equiv = "Content-Type" content = "text/html; charset=utf-8" /> < title >Tutorial Hak Akses - Nurwahyudin.Com</ title > < link rel = "stylesheet" href = "css/reset.css" type = "text/css" /> < link rel = "stylesheet" href = "css/normalize.css" type = "text/css" /> < link rel = "stylesheet" href = "css/permata-ui-kit.css" type = "text/css" /> < link rel = "stylesheet" href = "css/bootstrap.css" type = "text/css" /> < link rel = "stylesheet" href = "css/style.css" type = "text/css" /> </ head > < body > < div style = "margin:auto; padding:50px 0 30px; text-align:center" > < h1 >Nurwahyudin.Com</ h1 > < p >Tutorial Hak Akses</ p > </ div > < div style = "margin:auto" > < form class = "rounded_3 shadow_3" action = "update.php" method = "post" style = "width:400px; margin:auto;" > < fieldset class = "rounded_3" > < legend >Edit User</ legend > <? php $message = $_GET['msg']; if ($message == 'success') { ?> < div class = "info" >Success</ div > <? php } else if ($message == 'failed') {?> < div class = "error" >Error</ div > <? php } ?> <? php // terima id_user dari halaman users $user_id = $_GET['uid']; $ query = mysql_query ("select * from users where id_user = '$user_id' "); $ data = mysql_fetch_array ($query); ?> < div > < label for = "username" >Username</ label > < input id = "username" name = "username" class = "wide" type = "text" required = "required" value="<?php echo $data['username']; ?>" disabled="disabled" /> </ div > < div > < label for = "password" >Password</ label > < input id = "password" name = "password" class = "wide" type = "password" required = "required" value="<?php echo $data['password']; ?>" <? php if ($data['username'] == 'admin') {?> disabled="disabled" <? php } ?> /> </ div > < div > < label for = "email" >Email</ label > < input id = "email" name = "email" class = "wide" type = "email" required = "required" value="<?php echo $data['email']; ?>" /> </ div > < div > < label for = "fullname" >Fullname</ label > < input id = "fullname" name = "fullname" class = "wide" type = "text" value="<?php echo $data['fullname']; ?>" /> </ div > <? php // jika user yang login memiliki role sebagai admin, maka tampilkan opsi ini if ($_SESSION['role'] == 'admin') { if ($data['username'] != 'admin') { ?> < div > < label for = "role" >Role</ label > < select name = "role" > < option value = "admin" >Admin</ option > < option value = "member" >Member</ option > </ select > </ div > <? php } } ?> < div > <? php if ($logged_in) { ?> < span class = "left" >< a href = "users.php" >Lihat Data</ a ></ span > <? php } else {?> < span class = "left" >< a href = "login.php" >Login</ a ></ span > <? php } ?> < input class = "right" type = "submit" name = "submit" value = "Update User" /> </ div > < input type = "hidden" name = "user_id" value="<?php echo $data['id_user']; ?>" /> </ fieldset > </ form > </ div > </ body > </ html > |
Agar hasil edit-an dapat disimpan, buat dokumen baru dan ketikkan kode berikut. Kemudian simpan dengan nama update.php.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 | <?php include ( 'config.php' ); //tangkap data dari form $id = $_POST [ 'user_id' ]; $password = $_POST [ 'password' ]; $fullname = $_POST [ 'fullname' ]; $email = $_POST [ 'email' ]; $role = $_POST [ 'role' ]; //update data di database sesuai user_id $query = mysql_query( "update users set password='$password', fullname='$fullname', email='$email', role='$role' where id_user='$id'" ) or die (mysql_error()); if ( $query ) { header( 'location:users.php?msg=success' ); } else { header( 'location:users.php?msg=failed' ); } ?> |
Untuk dapat menghapus data, buat dokumen baru dan ketikkan kode berikut. Simpan dengan nama delete.php.
1 2 3 4 5 6 7 8 9 10 11 12 13 | <?php include ( 'config.php' ); $uid = $_GET [ 'uid' ]; $query = mysql_query( "delete from users where id_user='$uid'" ) or die (mysql_error()); if ( $query ) { header( 'location:users.php?msg=success' ); } else { header( 'location:users.php?msg=failed' ); } ?> |
Kesimpulan
Hak Akses atau role tidaklah sulit untuk dibuat. Cukup dengan menggunakan logika if sederhana kita dapat membuat hak akses. Jika ada kesulitan ataupun jika ada yang kurang jelas, silahkan tanyakan pada kotak komentar dibawah.Selamat belajar, dan semoga bermanfaat. ^_^
TERIMA KASIH ATAS KUNJUNGAN SAUDARA
Judul: hak akses dengan php
Ditulis oleh Unknown
Rating Blog 5 dari 5
Semoga artikel ini bermanfaat bagi saudara. Jika ingin mengutip, baik itu sebagian atau keseluruhan dari isi artikel ini harap menyertakan link dofollow ke http://cintafido.blogspot.com/2012/03/hak-akses-dengan-php.html. Terima kasih sudah singgah membaca artikel ini.Ditulis oleh Unknown
Rating Blog 5 dari 5
0 komentar:
Posting Komentar