Form Masukan dengan Method Post

dokumen-dokumen yang mirip
BAB-12 MEMBUAT FORM HTML

Perancangan & Pemprograman WEB. Pertemuan 4 Materi Formulir &Latihan HTML

Tag dasar yang akan kita gunakan untuk membuat form di HTML adalah tag form, input, textarea, select dan option.

KURSUS ONLINE JASA WEBMASTERS

Pemrograman Web. HTML Lanjut. Indrato, S.Kom List. Ordered Lists (OL) Ordered List (OL) Ordered List (OL) PemrogramanWeb.

MODUL PRATIKUM - 05 PEMROGRAMAN BERBASIS WEB (CCP119)

[FORM AND FRAME] PEMROGRAMAN WEB MODUL [ O L E H : Y U N I T A P R A S T Y N I N G S I H, S. K O M ]

P - 6 Bab 4 : HTML (Hypertext Markup Language)

Form Input HTML dan Frame. Siti Maesyaroh. M.Kom.

MODUL III MEMBUAT FORM DAN HALAMAN WEB DENGAN FRAME

Form identik dengan formulir

RIO ANDRIYAT KRISDIAWAN, M.KOM

Pemrograman Basis Data Berbasis Web

MODUL 3 HTML. (HyperText Mark-Up Language) Sub : Tabel & Form

PENGANTAR KOMPUTER DAN TI 2C PERTEMUAN 6 FORM & INPUT HTML

Belajar Java Script INPUT DATA

MENAMPILKAN FRAME FRAME

MODUL TIK - HTML II KELAS XI SEMESTER I

P - 11 Bab 8 : PHP & HTML (Manipulasi Form)

A. Tujuan B. Dasar Teori 1. Pemrosesan Form 2. Konsep Penggunaan Tag <form> pada HTML

Membagun Project Pengolahan Database BUAT DATABASE:AKBU Kemudian Buat Table Barang, dengan struktur seperti berkut:

Pertemuan 4 Penanganan Form

Atribut ACTION tempat menspesifikasikan URL yang akan digunakan sebagai pemroses field input form.

HTML FORM. Praktikum III

Penanganan Form 16/10/2014

PHP Penanganan Form. Overview. 15-Jan Jenis-jenis Form Form Validation. Tag <FORM> Atribut ACTION Atribut METHOD SUBMIT BUTTON

Membuat Pengisihan Borang (Form) dengan Pemrograman WEB

Sintak penulisan form adalah: <form method= post atau get action= program_pemroses > elemen-elemen FORM </form>

IV. Form. A. Pengenalan Form. B. HTML Input Element

Desain Web. Oleh : Ady Purna Kurniawan, ST., MT.

10/04/2014. Oleh: Fiftin Noviyanto, S.T., M.Cs. Form Server Side Scripting

Tujuan: Siswa dapat membuat list item dan form untuk diterapkan dalam pembuatan halaman web

Pengenalan Perancangan Web 2017

Muhammad Zen Samsono Hadi, ST. MSc.

X/HTML5 Form. Auriza Akbar 25 Mei 2012

Kapita Selekta (KBKI82127, 2 sks) Materi : Penanganan Form

MODUL IX FORM. 9.1 Pendahuluan

Pemrosesan form HTML

Ikbal jamaludin

Muhamad Alif,S.Kom Teknik Informatika UTM

MODUL PEMOGRAMAN WEB II STMIK IM BANDUNG MODUL PEMOGRAMAN WEB II. Oleh: CHALIFA CHAZAR. Chalifa Chazar edu.script.id

Tabel dan Form HTML. Kuliah #2. Dept. Ilmu Komputer IPB 2016

1. #**# merupakan karakter yang terdapat pada type data a. text b. password c. radio d. submit e. file jawaban : b

PENGENALAN HTML - 2. Anda bisa menambahkan beberapa cell (kolom) untuk membuat satu baris cell (kolom).

BAB VIII PEMROSESAN FORM

Pemrograman Basis Data Berbasis Web

Penanganan Form. Muhammad Zen Samsono Hadi, ST. MSc. T.TELEKOMUNIKASI - PENS

Bab 5 FORM. A. Maksud Dan Tujuan 1. Maksud

Pertemuan Ke-3 (HTML Lanjut [1]) D3 Manajemen Informatika - Unijoyo 1

MODUL 3 INTERNET PROGRAMMING : PHP 3

BAB III FORMULIR. <input type='text' name='...' size='40' maxlength='..'>

