Cassia Vera Diphiperidine - 175150201111026 - Bab 7 PDF

LATIHAN PRAKTIKUM PEMROGRAMAN WEB
BAB : FORM
NAMA : CASSIA VERA DIPHIPERIDINE
NIM : 175150201111026
ASISTEN : 1. MOCHAMAD DWI FADLY
2. MOHAMAD ARIZAL
TGL PRAKTIKUM : 06 MARET 2019
LATIHAN 1
A. Soal
Tulis Kode berikut.
1 <body>
2 <form action=”proses.php” method=”post”>
3 <input type=”text” name=”nama”>
4 <input type=”submit” value=”Go”>
5 </form>
6 </body>
Jelakan tentang kode tersebut di browser lalu ganti metodenya dengan GET. Lihat
perbedaannya pada URL di browser. Beri kesimpulan.
B. Screenshoot
Method POST (Sebelum diinput):
Method POST (Sesudah diinput):
Method GET (Sebelum diinput):

Method GET (Sesudah diinput):
C. Syntax
Proses.php
1 <body>
2 <form action=”proses.php” method=”post”>
5 </form>
6 </body>
Proses.php
1 <body>
2 <form action=”proses.php” method=”get”>
5 </form>
6 </body>
D. Penjelasan
Dari sintaks pertama ketika menggunakan method post maka data yang diinputkan akan
masuk ke request body data. Sedangkan ketika mengganti method post menjadi method get
maka data yang diinputkan akan tampil pada URL, sehingga jika menggunakan method
GET memiliki batas data yang dapat dimasukkan. Namun jika menggunakan method POST
tidak ada batas datanya.
LATIHAN 2
A. Soal
Untuk beberapa kasus berikut, tentukan metode apakah yang cocok untuk digunakan dan
beri alasan.
1. Form untuk login.
2. Form untuk mengirim gambar desain poster ke website percetakan.
3. Form untuk mencari suatu artikel di situs berita.
Form untuk search engine.
B. Screenshoot
C. Syntax
D. Penjelasan
1. Jika ingin membuat form login maka method yang cocok digunakan ialah
menggunakan method POST. Dikarenakan pada form login terdapat password
yang dimiliki oleh suatu akun, untuk menjaga keamanan dari data tersebut maka
akan lebih baik tidak ditampilkan pada URL atau link browser.
2. Jika ingin membuat form untuk mengirim gambar desain poster ke website
percetakan dapat menggunakan method GET agar lebih mengetahui file jenis
apa yang di upload untuk mengirim ke website percetakan.
3. Jika ingin membuat form untuk mencari suatu artikel di situs berita data
menggunakan method GET agar dapat mengetahui hal yang ingin dicari dan
dapat tertera pada URL.
LATIHAN 3
A. Soal
Tulis dan eksekusi kode berikut.
1 <form action="proses02.php" method="post“ name="input>
2 Nama Anda: <input type="text" name="nama" required>
3 <br>
4 <input type="submit" name="input" value="Input">
5 </form>
Kemudian tulis kode di bawah ini.
1 <?php
2 if (isset($_POST['input'])) {
3 $nama = $_POST['nama'];
4 echo "Nama Anda: <b>$nama</b>";
5 }
a. Jalankan kode di atas kemudian isikan data input dan tekan tombol input. Apa yang
terjadi?
b. Ulangi dengan mengosongkan data input dan amati apa yang terjadi.
c. Jelaskan alur pengiriman data dari form yang ada di kode tersebut!
B. Screenshoot
a. Screnshoot
b. Screenshoot
C. Syntax
Form.php
1 <form action="proses02.php" method="post“ name="input">
3 <br>
5 </form>
Form.php
1 <form action="proses02.php" method="post“ name="input">
3 <br>
5 </form>
6
7 <?php
11 }
D. Penjelasan
a. Program yang akan terjadi ialah ketika telah menginputkan nama maka akan langsung
menuju ke halaman file proses02.php yang berisi oleh inputan data lain seperti pada
screenshoot.
b. Jika program ditambahkan pada sintaks yang kedua maka akan terjadi error jika tidak
menginputkan data pada halaman form.php
c. Alur pengiriman data yang terjadi pada form tersebut ialah jika data telah diinputkan
pada file form.php maka data akan di kirim menggunakan method POST dan akan
LATIHAN 4
A. Soal
Ubah kembali kode pada Latihan 3 dengan menghapus tulisan required pada baris 2.
Jalankan kode dan kosongi data nama kemudian tekan tombol Input. Apa yang terjadi?
Jelaskan apa fungsi dari kode required.
B. Screenshoot
C. Syntax
Form.php
1 <form action="proses.php"
method="post“ name="input”>
2 Nama Anda: <input type="text" name="nama">
3 <br>
5 </form>
proses.php
1 <body>
2 <form action="proses.php" method="post">
3 <input type="text" name="nama">
4 <input type="submit" value="Go">
5 </form>
6 </body>
7
8 <?php
12 }
13 ?>
D. Penjelasan
Pada sintaks tersebut setelah mengalami perubahan maka kode required yang dihapus akan
menampilkan output seperti pada screenshot pertama dan ketika ditambah dengan sintaks
lainnya maka akan menghasilkan seperti pada screenshoot kedua.
LATIHAN 5
A. Soal
Tulis kode berikut.
1 <form enctype="multipart/form-data" action="upload.php"
method="post">
2 Choose a file to upload:
3 <input name="uploadedfile" type="file" /> <br>
4 <input type="submit" value="Upload File" />
5 </form>
Tulis kode berikut.
1 <?php
2 $target_path = "uploads/";
3 $target_path = $target_path .
4 basename($_FILES['uploadedfile']['name']);
5
6 if(move_uploaded_file($_FILES['uploadedfile']['tmp_name'],
7 $target_path)) {
8 echo "The file ". basename( $_FILES['uploadedfile']['name']).
9 " has been uploaded";
10 } else {
11 echo "There was an error uploading the file, please try again!";
}
Di manakah posisi file setelah proses upload berhasil?
Apakah hasil output dari kode tersebut setelah dijalankan?
B. Screenshoot
C. Syntax
Form02.php
1 <form enctype="multipart/form-data"
action="upload.php" method="post">
2 Choose a file to upload:
3 <input name="uploadedfile" type="file" /> <br>
4 <input type="submit" value="Upload File" />
5 </form>
upload.php
1 <?php
2 $target_path = "uploads/";
3 $target_path = $target_path .
4 basename($_FILES['uploadedfile']['name']);
5
6 if(move_uploaded_file($_FILES['uploadedfile']['tmp_nam
7 e'], $target_path)) {
8 echo "The file ". basename(
9 $_FILES['uploadedfile']['name']). " has been uploaded";
10 } else {
11 echo "There was an error uploading the file, please
try again!";
}
D. Penjelasan
Jadi pada percobaan yang ada pada sintaks tersebut haruslah membuat direktori/file
terdahulu yang sesuai namanya dengan yang ada di sintaks. Kemudian file yang diinputkan
sesuai dengan screenshot pertama dan berhasil diinputkan dan akan menampilkan pesan
seperti screenshot kedua. File yang dikirim akan masuk ke folder yang dibuat, seperti pada
screenshot ketiga.

Cassia Vera Diphiperidine - 175150201111026 - Bab 7 PDF

Diunggah oleh

Informasi Dokumen

Deskripsi Asli:

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

Cassia Vera Diphiperidine - 175150201111026 - Bab 7 PDF

Diunggah oleh

Hak Cipta:

Format Tersedia

LATIHAN PRAKTIKUM PEMROGRAMAN WEB

Method POST (Sesudah diinput):

Method GET (Sebelum diinput):

Form untuk search engine.

Anda mungkin juga menyukai