SlideShare a Scribd company logo
1 of 26
Download to read offline
Pembuatan website dengan PHP, Mysql,
CSS dan HTML
Oleh:
Djumadi
http://osca-akakom.org
Pembuatan website dengan PHP, Mysql, CSS dan HTML – OSCA – http://osca-akakom.ac.id
Pengenalan PHP
PHP adalah merupakan skrip yang dijalankan di server. Jadi konsepnya
berbeda dengan javascript yang dilakukan pada sisi klien. Keuntungan
menggunakan PHP, kode yang menyusun program tidek perlu di bagikan ke
pemakai, yang berarti bahwa kerahasiaan kode dapat di lindungi.
Hal menarik yang didukung oleh PHP tetapi tidak mungkin dilakukan oleh
JavaScript adalah kenyataan bahwa PHP bisa digunakan untuk mengakses
berbagai macam database seperti Access, Oracle, Mysql dan lain-lain.
Seperti halnya JavaScript, kode PHP dapat disisipkan pada HTML. Selain itu
PHP juga bisa digunakan untuk menghasilkan kode – kode HTML.
1. Mencoba Script PHP
<html>
<head>
<title>Contoh Program PHP</title>
</head>
<body>
<?php
echo "Selamat Belajar PHP </br>";
echo "Semoga Sukses";
?>
</body>
</html>
Simpan dengan fil pertama.php, jika dijalankan maka tampak seperti dibawah
ini :
Pembuatan website dengan PHP, Mysql, CSS dan HTML – OSCA – http://osca-akakom.ac.id
2. Mengenal Variabel
<html>
<head>
<title>Contoh Program PHP</title>
</head>
<body>
<?php
$teks="Selamat Belajar PHP </br>";
echo $teks;
?>
</body>
</html>
3. Fungsi If dan else
<html>
<head>
<title>Contoh Program PHP</title>
Pembuatan website dengan PHP, Mysql, CSS dan HTML – OSCA – http://osca-akakom.ac.id
</head>
<body>
<?php
$kode_hari = date("w");
if ($kode_hari==0){
echo "Hari ini hari minggu";
}
else {
echo "Hari ini bukan hari minggu";
}
?>
</body>
</html>
4. If dan else lanjutan
<html>
<head>
<title>Contoh Program PHP</title>
Pembuatan website dengan PHP, Mysql, CSS dan HTML – OSCA – http://osca-akakom.ac.id
</head>
<body>
<?php
$kode_hari = date("w");
if ($kode_hari==0){
echo "Minggu";
}
else if ($kode_hari==1){
echo "Senin";
}
else if ($kode_hari==2){
echo "Selasa";
}
else if ($kode_hari==3){
echo "Rabu";
}
else if ($kode_hari==4){
echo "Kamis";
}
else if ($kode_hari==5){
echo "Jum'at";
}
else {
echo "Sabtu";
}
?>
</body>
</html>
Pembuatan website dengan PHP, Mysql, CSS dan HTML – OSCA – http://osca-akakom.ac.id
5. Pernyataan While
<?php
$nilai = 0;
while ($nilai < 5){
echo "My PHP <br>";
$nilai++;
}
?>
6. Pernyataan for
<?php
for($i=0; $i<=20; $i++){
echo $i;
}
?>
Pembuatan website dengan PHP, Mysql, CSS dan HTML – OSCA – http://osca-akakom.ac.id
Menggunakan Database Mysql
Database adalah pengolahan data dalam pengingat eksternal (misal,
hardisk) yang memungkinkan seseorang dengan mudah menyimpan data dan
sekaligus menggunakan ketika memerlukannya. Salah satu software yang
terkenal yang digunakan untuk mengelola database adalah Mysql. Hal – hal yang
didukung oleh database antara lain :
– Membuat database dan table
– Menambahkan data ke dalam table
– Mengubah data yang ada pada table
– Menghapus data yang ada pada table
– Mengambil data pada tabel.
1. Tabel mahasiswa
Pertama sekali buat terlebih dahulu mana databasenya latihan, selanjutnya
buat tabel seperti berikut :
CREATE TABLE IF NOT EXISTS `mahasiswa` (
`no_mhs` char(9) NOT NULL,
`nama_mhs` varchar(35) NOT NULL,
`jk` varchar(30) NOT NULL,
`jurusan` varchar(100) NOT NULL,
`alamat` varchar(300) NOT NULL,
PRIMARY KEY (`no_mhs`)
) ENGINE=MyISAM DEFAULT CHARSET=latin1;
2. Form Input Data
<form action="form_input.php" method="post" name="form_mhs">
No Mhs : <input type="text" name="no_mhs" size="25"> <br>
N a m a : <input type="text" name="nama" size="25"> <br>
Jenis kelamin : <input type="radio" name="jk" value="laki-laki"> Lak-laki
<input type="radio" name="jk"
value="perempuan"> Perempuan<br>
Jurusan : <select name="jurusan">
Pembuatan website dengan PHP, Mysql, CSS dan HTML – OSCA – http://osca-akakom.ac.id
<option value="0">- Pilih Jurusan -</option>
<option value="Teknik Informatika"> Teknik Informatika
</option>
<option value="Sistem Informasi"> Sistem Informasi
</option>
<option value="Manajemen Informatika"> Manajemen
Informatika </option>
</select><br>
Alamat : <textarea name="alamat" cols="30"
rows="5"></textarea><br>
<input type="submit" value="Simpan" name="form_data" onclick="return
cek_form(this.form)">
</form>
3. Proses Input data
<?php
if (isset($_POST['form_data'])){
error_reporting(0);
echo "<br><br>";
echo "<h3>Data Anda</h3>";
Pembuatan website dengan PHP, Mysql, CSS dan HTML – OSCA – http://osca-akakom.ac.id
echo "Nomor Mahasiswa : ".$no_mhs=$_POST['no_mhs'];
echo "<br>Nama Mahasiswa : ".$nm_mhs=$_POST['nama'];
echo "<br>Jenis Kelamin : ".$jk=$_POST['jk'];
echo "<br>Jurusan : ". $jurusan=$_POST['jurusan'];
echo "<br>Alamat : ". $alamat=$_POST['alamat'];
echo "<br><br>";
//Rekam ke database
//Koneksi ke server Mysql
mysql_connect("localhost","root","linux1234");
mysql_select_db("latihan");
//record ke tabel
$record = mysql_query("INSERT INTO mahasiswa (no_mhs,
nama_mhs,jk,jurusan,alamat) VALUES
('$no_mhs','$nm_mhs','$jk','$jurusan','$alamat')");
if ($record==1){
echo "Data telah tersimpan, lihat data mahasiswa <a
href='lihat_data.php'>klik disini</a>...";
}
else {
echo "Data gagal disimpan, silahkan coba lagi!";
}
}
else {
echo "<br>Silahkan klik simpan";
}
?>
4. Menampilkan isi dari tabel
Setelah melakukan input data, maka kita dapat menampilkan isi dari data
tersebut, berikut dibawah ini, simpan dengan nama lihat_data.php
<html>
<head>
<title>Menampilkan isi dari data</title>
</head>
<body>
<h3>Data Mahasiswa</h3>
<table width="900" border="1" cellpadding="2" cellspacing="2">
<tr>
<td width="100">No Mhs</td><td width="200">Nama</td><td
Pembuatan website dengan PHP, Mysql, CSS dan HTML – OSCA – http://osca-akakom.ac.id
width="100">Jenis Kelamin</td><td width="100">Jurusan</td><td
width="200">Alamat</td><td width="200">Opsi</td>
</tr>
<?php
//Koneksi ke server Mysql
mysql_connect("localhost","root","linux1234");
mysql_select_db("latihan");
$query = mysql_query("SELECT *FROM mahasiswa ORDER BY no_mhs ASC");
while ($tampilkan= mysql_fetch_array($query)){
$no_mhs = $tampilkan['no_mhs'];
$nm_mhs = $tampilkan['nama_mhs'];
$jk = $tampilkan['jk'];
$jurusan = $tampilkan['jurusan'];
$alamat = $tampilkan['alamat'];
?>
<tr>
<td width="100"><?php echo $no_mhs; ?></td><td width="200"><?php echo
$nm_mhs; ?></td><td width="100"><?php echo $jk; ?></td><td
width="100"><?php echo $jurusan; ?></td><td width="200"><?php echo
$alamat; ?></td><td width="200">
</td>
</tr>
<?php
}
?>
</table>
<a href="form_input.php">Tambah data</a>
</body>
</html>
Pembuatan website dengan PHP, Mysql, CSS dan HTML – OSCA – http://osca-akakom.ac.id
5. Menambahkan proses validasi form dengan javascript
Menambahkan validasi pada form input data dengan menggunakan
javascript, biasanya diletakan pada posisi header, berikut dibawah ini :
<script type="text/javascript" >
function cek_form(form){
if (document.forms.form_mhs.no_mhs.value==""){
document.forms.form_mhs.no_mhs.focus();
alert("Nomor mahasiswa harus diisi...");
return false;
}
if (document.forms.form_mhs.nama.value==""){
document.forms.form_mhs.nama.focus();
alert ("Nama mahasiswa harus diisi...");
return false;
}
if ( (form.jk[0].checked == false ) && ( form.jk[1].checked == false )
) {
alert ( "Silahkan pilih jenis kelamin..." );
return false;
}
Pembuatan website dengan PHP, Mysql, CSS dan HTML – OSCA – http://osca-akakom.ac.id
if (document.forms.form_mhs.jurusan.value=="0"){
document.forms.form_mhs.jurusan.focus();
alert ("Jurusan mahasiswa harus diisi...");
return false;
}
if (document.forms.form_mhs.alamat.value==""){
document.forms.form_mhs.alamat.focus();
alert ("Alamat mahasiswa harus diisi...");
return false;
}
else
return true;
}
</script>
6. Menambahkan proses edit data
Tambahkan link pada opsi yang ada pada file lihat_data.php
<a href="edit_data.php?no_mhs=<?php echo $no_mhs; ?>">&raquo;[Edit]
</a>
selanjutnya buat file edit_data.php seperti dibawah ini :
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Latihan Membuat Form</title>
<script type="text/javascript" >
function cek_form(form){
if (document.forms.form_mhs.no_mhs.value==""){
document.forms.form_mhs.no_mhs.focus();
alert("Nomor mahasiswa harus diisi...");
return false;
}
if (document.forms.form_mhs.nama.value==""){
document.forms.form_mhs.nama.focus();
alert ("Nama mahasiswa harus diisi...");
return false;
}
Pembuatan website dengan PHP, Mysql, CSS dan HTML – OSCA – http://osca-akakom.ac.id
if ( (form.jk[0].checked == false ) && ( form.jk[1].checked == false )
) {
alert ( "Silahkan pilih jenis kelamin..." );
return false;
}
if (document.forms.form_mhs.jurusan.value=="0"){
document.forms.form_mhs.jurusan.focus();
alert ("Jurusan mahasiswa harus diisi...");
return false;
}
if (document.forms.form_mhs.alamat.value==""){
document.forms.form_mhs.alamat.focus();
alert ("Alamat mahasiswa harus diisi...");
return false;
}
else
return true;
}
</script>
</head>
<body>
<?php
error_reporting(0);
//Koneksi ke server Mysql
mysql_connect("localhost","root","linux1234");
mysql_select_db("latihan");
$nomor_mhs = $_GET['no_mhs'];
$query = mysql_query("SELECT *FROM mahasiswa WHERE
no_mhs='$nomor_mhs'");
if ($tampil_data=mysql_fetch_array($query)){
$no_mhs = $tampil_data['no_mhs'];
$nm_mhs = $tampil_data['nama_mhs'];
$jk = $tampil_data['jk'];
$jurusan = $tampil_data['jurusan'];
$alamat = $tampil_data['alamat'];
}
?>
<h3>Edit Data Mahasiswa</h3>
<form action="edit_data.php?no_mhs=<?php echo $no_mhs; ?>"
Pembuatan website dengan PHP, Mysql, CSS dan HTML – OSCA – http://osca-akakom.ac.id
method="post" name="form_mhs">
No Mhs : <input type="text" name="no_mhs" size="25" value="<?php echo
$no_mhs; ?>"> <br>
N a m a : <input type="text" name="nama" size="25" value="<?php echo
$nm_mhs; ?>"> <br>
Jenis kelamin :
<?php
if ($jk=="laki-laki"){
echo "<input type='radio' name='jk'
value='laki-laki' checked='checked'> Lak-laki";
echo "<input type='radio' name='jk'
value='perempuan'> Perempuan<br>";
}
else if ($jk=="perempuan") {
echo "<input type='radio' name='jk'
value='laki-laki'> Lak-laki";
echo "<input type='radio' name='jk'
value='perempuan' checked='checked'> Perempuan<br>";
}
?>
Jurusan : <select name="jurusan">
<option value="<?php echo $jurusan; ?>"><?php echo
$jurusan; ?></option>
<option value="Teknik Informatika"> Teknik Informatika
</option>
<option value="Sistem Informasi"> Sistem Informasi
</option>
<option value="Manajemen Informatika"> Manajemen
Informatika </option>
</select><br>
Alamat : <textarea name="alamat" cols="30" rows="5"><?php echo
$alamat; ?></textarea><br>
<input type="submit" value="Update Data" name="form_data" onclick="return
cek_form(this.form)">
</form>
<?php
if (isset($_POST['form_data'])){
error_reporting(0);
echo "<br><br>";
echo "<h3>Data Anda</h3>";
echo "Nomor Mahasiswa : ".$no_mhs=$_POST['no_mhs'];
echo "<br>Nama Mahasiswa : ".$nm_mhs=$_POST['nama'];
echo "<br>Jenis Kelamin : ".$jk=$_POST['jk'];
Pembuatan website dengan PHP, Mysql, CSS dan HTML – OSCA – http://osca-akakom.ac.id
echo "<br>Jurusan : ". $jurusan=$_POST['jurusan'];
echo "<br>Alamat : ". $alamat=$_POST['alamat'];
echo "<br><br>";
//Update data Mahasiswa
$nomor_mhs = $_GET['no_mhs'];
$update_mhs = mysql_query("UPDATE mahasiswa SET
nama_mhs='$nm_mhs', jk='$jk', jurusan='$jurusan', alamat='$alamat' WHERE
no_mhs='$nomor_mhs'");
if ($update_mhs==1){
echo "Data mahasiswa telah diupdate <a href='lihat_data.php'>lihat
data</a>";
}
else {
echo "Data mahasiswa gagal di update <a
href='lihat_data.php'>Coba lagi</a>";
}
}
else {
echo "<br>Silahkan klik Update data";
}
?>
</body>
</html>
Pembuatan website dengan PHP, Mysql, CSS dan HTML – OSCA – http://osca-akakom.ac.id
7. Menambahkan Proses Hapus data
Tambahkan link pada opsi seperti di bawah ini pada file lihat_data.php :
<a href="hapus_data.php?no_mhs=<?php echo $no_mhs; ?>">&raquo;[Hapus]
</a>
tampak seperti dibawah ini :
Pembuatan website dengan PHP, Mysql, CSS dan HTML – OSCA – http://osca-akakom.ac.id
selanjutnya buat file hapus_data.php seperti dibawah ini :
<?php
mysql_connect("localhost","root","linux1234");
mysql_select_db("latihan");
$nomor_mhs = $_GET['no_mhs'];
$hapus_mhs = mysql_query("DELETE FROM mahasiswa WHERE
no_mhs='$nomor_mhs'");
if ($hapus_mhs==1){
echo "Nomor Mahasiswa <b>$nomor_mhs</b> telah dihapus dari
data... <a href='lihat_data.php'>Lihat data</a>";
}
else {
echo "Nomor Mahasiswa <b>$nomor_mhs</b> tidak ditemukan,
silahkan <a href='lihat_data.php'>Coba lagi</a>";
}
?>
Pembuatan website dengan PHP, Mysql, CSS dan HTML – OSCA – http://osca-akakom.ac.id
Menambahkan CSS pada Halaman
1. Mempercantik Form Input
Tambahkan file CSS pada header sperti dibawah ini :
<style type="text/css">
body {
color: #000; padding: 10px; margin: 10px;
font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
font-size: 13px;
text-decoration: none;
}
table{
border:0px;
}
#nm_input{
width: 150px;
}
Pembuatan website dengan PHP, Mysql, CSS dan HTML – OSCA – http://osca-akakom.ac.id
#ip_input{
width: 400px;
}
#op_input{
width: 300px;
height: 30px;
}
#op_txt{
width: 300px;
height: 100px;
}
</style>
Kemudian edit form seperti dibawah ini :
<h3>Input Data Mahasiswa</h3>
<table>
<form action="form_input.php" method="post" name="form_mhs">
<tr>
<td id="nm_input" >Nomor Mahsiswa</td>
<td id="ip_input" ><input type="text" name="no_mhs"
id="op_input"></td>
</tr>
<tr>
<td id="nm_input" >Nama Mahasiswa</td>
<td id="ip_input" ><input type="text" name="nama"
id="op_input"></td>
</tr>
<tr>
<td id="nm_input" >Jenis Kelamin</td>
<td id="ip_input" >
<input type="radio" name="jk" value="laki-laki"> Lak-laki
<input type="radio" name="jk" value="perempuan"> Perempuan
</td>
</tr>
<tr>
<td id="nm_input" >Jurusan</td>
<td id="ip_input" >
<select name="jurusan">
<option value="0">- Pilih Jurusan -</option>
<option value="Teknik Informatika"> Teknik Informatika
</option>
<option value="Sistem Informasi"> Sistem Informasi
Pembuatan website dengan PHP, Mysql, CSS dan HTML – OSCA – http://osca-akakom.ac.id
</option>
<option value="Manajemen Informatika"> Manajemen
Informatika </option>
</select>
</td>
</tr>
<td id="nm_input" >Alamat</td>
<td id="ip_input" >
<textarea name="alamat" id="op_txt"></textarea>
</td>
</tr>
<tr>
<td id="nm_input" ></td>
<td id="ip_input" ><input type="submit" value="Simpan"
name="form_data" onclick="return cek_form(this.form)"></td>
</tr>
</form>
</table>
2. Menambahkan CSS pada data Mahasiswa
Tambahkan file css pada header seperti di bawah ini pada file lihat_data.php
Pembuatan website dengan PHP, Mysql, CSS dan HTML – OSCA – http://osca-akakom.ac.id
<style type="text/css">
body {
color: #000; padding: 10px; margin: 10px;
font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
font-size: 13px;
text-decoration: none;
}
table{
border: 1px;
}
#titel{
font-weight: bold;
text-align: center;
background-color: #e4e4e4;
}
</style>
tambahkan id pada tabel pada barisan judul seperti dibawah ini :
<tr id=”titel”>
Sesi tambahan I
– Membangun Website Sederhana
Pembuatan website dengan PHP, Mysql, CSS dan HTML – OSCA – http://osca-akakom.ac.id
halaman index.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>OSCA AKAKOM</title>
<link href="style.css" type="text/css" rel="stylesheet"></link>
<link href="menu.css" type="text/css" rel="stylesheet"></link>
</head>
<body>
<div class="frame_halaman">
<div class="header">
</div>
<div id="menu">
<ul>
<li><a href="#">Beranda</a></li>
Pembuatan website dengan PHP, Mysql, CSS dan HTML – OSCA – http://osca-akakom.ac.id
<li><a href="#">Tutorial</a></li>
<li><a href="#">Tips dan Trik</a></li>
<li><a href="#">About </a></li>
</ul>
</div>
<table class="halaman" border="0">
<tr>
<td class="kiri">
<h3>Belajar PHP</h3>
PHP adalah merupakan skrip yang dijalankan di server. Jadi konsepnya berbeda
dengan javascript yang dilakukan pada sisi klien. Keuntungan menggunakan PHP,
kode yang menyusun program tidek perlu di bagikan ke pemakai, yang berarti
bahwa kerahasiaan kode dapat di lindungi.
Hal menarik yang didukung oleh PHP tetapi tidak mungkin dilakukan oleh
JavaScript adalah kenyataan bahwa PHP bisa digunakan untuk mengakses
berbagai macam database seperti Access, Oracle, Mysql dan lain-lain.
Seperti halnya JavaScript, kode PHP dapat disisipkan pada HTML. Selain itu
PHP juga bisa digunakan untuk menghasilkan kode – kode HTML.
<h3>CSS dan HTML</h3>
PHP adalah merupakan skrip yang dijalankan di server. Jadi konsepnya berbeda
dengan javascript yang dilakukan pada sisi klien. Keuntungan menggunakan PHP,
kode yang menyusun program tidek perlu di bagikan ke pemakai, yang berarti
bahwa kerahasiaan kode dapat di lindungi.
Hal menarik yang didukung oleh PHP tetapi tidak mungkin dilakukan oleh
JavaScript adalah kenyataan bahwa PHP bisa digunakan untuk mengakses
berbagai macam database seperti Access, Oracle, Mysql dan lain-lain.
Seperti halnya JavaScript, kode PHP dapat disisipkan pada HTML. Selain itu
PHP juga bisa digunakan untuk menghasilkan kode – kode HTML.
</td>
<td class="kanan">
<div id="menu_titel">
<div id="set_menu_titel">
Last Posting
</div>
- Membuat Halaman CSS <br>
- Membuat Koneksi Mysql di PHP <br>
- Teknologi HTML5 <br>
- XAMPP Versi Linux 1.7.4 <br>
</div>
<div id="menu_titel">
<div id="set_menu_titel">
Artikel
</div>
Pembuatan website dengan PHP, Mysql, CSS dan HTML – OSCA – http://osca-akakom.ac.id
- Membuat Halaman CSS <br>
- Membuat Koneksi Mysql di PHP <br>
- Teknologi HTML5 <br>
- XAMPP Versi Linux 1.7.4 <br>
</div>
</td>
</tr>
</table>
<div class="footer">
Copy rigth &copy; nama_anda 2011<br>
Osca Akakom Yogyakarta
</div>
</div>
</body>
</html>
halaman style.css
body{
padding: 0px;
margin: 0px;
font-family: "Verdana", Tahoma, Arial;
font-size: 12px;
}
.frame_halaman{
width: 1010px;
margin: 0 auto;
border:1px solid #e4e4e4;
border-top:0px;
}
.header{
width: 1010;
height: 175px;
background-image: url(images/header.jpg);
}
.halaman{
width: 1010px;
margin: 0 auto;
}
Pembuatan website dengan PHP, Mysql, CSS dan HTML – OSCA – http://osca-akakom.ac.id
.kiri{
width: 700px;
margin: 0 auto;
vertical-align: top;
border: 1px solid #e4e4e4;
border-top: 0px;
border-left:0px;
border-bottom: 0px;
font-size: 13px;
padding: 5px;
}
.kanan{
width: 290px;
margin: 0 auto;
vertical-align: top;
padding: 5px;
}
#menu_titel{
width: 290px;
border: 1px solid #e4e4e4;
margin-bottom: 10px;
}
#set_menu_titel{
width: 280px;
height: 20px;
background-color: #e4e4e4;
color: #000;
font-weight: bold;
padding: 5px;
}
.footer{
width: 990px;
height: 40px;
background-color: #666;
font-size: 11px;
color: #fff;
padding: 10px;
}
Pembuatan website dengan PHP, Mysql, CSS dan HTML – OSCA – http://osca-akakom.ac.id
halaman menu.css
#menu{
width: 1010px;
height: 40px;
background-color: #000;
}
ul {
list-style: none;
padding: 0;
margin: 0;
}
#menu ul li a {
float: left;
padding: 10px;
color: #fff;
text-decoration: none;
display: block;
height: 17px;
border: 1px solid #666666;
border-top: 0px;
border-bottom: 0px;
border-left: 0px;
}
#menu ul li a:hover{
background-color: #555555;
font-weight: bold;
}
Materi Selanjutnya
– Menambahkan relasi tabel Mahasiswa dengan Matakuliah dan Nilai.
– Menampilkan Matakuliah
– Form Input Data Matakuliah
– Form Input Nilai Matakuliah
OSCA AKAKOM
Pembuatan website dengan PHP, Mysql, CSS dan HTML – OSCA – http://osca-akakom.ac.id

