LAPORAN PRAKTIKUM

TEKNOLOGI WEB

MODUL I

KONEKSI DATA PHP DENGAN MYSQL

Disusun Oleh :

Indri Febriana Putri [3411201021]

DSE A

PROGRAM STUDI INFORMATIKA

FAKULTAS SAINS DAN INFORMATIKA
UNIVERSITAS JENDERAL ACHMAD YANI
TAHUN 2023
 DAFTAR ISI

DAFTAR ISI.................................................................................................................................... i

DAFTAR GAMBAR ..................................................................................................................... iii

BAB I PENDAHULUAN ............................................................................................................... 1

BAB II LATIHAN PRAKTIKUM ................................................................................................. 2

II.1. Membuat Database .............................................................................................................. 2

II.1.A. Langkah Kerja & Screenshoot .................................................................................... 2

II.1.B. Analisis ........................................................................................................................ 3

II.2. Membuat Koneksi ............................................................................................................... 3

II.2.A. Source Code ................................................................................................................ 3

II.2.B. Screenshoot .................................................................................................................. 4

II.2.C. Analisis ........................................................................................................................ 4

II.3. Membuat Tambah Data Mahasiswa .................................................................................... 4

II.3.A. Source Code ................................................................................................................ 4

II.3.B. Screenshoot .................................................................................................................. 5

II.3.C. Analisis ........................................................................................................................ 5

BAB III TUGAS PRAKTIKUM .................................................................................................... 6

III.1. Membuat Koneksi2 ............................................................................................................ 6

III.1.A. Source Code ............................................................................................................... 6

III.1.B. Screenschoot............................................................................................................... 7

III.1.B. Analisis ....................................................................................................................... 7

III.2. Membuat Tambah Data2.................................................................................................... 7

i
 III.2. Source Code .................................................................................................................. 7

III.2.B. Screenshoot ................................................................................................................ 8

III.2.C. Analisis ....................................................................................................................... 8

III.3. Membuat Form Entry Tamu .............................................................................................. 9

III.3.A. Source Code ............................................................................................................... 9

III.3.B. Screenshoot .............................................................................................................. 11

III.3.C. Analisis ..................................................................................................................... 11

BAB IV KESIMPULAN .............................................................................................................. 12

ii
 DAFTAR GAMBAR

Gambar 1 - Mengaktifkan XAMPP ................................................................................................ 2

Gambar 2 - Membuat Database Unjani pada phpMyAdmin .......................................................... 2
Gambar 3 - Koneksi PHP Berhasil ................................................................................................. 4
Gambar 4 - Script Tambah Data Berhasil ....................................................................................... 5
Gambar 5 - Membuat Koneksi2 (submit_data) untuk ke Database ................................................ 7
Gambar 6 - Menambahkan Data melalui Form .............................................................................. 8
Gambar 7 - Data Berhasil Masuk ke Database ............................................................................... 8
Gambar 8 – Form Tamu ................................................................................................................ 11
Gambar 9 - Data Tame Berhasil Masuk ke Database ................................................................... 11
Gambar 10 - Data Telah Masuk ke Dalam Database .................................................................... 11

iii
 BAB I PENDAHULUAN

PHP Hypertext Preprocessor adalah sebuah bahasa pemrograman server side scripting
yang bersifat open source. Sebagai sebuah scripting language, PHP menjalankan instruksi
pemrograman saat proses runtime. Hasil dari instruksi tentu akan berbeda tergantung data yang
diproses. PHP merupakan bahasa pemrograman server-side, maka script dari PHP nantinya akan
diproses di server. Jenis server yang sering digunakan bersama dengan PHP antara lain Apache,
Nginx, dan LiteSpeed. Selain itu, PHP juga merupakan bahasa pemrograman yang bersifat open
source. Pengguna bebas memodifikasi dan mengembangkan sesuai dengan kebutuhan mereka.

MySQL adalah sistem manajemen database relasional (RDBMS) open-source berbasis

SQL yang bekerja dengan model client-server. Kalau DBMS adalah sistem manajemen database
secara umum, RDBMS merupakan software pengelolaan database berdasarkan model relasional.
MySQL merupakan salah satu nama brand terpopuler dari software RDBMS yang menerapkan
model client-server. Tugas SQL adalah untuk memberitahukan server tentang apa yang harus
dilakukannya terhadap data. MySQL membuat database untuk menyimpan dan memanipulasi
data, serta menentukan keterkaitan antara masing-masing tabel.