Pengantar E-Business dan E-Commerce

Pertemuan IV. Semester 1

MODUL 8 WEB PROGRAMMING : PHP 3

FORMULIR PADA HALAMAN WEB

Aplikasi Form Menggunakan HTML

Form dan Variabel Oya Suryana

MEMBUAT FORM Dan FRAME 1. Form Form Form

1. Mahasiswa mampu membuat form pada dokumen HTML. 2. Mahasiswa memahami cara penggunaan dari fasilitas Form pada halaman dokumen HTML

MODUL PEMROGRAMAN WEB

P - 6 Bab 4 : HTML (Hypertext Markup Language)

HTML Dasar. PERTEMUAN 1 Tujuan: 1. Siswa dapat memahami dan mengenal perintah-perintah dasar HTML 2. Siswa dapat membuat tabel dan pengaturannya

BAB 8 FORM HANDLING DAN VALIDASI

HTML5. HTML Links Link Images HTML Plug-ins HTML Youtube HTML Input HTML Input Attribute

Soal Remedial Prakarya-1

PEMROGRAMAN WEB. 1 P a g e


TUTORIAL HTML CSS Langkah Tepat menjadi Web Designer Handal, menguasai HTML & CSS, jalan membuat halaman website cantik dan menarik

Menangani Input dari User

FORM DAN ELEMENNYA. Pemrograman Web Teknik Informatika Fakultas Teknologi Industri

WEB DINAMIS 1 PENANGANAN FORM. Agustina Purwatiningsih., S.Kom

Desain Web. MODUL 2 Desain Form

Bagian 20. Bekerja dengan Form menggunakan PHP.

Panduan Web Desain Menggunakan Editor Macromedia Dreamweaver 8

OBJECT INPUT DATA Pada HTML5 Teknik Informatika

HTML (HYPERTEXT MARKUP LANGUAGE)

PHP & MYSQL. Universitas Komputer Indonesia 2004 Taryana. S

Objek Untuk Memasukkan Data Terdapat beberapa Objek Untuk memasukkan data dan biasanya terdapat di dalam suatu Form. Objek- objek untuk memasukkan

Modul 5. Membuat Formulir Pada Template. Disusun oleh. Sri Siska Wirdaniyati JURUSAN STATISTIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

Penanganan Formulir PHP. Pemrograman Web - Penanganan Formulir. Agi Putra Kharisma, ST., MT.

PERHITUNGAN UJI KESERAGAMAN DATA TERHADAP SAMPEL

BAB 5 MEMAHAMI METHOD GET DAN POST PADA PHP

MODUL 2 HTML LANJUT. (Tabel, Form, dan Frame) Mampu menjelaskan table, frame, form, image, hyperlink pada HTML Lanjut dan membuat aplikasinya

Pemrograman Web I (HTML Lanjut) Oleh: Devie Rosa Anamisa

Melewatkan Nilai ke Web Server melalui Field tersembunyi

MODUL 11 MEMBUAT LOGIN USER

HTML Dasar HTML (Hypertext Markup Language) merupakan bahasa pemrograman web yang digunakan untuk membuat halaman situs.

Text input adalah tag input dengan tipe text dimana tag ini berguna dalam penginputan text dengan skala yang tidak terlalu banyak.

4. Type yang berfungsi untuk menerima masukan berupa teks dari pengguna adalah A. Checkbox B. Submit C. File D. Text E. Button

Formulir. Menyisipkan / membuat formulir, lakukan salah satu cara berikut : Insert Forms Insert Bar, pilih kategori Forms

SMH2D3 Web Programming. 7 BAB V PHP SESSION & COOKIES. H a l IDENTITAS. Kajian Teknik pemrograman menggunakan PHP

STMIK DIKTAT SINGKAT MACROMEDIA DREAMWEAVER 8 SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER TASIKMALAYA.

Form Mampu membuat form dan dan mengirim data ke halaman lain Pengaturan Validasi dan keamanan form. Sesi 5

2. Objek Text. Untuk menginputkan data kita dapat menggunakan komponen/objek text. Contoh penggunaannya dapat kita lihat pada contoh berikut :

LAPORAN PRAKTIKUM 5 SESSION & COOKIE

Web Programming (WP) Step 2 [ HTML & PHP BASIC]

Pertama-tama kita buat form login terlebih dahulu. login.htm

FORMAT TEXT. Tag Attribut Value Keterangan. RGB(red,green,blue) Kode Warna. Memberikan warna terhadap background web mengatur posisi text rata kiri