More Related Content

Viewers also liked

Sustentacion Proyecto de Grado
Sustentacion Proyecto de GradoSustentacion Proyecto de Grado
Sustentacion Proyecto de Gradopaotabata
 
Israel 2014 p.
Israel 2014 p.Israel 2014 p.
Israel 2014 p.bononitur
 
Aitor mineral fitxa teknikoa
Aitor mineral fitxa teknikoaAitor mineral fitxa teknikoa
Aitor mineral fitxa teknikoakareaga
 
Resumo regimejurdico unico_lei 8.112
Resumo regimejurdico unico_lei 8.112Resumo regimejurdico unico_lei 8.112
Resumo regimejurdico unico_lei 8.112Fernando Beltrao
 
Administrador de campeonato de futebol
Administrador de campeonato de futebolAdministrador de campeonato de futebol
Administrador de campeonato de futebolJOÃO FERREIRA
 
Apresentação Zhuque Eventos
Apresentação Zhuque EventosApresentação Zhuque Eventos
Apresentação Zhuque EventosKelli Calijuri
 
Presentacion De Tgs
Presentacion De TgsPresentacion De Tgs
Presentacion De Tgsguest1517ed
 
Compensação Dumba
Compensação DumbaCompensação Dumba
Compensação DumbaRafael Bossi
 
