WEB PROGRAMMING

Senin, 20 April 2020

TUGAS PERTEMUAN KE 6 WEB PROGRAMMING I

Bentuk soal Diskusi
1.

Dari gambar di atas , dengan melihat urlnya , metode pengiriman datanya apa menggunakan metode apa?
Dan alasannya

Jawaban:
Metode get karena nilai yang dikirimkan bersamaan dengan url, jangan cuma sama url

Jenis /type form apa yg akan saya gunakan untuk membuat type form di atas

Jawaban
Isikan nama : type form yg di pakai text box
No tlp : text box
Alamat :text area
Tampil : submit
Batal : reset

3. Apa perbedaan check bok dan radio button?

Jawaban
Check box bisa memlilih lebih dari satu pilihan kalau radio button hanya memilih 1 pilihan saja

4. Termasuk jenis / type form apa

Jawaban
Combo box

5. Silahkan bebas ngoding apa saja dengan ketentuan berisi text box, text area , combo box dan radio button , tema bebas

Jawaban

Senin, 13 April 2020

TUGAS PERTEMUAN KE 5 WEB PROGRAMMING I

Bentuk soal diskusi

input:

<html>

<head>
<title></title>

<body>
<form action="kel5.php" method="POST">
<h2> form data mahasiswa</h2>
<hr>

Masukan Nama
<br>
<input type="text" name="nama" id="nama" placeholder="masukan nama" required oninvalid="this.setCustomValidity('Maukan Nama Anda')" oninput="setcustomvalidity(' ')"><br>
Masukan Nim
<br>
<input type="text" name="nim" id="nim" placeholder="1218xxxx" required oninvalid="this.setCustomValidity('Nim harus di isi')" oninput="setcustomvalidity(' ')"><br>
<br>

<tr><td>Alamat</td><td><input type="text" name="alamat"></td></tr>
Pilih kelas
<br>
<select name="kelas" id="id" value="kelas">
<option> 12.2A.04</option>
<option> 12.2B.04</option>
<option> 12.2C.04</option>
<option> 12.2D.04</option>
<option> 12.2E.04</option>
<option> 12.2F.04</option>
<br><br>
<tr><td>Kelompok</td><td><input type="text" name="kelompok"></td></tr>

<tr><td>JENIS KELAMIN</td><td>
<input type="radio" name="jenis_kelamin" value="L">Laki Laki
<input type="radio" name="jenis_kelamin" value="P">Perempuan
</td></tr>
</select><br>
<button type="submit" value="submit"> cek data</button>
</form>
</body>
</head>

output:

<html>

<head>
<title> selamat data yang ada masukan benar </title>
</head>

<body>
<h1>selamat data yang anda masukan benar <hr> </h1>
<table border="5">
<td bgcolor="red">
<?php

echo"Nama : $_POST[nama]<br>";
echo"nim : $_POST[nim]<br>";

echo"Alamat : $_POST[alamat]<br>";

echo"kelas : $_POST[kelas]<br>";

echo"Kelompok: $_POST[kelompok]<br>";

echo"JENIS KELAMIN : $_POST[jenis_kelamin]<br>";
?>
</td>
</table>
<button type="submit" value="submit">
<a href="kelompok5.php"> data kembali</a>
</button>
</body>
</html>

input:

<html>

<head>

<body>

<h2> agroniaga elektronik</h2>

<hr>

<tr><td>napel</td><td><input type="text" name="nama"></td></tr>

<tr><td>Alamat</td><td><input type="text" name="alamat"></td></tr>

Pilih barang <br>

<option> kulkas</option>

<tr><td>cara bayar

<input type="checkbox" name="carabayar" value="cash">cash

<input type="checkbox" name="carabayar" value="kredit">kredit

</tr></td>

</select><br>

</form>

</body>

</head>

output:

<html>

<head>

<title> data struktur pelanggan </title>

</head>

<body>

<h1>data struktur pelangggan <hr> </h1>

<?php

