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

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

Pertemuan 4 Penanganan Form

Penanganan Form 16/10/2014

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

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

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

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

Modul-5 GET & POST. Pemograman Web TEKNIK INFORMATIKA UNIVERSITAS PASUNDAN BANDUNG

Pengenalan Perancangan Web 2017

KURSUS ONLINE JASA WEBMASTERS

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

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

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

RIO ANDRIYAT KRISDIAWAN, M.KOM

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

MODUL 5 GET & POST Pemograman Web Teknik Informatika Universitas Pasundan Bandung 2016/2017

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

HTML FORM. Praktikum III

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

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

MODUL IX FORM. 9.1 Pendahuluan

MODUL GET DAN POST

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

Muhammad Zen Samsono Hadi, ST. MSc.


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

Desain Web. MODUL 2 Desain Form

Form identik dengan formulir

BAB VIII PEMROSESAN FORM

Petunjuk Pemakaian Sistem

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

[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 ]

1. Praktikan mampu mendeskripsikan cara pengiriman data ke server melalui form. 3. Praktikan mengetahui Control Text dan penggunaannya pada form

FORMULIR PADA HALAMAN WEB

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

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

Melewatkan Nilai ke Web Server melalui Field tersembunyi

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

BAB 5 MEMAHAMI METHOD GET DAN POST PADA PHP

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

PEMROGRAMAN WEB. 1 P a g e

MODUL III MEMBUAT FORM DAN HALAMAN WEB DENGAN FRAME

Conditional PRAKTIKUM PHP Conditional, Array & Perulangan di PHP

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

Laporan Bengkel Web II Modul 6

BAB IV IMPLEMENTASI DAN PENGUJIAN

BAB IV HASIL DAN PEMBAHASAN

BAB-12 MEMBUAT FORM HTML

Pemrograman Web. Formulir dalam HTML dan PHP

Gambar 6.1 Tampilan Utama Website

Pemrograman PHP Lanjut. Ahmad Zainudin, S.ST Pemrograman Internet

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

Pertemuan IV. Semester 1

Pemrograman PHP7 untuk Pemula

BAB V IMPLEMENTASI DAN PENGUJIAN

Membuat Database mysql dengan PhpMyAdmin

BAB IV HASIL DAN PEMBAHASAN

BAB I PENDAHULUAN LATAR BELAKANG CONTOH KASUS. Diktat Mata Kuliah Aplikasi Teknologi Online Oleh : Andri Heryandi

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

: MODUL 1 BASIC PHP

BAB IV HASIL DAN UJI COBA

WAP (3) Muhammad Zen S. Hadi, ST. MSc. WAP - The Wireless Application Protocol

MODUL 6 REDIRECT, SESSION & COOKIE

CARA MENJALANKAN PROGRAM. Untuk dapat menjalankan program ini maka user. (pengguna) harus login terlebih dahulu kedalam sistem.

Pemrosesan form HTML

BAB IV HASIL DAN UJI COBA

Tim e-journal Undiksha 2013 USER MANUAL

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

Membuat Form Mahasiswa dengan HTML [Part 1]

MODUL TIK - HTML II KELAS XI SEMESTER I

MODUL 6 Redirect,Session, dan Cookies

OPERATOR DALAM SCRIPT PHP

Gambar 4.40 Layar Pelanggan

2. DASAR TEORI 2.1 PHP5

Layar Message dengan Tab Compose

MODUL 3 INTERNET PROGRAMMING : PHP 3

USER MANUAL UKM PANGAN AWARD Kementerian Perdagangan TIM PENYUSUN SUBDIT PENGEMBANGAN PRODUK LOKAL DIREKTORAT PERDAGANGAN DALAM NEGERI

BAB IV HASIL DAN UJI COBA

X/HTML5 Form. Auriza Akbar 25 Mei 2012

LAPORAN PRAKTIKUM 5 SESSION & COOKIE

BAB IV IMPLEMENTASI_DAN_EVALUASI. dibutuhkan pengembang untuk melakukan menuliskan kode-kode program. Selain

BAB 4 IMPLEMENTASI DAN EVALUASI SISTEM

Panduan Penggunaan Pelaporan Online Managemen Energi. Sebagai User/Manager Energi

Gambar 41 Isi Data DO Gambar 42 Status DO "DELIVERY ORDER RELEASED" Gambar 43 Notifikasi DO Released ke Freight Forwarder...

BAB IV HASIL DAN UJI COBA

DAFTAR GAMBAR Gambar 13 Halaman Portal icargo Gambar 14 Edit Personal Info Gambar 15 Tambah Data Bank

Pemrograman Web DASAR HTML 2

Petunjuk Operasional Vendor Register Vendor. iprocura (eprocurement)

Gambar Tampilan Layar User. Layar ini dibuat agar administrator dapat mengontrol user account yang ada.

Aplikasi Document Imaging untuk PT. XYZ dapat diakses melalui web browser

Pengenalan Visual Basic

Pada Halaman ini user dapat mengganti password yang sudah ada dengan melakukan :

BAB IV IMPLEMENTASI DAN PENGUJIAN

LAMPIRAN TAMPILAN DAN PENGOPERASIAN LAYAR. Gambar 4.86 Tampilan Layar Profil

E Layanan Pendidikan Dasar DAFTAR ISI

Lampiran 1 KUESIONER SISTEM BASIS DATA PT. TRANSINDO JAYA BAHARI

Uji coba login adalah uji coba untuk proses login user ke aplikasi, tanpa

Gambar 4.13 STD Layar Menu Project Level Akses 4 dan Level Akses 3. Gambar 4.14 STD Layar Menu Project Level Akses 2 dan Level Akses 1

E Layanan Pendidikan Dasar DAFTAR ISI

MODUL PEMROGRAMAN WEB