Dap an-de-thi-dai-hoc-tieng-anh-khoi-d-2012
Dap an-de-thi-dai-hoc-tieng-anh-khoi-d-2012Dap an-de-thi-dai-hoc-tieng-anh-khoi-d-2012
Dap an-de-thi-dai-hoc-tieng-anh-khoi-d-2012webdethi
 
Fmu gestao do conh art 1
Fmu gestao do conh art 1Fmu gestao do conh art 1
Fmu gestao do conh art 1Aline Grasselli
 
DESIGN AND VISUALIZTION
DESIGN AND VISUALIZTIONDESIGN AND VISUALIZTION
DESIGN AND VISUALIZTIONJapheth Bondoc
 

Viewers also liked (20)

Sustentacion Proyecto de Grado
Sustentacion Proyecto de GradoSustentacion Proyecto de Grado
Sustentacion Proyecto de Grado
 
Laboching
LabochingLaboching
Laboching
 
Israel 2014 p.
Israel 2014 p.Israel 2014 p.
Israel 2014 p.
 
Aitor mineral fitxa teknikoa
Aitor mineral fitxa teknikoaAitor mineral fitxa teknikoa
Aitor mineral fitxa teknikoa
 
Resumo regimejurdico unico_lei 8.112
Resumo regimejurdico unico_lei 8.112Resumo regimejurdico unico_lei 8.112
Resumo regimejurdico unico_lei 8.112
 
Administrador de campeonato de futebol
Administrador de campeonato de futebolAdministrador de campeonato de futebol
Administrador de campeonato de futebol
 
Apresentação Zhuque Eventos
Apresentação Zhuque EventosApresentação Zhuque Eventos
Apresentação Zhuque Eventos
 
Tipos de energia
Tipos de energiaTipos de energia
Tipos de energia
 
Presentacion De Tgs
Presentacion De TgsPresentacion De Tgs
Presentacion De Tgs
 
Blogday
BlogdayBlogday
Blogday
 
Presentación 4
Presentación 4Presentación 4
Presentación 4
 
Deus
DeusDeus
Deus
 
