Tukang IT: PHP

Malem semua, kebetulan malem ini malem minggu :v dan gregetnya mati listrik di wilayah tempat tinggal ts :3

bahan-bahannya
1. ~~sabun~~ XAMPP :v
2. PC/Laptop ~~Tangtop~~
3. Niat dan Doa
4. Jari untuk mengetik
5. Mata untuk melihat

ok mari kita bahas cara bikin aplikasi sederhana :3
ok sebelumnya jika ada yg belum tahu ~~bulat~~ tentang apa sih HTML (Hypertext Markup Language) sama ~~Pemberi Harapan Palsu~~ PHP (Hypertext Preproccessor) :3 mari tanya ke ~~rumput yg bergoyang~~ mbah gugel atau ke om wiki :3

ok mari langsung aja saya kasih script sederhananya di bawah :3
utuk penjelasannya di bawahnya lagi :v

1. kita buat folder project kita

folder disini dimaksudkan agar saat kalian bikin project selanjutnya kaga bingung sama aplikasi yg nyampur2 kaya es campur :3

misalnya project_1 letakan di dalam folder xampp/htdocs/disini :3

2. buka text editor kesukaan kalian

ok disini kalian menyiapan text editor buat nanti kalian mijit2 keyboard :3

3. Script 1

Copy bahasa ~~alien~~ HTML ini ke text editor kalian :3

<html>
  <head>
    <title>Aplikasi Sederhana</title>
  </head>
  <body>
  <h1>Aplikasi Sederhana Dengan HTML dan PHP</h1>
  <br>
  <table>
  <form action="proses.php" method="POST">
  <tr><td>Nama Lengkap</td><td><input type="text" name="nama_lengkap"></td></tr>
  <tr><td>Tempat, Tgl Lahir</td><td><input type="text" name="ttl"></td></tr></tr>
  <tr><td>Alamat</td><td><textarea name="alamat"></textarea></td></tr></tr>
  <tr><td><input type="submit" value="Ok Sip"></td></tr>
  </form>
  </table>
  </body>
</html>

lalu simpan dengan nama index.html
contoh jika anda menggunakan notepad biasa :3 sesuaikan dengan editor masing2

lalu buka dengan browser kesayangan kalian lalu ketikan di URL browser dengan 127.0.0.1/project_1

maka akan nongol seperti ini :v

4. penjelasan Script 1

<html>
  <head>
    <title> ... </title>
  </head>
  <body>
  ...
  </body>
</html>

tag <head> ... </head> adalah tag tempat menempatkan elemen judul suatu website atau disain suatu website
tag <title> ... </title> adalah tempat dimana judul suatu website berada, coba kalian perhatikan di bagian pojok atas kiri browser kalian saat membuka website, ya tepat sekali title berada di situ :3
tag <body> ... </body> adalah tempat dimana isinya suatu website berada :v bisa kalian isi sesuka hati, contohnya script diatas :v

  <h1>Aplikasi Sederhana Dengan HTML dan PHP</h1>
  <br>
  <table>
  <form action="proses.php" method="POST">
  <tr><td>Nama Lengkap</td><td><input type="text" name="nama_lengkap"></td></tr>
  <tr><td>Tempat, Tgl Lahir</td><td><input type="text" name="ttl"></td></tr></tr>
  <tr><td>Alamat</td><td><textarea name="alamat"></textarea></td></tr></tr>
  <tr><td><input type="submit" value="Ok Sip"></td></tr>
  </form>
  </table>

tag <h1> ... </h1> gunanya untuk header atau kepala :v maximal sampai h7
tag <table ... <table> berguna untuk bikin tabel :3
tag <tr> ... </tr> kepanjangan dari table row fungsinya membuat baris pada table :3
tag <td> ... </td>kepanjangan dari table data fungsinya buat tempat dimana data dalam table di letakan :3
tag <form> ... </form> dipake buat menerima masukan dari user buat di kirim ke server, action="proses.php" adalah tempat tujuan mengirimkan data dari user ke server, method="POST" berguna ngasih tau keserver metode apa yg kita pakai apakah POST atau GET :3
tag <input> gunanya buat tempat kalian memasukan karakter, type="text" untuk memasukan karakter text, type="submit" untuk membuat tombol untuk mengirim karakter :3
tag <textarea> ... </textarea> hampir sama dengan input hanya saja tag ini lebih banyak mengisikan karakter :3

5. script 2
nah script sebelumnya berisikan code buat user alias buat pemakai untuk sebuah aplikasi dapat berjalan harus punya script proses :3
contohnya