Transkripsi:

Kapita Selekta (KBKI82127, 2 sks) Materi : Penanganan Form Form inputan dibuat dengan tag-tag HTML. Halaman yang mengandung form murni (tidak ada script php) tidak harus disimpan dalam bentuk php, bisa dalam bentuk html.

Untuk merancang sebuah form inputan, setidaknya ada 3 (tiga) hal penting, yaitu METHOD Method dari sebuah form menentukan bagaimana data inputan form dikirim. Method ini ada dua macam, yaitu GET dan POST. Method ini menentukan bagaimana data inputan dikirim dan diproses oleh PHP ACTION Action dari sebuah form menentukan dimana data inputan dari form diproses. Jika action ini dikosongkan, maka dianggap proses form terjadi di halaman yang sama. Jadi halaman form dan halaman proses bisa saja dipisah atau dijadikan satu. SUBMIT BUTTON Submit button merupakan sebuah tombol (pada umumnya) yang berfungsi sebagai trigger pengiriman data dari form inputan. Jika tombol ini ditekan, maka data form akan dikirimkan (diproses) di halaman yang sudah ditentukan pada atribut action.

Perbedaan method GET vs POST GET POST Catt: Variabel telihat pada URL, data setiap variabel dipisahkan dengan &. Contoh http://url/page.php?get1=nilai2&get2=nilai2 Dibatasi oleh panjang string sebanyak 2047 karakter Memungkinkan pengunjung langsung memasukkan nilai variable pada form proses. Variabel diambil dengan $_REQUEST[ nama ] atau $_GET[ nama ] Nilai variabel tersembunyi untuk pengunjung Lebih aman karena lebih susah untuk dimainkan pengunjung melalui pergantian nama variable Tidak dibatasi oleh panjang string Variabel diambil dengan $_REQUEST[ nama ] atau $_POST[ nama ]. Lalu yang lebih aman untuk digunakan?? Tentu saja Method POST, karena lebih susah dimainkan pengunjung melalui pergantian nama variable

Berbagai Cara Penanganan Form Cara 1 : Menyatukan antara Form dan Proses Proses pengolahan form dilakukan di halaman yang sama dengan form inputannya. Jika proses penanganan form berada di satu halaman, maka value atribut action pada tag form tidak perlu diisi (dikosongkan).

Program 4.1 Nama File : input01.php Deskripsi : Program Contoh pengolahan form dimana antara form inputan dan proses pengolahan inputan berada dalam satu halaman

Cara 2 : Memisahkkan antara Form dan Proses Proses pengolahan form dilakukan di halaman yang terpisah dengan form inputannya. Jika proses penanganan form berada dilakukan di halaman yang berbeda, maka value atribut action pada tag form harus diisi dengan alamat halaman tempat proses pengolahan

form. Program 4.2 Nama File : input02.php dan proses02.php Deskripsi : Program menampilkan form inputan dengan method POST

Program 4.4 Nama File Deskripsi : input03.php : Program menampilkan form inputan dengan method GET

Form Input Type TEXT dan PASSWORD Program 4.6 Nama File : input04.php Deskripsi : Program menampilkan form inputan text dalam jumlah banyak. Penjelasan Program 4.6 dan 4.7 Baris 3-6 program 4.7 merupakan proses pengambilan nilai dari masing-masing form inputan text yang terdapat pada program 4.6. Selanjutnya variabel ini ditampilkan di layar (baris 8-11, program 4.7)

Proses04.php

Program 4.8 Nama File Deskripsi : input05.php : Program menampilkan form login (inputan text dan password). HASIL

Program 4.9 Nama File : proses05. php Deskripsi : Program sederhana untuk memeriksa inputan username dan password pada program 4.8 Penjelasan Program 4.8 dan 4.9 Program 4.8 akan menampilkan form login sederhana yang terdiri dari inputan username dan password. Selanjutnya nilai yang diinput akan diproses di program 4.9. Jika username dan password diinput dengan benar maka akan ditampilkan pesan berhasil (lihat gambar) dan jika login salah maka akan ditampilkan pesan kesalahan (lihat gambar).

Form Input Type RADIO Pada inputan jenis radio button, user hanya bisa memilih satu pilihan di antara beberapa pilihan. Program 4.10 Nama File Deskripsi radio button : input06.php : Program menampilkan form pilihan jurusan dengan

Program 4.11 Nama File Deskripsi : proses06. php : Program untuk mengambil dan menampilkan jurusan yang dipilih pada program 4.10 Penjelasan Program 4.10 dan 4.11 Program 4.10 akan menampilkan form pilihan inputan jurusan dengan radio button (lihat gambar). Pada form inputan jenis radio button, name dari masing-masing radio button harus sama, akan tetapi value-nya harus dibedakan.

Form Input Type CHECK BOX Pada form inputan jenis check box, user dimungkinkan memilih lebih dari satu pilihan Program 4.12 Nama File : input07.php Deskripsi : Program menampilkan form inputan nama band favorit dengan check box

Program 4.13 Nama File : proses07. php Deskripsi : Program untuk menampilkan nama band favorit sesuai dengan inputan pada program 4.12

Form Input Type COMBO BOX Program 4.14 Nama File : input08.php Deskripsi : Program menampilkan form inputan film kartun favorit dengan combo box.

Program 4.15 Nama File Deskripsi program 4.14 : proses08. php : Program untuk menampilkan nama film kartun favorit sesuai dengan inputan pada

Tugas Buatlah formulir yang melibatkan : Text,Text Area,Combo Box,Radio Button,Check Box,Submit,Reset Dengan metode Get atau Post dan di kombinasikan dengan metode IF Dikumpulkan minggu depan tulisan tangan dengan terlebih dahulu ditesting source code dengan php

Contoh tampilan: