LAPORAN
PROJECT
PEMROGRAMAN WEB DINAMIS
Membuat Aplikasi Sederhana
Menggunakan PHP dan MSQL
“APLIKASI SEDERHANA PENDAFTARAN
MAHASISWA”
Disusun
Oleh :
Muhammad
Julianto Prabowo (16753038)
Ricky
Subgya (16753054)
Putri
Anggiria (16753050)
Menejement
Informatika (3B)
MENEJEMENT INFORMTIKA
JURUSAN EKONOMI DAN BISNIS
POLITEKNIK NEGERI LAMPUNG
2017/2018
PENDAHULUAN
1.1 Latar Belakang Masalah
Project Akhir adalah sebuah tugas
akhir dari perkuliahan yang merupakan kegiatan terstruktur dan terjadwal yang
memberi kesempatan kepada mahasiswa untuk mendapatkan pengalaman yang nyata
dalam rangka meningkatkan pemahaman mahasiswa tentang teori atau agar mahasiswa
menguasai keterampilan tertentu yang berkaitan dengan suatu pengetahuan dari
suatu mata kuliah khususnya dilingkungan Politeknik Negeri Lampung. Project ini
terdiri dari tiga sampai empat orang dalam satu kelompok. Project Akhir pada
minggu ke 16 mata kuliah Pemrograman Web Dinamis membuat Tentang “Membuat
Aplikasi Sederhana Menggunakan PHP dan MSQL”. Dan Aplikasi yang dibuat adalah “PROGRAM
SEDERHANA PENDAFTARAN MAHASISWA”.
1.2 Tujuan
Ø Mahasiswa Mampu menjelaskan konsep dasar PHP.
Ø
Mahasiswa Mampu menjelaskan
konsep dasar SQL.
Ø
Mahasiswa Mampu membuat Aplikasi
Sederhana Menggunakan PHP dan MSQL.
1.3 Rumusan Masalah
Ø Apa yang dimaksud dengan konsep dasar PHP?
Ø Apa yang dimaksud dengan konsep dasar SQL?
Ø
Bagaimana cara membuat Aplikasi
Sederhana Menggunakan PHP dan MSQL?
LANDASAN TEORI
2.1 Pengertiaan PHP
PHP merupakan singkatan dari "PHP: Hypertext
Preprocessor", bahasa scripting yang menyatu dengan HTML dan dijalankan
pada serverside. Artinya semua sintaks yang kita berikan akan sepenuhnya
dijalankan pada server sedangkan yang dikirimkan ke browser hanya hasilnya
saja. Ketika seorang pengguna internet membuka suatu situs yang menggunakan
fasilitas server side scripting PHP, maka terlebih dahulu server yang
bersangkutan akan memproses semua perintah PHP di server lalu mengirimkan
hasilnya dalam format HTML ke web server pengguna internet tadi. Sehingga kode
asli yang ditulis dengan PHP tidak terlihat di browser pengguna.
PHP merupakan software yang open source bebas. Jadi
anda dapat merubah source code dan mendistribusikan secara bebas dan gratis.
PHP juga dapat berjalan lintas platform, yaitu dapat digunakan dengan sistem
operasi (Windows dan Linux) dan web server apapun (misalnya: PWS, IIS, Apache
dll).
A. Aturan Penulisan Script PHP
Pastikan web server dan skrip PHP anda telah
berjalan dengan baik sebelum anda memulai pemrograman PHP. Untuk membuat web
dengan script PHP, cukup anda persiapkan editor teks.
Fungsi-fungsi yang ada di PHP uncase sensitive,
tetapi variabelnya case sensitive (membedakan huruf besar dan kecil). Script
PHP diawali dengan tanda lebih kecil ( < ) dan diakhiri dengan tanda lebih
besar ( > ). Ada tiga cara untuk menuliskan script PHP yaitu:
|
<?
|
<? php
|
<script language=”php”>
|
|
Script PHP
|
Script PHP
|
Script PHP
|
|
?>
|
?>
|
</script>
|
|
|
|
|
Hal-hal yang harus diperhatikan
dalam penulisan script php, yaitu:
a. Script PHP harus disimpan dengan ekstensi PHP. Format penulisannya
adalah namafile.php, atau namafile.php3 atau namafile.php4.
c. Setiap
baris script isi harus didahului pernyataan cetak yang dibedakan menjadi dua,
yaitu Print dan Echo.
d.
Penulisan komentar/comment didahului dengan /* dan diakhiri dengan */. Atau
diawali dengan tanda //. Sintaknya adalah sebagai berikut: /* komentar */ //
komentar # komentar
e.
Karakter adalah semua bentuk
huruf, angka, spasi, tanda kontrol atau simbol yang terdapat dalam tombol
keyboard.
B. Variabel
Variabel digunakan untuk menyimpan data sementara
dan nilainya bisa berubah-ubah setiap kali program dijalankan. Dalam PHP setiap
nama variable diawali tanda dollar ($) dan diikuti dengan nama variabelnya,
tidak memandang data tersebut apakah integer, real maupun string, PHP otomatis
akan mengkonversi data menurut tipenya. Misalnya nama variable a dalam PHP
ditulis dengan $a. Jenis suatu
variable ditentukan pada saat jalannya program dan tergantung pada konteks yang
digunakan. Aturan penamaan variabel dalam PHP:
Ø Diawali dengan tanda dolar ($)
Ø
Penamaan variabel bersifat case
sensitive
Ø Nama variabel hanya bisa diawali dengan huruf atau garis bawah, baru
dapat diikuti dengan beberapa huruf atau angka maupun garis bawah yang
panjangnya tidak terbatas.
Ø Tidak boleh menggunakan tanda baca.
Ø Tidak boleh menggunakan reserved word PHP seperti misalnya echo, print,
dan lain-lain. Variabel dalam PHP tidak harus dideklarasikan terlebih dahulu
sebelum digunakan. Contoh-contoh penulisan variabel:
Konstanta adala variabel digunakan untuk menyimpan data sementara dan
nilainya tetap. Bentuk Umum : Define (“nama_konstanta”,”nilai_konstanta”);
D. Tipe Data
PHP mengenal 4 tipe data skalar dan 2 tipe data
compound. Tipe data skalar adalah tipe data integer, floating point, string dan
boolean. Sedangkan 2 tipe data compound adalah array dan object. yaitu:
Ø Integer, tipe data yang menyatakan bilangan bulat.
Ø
Floating point/double, tipe data
yang menyatakan bilangan real/pecahan
Ø
String, menyatakan tipe data teks
yang berisi kumpulan beberapa karakter
Ø
Boolean, tipe data logika yang
memiliki nilai true dan false.
Ø Array adalah tipe data terstruktur yang berguna untuk menyimpan sejumlah
data yang bertipe sama.
Ø Objek, merupakan instansiasi dari suatu class.
E. Konversi Tipe
Data PHP menyediakan perintah untuk melakukan
konversi tipe data ke tipe data yang lain dengan menggunakan perintah sebagai
berikut : settype(value,datatype)
dimana: - value adalah nilai yang akan dikonversikan - datatype adalah tipe data yang
dikonversikan.
2.2 Pengertian SQL
SQL (Structured Query Language) adalah bahasa pemrograman khusus yang
yang berisi instruksi-instruksi
untuk manipulasi data. Perintah SQL ini sering juga disingkat
dengan sebutan ‘query‘.
Jenis-jenis perintah SQL
Perintah atau instruksi SQL dapat dikelompokkan berdasarkan jenis dan
fungsinya. Terdapat 3 jenis perintah dasar SQL : Data Definition Language, Data Manipulation Language dan Data Control
Language.
§
Data Definition Language (DDL) adalah jenis instruksi SQL yang berkaitan dengan pembuatan struktur tabel maupun database. Termasuk diantaranya : CREATE, DROP, ALTER, dan RENAME.
§
Data Manipulation Language (DML) adalah jenis instruksi SQL yang berkaitan dengan data yang ada dalam tabel, tentang bagaiman
menginput, menghapus, memperbaharui serta membaca data yang tersimpan di dalam
database. Contoh perintah SQL untuk DML : SELECT, INSERT, DELETE, dan UPDATE.
§
Data Control Language (DCL) adalah jenis instruksi SQL yang berkaitan dengan manajemen hak akses dan pengguna (user) yang dapat
mengakses database maupun tabel. Termasuk diantaranya : GRANT dan
REVOKE.
Selain ketiga jenis perintah SQL, terdapat juga 2 jenis SQL tambahan : Transaction Control Language, dan Programmatic
SQL.
§
Transaction Control Language (TCL) adalah perintah SQL untuk proses transaksi. Proses transaksi ini
digunakan untuk perintah yang lebih dari 1, namun harus berjalan semua, atau
tidak sama sekali. Misalnya untuk aplikasi critical seperti transfer uang dalam
sistem database perbankan. Setidaknya akan ada 2 perintah, yaitu mengurangi
uang nasabah A, dan menambah uang nasabah B. Namun jika terjadi kesalahan
sistem, kedua transaksi ini harus dibatalkan. Tidak bisa hanya satu perintah
saja. Termasuk ke dalam TCL adalah perintah : COMMIT, ROLLCABK, dan SET
TRANSACTION.
§
Programmatic SQL berkaitan dengan sub program
(stored procedure) maupun penjelasan mengenai
struktur database. Contoh perintah seperti : DECLARE, EXPLAIN, PREPARE, dan DESCRIBE.
BABA III
PEMBAHASAN
Dalam pembahasan ini suatu website yang terkoneksi
database biasanya dibutuhkan validasi username dan password agar hanya orang
tertentu saja yang dapat mengaksesnya (Admin). Dan kali ini kelompok saya akan
menjelaskan tentang validasi tersebut berupa LOGIN dan LOGOUT dan cara
memanipulasi databasenya juga dengan CREATE, READ, UPDATE dan DELETE (CRUD).
Pertama kita harus memebuat database, yang kami
beri nama kelompokweb_4b yang didalamnya terdapat dua table yaitu table admin dan data_mahasiswa.
Didalam table admin terdapat tiga kolom yang berisi
ID_admin, username, password. Dimana ID_admin sebagai primarykey yang bersifat
unix. dan data dalam tabel ini dipanggil untuk validasi Login/Logout.
Sedangkan untuk table
data_mahasiswa berisi empat kolom yaitu id_mahasiswa yang menjadi primarykey,
nama, jurusan, matakuliah. Dan table ini yang akan menjalankan proses CRUD.
Langkah selanjutnya adalah
membuat form login yang terdiri dari 5 code kemudian terdapat satu folder yang
bernama CRUD da nisi folder adalah code-code CRUD yang akan kita bahas setelah
pembahasan validasi LOGIN/LOGOUT berikut :
1. Buat code
koneksi.php seperti berikut :
<?php
$server = "localhost"; $user = "root"; $pass =
"";
$db = "kelompokweb_4b";
$koneksi =
mysql_connect($server,$user,$pass) or die(mysql_error());
$selectDB = mysql_select_db($db) or die(mysql_error()); if (!$selectDB){
echo "Koneksi database
gagal!!!";
}else{
//echo "koneksi
berhasil";
}
?>
2. Buat code
index.html sebagai berikut :
<html>
<head>
<title>Login</title>
</head>
<body>
<center>
<div class="box">
<h1>Login</h1>
<form method="POST"
action="login.php">
<div id="user">
Username : <input
type="text" name= "useradmin"
placeholder="Useradmin">
</div>
<div id="pass">
Password : <input
type="password" name="password"
placeholder="Password">
</div>
<input type="submit"
value="LOGIN" id="button-ok">
</div>
</body>
</html>
3. Buat code
style.css sebagai berikut :
#logout{
padding:10px;
margin:10px; background-color:gray; margin-top:100px; margin-left:38%;
}
.box{
border:
10px groove white;
height: 250px;
text-align:
center;
width: 400px; background-color:gray; margin-top: 200px; padding-top:
25px;
}
}
#user{
margin-left:0
px auto;
margin-top:30px;
}
#pass{
margin-left:0
px auto;
margin-top:10px;
}
#button-ok{
width:150px;
padding:10px;
background:#61798;
border:0px;
font-size:14px;
color:#aabf;
-moz-border-radius
: 0px;
-webkit-border-radius
: 0px;
margin-left:10px;
margin-top:15px;
border-radius
: 100px;
position:fixed;
filter:alpha(opacity=50);
-moz-opacity:0.5;
opacity:
0.5;
}
#button-ok:hover{
width:150px;
padding:10px;
background:#617798;
border:0px;
font-size:14px;
color:white;
-moz-border-radius
: 0px;
-webkit-border-radius
: 0px;
margin-left:10px;
margin-top:15px;
border-radius
: 100px;
position:fixed;
filter:alpha(opacity=100);
opacity:
1;
cursor:default;
}
#text-button-ok{
font:
normal 20px Comic sans,Verdana;
width:auto;
height:auto;
margin-top
: 0px;
margin-left
: 40px;
color :
blue;
display:inline-block;
}
4.
Buat code login.php sebagai
berikut : <?php include("koneksi.php");
$link =
mysql_connect("localhost","root","") or
die(mysql_error()); $selectDB = mysql_select_db("wahyu_satria") or
die(mysql_error()); if (!$selectDB){
echo "Koneksi database gagal!!!"; }else{
$sql = "SELECT useradmin FROM admin WHERE useradmin = '"
.$_POST['useradmin']. "' and Password = '" .$_POST['password'].
"';";
$query = mysql_query($sql) or die ("Data tidak ditemukan");
$cek = mysql_num_rows($query);
if ($cek
<= 0){
echo "Username / Password anda salah!!! Mohon cek
ulang<br>"; echo "<a href=index.html>try
again</a>";
exit;
}else{
echo $_POST['useradmin']; header('location:/login_out_CRUD/CRUD/');
}
?>
5.
Buat code logout sebagai berikut
: <html>
<head>
<title>Logout</title>
<link rel=Stylesheet href="Style.css"
type="text/css"> </head>
</html>
<?php setcookie("loggedin","TRUE",time()-3600);
echo
"<div id=logout>Anda berhasil Logout, please
wait...!!!</div>";
header('refresh:2 ;URL=http://localhost/login_out_CRUD/'); ?>
Selanjutnya
yaitu membuat folder CRUD yang terdiri dari delapan kode sebagai beikut :
1. Buat code koneksi.php sebagai
berikut :
$server =
"localhost";
$username
= "root";
$password
= "";
$database
= "kelompokweb_4b";
mysql_connect($server,$username,$password) or die("koneksi gagal
!"); mysql_select_db("$database") or die("Database tidak
ada !");
////////////////////////////////PAGINATION//////////////////////////////////////////////
$per_page
= 5;
$page_query = mysql_query("SELECT COUNT(*) FROM
data_mahasiswa"); $pages = ceil(mysql_result($page_query, 0) / $per_page);
$page = (isset($_GET['page'])) ? (int)$_GET['page'] : 1; $start = ($page
- 1) *$page_query;
///////////////////////////////////////////////////////////////////////////////////
?>
2.
Buat code index.php sebagai
berikut : <html>
<head>
<title>Tabel
Mahasiswa</title>
<link rel="stylesheet" href="style.css"
type="text/css"> </head>
<body>
<div
id="warp">
<h1 style="Color:White;margin-left: 50px;"><br>TABEL
MAHASISWA MI3B POLITEKNIK NEGERI LAMPUNG</h1>
<form style="margin-left: 610px;margin-bottom:-98px"
name="form1" method="post" action="cari.php">
<input
name="cari" type="text" value="Pencarian" />
<input type="submit" name="Submit"
value="Cari" /> </form>
<div
id="warp2">
<center>
<table
border="1" bordercolor="white"
id="tabel_mahasiswa">
<tr> <th width=40px height=40px>No.</th><th
width=70px>NPM</th><th width=100px>Nama</th> <th
width=50px> Jurusan </th>
<th
width=70px> Mata Kuliah </th> <th width=50px
colspan=2>Aksi</th> </tr>
<?php
include("koneksi.php");
$tampil =("SELECT * FROM data_mahasiswa LIMIT $start, $per_page");
///<===BAGIAN
PAGINATION
$hasil =
mysql_query($tampil);
$i=0;
$no = ($i
+ 1) + (($page - 1) * $per_page); //nomor
//$query = mysql_query("SELECT * FROM data_mahasiswa LIMIT $start,
$per_page"); while ($row=mysql_fetch_array ($hasil))
//while($query_row
= mysql_fetch_assoc($query))
{
echo"<tr><td
>  $no  </td>";
echo"<td
>  $row[id_mhs]  </td>";
echo"<td> 
$row[nama]  </td>";
echo"<td> 
$row[jurusan]  </td>";
echo"<td
width=70px>  $row[matakuliah]  </td>";
echo"<td width=70px> <a
style=text-decoration:none;color:yellow;
href=edit_mhs.php?id=$row[id_mhs]>Edit</a></td>";
echo "<td width=70px><a style=text-decoration:none;
href=hapus_mhs.php?id=$row[id_mhs]>Hapus</a></td></tr>";
$no++;
//penambahan nomor
}
echo"</table>";
//////////////////////////////////PAGINATION//////////////////////////////////////////////////////////
if($pages >= 1 && $page <= $pages){
for($x=1; $x<=$pages; $x++){
echo ($x == $page) ? '<b><a
href="?page='.$x.'">'.$x.'</a></b> ' : '<a
href="?page='.$x.'">'.$x.'</a> ';
}
}
///////////////////////////////////////////////////////////////////////////////////////////////////
?>
<br><input type="button" value="Tambah MHS"
id="simpan" onClick="
window.location.href='/login_out_CRUD/CRUD/tambahdata.php'">   
 
<div class="simpan2"><a input
type="button" style="text-decoration:none;"
id="simpan" href="/login_out_CRUD/logout.php"
onclick="alert('Anda Berhasil LOGOUT dan akan kembali ke jendela LOGIN,
Trimakasih');">LOGOUT</a></div>
</div>
</div>
</body>
</html>
3.
Buat code style.css sebagai
berikut : body { background-color:white;
#warp {
width:
1024px;
padding:
100px auto;
padding-bottom:
170px;
margin:
auto;
background-color:
black;
color:
black;
}
#warp1 {
padding-left:300px;
padding-bottom:
100px;
padding-top:
200px;}
#warp2 {
padding-bottom:
100px;
padding-top:
100px;
color:white;}
.warp3{
padding-top:
150px;
color:black;}
.bingkai
{
border:
10px groove white;
height:
300px;
text-align:
center;
width:
400px;
background-color:gray;
}
#tabel_mahasiswa
{
height:
400px;
text-align:
center;
width:
600px;
background-color:black;
color:
white;
}
.simpan3{
text-align:
right;
margin-top:-32px;
padding-right:10px;}
.simpan1
{
text-align:
left;
padding-left:10px;
}
.simpan2
{
text-align:
center;
margin-top:-25px;
margin-right:-525px;
}
#simpan{
width:100px;
padding:5px;
background:white;
border:0px;
font-size:14px;
color:black;
-moz-border-radius
: 0px;
border-radius
: 100px;
font-weight:bold;
font-family:
times new roman;
filter:alpha(opacity=50);
-moz-opacity:0.5;
opacity:
0.5;
}
#simpan:hover
{
background-color:
blue;
color:
white;
}
4.
Buat code
proses_aplikasi_create.php sebagai berikut : <html>
<head>
</head>
<body>
<?php
ob_start(); include("koneksi.php");
mysql_query("INSERT INTO
data_mahasiswa(id_mhs,nama,jurusan,matakuliah) VALUES ('$_POST[id_mhs]',
'$_POST[nama]',
'$_POST[jurusan]',
'$_POST[matakuliah]')");
header('location:index.php');
?>
</body>
5.
Buat code tamabahdata.php sebagai
berikut : <html>
<head>
<title>REGISTRASI
MAHASISWA</title>
<link rel="stylesheet" href="style.css"
type="text/css"> </head>
<body>
<div id="warp"> <div id="warp1">
<div class="bingkai"><H1>DATA MAHASISWA</H1>
<form method="POST" action="proses_aplikasi_create.php">
NPM
         <input
type = "text" id="id_mhs" name="id_mhs">
<br><br>
Nama
        <input
type ="text" id="nama" name="nama">
<br><br>
Jurusan       <input
type ="text" id="jurusan" name="jurusan">
<br><br>
Matakuliah
<input type ="text" id="matakuliah"
name="matakuliah"> <br><br>
<div class="simpan1"><input type="submit"
name="submit" value="Simpan" id="simpan">
<div class="simpan3"><input type="button"
value="Tabel" id="simpan"
onClick="window.location.href='/login_out_CRUD/CRUD/'">
</div></form></div></div></div>
</body>
</html>
6.
Buat code proses_edit_mhs.php
sebagai berikut : <?php
ob_start(); include"koneksi.php";
mysql_query("UPDATE
data_mahasiswa SET id_mhs= '$_POST[id_mhs]',
nama = '
".$_POST['nama']."
',
jurusan ='
".$_POST['jurusan']."
',
matakuliah ='
".$_POST
['matakuliah']. "'
where id_mhs =
'$_POST[id_mhs]'");
header('location:index.php');
?>
7.
Buat code edit_mhs.php sebagai
berikut : <html>
<head>
<title>Edit
Mahasiswa</title>
<link rel="stylesheet" href="style.css"
type="text/css"> </head>
<body>
<div class="warp3"> <center>
<?php
include
"koneksi.php";
$edit =mysql_query("SELECT * FROM data_mahasiswa Where
id_mhs='$_GET[id]'"); $row = mysql_fetch_array($edit);
echo"<h1>Edit
Mahasiswa</h1>
<form method=POST action=proses_edit_mhs.php> <input
type=hidden name=id_mhs value='$row[id_mhs]'> <table bordercolor=#000099>
<tr><td>ID
Mahasiswa</td>
</tr>
<tr><td>Nama</td>
<td>
: <input type=text name=nama value='$row[nama]'></td>
</tr>
<tr><td>Jurusan</td>
<td>
: <input type=text name=jurusan value='$row[jurusan]'></td>
</tr>
<tr><td>Matakuliah</td>
<td> : <input type=text name=matakuliah
value='$row[matakuliah]'></td> </tr>
<tr><td
colspan=2><input type=submit value=Update>
</table></form>
";
?>
</div>
</body>
</html>
8.
Buat code hapus_mhs.php sebagai
berikut : <?php
ob_start();
include
"koneksi.php";
mysql_query("DELETE fROM data_mahasiswa where
id_mhs='$_GET[id]'"); header('location:index.php');
?>
Hasil
Tampilan :
isikan
Username dan Password seprti yang ada dalam database, setelah itu login :
3.
Untuk menambahkan mahasiswa klik
button Tambah_MHS lalu akan pergi ke jendela baru seperti dibawah ini setelah
itu klik tombol simpan :
4. Menghapus
data. Kita akan menghapus data septi dari table Mahasiswa :
7. Maka data akan berubah (Ravida)
menjadi (Ravida Nava Mukharomah) :
8. Selanjutnya adalah mencari data
yang mengandung huruf gya:
9. Maka akan
menampilkan data yang menampilkan yang mengandung huruf “gya” :
10.
Selanjutnya adalah logout :
11.
.maka akan muncul jendela sebagai berikut :
12.
Setelah itu akan kembali ke halaman login sebagai
berikut :
Komentar
Posting Komentar