echo"napel : $_POST[nama]<br>";

echo"Alamat : $_POST[alamat]<br>";

echo"barang : $_POST[barang]<br>";

echo "$_POST[carabayar]";

</td>

</table>

<a href="tagihan.php"> data kembali</a>

</button>

</body>

</html>

PERTANYAAN SLIDE 5

inputan :

<html>

<head>

<body>

<h2> formulir pegawai negeri konoha</h2>

<tr><td>Alamat</td><td><input type="text" name="alamat"></td></tr><br>

<tr><td>tempat lahir</td><td><input type="text" name="tl"></td></tr><br>

<tr><td>tgl lahir</td><td><input type="text" name="tgl"></td></tr><br>

<tr><td>JENIS KELAMIN</td><td>

<input type="radio" name="jenis_kelamin" value="L">Laki Laki

<input type="radio" name="jenis_kelamin" value="P">Perempuan

</td></tr><br>

<tr><td>pendidikan <br>

</select><br>

<tr>

</tr> </form>

</body>

</head></table></html>

output:

<html>

<head>

<title>formulir pegawai negeri konoha</title>

<h2>FORMULIR PEGAWAI NEGERI KONOHA </h2>

</head>

<body>

<table>

<?php

echo "<table border=1 bgcolor=aqua>";

echo "<tr>";

echo "<th colspan=2></th>";

echo "<tr/>";

echo "<tr>";

echo "<td>nama :</td>" ;

echo "<td>$_POST[nama]</td><br>";

echo "<tr/>";

echo "<td> Alamat: </td>";

echo "<td>$_POST[alamat]</td><br>";

echo "<tr/>";

echo "<td> tempat lahir :</td>";

echo "<td>$_POST[tl]</td><br>";

echo "<tr/>";

echo "<td>tgl lahir: </td>";

echo "<td>$_POST[tgl]</td><br>";

echo "<tr/>";

echo "<td>JENIS KELAMIN </td>";

echo "<td>$_POST[jenis_kelamin]</td><br>";

echo "<tr/>";

echo "<td>pendidikan </td>";

echo "<td>$_POST[pendidikan]</td><br>";

echo "<tr/>";

</td>

</tr>

</button></tr></td>

</table>

</body>

</html>

Senin, 06 April 2020

TUGAS PERTEMUAN KE 4 WEB PROGRAMMING I

Bentuk soal Diskusi grup

1. Apa perbedaan method POST dan GET? POST akan mengirimkan data atau nilai langsung ke action untuk ditampung, tanpa menampilkan pada URL. get akan menampilkan data/nilai pada URL, kemudian akan ditampung oleh action

2. Apa yang di maksud dengan form? <form> element digunakan untuk menampung macam-macam element. Yang biasanya terdapat kotak input (control) dan element lainnya.

3. Buat lah coding dari gambar di bawah ini

Jawaban:

<html>

<head>

<body>

<h2> Form Absensi Mahasiswa </h2>

<h3> UNIVERSITAS BINA SARANA INFORMATIKA </h3>

<hr>

Masukan Nama

<br>

Masukan Nim

<br>

<br>

Pilih kelas

<br>

</select><br>

<button type="submit" value="submit"> Absen</button>

</form>

</body>

</head>

</html>

ini file 1 lagi :

<html>

<head>

<title> Data Komentar </title>

</head>

<body>

<h1> Data Terkirim<hr> </h1>

<?php

echo"Nama : $_POST[nama]<br>";

echo"nim : $_POST[nim]<br>";

echo"kelas : $_POST[kelas]<br>";

</td>

</table>

<a href="tugass.php">kirim ulang data</a>

</button>

</body>

</html>

jadi intinya dari pertemuan ini

jika kita ingin menggunakan form yang berbeda kita hanya perlu mengubah type data pada inputan tsb.

contoh

<input type ="text"> akan membuat inputann text

<input type ="checkbok"> akan menampilkan chekbok

