Aplikasi Sistem Database Biodata Pribadi Dengan PHP Mysql

MEMBUAT APLIKASI DATA BIODATA DENGAN PHP MYSQL
1. Menginstal sofware XAMPP, tempat penyimpanan di drive c:

2. Setelah mengintal software XAMPP, buka aplikasi dan klik tombol “start” apache dan
mysql sehingga tombol menjadi “stop”, seperti gambar dibawah ini :
3. Buka browser di mozila firefox atau google chrome

4. Ketikan pada situs : “localhost/phpmyadmin”.
5. Maka akan masuk pada “phpmyadmin”, seperti gambar dibawah ini :
6. Pilih tombol menu “basis data/databases” pada halaman menu di atas:
Rizky Pratama Lubis, ST Belajar Dasar HTML dan PHP 16/02/2018

7. Buat database dengan nama "data";
8. Tekan tombol “buat/create”

9. Membuat tabel database dengan nama "tbl_data", jumlah column/kolom “6”;
10. Tabel databasenya isinya seperti ini :

Nama Type Values A_1
id_data BigInt 20 ceklist
nama Text
alamat Text
no_telp Text
pekerjaan Text
gaji Text

4. Setelah siap mengisi data tersebut, klik/pilih tombol "simpan/save" pada pojok kanan bawah.
5. Setelah berhasil maka, buka folder pada :

6. Drive C:->xampp->htdoc->buat folder baru dengan nama "data"

7. Didalam folder data buat folder baru dengan nama "lib".
8. didalam folder buat file .php dengan nama "koneksi.php" simpan di dalam folder "lib"
koding koneksi.php :
<?php
$admin="localhost"; //server localhost/phpmyadmin
$client="root"; //nama user pada localhost
$pass=""; //pass kosong kan karna kita offline
$db="data"; // nama db yang kita buat dipanggil dalam koding ini
//memanggil format header diatas, koding dibawah bila terhubung dengan database
$rpl=mysqli_connect($admin, $client, $pass, $db);
//koding dibawah bila tidak terhubung dengan database keluar pesan

if(!$rpl)
{
die('Tidak Koneksi');
}
?>
Simpan dengan nama "htdoc->data->lib->koneksi.php" type "All Files" klu di ketik dari notepad
9. Sekarang buat "index.php", taruh file nya di luar folder lib jangan di dalam folder lib ya :
koding nya seperti ini :

<?php
session_start(); //memulai sistem index
define("user","1"); //membuat user file
include('./lib/koneksi.php'); //menghubungkan dengan koneksi.php di dalam folder lib
include('./home.php'); // memanggil halaman home yang akan dibuat

?>
Simpan di dalam htdoc->data->index.php
10. Membuat style.css pada folder data, nanti simpan di dalam folder "data" dengan nama
"style.css"
koding style.css dibawah ini :
body{
font-family:arial;
}
menu{
margin:10px auto;
background:#00F;
padding:5px;
width:600px;
}
menu .sub{
padding:10px;
background:#FFF;
margin:5px;
}
simpan dengan nama 'style.css" pada di htdoc->data->style.css

11. Letakan file “jquery.js pada folder “data”, seperti gambar dibawah ini :
12. Membuat home.php pada folder "data”

<html>

<link rel="stylesheet" href="style.css">

<script type="text/javascript" src="jquery.js"></script>
<body>
<menu>
<div>


<div id="1" class="sub">
<p>Selamat Datang Di Aplikasi Data</p>
</div>


<a href="index.php">Biodata <a/> | <a href="?mod=view">View <a/>|
</div>


<p><?php include('./mod/gateway.php'); ?></p>
</div>


<p>rizkypratamlubs(RPL)@2018</p>
</div>
</div>
</menu>
</body>
</html>
Simpan di htdoc->data->home.php

13. Sekarang membuat folder “mod” didalam folder “data”, gambar dibawah ini :
14. Didalam folder “mod” kita akan membuat file .php dengan nama “gateway.php”, koding
dibawah ini :
<?php
if(isset($_GET['mod']))
{
switch($_GET['mod'])
{
case 'biodata' : include('./mod/biodata/biodata.php'); break;

case 'view : include('./mod/view/view.php'); break;
default : include('./mod/biodata/biodata.php');
}
}else{
include('./mod/biodata/biodata.php');
}
?>
Simpan di htdoc->data->mod->gateway.php

15. Selanjutnya membuat folder “biodata” di dalam folder “mod”, seperti gambar dibawah ini:
16. Membuat file .php dengan nama “biodata.php”, koding seperti dibawah ini :
<fieldset>
<legend>Data Entry</legend>
<form action="./mod/biodata/vbiodata.php" method=”post”>
<table>
<tr><td>Nama</td><td><input type="text" name="nama"></td></tr>
<tr><td>Alamat</td><td><textarea name="alamat"></textarea></td></tr>
<tr><td>No. Telp</td><td><input type="text" name="no_telp"></td></tr>
<tr><td>Pekerjaan</td><td><input type="text" name="pekerjaan"></td></tr>
<tr><td>Gaji</td><td><input type="text" name="gaji"></td></tr>
<tr><td><input type="submit" value="Kirim"> | <input type="reset" value="Batal"></td></tr>

