Modul4 - 180441100058 - Bagus Dwi Prasetyo

LAPORAN RESMI
MODUL IV
JQUERY
NAMA : BAGUS DWI PRASETYO

N.R.P : 180441100058
DOSEN : Moch. KAUTSAR SOPHAN, S.Kom.,
M.MT.
ASISTEN : MOHAMMAD YUSRIL IHZA MAULANA
TGL PRAKTIKUM : 16 Agustus 2020
Disetujui :
Asisten
Mohammad Yusril Ihza Maulana

170441100056
LABORATORIUM BISNIS INTELIJEN SISTEM

JURUSAN SISTEM INFORMASI
FAKULTAS TEKNIK
UNIVERSITAS TRUNOJOYO MADURA
BAB I
PENDAHULUAN
.1 Latar Belakang
Web merupakan media untuk menanpilkan halaman. Web terbagi menjadi

dua yaitu web statis dan web dinamis. Web statis adalah media untuk
menampilkan halaman statis atau tetap, tetapi yang mengatur nya adalah web
browser. Contoh teknologi yang berkaitan dengan web statis adalah Client Side
seperti HTML, PHP, dll.
Dibuat nya makalah ini adalah untuk mempermudah dalam pembelajaran,
maksudnya walaupun kita tidak begitu mrngerti terhadap pembahasan tetapi
kita sudah mengenal dan mngetahui nya. Hal ini telah memudahkan bagi
pelajar yang mempelajari tentang bab ini karena sudah dikelompokkan sesuai
dengan bahasannya. Tetapi disamping itu kita haru rajin berlatih terus mencoba
membuat web, baik yang statis ataupun dinamis. Berdasarkan kenyataan diatas
penyusun tertarik untuk membuat laporan praktikum yang bertema tentang
pemrograman web.
.2 Tujuan
a. Tujuan
1. Mengenal Jquery
2. Cara penggunaan Jquery
BAB II
DASAR TEORI
2. Dasar Teori
1. jQuery
jQuery adalah javascript library yang bisa dimanfaatkan untuk membuat

aplikasi web dengan cepat yang mana AJAX adalah salah satu fitur dari JQuery.
AJAX (asynchronous Javascript and XMLHTTP) fungsinya mengambil data dari
server secara background, update tampilan web tanpa harus reload browser,
mengirim data ke server. Pada dasarnya AJAX hanya menggunakan objek
XMLHTTP request untuk dapat berkomunikasi dengan server. Meskipun AJAX
ada kata XML, bukan berarti hanya mendukung formal XML saja, akan tetapi bisa
berformat JSON, plain text, dan HTML.
2. Bentuk penulisan jQuery
3. Contoh beberapa selector

BAB III
TUGAS PENDAHULUAN
3.1. SOAL
3.2. JAWABAN
BAB IV
IMPLEMENTASI
3.1 Tugas Praktikum

