Cara Membuat Website dengan PHP dari Awal | Part 2

RESTOPROGRAM.com – Selamat datang sobat semua, Selamat berkunjung di blog saya. Sebagai lanjutan tutorial yang dulu, saya akan posting tutorial tata Cara Membuat Website dengan PHP dari Awal Part 2. Dimana kita belajar membuat sebuah website admin. Langsung saja kepada titik penjelasan.

Cara Membuat Website dengan PHP dari Awal Part 2

Cara Membuat Website dengan PHP dari Awal Part 2 (Aplikasi Admin) – Dalam pengisian data lebih baik menggunakan Aplikasi Admin. Pembuatan aplikasi admin dimulai dari membuat aplikasi login, dengan itu data akan aman karena pengisian data diawali dengan login. Sehingga, tidak ada kemungkinan terdapat orang yang membobol dengan mengisikan data yang tidak baik atau bahkan merusak data. Karena pengisian data diawali dari login yang bersifat rahasia.  Untuk membuat aplikasi login dapat dilakukan dengan cara berikut :

  • Langkah – langkah

1. Untuk langkah pertama kita membuat tabel login, tabel login dibuat di database yang kita buat pada tutorial Cara Membuat Website dengan PHP dari Awal Part 1 yaitu database “algoritmablog”, dengan ketentuan sebagai berikut,

username (varchar (50)) password (text) nama_asli (varchar (50))

2. Setelah tabel sudah jadi, untuk proses keamanan cara pengisian dilakukan sebagai berikut :


login

Pada bagian password, pilih “MD5” di “function”, lalu klik “Go” dan jangan lupa ingat passwordnya, karena dalam database jika sudah dipilih “MD5” tidak akan tampil password yang kita tulis tadi, yang ada hanya kode-kode.

3. Selanjutnya buat file dengan nama “login.php” dan isikan  coding seperti contoh berikut,

<?php session_start();//inisialisasi session ?>
<html>
<head>
<title>Login</title>
</head>
<body>




<form method="POST" action="login.php">


Username



<input type="text" name="username" />


Password



<input type="password" name="password" />


<input type="submit" value="login" />

</form>




</body>
</html>
<?php if(!$_POST) exit; $user = $_POST['username']; $pass = $_POST['password']; ?>
<?php $koneksi = mysql_connect('localhost','root',''); mysql_select_db('algoritmablog', $koneksi); $sql = "SELECT username, nama_asli FROM `login` WHERE username='$user' AND password=MD5('$pass')"; $data = mysql_query($sql); $baris = mysql_fetch_array($data); if(count($baris)>1){
$_SESSION['info_login']=$user;
echo 'Login Sukses

';
echo '<a href="gotoadmin.php">go to admin</a>';
}
else
echo 'Login Gagal';
mysql_close($koneksi);
?>

$_POST : digunakan untuk mengumpulkan nilai-nilai dari formulir dengan metode =”post”. Informasi yang dikirim dari formulir dengan metode POST ini tidakterlihat oleh yang lain dan tidak memiliki batasan pada jumlah informasi yang dikirim.



Sebelum lanjut pada pembahasan selanjutnya, kita pasti banyak bertanya tentang “SESSION”, untuk itu akan dijelaskan tentang “SESSION”. “SESSION” merupakan suatu mekanisme untuk menyimpan suatu data tertentu seperti username atau password pada saat mengakses suatu Web. Data “SESSION” tersimpan pada web server, yang berfungsi untuk membentuk interaksi antara client dan web server. Pada prinsipnya “SESSION” menyimpan data pada server. Sebagai contoh, jika kita ingin mengakses webmail pada suatu server, maka sebelumnya kita harus login terlebih dahulu dengan memasukkan username & password agar dapat mengakses halaman webmail tersebut. Setelah melakukan login, maka username & password yang telah kita inputkan pada form webmail tersebut akan tersimpan secara otomatis pada server selama kita mengakses halaman webmail. Data tersebut akan hilang dari server jika kita melakukan log out/sign out atau menutup aplikasi browser. Pada intinya “SESSION” hanya menyimpan data sementara selama melakukan akses pada suatu web, untuk kepentingan keamanan selama mengakses web tersebut.