<html>
  <head>
    <title>Aplikasi Sederhana</title>
  </head>
  <body>
  <h1>Aplikasi Sederhana Dengan HTML dan PHP</h1>
  <br>
  <table>
  <tr><td>Nama Lengkap</td><td> : <?php echo $_POST['nama_lengkap']; ?></td></tr>
  <tr><td>Tempat, Tgl Lahir</td><td> : <?php echo $_POST['ttl']; ?></td></tr></tr>
  <tr><td>Alamat</td><td> : <?php echo $_POST['alamat']; ?></td></tr></tr>
  </table>
  </body>
</html>

lalu simpan dengan cara seperti sebelumnya dengan nama proses.php

tag <?php ... ?> mendefiniskan itu adalah bahasa PHP :3
tag echo hanya untuk php berguna untuk menampilkan suatu data :v
tag $_POST[' ... '] berguna untuk mengambil data yg dikirimkan user ke server :v

6. Uji nyali :v
ok tahap ini adalah tahap uji nyali eh coba maksudnya :v
kalian isikan inputan yg tersedia lalu klik tombolnya :v

setelah di klik tombolnya

jika berhasil maka selamat anda menjadi programer :v

sekian dari saya jika da kesalahan mohon di koreksi kripik pedas dan saran tolong komen aja gan :v

disana gunung disini gunung di tengah2nya pulau jawa

jika ada umur yg panjang pasti kita berjumpa lagi :v wkwkw :D

wasalam :3

C.R.U.D

(Create, Read, Update, Delete)

Assalamualaikum

kembali lagi bersama saya di hari minggu ini yg cukup cerah :v

Apa itu CRUD? CRUD merupakan singkatan dari Create Read Update Delete. tahap ini sangat berperan penting dalam membuat sebuah sistem informasi. karena kalian harus Menggunakan CRUD ini misal nya untuk menginput data siswa, menampilkan data siswa, mengedit dan mengubah data siswa dan menghapus data siswa tersebut. nah kebayang kan pentingnya CRUD,karena CRUD memang syarat utama dalam membangun sebuah sistem informasi. baik itu sistem informasi sekolah, akademik, penjualan dan lain-lain.

data yang kita olah (CRUD) adalah data yang tersimpan ke database. mulai dari menginput data ke database, menampilkannya dalam bentuk tabel, mengedit/update kemudian menghapus nya .

pada tutorial ini kita akan membuat sebuah sistem CRUD sederhana, sebagai contoh kita akan mengambil kasus CRUD pada sistem informasi akademik , di mana admin akan dapat melakukan pengolahan data PPDB SMK dengan mudah .

ingat loh ini cuma tutorial sederhana yang saya buat. kalian bisa mengembangkan nya lagi sesuai kebutuhan sistem yang akan kalian buat.

disini saya berasumsi kalian sudah mengenal HTML dasar dan cara bagaimana membuat database mysql buat database crud dengan tabel data_siswa dan stucture seperti berikut

atau kalian bisa mendownload database berformat sql yg bisa kalian import ke databse kalian LINK database akan ada di akhir artikel

berikut contoh simple CRUD dari saya

buat file konesi sebagai penghung antara PHP dan MySql

koneksi.php

<?php
$host = "localhost";
$username = "root";
$password = "";
$db = "crud";
$connect_db=mysqli_connect($host, $username, $password, $db);
?>
$password bisa diisikan dengan password mysql anda
$db adalah database yg anda gunakan

buat file index-create.php lalu isikan seperti berikut:

<html>
<head><title>CRUD Sederhana</title></head>
<body>
<table style="margin:4cm auto;border:0.1cm solid black">
<form method="POST" action="proses-create.php">
<tr><th colspan="3"><h1>Form Input PPDB</h1><hr></th></tr>
<tr><td>Nama Lengkap</td> <td> : </td><td><input type="text" name="nama_lengkap"></td></tr>
<tr><td>Jenis Kelamin</td> <td> : </td><td><select name="jenis_kelamin"><option value="">-</option><option value="Laki-Laki">Laki-Laki</option><option value="Perempuan">Perempuan</option></select></td></tr>
<tr><td>TTL</td> <td> : </td><td><input type="text" name="ttl"></td></tr>
<tr><td>SMP Asal</td> <td> : </td><td><input type="text" name="smp_asal"></td></tr>
<tr><td>Jurusan</td> <td> : </td><td>
<select name="jurusan">
<option value="">-</option>
<option value="TKJ">TKJ</option>
<option value="TP4">TP4</option>
<option value="TSM">TSM</option>
</select></td></tr>
<tr><td>No Peserta UN</td> <td> : </td><td><input type="number" name="no_un"></td></tr>
<tr><th colspan="3"><input type="submit" value="Tambah"></th></tr>
</form>
</table>
</body>
</html>

lalu buat file proses-create.php