LATIHAN PENGGUNAAN FORM BAB 6 MODUL

<html>
<head>
<title>pengelolaan data mahasiswa</title>
</head>
<body bgcolor="green">
<form method="post" action="output.php">
<table>
<tr><td>NAMA</td><td><input type="text"

name="nama"></td></tr>
<tr><td>Alamat</td><td><input type="text" name="alamat"></td></tr>
<tr><td>JENIS KELAMIN</td><td>
<input type="radio" name="jenis_kelamin"

value="L">Laki Laki
<input type="radio" name="jenis_kelamin"

value="P">Perempuan
</td></tr>
<tr><td>Pekerjaan</td><td>
<select name="pekerjaan">
<option value="pelajar">pelajar</option>
<option value="guru">guru</option>
<option value="dokter">dokter</option>
</select>
<tr><td>hobi

<input type="checkbox" name="hobi" value="olahraga">olahraga
<input type="checkbox" name="hobi" value="Musik">Musik
<input type="checkbox" name="hobi" value="jalanjalan">jalanjalan
</tr></td>

<tr>
<td><input type="submit" name="Simpan" value="simpan">
<input type="reset" name="batal" value="batal"></td>
</tr>
</table>
</form>
</body>
</html>

output:

<html>

<head>

<title>Data Mahasiswa</title>

</head>

<body>

<table>

<?php

echo "<table border=1 bgcolor=aqua>";

echo "<tr>";

echo "<th colspan=2>Data Mahasiswa</th>";

echo "<tr/>";

echo "<tr>";

echo "<td>Nama</td>" ;

echo "<td>$_POST[nama]</td><br>";

echo "<tr/>";

echo "<td> Alamat </td>";

echo "<td>$_POST[alamat]</td><br>";

echo "<tr/>";

echo "<td> JENIS KELAMIN </td>";

echo "<td>$_POST[Jenis_Kelamin]</td><br>";

echo "<tr/>";

echo "<td>Pekerjaan </td>";

echo "<td>$_POST[pekerjaan]</td><br>";

echo "<tr/>";

echo "<td>hobi </td>";

echo "<td>$_POST[hobi]</td><br>";

echo "<tr/>";

</td>

</tr>

</table>

<a href="form.php"> input data lagi </a>

</button>

</body>

</html>

Senin, 30 Maret 2020

TUGAS PERTEMUAN KE 3 WEB PROGRAMMING I

Latihan Operator (Slide)

•Buat script menggunakan bahasa pemrograman PHP untuk menghitung volume balok menggunakan fungsi operator aritmatika dan operator string dengan ketentuan sebagai berikut :

Panjang balok = 10, lebar balok = 7, tinggi balok = 15,

Hitung volume balok dengan rumus = panjang * lebar * tinggi

•Buat variable teks1 yang berisi = “Belajar Menghitung” dan teks2 yang berisi = “Volume Balok. Buat perintah untuk menggabungkan nilai dari variable teks1 dan teks2 menggunakan operator string. Outputnya sebagai berikut :

Jawaban:

<?php

$teks1 = "Belajar Menghitung";

$teks2 = "Volume Balok";

$hasil= $teks1 . $teks2;

echo"$hasil";

echo "<br>";

$p=10;

$l=7;

$t=15;

$volumebalok =$p*$l*$t;

echo "<br>";

echo " Panjang balok : ".$p;

echo "<br>";

echo "Lebar balok : ".$l;

echo "<br>";

echo "Tinggi balok : ".$t;

echo "<br>";

echo " Volume balok=". $volumebalok;

PERTANYAAN DARI DISKUSI

Pertanyaan 1

Sebuah bahasa pemrograman juga wajib untuk mampu mengolah nilai operand (variable atau konstanta yang dioperasikan) menggunakan operator, seperti menjumlah,membagi, dan sebagainya.

Pertanyaannya

dalam pertemuan 3 kita membahas operator.

Apa itu operator?

sebutkan jenis2 operator?

Jawaban:

