Laporan Praktikum 5

LAPORAN PRAKTIKUM 5
WORKSHOP PEMROGRAMAN LANJUTAN
MEMBUAT TABLE PADA HASIL DATABASE
Faiz Surya Ferdinand (2121600031)
2 D4 Elektronika B
PROGRAM STUDI TEKNIK ELEKTRONIKA
DEPARTEMEN ELEKTRO
POLITEKNIK ELEKTRONIKA NEGERI SURABAYA
2022
1. TUJUAN :
● Mahasiswa mengetahui fungsi dan prinsip kerja pada bahasa HTML.
● Mahasiswa dapat memahami fungsi dan prinsip kerja dari Database
● Mahasiswa dapat memahami dan menerapkan fungsi dari index HTML.
● Mahasiswa dapat mempelajari dan membuat Table pada bahasa php ini.
● Mahasiswa dapat membuat program dan menggunakan database.
2. DASAR TEORI :
HTML atau Hypertext Markup Language adalah bahasa markup yang

digunakan untuk membuat struktur halaman website agar dapat ditampilkan pada web
browser. HTML disusun dengan menggunakan kode dan simbol-simbol tertentu yang
dimasukkan dalam seubah dokumen atau file. Jadi setiap kali kamu membuka sebuah
website menggunakan browser maka web tersebut dibuat dengan HTML. Dari kata
Hypertext Markup Languege itupun kita dapat mengetahui makna kata HTML.
Hypertext adalah sebuah metode yang dipergunakan untuk berpindah laman web ke
halaman web yang lain dengan mengklik sebuah tulisan ataupun simbol pada halaman
website. Kemudian istilah markup adalah sebagai suatu hal yang dilakukan oleh tag
HTML terhadap teks yang ada di dalamnya. Format Tabel merupakan cara untuk
menampilkan informasi dalam bentuk sel yang terdiri atas baris dan kolom. Tabel
dibuat dengan menggunakan tag <table>. Sebuah tabel dibagi menjadi baris-baris, dan
tiap baris dibagi ke dalam cell-cell. Baris dibuat dengan tag <tr>, dan cell-cell yang
akan membentuk kolom dibuat dengan tag <td>.Dalam konteks HTML, table
mempunyai peranan yang sangat penting. Selain digunakan untuk menampilkan tabel
berisi data, table juga digunakan untuk menyusun teks dalam kolom, ataupun
membuat laporan terstruktur lainnya. Seringkali table digunakan dalam halaman web
untuk memperindah tampilan ataupun untuk mengatur agar informasi dapat disajikan
dengan tampilan yang enak dibaca. Melihat begitu banyaknya manfaat yang didapat
dengan menggunakan tabel ini maka tabel mulai diterapkan pemakaiannya.
3. ALAT dan BAHAN :
● Visual Studio Code
● XAMPP
● Browser
4. PROSEDUR PERCOBAAN :
1. Buka aplikasi XAMPP lalu nyalakan opsi apache dan juga mysql.
2. Lalu dapat juga menggunakan aplikasi visual studio code untuk

melakukan pemrograman dengan bahasa HTML.
Koneksi.php
<?php
$cek = mysqli_connect("localhost","root","","elkab");
if ($cek)
echo "Tersimpan";
?>
<?php
include "koneksi.php";
$data = mysqli_query($cek, "select * FROM mhs");

while ($d = mysqli_fetch_object($data))
echo "$d->nrp $d->nama $d->hp <br>";
?>
3. Setelah melakukan pemrograman save dalam bentuk PHP.
4. Kemudian untuk melihat hasil pemrograman membuka browser lalu

ketik localhost/(Nama Folder Penyimpanan data)/ dan pilih filenya.
5. ANALISA DATA :
Program select tanpa tabel

<?php

echo "$d->nrp $d->nama $d->hp <br>";
?>
Ini adalah bentuk pemrograman yang digunakan untuk menampilkan data yang telah
di inputkan pada database file mhs. Pada bahasa php menggunakan include untuk
membuat programnya terhubung dengan database. Dan $data untuk menampilkan file
mhs pada database mysqlnya dan echo yang fungsinya untuk menampilkan data nrp,
nama dan hp. Lalu menggunakan fitur </> untuk menutup program.
Hasil pemrograman
Setelah melakukan saving maka hasil dari pemprograman dilihat melalui browser yang
telah terhubung dengan Xampp modul apache. Ini adalah hasil pemrograman untuk
melihat data yang ada pada database yang ada pada file mhs.
Program select dengan tabel

