Pemrograman Web 7. Sintaks PHP-4 FORM & EXCEPTION HANDLING Teguh Pribadi

Pemrograman Berbasis Web SAP Pengantar Pemrograman Web Pengantar Server Side Sintaks PHP-1 BASIC Sintaks PHP-2 ARRAY Sintaks PHP-3 FUNCTION Sintaks PHP-4 FORM & EXCEPTION HANDLING Sintaks PHP-5 COOKIES AND SESSION Sintaks PHP-6 CRUD Sintaks PHP-7 ADVANCE DATABASE INTEGRATION Tugas Besar

Sintaks PHP-4 FORM & EXCEPTION HANDLING Konsep Form Macam Form Penanganan Form Exception Handling Studi Kasus EH lain (Client Side  HTML5, JS dan Server Side PHP) EH dengan pihak lain (validasi email) EH dengan CAPTCHA (menghindari robot)

Konsep Form

Form konsep Kertas/manual Web/SI

Macam Form Script Dasar Karakter Pertanyaan Macam-macam dari Form beserta Scriptnya Atribut Form

Macam Form submit

Macam Form script dasar <form action=“…” method=“…”> // textfield // password // checkbox // text area // radiobutton // listbox // combobox // textarea // file </form> Action digunakan untuk menginisialisasi tujuan pengiriman form. Contoh: action=“proses.php”form dikirim ke proses.php Method adalah model pengiriman, 2 modelnya: - POST  name+variable dikirim secara tersembunyi - GET  name+variable nampak di url browser

Macam Form karakter pertanyaan form Pertanyaan dengan isian karakter. Pertanyan dengan pilihan jawaban lebih dari 1 dan hanya boleh milih 1. Pertanyan dengan pilihan jawaban lebih dari 1 dan boleh milih lebih dari 1. Pertanyaan dengan jawaban lampiran/upload.

Macam Form penggolongan berdasarkan penggunaannya Isian karakter Textfield Password Textarea Jawaban lebih dari 1, hanya boleh milih 1. Radiobutton Combo box Jawaban lebih dari 1, boleh milih > 1. Check box Jawaban lampiran. Upload file

Macam Form isian karakter – konsep Diperbolehkan diisi dengan A-Z, a-z, symbol, 0-9. Form dengan Isian karakter: Textfield Password Textarea

Macam Form isian karakter – textfield SCRIPT OUTPUT

Macam Form isian karakter – password SCRIPT OUTPUT

Macam Form isian karakter – textarea SCRIPT OUTPUT

Macam Form jawaban > 1, hanya boleh milih 1 – konsep Jawaban disediakan lebih dari satu, namun hanya boleh memilih salah satunya saja. Macam elemen formnya: Radiobutton Combo box

Macam Form jawaban > 1, hanya boleh milih 1 – radiobutton SCRIPT OUTPUT

Macam Form jawaban > 1, hanya boleh milih 1 – combobox SCRIPT OUTPUT

Macam Form jawaban > 1, boleh milih > 1 – konsep Jawaban disediakan lebih dari satu dan boleh memilih lebih dari satu pula. Macam elemen formnya: Check box

Macam Form jawaban > 1, boleh milih > 1 – Checkbox SCRIPT OUTPUT

Macam Form jawaban lampiran – konsep Jawaban dalam bentuk lampiran/berkas pendukung. Misalnya, Saat kita mengakses facebook. Untuk menunjukkan bahwa kita berada disebuah lokasi selain dapat menggunakan status teks maupun location, maka dapat dilakukan juga dengan melampirkan foto. Dalam SI Pendaftaran Mahasiswa Baru, saat kita ingin menunjukkan terkait kelahiran maka selain mengisi data nilai juga dilengkapi dengan lampiran pdf/hasil scan dari ijazah sma.

Macam Form jawaban lampiran – upload file SCRIPT OUTPUT

Input Type HTML5 new color date datetime-local Email number range url

Input Type HTML5 new color SCRIPT OUTPUT

Input Type HTML5 new date SCRIPT OUTPUT

Input Type HTML5 new datetime-local SCRIPT OUTPUT

Input Type HTML5 new email SCRIPT OUTPUT

Input Type HTML5 new number SCRIPT OUTPUT