1
 BAB II LATIHAN PRAKTIKUM

II.1. Membuat Database

Membuat database dengan nama unjani dengan masuk ke halaman phpMyAdmin dan
menyalakan XAMPP.
II.1.A. Langkah Kerja & Screenshoot

Gambar 1 - Mengaktifkan XAMPP

Gambar 2 - Membuat Database Unjani pada phpMyAdmin

2
 II.1.B. Analisis
Pada langkah yang pertama adalah membuat database dengan nama “unjani” sesuai
dengan Modul Praktikum 1 dengan pertama-tama mengaktifkan aplikasi XAMPP
terlebih dahulu dan membuka website phpMyAdmin untuk membuat databasenya.

II.2. Membuat Koneksi

Membuat script untuk koneksi ke database mysql dengan nama koneksi.php yang disimpan
difolder unjani pada PC.
II.2.A. Source Code
<?php
$servername = "localhost";
$username = "root";
$password = "";
$dbname = "unjani";
// buat koneksi
$conn = mysqli_connect($servername, $username, $password,
$dbname);
// cek koneksi
if (!$conn) {
echo "Connection gagal";
}
else
{
echo "koneksi berhasil";
}
?>

3
 II.2.B. Screenshoot

Gambar 3 - Koneksi PHP Berhasil

II.2.C. Analisis
Pada program pertama yang kita buat, kita hanya mengikuti koding yang ada di
modul. Ketika php tidak bisa masuk ke database, maka hasilnya akan mengeluarkan
echo gagal. Sebaliknya jika berhasil masuk ke database, maka echo akan keluar yang
berhasil.

II.3. Membuat Tambah Data Mahasiswa

Membuat 3 table mahasiswa yang berisi field nim, nama, dan email
II.3.A. Source Code
<?php
$servername = "localhost";
$username = "root";
$password = "";
$dbname = "unjani";
// buat koneksi
$conn = mysqli_connect($servername, $username, $password,
$dbname);
// cek koneksi
if (!$conn) {
echo "Connection gagal";
}
$sql = "INSERT INTO mahasiswa (nim, nama, email)
VALUES ('4121221', 'Dimas Prikitiw', 'dimas@unjani.com')";
if (mysqli_query($conn, $sql)) {

4
 echo "data berhasil ditambah";
} else {
echo "Gagal";
}
mysqli_close($conn);
?>

II.3.B. Screenshoot

Gambar 4 - Script Tambah Data Berhasil

II.3.C. Analisis
Pada program kedua yang dibuat, juga hanya mengikuti koding yang ada di modul.
Ketika php tidak bisa masuk ke database, maka hasilnya akan mengeluarkan echo
gagal. Sebaliknya jika berhasil masuk ke database, maka echo akan keluar yang data
berhasil ditambah.

5
 BAB III TUGAS PRAKTIKUM

III.1. Membuat Koneksi2

Membuat script untuk koneksi ke database mysql dengan nama submit_data.php yang
disimpan difolder unjani pada PC.
III.1.A. Source Code
<?php
// Koneksi ke database
$servername = "localhost";
$username = "root";
$password = "";
$dbname = "unjani";

$conn = mysqli_connect($servername, $username, $password,

$dbname);

// Check Connection
if (!$conn){
die("Koneksi Gagal" . mysqli_connect_error());
}else{
echo "Koneksi Berhasil dan ";
}

// Ambil data dari formulir

$nim = $_POST["nim"];
$nama = $_POST["nama"];
$email = $_POST["email"];

// Menyimpan data ke dalam tabel mahasiswa

$sql = "INSERT INTO mahasiswa (nim, nama, email)
VALUES ('$nim', '$nama', '$email')";
if (mysqli_query($conn, $sql)) {
echo "Data berhasil disimpan.";
} else {
echo "Error: " . $sql . "<br>" . mysqli_error($conn);
}

// Menutup koneksi database

mysqli_close($conn);
?>

6
 III.1.B. Screenschoot