Terlepas dari penjelasan “SESSION”, untuk selanjutnya, jalankan web admin tersebut pada mozilla atau semacamnya, lalu ketik pada browse “localhost/(nama file web)/login.php”. Jika proses di atas benar maka akan muncul tampilan seperti ini,

login1

Karena terdapat link go to admin saat login sukses maka kita membuat applikasi sederhana dengan nama gotoadmin.php sebagai berikut,

gotoadmin

2. Membuat Applikasi Entry Kategori

Applikasi entry kategori , applikasi ini cara membuatnya sama halnya seperti membuat applikasi login. Langsung ke pokok bahasan, cara membuat applikasi entry kategori sebagai berikut :

  • Langkah-langkah

1. Buat file dengan nama “isi_kategori.php” dan isikan  coding seperti contoh berikut,

<?php session_start();//inisialisai session if(!isset($_SESSION['info_login'])){ echo "Tidak Boleh Mengakses Halaman ini"; exit; } ?>
<html>
<head>
<title>isi_kategori</title>
</head>
<body>
<?php include "gotoadmin.php"; ?>
<?php echo "Selamat Datang ".$_SESSION['info_login']; ?>




<form method="POST" action="isi_kategori.php">


Kode Kategori



<input type="text" name="kode_kategori" />



Judul Kategori



<input type="text" name="judul_kategori" />



<input type="submit" value="Simpan" />

</form>




</body>
</html>
 
<?php if(!$_POST) exit; $kode_kategori = $_POST['kode_kategori']; $judul_kategori = $_POST['judul_kategori']; $koneksi = mysql_connect('localhost', 'root', ''); mysql_select_db('algoritmablog', $koneksi); $sql = "INSERT INTO `algoritmablog`.`sidebar` (`kode_kategori` ,`judul_kategori`)VALUES ('$kode_kategori', '$judul_kategori');"; $data = mysql_query($sql); echo "Selesai Mengisi Data Kategori"; mysql_close($koneksi);//langkah 5 ?>

Dan applikasi entry kategori telah berhasil dibuat, selanjutnya untuk menampilkan isi kategori dapat dilakukan dengan langkah berikut ini,



    1. buat file dengan nama “daftar_kategori.php” dan isikan  coding seperti contoh berikut,
<html>
<head>
<title>Daftar Kategori</title>
</head>
<body>
<?php include "gotoadmin.php"; ?>




<table border="1">




<tr>



<td>Kode Kategori</td>


<td>Nama Kategori</td>



</tr>




<?php
$koneksi = mysql_connect('localhost', 'root', '');//langkah 1
mysql_select_db('algoritmablog', $koneksi);           //langkah 2
$sql = "SELECT kode_kategori, judul_kategori FROM sidebar";
$data = mysql_query($sql); //langkah 3
while($baris = mysql_fetch_array($data)){
echo "



<tr>



<td>".$baris['kode_kategori']."</td>


<td>".$baris['judul_kategori']."</td>


<tr>";
}
mysql_close($koneksi);
?>
</table>




</body>
</html>

Setelah semuanya selesai dibuat, jalankan web admin tersebut pada mozilla atau semacamnya, lalu ketik pada browse “localhost/(nama file web)/isi_kategori.php” dan akan muncul gambar seperti ini, pastinya setelah proses login dilakukan.

isikategori

Dan akan muncul tampilan seperti berikut saat kita mengetikkan pada browser seperti ini “localhost/(nama file web)/daftar_kategori.php”

daftarkategori

3. Membuat Applikasi Entry Konten

Pembuatan applikasi entry konten juga sama seperti membuat applikasi login dan entry kategori. Untuk applikasi entry konten ada file tambahan yang harus disediakan, yaitu ckeditor. Ckeditor digunakan untuk tampilan entry konten pada bagian isi. File ckeditor diletakkan di System(C)/XAMPP/htdocs/(nama file web)/ckeditor. Jika sudah selesai, maka sekarang langsung menuju pembuatan applikasi entry konten, dengan contoh sebagai berikut,



Langkah-langkah

  1. buat file dengan nama “isi_konten.php” dan isikan  coding seperti contoh berikut,

