TUGAS 2

Nama : Mohamad Iqbal maulana firmansyah (16)

Kelas : JTD-4C
NIM : 1841160048 JUDUL
Jaringan Semantik dengan Php

1.1 Tujuan Praktikum

1. Mahasiswa dapat mengidentifikasi Representasi pengetahuam tentang jaringan
semantik
2. Mahasiswa dapat memahami algoritma jaringan semantik (Studi kasus :
Komponen Elektronika)
3. Mahasiswa dapat menyajikan jaringan semantik dalam program
1.2 Alat Praktikum
Alat dan bahan yang digunakan dalam praktikum sebagai berikut
1. Laptop
2. Xampp
3. Visual Studio Code
1.3 Landasan Teori
1. Jaringan Semantik
Pengertian
Jaringan semantik merupakan salah satu yang dipelajari dalam materi
Artificial Inteligence (Kecerdasan Buatan). Jaringan semantik merupakan
pengetahuan secara grafis yang menunjukkan hubungan antar berbagai objek.
Dalam jaringan semantik terdapat gambaran pengetahuan grafis yang
menunjukkan hubungan antar berbagai objek, terdiri dari lingkaran-lingkaran yang
dihubungkan dengan anak panah yang menunjukkan objek dan informasi tentang
objek-objek tersebut. Sebagai contoh gambar berikut merupakan salah satu
gambaran terhadap pengetahuan yang menggunakan jaringan semantik sebagai
salah satu alat pengenalnya. Konsep jaringan semantik diperkenalkan pada tahun
1968 oleh Ross Quillin. Jaringan semantic merupakan teknik representasi
kecerdasan buatan klasik yang digunakan untuk informasi proposional
(Giarrantano dan Riley, 1994). Yang dimaksud denganinformasi proporsional
adalah pernyataan yang mempunyai nilai benar atau salah.Informasi proporsional
merupakan bahasa deklaratif karena menyatakan fakta. Jaringan semantik
 TUGAS 2
Nama : Mohamad Iqbal maulana firmansyah (16)
Kelas : JTD-4C
NIM : 1841160048 JUDUL
Jaringan Semantik dengan Php

merupakan penggambaran grafis dari pengetahuan yang melibatkan hubungan

antara obyek-obyek :

1. Obyek direpesentasikan sebagai simpul (node) pada suatu grafik berbentuk

lingkaran dan hubungan antara obyek-obyek dan factor deskriptif dinyatakan
oleh garis penghubung (link) atau garis lengkung (arch) berlabel.
2. Obyek dapat berupa jenis fisik, seperti: buku,mobil, meja, atau bahkan orang;
erupakan pikiran, seperti: hukum Ohm; suatu peristiwa/ kejadian, seperti:
piknik atau suatu pemilihan; atau tindakan, seperti: membuat rumah atau
menulis buku.
3. Atribut obyek, seperti: ukuran, warna, kelas, umur, asal-usul, atau karakteristik
lainnya bisa digunakan sebagai node. Dalam hal ini, informasi rinci tentang
sesuatu obyek bisa ditampilka dengan baik.

Tujuan Dari Pembuatan Jaringan Sematik

Tujuan pembuatan jaringan semantik adalah untuk merepresentasikan
organisasi dari ide-ide dalam materi pembelajaran agar dapat dimanfaatkan
sebagai alat bantu pembelajaran. Dengan mengajak siswa menganalisis struktur
ide-ide yang dipelajari, berarti membantu kita untuk menganalisis struktur
pengetahuannya, yang akan membantunya untuk memadukan ide baru dengan ide
yang sudah ada. Sebagai hasilnya, pengetahuan yang diperoleh lebih utuh dan
dapat digunakan dengan lebih akurat.

2. Xampp
XAMPP adalah sebuah paket perangkat lunak (software) komputer yang
sistem penamaannya diambil dari akronim kata Apache, MySQL (dulu) /
MariaDB (sekarang), PHP, dan Perl. Sementara imbuhan huruf “X” yang terdapat
 TUGAS 2
Nama : Mohamad Iqbal maulana firmansyah (16)
Kelas : JTD-4C
NIM : 1841160048 JUDUL
Jaringan Semantik dengan Php