Gambar 5 - Membuat Koneksi2 (submit_data) untuk ke Database

III.1.B. Analisis
Pada program Tugas Praktikum ini, sama seperti Langkah kerja pada Latihan
Praktikum yaitu membuat Koneksi untuk database unjani yang telah dibuat, namun
dibuat modifikas. Dan hasilnya akan mengeluarkan echo Sukses Masuk ke
Database form tambah data, namun jika data tidak berhasil dimasukkan makan echo
adalah Gagal menghubungkan ke database.

III.2. Membuat Tambah Data2

III.2. Source Code
<!DOCTYPE html>
<html>
<head>
<title>Formulir Mahasiswa</title>
</head>
<body>
<center>
<h2>Formulir Mahasiswa</h2>
<form action="submit_data.php" method="POST">
<label for="nim">NIM:</label><br>
<input type="text" id="nim" name="nim"><br>
<label for="nama">Nama:</label><br>
<input type="text" id="nama" name="nama"><br>
<label for="email">Email:</label><br>
<input type="email" id="email" name="email"><br><br>
<input type="submit" value="Submit">
</form>
</body>

7
 </html>

III.2.B. Screenshoot

Gambar 6 - Menambahkan Data melalui Form

Gambar 7 - Data Berhasil Masuk ke Database

III.2.C. Analisis
Ini adalah program yang sama dengan Latihan, tetapi, disini kita harus memasukkan
data secara manual dan harus diisi sendiri yang hasilnya akan masuk kedalam
database. Dengan menambhkan script windows alert, maka akan keluar notifikasi
jika Data masuk kedalam Database dan akan Kembali lagi ke koneksi2.php, dan
hasilnya akan gagal jika data yang dimasukan sama dengan sebelumnya

8
III.3. Membuat Form Entry Tamu
III.3.A. Source Code
koneksi3.php
<?php

$koneksi = mysqli_connect("localhost","root","","unjani") or
die("Gagal Menghubungkan ke database");
echo "Sukses Masuk ke Database";
?>

<?php
$id=$_POST['idt'];
$id2=$_POST['Nama'];
$id3=$_POST['Email'];

$query = "insert into tamu values ('$id','$id2','$id3')";

$sql = mysqli_query($koneksi,$query);
if($sql){
$message = "Data Masuk atas nama ";

echo "<script type='text/javascript'>alert('$message'+'$id2');

window.location.href='koneksi3.php';
</script>";

}else{
$message = "Data Gagal Masuk";

echo "<script type='text/javascript'>alert('$message');

window.location.href='koneksi3.php';
</script>";
}
?>

9
proses_edit.php
<!DOCTYPE html>
<html>
<head>
<title>Input</title>

</head>
<body>
<form action="koneksi3.php" method="POST">
<table align="center">
<tr>
<td><label>ID Tamu</label></td>
</tr>
<tr>
<td><input type="text" name="idt"></td>
</tr>
<tr>
<td><label>Nama Tamu</label></td>
</tr>
<tr>
<td><input type="text" name="Nama"></td>
</tr>
<tr>
<td><label>Email</label></td>
</tr>
<tr>
<td><input type="email" name="Email"></td>
</tr>

<tr>
<td><input type="submit" name="submit"
value="Submit"></td>
</tr>
</table>

</form>
</body>
</html>

10
III.3.B. Screenshoot

Gambar 8 – Form Tamu

Gambar 9 - Data Tame Berhasil Masuk ke Database

Gambar 10 - Data Telah Masuk ke Dalam Database

III.3.C. Analisis
Pada tugas ini, sama halnya dengan tugas 1. Yaitu, mengisi data secara manual.
Tetapi, tugas yang satu ini berbeda. Dimana “idt”, menggunakan system Primary
dan Auto_Increment, serta menggunakan script notifikasi untuk memberitahu jika
data masuk ke database

11
 BAB IV KESIMPULAN

Pada praktikum ini, penulis telah mempelajari sebuah koding yang dimana menyambungkan
program .php kedalam database dan hasil input yang kita buat akan masuk kedalam database secara
langsung, serta jika terdapat data yang sama, maka data tidak akan menerima kedalam database
dan menggagalkan data tersebut untuk dimasukkan kedalam database.

12