</table>
</form>
</fieldset>
Simpan di htdoc->data->mod->biodata->biodata.php
17. Membuat proses dari desain yang dibuat pada form biodata. php, kita membuat proses untuk
dapat menjalankan, simpan dengan nama “vbiodata.php”, koding dibawah ini :
<?php
session_start();
include('../../lib/koneksi.php');
$q=mysqli_query($rpl, "insert into tbl_data(nama, alamat, no_telp, pekerjaan, gaji) values(

'".$_POST['nama']."',
'".$_POST['alamat']."',
'".$_POST['no_telp']."',
'".$_POST['pekerjaan']."',
'".$_POST['gaji']."')");
if($q)
{
?>
<script type="text/javascript">
document.location.href='../../index.php?mod=view';
</script>
<?php
}else{
?>
document.location.href='../../index.php?mod=biodata';
</script>
<?php
}
?>
Simpan di htdoc->data->mod->biodata->vbiodata.php
18. terakhir kita akan membuat tampilan view data, dengan nama folder “view” di dalam folder
“mod”, koding seperti dibawah ini :
<h3>View Data</h3>
<table border="1">
<tr>
<th>No</th>
<th>Nama</th>
<th>Alamat</th>

<th>No_telp</th>
<th>Pekerjaan</th>
<th>Gaji</th>
<th>Action</th>
</tr>
<?php
$q=mysqli_query($rpl, "select * from tbl_data order by id_data");
$i=1;
while($r=mysqli_fetch_array($q))
{
?>
<tr>
<td><?php echo $i; ?> </td>
<td><?php echo $r['nama']; ?> </td>
<td><?php echo $r['alamat']; ?> </td>
<td><?php echo $r['no_telp']; ?> </td>
<td><?php echo $r['pekerjaan']; ?> </td>
<td><?php echo $r['gaji']; ?> </td>
<td><a href="#" class="a_delete" id="<?php echo $r["id_data"]; ?>">X</a></td>
</tr>
<?php
$i+=1;
}
?>
</table>
$(".a_delete").click(function (e) {
$tid=$(this).attr("id");
$.post('./mod/view/vview.php', {id:$tid, act:'Delete'}, function (data) {
document.location.href='?mod=view';

});
e.preventDefault();
});
</script>
Simpan di htdoc->data->mod->view->view.php
19. Membuat file .php dengan nama “vview.php” di dalam folder “mod->view” berfungsi untuk
menghapus data.
<?php
include('../../lib/koneksi.php');
$q=mysqli_query($rpl, "delete from tbl_data where id_data='".$_POST['id']."'");
?>
Simpan di htdoc->data->mod->view->vview.php

Hasil Program Seperti gambar dibawah ini :
SELAMAT MENGETIK DAN HARUS DIKETIK JANGAN DI COPAS!!!... 

Aplikasi Sistem Database Biodata Pribadi Dengan PHP Mysql

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Aplikasi Sistem Database Biodata Pribadi Dengan PHP Mysql

Diunggah oleh

Hak Cipta:

Format Tersedia

MEMBUAT APLIKASI DATA BIODATA DENGAN PHP MYSQL

1. Menginstal sofware XAMPP, tempat penyimpanan di drive c:

3. Buka browser di mozila firefox atau google chrome

6. Pilih tombol menu “basis data/databases” pada halaman menu di atas:

Rizky Pratama Lubis, ST Belajar Dasar HTML dan PHP 16/02/2018

8. Tekan tombol “buat/create”

10. Tabel databasenya isinya seperti ini :

Rizky Pratama Lubis, ST Belajar Dasar HTML dan PHP 16/02/2018

5. Setelah berhasil maka, buka folder pada :

Rizky Pratama Lubis, ST Belajar Dasar HTML dan PHP 16/02/2018

//koding dibawah bila tidak terhubung dengan database keluar pesan

Rizky Pratama Lubis, ST Belajar Dasar HTML dan PHP 16/02/2018

include('./lib/koneksi.php'); //menghubungkan dengan koneksi.php di dalam folder lib

include('./home.php'); // memanggil halaman home yang akan dibuat

Simpan di dalam htdoc->data->index.php

Rizky Pratama Lubis, ST Belajar Dasar HTML dan PHP 16/02/2018

12. Membuat home.php pada folder "data”

Rizky Pratama Lubis, ST Belajar Dasar HTML dan PHP 16/02/2018

Rizky Pratama Lubis, ST Belajar Dasar HTML dan PHP 16/02/2018

case 'biodata' : include('./mod/biodata/biodata.php'); break;

Rizky Pratama Lubis, ST Belajar Dasar HTML dan PHP 16/02/2018

<tr><td><input type="submit" value="Kirim"> | <input type="reset" value="Batal"></td></tr>

Rizky Pratama Lubis, ST Belajar Dasar HTML dan PHP 16/02/2018

Rizky Pratama Lubis, ST Belajar Dasar HTML dan PHP 16/02/2018

Rizky Pratama Lubis, ST Belajar Dasar HTML dan PHP 16/02/2018

Rizky Pratama Lubis, ST Belajar Dasar HTML dan PHP 16/02/2018

SELAMAT MENGETIK DAN HARUS DIKETIK JANGAN DI COPAS!!!... 

Rizky Pratama Lubis, ST Belajar Dasar HTML dan PHP 16/02/2018

Anda mungkin juga menyukai