<html>
<head>
<title>Tabel Data Mahasiswa</title>
<meta http-equiv=equiv"Content-Type" content="text/html;
charset=iso-8859-1">
</head>
<body>
<table border ="1">
<tr>
<th> Nrp </th>
<th> Nama </th>
<th> Hp </th>
</tr>
<?php
echo
"
<tr>
<td> <pre> $d->nrp </pre></td>
<td> <pre> $d->nama </pre></td>
<td> <pre> $d->hp </pre></td> </tr>";
?>
</table>
</body>
</html>
Ini adalah bentuk pemrograman yang digunakan untuk menampilkan data yang telah di
inputkan pada database file mhs dalam bentuk tabel. Pada bahasa HTML menggunakan
Tag block level contohnya <html> fungsinya membuat dokumen HTML, <body> yang
fungsinya untuk membuat tubuh dari dokumen Pada bahasa php menggunakan include
untuk membuat programnya terhubung dengan database. Dan $data untuk
menampilkan file mhs pada database mysqlnya dan echo yang fungsinya untuk
menampilkan data nrp, nama dan hp. <table> artinya membuat tabel dengan border
yang dapat diatur yaitu sebesar 1 dengan tag <tr> untuk membuat baris dengan <th>
sebagai judulnya dan untuk <td> fungsinya membuat kolom tabelnya. <pre> digunakan
untuk menampilkan kumpulan teks lengkap dengan line break dan juga spasi secara
utuh apa adanya. Lalu menggunakan fitur </ > untuk mengakhiri program.
Hasil pemrograman
telah terhubung dengan Xampp modul apache. Ini adalah hasil pemrograman setelah
ditambahkan fungsi tabel pada data yang tersimpan pada database kita.
Program select dengan tabel dengan warna
<html>
<head>
</head>
<body>
<table border ="2">
<tr>
<th> Nrp </th>
<th> Nama </th>
<th> Hp </th>
</tr>
<?php