Input Type HTML5 new range SCRIPT OUTPUT

Input Type HTML5 new url SCRIPT OUTPUT

Atribut Form

Penanganan Form

a. Logika Basis Data – PHP – UI (2) DB UI PHP

Form konsep Kertas/manual Web/SI

Penanganan Form konsep Method POST dan GET. Meliputi kegiatan CRUD. Create Data yang dimasukkan ke elemen form akan disimpan ke database. Read Data yang berada dalam database akan dilihat. Update Data yang berada dalam database akan dilihat dan diganti dengan data baru. Delete Data yang berada dalam database akan dihapus.

Penanganan Form method – konsep PHP UI <?php $_GET[‘aaa’]; $_POST[‘aaa’]; ?> <input type=“…" name=“aaa">

Penanganan Form method – POST (data kiriman tersembunyi) PHP UI <form action="Penanganan Form - 2. Method - Pemroses POST.php" method="POST"> First name: <input type="text" name="firstname"> <br> Last name: <input type="text" name="lastname"> <br> <input type="submit"></input> </form> <?php echo "DATA DARI UI <br>"; $namaawal=$_POST["firstname"]; $namaakhir=$_POST["lastname"]; echo "Nama Awal : ".$namaawal."<br>"; echo "Nama Akhir: ".$namaakhir."<br>"; echo "Nama Lengkap: ".$namaawal." ".$namaakhir."<br>"; ?>

Penanganan Form method – GET (data kiriman terlihat di url browser) PHP UI <form action="Penanganan Form - 2. Create - Pemroses.php" method="GET"> First name: <input type="text" name="firstname"> <br> Last name: <input type="text" name="lastname"> <br> <input type="submit"></input> </form> <?php echo "DATA DARI UI <br>"; $namaawal=$_GET["firstname"]; $namaakhir=$_GET["lastname"]; echo "Nama Awal : ".$namaawal."<br>"; echo "Nama Akhir: ".$namaakhir."<br>"; echo "Nama Lengkap: ".$namaawal." ".$namaakhir."<br>"; ?>

Penanganan Form penggolongan berdasarkan penggunaannya Isian karakter Textfield Password Textarea Jawaban lebih dari 1, hanya boleh milih 1. Radiobutton Combo box Jawaban lebih dari 1, boleh milih > 1. Check box Jawaban lampiran. Upload file

Penanganan Form isian karakter – textfield SCRIPT OUTPUT

Penanganan Form isian karakter – password SCRIPT OUTPUT

Penanganan Form isian karakter – textarea SCRIPT OUTPUT

Penanganan Form jawaban > 1, hanya boleh milih 1 – radiobutton SCRIPT OUTPUT

Penanganan Form jawaban > 1, hanya boleh milih 1 – combobox SCRIPT OUTPUT

Penanganan Form jawaban > 1, boleh milih > 1 – checkbox SCRIPT OUTPUT

Penanganan Form jawaban lampiran – upload file SCRIPT OUTPUT

Penanganan Form jawaban lampiran – upload file - pemroses SCRIPT OUTPUT

Exception Handling

Exception Handling konsep Exception Handling = Penanganan Pengecualian. Exception handling dapat diartikan dengan penanganan terhadap pengecualian dengan tujuan untuk menyaring data agar terwujud kesesuaian dan kekonsistenan data serta keefektifan dan keefisienan waktu. Contoh: Password gmail dibuat secure dengan user disuruh untuk mengisinya dengan kombinasi angka, huruf kecil, huruf capital, dan symbol. Isian umur dibuat tidak dapat diisi dengan angka. Umur ketika buat akun facebook tidak boleh kurang dari 17.

Exception Handling sisi penanganan Penempatan logika Exception Handling bisa dilakukan di setiap sisi pemrograman web, diantaranya; HTML/ HTML5 Javascript PHP

Exception Handling sisi penanganan – HTML/HTML5 Inputan jumlah pembelian di supermarket. Isinya harus angka. SCRIPT OUTPUT

Exception Handling sisi penanganan – JavaScript Inputan jumlah pembelian di supermarket. Isinya harus angka. SCRIPT OUTPUT

Exception Handling sisi penanganan – PHP (tampilan) Inputan jumlah pembelian di supermarket. Isinya harus angka. SCRIPT OUTPUT