Transkripsi:

12.1. Mengolah data dari form Untuk mengelola data yang dikirim dari web, dapat dilakukan dengan menggunakan peintah Get atau Post. Methode ini dikembangkan oleh pengembang web untuk mendapatkan informasi masukan dari user atau pengunjung web. Perbedaan dari kedua methode ini adalah dalam cara mengirim data. Methode get akan mengirimkan data bersama pada URL, sedangkan Post akan mengirimkan data terpisahdari URL. 12.2. Mengirim data dengan Menggunakan Methode Post Untuk mengirim data dalam halaman web, dan kemudian diterima diaplikasi yang lain, ada dua methode yang digunakan yaitu methoe Post dan Get, Perbedaan dari kedua perintah ini adalah pada methode get data yang dikirim sifatnya terbatas dan datanya dikirim bersama dengan URL, sedangkan dengan menggunakan methhode post data yang dikirimkan ukuran dan jumlahna bias besar dan data dikirim secara terpisah dari URL. Methode Post Form Masukan dengan Method Post <form action="post.php" methode=post> <h3> <pre> Mengirim dengan POST <tr><td>username<td><input type=text name=username> <tr><td>password<td><input type=password name=password> <input type=submit value=send><input type=reset value=cancel> </form> Universitas Komputer Indonesia 2004 Taryana. S. 0818426975 frozen@unikom.ac.id 1

Menangani Action Hasil Methode Post <pre> <b>parameter Terkirim <? echo "<tr><td>username<td>$username"; echo "<tr><td>paassword<td>$password";?> 12.3. Mengirim data dengan Menggunakan Methode Get Contoh bagaimana mengirim dan menangani action dengan menggunakan methode get <form action="get.php" methode=get> <h3> <pre> Mengirim dengan GET <tr><td>panjang<td><input type=number name=panjang> <tr><td>lebar<td><input type=number name=lebar> <input type=submit value=send><input type=reset value=cancel> </form> Universitas Komputer Indonesia 2004 Taryana. S. 0818426975 frozen@unikom.ac.id 2

<pre> <b>parameter Terkirim <? echo "<tr><td>panjang<td>$panjang"; echo "<tr><td>lebar<td>$lebar"; $luas= $panjang * $lebar; echo "<tr><td>luas<td>$luas";?> Form Masukan dengan Method Get Menangani Action Hasil Methode Get Universitas Komputer Indonesia 2004 Taryana. S. 0818426975 frozen@unikom.ac.id 3

12.4. Menghitung Total Belanja dengan Object Input Text Untuk memasukan data dalam form, dapat dilakukan dengan menggunakan beberapa object masukan. Ada beberapa objek masukan yang sering dipergunakan yaitu: Perintah Bentuk Objek Keterangan Input type text Memasukan data perbaris Input type radio Input type checkbook Select TextArea Memilih satu pilihan Memilih pilihan lebih dari satu Memilih salah satu pilihan Memasukan data lebih dari satu bars Membaca dengan menggunakan perintah input type=text, hanya akan membaca data perbaris, berikut adalah contoh aplikasinya. Input.html <form action="input.php" methode=post> <h1> MENGHITUNG <H3> TOTAL HARGA <tr><td>nama Barang<td><input type=text name=nb size=30> <tr><td>harga<td><input type=text name=harga size=10> <tr><td>jumlah<td><input type=text name=jumlah size=10> <input type=submit value=hitung> <input type=reset value=batal> </form> Memasukan data dengan input type text Universitas Komputer Indonesia 2004 Taryana. S. 0818426975 frozen@unikom.ac.id 4

Setelah dijalankan lewat browser maka halaman output akan ditampilkan seperti diatas, kemudian jika kita isi data dan selanjutnya click tombol Hitung, maka program secara otomatis akan memanggil halaman action seperti berikut: input.php <h1> PESANAN ANDA <? echo "<tr><td>nama Barang<td>$NB"; echo "<tr><td>harga<td>$harga"; echo "<tr><td>jumlah<td>$jumlah"; $TOTAL = $HARGA * $JUMLAH; echo "<tr><td>total<td>$total";?> Hasil Action dengan input type text 12.5. Menghitung Laba Rugi Suatu Produksi Berikut kita akan membuat sebuah program aplikasi yang berguna untuk menghitung laba rugi dari suatu produksi, biasanya aplikasi seperti ini diterapkan dalam dunia industri yang memproduksi suatu benda, sehingga dapat diprediksi berapa keuntungan dan kerugiaannya sebelum barang itu dibuat. Universitas Komputer Indonesia 2004 Taryana. S. 0818426975 frozen@unikom.ac.id 5

