Scribd
Unggah
51 tayangan

Tugas Pemrograman Web PDF

1. Dokumen tersebut memberikan penjelasan tentang pembuatan website sederhana untuk menampilkan jadwal dosen menggunakan PHP dan database MySQL dengan model MVC. 2. Terdapat penjelasan tentang pengertian PHP, cara kerja PHP, dan contoh script PHP untuk koneksi database, tampilan tabel, tambah, ubah, hapus data. 3. Semua script disimpan dalam folder tertentu dan dihubungkan satu sama lain untuk membangun website dynamic sederhana.

Diunggah oleh

Gema Akbar
Hak Cipta
© © All Rights Reserved
Format Tersedia
Unduh sebagai PDF, TXT atau baca online di Scribd
51 tayangan

Tugas Pemrograman Web PDF

1. Dokumen tersebut memberikan penjelasan tentang pembuatan website sederhana untuk menampilkan jadwal dosen menggunakan PHP dan database MySQL dengan model MVC. 2. Terdapat penjelasan tentang pengertian PHP, cara kerja PHP, dan contoh script PHP untuk koneksi database, tampilan tabel, tambah, ubah, hapus data. 3. Semua script disimpan dalam folder tertentu dan dihubungkan satu sama lain untuk membangun website dynamic sederhana.

Diunggah oleh

Gema Akbar
Hak Cipta
© © All Rights Reserved
Format Tersedia
Unduh sebagai PDF, TXT atau baca online di Scribd
Anda di halaman 1/ 9

TUGAS PEMROGRAMAN WEB

NAMA : GEMA AKBAR MARDIKA

NIM : 2170231010

KELAS : C1

1. Pengertian PHP : PHP (PHP: Hypertext Preprocessor) adalah sebuah bahasa


pemrograman server side scripting yang bersifat open source.

Memulai PHP :

• Kode PHP umumnya diketik di dalam sebuah file dengan tipe file .php.
• Kode PHP seringkali tidak sepenuhnya PHP, karena harus bercampur dengan HTML.
• Kode PHP berada di antara tag <?php dan ?>.
• Baris perintah PHP diakhiri dengan ;
• Gunakan // atau /* */ untuk komentar di PHP

Cara kerja PHP : Pertama, client (web browser) mengirim sebuah permintaan HTTP ke
web server, sebagai contoh index. php. Kemudian, PHP yang berada di web server akan
memproses kode PHP untuk menghasilkan file HTML. Tahap terakhir, web server akan
mengirim file HTML kembali ke client.

- B
u
a
t

d
a
t
a
b
a
2. Sebelumnya aktifkan dulu XAMPPnya dengan mengklik bagian Start di bagian Apache dan
MySQL dan tunggu sampai tombol “Start” berwarna hijau. Apabila Apache dan MySQL sudah
aktif, buka PHPMyAdmin di localhost lalu pilih phpMyAdmin Klik tulisan “Baru” untuk membuat
database. Buat database dengan nama “universitaskrinadwipayana” lalu klik “Buat” Setelah itu
buat tabel dengan nama “jadwal_dosen” dengan jumlah kolom 4, lalu klik “Kirim” Apabila tabel
berhasil dibuat, lalu tentukan nama kolom dan atributnya Ada 4 kolom yang dibuat yaitu “id”
dengan tipe data INT (integer) dan diberi atribut AI (Auto Increment) agar idnya urut dari kecil
ke besar tanpa harus menuliskan secara manual, “nama” dan “mata_kuliah”, dengan tipe data
varchar kemudian “ruangan” dengan tipe data INT. Kemudian klik “Simpan”. Kemudian untuk
mengisi tabel tersebut, klik “Tambahkan” dan isi data sesuai kebutuhan lalu klik “Kirim”
Sebelumnya buat dulu folder untuk menyimpan script koneksi di folder “htdocs” yang berada
dalam folder “XAMPP”. Di sini folder tersebut diberi nama “UK”

1.Script Koneksi

