PW - Thifal Fadiyah Basar - 185150700111018 - Bab 7

LATIHAN PRAKTIKUM PEMROGRAMAN WEB
BAB : FORM
NAMA : THIFAL FADIYAH BASAR
NIM :185150700111018
ASISTEN : 1. AISYAH JIHAN MARCHA FARAH FIKRIYYAH
2. LINDA NUR MALASARI
TGL PRAKTIKUM: 2 MARET 2020
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 >
Jalankan kode tersebut di browser lalu ganti metode nya dengan GET. lihat perbedaannya
pada URL di browser. Beri kesimpulan
B. Screenshoot
Menggunakan method post
Menggunakan method get
C. Syntax

1 <html>
2 <body>
3 <form action=”proses.php” method=”post”>
6 </form>
7 </body>
8
9 </html>

1 <html>
2 <body>
3 <form action=”proses.php” method=”get”>
6 </form>
7 </body>
8
9 </html>
D. Penjelasan
Pada kode yang menggunakan method post, input yang di masukkan ke form tidak akan di
tampilkan pada browser sedangkan kode yang menggunakan method get input yang di
masukkan dapat di tampilkan pada browser
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 design poster ke website percetakan
3. Form untuk mencari suatu artike di situs berita
4. Form untuk search engine
B. Screenshoot
C. Syntax
D. Penjelasan
1. Form untuk login cocok menggunakan method post karena pada pada form login
terdapat data password yang bersifat rahasia yang tidak dapat di tampilkan
2. Form untuk mengirim gambar design poster ke website percetakan cocok menggunakan
method post yang mendukung pengiriman data berupa multipart/form-data sehingga
method post ini cocok untuk data bentuk non-ASCII maupun binary data seperti gambar
3. Form untuk mencaru suatu artikel di situs berita cocok menggunakan method get karena
proses pencarian artikel data yang dikirimkan bersifat umum.
4. Form untuk search engine cocok menggunakan method get karena proses pencarian data
yang di kirimkan bersifat umum dan juga dengan menggunakan method get
memudahkan apabila ingin membagikan alamat situs yang diinginkan
LATIHAN 3
A. Soal
Tuliskan kode dibawah ini

1 < form action="proses02.php" method="post“
name="input" > Nama Anda: <input type="text"
2 name="nama" required>
3 <br>
4 <input type="submit" name="input" value="Input">
5 < /form >
Kemudian tulis kode dibawah ini
1 < ?php
2 if (isset($_POST['input'])) {
3 $nama = $_POST['nama'];
4 echo "Nama Anda: <b>$nama</b>";
5 }
a. Jalankan kode diatas 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
Input menggunakan nama
Input di kosongkan
C. Syntax
1 <html>
2 <head></head>
3 <body>
4 <form action="proses02.php" method="post“ name="input">
5 Nama Anda: <input type="text" name="nama" required>
6 <br>
8 </form>
9 </body>
10 </html>
1 <?php
5 }
6 ?>
D. Penjelasan
Form yang diisikan data pada kolom nama dan mengklik tombol input browser di arah kan
ke proses02.php dimana merupakan file php tersebut sebagai tempat dimana data yang di
input akan di proses dan di tampilkan karena pada file php ini juga terdapat method post
untuk menampilkan isi dari data yang submit.
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 fungsi dari kode required
B. Screenshoot
C. Syntax
1 <html>
2 <head></head>
3 <body>
4 <form action="proses02.php" method="post“ name="input">
5 Nama Anda: <input type="text" name=">
6 <br>
8 </form>
9 </body>
10 </html>
1 <?php
5 }
6 ?>
D. Penjelasan
Fungsi required adalah untuk menentukan bahawa suatu field harus diisikan terlebih dahulu
sebelum form di submit. Setalah kode required dihapus kode diatas tetap di proses oleh
browser dan di proses oleh proses02.php walaupun user tidak menginputkan data apa-apa.
LATIHAN 5
A. Soal
Tulis kode berikut

1 <form enctype="multipart/form-data" action="upload.php"
2 method="post">
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 {
echo "There was an error uploading the file, please try again!";
11 }
Dimana kah posisi file setelah proses upload selesai?

Apakah hasil output dari kode tersebut setelah dijalankan?
B. Screenshoot
C. Syntax
1 <html>
2 <head></head>
3 <body>
4 <form enctype="multipart/form-data" action="upload.php"
5 method="post">
6 Choose a file to upload:
7 <input name="uploadedfile" type="file" /> <br>
8 <input type="submit" value="Upload File" />
9 </form>
10 </body>
11 </html>
1 <?php
2 $target_path = "uploads/";
3 $target_path = $target_path .
4 basename($_FILES['uploadedfile']['name']);
5
6
7 if(move_uploaded_file($_FILES['uploadedfile']['tmp_nam
8 e'], $target_path)) {
9 echo "The file ". basename(
10 $_FILES['uploadedfile']['name']). " has been uploaded";
11 } else {
12 echo "There was an error uploading the file, please
13 try again!";
14 }
15 ?>
D. Penjelasan
Posisi file setelah proses upload akan tersimpan di folder uploads yang terdapat pada
direktori C:\xampp\htdocs\latihan\uploads. Saat kode dijalan kan browser akan memberi
pilihan untuk memilih file yang akan di upload lalu setelah selesai memilih file yang di
upload tekan tombol upload file untuk mengupload file yang telah dipilih, jika proses
berhasil maka browser akan menampilkan the file <nama file> has been uploaded dan jika
tidak berhasil browser akan menampilkan pesan error.

PW - Thifal Fadiyah Basar - 185150700111018 - Bab 7

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

PW - Thifal Fadiyah Basar - 185150700111018 - Bab 7

Diunggah oleh

Hak Cipta:

Format Tersedia

LATIHAN PRAKTIKUM PEMROGRAMAN WEB

Tulis kode berikut

Menggunakan method post

Menggunakan method get

Menggunakan method get

Menggunakan method get

Tuliskan kode dibawah ini

Input menggunakan nama

Tulis kode berikut

Dimana kah posisi file setelah proses upload selesai?

Anda mungkin juga menyukai