Operator merupakan Sebuah bahasa pemrograman / symbol yang digunakan untuk mengolah nilai operand (variable atau konstanta yang dioperasikan)

Jenis – jenis Operator:

1.Operator Aritmatika

2.Operator Perbandingan

3.Operator Logika

4.Operator String

Pertanyaan 2

apa yang dimaksud operator aritmatika?

dan pada saat membuat program apa kita menggunakan operator tersebut?.

Jawaban:

Operator Aritmatika adalah operator yang digunakan untuk melakukan perhitungan matematika.

Seperti Penambahan , Pengurangan, Pembagian, Perkalian, Sisa Pembagian, Inkremen, Dekremen

Iyaa, karena Digunakan pada saat kita butuh dalam program perhitungan

Pertanyaan 3
Pada saat apa sebuah program menggunakan operator perbandingan ?
Jelaskan cara menggunakan operator perbandingan?

Jawaban:
Operator perbandingan digunakan ketika membandingkan 2 nilai yaitu true dan false (boolean).
dengan cara membandingan 2 buah data jika salah satu data salah maka akan menghasilkan false begitu juga sebaliknya jika benar maka hasil akan true.

Contohnya :

pertanyaan ke 4

Bisa tunjukkan dari gambar ini mana yang variable mana yang konstanta?

Analisis dalam coding tersebut mana konstanta dan mana variable?

Jawaban:

Variabel adalah suatu tempat untuk menampung data yang nilainya selalu berubah. Variabel digunakan sebagai tempat penyimpanan data sementara.

$bil1, $bil2

Sedangkan, Konstanta adalah suatu tempat untuk menampung data yang nilainya selalu tetap dan tidak pernah berubah. $hasil

Pertanyaan 5
berikan contoh bentuk coding untuk komentar dalam php ?
Langkah2 apa saja yg hrs qt lakukan supaya coding yg kita buat d notepad bisa di jalankan ?
sebutkan dan jelaskan bahasa pemrograman berbasis web yang kamu ketahui dan sebutkan kelemahan dan kelebihannya

Jawaban:
<?php

*/ini komentar

Langkahnya:
1. Nyalakan xampp control panel start apache dan mysql
2. Lalu buat coding dengan save .php
3. Lalu buka browser tulis localhost/htdocs/namafile.

1. Bahasa C

Kelebihan Bahasa C :

Bahasa C tersedia hampir di semua jenis computer
Bahasa C termasuk bahasa tingkat menengah.

Kekurangan Bahasa C :

kadang-kadang membingungkan pemakai.
Bagi pemula pada umumnya akan kesulitan

2. Aplikasi Bahasa Java

Kelebihan Bahasa Java :

Aman, java dirancang dengan konsep keamanan internet.
Mudah dipelajari karena bersifat sederhana.
Mendukung koneksi ke database.

Kekurangan bahasa Java :

Java memakan banyak memori computer.
Java merupakan bahasa yang susah dipelajari.
Program yang dibuat oleh bahasa ini lebih lambat

3. Kelebihan dan kekurangan

Kelebihan bahasa Pascal :

Tipe data standar, tipe-tipe data standar yang telah tersedia bahasa pemrogaman. Pascal memiliki tipe data standar Boolean, integer, char, real, string.
Terstruktur, memiliki sintaks yang memungkinkan penulisan program dipecah menjadi fungsi-fungsi kecil (procedur dan function) yang dapat dipergunakan berulang-ulang.
memiliki struktur yang sederhana dan sangat mendekati bahasa manusia (bahasa inggris) sehingga mudah dipelajari dan dipahami.

Kekurangan bahasa Pascal :

Sintaks Pascal terlalu bertele-tele.
Tidak mendukung pemrograman berorientasi objek.
Pascal tidak fleksibel dan banyak kekurangan yang dibutuhkan untuk membuat aplikasi yang besar.

3. php

Kelebihan :