<?php

include_once "koneksi.php";

$nama_lengkap = $_POST['nama_lengkap'];

$jenis_kelamin = $_POST['jenis_kelamin'];

$ttl = $_POST['ttl'];

$smp_asal = $_POST['smp_asal'];

$jurusan = $_POST['jurusan'];

$no_un = $_POST['no_un'];

$query_create = mysqli_query($connect_db, "insert into data_siswa (nama_lengkap,jenis_kelamin,ttl,smp_asal,jurusan,no_un)value('$nama_lengkap','$jenis_kelamin','$ttl','$smp_asal','$jurusan','$no_un')");

if($query_create) {

echo "Data siswa $nama_lengkap sukses ditambahkan<br><a href='index-create.php'>Kembali</a> | <a href='index-read.php'>Lihat Data Siswa</a>";

}else {

echo "Data siswa $nama_lengkap gagal ditambahkan";

echo "<br>".mysqli_error($connect_db);

}

?>

lalu bagaimana kita melihat hasil input kita tadi?
kita buat file index-read.php

<html>
<head><title>CRUD Sederhana</title></head>
<body>
<table style="margin:4cm auto;border:0.1cm solid black" border="1">
<tr><th colspan="8"><h1>Daftar PPDB</h1><hr></th></tr>
<tr><td>NO</td><td>Nama Lengkap</td><td>Jenis Kelamin</td><td>TTL</td><td>SMP Asal</td><td>Jurusan</td><td>No Peserta UN</td><td>Pilihan | <a href='index-create.php'>Tambah</a></td></tr>
<?php
include_once "koneksi.php";
$no=1;
$query_read = mysqli_query($connect_db, "select * from data_siswa");
while($data_read=mysqli_fetch_assoc($query_read)) {
echo "<tr><td>$no</td><td>$data_read[nama_lengkap]</td><td>$data_read[jenis_kelamin]</td><td>$data_read[ttl]</td><td>$data_read[smp_asal]</td><td>$data_read[jurusan]</td><td>$data_read[no_un]</td><td><a href='index-update.php?id=$data_read[id]'>Update</a> | <a href='proses-delete.php?id=$data_read[id]'>Delete</a></td></tr>";
$no++;
}
?>
</table>
</body>

</html>

lalu bagaimana jika kita salah mengetik saat input tadi

kita buat index-update.php

<html>

<head><title>CRUD Sederhana</title></head>

<body>

<?php

include_once "koneksi.php";

$data_update=mysqli_fetch_assoc(mysqli_query($connect_db, "select * from data_siswa where id='$_GET[id]'"));

<tr><th colspan="3"><h1>Form Update PPDB</h1><hr></th></tr>

<tr><td>Nama Lengkap</td> <td> : </td><td><input type="text" name="nama_lengkap" value="<?php echo $data_update['nama_lengkap'] ?>"></td></tr>

<tr><td>Jenis Kelamin</td> <td> : </td><td><select name="jenis_kelamin"><option value="<?php echo $data_update['jenis_kelamin'] ?>"><?php echo $data_update['jenis_kelamin'] ?></option><option value="Laki-Laki">Laki-Laki</option><option value="Perempuan">Perempuan</option></select></td></tr>

<tr><td>Jurusan</td> <td> : </td><td>

</select></td></tr>

<tr><td>No Peserta UN</td> <td> : </td><td><input type="number" name="no_un" value="<?php echo $data_update['no_un'] ?>"></td></tr>

</form>

</table>

</body>

</html>

dan juga proses-update.php

<?php

include_once "koneksi.php";

$id = $_POST['id'];

$nama_lengkap = $_POST['nama_lengkap'];

$jenis_kelamin = $_POST['jenis_kelamin'];

$ttl = $_POST['ttl'];

$smp_asal = $_POST['smp_asal'];

$jurusan = $_POST['jurusan'];

$no_un = $_POST['no_un'];

$query_update = mysqli_query($connect_db, "update data_siswa set nama_lengkap='$nama_lengkap',jenis_kelamin='$jenis_kelamin',ttl='$ttl',smp_asal='$smp_asal',jurusan='$jurusan',no_un='$no_un' where id='$id'");

if($query_update) {

echo "Data siswa $nama_lengkap sukses diubah<br><a href='index-read.php'>Lihat Data Siswa</a>";

}else {

echo "Data siswa $nama_lengkap gagal diubah";

echo "<br>".mysqli_error($connect_db);

}

lalu jika kita ingin menghapus bisa dengan membuat proses-delete.php

<?php

include_once "koneksi.php";

$id = $_GET['id'];

$query_delete = mysqli_query($connect_db, "delete from data_siswa where id='$id'");

if($query_delete) {