{
if ($d->nrp % 2 ==0)
{
echo " <tr bgcolor=blue>
<td> <font color = white><pre> $d->nrp </pre></td>
<td> <font color = white><pre> $d->nama </pre></td>
<td> <font color = white><pre> $d->hp </pre></td>
</tr>";
}
else
{
echo " <tr bgcolor=red>
</tr>";
}
}
?>
</table>
</body>
</html>
Ini adalah bentuk pemrograman yang digunakan untuk menampilkan data yang telah di
inputkan pada database file mhs dalam bentuk tabel. Pada bahasa HTML menggunakan
Tag block level contohnya <html> fungsinya membuat dokumen HTML, <body> yang
fungsinya untuk membuat tubuh dari dokumen Pada bahasa php menggunakan include
untuk membuat programnya terhubung dengan database. Dan $data untuk
menampilkan file mhs pada database MySQLnya dan echo yang fungsinya untuk
menampilkan data nrp, nama dan hp. <table> artinya membuat tabel dengan border
yang dapat diatur yaitu sebesar 1 dan untuk warna pada masing-masing kolom juga
dapat diatur sesuai kenginan dengan menginputkan bgcolor=(warna yang diinginakan)
dan pada program diatas untuk nrp yang bernilai ganjil akan berwarna merah dan yang
genap akan berwarna biru. Untuk membuat garis pada baris menggunakan tag <tr>
dengan <th> sebagai judulnya dan untuk <td> fungsinya membuat kolom tabelnya.
<pre> digunakan untuk menampilkan kumpulan teks lengkap dengan line break dan
juga spasi secara utuh apa adanya dan untuk mengubah warna pada teksnya dapat
dengan menginputkan font color=(warna yang diinginkan). Lalu menggunakan fitur </
> untuk mengakhiri program.
Hasil pemrograman
ditambahkan fungsi tabel dengan penamabahan warna merah dan biru pada data yang
tersimpan pada database kita.
Program search
<html>
<head>
</head>
<body>
<table border ="1">
<form action=""method="POST">
Search <input type=text name=search>
<input type=submit value=search name=submit><br><br>
</form>
<?php
if(isset($_POST['search']))
{
echo "<table border=4 cellpading=4>";
echo "<t head><tr>
<td> nrp </td>
<td> nama </td>
<td> hp </td>
</tr></t head>";
$data = mysqli_query($cek,"select * FROM mhs where nama
= '$_POST[search]'");
while ($d=mysqli_fetch_object($data))
if ($d->nrp % 2 == 0)
{
echo " <tr bgcolor=blue>
</tr>";
}
else
{
echo " <tr bgcolor=red>
<td> <font color = white><pre> $d->hp </pre> </td>
</tr>";
}
}
?>
</table>
</body>
</html>
Ini adalah bentuk pemrograman yang digunakan untuk mencari data yang berada pada
database dengan memasukkan kata kunciny sehingga dapat ditampilkan data yang pada
database file mhs dalam bentuk tabel. Pada bahasa php menggunakan include untuk
membuat programnya terhubung dengan database. Dengan menggunakan form yang
inputnya adalah search dan submit nantinya hanya menampilkan data yang kita
inputkan saja. Tag <table> artinya membuat tabel dengan border yang dapat diatur
yaitu sebesar 1 dan untuk warna pada masing-masing kolom juga dapat diatur sesuai
kenginan dengan menginputkan bgcolor=(warna yang diinginakan) dan pada program
diatas untuk nrp yang bernilai ganjil akan berwarna merah dan yang genap akan
berwarna biru. Untuk membuat garis pada baris menggunakan tag <tr> dengan <th>
sebagai judulnya dan untuk <td> fungsinya membuat kolom tabelnya. <pre> digunakan
untuk menampilkan kumpulan teks lengkap dengan line break dan juga spasi secara
utuh apa adanya dan untuk mengubah warna pada teksnya dapat dengan menginputkan
font color=(warna yang diinginkan). Lalu menggunakan fitur </ > untuk mengakhiri
program.
Hasil program :
ditambahkan fungsi tabel dengan penambahan warna pada data yang tersimpan di
database kita. Saat memasukkan nama maka hasilnya akan keluar seperti gambar
diatas.
6. KESIMPULAN :
Yang dapat disimpulkan pada percobaan diatas adalah penggunaan bahasa php
untuk membuat garis tabel pada hasil database agar dan ditampilkan di internet
melalui browser dengan aplikasi bernama apache agar dapat terlihat pada web server
dalam bentuk tabel. Pembuatan tabel didahului oleh tag <table> attribute border 1
menyatakan ketebalan pembuatan border pada tabelnya. Untuk tag <tr> berfungsi
sebagai pembuat baris. Tag <th> bertujuan untuk membuat judul, Jika dalam satu
baris <tr> dibuat sebanyak 3, maka dalam satu baris akan terbuat 3 kolom. Tag <td>
untuk mengisi data pada masing-masing baris Jika dalam satu baris <td> dibuat 3
<td>, maka dalam satu baris akan terdapat 3 kolom. Untuk pemberian warna pada
tabel hanya dengan menginputkan bg color pada tag <tr> maka kita bisa mengubah
warna sesuai keinginan.

Laporan Praktikum 5

Diunggah oleh

Informasi Dokumen

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Laporan Praktikum 5

Diunggah oleh

Hak Cipta:

Format Tersedia

LAPORAN PRAKTIKUM 5

WORKSHOP PEMROGRAMAN LANJUTAN

MEMBUAT TABLE PADA HASIL DATABASE

Faiz Surya Ferdinand (2121600031)

PROGRAM STUDI TEKNIK ELEKTRONIKA

POLITEKNIK ELEKTRONIKA NEGERI SURABAYA

● Mahasiswa mengetahui fungsi dan prinsip kerja pada bahasa HTML.

● Mahasiswa dapat memahami fungsi dan prinsip kerja dari Database

● Mahasiswa dapat memahami dan menerapkan fungsi dari index HTML.

● Mahasiswa dapat membuat program dan menggunakan database.

HTML atau Hypertext Markup Language adalah bahasa markup yang

● Visual Studio Code

2. Lalu dapat juga menggunakan aplikasi visual studio code untuk

$data = mysqli_query($cek, "select * FROM mhs");

4. Kemudian untuk melihat hasil pemrograman membuka browser lalu

Program select tanpa tabel

$data = mysqli_query($cek, "select * FROM mhs");

Program select dengan tabel

$data = mysqli_query($cek, "select * FROM mhs");

Anda mungkin juga menyukai