Compensação Dumba
Compensação DumbaCompensação Dumba
Compensação Dumba
 
Digitalizar0003 jpg
Digitalizar0003 jpgDigitalizar0003 jpg
Digitalizar0003 jpg
 
Infografia mod3
Infografia mod3Infografia mod3
Infografia mod3
 
Formula de crecimineot
Formula de crecimineotFormula de crecimineot
Formula de crecimineot
 
Dap an-de-thi-dai-hoc-tieng-anh-khoi-d-2012
Dap an-de-thi-dai-hoc-tieng-anh-khoi-d-2012Dap an-de-thi-dai-hoc-tieng-anh-khoi-d-2012
Dap an-de-thi-dai-hoc-tieng-anh-khoi-d-2012
 
Fmu gestao do conh art 1
Fmu gestao do conh art 1Fmu gestao do conh art 1
Fmu gestao do conh art 1
 
DESIGN AND VISUALIZTION
DESIGN AND VISUALIZTIONDESIGN AND VISUALIZTION
DESIGN AND VISUALIZTION
 
Sopa --de--letras
Sopa --de--letrasSopa --de--letras
Sopa --de--letras
 

Similar to Belajar pemrograman PHP

Membuat CRUD data Mahasiswa dengan PHP MYSQLi.pdf
Membuat CRUD data Mahasiswa dengan PHP MYSQLi.pdfMembuat CRUD data Mahasiswa dengan PHP MYSQLi.pdf
Membuat CRUD data Mahasiswa dengan PHP MYSQLi.pdfomuru
 
Halaman dinamis
Halaman dinamisHalaman dinamis
Halaman dinamisArga Wahyu
 
CRUD pada Android Studio menggunakan MySQL
CRUD pada Android Studio menggunakan MySQLCRUD pada Android Studio menggunakan MySQL
CRUD pada Android Studio menggunakan MySQLLusiana Diyan
 
PPT Pertemuan 06 Web Developer VSGA DTS 2022.pptx
PPT Pertemuan 06 Web Developer VSGA DTS 2022.pptxPPT Pertemuan 06 Web Developer VSGA DTS 2022.pptx
PPT Pertemuan 06 Web Developer VSGA DTS 2022.pptxAgustianNoor
 
Manipulasi database mysql dgn php
Manipulasi database mysql dgn phpManipulasi database mysql dgn php
Manipulasi database mysql dgn phpHaswi Haswi
 
Membuat Sitemap untuk Website Dinamis dengan PHP.pdf
Membuat Sitemap untuk Website Dinamis dengan PHP.pdfMembuat Sitemap untuk Website Dinamis dengan PHP.pdf
Membuat Sitemap untuk Website Dinamis dengan PHP.pdfomuru
 
Script login form php
Script login form phpScript login form php
Script login form phpHanief Rpl
 
Membuat form login dengan php mysql
Membuat form login dengan php mysqlMembuat form login dengan php mysql
Membuat form login dengan php mysqlRaja Putra Media
 
Belajar php-dengan-framework-code-igniter1
Belajar php-dengan-framework-code-igniter1Belajar php-dengan-framework-code-igniter1
Belajar php-dengan-framework-code-igniter1Al-dhimas Purnama
 
Buku tamu php&my sql
Buku tamu php&my sqlBuku tamu php&my sql
Buku tamu php&my sqltotoh fatah
 
Belajar php-dengan-framework-code-igniter
Belajar php-dengan-framework-code-igniterBelajar php-dengan-framework-code-igniter
Belajar php-dengan-framework-code-igniterGeorge Kartutu
 
Belajar php-dengan-framework-code-igniter
Belajar php-dengan-framework-code-igniterBelajar php-dengan-framework-code-igniter
Belajar php-dengan-framework-code-igniterMuhammad Rais
 
Php dgn framework code ignitier
Php dgn framework code ignitierPhp dgn framework code ignitier
Php dgn framework code ignitierAlbertz Ace-Red
 
Php dgn frame work code ignitier
Php dgn frame work code ignitierPhp dgn frame work code ignitier
Php dgn frame work code ignitierHaswi Haswi
 
Belajar php dengan framework code igniter3
Belajar php dengan framework code igniter3Belajar php dengan framework code igniter3
Belajar php dengan framework code igniter3iimpunya3
 
Entri, Edit, Delete, Tampil (CRUD) dengan PHP dan Ajax JQuery
Entri, Edit, Delete, Tampil (CRUD) dengan PHP dan Ajax JQueryEntri, Edit, Delete, Tampil (CRUD) dengan PHP dan Ajax JQuery
Entri, Edit, Delete, Tampil (CRUD) dengan PHP dan Ajax JQueryAchmad Solichin
 
Bab 2 php - memasukkan data ke tabel
Bab 2 php - memasukkan data ke tabelBab 2 php - memasukkan data ke tabel
Bab 2 php - memasukkan data ke tabelDeka M Wildan
 

Similar to Belajar pemrograman PHP (20)

Membuat CRUD data Mahasiswa dengan PHP MYSQLi.pdf
Membuat CRUD data Mahasiswa dengan PHP MYSQLi.pdfMembuat CRUD data Mahasiswa dengan PHP MYSQLi.pdf
Membuat CRUD data Mahasiswa dengan PHP MYSQLi.pdf
 
Halaman dinamis
Halaman dinamisHalaman dinamis
Halaman dinamis
 
manipulasi data
manipulasi data manipulasi data
manipulasi data
 
CRUD pada Android Studio menggunakan MySQL
CRUD pada Android Studio menggunakan MySQLCRUD pada Android Studio menggunakan MySQL
CRUD pada Android Studio menggunakan MySQL
 
PPT Pertemuan 06 Web Developer VSGA DTS 2022.pptx
PPT Pertemuan 06 Web Developer VSGA DTS 2022.pptxPPT Pertemuan 06 Web Developer VSGA DTS 2022.pptx
PPT Pertemuan 06 Web Developer VSGA DTS 2022.pptx
 
Manipulasi database mysql dgn php
Manipulasi database mysql dgn phpManipulasi database mysql dgn php
Manipulasi database mysql dgn php
 
Membuat Sitemap untuk Website Dinamis dengan PHP.pdf
Membuat Sitemap untuk Website Dinamis dengan PHP.pdfMembuat Sitemap untuk Website Dinamis dengan PHP.pdf
Membuat Sitemap untuk Website Dinamis dengan PHP.pdf
 
Script login form php
Script login form phpScript login form php
Script login form php
 
Membuat form login dengan php mysql
Membuat form login dengan php mysqlMembuat form login dengan php mysql
Membuat form login dengan php mysql
 
Belajar php-dengan-framework-code-igniter1
Belajar php-dengan-framework-code-igniter1Belajar php-dengan-framework-code-igniter1
Belajar php-dengan-framework-code-igniter1
 
Php dan MySQL 4
Php dan MySQL 4Php dan MySQL 4
Php dan MySQL 4
 
16406 pertemuan17(konsep basis-data-di-web)
16406 pertemuan17(konsep basis-data-di-web)16406 pertemuan17(konsep basis-data-di-web)
16406 pertemuan17(konsep basis-data-di-web)
 
Buku tamu php&my sql
Buku tamu php&my sqlBuku tamu php&my sql
Buku tamu php&my sql
 
Belajar php-dengan-framework-code-igniter
Belajar php-dengan-framework-code-igniterBelajar php-dengan-framework-code-igniter
Belajar php-dengan-framework-code-igniter
 
Belajar php-dengan-framework-code-igniter
Belajar php-dengan-framework-code-igniterBelajar php-dengan-framework-code-igniter
Belajar php-dengan-framework-code-igniter
 
Php dgn framework code ignitier
Php dgn framework code ignitierPhp dgn framework code ignitier
Php dgn framework code ignitier
 
Php dgn frame work code ignitier
Php dgn frame work code ignitierPhp dgn frame work code ignitier
Php dgn frame work code ignitier
 
Belajar php dengan framework code igniter3
Belajar php dengan framework code igniter3Belajar php dengan framework code igniter3
Belajar php dengan framework code igniter3
 
Entri, Edit, Delete, Tampil (CRUD) dengan PHP dan Ajax JQuery
Entri, Edit, Delete, Tampil (CRUD) dengan PHP dan Ajax JQueryEntri, Edit, Delete, Tampil (CRUD) dengan PHP dan Ajax JQuery
Entri, Edit, Delete, Tampil (CRUD) dengan PHP dan Ajax JQuery
 
Bab 2 php - memasukkan data ke tabel
Bab 2 php - memasukkan data ke tabelBab 2 php - memasukkan data ke tabel
Bab 2 php - memasukkan data ke tabel
 

Recently uploaded

RENCANA + Link2 Materi Pelatihan/BimTek "Teknik Perhitungan & Verifikasi TKDN...
RENCANA + Link2 Materi Pelatihan/BimTek "Teknik Perhitungan & Verifikasi TKDN...RENCANA + Link2 Materi Pelatihan/BimTek "Teknik Perhitungan & Verifikasi TKDN...
RENCANA + Link2 Materi Pelatihan/BimTek "Teknik Perhitungan & Verifikasi TKDN...Kanaidi ken
 