<?php
$kon = mysqli_connect('localhost','root','');
$link = mysqli_select_db($kon,"universitaskrisnadwipayana") or die(mysqli_error());
?>
Setelah kalian mengcopy script tersebut, simpan di folder UK tadi dan beri nama “db_connect”
dengan ekstensi “.php”.
2. Script Index
Script ini merupaka script untuk tampilan tabel di website. Buka halaman baru di notepad atau
sublime text, lalu copykan script di bawah ini dan simpan dengan nama “index.php”.
<?php
include "db_connect.php";
$query=mysqli_query ($kon, "SELECT * FROM jadwal_dosen")or die (mysqli_error());
$jumlah = mysqli_num_rows($query);
echo "<html>";
echo "<head>";
echo "<link href='style.css' type='text/css' rel='stylesheet'>";
echo "</head>";
echo "<title>jadwal dosen</title>";
echo "<body>";
echo "<font color='darkmagenta' face='Arial' size=3><b><br>Jadwal Dosen UK
Krisnadwipayana</b></font><br><br>";
echo "<a href='add.php' style=\"text-decoration: none\"><font face='tahoma' size='1'>Masukkan
Jadwal Baru</font></a><br>";
echo "<br><table border=\"0\" cellpadding=\"1\" cellspacing=\"1\" bordercolor=\"blue\"
bgcolor=\"white\">
<tr bgcolor='blue' height=\"30\"><font color='white'>
<th align='center'><font color='white' face='Arial' size=2>No</font></th>
<th align='center'><font color='white' face='Arial' size=2>Nama</font></th>
<th align='center'><font color='white' face='Arial' size=2>Spesialis</font></th>
<th align='center'><font color='white' face='Arial' size=2>Hari</font></th>
<th align='center'><font color='yellow' face='Arial' size=2>Ubah?</font></th>
</tr>";
$j=0;
while ($row=mysqli_fetch_array($query)) {
echo "<tr><td align='left' bgcolor='#657FFF'>";
echo "<font face='Arial' size=1>";
echo $j+1;
echo"</font>";
echo"</td>";
echo "<td align='left' bgcolor='#E8D3DF'>";
echo "<font face='Arial' size=1>";
echo $row["nama"];
echo"</font>";
echo"</td>";
echo "<td align='left' bgcolor='#E8D3DF'>";
echo "<font face='Arial' size=1>";
echo $row["spesialis"];
echo"</font>";
echo"</td>";
echo "<td align='left' bgcolor='#E8D3DF'>";
echo "<font face='Arial' size=1>";
echo $row["hari"];
echo"</font>";
echo"</td>";
echo"<td align='left' bgcolor='#E8D3DF'>";
echo "<a href='delete.php?id=".$row['id']."' style=\"text-decoration: none\"
title=\"Hapus\"><font face='tahoma' size='1'>Hapus</font></a>
<a href='edit.php?id=".$row['id']."' style=\"text-decoration: none\" title=\"Edit\"><font
face='tahoma' size='1'>Edit</font></a>"; $j++; }
echo"</table>";
echo "</body>";
echo "</html>";
?>
Untuk mengecek tampilan website dengan tabel yang dibuat, ketikkan “localhost/RS” di browser
kalian
3. Script Style
Simpan script berikut dengan nama “style.css”.
body,html {
margin: 0 5px;
font-family: Verdana,sans-serif;
font-size:12px
}
h1 {
font-size:1.4em;
color: #008000;
}
a{
color: #008000;
}
th { text-align: left;
}
td, th {
padding-right: 5px;
}
form dt {
width: 100px;
display: block;
float: left;
clear: left;
}
form dd {
margin-left: 0;
float: left;
}
form #submitbutton {
margin-left: 100px;
}
4. Script Add

Simpan script berikut dengan nama “add.php”.

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Tambah Jadwal Baru</title>
<link href="style.css" type="text/css" rel="stylesheet">
</head>
<body>
<form action="insert_jadwal.php" method="POST">
<font face="Tahoma" color="green" size="1"><b><br>Masukkan Jadwal Baru</b></font>
<table align="left">
<tr>
<td><font face="Tahoma" color="black" size="2">nama</font></td>
<td>:</td>
<td><input type="text" name="nama" size="30"></td>
</tr>