Sintaks mirip C dan mudah dipelajari.
Berbagai script atau aplikasi yang gratis telah tersedia.

Kekurangan :

Tidak detail untuk pengembangan skala besar.
Tidak memiliki system pemrogaman berorientasi objek yang sesungguhnya

Bentuk tugas Modul

Tugas 04 :

<html>

<head> <title> Tugas 4 </title>

</head>

<?php

$nama ="Widi Marwadi";

$alamat ="Jl Ibu Ganirah No 252 D Cimahi-Bandung";

$ttl ="Jakarta,20 Oktober 1990";

$telepon ="0876778778";

echo"Nama Saya :$nama<br>";

echo"Alamat :$alamat<br>";

echo"Ttl :$ttl<br>";

echo"No Telepon :$telepon<br>";

</body>

</html>

Tugas 05

Buat script menggunakan bahasa pemrograman PHP untuk menghitung volume Kubus

menggunakan fungsi operator aritmatika dan operator string
dengan ketentuan sebagai berikut :

Panjang sisi kubus = 15cm Hitung volume balok dengan rumus = sisi x sisi x sisi.
Buat variable teks1 yang berisi = “Belajar Menghitung”
dan teks2 yang berisi = “Volume Kubus”. Buat perintah untuk menggabungkan
nilai dari variable teks1 dan teks2 menggunakan operator string.

Jawaban:

<?php

$teks1="Belajar Menghitung";

$teks2="Volume Kubus";

$teks3="cm3";

$ps=15;

$vk=$ps*$ps*$ps;

echo "$teks1 . $teks2<br>";

echo "Panjang Sisi Kubus = $ps<br>";

echo "Volume Kubus = $vk $teks3<br>";

Senin, 23 Maret 2020

TUGAS PERTEMUAN KE 2 WEB PROGRAMMING I

MODUL

TUGAS 02 :

Buatlah script html sehingga menghasilkan tampilan berikut ini :

Jawaban

<html>

<head>

</head>

perhatikan bawah Halaman ini seharusnya magenta

<h1>Ini adalah heading1</h1>

<h2>Ini adalah heading2</h2>

<h3>Ini adalah heading3</h3>

<h4>Ini adalah heading4</h4>

<h5>Ini adalah heading5</h5>

<h6>Ini adalah heading6</h6>

Gunakan tag heading hanya untuk membuat heading saja. jangan mengunakan tag tersebut hanya untuk membuat tampilan huru tebal. Gunakan tag lain untuk keperluan itu</br>

<p align=right><h1>Ini adalah heading1</h1></br>

heading diatas telah diposisikan untuk berada di tengah halaman itu

</body>

</html>

TUGAS 03 :

Buatlah script HTML untuk bentuk tampilan di bawah ini :

Jawaban:
<html>
<head>
<title>Tugas 3</title>
</head>
<body>
<table border=1>
<tr>
<th colspan=3 bgcolor="brown">DAFTAR PRODUK</th>
</tr>
<tr>
<td rowspan=4>
<img src="pikachu.png" height="200" width="100" /> </td>

</tr>

<tr><td bgcolor="green">Nama Produk</td>

<td bgcolor="magenta">Canon EOS M10 Kit EF-M 15-45mm</td>
</tr>
<tr>
<td bgcolor="green">Harga</td>
<td bgcolor="magenta">Rp 4.899.000</td>
<tr>
<td bgcolor="green">Fitur Produk</td>
<td bgcolor="magenta">
<ul>
<li>Kamera mirrolesss</li>
<li>Efektifitas Piksel : 18MP</li>
<li>Tipe sensor: CMOS DIGIC 6</li>
<li>Layar : 3.0 Inch</li>
<li>Memiliki lampu flash dengan jarak jangkauan hingga 5 meter</li>
</ul>
</td>
</tr>
</table>
</body>
</html>

Demikian jawaban dari kelompok kami, mohon maaf apabila ada kekurangan dan kesalahan kata di dalamnya:)