<?php session_start();//inisialisasi session if(!isset($_SESSION['info_login'])){ echo "Tidak boleh mengakses halaman ini"; exit; } ?>
<html>
<head>
<title>isi konten</title>
<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-wp-preserve="%3Cscript%20type%3D%22text%2Fjavascript%22%20src%3D%22ckeditor%2Fckeditor.js%22%3E%3C%2Fscript%3E" data-mce-resize="false" data-mce-placeholder="1" class="mce-object" width="20" height="20" alt="&lt;script&gt;" title="&lt;script&gt;" />
</head>
<body>
<?php include "gotoadmin.php"; ?>
<?php echo "selamat datang ".$_SESSION['info_login']; ?>




<form method="POST" action="">

<table>




<tr>




<td>

No
</td>


<td>

<input type="text" name="no" />
</td>




</tr>


<tr>




<td>

Judul
</td>


<td>

<input type="text" name="judul" />
</td>




</tr>


<tr>




<td>

Isi
</td>


<td>

<textarea name ="isi" id="isi_content"></textarea>
</td>




</tr>


<tr>




<td>

Kategori
</td>


<td>

<select name="kategori">
<?php $koneksi = mysql_connect('localhost','root',''); mysql_select_db('algoritmablog',$koneksi); $sql1="SELECT kode_kategori, judul_kategori FROM sidebar"; $data = mysql_query($sql1); while($baris = mysql_fetch_array($data)) { ?>
<option value="<?php echo $baris ['kode_kategori'];?>"><?php echo $baris ['judul_kategori'];?></option>
<?php } mysql_close($koneksi); ?>
</select>
</td>





</td>




</tr>




</table>






<input type="submit" value="simpan" />

</form>




</body>
<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-wp-preserve="%3Cscript%20language%3D%22javascript%22%3E%0ACKEDITOR.replace('isi_content'%2C%0A%7B%0A%20%20fullpage%20%3A%20true%2C%0A%20%20extraPlugins%20%3A%20'docprops'%0A%7D%0A)%3B%0A%3C%2Fscript%3E" data-mce-resize="false" data-mce-placeholder="1" class="mce-object" width="20" height="20" alt="&lt;script&gt;" title="&lt;script&gt;" />
</html>
 
<?php if(!$_POST) exit; $no = $_POST['no']; $judul = $_POST['judul']; $isi = $_POST['isi']; $kategori = $_POST['kategori']; $koneksi = mysql_connect('localhost','root',''); mysql_select_db('algoritmablog',$koneksi); $sql = "INSERT INTO `algoritmablog`.`konten` (`no`, `judul`, `isi`, `kategori`) VALUES ('$no', '$judul', '$isi', '$kategori');"; $data = mysql_query($sql); echo "selesai mengisi konten"; mysql_close($koneksi); ?>

Dan aplikasi entry konten telah berhasil dibuat, selanjutnya untuk menampilkan isi konten dapat dilakukan dengan langkah berikut ini,

1. buat file dengan nama “daftar_konten.php” dan isikan  coding seperti contoh berikut,


<html>
<head>
<title>Daftar Konten</title>
</head>
<body>
<?php include "gotoadmin.php"; ?>




<table border="1">




<tr>



<td>No</td>


<td>Judul</td>


<td>Isi</td>


<td>Kategori</td>



</tr>




<?php
$koneksi = mysql_connect('localhost', 'root', '');
mysql_select_db('algoritmablog', $koneksi);
$sql = "SELECT no, judul, isi, kategori FROM konten";
$data = mysql_query($sql);
while($baris = mysql_fetch_array($data)){
echo "



<tr>



<td>".$baris['no']."</td>


<td>".$baris['judul']."</td>


<td>".$baris['isi']."</td>


<td>".$baris['kategori']."</td>



</tr>




";
}
mysql_close($koneksi);
?>
</table>




</body>
</html>



Setelah semuanya selesai dibuat, jalankan web admin tersebut pada mozilla atau semacamnya, lalu ketik pada browse “localhost/(nama file web)/isi_konten.php” dan akan muncul gambar seperti ini, pastinya setelah proses login dilakukan.

isikonten

Dan akan muncul tampilan seperti berikut saat kita mengetikkan pada browser seperti ini “localhost/(nama file web)/daftar_kategori.php”.

daftarkonten.php

Dan web yang kita buat telah selesai. Tinggal melakukan proses edit pada tampilan. Dan masih banyak yang harus disempurnakan lagi. Berikut cara membuat website dengan PHP dari awal sampai akhir. Semoga bermanfaat untuk sobat semua.