Sisi Klien PEMBELAJARAN A.Diskripsi

Pemrograman Web Semester 1 209 | P a g e Gambar 19.2 client – server

A. Sisi Klien

Server akan memproses data dan kemudian mengirim respon kepada pengguna. Disisi klien memastikan data mana yang dkirim melalui elemen form. Di sisi klien , HTML untuk mengkonfigurasi permintaan HTTP untuk mengirim data ke server . Hal ini memungkinkan pengguna untuk memberikan informasi yang akan disampaikan dalam permintaan HTTP . Atribut yang sangat peran saat pengiriman data adalah action dan method . Atribut – atribut dari elemen HTML form adalah sebagai berikut : Atribut Action Atribut ini mendefinisikan mana data akan dikirim . Nilainya harus merupakan URL yang valid . Jika atribut ini tidak menyediakan , data akan dikirim ke URL halaman ini berisi formulir. Contoh penggunaan atribut action 1.data dikirim ke http:foo.com form action=http:foo.com 2.Data dikirim ke server yang sama bahwa itu host halaman form , tapi ke URL yang berbeda pada server : form action=somewhere_else Atribut Keterangan Method Metode untuk pengiriman data ke tujuan yaitu : a. Get : mengirim data ke server dengan cara meletakan data pada bagian akhir dari Url yang dituju b. Post : datanya dikirim terpisah Action Aksi yang muncul ketika pengguna meneka tombol tertentu PEMROGRAMAN WEB SEMESTER 1 210 | P a g e 3.Tanpa atribut , seperti di bawah , atribut form menyebabkan data yang akan dikirim ke halaman yang meliputi bentuk: form 4. Notasi berikut untuk menunjukkan bahwa data harus dikirim ke halaman yang sama yang berisi formulir , ini diperlukan karena sampai HTML5 , atribut tindakan yang diperlukan . form action= Atribut Method Atribut metode untuk pengiriman data menggunakan post dan get. Atribut ini mendefinisikan bagaimana data dikirim . Protokol HTTP menyediakan beberapa cara untuk melakukan permintaan , data bentuk HTML dapat dikirim melalui setidaknya dua dari mereka : metode GET dan metode POST . Permintaan HTTP terdiri dari dua bagian : sebuah header yang berisi sekumpulan metadata global mengenai kemampuan browser , dan body yang dapat berisi informasi yang diperlukan ke server untuk memproses permintaan khusus . Methode GET Metode GET adalah metode yang digunakan oleh browser untuk meminta server untuk mengirim kembali resource yang dib erikan : hey , server, kirimkan resource ini . Dalam hal ini , browser mengirimkan sebuah body kosong . Karena body kosong , jika formulir dikirim menggunakan metode ini , data yang dikirim ke server ditambahkan ke URL . Contoh penerapan mehode get pada elemen form DOCTYPE html html head titlecek form title head body form action=http:foo.com method=get input name=say value=Hallo Pemrograman Web Semester 1 211 | P a g e input name=to value=Semua buttonkirimkan salambutton form body html Bila listing kode diatas dijalankan maka akan menghasilkan tampilan sebagai berikut Gambar 19.3 penerapan methode get Dari tampilan web pada gambar diatas, bila tombol ‘kirimkan salam” diklik akan mengarah ke suatu alamat web, yaitu foo.com seperti yang terlihat pada gambar dibawah. Gambar 19.4 hasil button dengan method get Dengan menggunakan method get, request HTTP aka terlihat sebagai berikut: GET ?say=Hito=Mom HTTP1.1 Host: foo.com Methode POST Metode POST sedikit berbeda , POST mengirimkan server untuk meminta respon yang memperhitungkan data yang tersedia dalam request. HTTP : hey PEMROGRAMAN WEB SEMESTER 1 212 | P a g e Server , lihatlah data ini dan saya mengirimkan kembali hasil yang baik . Jika form yang dikirim dengan menggunakan data metod POST akan ditambahkan dalam body dari HTTP yang request . Contoh penerapan mehode POST pada elemen form DOCTYPE html html head titlecek form title head body form action=http:foo.com method=post input name=say value=Hall input name=to value=Semua buttonkirim POSTbutton form form body html Bila listing kode diatas dijalankan maka akan menghasilkan tampilan sebagai berikut Gambar 19.5 penerapan methode post Dari tampilan web pada gambar diatas, bila tombol ‘kirim POST” diklik akan mengarah ke suatu alamat web, yaitu foo.com seperti yang terlihat pada gambar dibawah. Pemrograman Web Semester 1 213 | P a g e Gambar 19.6 hasil button dengan method post Dengan menggunakan method post, request HTTP akan terlihat sebagai berikut: POST HTTP1.1 Host: foo.com Content-Type: applicationx-www-form-urlencoded Content-Length: 13 say=Hallto=Semua Content-Length mengindikasikan ukuran dari body sedangkan Content-Type merupakan type data resource dari si pengirim ke server.

B. Sisi Server