pada awal kata berasal dari istilah cross platform sebagai simbol bahwa aplikasi
ini bisa dijalankan di empat sistem operasi berbeda, seperti OS Linux, OS
Windows, Mac OS, dan juga Solaris. Sejarah mencatat, software XAMPP pertama
kali dikembangkan oleh tim proyek bernama Apache Friends dan sampai saat ini
sudah masuk dalam rilis versi 7.3.9 yang bisa didapatkan secara gratis dengan
label GNU (General Public License).
Jika dijabarkan secara gamblang, masing-masing huruf yang ada di dalam
nama XAMPP menurut para ahli memiliki arti sebagai berikut ini:
a) X = Cross Platform
Merupakan kode penanda untuk software cross platform atau yang bisa
berjalan di banyak sistem operasi. Jadi, ada XAMPP untuk Windows,
xampp for mac, dan untuk Linux. Semua itu bersifat free download xampp.
b) A = Apache
Apache adalah aplikasi web server yang bersifat gratis dan bisa
dikembangkan oleh banyak orang (open source).
c) M = MySQL / MariaDB
MySQL atau MariaDB merupakan aplikasi database server yang
dikembangkan oleh orang yang sama. MySQL berperan dalam mengolah,
mengedit, dan menghapus daftar melalui database.
d) P = PHP
Huruf “P” yang pertama dari akronim kata XAMPP adalah inisial untuk
menunjukkan eksistensi bahasa pemrograman PHP. Bahasa pemrograman
ini biasanya digunakan untuk membuat website dinamis, contohnya dalam
website berbasis CMS WordPress.
e) P = Perl
Sementara itu, untuk huruf P selanjutnya merupakan singkatan dari bahasa
pemrograman Perl yang kerap digunakan untuk memenuhi berbagai
 TUGAS 2
Nama : Mohamad Iqbal maulana firmansyah (16)
Kelas : JTD-4C
NIM : 1841160048 JUDUL
Jaringan Semantik dengan Php

macam kebutuhan. Perl ini bisa berjalan di dalam banyak sistem operasi
sehingga sangat fleksibel dan banyak digunakan.
Fungsi XAMPP
Program aplikasi XAMPP berfungsi sebagai server lokal untuk mengampu
berbagai jenis data website yang sedang dalam proses pengembangan. Dalam
prakteknya, XAMPP bisa digunakan untuk menguji kinerja fitur ataupun
menampilkan konten yang ada didalam website kepada orang lain tanpa harus
terkoneksi dengan internet, cukup akses melalui Xampp control panel, atau
istilahnya website offline. XAMPP bekerja secara offline layaknya web hosting
biasa namun tidak bisa diakses oleh banyak orang.Maka dari itu, XAMPP
biasanya banyak digunakan oleh para mahasiswa maupun pelajar untuk melihat
hasil desain website sebelum akhirnya dibuat online menggunakan web hosting
yang biasa dijual dipasaran.
3. Visual Studio Code
Visual studio Code merupakan aplikasi cross platform yang dapat
digunakan berbagai sitem operasi seperti windows, Linux, dan Mac OS. VS Code
termasuk software yang ringan namun kuat editor sumbernya dengan deskop.
Menggunakan berbagai macam bahasa pemprograman seperti Java, JavaSkrip, Go,
C++, dan masih banyak yang lainnya. Komponen dari Visual Studio juga sama
seperti yang digunakan di Azura DevOps. Visual Studio memiliki lintas platform
kode editor yang ringan, dapat digunakan oleh siapa saja untuk membuat atau
membangun aplikasi web.
Komponen Pada Visual Studio Code
a. Customize : Digunakan untuk menambahkan ekstensi bahasa
pemprograman. konfigurasi dan kustomisasi template dengan
menambahkan ekstensi bahasa pemprograman maka kita tidak perlu selalu
mengingat fungsi Bahasa
 TUGAS 2
Nama : Mohamad Iqbal maulana firmansyah (16)
Kelas : JTD-4C
NIM : 1841160048 JUDUL
Jaringan Semantik dengan Php

b. Command Palette: command palette menyediakan banyak akses perintaj ,

kita bisa memberikan perintah editor membuka file,mencari file dan
sebagainya dengan cepat dan mudah.untuk membuka commad palette bisa
dengan tekan Ctrl+Shift+p.
c. Integreted Terminal: Integrital Terminal digunakan untuk mengeksekusi
skrip di editor.Kita bisa mengeksekusi skrip editor secara langsung di
terminal tanpa harus membuka terminal tambahan , in i adalah salah satu
kelebihan dari visual studio code.
d. Extention: extention adalah fungsi tambahan dalam ynag berfungsi untuk
memperluas kemampuan dari editor yang dapat membantu developer
dalam melakukan programing.
e. Search: Fitur search Visual Studio Cpde juga sangat cepat nya kemudahan
yang diberikan selain kecepatan query pencariam data juga dia akan
mencari sampai ke level kontennya
f. Grid Editor Layout: Kita juga mudah dalam menejemen layod visual
studio code , kita dapat dengan mudah mengatur grup editor dalam tata
letak apapun baik secara vertikal maupun horizontal.
g. Color Themes : Color Themes digunakan untuk memodifikasi warna
dalam antarmuka Visual studio Code agar sesuai dengan selera yang
diinginkan , caranya dengan pilih File >Prefences>Color Theme , lalu
geser cursor keatas dan kebawah untuk memilih tema yang diinginkan.
h. Cloud Enviroment: Kita juga bisa melakukan sesuatu di lingkungan cloud
melalui Visual Studio Code seperti membuat databes , melakukan
perintah , insert, update , delete , dan sebagainya di cloud.
Macam Macam Extention pada Visual studio Code
a. Live server: memungkinkan kita untuk memuat ulang halaman web secara
otomatis ketika kamu mengubah di Visual Studio Code.
 TUGAS 2
