Cooding Php Data Siswa

(1)

1 1 Tag-Tag pada HTML :

Tag-Tag pada HTML :

1.

<!

– – – –

_>

_{Memberi komentar atau keterangan. Kalimat yang terletak pada tag}_{Memberi komentar atau keterangan. Kalimat yang terletak pada tag} kontiner ini tidak

kontiner ini tidak akan terlihat pada browserakan terlihat pada browser 2.

2.

<a

<a hr

hre

ef>

f>

Membuat link ke halaman lain atau ke bagian lain dari halaman tersebutMembuat link ke halaman lain atau ke bagian lain dari halaman tersebut 3.

3.

<a name>

Membuat nama Membuat nama bagian yang didefinisikan pada link pada bagian yang didefinisikan pada link pada halaman yanghalaman yang sama

sama 4.

4.

<applet>

Sebagai aSebagai awal dari wal dari Java appleJava appletsts 5.

5.

<area>

MendefinisiMendefinisikan daerah kan daerah yang dapat yang dapat diklik (link) pada image diklik (link) pada image mapmap 6.

6.

<b>

Membuat teks tebalMembuat teks tebal 7.

7.

<basefont>

MembuaMembuat atribut teks default sepert atribut teks default seperti jenis, ukuran dan warna fontti jenis, ukuran dan warna font 8.

8.

<bgsound>

Memberi (suara Memberi (suara latar) background sound pada latar) background sound pada halaman webhalaman web 9.

9.

<big>

Memperbesar ukuran teks sebesar satu point Memperbesar ukuran teks sebesar satu point dari defaultnyadari defaultnya 10.

10.

<blink>

Membuat Membuat teks teks berkedipberkedip 11.

11.

<br>

Pindah Pindah barisbaris 12.

12.

<caption>

Membuat Membuat caption padcaption pada tabela tabel 13.

13.

<center>

Untuk perataan tengah Untuk perataan tengah terhadap teks atau terhadap teks atau gambar gambar 14.

14.

<comment>

Meletakkan komentar pada halaman web Meletakkan komentar pada halaman web tidak tidak akan nampak tidak tidak akan nampak padapada browser

browser 15.

15.

<dd>

Indents teksIndents teks 16.

16.

<div>

Represents Represents different sedifferent sections of tections of text.xt. 17.

17.

<embed>

Menambahkan sound or file Menambahkan sound or file avi ke avi ke halaman webhalaman web 18.

18.

<fn>

Seperti tagSeperti tag

<a name>

19.

<font>

MenggaMengganti jenis, ukuran, warna huruf yanti jenis, ukuran, warna huruf yang akan digunakan utk tekng akan digunakan utk tekss 20.

20.

<form>

Mendefinisikan Mendefinisikan input input formform 21.

21.

<frame>

MendefinisiMendefinisikan kan frameframe 22.

22.

<frameset>

Mendefinisikan attribut halaman yang akan menggunakan frameMendefinisikan attribut halaman yang akan menggunakan frame 23.

23. <h1>…<h6><h1>…<h6> _Ukuran_{Ukuran font}_font 24.

24.

<hr>

Membuat garis horizontalMembuat garis horizontal 25.

25.

<html>

Bararti dokumen Bararti dokumen htmlhtml 26.

26.

<i>

Membuat Membuat teks teks miringmiring 27.

27.

<img>

Image, Image, imagemap atau imagemap atau an an animationanimation 28.

28.

<input>

MendefinisikaMendefinisikan n input input field field pada pada formform 29.

29.

<li>

Membuat bullet point atau baMembuat bullet point atau baris baru pada list (berpasangris baru pada list (berpasangan dengan tagan dengan tag

<d

<diir>,

r>,

<menu>, <ol>

and and

<ul> ))

<ul>

30.

<map>

MendefinisikMendefinisikan client-san client-side mapide map 31.

31.

<ma

<marrquee

quee>

>

Membuat Membuat scrolling tekscrolling teks (teks bers (teks berjalan)jalan) 32.

32.

<nobr>

Mencegah ganti baris pada Mencegah ganti baris pada teks atau imagesteks atau images 33.

33.

<noframes>

Jika browser user tidak Jika browser user tidak mendukung framemendukung frame 34.

34.

<ol>

Mendefinisikan Mendefinisikan awal daawal dan akhir listn akhir list 35.

35.

<p