Halaman Masukan Halaman Output Laba Rugi Universitas Komputer Indonesia 2004 Taryana. S. 0818426975 frozen@unikom.ac.id 6

labarugi.html <form action="labarugi.php" methode=post> <h2> MENGHITUNG LABA RUGI BIAYA SUATU PRODUKSI <BR> <tr><td>biaya Tetap<td><input type=text name=bt size=10> <tr><td>biaya Per Unit<td><input type=text name=bu size=10> <tr><td>harga Jual<td><input type=text name=hj size=10> <tr><td>jumlah Produksi<td><input type=text name=jp size=10> <input type=submit value=hitung> <input type=reset value=batal> </form> labarugi.php <h2> HASIL PERHITUNGAN Diketahui Data Sebagai Berikut: <? echo "<tr><td>biaya Tetap<td><input type=text name=bt size=10 value=$bt>"; echo "<tr><td>biaya Per Unit<td><input type=text name=bu size=10 value=$bu>"; echo "<tr><td>harga Jual<td><input type=text name=hj size=10 value = $HJ>"; echo ""; echo "<tr><td align=center>jumlahproduksi<td align=center>jumlahuntung/rugi<td>keterangan"; for($n=1;$n<=$jp;$n++) $LR=$HJ * $N - ($BT + $BU * $N); echo "<tr><td align=center>$n<td align=right>$lr"; if($lr <0) echo "<td>rugi"; if ($LR == 0) echo "<td>impas"; if ($LR > 0) echo "<td>untung";?> Universitas Komputer Indonesia 2004 Taryana. S. 0818426975 frozen@unikom.ac.id 7

12.6. Pemesanan Tiket Kereta Api dengan Menggunakan Object Select Berikut kita akan mencoba membuat aplikasi dengan menggunakan object select untuk memasukan data digabung dengan objek input type text Diketahui Tabel Tujuan dan Harga Karcis sebagai berikut: TUJUAN HARGA KARCIS JAKARTA 50000 SEMARANG 80000 SURABAYA 100000 Form Pemesanan Tiket Universitas Komputer Indonesia 2004 Taryana. S. 0818426975 frozen@unikom.ac.id 8

Halaman Action pemesanan Tiket TIKET.HTML <form action="tiket1.php" methode =post> FORM PEMESANAN TIKET KERETA API <hr> <table border=0> <tr><td>nama PEMESAN<td><input type=text name=np size=20> <tr><td>alamat<td><input type=text name=alamat size=50> <tr><td>telp<td><input type=text name=telp size=25> <tr><td>tujuan<td><select name=tujuan> <option value="jakarta">jakarta <option value="semarang">semarang <option value="surabaya">surabaya </select> <tr><td>jumlah TIKET<td><input type=text name=jt size=10> <input type=submit value=hitung> <input type=reset value=batal> </form> Universitas Komputer Indonesia 2004 Taryana. S. 0818426975 frozen@unikom.ac.id 9

TIKET1.PHP TIKET YANG DI PESAN ********************* <hr> <table border=0> <? echo "<tr><td>nama PEMESAN<td><input type=text name=np value='$np' size=20>"; echo "<tr><td>alamat<td><input type=text name=alamat value='$alamat' size=50>"; echo "<tr><td>telp<td><input type=text name=telp value= '$TELP' size=25>"; echo "<tr><td>tujuan<td><input type=text name=tujuan value='$tujuan' size=25>"; echo "<tr><td>jumlah TIKET<td><input type=text name=jt value='$jt' size=10>"; if($tujuan='jakarta') $HT=50000; if($tujuan=='semarang') $HT=80000; if($tujuan=='surabya') $HT=100000; $TOTAL = $JT * $HT; echo "<tr><td>total BAYAR<td><input type=text name=total value='$total' size=10>";?> *********** <BR> Terimakasih 12.7. Membuat Aplikasi Rumah Makan dengan Object Checkbox Dalam contoh berikut ada sebuah rumah makan yang ingin membaut program aplikasi untuk melakukan pemesanan secara online, konsumen cukup memilih daftar makanan dan minuman yang telah disediakan, kemudian mengirimnya ke dalam server. Form Pemesanan Universitas Komputer Indonesia 2004 Taryana. S. 0818426975 frozen@unikom.ac.id 10

