Integrasi Halaman Login dengan menggunakan xml

bacaannya programer website

Di sela-sela kesibukan saya sebagai  web development interfaces, beberapa saat yang lalu ,saya di hadapkan pada xml,pada pembangunan sistem aplikasi tour and travel terinteregrasi dengan setiap maskapai yang ada di indonesia. Tapi saat ini saya tidak akan membahas mengenai itu. Karena sebelumnya saya pengin mengupdate tutorial sebelumnya dan tidak terpikir lagi.untuk itu mari kita jeda dahulu dengan membuat login berbasis xml.

Apa itu xml ? xml adalah  bahasa markup untuk keperluan umum yang disarankan oleh W3C untuk membuat dokumen markup keperluan pertukaran data antar sistem yang beraneka ragam.

 

Require tools (aplikasi yang di butuhkan):

  1.   xampp
  2.  Adobe Dreamweaver
  3.  browser Mozilla , Chrome dan lain lain.

 

Langkah Pengerjaan.

  1. Siapkan kopi + rokok
  2. Membuat layout aplikasi ( mock up) & Design database.
  3. Membuat file index login
  4. Membuat file xml
  5. Membuat file logout
  6. Mengakses data xml.

Mengapa xml ?

Pertanyaan di atas mungkin menjadi pertanyaa ente”, maka saya akan coba paparkan beberapa menurut pengalaman ane.

  1. Cepat
  2. Mudah dalam penggunaannya.

Membuat Design layout (mock Up ). / maaf kelupaan upload gambar .hehehehe…

Saya ingin membuat aplikasi seperti gambar di bawah ini, sehingga dalam implementasinya dapat di sambungkan secara langsung oleh user.

php xml login

Membuat index.php

Pada intinya file index.php di gunakan secara default untuk melakukan loaded terhadap folder yang di akses. So.. kita buat file di

Setup file index.php pada Os windows.

 

xampp /htdocs/tutorial/ atau wampp/www/tutorial/

 

Setup file index.php pada Os linux / apache2.

var/www/tutorial/

Dari pada ente jauh jauh untuk bikin script seperti ane. Mending ente copas aja dech script ane di bawah ini.

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>halaman login dengan xml</title>
<style type="text/css">
#layout{ width:960px;
margin:0px auto; 			}
		#form{
			width:30%;
			border:solid 1px #333;
			margin:10% auto;}
		h2{ margin-top:10%;
		    margin-bottom:0%; }
		#form p{ margin-left:10%; }
		#tombol{ margin-left:60%; }
    </style>
</head>
<body>
<div id="layout">
	<h2 align="center">OpenTutorial Sinar-soft.com</h2>
	<form id="form" action="" method="post">
    	<p><label>Username </label><input type="text" name="username" /></p>
        <p><label>Password </label><input type="password" name="password" /></p>
        <p><input id="tombol" type="submit" value="Login" name="login"/></p>
    </form>
</div>
</body>
</html>

 

Hasil dari sources code di atas adalah gambar di bawah ini.

tutorial website gratis sinar-soft.com

 

Membuat file data.xml

Sekali lagi saya tekan kan. Bahwa file berekstensi di atas akan saya gunakan sebagai pengganti media penyimpanan database.

<users>
   <username>test</username>
    <password>admin</password>
</users>

 

Ok, langsung saja kita panggil pada url dengan mengakses localhost/tutorial/data.xml ,jika dalam kondisi benar maka akan seperti gambar di bawah ini.

pemrograman website php dan xml

Membuat file content.php

Pada file content.php akan saya gunakan sebagai media user setelah login.maka hal yang akan di lakukannya adalah masuk dan mengakses data halaman.

<?php
######### start session ###############
session_start();
?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<h1>Hello , <?php echo $_SESSION['users'] ?></h1>
<p>This is login pages tutorial from sinar soft</p>
<br/>
<a href="logout.php">Logout</a>
</body>
</html>

 

Membuat file Logout.php

Pada file logout.php akan di saya fungsikan sebagai file yang akan mengatur user untuk keluar dari applikasi yang telah saya buat.

<?php
session_start();
unset($_SESSION['users']);
session_destroy();
header("location:index.php");
?>

 

Demikian Tutorial yang sederhana ini saya buat dengan keadaan yang serba cepat dan mudah , semoga bermanfaat bagi dunia delopment dan programer website yang telah di tekuni / pelajari – cryme gembel @sinarsoft1.

 

download tutorial offline di sini

download sources code lengkap di sini

Leave a Reply

Your email address will not be published. Required fields are marked *