Berikut Cara nya :
1. Mempersiapkan Folder Proyek
Sebelum
memulai proyek, ada baiknya kita persiapkan terlebih dahulu foldernya agar
file-file proyek dapat terorganisir dengan baik, kaarena biasanya sebuah proyek
tersimpan dalam satu folder, kemudian didalamnya dibuatkan lagi folder-folder
untuk menyimpan file-file gambar, konfigurasi, dan admin. Folder utama diberi
nama tkjprofile, kemudian didalamnya
terdapat tiga folder, yaitu folder config
untuk menyimpan file gambar desain web (halaman untuk pengunjung), folder
config untuk menyimpan file style (CSS), library (fungsi), koneksi, JavaScript,
dan terakhir yaitu folder admin
untuk menyimpan file-file skrip admin untuk mengelola content website. Adapun
didalam folder admin juga terdapat dua buah folder, yaitu folder images untuk menyimpan file gambar
desain web admin dan folder foto_berita
untuk menyimpan file gambar dari content berita yang di upload user.
2. Membuat Database
Dalam membuat
database kita membutuhkan empat buah tabel, yaitu tabel user, tabel berita,
tabel kategori (untuk kategori berita), dan table agenda. Dimana keempat table
tersebut saling berelasi. Maka dalam membuat database kita beri nama dbtkjprofile.
Tabel
user
|
Field
|
Type
|
Length
|
Default
|
Primary
|
||
|
id_user
|
VARCHAR
|
50
|
|
|
||
|
password
|
VARCHAR
|
50
|
|
|
||
|
nama_lengkap
|
VARCHAR
|
100
|
|
|
||
|
email
|
VARCHAR
|
100
|
|
|
||
|
level
|
VARCHAR
|
50
|
user
|
|
Table
kategori
|
Field
|
Type
|
Length
|
Extra
|
Primary
|
||
|
id_kategori
|
INT
|
5
|
Auto_increment
|
|
||
|
nama_kategori
|
VARCHAR
|
50
|
|
|
||
|
keterangan
|
VARCHAR
|
100
|
|
|
Tabel
berita
|
Field
|
Type
|
Length
|
Default
|
Extra
|
Primary
|
||
|
id_berita
|
INT
|
5
|
|
Auto_increment
|
|
||
|
id_kategori
|
INT
|
5
|
|
|
|
||
|
id_user
|
VARCHAR
|
50
|
|
|
|
||
|
judul
|
VARCHAR
|
100
|
|
|
|
||
|
isi_berita
|
TEXT
|
|
|
|
|
||
|
gambar
|
VARCHAR
|
100
|
|
|
|
||
|
hari
|
VARCHAR
|
20
|
|
|
|
||
|
tanggal
|
DATE
|
|
|
|
|
||
|
jam
|
TIME
|
|
|
|
|
||
|
counter
|
INT
|
5
|
1
|
|
|
3. Membuat File Koneksi Terpisah
Untuk bias mengakses database, kita harus
melakukan koneksi terlebih dahulu ke server MySQL. Sebaiknya skrip untuk
melakukan koneksi dibuat terpisah atau tersendiri dalam sebuah file, karena
setiap kali akan mengolah data di database,
maka kita harus selalu melakukan koneksi terlebih dahulu.
Skrip koneksi.php
<?php
$server =
"localhost";
$username =
"root";
$password =
"";
$database =
"dbtkjprofile";
// Koneksi dan
memilih database di server
mysql_connect($server,$username,$password)
or die("Koneksi gagal");
mysql_select_db($database)
or die("Database tidak bisa dibuka");
?>
Simpan file
koneksi.php di folder tkjprofile/config/.
4. Input User
Tugas pertama
yang akan kita buat adalah modul user yang meliputi input, view, edit dan hapus
user.
Skrip form_user.php
<?php
echo"<h2>Tambah
user</h2>
<form
method=POST action=input_user.php>
<table>
<tr><td>Usernama</td>
<td>:<input type=text
name='id_user'></td></tr>
<tr><td>Password</td>
<td>:<input type=text
name='password'></td></tr>
<tr><td>Nama
Lengkap</td>
<td>:<input type=text
name='nama_lengkap' size=30></td></tr>
<tr><td>E-mail</td>
<td>:<input
type=text name='email' size=30></td></tr>
<tr><td colspan=2><input
type=submit value=simpan>
<input type=button value=batal
onclick=self.history.back()>
</td></tr>
</table>
</form>";
?>
Skrip input_user.php
<?php
include
"../config/koneksi.php";
//Enkripsi
password sebelum disimpan di database
$pass=md5($_POST[password]);
mysql_query("INSERT
INTO user(id_user,
password,
nama_lengkap,
email)
VALUES('$_POST[id_user]',
'$pass',
'$_POST[nama_lengkap]',
'$_POST[email]')");
header('location:tampil_user.php');
?>
Simpan file
form_user.php dan input_user.php di folder tkjprofile/admin/ (untuk
selanjutnya, seluruh skrip admin akan disimpan difolder tersebut). Kemudian jalankan
di browser dengan mengetikkan di bagian address bar: http://localhost/tkjprofile/admin/form_user.php
5. Tampil User
Untuk
menampilkan hasil dari input user, buatlah skrip berikut:
Skrip tampil_user.php
<?php
echo
"<h2>user</h2>
<form
method=POST action=form_user.php>
<input
type=submit value='Tambah user'>
</form>
<table
border=1>
<tr><th
bgcolor=cyan>no</th><th bgcolor=cyan>username</th>
<th
bgcolor=cyan>nama lengkap</th><th bgcolor=cyan>email</th>
<th
bgcolor=cyan>aksi</th></th></tr>";
include
"../config/koneksi.php";
$tampil=mysql_query("SELECT
* FROM user ORDER BY id_user");
$no=1;
while
($r=mysql_fetch_array($tampil)){
echo
"<tr><td>$no</td>
<td>$r[id_user]</td>
<td>$r[nama_lengkap]</td>
<td><a
href=mailto:$r[email]>$r[email]</a></td>
<td><a
href=edit_user.php?id=$r[id_user]>Edit</a> |
<a
href=hapus_user.php?id=$r[id_user]>Hapus</a>
</td>
</tr>";
$no++;
}
echo
"</table>";
?>
6. Edit user
Untuk mengedit
identitas user, dengan script di bawah ini
<?php
include
"../config/koneksi.php";
$edit=mysql_query("SELECT*FROM
user
WHERE
id_user='$_GET[id]'");
$r=mysql_fetch_array($edit);
echo
"<h2>Edit User</h2>
<form
method=POST action=update_user.php>
<input
type=hidden name=id value='$r[id_user]'>
<table>
<tr><td>Username</td><td>:
<input
type=text name=id_user value='$r[id_user]'></td></tr>
<tr><td>Password</td><td>:
<input
type=text name=password>*)</td></tr>
<tr><td>Nama
Lengkap</td>
<td>:<input
type=text name=nama_lengkap size=30
value='$r[nama_lengkap]'></td></tr>
<tr><td>E-mail</td>
<td>:<input
type=text name=email size=30 value='$r[email]'></td></tr>
<tr><td colspan=2>*)Apabila
password tidak di ubah, dikosongkan saja</td></tr>
<tr><td colspan=2><input
type=submit value=Update>
<input type=button value=batal
onclick=self.history.back()></td></tr>
</table>
</form>";
?>
7.
Hapus user
Untuk
menghapus user, dengan script dibawah ini
<?php
include
"../config/koneksi.php";
mysql_query("DELETE
FROM user WHERE id_user='$_GET[id]'");
header('location:tampil_user.php');
?>
8.
Update user
<?php
include
"../config/koneksi.php";
//Apabila
password tidak diubah
if
(empty($_POST[password])){
mysql_query("UPDATE
user SET id_user='$_POST[id_user]',
nama_lengkap='$_POST[nama_lengkap]',
email='$_POST[email]'
WHERE
id_user='$_POST[id]'");
}
//Apabila
password diubah
else{
$pass=md5($_POST[password]);
mysql_query("UPDATE
user SET id_user='$_POST[id_user]',
password='$pass',
nama_lengkap='$_POST[nama_lengkap]',
email='$_POST[email]'
WHERE
id_user='$_POST[id]'");
}
header('location:tampil_user.php');
?>
9.
FORM LOGIN
<?php
echo
"<h2>login</h2>
<form
method=POST action=cek_login.php>
<table>
<tr><td>Username</td>
<td>:<input
type=text name=id_user></td></tr>
<tr><td>Password</td>
<td>:<input
type=password name=password></td></tr>
<tr><td
colspan=2><input type=submit value=login></td></tr>
</table>
</form>";
?>
10. CEK
LOGIN
<?php
include
"../config/koneksi.php";
$pass=md5($_POST[password]);
$login=mysql_query("SELECT
* FROM tuser
WHERE
id_user='$_POST[id_user]' AND password='$pass'");
$ketemu=mysql_num_rows($login);
$r=mysql_fetch_array($login);
//apabila
username dan password ditemukan(valid)
if ($ketemu
> 0){
session_start();//Untuk
memulai session
//Daftarkan
session ke server session_register("namauser"); session_register("passuser");
//isi dari
variabel session
$_SESSION[namauser]=$r[id_user];
$_SESSION[passuser]=$r[password];
header('location:../DA2NG_ADAM/home.html?module=home');//Buka
hal media
}
else{
echo("login
gagal! username & password tidak benar<br>");
echo("<a
href=index.html>Ulangi Lagi</a>");
}
?>
Tidak ada komentar:
Posting Komentar