checkbox.html <form action="checkbox.php" methode=post> <h1> RUMAH MAKAN <BR> KATINEUNG <tr><td>makanan<td>minuman <tr> <td><input type=checkbox name=ng>nasi Goreng <td><input type=checkbox name=tb>teh Botol <tr> <td><input type=checkbox name=sb>soto Bandung <td><input type=checkbox name=ej>es Jeruk <tr> <td><input type=checkbox name=sk>sop Kaki <td><input type=checkbox name=ec>es Campur <tr> <td><input type=checkbox name=nt>nasi Timbel <td><input type=checkbox name=tm>teh Manis <input type=submit value=pesan> <input type=reset> </form> Hasil Perhitungan Program Universitas Komputer Indonesia 2004 Taryana. S. 0818426975 frozen@unikom.ac.id 11

checkbox.php RUMAH MAKAN<BR>KATINEUNG <tr><td>no<td>pesanan<td>harga <? $no=0; if($ng==on) $HNG = 5000; echo "<tr><td>$no<td>nasi GORENG<td>$HNG"; if($sb==on) $HSB = 4000; echo "<tr><td>$no<td>soto BANDUNG<td>$HSB"; if($sk==on) $HSK = 3500; echo "<tr><td>$no<td>sop KAKI<td>$HSK"; if($nt==on) $HNT = 4500; echo "<tr><td>$no<td>nasi TIMBEL<td>$HNT"; if($tb==on) $HTB = 1500; echo "<tr><td>$no<td>teh BOTOL<td>$HTB"; if($ej==on) $HEJ = 3000; echo "<tr><td>$no<td>es JERUK<td>$HEJ"; if($ec==on) $HEC = 3500; echo "<tr><td>$no<td>es CAMPUT<td>$HEC"; if($tm==on) $HTM = 1000; echo "<tr><td>$no<td>teh MANIS<td>$HTM";?> Universitas Komputer Indonesia 2004 Taryana. S. 0818426975 frozen@unikom.ac.id 12

12.8. Menghitung Harga dengan menggunakan object radio Dalam contoh berikut kita akan mencoba membuat aplikasi untuk menghitung data yang masukannya berasal dari object radio button. Berikut adalah contoh tampilan inputnya. Diketahui table Harga sebagai berikut: MERK HP HARGA HP KARTU HARGA KARTU NOKIA 2000000 MENTARI 50000 SIEMENS 2200000 IM3 45000 ERICSONS 1500000 SIMPATI 60000 SAMSUNG 1000000 PROXL 40000 Form Masukan dengan Object Radio Cellular.html <form action="celular.php" methode=post> UNIKOM CELULAR <tr><td>merk HANDPHONE<td><select name=merkhp> <option value="nokia">nokia <option value="siemens">siemens <option value="ericsons">ericsons <option value="samsung">samsung </select> <tr><td>kartu<td><input type=radio name=rd1 value=mentari>mentari Universitas Komputer Indonesia 2004 Taryana. S. 0818426975 frozen@unikom.ac.id 13

<td><input type=radio name=rd1 value=im3>im3 <tr><td><td><input type=radio name=rd1 value=simpati>simpati <td><input type=radio name=rd1 value=proxl>proxl <tr><td>jumlah<td><input type=text name=jumlah> <input type=submit value=hitung><input type=reset value=batal> </form> Form Hasil Perhitungan Cellular.php <CENTER> UNIKOM CELULER <? echo "<tr><td>merk HANDPHONE<td>$merkhp"; if($merkhp=='nokia') $hargahp = 2000000; if($merkhp=='siemens') $hargahp = 2200000; if($merkhp=='ericson') $hargahp = 1500000; echo "<tr><td>harga HP<td>$hargahp"; echo "<tr><td>kartu<td>$rd1"; if($rd1=='mentari') $hargakartu = 50000; if($rd1=='im3') $hargakartu = 45000; if($rd1=='proxl') $hargakartu = 55000; if($rd1=='simpati') $hargakartu = 60000; echo "<tr><td>harga KARTU<td>$hargakartu"; echo "<tr><td>jumlah<td>$jumlah"; $total = ($hargahp + $hargakartu) * $jumlah; echo "<tr><td>total HARGA<td>$total";?> Universitas Komputer Indonesia 2004 Taryana. S. 0818426975 frozen@unikom.ac.id 14