<p>

>

Ganti Ganti paragraf paragraf 36.

36.

<pre>

Membuat teks dengan ukuran Membuat teks dengan ukuran huruf yg samahuruf yg sama 37.

37.

<script>

Mendefinisikan awal script Mendefinisikan awal script 38.

38.

<table>

Membuat tabel Membuat tabel 39.

39.

<td>

Kolom Kolom pada pada tabeltabel 40.

40.

<tr>

Baris pada tabel Baris pada tabel

41.

(2)

Databases :

Buat databases dengan nama : tutorialweb

create database siswa;

Buat tabel dengan nama : siswa

CREATE TABLE IF NOT EXISTS `siswa` (

`siswa_id` int(11) NOT NULL AUTO_INCREMENT, `siswa_nis` int(20) NOT NULL,

`siswa_nama` varchar(50) NOT NULL, `siswa_kelas` varchar(10) NOT NULL, `siswa_jurusan` varchar(30) NOT NULL,

PRIMARY KEY (`siswa_id`) );

name Type values index ket

siswa_id Int 11 primary Auto

Increment

siswa_nis Int 20

siswa_nama Varchar 50

siswa_kelas Varchar 10

(3)

3 Selanjutnya buat data koneksi.php, tambah.php,edit.php,hapus.php pada

sublim/notped++

(simpan di xampp pada local disk masing2 misal di c: , xampp > htdoct

-> buat folder dengan nama tutorialweb)

:

Koneksi.php <?php $host="localhost"; $user="root"; $password=""; $database="tutorialweb"; $koneksi=mysql_connect($host,$user,$password); mysql_select_db($database,$koneksi); //cek koneksi if($koneksi){

//echo "Berhasil Terhubung"; }else{

echo "Gagal Terhubung"; }

?>

(4)

Index.php

<!DOCTYPE html> <html>

<head>

<title>Sistem Aplikasi Data Siswa</title> </head>

<body>

<h2>Sistem Aplikasi Data Siswa</h2>

<p><a href="index.php">Beranda</a> / <a href="tambah.php">Tambah Data</a></p> <h3>Data Siswa</h3>

<table cellpadding="5" cellspacing="0" border="1"> <tr bgcolor="#CCCCCC"> <th>No.</th> <th>NIS</th> <th>Nama Lengkap</th> <th>Kelas</th> <th>Jurusan</th> <th>Opsi</th> </tr> <?php

//iclude file koneksi ke database include('koneksi.php');

//query ke database dg SELECT table siswa diurutkan berdasarkan NIS paling besar

$query = mysql_query("SELECT * FROM siswa ORDER BY siswa_nis DESC") or die(mysql_error());

//cek, apakakah hasil query di atas mendapatkan hasil atau tidak (data kosong atau tidak)

