Anda di halaman 1dari 13

PEMROGRAMAN WEB

Pertemuan 0 JS (Pendahuluan)
Dosen : Tri Ari Cahyono, S.Kom, M.Kom
------------------------------------------------------------------------------

INSTALASI XAMPP
- Klik 2x master program xampp-win32-1.6.3a-installer
- Klik next - next- install
- Tunggu sampai proses instalasi selesai klik finish

PHP MYADMIN
- Jalankan xampp control panel dengan klik 2x icon pada desktop
-


- Klik start pada tombol service Apache(program web server) dan
MySql (program database server)
- Buka Mozilla dan pada addressbar ketik //localhost/phpmyadmin

Kasus :
Nama Database : pekerjaan
Nama Tabel : pekerja
Field : id varchar(5)
nama varchar(25)
gaji int(8)

id nama gaji
A01 Nabila 2000000
A02 Nibi 3000000
A03 Yayas 1500000
A04 Pinkan 1500000
A05 Lutfi 2000000






MEMBUAT DATABASE
- Ketik nama database pada

- Klik tombol create dan akan muncul tampilan di sebelah kiri :




MENGHAPUS DATABASE
- Klik nama database
- Klik tombol


MEMBUAT TABEL
- Ketik nama table dan isi jumlah field/kolom


- Klik Go
- Muncul halaman berikutnya isi :

- Klik tombol save

MENAMBAH DATA
- Klik table pekerja dan klik tombol

- Isi data

- Klik tombol Go. Lakukan hal yang sama untuk data yang lain

MENAMPILKAN/MELIHAT DATA
- Klik tombol browse




MENGHAPUS DATA
- Klik tombol pada barisan data yang ditampilkan
- Bila muncul kotak dialog, pilih OK

MENGEDIT DATA
- Klik tombol pada barisan data yang ditampilkan
- Muncul halaman berikut dan klik GO


EKSPORT DATABASE
- Klik nama database
- Klik tombol eksport
- Klik centang save as file dan ketik nama file dan klik GO



- Untuk melihat lokasi penyimpanan file pada Mozilla kita dapat klik


- Muncul kotak dialog dan lihat pada bagian save files to



IMPORT DATABASE
- Pilih nama database atau buat dulu nama database
- Klik
- Cari lokasi file .sql yang akan diimport dengan klik tombol browse


- Klik tombol GO
TUGAS :
Buat database : gudang
Tabel : barang

Field : kode varchar(5)
nama_br varchar(25)
jumlah int (3)
harga (8)

kode nama jumlah harga
B111 Sabun 2 10000
B124 Pensil 4 23000
B254 Deterjen 3 7000
8OTER Kondom 2 100000
09UY Susu 67 45000
124R Gula 12 20000

Kasus :
- Edit data gula dengan kode baru 123D
- Edit harga Pensil dengan harga 12000
- Hapus data kondom karena contoh datanya porno
- Ekport table ang kita buat
- Buat database film dan import tabelnya

KONFIGURASI PHP
- Install XAMPP (Apache,MySQL)
- Jalankan service Apache dan MySQL
- Menyimpan file PHP harus pada folder C:\XAMPP\HTDOCS\kerja
- Menjalankan program php adalah dengan membuka program
browser(Mozilla/internet explore) dan pada Address URL ketikkan :
//localhost/kerja/namafile.php

KONFIGURASI PENGKODEAN PHP DENGAN MACROMEDIA DREAMWEAVER
1. Jalankan program xampp. Dan aktifkan apache dan mysql
2. Buka dremweaver
3. Buat folder kerja di c:\xampp\htdocs misal folder webmm1
4. Pada dreamweaver klik menu site new site
5. Pada kotak dialog


6. Pada kotak dialog selanjutnya

7. Pada kotak dialog selanjutnya

8. Pada kotak dialog selanjutnya



9. Pada dialog selanjutnya

10. Selanjutnya klik
11. Untuk membuat files pada bagian palet files, klik kanan-new files
12. Ketik nama files .php
13. Klik dua kali nama files yang dibuat
14. Ketik kode php .
15. Untuk melihat hasil pilih menu files previews in browser internet explore





PHP TAMBAH DATA
1. Langkah 1
Buat database dan table
Misal : Database = kampus
Tabel = siswa
Field = nis varchar(5)
nama varchar(25)

Cara :
Ketik //localhost/phpmyadmin dibrowser Mozilla
- Buat database
- Aktif ke database yang dibuat
- Buat table dengan fieldnya
- Isi data
- Lihat data yang terisi


2. Langkah 2
Buat file PHP untuk tampilan form isian, simpan dengan nama
tambah.php

<html>
<title>Tambah Data Coy...</title>
<body>
<?php
echo "<form method=post action=prosessimpan.php>";
echo "Nis:<br> <input type=text name=nis><br> ";
echo "Nama Lengkap:<br> <input type=text name=nama><br> ";
echo "<input type=submit value=Simpan>";
echo "</form>";

?>
</body>
</html>


3. Langkah 3 :
Buat file koneksi. Simpan dengan nama koneksi.php

<?php
mysql_connect("localhost","root","");
mysql_select_db("kampus");
?>


4. Langkah 4 :
Buat file untuk proses penyimpanan. Simpan dengan nama
prosessimpan.php

<?php
$nis=$_POST['nis'];
$nama=$_POST['nama'];

include "koneksi.php";