Exception Handling sisi penanganan – PHP (pemroses) SCRIPT OUTPUT

Studi Kasus

Bidang Pemrograman Web Konsep dasar Bidang Pemrograman Web MODEL DATABASE CONTROLLER SERVER SIDE VIEW CLIENT SIDE MySQL (DDL – DML) PHP (Proccesing) HTML CSS JavaScript (User Interface)

Studi Kasus 7_1 EH Client Side  HTML5, JS dan Server Side  PHP Perlakuan validasi email (validasi client side dan serverside tanpa database) Bidang P. Web - POSISI VALIDATOR MODEL DATABASE CONTROLLER SERVER SIDE VIEW CLIENT SIDE PHP (Proccesing) HTML 5 JavaScript (User Interface)

Studi Kasus 7_2 EH dengan database Perlakuan login (validasi database dan clientside tanpa client side) Bidang P. Web - POSISI VALIDATOR MODEL DATABASE CONTROLLER SERVER SIDE VIEW CLIENT SIDE MYSQL (database) PHP (Proccesing)

Studi Kasus 7_2 EH dengan database Logika login

Studi Kasus 7_2 EH dengan database – siapkan database

Studi Kasus 7_2 EH dengan database – form login SCRIPT OUTPUT

Studi Kasus 7_2 EH dengan database – pemroses inputan SCRIPT OUTPUT KONEKSI

Studi Kasus 7_2 EH dengan database – hasil Kondisi benar Kondisi salah

Studi Kasus 7_3 EH dengan CAPTCHA Logika captcha (validasi client side tanpa database dan server side) Bidang P. Web - POSISI VALIDATOR MODEL DATABASE CONTROLLER SERVER SIDE VIEW CLIENT SIDE HTML 5 JavaScript (User Interface)

Studi Kasus 7_3 EH dengan CAPTCHA Logika captcha

Studi Kasus 7_3 EH dengan CAPTCHA SCRIPT OUTPUT

Referensi

Referensi Andrea Tar. 2012. PHP and MySQL 24-Hour Trainer Brett McLaughlin. 2012. PHP & MySQL- The Missing Manual. USA-Brett McLaughlin. USA-O'REILLY Media Brett McLaughlin. 2013. PHP & MySQL- The Missing Manual, 2nd Edition. USA-Brett McLaughlin. USA-O'REILLY Media Fadila, Armando dkk. Pro PHP Application Performance Gilmore, W. Jason. 2010. Beginning php and mysql from novice to professional, 4th edition Head First PHP & MySQL Kroenke, David. 2013. Database Processing 12th Edition Lamandi, BB dkk. 2009. AJAX and PHP Building Modern Web Applications, 2nd Edition Loka Dwiartara. Menyelam dan Menaklukan Samudra PHP Michcel, Lorna Jane. PHP Web Services Mysql Official. 2016. MySQL 5.7 Reference Manual-en Official. php_manual_en PHP6 and MySQL Bible by Steve Suehring

Referensi Power, David. PHP Solutions, 3rd Edition Rochkin Mark. 2013. Expert PHP and MySQL Rosihanari. Basic PHP Tutorial Ruehning, dkk. php_mysql_javascript__html5_all-in-one_for_dummies Sams.Sams.Teach.Yourself.PHP.MySQL.and.Apache.All-in-One.ISBN0672326205 Solichin, Achmad. Pemrograman Web dengan PHP MySQL Tatro, Kvein, dkk. 2013. Programming PHP, 3rd Edition. USA-O'REILLY Media Tutorialpoints.com - mysql tutorial Valade, Janet. PHP & MySQL Web Development All-in-One Desk Reference For Dummies. CanadaWiley Publishing,Inc W3Schools Offline 2016 Welling, Luke and Laura Thomson. 2015. Welling php mysql web 3rd. USA - Sam Publishing Widigdo, Anon Kuncoro. 2003. php dan mysql Wahono, Romi Satria. dasar-php Zandstra, Matt. PHP Objects, Patterns, and Practice, 4th Edition

Referensi

Contact

Contact Email : pribadi@transcipta.com , pribadi.teguh90@gmail.com Site : pribadi.transcipta.com WA/SMS/Call/Telegram/Line : 0857 3600 3963