Laporan Praktikum

Struktur Kontrol & Pemograman Web

Pendahuluan (Bab1)

Praktek siswa di SMK Pemrograman Web memiliki peran penting dalam

mengaplikasikan pengetahuan teoritis ke dalam dunia nyata. Melalui pengalaman
praktis ini, siswa dapat mengembangkan keterampilan pemrograman web mereka
dan memahami aspek praktis dari industri teknologi informasi. Proposal ini bertujuan
untuk merinci rencana penyusunan laporan hasil praktek siswa, menjelaskan tujuan
praktek, serta metode evaluasi yang akan digunakan untuk mengevaluasi
pencapaian siswa selama periode praktek.

Latar Belakang Pemograman Web Praktikum

Pendidikan di Sekolah Menengah Kejuruan (SMK) memiliki tujuan untuk

mempersiapkan siswa dengan keterampilan yang relevan untuk masuk ke dunia
kerja. Seiring dengan perkembangan teknologi, pemahaman dan keterampilan di
bidang pemrograman web menjadi semakin penting. Pemrograman web merupakan
kunci untuk mengembangkan aplikasi dan situs web modern yang mendukung
berbagai industri.

Tujuan Pemograman Web Praktikum

Tujuan memasukkan pemrograman web sebagai bagian dari kurikulum di Sekolah

Menengah Kejuruan (SMK) adalah untuk membekali siswa dengan keterampilan
yang relevan dengan tuntutan industri yang terus berkembang. Dengan mempelajari
pemrograman web, siswa diharapkan dapat mengembangkan pemahaman yang
mendalam tentang teknologi internet dan pengembangan aplikasi web. Tujuan
utamanya adalah memberikan keterampilan praktis kepada siswa dalam merancang,
membangun, dan mengelola situs web serta aplikasi web. Selain itu, pemrograman
web juga dapat meningkatkan kreativitas siswa dalam merancang antarmuka
pengguna yang menarik. Dengan pemahaman yang baik tentang pemrograman
web, diharapkan siswa SMK dapat lebih siap menghadapi tantangan di dunia kerja
yang semakin digital dan teknologis.
Manfaat Pemograman Web Praktikum

Pemrograman web memiliki manfaat signifikan dalam kurikulum Sekolah Menengah

Kejuruan (SMK) karena memberikan siswa kesempatan untuk mengembangkan
keterampilan yang sangat relevan dengan tuntutan pasar kerja modern. Melalui
pembelajaran pemrograman web, siswa dapat memperoleh pemahaman mendalam
tentang teknologi web, merancang dan mengembangkan aplikasi, serta
memecahkan masalah secara kreatif. Keterampilan ini tidak hanya menciptakan
landasan untuk karir di bidang pengembangan perangkat lunak, tetapi juga
meningkatkan kemampuan siswa untuk beradaptasi dengan perkembangan
teknologi. Selain itu, pemrograman web mendorong pemikiran analitis, pemecahan
masalah, dan kreativitas, yang merupakan kompetensi-kompetensi kunci dalam
menghadapi tantangan dunia industri. Dengan memasukkan pemrograman web
dalam kurikulum SMK, siswa memiliki peluang untuk memperluas wawasan mereka,
meningkatkan daya saing di pasar kerja, dan bersiap untuk berkontribusi dalam era
digital yang terus berkembang.

Teori Percabangan PHP (Bab2)

Pertama-tama untuk membuat from tambah data harus ada koneksi php ke MySQL.
Bila database server menggunakan Visual studio code maka semua file PHP
disimpan pada folder, jika menggunakan XAMPP maka semua file PHP disimpan
pada folder HTDOCS. Cara memanggil dari URL ketikkan localhots/contoh.php.
bila semua file php disimpan dalam folder maka memanggil dari browser serta nama
foldernya. contoh localhots/Php/contoh.php