TUGAS PERTEMUAN KE 1 WEB PROGRAMMING I

Assalamualaikum semuanyaa... Selamat datang di Blog kami yaah.. Semoga bermanfaat :)

Senin, 23 Maret 2020

Tugas diskusi:

1. Struktur navigasi adalah ? gunanya untuk ? kapan harus membuat struktur navigasi ? kenapa kita harus menggunakan struktur navigasi itu ? sebutkan struktur navigasi yang ada dan berikan contoh dengan jelas !

Jawaban :

Struktur navigasi itu seperti jenjang / struktur / tingkatan dari menu/form yang ada di web. Jadi kita membuat struktur navigasi sebelum program, karena itu akan menentukan mana form/menu yang akan menjadi awal dan akhir yang di buka oleh user.

Contoh ketika kita ingin membuat rumah pasti kita butuh model rumah untuk menentukan dimana letak ruang tamu, kamar tidur, kamar mandi dll. Dan besar/luas ruangan akan disesuaikan dengan kebutuhan pengguna, nah struktur navigasi itu seperti itu. Kita akan membuat kategori dari form-form apa saja yang harus masuk ke menu master, menu transaksi, laporan atau hanya profil saja yang bisa di letakkan di menu utama.

Nah kalau struktur navigasi yang kita pakai kebanyakan sekarang adalah campuran, Karena contohnya ketika kita ingin melihat jadwal pelajaran, coba kalian lihat web kampus untuk membuka jadwal pelajaran kita perlu membuka dulu tab pelajaran akan tetapi ketika ingin kembali ke menu personal kita cukup klik personal langsung ke halamannya tanpa perlu klik terlebih dahulu pelajaran. Maka struktur navigasi yang kita pakai adalah campuran.

Contoh struktur navigasi linear, Pernah ga kalian ngalamin HP nokia yang kalau mau lihat pesan harus klik menu, pesan, kotak masuk dst. Ribet banget kan mencet tombolnya.

2. Apa itu web server ? berikan contoh yang kamu tau ? dan kenapa kalian memilih web server itu?

Jawaban:

Web server adalah sebuah software yang memberikan layanan berbasis data dan berfungsi menerima permintaan dari HTTP pada pengguna yang biasanya kita kenal dengan nama web browser (Mozilla Firefox, Google Chrome) dan untuk mengirimkan kembali yang hasilnya dalam bentuk beberapa halaman web yang biasanya berbentuk dokumen HTML.

Contohnya seperti :

1. Apache.
2. Apache Tomcat.
3. Microsoft Internet Information Services (IIS)

Alasannya kenapa kami lebih memilih menggunakan web server tersebut karena :

Softwarenya handal dan stabil juga gratis
Tidak sulit bagi pemula.
Mendukung kinerja penuh pada sistem operasi Windows.
Mempunyai kemampuan pengecekan jika ada kesalahan.

3. Langkah - langkah apa saja yang harus kita lakukan supaya coding yang kita buat di notepad bisa di jalankan di browser?

Jawaban:

1. Aktifkan / buka xampp control panel terlebih dahulu lalu start mysql dan apache

2. Simpan file yang kalian buat di dalam folder c:\XAMPP\htdocs\ buat folder baru untuk menyimpan file di dalam folder htdocs. Simpan file dengan nama tugas1.php

3. Untuk melihat hasil dari file tadi kita dapat menggunakan browser Mozilla, google chrome, atau jenis browser lain. Ketikkan pada alamat bar “Localhost\Nama Folder Penyimpanan\”, kemudian pilih file tugas1.php

TUGAS 01: MODUL

Buatlah struktur Navigasi dari sebuah halaman website

jawaban :

Senin, 20 April 2020

Senin, 13 April 2020

Senin, 06 April 2020

Senin, 30 Maret 2020

Latihan Operator (Slide)

Bentuk tugas Modul Tugas 04 :

Tugas 05

Senin, 23 Maret 2020

Bentuk tugas Modul

Tugas 04 :