Nama : Mohamad Iqbal maulana firmansyah (16)
Kelas : JTD-4C
NIM : 1841160048 JUDUL
Jaringan Semantik dengan Php

b. GitLens: GitLtns membantu kita untuk memvisualisasikan

kepengarangan kode sekilas memalui anotasitanpa hambatan.
c. Prettier (Code Formatter ): Digunakan untuk menata format code prettier
mendorong gaya penulisan code yang konsisten dengan memprasing kode
anda dan memencetnya kembali dengan aturannya sendiri.
d. Auto Rename Tag: Auti rename tag membantu kita ketika ingin
mengganti sebuah tag dan juga untuk mengganti tag pembuka dan tag
penutub bersamaan pada HTML dan XML.
e. Beautify : Beautify membantu anda dalam formatting codingan kita , kita
tidak perlu merapikan codingan kita secara manual cukup dengan
extention ini akan otomatis terformat.
f. Open In Browser :Digunakan untuk membuat langsung project anda pada
browser.
g. CSS Peak : berguna untuk melihant sebuat element HTML , yang terkena
CSS , CSS Peak juga sangat mempermudah bagi web designer.
h. Indent Rainow : Digunakan untuk untuk membantu kita memberikan
warna dan juga mengelompokkan warnai sesuai tag awal dari struktur dari
pemprograman yang kita buat .
i. SQL server : adalah extention dimana kita adalah seorang databes engier
SQL server , extention ini juga mempermudah anda bekerja dalam Visual
studio Code.
Kelebihan Visual Studio Code
a. Mudah untuk mengelola extention
b. Memiliki extention yang banyak
c. Kontribusi tampilan
d. Dukungan bahasa
e. Text editor Gratis
f. Dapat membuat Snippet sendiri
 TUGAS 2
Nama : Mohamad Iqbal maulana firmansyah (16)
Kelas : JTD-4C
NIM : 1841160048 JUDUL
Jaringan Semantik dengan Php
 TUGAS 2
Nama : Mohamad Iqbal maulana firmansyah (16)
Kelas : JTD-4C
NIM : 1841160048 JUDUL
Jaringan Semantik dengan Php

1.4 Perencanaan Sistem

1. Jaringan semantik komponen elektronika

2. -Flowchart
 TUGAS 2
Nama : Mohamad Iqbal maulana firmansyah (16)
Kelas : JTD-4C
NIM : 1841160048 JUDUL
Jaringan Semantik dengan Php
 TUGAS 2
Nama : Mohamad Iqbal maulana firmansyah (16)
Kelas : JTD-4C
NIM : 1841160048 JUDUL
Jaringan Semantik dengan Php

1.5 Implementasi
1. Database program

2. Script Program
a. Index php
<?php
require 'functions.php';

$makanan = query("SELECT * FROM makanan");

//tombol cari
if (isset($_POST["cari"])) {
$makanan = cari($_POST["keyword"]);
}
 TUGAS 2
Nama : Mohamad Iqbal maulana firmansyah (16)
Kelas : JTD-4C
NIM : 1841160048 JUDUL
Jaringan Semantik dengan Php

//ambil data provinsi

?>

<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<title>Kuliner Indonesia</title>
<style>body{
background-image: url("bk2.jpg");
background-size: cover;
background-color: rosybrown;
}
h1 {
font-size: 40px;
color: firebrick;
text-shadow: 3px 2px 1px rosybrown;
font-family: monospace;}

h2 {
font-size: 12px;
color: red;
text-decoration: underline;
font-weight: bold;
font-family: sans-serif;}
 TUGAS 2
Nama : Mohamad Iqbal maulana firmansyah (16)
Kelas : JTD-4C
NIM : 1841160048 JUDUL
Jaringan Semantik dengan Php