Sebelum menggunakan pemanggil terhadap file PHP, buat dulu database dan
struktur table yang akan digunakan menyimpan data. Proses membuat database
dan table dapat dilakukkan pada aplikasi visual studio code dan xampp.

- Membuat Database dan tabel

perintah membuat database dan cara mengaktifkan database sebagai berikut :
create database dealermotor;
use dealermotor;

perintah membuat struktur tabel sebagai berikut :

Create tabel motor;
(kodemotor varchar(5), merk varchar(12), harga int);
Hasil Pratek Coding Percabangan PHP IF-ELSE

1.Percabangan IF-ELSE:
Pengertian Singkat: Percabangan IF-ELSE digunakan untuk melakukan seleksi
kondisi, di mana jika suatu kondisi benar (TRUE), maka blok kode di dalam IF akan
dieksekusi; jika kondisi salah (FALSE), blok kode di dalam ELSE yang akan
dieksekusi.
Contoh Code PHP IF-ElSE :
Bagian input
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-
scale=1.0">
<title>Percabangan if_esle_if</title>
</head>
<body>
<h1>Perhitungana Nilai Siswa</h1>
<pre>
<form method="post" action="no2.php">
<label for="nilai_ujian">Nilai Ujian:</label>
<input type="text" name="nilai_ujian" required><br>

<label for="nilai_tugas">Nilai Tugas:</label>

<input type="text" name="nilai_tugas" required><br>

<input type="submit" value="Hitung Grade">

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

Bagian Proses php

<?php
if ($_SERVER["REQUEST_METHOD"] == "POST") {
$nilai_ujian = isset($_POST['nilai_ujian']) ?
floatval($_POST['nilai_ujian']) : 0;
$nilai_tugas = isset($_POST['nilai_tugas']) ?
floatval($_POST['nilai_tugas']) : 0;
$nilai_akhir = 0.7 * $nilai_ujian + 0.3 * $nilai_tugas;

if ($nilai_akhir >= 80) {

 $grade = "A";
} elseif ($nilai_akhir >= 70) {
$grade = "B";
} elseif ($nilai_akhir >= 60) {
$grade = "C";
} elseif ($nilai_akhir >= 50) {
$grade = "D";
} else {
$grade = "E";
}
echo "<h2>Hasil Perhitungan </h2>";
echo "<p>nilai ujian: $nilai_ujian</p>";
echo "<p>nilai tugas: $nilai_tugas</p>";
echo "Nilai akhir: " . $nilai_akhir . "<br>";
echo "Grade: " . $grade . "<br>";
}
?>

Contoh Coding Ke 2

Bagian Input
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-
scale=1.0">
<title>Harga Tiket Bioskop</title>
</head>
<body>
<h1>Harga Tiket Bioskop</h1>
<pre>
<form method="post" action="no4.php">
<label for="usia">Usia:</label>
<input type="number" name="usia" required><br>

<input type="submit" value="Hitung Harga Tiket">

</form>
<pre>
</body>
</html>
Bagian Proses
<?php
if ($_SERVER["REQUEST_METHOD"] == "POST") {
$usia = isset($_POST['usia']) ? intval($_POST['usia']) : 0;

// Menghitung harga tiket berdasarkan usia

if ($usia < 12) {
$harga_tiket = 0.5 * 150000; // 50%
} elseif ($usia >= 12 && $usia <= 18) {
$harga_tiket = 0.75 * 150000; // 25%
} elseif ($usia > 60) {
$harga_tiket = 0.7 * 150000; // 30%
} else {
$harga_tiket = 150000; // tidak diskon
}
echo "<h2>Hasil Pembelian</h2>";
echo "<p>Usia Pembeli: $usia</p>";
echo "Harga tiket: Rp " . number_format($harga_tiket, 0, ',',
'.') . "<br>";
}
?>

