TUGAS PEMROGRAMAN WEB

MEMBUAT APLIKASI PHP

CRUD SQL DENGAN

TAMPILAN TWITTER BOOTSTRAP

Disusun oleh:

SIRAJUDDIN ABRAHAM

1410651185

PROGRAM STUDI TEKNIK INFORMATIKA

FAKULTAS TEKNIK

UNIVERSITAS MUHAMMADIYAH JEMBER

2015

A. Membuat Database

1. Membuat database table mahasiswa

Buatlah database dengan table seperti gambar tersebut dengan type data menyesuaikan.

Tentukan NIM sebagai primary key.

2. Membuat database tabel Mata Kuliah.

Untuk pembuatan tabel mata kuliah, langkah-langkahnya sama dengan pembuatan tabel

mahasiswa. Namun tentu saja dengan atribut yang berbeda.

3. Membuat Tabel KRS.

Mengisi data pada tabel :

Tabel mahasiswa

Tabel Mata Kuliah

Tabel KRS

Setelah database dan tabel selesai dibuat, langkah selanjutnya adalah membuat tampilan

pada PHP sekaligus memberikan fungsi CRUD yang terintregasi dengan database. Membuat

tampilan pada PHP

B. Membuat Tampilan pada PHP

1. Membuat file Koneksi.php

Semua nama pada gambar koneksi.php menyesuaikan dengan nama yang telaah kita

buat pada database tadi.

2. Membuat Index.php

Index.php adalah tampilan php yang akan muncul pertama kali ketika kita mengakses

direktori project kita. Untuk itu kita perlu membuat tampilan yang menarik.

Tampilan pada browser:

3. Membuat tampilan untuk data mahasiswa.

Data Mahasiswa

Daftar Nama Mahasiswa:

HOME

Tambah Data

No.

Nim

Nama

No.Telp

Email

Action

Untuk membuat tampilan lebih menarik, gunakan bootstrap twitter. Import file cssnya

dan panggil melalui kode :

Sehingga tampilan pada browser lebih menarik.

4. Membuat tampilan data matakuliah.

Data Mahasiswa

HOME

Tambah Data

Daftar Mata Kuliah:

No.

Kode Mata Kuliah

Nama Mata Kuliah

SKS Mata Kuliah

Singkatan Mata Kuliah

Semester

Action

echo"". $row['singkatanmk'] . "";

echo"". $row['semester'] . "";

echo "";

echo " ";

$no++;

}

Untuk CSS pada file matakuliah.php masih sama dengan CSS sebelumnya yaitu

menggunakan twitter bootstrap. Dan untuk memanggilnya juga sama yaitu kode : pada tag

Dan untuk membuat variasi table bisa memanggil class table dan class btn untuk

membuat tampilan pada tombol.

Tampilan pada Browser :

5. Membuat Tampilan KRS.

Untuk tampilan KRS adalah membuat form pencarian, dan untuk menampilkan data

menggunakan fungsi JOIN pada sql.

DATA KRS

Tambah Data

Cari Mahasiswa

$queryselectmahasiswa="SELECT * FROM mahasiswa";

$resultquery=mysqli_query($koneksi,$queryselectmahasiswa);

while($row=mysqli_fetch_array($resultquery,MYSQLI_ASSOC)){

echo "".$row[nim]. "";

}

?>

Untuk hasil pencarian berikut kodingnya :

Data KRS

Data KRS

Tambah Data KRS

Back

No

Nim

Nama

Nama MK

SKS MK

Semester

Action

$nim=$_POST['nim'];

$no=1;

$queryselectmahasiswa="SELECT mahasiswa.nim, mahasiswa.nama, namamk, sksmk,

semester

FROM (mahasiswa LEFT JOIN krs ON mahasiswa.nim = krs.nim)

LEFT JOIN matakuliah ON matakuliah.kodemk = krs.kodemk WHERE krs.nim='$nim'";

$resultquery=mysqli_query($koneksi,$queryselectmahasiswa);

while($row=mysqli_fetch_array($resultquery,MYSQLI_ASSOC)){

echo"";

echo"".$no."";

echo"". $row['nim'] . "";

echo"". $row['nama'] . "";

echo"". $row['namamk'] . "";

echo"". $row['sksmk'] . "";

echo"". $row['semester'] . "";

echo "";

echo " ";

$no++;

}

echo "";

?>

Untuk fungsi JOIN pada sql tersebut menggunukana kode sql :

$queryselectmahasiswa="SELECT mahasiswa.nim, mahasiswa.nama, namamk, sksmk, semester

FROM (mahasiswa LEFT JOIN krs ON mahasiswa.nim = krs.nim) LEFT JOIN matakuliah ON

matakuliah.kodemk = krs.kodemk WHERE krs.nim='$nim'";

Berikut tampilan pada Browser :

Form pencarian query :

Hasil dari pencarian :

C. Membuat Fungsi CRUD pada tampilan PHP.

Agar bisai optimal. Maka perlu dibuat action yang nanti digunakan untuk

UPDATE,INSERT,dan Delete.

1. Membuat fungsi Tambah data yang kemudian di-Insert-kan ke database. Pada tampilan

PHP ada pada link tambah. Berikut kodingnya :

Tambah-mahasiswa.php

Form Tambah Data Mahasiswa

Tambah Data Mahasiswa

NIM

:

Nama

:

Tempat Lahir

:

Tanggal Lahir

:

Agama

:

Jenis Kelamin

:

Laki-laki

Perempuan

NO TELEPON

:

Email

:

HOME

lihat data

$email=$_POST['email'];

$queryinsertmahasiswa= "insert into

mahasiswa(nim,nama,tempatlahir,tanggallahir,agama,jeniskelamin,notelp,email)

values

('$nim','$nama','$tempat','$tanggal','$agama','$jk','$notelp','$email')";

if(mysqli_query($koneksi,$queryinsertmahasiswa)){

echo "New record created succesfully ";

} else {

echo "Error: ". $queryinsertmahasiswa . "" .

mysqli_error($koneksi);

}

mysqli_close($koneksi);

}

?>

Tampilan pada Browser :

Tambah-matakuliah.php :

Form Tambah Data Mata Kuliah

Tambah Data

Kode MK

:

Nama MK

:

SKS MK

:

Singkatan MK

:

Semester

:

HOME

lihat data

Tambah-krs.php:

Tambah KRS

NiM

:

echo "".$row[nim]. "";

}

?>

Kode MK

:

Home

echo "Error: ". $queryinsertkrs . "" . mysqli_error($koneksi);

}

mysqli_close($koneksi);

}

?>

Tampilan pada Browser :

2. Membuat Fungsi Edit.

Fungsi edit pada SQL untuk mengupdate apabila terjadi kesalahan.

Berikut kode untuk EDIT pada php:

a. Edit Mahasiswa.php :

Form Edit Data Mahasiswa

Form Edit Data

NIM

:

Hasil :

b. Edit-matakuliah.php

Form Edit Data Mata Kuliah

SINGKATAN MK

:

c. Edit KRS :

Kode :

Form Edit Data Mahasiswa

Form Edit Data

NIM

:

}

?>

include ("koneksi.php");

$nim=$_GET['nim'];

?>

Form Edit Data Buku

Apakah Anda Ingin Menghapus Data ini?

Result :

Untuk kode php lainnya hampir sama dengan kode delete-mahasiswa. Hanya mengganti

fungsi DELETE pada sql dan menyesuaikan sesuai dengan kebutuhan