LATIHAN SOAL geo ANALISA DATA PENDUDUK.doc
LATIHAN SOAL geo ANALISA DATA PENDUDUK.docLATIHAN SOAL geo ANALISA DATA PENDUDUK.doc
LATIHAN SOAL geo ANALISA DATA PENDUDUK.docjohan effendi
 
PPT PERLINDUNGAN KONSUMEN .Pengertian Transaksi Online
PPT PERLINDUNGAN KONSUMEN .Pengertian Transaksi OnlinePPT PERLINDUNGAN KONSUMEN .Pengertian Transaksi Online
PPT PERLINDUNGAN KONSUMEN .Pengertian Transaksi OnlineMMario4
 
PPT TEKS TANGGAPAN KELAS 7 KURIKUKULM MERDEKA
PPT TEKS TANGGAPAN KELAS 7 KURIKUKULM MERDEKAPPT TEKS TANGGAPAN KELAS 7 KURIKUKULM MERDEKA
PPT TEKS TANGGAPAN KELAS 7 KURIKUKULM MERDEKARenoMardhatillahS
 
Workshop penulisan buku (Buku referensi, monograf, BUKU...
Workshop penulisan buku                       (Buku referensi, monograf, BUKU...Workshop penulisan buku                       (Buku referensi, monograf, BUKU...
Workshop penulisan buku (Buku referensi, monograf, BUKU...Riyan Hidayatullah
 
MATERI SESI 1a FILSAFAT DAN ETIKA KOMUNIKASI SKOM 4323 - Konsep-konsep Pemiki...
MATERI SESI 1a FILSAFAT DAN ETIKA KOMUNIKASI SKOM 4323 - Konsep-konsep Pemiki...MATERI SESI 1a FILSAFAT DAN ETIKA KOMUNIKASI SKOM 4323 - Konsep-konsep Pemiki...
MATERI SESI 1a FILSAFAT DAN ETIKA KOMUNIKASI SKOM 4323 - Konsep-konsep Pemiki...YosuaElyakim
 
PPT IPS Geografi SMA Kelas X_Bab 5_Atmosfer.pptx_20240214_193530_0000.pdf
PPT IPS Geografi SMA Kelas X_Bab 5_Atmosfer.pptx_20240214_193530_0000.pdfPPT IPS Geografi SMA Kelas X_Bab 5_Atmosfer.pptx_20240214_193530_0000.pdf
PPT IPS Geografi SMA Kelas X_Bab 5_Atmosfer.pptx_20240214_193530_0000.pdfNatasyaA11
 
KISI-KISI Soal PAS Geografi Kelas XII.docx
KISI-KISI Soal PAS Geografi Kelas XII.docxKISI-KISI Soal PAS Geografi Kelas XII.docx
KISI-KISI Soal PAS Geografi Kelas XII.docxjohan effendi
 
Materi Kelas Online Ministry Learning Center - Bedah Kitab 1 Tesalonika
Materi Kelas Online Ministry Learning Center - Bedah Kitab 1 TesalonikaMateri Kelas Online Ministry Learning Center - Bedah Kitab 1 Tesalonika
Materi Kelas Online Ministry Learning Center - Bedah Kitab 1 TesalonikaSABDA
 
5. HAK DAN KEWAJIBAN JEMAAH indonesia.pdf
5. HAK DAN KEWAJIBAN JEMAAH indonesia.pdf5. HAK DAN KEWAJIBAN JEMAAH indonesia.pdf
5. HAK DAN KEWAJIBAN JEMAAH indonesia.pdfWahyudinST
 
Pembuktian rumus volume dan luas permukaan bangung ruang Tabung, Limas, Keruc...
Pembuktian rumus volume dan luas permukaan bangung ruang Tabung, Limas, Keruc...Pembuktian rumus volume dan luas permukaan bangung ruang Tabung, Limas, Keruc...
Pembuktian rumus volume dan luas permukaan bangung ruang Tabung, Limas, Keruc...NiswatuzZahroh
 
Keberagaman-Peserta-Didik-dalam-Psikologi-Pendidikan.pptx
Keberagaman-Peserta-Didik-dalam-Psikologi-Pendidikan.pptxKeberagaman-Peserta-Didik-dalam-Psikologi-Pendidikan.pptx
Keberagaman-Peserta-Didik-dalam-Psikologi-Pendidikan.pptxLeniMawarti1
 
Modul Ajar Informatika Kelas 11 Fase F Kurikulum Merdeka
Modul Ajar Informatika Kelas 11 Fase F Kurikulum MerdekaModul Ajar Informatika Kelas 11 Fase F Kurikulum Merdeka
Modul Ajar Informatika Kelas 11 Fase F Kurikulum MerdekaAbdiera
 
Modul persamaan perakaunan prinsip akaun
Modul persamaan perakaunan prinsip akaunModul persamaan perakaunan prinsip akaun
Modul persamaan perakaunan prinsip akaunnhsani2006
 
Program Roots Indonesia/Aksi Nyata AAP.pdf
Program Roots Indonesia/Aksi Nyata AAP.pdfProgram Roots Indonesia/Aksi Nyata AAP.pdf
Program Roots Indonesia/Aksi Nyata AAP.pdfwaktinisayunw93
 
1.2.a.6 Dekon modul 1.2. DINI FITRIANI.pdf
1.2.a.6 Dekon modul 1.2. DINI FITRIANI.pdf1.2.a.6 Dekon modul 1.2. DINI FITRIANI.pdf
1.2.a.6 Dekon modul 1.2. DINI FITRIANI.pdfsandi625870
 
Catatan di setiap Indikator Fokus Perilaku
Catatan di setiap Indikator Fokus PerilakuCatatan di setiap Indikator Fokus Perilaku
Catatan di setiap Indikator Fokus PerilakuHANHAN164733
 
Keberagaman-Peserta-Didik-dalam-Psikologi-Pendidikan.pptx
Keberagaman-Peserta-Didik-dalam-Psikologi-Pendidikan.pptxKeberagaman-Peserta-Didik-dalam-Psikologi-Pendidikan.pptx
Keberagaman-Peserta-Didik-dalam-Psikologi-Pendidikan.pptxLeniMawarti1
 
Materi pembelajaran tentang MISIOLOGI.pptx
Materi pembelajaran tentang MISIOLOGI.pptxMateri pembelajaran tentang MISIOLOGI.pptx
Materi pembelajaran tentang MISIOLOGI.pptxoperatorsttmamasa
 
Teks ucapan Majlis Perpisahan Lambaian Kasih
Teks ucapan Majlis Perpisahan Lambaian KasihTeks ucapan Majlis Perpisahan Lambaian Kasih
Teks ucapan Majlis Perpisahan Lambaian Kasihssuserfcb9e3
 

Recently uploaded (20)

RENCANA + Link2 Materi Pelatihan/BimTek "Teknik Perhitungan & Verifikasi TKDN...
RENCANA + Link2 Materi Pelatihan/BimTek "Teknik Perhitungan & Verifikasi TKDN...RENCANA + Link2 Materi Pelatihan/BimTek "Teknik Perhitungan & Verifikasi TKDN...
RENCANA + Link2 Materi Pelatihan/BimTek "Teknik Perhitungan & Verifikasi TKDN...
 
LATIHAN SOAL geo ANALISA DATA PENDUDUK.doc
LATIHAN SOAL geo ANALISA DATA PENDUDUK.docLATIHAN SOAL geo ANALISA DATA PENDUDUK.doc
LATIHAN SOAL geo ANALISA DATA PENDUDUK.doc
 
PPT PERLINDUNGAN KONSUMEN .Pengertian Transaksi Online
PPT PERLINDUNGAN KONSUMEN .Pengertian Transaksi OnlinePPT PERLINDUNGAN KONSUMEN .Pengertian Transaksi Online
PPT PERLINDUNGAN KONSUMEN .Pengertian Transaksi Online
 
PPT TEKS TANGGAPAN KELAS 7 KURIKUKULM MERDEKA
PPT TEKS TANGGAPAN KELAS 7 KURIKUKULM MERDEKAPPT TEKS TANGGAPAN KELAS 7 KURIKUKULM MERDEKA
PPT TEKS TANGGAPAN KELAS 7 KURIKUKULM MERDEKA
 
Workshop penulisan buku (Buku referensi, monograf, BUKU...
Workshop penulisan buku                       (Buku referensi, monograf, BUKU...Workshop penulisan buku                       (Buku referensi, monograf, BUKU...
Workshop penulisan buku (Buku referensi, monograf, BUKU...
 
MATERI SESI 1a FILSAFAT DAN ETIKA KOMUNIKASI SKOM 4323 - Konsep-konsep Pemiki...
MATERI SESI 1a FILSAFAT DAN ETIKA KOMUNIKASI SKOM 4323 - Konsep-konsep Pemiki...MATERI SESI 1a FILSAFAT DAN ETIKA KOMUNIKASI SKOM 4323 - Konsep-konsep Pemiki...
MATERI SESI 1a FILSAFAT DAN ETIKA KOMUNIKASI SKOM 4323 - Konsep-konsep Pemiki...
 
PPT IPS Geografi SMA Kelas X_Bab 5_Atmosfer.pptx_20240214_193530_0000.pdf
PPT IPS Geografi SMA Kelas X_Bab 5_Atmosfer.pptx_20240214_193530_0000.pdfPPT IPS Geografi SMA Kelas X_Bab 5_Atmosfer.pptx_20240214_193530_0000.pdf
PPT IPS Geografi SMA Kelas X_Bab 5_Atmosfer.pptx_20240214_193530_0000.pdf
 
KISI-KISI Soal PAS Geografi Kelas XII.docx
KISI-KISI Soal PAS Geografi Kelas XII.docxKISI-KISI Soal PAS Geografi Kelas XII.docx
KISI-KISI Soal PAS Geografi Kelas XII.docx
 
Materi Kelas Online Ministry Learning Center - Bedah Kitab 1 Tesalonika
Materi Kelas Online Ministry Learning Center - Bedah Kitab 1 TesalonikaMateri Kelas Online Ministry Learning Center - Bedah Kitab 1 Tesalonika
Materi Kelas Online Ministry Learning Center - Bedah Kitab 1 Tesalonika
 
5. HAK DAN KEWAJIBAN JEMAAH indonesia.pdf
5. HAK DAN KEWAJIBAN JEMAAH indonesia.pdf5. HAK DAN KEWAJIBAN JEMAAH indonesia.pdf
5. HAK DAN KEWAJIBAN JEMAAH indonesia.pdf
 
Pembuktian rumus volume dan luas permukaan bangung ruang Tabung, Limas, Keruc...
Pembuktian rumus volume dan luas permukaan bangung ruang Tabung, Limas, Keruc...Pembuktian rumus volume dan luas permukaan bangung ruang Tabung, Limas, Keruc...
Pembuktian rumus volume dan luas permukaan bangung ruang Tabung, Limas, Keruc...
 
Keberagaman-Peserta-Didik-dalam-Psikologi-Pendidikan.pptx
Keberagaman-Peserta-Didik-dalam-Psikologi-Pendidikan.pptxKeberagaman-Peserta-Didik-dalam-Psikologi-Pendidikan.pptx
Keberagaman-Peserta-Didik-dalam-Psikologi-Pendidikan.pptx
 
Modul Ajar Informatika Kelas 11 Fase F Kurikulum Merdeka
Modul Ajar Informatika Kelas 11 Fase F Kurikulum MerdekaModul Ajar Informatika Kelas 11 Fase F Kurikulum Merdeka
Modul Ajar Informatika Kelas 11 Fase F Kurikulum Merdeka
 
Modul persamaan perakaunan prinsip akaun
Modul persamaan perakaunan prinsip akaunModul persamaan perakaunan prinsip akaun
Modul persamaan perakaunan prinsip akaun
 
Program Roots Indonesia/Aksi Nyata AAP.pdf
Program Roots Indonesia/Aksi Nyata AAP.pdfProgram Roots Indonesia/Aksi Nyata AAP.pdf
Program Roots Indonesia/Aksi Nyata AAP.pdf
 
1.2.a.6 Dekon modul 1.2. DINI FITRIANI.pdf
1.2.a.6 Dekon modul 1.2. DINI FITRIANI.pdf1.2.a.6 Dekon modul 1.2. DINI FITRIANI.pdf
1.2.a.6 Dekon modul 1.2. DINI FITRIANI.pdf
 
Catatan di setiap Indikator Fokus Perilaku
Catatan di setiap Indikator Fokus PerilakuCatatan di setiap Indikator Fokus Perilaku
Catatan di setiap Indikator Fokus Perilaku
 
Keberagaman-Peserta-Didik-dalam-Psikologi-Pendidikan.pptx
Keberagaman-Peserta-Didik-dalam-Psikologi-Pendidikan.pptxKeberagaman-Peserta-Didik-dalam-Psikologi-Pendidikan.pptx
Keberagaman-Peserta-Didik-dalam-Psikologi-Pendidikan.pptx
 
Materi pembelajaran tentang MISIOLOGI.pptx
Materi pembelajaran tentang MISIOLOGI.pptxMateri pembelajaran tentang MISIOLOGI.pptx
Materi pembelajaran tentang MISIOLOGI.pptx
 
Teks ucapan Majlis Perpisahan Lambaian Kasih
Teks ucapan Majlis Perpisahan Lambaian KasihTeks ucapan Majlis Perpisahan Lambaian Kasih
Teks ucapan Majlis Perpisahan Lambaian Kasih
 

Belajar pemrograman PHP

  • 1. Pembuatan website dengan PHP, Mysql, CSS dan HTML Oleh: Djumadi http://osca-akakom.org Pembuatan website dengan PHP, Mysql, CSS dan HTML – OSCA – http://osca-akakom.ac.id
  • 2. Pengenalan PHP PHP adalah merupakan skrip yang dijalankan di server. Jadi konsepnya berbeda dengan javascript yang dilakukan pada sisi klien. Keuntungan menggunakan PHP, kode yang menyusun program tidek perlu di bagikan ke pemakai, yang berarti bahwa kerahasiaan kode dapat di lindungi. Hal menarik yang didukung oleh PHP tetapi tidak mungkin dilakukan oleh JavaScript adalah kenyataan bahwa PHP bisa digunakan untuk mengakses berbagai macam database seperti Access, Oracle, Mysql dan lain-lain. Seperti halnya JavaScript, kode PHP dapat disisipkan pada HTML. Selain itu PHP juga bisa digunakan untuk menghasilkan kode – kode HTML. 1. Mencoba Script PHP <html> <head> <title>Contoh Program PHP</title> </head> <body> <?php echo "Selamat Belajar PHP </br>"; echo "Semoga Sukses"; ?> </body> </html> Simpan dengan fil pertama.php, jika dijalankan maka tampak seperti dibawah ini : Pembuatan website dengan PHP, Mysql, CSS dan HTML – OSCA – http://osca-akakom.ac.id
  • 3. 2. Mengenal Variabel <html> <head> <title>Contoh Program PHP</title> </head> <body> <?php $teks="Selamat Belajar PHP </br>"; echo $teks; ?> </body> </html> 3. Fungsi If dan else <html> <head> <title>Contoh Program PHP</title> Pembuatan website dengan PHP, Mysql, CSS dan HTML – OSCA – http://osca-akakom.ac.id
  • 4. </head> <body> <?php $kode_hari = date("w"); if ($kode_hari==0){ echo "Hari ini hari minggu"; } else { echo "Hari ini bukan hari minggu"; } ?> </body> </html> 4. If dan else lanjutan <html> <head> <title>Contoh Program PHP</title> Pembuatan website dengan PHP, Mysql, CSS dan HTML – OSCA – http://osca-akakom.ac.id
  • 5. </head> <body> <?php $kode_hari = date("w"); if ($kode_hari==0){ echo "Minggu"; } else if ($kode_hari==1){ echo "Senin"; } else if ($kode_hari==2){ echo "Selasa"; } else if ($kode_hari==3){ echo "Rabu"; } else if ($kode_hari==4){ echo "Kamis"; } else if ($kode_hari==5){ echo "Jum'at"; } else { echo "Sabtu"; } ?> </body> </html> Pembuatan website dengan PHP, Mysql, CSS dan HTML – OSCA – http://osca-akakom.ac.id
  • 6. 5. Pernyataan While <?php $nilai = 0; while ($nilai < 5){ echo "My PHP <br>"; $nilai++; } ?> 6. Pernyataan for <?php for($i=0; $i<=20; $i++){ echo $i; } ?> Pembuatan website dengan PHP, Mysql, CSS dan HTML – OSCA – http://osca-akakom.ac.id
  • 7. Menggunakan Database Mysql Database adalah pengolahan data dalam pengingat eksternal (misal, hardisk) yang memungkinkan seseorang dengan mudah menyimpan data dan sekaligus menggunakan ketika memerlukannya. Salah satu software yang terkenal yang digunakan untuk mengelola database adalah Mysql. Hal – hal yang didukung oleh database antara lain : – Membuat database dan table – Menambahkan data ke dalam table – Mengubah data yang ada pada table – Menghapus data yang ada pada table – Mengambil data pada tabel. 1. Tabel mahasiswa Pertama sekali buat terlebih dahulu mana databasenya latihan, selanjutnya buat tabel seperti berikut : CREATE TABLE IF NOT EXISTS `mahasiswa` ( `no_mhs` char(9) NOT NULL, `nama_mhs` varchar(35) NOT NULL, `jk` varchar(30) NOT NULL, `jurusan` varchar(100) NOT NULL, `alamat` varchar(300) NOT NULL, PRIMARY KEY (`no_mhs`) ) ENGINE=MyISAM DEFAULT CHARSET=latin1; 2. Form Input Data <form action="form_input.php" method="post" name="form_mhs"> No Mhs : <input type="text" name="no_mhs" size="25"> <br> N a m a : <input type="text" name="nama" size="25"> <br> Jenis kelamin : <input type="radio" name="jk" value="laki-laki"> Lak-laki <input type="radio" name="jk" value="perempuan"> Perempuan<br> Jurusan : <select name="jurusan"> Pembuatan website dengan PHP, Mysql, CSS dan HTML – OSCA – http://osca-akakom.ac.id
  • 8. <option value="0">- Pilih Jurusan -</option> <option value="Teknik Informatika"> Teknik Informatika </option> <option value="Sistem Informasi"> Sistem Informasi </option> <option value="Manajemen Informatika"> Manajemen Informatika </option> </select><br> Alamat : <textarea name="alamat" cols="30" rows="5"></textarea><br> <input type="submit" value="Simpan" name="form_data" onclick="return cek_form(this.form)"> </form> 3. Proses Input data <?php if (isset($_POST['form_data'])){ error_reporting(0); echo "<br><br>"; echo "<h3>Data Anda</h3>"; Pembuatan website dengan PHP, Mysql, CSS dan HTML – OSCA – http://osca-akakom.ac.id
  • 9. echo "Nomor Mahasiswa : ".$no_mhs=$_POST['no_mhs']; echo "<br>Nama Mahasiswa : ".$nm_mhs=$_POST['nama']; echo "<br>Jenis Kelamin : ".$jk=$_POST['jk']; echo "<br>Jurusan : ". $jurusan=$_POST['jurusan']; echo "<br>Alamat : ". $alamat=$_POST['alamat']; echo "<br><br>"; //Rekam ke database //Koneksi ke server Mysql mysql_connect("localhost","root","linux1234"); mysql_select_db("latihan"); //record ke tabel $record = mysql_query("INSERT INTO mahasiswa (no_mhs, nama_mhs,jk,jurusan,alamat) VALUES ('$no_mhs','$nm_mhs','$jk','$jurusan','$alamat')"); if ($record==1){ echo "Data telah tersimpan, lihat data mahasiswa <a href='lihat_data.php'>klik disini</a>..."; } else { echo "Data gagal disimpan, silahkan coba lagi!"; } } else { echo "<br>Silahkan klik simpan"; } ?> 4. Menampilkan isi dari tabel Setelah melakukan input data, maka kita dapat menampilkan isi dari data tersebut, berikut dibawah ini, simpan dengan nama lihat_data.php <html> <head> <title>Menampilkan isi dari data</title> </head> <body> <h3>Data Mahasiswa</h3> <table width="900" border="1" cellpadding="2" cellspacing="2"> <tr> <td width="100">No Mhs</td><td width="200">Nama</td><td Pembuatan website dengan PHP, Mysql, CSS dan HTML – OSCA – http://osca-akakom.ac.id
  • 10. width="100">Jenis Kelamin</td><td width="100">Jurusan</td><td width="200">Alamat</td><td width="200">Opsi</td> </tr> <?php //Koneksi ke server Mysql mysql_connect("localhost","root","linux1234"); mysql_select_db("latihan"); $query = mysql_query("SELECT *FROM mahasiswa ORDER BY no_mhs ASC"); while ($tampilkan= mysql_fetch_array($query)){ $no_mhs = $tampilkan['no_mhs']; $nm_mhs = $tampilkan['nama_mhs']; $jk = $tampilkan['jk']; $jurusan = $tampilkan['jurusan']; $alamat = $tampilkan['alamat']; ?> <tr> <td width="100"><?php echo $no_mhs; ?></td><td width="200"><?php echo $nm_mhs; ?></td><td width="100"><?php echo $jk; ?></td><td width="100"><?php echo $jurusan; ?></td><td width="200"><?php echo $alamat; ?></td><td width="200"> </td> </tr> <?php } ?> </table> <a href="form_input.php">Tambah data</a> </body> </html> Pembuatan website dengan PHP, Mysql, CSS dan HTML – OSCA – http://osca-akakom.ac.id
  • 11. 5. Menambahkan proses validasi form dengan javascript Menambahkan validasi pada form input data dengan menggunakan javascript, biasanya diletakan pada posisi header, berikut dibawah ini : <script type="text/javascript" > function cek_form(form){ if (document.forms.form_mhs.no_mhs.value==""){ document.forms.form_mhs.no_mhs.focus(); alert("Nomor mahasiswa harus diisi..."); return false; } if (document.forms.form_mhs.nama.value==""){ document.forms.form_mhs.nama.focus(); alert ("Nama mahasiswa harus diisi..."); return false; } if ( (form.jk[0].checked == false ) && ( form.jk[1].checked == false ) ) { alert ( "Silahkan pilih jenis kelamin..." ); return false; } Pembuatan website dengan PHP, Mysql, CSS dan HTML – OSCA – http://osca-akakom.ac.id
  • 12. if (document.forms.form_mhs.jurusan.value=="0"){ document.forms.form_mhs.jurusan.focus(); alert ("Jurusan mahasiswa harus diisi..."); return false; } if (document.forms.form_mhs.alamat.value==""){ document.forms.form_mhs.alamat.focus(); alert ("Alamat mahasiswa harus diisi..."); return false; } else return true; } </script> 6. Menambahkan proses edit data Tambahkan link pada opsi yang ada pada file lihat_data.php <a href="edit_data.php?no_mhs=<?php echo $no_mhs; ?>">&raquo;[Edit] </a> selanjutnya buat file edit_data.php seperti dibawah ini : <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Latihan Membuat Form</title> <script type="text/javascript" > function cek_form(form){ if (document.forms.form_mhs.no_mhs.value==""){ document.forms.form_mhs.no_mhs.focus(); alert("Nomor mahasiswa harus diisi..."); return false; } if (document.forms.form_mhs.nama.value==""){ document.forms.form_mhs.nama.focus(); alert ("Nama mahasiswa harus diisi..."); return false; } Pembuatan website dengan PHP, Mysql, CSS dan HTML – OSCA – http://osca-akakom.ac.id
  • 13. if ( (form.jk[0].checked == false ) && ( form.jk[1].checked == false ) ) { alert ( "Silahkan pilih jenis kelamin..." ); return false; } if (document.forms.form_mhs.jurusan.value=="0"){ document.forms.form_mhs.jurusan.focus(); alert ("Jurusan mahasiswa harus diisi..."); return false; } if (document.forms.form_mhs.alamat.value==""){ document.forms.form_mhs.alamat.focus(); alert ("Alamat mahasiswa harus diisi..."); return false; } else return true; } </script> </head> <body> <?php error_reporting(0); //Koneksi ke server Mysql mysql_connect("localhost","root","linux1234"); mysql_select_db("latihan"); $nomor_mhs = $_GET['no_mhs']; $query = mysql_query("SELECT *FROM mahasiswa WHERE no_mhs='$nomor_mhs'"); if ($tampil_data=mysql_fetch_array($query)){ $no_mhs = $tampil_data['no_mhs']; $nm_mhs = $tampil_data['nama_mhs']; $jk = $tampil_data['jk']; $jurusan = $tampil_data['jurusan']; $alamat = $tampil_data['alamat']; } ?> <h3>Edit Data Mahasiswa</h3> <form action="edit_data.php?no_mhs=<?php echo $no_mhs; ?>" Pembuatan website dengan PHP, Mysql, CSS dan HTML – OSCA – http://osca-akakom.ac.id
  • 14. method="post" name="form_mhs"> No Mhs : <input type="text" name="no_mhs" size="25" value="<?php echo $no_mhs; ?>"> <br> N a m a : <input type="text" name="nama" size="25" value="<?php echo $nm_mhs; ?>"> <br> Jenis kelamin : <?php if ($jk=="laki-laki"){ echo "<input type='radio' name='jk' value='laki-laki' checked='checked'> Lak-laki"; echo "<input type='radio' name='jk' value='perempuan'> Perempuan<br>"; } else if ($jk=="perempuan") { echo "<input type='radio' name='jk' value='laki-laki'> Lak-laki"; echo "<input type='radio' name='jk' value='perempuan' checked='checked'> Perempuan<br>"; } ?> Jurusan : <select name="jurusan"> <option value="<?php echo $jurusan; ?>"><?php echo $jurusan; ?></option> <option value="Teknik Informatika"> Teknik Informatika </option> <option value="Sistem Informasi"> Sistem Informasi </option> <option value="Manajemen Informatika"> Manajemen Informatika </option> </select><br> Alamat : <textarea name="alamat" cols="30" rows="5"><?php echo $alamat; ?></textarea><br> <input type="submit" value="Update Data" name="form_data" onclick="return cek_form(this.form)"> </form> <?php if (isset($_POST['form_data'])){ error_reporting(0); echo "<br><br>"; echo "<h3>Data Anda</h3>"; echo "Nomor Mahasiswa : ".$no_mhs=$_POST['no_mhs']; echo "<br>Nama Mahasiswa : ".$nm_mhs=$_POST['nama']; echo "<br>Jenis Kelamin : ".$jk=$_POST['jk']; Pembuatan website dengan PHP, Mysql, CSS dan HTML – OSCA – http://osca-akakom.ac.id
  • 15. echo "<br>Jurusan : ". $jurusan=$_POST['jurusan']; echo "<br>Alamat : ". $alamat=$_POST['alamat']; echo "<br><br>"; //Update data Mahasiswa $nomor_mhs = $_GET['no_mhs']; $update_mhs = mysql_query("UPDATE mahasiswa SET nama_mhs='$nm_mhs', jk='$jk', jurusan='$jurusan', alamat='$alamat' WHERE no_mhs='$nomor_mhs'"); if ($update_mhs==1){ echo "Data mahasiswa telah diupdate <a href='lihat_data.php'>lihat data</a>"; } else { echo "Data mahasiswa gagal di update <a href='lihat_data.php'>Coba lagi</a>"; } } else { echo "<br>Silahkan klik Update data"; } ?> </body> </html> Pembuatan website dengan PHP, Mysql, CSS dan HTML – OSCA – http://osca-akakom.ac.id
  • 16. 7. Menambahkan Proses Hapus data Tambahkan link pada opsi seperti di bawah ini pada file lihat_data.php : <a href="hapus_data.php?no_mhs=<?php echo $no_mhs; ?>">&raquo;[Hapus] </a> tampak seperti dibawah ini : Pembuatan website dengan PHP, Mysql, CSS dan HTML – OSCA – http://osca-akakom.ac.id
  • 17. selanjutnya buat file hapus_data.php seperti dibawah ini : <?php mysql_connect("localhost","root","linux1234"); mysql_select_db("latihan"); $nomor_mhs = $_GET['no_mhs']; $hapus_mhs = mysql_query("DELETE FROM mahasiswa WHERE no_mhs='$nomor_mhs'"); if ($hapus_mhs==1){ echo "Nomor Mahasiswa <b>$nomor_mhs</b> telah dihapus dari data... <a href='lihat_data.php'>Lihat data</a>"; } else { echo "Nomor Mahasiswa <b>$nomor_mhs</b> tidak ditemukan, silahkan <a href='lihat_data.php'>Coba lagi</a>"; } ?> Pembuatan website dengan PHP, Mysql, CSS dan HTML – OSCA – http://osca-akakom.ac.id
  • 18. Menambahkan CSS pada Halaman 1. Mempercantik Form Input Tambahkan file CSS pada header sperti dibawah ini : <style type="text/css"> body { color: #000; padding: 10px; margin: 10px; font-family:"lucida grande",tahoma,verdana,arial,sans-serif; font-size: 13px; text-decoration: none; } table{ border:0px; } #nm_input{ width: 150px; } Pembuatan website dengan PHP, Mysql, CSS dan HTML – OSCA – http://osca-akakom.ac.id
  • 19. #ip_input{ width: 400px; } #op_input{ width: 300px; height: 30px; } #op_txt{ width: 300px; height: 100px; } </style> Kemudian edit form seperti dibawah ini : <h3>Input Data Mahasiswa</h3> <table> <form action="form_input.php" method="post" name="form_mhs"> <tr> <td id="nm_input" >Nomor Mahsiswa</td> <td id="ip_input" ><input type="text" name="no_mhs" id="op_input"></td> </tr> <tr> <td id="nm_input" >Nama Mahasiswa</td> <td id="ip_input" ><input type="text" name="nama" id="op_input"></td> </tr> <tr> <td id="nm_input" >Jenis Kelamin</td> <td id="ip_input" > <input type="radio" name="jk" value="laki-laki"> Lak-laki <input type="radio" name="jk" value="perempuan"> Perempuan </td> </tr> <tr> <td id="nm_input" >Jurusan</td> <td id="ip_input" > <select name="jurusan"> <option value="0">- Pilih Jurusan -</option> <option value="Teknik Informatika"> Teknik Informatika </option> <option value="Sistem Informasi"> Sistem Informasi Pembuatan website dengan PHP, Mysql, CSS dan HTML – OSCA – http://osca-akakom.ac.id
  • 20. </option> <option value="Manajemen Informatika"> Manajemen Informatika </option> </select> </td> </tr> <td id="nm_input" >Alamat</td> <td id="ip_input" > <textarea name="alamat" id="op_txt"></textarea> </td> </tr> <tr> <td id="nm_input" ></td> <td id="ip_input" ><input type="submit" value="Simpan" name="form_data" onclick="return cek_form(this.form)"></td> </tr> </form> </table> 2. Menambahkan CSS pada data Mahasiswa Tambahkan file css pada header seperti di bawah ini pada file lihat_data.php Pembuatan website dengan PHP, Mysql, CSS dan HTML – OSCA – http://osca-akakom.ac.id
  • 21. <style type="text/css"> body { color: #000; padding: 10px; margin: 10px; font-family:"lucida grande",tahoma,verdana,arial,sans-serif; font-size: 13px; text-decoration: none; } table{ border: 1px; } #titel{ font-weight: bold; text-align: center; background-color: #e4e4e4; } </style> tambahkan id pada tabel pada barisan judul seperti dibawah ini : <tr id=”titel”> Sesi tambahan I – Membangun Website Sederhana Pembuatan website dengan PHP, Mysql, CSS dan HTML – OSCA – http://osca-akakom.ac.id
  • 22. halaman index.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>OSCA AKAKOM</title> <link href="style.css" type="text/css" rel="stylesheet"></link> <link href="menu.css" type="text/css" rel="stylesheet"></link> </head> <body> <div class="frame_halaman"> <div class="header"> </div> <div id="menu"> <ul> <li><a href="#">Beranda</a></li> Pembuatan website dengan PHP, Mysql, CSS dan HTML – OSCA – http://osca-akakom.ac.id
  • 23. <li><a href="#">Tutorial</a></li> <li><a href="#">Tips dan Trik</a></li> <li><a href="#">About </a></li> </ul> </div> <table class="halaman" border="0"> <tr> <td class="kiri"> <h3>Belajar PHP</h3> PHP adalah merupakan skrip yang dijalankan di server. Jadi konsepnya berbeda dengan javascript yang dilakukan pada sisi klien. Keuntungan menggunakan PHP, kode yang menyusun program tidek perlu di bagikan ke pemakai, yang berarti bahwa kerahasiaan kode dapat di lindungi. Hal menarik yang didukung oleh PHP tetapi tidak mungkin dilakukan oleh JavaScript adalah kenyataan bahwa PHP bisa digunakan untuk mengakses berbagai macam database seperti Access, Oracle, Mysql dan lain-lain. Seperti halnya JavaScript, kode PHP dapat disisipkan pada HTML. Selain itu PHP juga bisa digunakan untuk menghasilkan kode – kode HTML. <h3>CSS dan HTML</h3> PHP adalah merupakan skrip yang dijalankan di server. Jadi konsepnya berbeda dengan javascript yang dilakukan pada sisi klien. Keuntungan menggunakan PHP, kode yang menyusun program tidek perlu di bagikan ke pemakai, yang berarti bahwa kerahasiaan kode dapat di lindungi. Hal menarik yang didukung oleh PHP tetapi tidak mungkin dilakukan oleh JavaScript adalah kenyataan bahwa PHP bisa digunakan untuk mengakses berbagai macam database seperti Access, Oracle, Mysql dan lain-lain. Seperti halnya JavaScript, kode PHP dapat disisipkan pada HTML. Selain itu PHP juga bisa digunakan untuk menghasilkan kode – kode HTML. </td> <td class="kanan"> <div id="menu_titel"> <div id="set_menu_titel"> Last Posting </div> - Membuat Halaman CSS <br> - Membuat Koneksi Mysql di PHP <br> - Teknologi HTML5 <br> - XAMPP Versi Linux 1.7.4 <br> </div> <div id="menu_titel"> <div id="set_menu_titel"> Artikel </div> Pembuatan website dengan PHP, Mysql, CSS dan HTML – OSCA – http://osca-akakom.ac.id
  • 24. - Membuat Halaman CSS <br> - Membuat Koneksi Mysql di PHP <br> - Teknologi HTML5 <br> - XAMPP Versi Linux 1.7.4 <br> </div> </td> </tr> </table> <div class="footer"> Copy rigth &copy; nama_anda 2011<br> Osca Akakom Yogyakarta </div> </div> </body> </html> halaman style.css body{ padding: 0px; margin: 0px; font-family: "Verdana", Tahoma, Arial; font-size: 12px; } .frame_halaman{ width: 1010px; margin: 0 auto; border:1px solid #e4e4e4; border-top:0px; } .header{ width: 1010; height: 175px; background-image: url(images/header.jpg); } .halaman{ width: 1010px; margin: 0 auto; } Pembuatan website dengan PHP, Mysql, CSS dan HTML – OSCA – http://osca-akakom.ac.id
  • 25. .kiri{ width: 700px; margin: 0 auto; vertical-align: top; border: 1px solid #e4e4e4; border-top: 0px; border-left:0px; border-bottom: 0px; font-size: 13px; padding: 5px; } .kanan{ width: 290px; margin: 0 auto; vertical-align: top; padding: 5px; } #menu_titel{ width: 290px; border: 1px solid #e4e4e4; margin-bottom: 10px; } #set_menu_titel{ width: 280px; height: 20px; background-color: #e4e4e4; color: #000; font-weight: bold; padding: 5px; } .footer{ width: 990px; height: 40px; background-color: #666; font-size: 11px; color: #fff; padding: 10px; } Pembuatan website dengan PHP, Mysql, CSS dan HTML – OSCA – http://osca-akakom.ac.id
  • 26. halaman menu.css #menu{ width: 1010px; height: 40px; background-color: #000; } ul { list-style: none; padding: 0; margin: 0; } #menu ul li a { float: left; padding: 10px; color: #fff; text-decoration: none; display: block; height: 17px; border: 1px solid #666666; border-top: 0px; border-bottom: 0px; border-left: 0px; } #menu ul li a:hover{ background-color: #555555; font-weight: bold; } Materi Selanjutnya – Menambahkan relasi tabel Mahasiswa dengan Matakuliah dan Nilai. – Menampilkan Matakuliah – Form Input Data Matakuliah – Form Input Nilai Matakuliah OSCA AKAKOM Pembuatan website dengan PHP, Mysql, CSS dan HTML – OSCA – http://osca-akakom.ac.id