2.Percabangan SWITCH-CASE:
Pengertian Singkat: Percabangan SWITCH digunakan untuk mengevaluasi ekspresi
dengan beberapa nilai kemungkinan. Setiap nilai kemungkinan diidentifikasi dengan
menggunakan blok kode CASE.
Contoh:
Bagian Input
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-
scale=1.0">
<title>Pemesanan Tiket</title>
</head>
<body>
<h2>Form Pemesanan Tiket Transportasi</h2>

<form method="post" action="2.php">

<label for="transportasi">Pilih Jenis Transportasi:</label>
<select name="transportasi" id="transportasi">
<option value="pesawat">Pesawat</option>
 <option value="kereta">Kereta Api</option>
<option value="bus">Bus</option>
</select>

<button type="submit" name="submit">Pesan Tiket</button>

</form>

</body>
</html>

Bagian Proses
<?php
if (isset($_POST['submit'])) {
$transportasi = $_POST['transportasi'];

switch ($transportasi) {
case 'pesawat':
$harga = 1500000;
break;
case 'kereta':
$harga = 550000;
break;
case 'bus':
$harga = 250000;
break;
default:
$harga = 0;
break;
}

if ($harga > 0) {
echo "<h1>Total Harga</h1>";
echo "<p>Anda memesan tiket transportasi dari Semarang ke
Jakarta dengan jenis $transportasi.</p>";
echo "<p>Total harga tiket: Rp " . number_format($harga, 0,
',', '.') . "</p>";
} else {
echo "<p>Pilihan transportasi tidak valid.</p>";
}
}
?>
 PENUTUP
(Bab 3)

Demikianlah proposal praktikum mengenai percabangan struktur kontrol dalam

pemrograman web. Kami berharap praktikum ini dapat memberikan pemahaman
yang baik dan bermanfaat bagi peserta dalam mengembangkan keterampilan
pemrograman web mereka. Terima kasih atas perhatian dan dukungannya

SIMPULAN DAN SARAN

•Simpulan :

Dari praktikum ini, dapat disimpulkan bahwa pemahaman tentang percabangan

dalam pemrograman web merupakan hal yang penting bagi para pengembang.
Peserta praktikum telah berhasil mempelajari konsep dasar percabangan dan
mengimplementasikannya dalam kode program menggunakan bahasa
pemrograman JavaScript. Melalui studi kasus dan latihan praktik, peserta juga telah
memiliki pemahaman yang lebih baik tentang aplikasi praktis dari percabangan
dalam pengembangan web.

•Saran :

1. Penekanan pada Studi Kasus:

Lebih banyak studi kasus yang relevan dan realistis dapat ditambahkan dalam
materi praktikum untuk memberikan peserta pengalaman yang lebih kaya dalam
menerapkan percabangan dalam proyek-proyek pengembangan web yang nyata.

2. Latihan Tambahan:

Penambahan latihan-latihan tambahan dengan tingkat kesulitan yang beragam

dapat membantu peserta untuk memperdalam pemahaman mereka tentang
percabangan dan meningkatkan keterampilan implementasi mereka.

3. Peningkatan Interaksi:

Mendorong interaksi yang lebih aktif antara peserta dalam bentuk diskusi kelompok
atau sesi tanya jawab dapat meningkatkan pemahaman kolektif tentang materi dan
memfasilitasi pertukaran ide antara peserta.

4. Penyediaan Sumber Belajar Tambahan:

Menyediakan sumber belajar tambahan, seperti tutorial online atau bahan bacaan,
dapat membantu peserta yang ingin mendalami konsep percabangan lebih lanjut di
luar praktikum.

5. Evaluasi Berkelanjutan:

Melakukan evaluasi berkelanjutan terhadap kemajuan peserta selama praktikum dan

memberikan umpan balik yang konstruktif secara teratur dapat membantu dalam
meningkatkan efektivitas pembelajaran.

Dengan menerapkan saran-saran di atas, praktikum tentang percabangan dalam

pemrograman web dapat menjadi lebih efektif dalam membantu peserta untuk
mengembangkan keterampilan mereka dalam pengembangan web.

SEKIAN DARI SAYA