$perintah="insert into siswa (nis,nama)values ('$nis','$nama')";
$hasil=mysql_query($perintah);

if($hasil)
{
echo "Data tersimpan";

}
else
{
echo "Data tidak tersimpan";
}

?>




































PHP TAMPIL DATA

Langkah 1 :Buat file penampil hasil pencarian
simpan dengan nama tampil.php

<html>
<title>Tampil Data</title>

<body>
DATA SISWA <br>
<table border=1>
<tr>
<td>Nis</td>
<td>Nama</td>
</tr>

<?php
include "koneksi.php";
$perintah="select * from siswa";
$hasil=mysql_query($perintah);

while($row=mysql_fetch_row($hasil))
{
echo "<tr>";
echo "<td>$row[0]</td>";
echo "<td>$row[1]</td>";
echo "</tr>";
}
?>
</table>

</body>
</html>

Langkah 2 :Buat file koneksi. Simpan dengan nama koneksi.php

<?php
mysql_connect("localhost","root","");
mysql_select_db("kampus");
?>










PHP PROGRAM CARI dan TAMPIL DATA
Langkah 1 : Buat file pencarian disimpan dengan nama cari.php

<html>
<title>Tampil Data</title>

<body>
PENCARIAN DATA SISWA <br>
<form method=POST action=tampil.php>
Masukkan nama siswa yang dicari: <br>
<input type=text name=nama>
<input type="submit" value="Cari" > <br>
</form>

</body>
</html>


Langkah 2 :Buat file penampil hasil pencarian simpan dengan nama
tampil.php

<html>
<title>Tampil Data</title>

<body>
HASIL PENCARIAN DATA SISWA <br>
<table border=1>
<tr>
<td>Nis</td>
<td>Nama Siswa</td>
</tr>

<?
$namamu=$_POST['nama'];
include "koneksi.php";
$perintah="select * from siswa where nama like '%$namamu%'";
$hasil=mysql_query($perintah);

while($row=mysql_fetch_row($hasil))
{
echo <tr>;
echo "<td>$row[0]</td>";
echo "<td>$row[1]</td>";
echo </tr>;
}
?>
</table>

</body>
</html>

PHP PROGRAM HAPUS DATA
Langkah 1 : Buat file tampil data simpan dengan nama daftarhapus.php

<html>
<title>Tampil Data</title>

<body>
TAMPILAN DATA SISWA <br>

<table border=1>
<tr>
<td>Nis</td>
<td>Nama Siswa</td>
<td>Hapus</td>
</tr>

<?
include "koneksi.php";
$perintah="select * from siswa";
$hasil=mysql_query($perintah);

while($row=mysql_fetch_row($hasil))
{
echo "<tr>";
echo "<td>$row[0]</td>";
echo "<td>$row[1]</td>";
echo "<td><a href=\"hapus.php?kode=$row[0]\">hapus</a></td>";
echo "</tr>";
}
?>
</table>

</body>
</html>

Langkah 2 : Buat file hapus.php
<html>
<head>
<title>Hapus Data</title>
</head>

<body>
<?
$kode=$_GET['kode'];
include "koneksi.php";

$perintah="delete from siswa where nis='$kode'";
mysql_query($perintah);
echo "Data siswa dengan nis : <b>$kode</b> dihapus<br>";
echo "<a href=daftarhapus.php>Lihat</a>";

?>
</body>
</html>


PHP EDIT DATA
Langkah 1 : Buat file penampil data simpan dengan nama daftaredit.php

<html>
<title>Tampil Data</title>

<body>
TAMPILAN DATA SISWA <br>

<table border=1>
<tr>
<td>Nis</td>
<td>Nama Siswa</td>
<td>Edit</td>
</tr>

<?
include "koneksi.php";
$perintah="select * from kelasku";
$hasil=mysql_query($perintah);

while($row=mysql_fetch_row($hasil))
{
echo "<tr>";
echo "<td>$row[0]</td>";
echo "<td>$row[1]</td>";
echo "<td><a href=\"edit.php?kode=$row[0]\">edit</a></td>";
echo "</tr>";
}
?>
</table>
</body>
</html>

Langkah 2 : Buat file simpan dengan nama edit.php

<html>
<title>Edit Data</title>

<body>
EDIT DATA <br>

<?
include "koneksi.php";
$kode=$_GET['kode'];

$perintah="select * from siswa where nis='$kode'";
$hasil=mysql_query($perintah);
$row=mysql_fetch_array($hasil);
?>

<form method=POST action=simpan_lagi.php>
Nis : <br>
<input type="text" name="nisku" value="<?echo"$row[nis]"?>"><br>
Nama: <br>
<input type="text" name="namaku" value="<?echo"$row[nama]"?>"><br>


<input type=submit name=submit value=Simpan>
</form>

</body>
</html>


Langkah 3 : Buat file dengan nama simpan_lagi.php

<html>
<title>Proses Simpan</title>

<body>
<?
include "koneksi.php";
$nisku=$_POST['nisku'];
$namaku=$_POST['namaku'];


$perintah="update siswa set nis='$nisku',nama='$namaku' where
nis='$nisku'";

$hasil=mysql_query($perintah);

if($hasil)
{
echo "<br>Edit berhasil <a href=daftaredit.php>Lihat</a>";
}
else
{
echo "<br>Maaf Input data gagal";
}
?>

</body>
</html>