h3{
font-size: 24px;
color: black;
font-weight: bold;
}

</style>
</head>

<body>
<h1> Daftar Kuliner di Indonesia</h1>
<form action="" method="post">
<input type="text" name="keyword" size="70" autofocus
placeholder="Cari" autocomplete="off">
<button type="submit" name="cari">Cari</button>
</form>

<br>
<table border="2" cellpadding="10" cellspacing="0" width="60%">

<tr>

<td>
<center>No</center>
</td>
 TUGAS 2
Nama : Mohamad Iqbal maulana firmansyah (16)
Kelas : JTD-4C
NIM : 1841160048 JUDUL
Jaringan Semantik dengan Php

<td>
<center>Provinsi
</td>
<td>
<center>Kuliner
</td>
<td>
<center>Sayur
</td>
<td>
<center>Lauk
</td>
<td>
<center>Kue
</td>

</tr>

<!--ini manggil fungsi di database untuk tampil di tabel -->

<?php $i = 1; ?>
<?php foreach ($makanan as $p) : ?>

<tr>
<td><?= $i; ?></td>
<td><?= $p["kota"] ?></td>
<td><?= $p["kuliner"] ?></td>
 TUGAS 2
Nama : Mohamad Iqbal maulana firmansyah (16)
Kelas : JTD-4C
NIM : 1841160048 JUDUL
Jaringan Semantik dengan Php

<td><?= $p["sayur"] ?></td>

<td><?= $p["lauk"] ?></td>
<td><?= $p["kue"] ?></td>

<!--<td>
<a href=""> ubah </a>
<a href=""> hapus </a>
</td>-->

</tr>
<?php $i++; ?>
<?php endforeach; ?>
</table>
</body>

</html>

b. Function php
<?php
$conn = mysqli_connect("localhost", "root", "", "kuliner");

function query($query)
 TUGAS 2
Nama : Mohamad Iqbal maulana firmansyah (16)
Kelas : JTD-4C
NIM : 1841160048 JUDUL
Jaringan Semantik dengan Php

{
global $conn;
$result = mysqli_query($conn, $query);
$rows = [];
while ($row = mysqli_fetch_assoc($result)) {
$rows[] = $row;
}
return $rows;
}

function cari($keyword)
{

$query = "SELECT * FROM makanan Where

kota LIKE '%$keyword%' OR
kuliner LIKE '%$keyword%' OR
sayur LIKE '%$keyword%' OR
lauk LIKE '%$keyword%' OR
kue LIKE '%$keyword%'
";

return query($query);
}
3. Hasil Program
 TUGAS 2
Nama : Mohamad Iqbal maulana firmansyah (16)
Kelas : JTD-4C
NIM : 1841160048 JUDUL
Jaringan Semantik dengan Php

1.6 Kesimpulan
Dari praktikum yang telah dilakukan dapat disimpulkan bahwa Jaringan Semantik
dipergunakan untuk mencari percabangan dari sebuah studi kasus yang ada. Yang mana
 TUGAS 2
Nama : Mohamad Iqbal maulana firmansyah (16)
Kelas : JTD-4C
NIM : 1841160048 JUDUL
Jaringan Semantik dengan Php

dapat ditemukan hubungan yang ada. Misalnya pada studi kasus makanan, dapat
ditemukan asal daerah makanan tersebut dan juga makanan dari daerah yang sama
Program yang telah dibuat merupakan representasi dari jaringan semantik yang
dapat digunakan untuk mempermudah dalam pembelajaran yang mana dari sebuah object
ada melalui proses terbuatnya dan juga dipergunakan sebagai apa.
 TUGAS 2
Nama : Mohamad Iqbal maulana firmansyah (16)
Kelas : JTD-4C
NIM : 1841160048 JUDUL
Jaringan Semantik dengan Php

1.7 Daftar Pustaka

[1] A. Nugroho, "Pengertian XAMPP Lengkap dengan Fungsi dan Cara Instalasi," 19 September
2019. [Online]. Available: https://qwords.com. [Accessed 25 Sepetember 2021].
[2] G. Tasari, "Mengenal Visual Studio Code," 25 April 2021. [Online]. Available:
https://www.gamelab.id. [Accessed 25 September 2021].
[3] D. Suhartono, "Semantic Network," Universitas Binus, 2014. [Online]. Available:
https://socs.binus.ac.id. [Accessed 25 September 2021].
[4] Nova, "Contoh Kasus Jaringan Semantik & SCRIPT," 25 Oktober 2010. [Online]. Available:
https://novaeunsuh.wordpress.com. [Accessed 25 September 2021].