<tr>
<td><font face="Tahoma" color="black" size="2">spesialis</font></td>
<td>:</td>
<td><input type="text" name="spesialis" size="30"></td>
</tr>
<tr>
<td><font face="Tahoma" color="black" size="2">hari</font></td>
<td>:</td>
<td><input type="text" name="hari" size="30"></td>
</tr>

<tr>
<td></td><td></td>
<td><input type="submit" value="Add">
<font face="Tahoma" color="green" size="2">
<a href="index.php" style="text-decoration:none">back</font></a>
</td>
</tr>
</table>
</form>
</body>
</html>
5. Script Insert

Simpan script berikut dengan nama “insert_jadwal.php”.

<?php
include "db_connect.php";
$nama = $_POST['nama'];
$spesialis = $_POST['spesialis'];
$hari = $_POST['hari'];
$query=mysqli_query($kon, "INSERT INTO jadwal_dosen(nama, spesialis, hari)
VALUES ('$nama', '$spesialis', '$hari')")or die (mysqli_error());

if($query) {
?>
<script language="JavaScript">
document.location='index.php'</script>
<?php
}
?>
6. Script Delete

Simpan script berikut dengan nama “delete.php”.

<?php
include "db_connect.php";
$id = $_GET['id'];
$query = "DELETE FROM jadwal_dosen WHERE id = $id";
mysqli_query($kon, $query);

?>
<script language="JavaScript">
document.location='index.php'</script>
<?php
?>
7. Script Edit

Simpan script berikut dengan nama “edit.php”.

<?php
include "db_connect.php";
$id = $_GET['id'];

$query=mysqli_query($kon, "SELECT * FROM jadwal_dosen WHERE id='$id'");


while ($row=mysqli_fetch_array($query)){

$nama = $_POST['nama'];
$spesialis = $_POST['spesialis'];
$hari = $_POST['hari'];

echo "<html>";
echo "<body>";
echo "<font face='tahoma' color='green' size=4><b>Perbaiki Jadwal</b></font>";
echo "<table align='left'>";
echo "<form method=\"post\" action=\"update.php?id=$id\" enctype='multipart/form-data'>";
echo "<br>";
echo "<tr><td><font face='Tahoma' color='black' size=2>nama </font></td><td>:</td><td><input
type='text' name='nama' value='$nama' size='30'>&nbsp;
</td></tr>";

echo "<tr><td><font face='Tahoma' color='black'


size=2>spesialis</font></td><td>:</td><td><input type='text' name='spesialis' value='$spesialis'
size='30'>&nbsp;
</td></tr>";
echo "<tr><td><font face='Tahoma' color='black' size=2>hari</font></td><td>:</td><td><input
type='text' name='hari' value='$hari' size='30'>&nbsp;
</td></tr>";

echo "<tr><td></td><td></td><td><font size='2'><input type='submit' name='submit'


value='Update'/></font></td></tr>";
echo "</table></form></body></html>";
}
?>
8. Script Update

Simpan script berikut dengan nama “update.php”.

<?php
include "db_connect.php";
$id = $_GET['id'];

$nama = $_POST['nama'];
$spesialis = $_POST['spesialis'];
$hari = $_POST['hari'];

$query=mysqli_query ($kon, "UPDATE jadwal_dosen SET nama='$nama',


spesialis='$spesialis', hari='$hari' WHERE id='$id'")or die (mysqli_error());

if($query) {
?>
<script language="JavaScript">
document.location='index.php'</script>
<?php
}
?>

Sekarang semua tombol dalam tabel yang ada di website sudah berfungsi. Jadi bisa
ditambahkan jadwal baru dengan mengklik “Masukkan Jadwal Baru”, mengedit data dengan
mengklik “Edit”, atau menghapus data dengan mengklik “Hapus”.

3. Model-View-Controller atau MVC adalah sebuah metode untuk membuat sebuah


aplikasi dengan memisahkan data (Model) dari tampilan (View) dan cara bagaimana
memprosesnya (Controller). Dalam implementasinya kebanyakan kerangka kerja
(framework) dalam aplikasi web adalah berbasis arsitektur MVC.
4. Login.php :

Cek.php :
Logout.php :

Anda mungkin juga menyukai