Menggunakan jquery, buat aplikasi untuk menghitung modus, mean, max, min, dari
beberapa data yang diinputkan secara dinamis
3.2 Jawaban Praktikum
Script :
<?php
if(isset($_POST["submit"])){
$bil1 = $_POST["bil1"];
$angkas = [$bil1,$bil2,$bil3,$bil4,$bil5,$bil6];
// mean
$jumlah_angk = count($angkas);
$sum_angk = array_sum($angkas);
$tot_mean = $sum_angk/$jumlah_angk;
// modus
$v = array_count_values($angkas);
arsort($v);
foreach($v as $k => $v){$tot_modus = $k; break;}
// max
$tot_max = max(array($bil1,$bil2,$bil3,$bil4,$bil5,$bil6));
// min
$tot_min = min(array($bil1,$bil2,$bil3,$bil4,$bil5,$bil6));
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-
scale=1.0">
<title>Tugas1 Modul4</title>
</head>
<body>
<div class="perhitungan">
<form action="" method="post">
<p>Perhitungan</p>

<select name="rumus" id="rumus">
<option class="modulus" value="Modulus" id="modulus">Modus
</option>
<option class="mean" value="Mean" id="mean">Mean</option>
<option class="max" value="Max" id="max">Max</option>
<option class="min" value="Min" id="mix">Min</option>
</select>

<input type="submit" value="submit" name="submit" value="Lih
at hasil">
<br><br>

<input type="text" class="bil1" name="bil1" id="bil1">
<input type="text" name="bil6" id="bil6"> =
<input type="text" name="hasil" id="hasil">
<br>

<p>Hasil Median, Modus, Max, Min
<?php if(isset($_POST["submit"])){ ?>
<p>Mean = <?= $tot_mean; ?></p>
<p>Modus = <?= $tot_modus; ?></p>
<p>Max = <?= $tot_max; ?></p>
<p>Min = <?= $tot_min; ?></p>
<?php } ?>
</p>
</form>
</div>


<script type="text/javascript" src="jquery-3.5.1.min.js"></script>

<script type="text/javascript">
$(".perhitungan").keyup(function(){
var bil1 = parseInt($("#bil1").val())
// Rumus Mean
function mean(arr) {
let sum = arr.reduce((a, b) => a + b, 0);
return sum/arr.length;
}
// Rumuus modus
function mode(arr) {
const frequencyTable = {};
arr.forEach(elem => frequencyTable[elem] = frequencyTa
ble[elem] + 1 || 1);
let modes = [];
let maxFrequency = 0;
for(const key in frequencyTable) {
if(frequencyTable[key] > maxFrequency) {
modes = [Number(key)];
maxFrequency = frequencyTable[key];
}
else if(frequencyTable[key] === maxFrequency) {
modes.push(Number(key));
}
}
if(modes.length === Object.keys(frequencyTable).length
) modes = [];
return modes;
}
// if else select combo box

if ($('.modulus:selected').val()){
var a = [bil1,bil2,bil3,bil4,bil5,bil6];
$("#hasil").attr("value",mode(a))
return mode(a)
}if ($('.mean:selected').val()){
var a = [bil1,bil2,bil3,bil4,bil5,bil6];
$("#hasil").attr("value",mean(a))
return mean(a)
}if ($('.max:selected').val()){
var hasil = Math.max(bil1,bil2,bil3,bil4,bil5,bil6);
$("#hasil").attr("value",hasil)
}if ($('.min:selected').val()){
var hasil = Math.min(bil1,bil2,bil3,bil4,bil5,bil6);
$("#hasil").attr("value",hasil)
}
});
</script>
</body>
</html>
Hasil:
BAB IV
PENUTUP
4.1 Analisa
jQuery adalah javascript library yang bisa dimanfaatkan untuk membuat

aplikasi web dengan cepat yang mana AJAX adalah salah satu fitur dari
JQuery. AJAX (asynchronous Javascript and XMLHTTP) fungsinya
mengambil data dari server secara background, update tampilan web tanpa
harus reload browser, mengirim data ke server.
4.2 Kesimpulan
jQuery adalah javascript library yang bisa dimanfaatkan untuk

membuat aplikasi web dengan cepat yang mana AJAX adalah salah satu fitur
dari JQuery. AJAX (asynchronous Javascript and XMLHTTP) fungsinya
mengambil data dari server secara background, update tampilan web tanpa
harus reload browser, mengirim data ke server.
Pada dasarnya AJAX hanya menggunakan objek XMLHTTP request
untuk dapat berkomunikasi dengan server. Meskipun AJAX ada kata XML,
bukan berarti hanya mendukung formal XML saja, akan tetapi bisa berformat
JSON, plain text, dan HTML

Modul4 - 180441100058 - Bagus Dwi Prasetyo

Diunggah oleh

Informasi Dokumen

Judul Asli

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

Modul4 - 180441100058 - Bagus Dwi Prasetyo

Diunggah oleh

Hak Cipta:

Format Tersedia

LAPORAN RESMI

NAMA : BAGUS DWI PRASETYO

Mohammad Yusril Ihza Maulana

LABORATORIUM BISNIS INTELIJEN SISTEM

Web merupakan media untuk menanpilkan halaman. Web terbagi menjadi

jQuery adalah javascript library yang bisa dimanfaatkan untuk membuat

2. Bentuk penulisan jQuery

3. Contoh beberapa selector

3.1 Tugas Praktikum

3.2 Jawaban Praktikum

// if else select combo box

jQuery adalah javascript library yang bisa dimanfaatkan untuk membuat

jQuery adalah javascript library yang bisa dimanfaatkan untuk

Anda mungkin juga menyukai