if(mysql_num_rows($query) == 0){ //ini artinya jika data hasil query di atas kosong

//jika data kosong, maka akan menampilkan row kosong echo '<tr><td colspan="6">Tidak ada data!</td></tr>';

}else{ //else ini artinya jika data hasil query ada (data diu database tidak kosong)

//jika data tidak kosong, maka akan melakukan perulangan while

$no = 1; //membuat variabel $no untuk membuat nomor urut while($data = mysql_fetch_assoc($query)){ //perulangan while dg

(5)

5 membuat variabel $data yang akan mengambil data di database

//menampilkan row dengan data di database echo '<tr>';

echo '<td>'.$no.'</td>'; //menampilkan nomor urut

echo '<td>'.$data['siswa_nis'].'</td>'; //menampilkan data nis dari database

echo '<td>'.$data['siswa_nama'].'</td>'; //menampilkan data nama lengkap dari database

echo '<td>'.$data['siswa_kelas'].'</td>'; //menampilkan data kelas dari database

echo '<td>'.$data['siswa_jurusan'].'</td>'; //menampilkan data jurusan dari database

echo '<td><a href="edit.php?id='.$data['siswa_id'].'">Edit</a> / <a href="hapus.php?id='.$data['siswa_id'].'" onclick="return

confirm(\'Yakin?\')">Hapus</a></td>'; //menampilkan link edit dan hapus dimana tiap link terdapat GET id -> ?id=siswa_id

echo '</tr>';

$no++; //menambah jumlah nomor urut setiap row } } ?> </table> </body> </html>

(6)

tambah.php

<!DOCTYPE html> <html> <head> <title>Aplilasi Siswa</title> </head> <body> <h2>Aplikasi Siswa</h2>

<p><a href="index.php">Beranda</a> / <a href="tambah.php">Tambah Data</a></p> <h3>Tambah Data Siswa</h3>

<tr>

<tr>

<td>Nama Lengkap</td> <td>:</td>

<tr>

<td>Kelas</td> <td>:</td> <td>

<option value="">Pilih Kelas</option> <option value="X">X</option> <option value="XI">XI</option> <option value="XII">XII</option> </select> </td> </tr> <tr> <td>Jurusan</td> <td>:</td> <td>

<option value="">Pilih Jurusan</option> <option value="Teknik Komputer dan Jaringan">Teknik Komputer dan Jaringan</option>

<option value="Multimedia">Multimedia</option> <option value="Akuntansi">Akuntansi</option> <option value="Perbankan">Perbankan</option> <option value="Pemasaran">Pemasaran</option>

(7)

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

Tambah-proses.php

<?php

//mulai proses tambah data

//cek dahulu, jika tombol tambah di klik if(isset($_POST['tambah'])){

//inlcude atau memasukkan file koneksi ke database include('koneksi.php');

//jika tombol tambah benar di klik maka lanjut prosesnya

$nis = $_POST['nis']; //membuat variabel $nis dan datanya dari inputan NIS $nama = $_POST['nama']; //membuat variabel $nama dan datanya dari inputan Nama Lengkap

$kelas = $_POST['kelas']; //membuat variabel $kelas dan datanya dari inputan dropdown Kelas

$jurusan = $_POST['jurusan']; //membuat variabel $jurusan dan datanya dari inputan dropdown Jurusan

//melakukan query dengan perintah INSERT INTO untuk memasukkan data ke database $input = mysql_query("INSERT INTO siswa VALUES(NULL, '$nis', '$nama', '$kelas', '$jurusan')") or die(mysql_error());

//jika query input sukses if($input){

echo 'Data berhasil di tambahkan! '; //Pesan jika proses tambah sukses echo '<a href="tambah.php">Kembali</a>'; //membuat Link untuk kembali ke halaman tambah

(8)

echo 'Gagal menambahkan data! '; //Pesan jika proses tambah gagal echo '<a href="tambah.php">Kembali</a>'; //membuat Link untuk kembali ke halaman tambah

}

}else{ //jika tidak terdeteksi tombol tambah di klik //redirect atau dikembalikan ke halaman tambah echo '<script>window.history.back()</script>'; }

?>

(9)

9

edit.php

<!DOCTYPE html> <html> <head> <title>Aplikasi Siswa</title> </head> <body> <h2>Aplikasi Siswa</h2>

<p><a href="index.php">Beranda</a> / <a href="tambah.php">Tambah Data</a></p> <h3>Edit Data Siswa</h3>

<?php

//proses mengambil data ke database untuk ditampilkan di form edit berdasarkan siswa_id yg didapatkan dari GET id -> edit.php?id=siswa_id

//include atau memasukkan file koneksi ke database include('koneksi.php');

//membuat variabel $id yg nilainya adalah dari URL GET id -> edit.php?id=siswa_id $id = $_GET['id'];

//melakukan query ke database dg SELECT table siswa dengan kondisi WHERE siswa_id = '$id'

$show = mysql_query("SELECT * FROM siswa WHERE siswa_id='$id'"); //cek apakah data dari hasil query ada atau tidak

if(mysql_num_rows($show) == 0){

//jika tidak ada data yg sesuai maka akan langsung di arahkan ke halaman depan atau beranda -> index.php

echo '<script>window.history.back()</script>'; }else{

//jika data ditemukan, maka membuat variabel $data

$data = mysql_fetch_assoc($show); //mengambil data ke database yang nantinya akan ditampilkan di form edit di bawah

} ?>

(10)

<td><input type="text" name="nis" value="<?php echo $data['siswa_nis']; ?>" required></td>

</tr> <tr>

<td>Nama Lengkap</td> <td>:</td>

<td><input type="text" name="nama" size="30" value="<?php echo $data['siswa_nama']; ?>" required></td>

</tr> <tr>

<td>Kelas</td> <td>:</td> <td>

<option value="">Pilih Kelas</option>

<option value="XII" <?php if($data['siswa_kelas'] == 'XII'){ echo 'selected'; } ?>>XII</option>  </select> </td> </tr> <tr> <td>Jurusan</td> <td>:</td> <td>

<option value="">Pilih Jurusan</option>

<option value="Teknik Komputer dan Jaringan" <?php if($data['siswa_jurusan'] == 'Teknik Komputer dan Jaringan'){ echo 'selected'; } ?>>Teknik Komputer dan Jaringan</option>

<option value="Multimedia" <?php

if($data['siswa_jurusan'] == 'Multimedia'){ echo 'selected'; } ?>>Multimedia</option>

<option value="Akuntansi" <?php if($data['siswa_jurusan'] == 'Akuntansi'){ echo 'selected'; }

?>>Akuntansi</option>  <option value="Perbankan" <?php

if($data['siswa_jurusan'] == 'Perbankan'){ echo 'selected'; } ?>>Perbankan</option>

<option value="Pemasaran" <?php

if($data['siswa_jurusan'] == 'Pemasaran'){ echo 'selected'; } ?>>Pemasaran</option>

</select> </td>

(11)

11 <tr>

edit-proses.php

<?php

//mulai proses edit data

//cek dahulu, jika tombol simpan di klik if(isset($_POST['simpan'])){

//jika tombol tambah benar di klik maka lanjut prosesnya

$id = $_POST['id']; //membuat variabel $id dan datanya dari inputan hidden id

$nis = $_POST['nis']; //membuat variabel $nis dan datanya dari inputan NIS $nama = $_POST['nama']; //membuat variabel $nama dan datanya dari inputan Nama Lengkap

$kelas = $_POST['kelas']; //membuat variabel $kelas dan datanya dari inputan dropdown Kelas

$jurusan = $_POST['jurusan']; //membuat variabel $jurusan dan datanya dari inputan dropdown Jurusan

//melakukan query dengan perintah UPDATE untuk update data ke database dengan kondisi WHERE siswa_id='$id' <- diambil dari inputan hidden id

$update = mysql_query("UPDATE siswa SET siswa_nis='$nis', siswa_nama='$nama', siswa_kelas='$kelas', siswa_jurusan='$jurusan' WHERE siswa_id='$id'") or die(mysql_error());

//jika query update sukses if($update){

echo 'Data berhasil di simpan! '; //Pesan jika proses simpan sukses echo '<a href="edit.php?id='.$id.'">Kembali</a>'; //membuat Link untuk kembali ke halaman edit

(12)

}else{

echo 'Gagal menyimpan data! '; //Pesan jika proses simpan gagal

echo '<a href="edit.php?id='.$id.'">Kembali</a>'; //membuat Link untuk kembali ke halaman edit

}

}else{ //jika tidak terdeteksi tombol simpan di klik //redirect atau dikembalikan ke halaman edit echo '<script>window.history.back()</script>'; }

?>

(13)

13

hapus.php

<?php

//memulai proses hapus data

//cek dahulu, apakah benar URL sudah ada GET id -> hapus.php?id=siswa_id if(isset($_GET['id'])){

//membuat variabel $id yg bernilai dari URL GET id -> hapus.php?id=siswa_id $id = $_GET['id'];

//cek ke database apakah ada data siswa dengan siswa_id='$id'

$cek = mysql_query("SELECT siswa_id FROM siswa WHERE siswa_id='$id'") or die(mysql_error());

//jika data siswa tidak ada if(mysql_num_rows($cek) == 0){

//jika data tidak ada, maka redirect atau dikembalikan ke halaman beranda echo '<script>window.history.back()</script>';

}else{

//jika data ada di database, maka melakukan query DELETE table siswa dengan kondisi WHERE siswa_id='$id'

$del = mysql_query("DELETE FROM siswa WHERE siswa_id='$id'"); //jika query DELETE berhasil

if($del){

echo 'Data siswa berhasil di hapus! '; //Pesan jika proses hapus berhasil

echo '<a href="index.php">Kembali</a>'; //membuat Link untuk kembali ke halaman beranda

}else{

echo 'Gagal menghapus data! '; //Pesan jika proses hapus gagal echo '<a href="index.php">Kembali</a>'; //membuat Link untuk kembali ke halaman beranda

} }

(14)

//redirect atau dikembalikan ke halaman beranda echo '<script>window.history.back()</script>'; }

?>