Membuat sendiri helper sederhana ala framework

Ukuran: px
Mulai penontonan dengan halaman:

Download "Membuat sendiri helper sederhana ala framework"

Transkripsi

1

2 Membuat sendiri helper sederhana ala framework Oleh: Fuad Indra Setiawan Pada tutorial saya terdahulu kita sudah belajar tentang bagaimana cara membuat sendiri active record sederhana ala framework, nah pada kesempatan kali ini saya akan berbagi ilmu tentang bagaimana cara membuat helper sederhana ala framework berbasis php. Helper dalam framework, pada dasarnya adalah kumpulan function yang berfungsi untuk mempercepat dalam proses development aplikasi... Pada tutorial saya terdahulu kita sudah belajar tentang bagaimana cara membuat sendiri active record sederhana ala framework, nah pada kesempatan kali ini saya akan berbagi ilmu tentang bagaimana cara membuat helper sederhana ala framework berbasis php. Helper dalam framework pada dasarnya adalah kumpulan function yang berfungsi untuk mempercepat dalam proses development aplikasi. Helper ada bermacam-macam tipenya, ada form, html, url, string dan masih banyak lagi tipe yang lainnya. Pada tutorial kali saya hanya akan membahas mengenai cara pembuatan form helper, html helper, text helper, dan url heper saja. Untuk tipe helper yang lainnya silahkan para pembaca sekalian berkreasi sendiri :-) Ok langsung saja, Pertama kita buat file bernama form_helper.php. Form helper adalah kumpulan function sederhana yang digunakan untuk mempercepat pembuatan form html. Ketiklah program berikut ini <?php /* Form */ // buka tag form function form_open($action, $method, $param) $form_open = "<form action='$action' method='$method' $param>"; return $form_open; // buka tag form multipart/ jika melakukan upload file function form_open_multipart($action, $method, $param)

3 $form_upload_open = "<form action='$action' method='$method' enctype='multipart/form-data' $param>"; return $form_upload_open; // tutup form function form_close() $form_close = "</form>"; return $form_close; // label form function label($label, $for, $param) $label = "<label for='$for' $param>$label</label>"; return $label; // buka filedset function fieldset_open($title, $param) $fieldset_open = "<fieldset $param><legend>$title</legend>"; return $fieldset_open; // tutup fieldset function fieldset_close() $fieldset_close = "</fieldset>"; return $fieldset_close; /* Input */ // input text function input_text($param) $input_text = "<input type='text' $param/>"; return $input_text;

4 // input password function input_password($param) $input_password = "<input type='password' $param/>"; return $input_password; // input hidden function input_hidden($param) $input_hidden = "<input type='hidden' $param/>"; return $input_hidden; // input textarea function input_textarea($cols, $rows, $param, $val) $input_textarea = "<textarea cols=$cols rows=$rows $param>$val</textarea>"; return $input_textarea; // buka dropdown menu function dropdown_open($name,$param) $dropdown_open = "<select name='$name' $param>"; return $dropdown_open; // tutup dropdown menu function dropdown_close() $dropdown_close = "</select>"; return $dropdown_close; // option menu item

5 function input_option($value, $label, $param) $input_option = "<option value='$value' $param>$label</option>"; return $input_option; // checbox item function input_checkbox($name, $value, $param) $input_checkbox = "<input type='checkbox' name='$name' value='$value' $param/>"; return $input_checkbox; // input radio item function input_radio($name, $value, $param) $input_radio = "<input type='radio' name='$name' value='$value' $param/>"; return $input_radio; // input file function input_file($param) $input_file = "<input type='file' $param/>"; return $input_file; /* Button */ // input submit function input_submit($val, $param) $input_submit = "<input type='submit' value='$val' $param/>"; return $input_submit; // input button function input_button($val, $param)

6 $input_button = "<input type='button' value='$val' $param/>"; return $input_button; // input reset function input_reset($val, $param) $input_reset = "<input type='reset' value='$val' $param/>"; return $input_reset;?> Kedua kita buat file bernama html_helper.php. Html helper adalah kumpulan function untuk membuat tag-tag html seperti ganti baris, heading, spasi dan sebagainya. Berikut isi file html_helper.php <?php // ganti baris function br() $br = "<br/>"; return $br; // garis lurus function hr() $hr = "<hr/>"; return $hr; // heading h1 - h6 function heading($title, $size, $param) $heading = "<h$size $param>$title</h$size>"; return $heading; // link tag stylesheet

7 function getcss($url) $getcss = "<link rel='stylesheet' href=$url type='text/css'/>"; return $getcss; // tag favicon function getfavicon($imageurl) $getfavicon = "<link rel='shorcut iocn' href=$imageurl/>"; return $getcss; // get javascript external link function getjs($url) $getjs = "<script type='text/javascript' src=$url></script>"; return $getjs; // tag image function img($img, $param) $img = "<img src='$img' $param/>"; return $img; // spasi function nbsp($count) for ($i = 1; $i <= $count; $i++) echo ' '; // tag meta, untuk SEO (description, keyword, dsb) function meta($name, $content) $meta = "<meta name='$name' content='$content'>"; return $meta;

8 // doctype dokumen function doctype() $doctype="<!doctype html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " return $doctype;?> Ketiga buatlah file text_helper.php. Text helper merupakan kumpulan function yang berkaitan dengan engolhan text, seperti pembatan jumlah huruf dan karakter pada sebuah kalimat. Berikut adalah isi text_helper.php <?php // membatasi jumlah kata pada kalimat function string_limit_words($string, $word_limit) $words = explode(' ', $string); return implode(' ', array_slice($words, 0, $word_limit)); // membatasi jumlah karakter pada string function character_limiter($text,$limiter) $character=substr($text,0,$limiter); return $character;?> Keempat buatlah file url_helper.php. Url helper berfungsi untuk membuat tag html berupa link, redirection halaman, dan seo link. Berikut isi darifile url_helper.php. <?php // redirect halaman dengan delay function redirect_delay($delay, $url)

9 echo "<meta http-equiv='refresh' content=$delay;url=$url>"; // redirect halaman tanpa delay funtion redirect($url) echo header('location:$url'); // redirect halaman dengan javascript function refresh($location) echo"<script>window.location='$location';</script>"; // membuat link function anchor($url, $title, $param) $anchor = "<a href='$url' $param>$title</a>"; return $anchor; // base url situs function base_url() $base_url = " // disesuaikan sesuai direktori root dokumen return $base_url; // membuat friendly url/ SEO url function url_title($s) $c = array (' '); $d = array ('-','/','\\',',','.','#',':',';','\'','"','[',']','','',')','(',' ','`', '~','!','@','%','$','^','&','*','=','?','+'); $s = str_replace($d, ' ', $s); // mengganti karakter array $d menjadi spasi $s = strtolower(str_replace($c, '-', $s)); // membuat seo url return $s;

10 // Auto generate link function auto_link($text) $auto_link = preg_replace("/((?:https? ftp):\/\/\s+[[:alnum:]]\/?)/si", "<a href=\" <?php require_once("helper/form_helper.php"); require_once("helper/html_helper.php"); require_once("helper/text_helper.php"); require_once("helper/url_helper.php"); // Generate seo friendly url $text="membuat website dengan php"; echo url_title($text); // Generate link $param='style="color:red;" title="jago Coding"'; echo anchor(" Coding",$param); // membatasi kata echo string_limit_words($text,4); // auto link $link="

11 echo auto_link($link); // form echo form_open("index.php", "post", ""); echo label("nama", "nama", 'class="label"'); $t1='name="nama"'; echo input_text($t1); echo label("nim", "nim", 'class="label"'); $t2='name="nim"'; echo input_text($t2); echo label("alamat", "alamat", 'class="label"'); echo input_textarea('30', '5', 'class="textarea"', ""); echo input_submit("submit", 'name="submit"'); echo input_reset("clear", 'name="clear"'); echo form_close();?> \" target=_blank> membuat-website-dengan-php<br/><br/> <a href=' style="color:red;" title="jago Coding">Jago Coding</a><br/><br/>membuat website dengan php<br/><br/> <a href=" target=_blank> <form action='index.php' method='post' > <label for='nama' class="label">nama</label><br/>

12 <input type='text' name="nama"/><br/> <label for='nim' class="label">nim</label><br/> <input type='text' name="nim"/><br/> <label for='alamat' class="label">alamat</label><br/> <textarea cols=30 rows=5 class="textarea"></textarea><br/> <input type='submit' value='submit' name="submit"/> <input type='reset' value='clear' name="clear"/> </form> </a>", $text); return $auto_link;?> Kelima, masukkan semua file helper diatas kedalam folder bernama helper. Untuk mengimplementasikan helper yang kita buat sebelumnya, sediakan file index.php dan isi dengan kode berikut <?php require_once("helper/form_helper.php"); require_once("helper/html_helper.php"); require_once("helper/text_helper.php"); require_once("helper/url_helper.php"); // Generate seo friendly url $text="membuat website dengan php"; echo url_title($text); echo br(); // Generate link $param='style="color:red;" title="jago Coding"'; echo anchor(" Coding",$param); echo br(); // membatasi kata echo string_limit_words($text,4); echo br(); // auto link $link=" echo auto_link($link); // form echo form_open("index.php", "post", ""); echo label("nama", "nama", 'class="label"'); $t1='name="nama"'; echo input_text($t1); echo label("nim", "nim", 'class="label"'); $t2='name="nim"'; echo input_text($t2); echo br(); echo label("alamat", "alamat", 'class="label"'); echo input_textarea('30', '5', 'class="textarea"', ""); echo input_submit("submit", 'name="submit"'); echo input_reset("clear", 'name="clear"'); echo form_close();?> Apabila kode index.php dijalankan dan kita view sourcenya maka akan menghasilkan kode sebagai berikut membuat-website-dengan-php<br/><br/> <a href=' style="color:red;" title="jago Coding">Jago Coding</a><br/><br/>membuat website dengan php<br/><br/> <a href="

13 target=_blank> <form action='index.php' method='post' > <label for='nama' class="label">nama</label><br/> <input type='text' name="nama"/><br/> <label for='nim' class="label">nim</label><br/> <input type='text' name="nim"/><br/> <label for='alamat' class="label">alamat</label><br/> <textarea cols=30 rows=5 class="textarea"></textarea><br/> <input type='submit' value='submit' name="submit"/> <input type='reset' value='clear' name="clear"/> </form> Sekian tutorial yang dapat saya berikan. Semoga tutorial "Membuat sendiri helper sederhana ala framework" dapat menginspirasi para pembaca sekalian... Download Source Code Online Demo Salam penulis Fuad Indra Setiawan Tentang Penulis Fuad Indra Setiawan Simpanlah ilmu dengan menulisnya.. Kontak penulis :

Pemrosesan form HTML

Pemrosesan form HTML Pemrosesan form HTML Pemrosesan form HTML Memahami tentang penggunaan Form Memahami tentang perbedaan antara metode GET & POST Memahami tentang pemrosesan file upload Pengolahan Data Dari Form Web menerima

Lebih terperinci

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

PHP Penanganan Form. Overview. 15-Jan Jenis-jenis Form Form Validation. Tag <FORM> Atribut ACTION Atribut METHOD SUBMIT BUTTON Overview Jenis-jenis Form Form Validation PHP Penanganan Form Acep Irham Gufroni, M.Eng. 1 Contoh Aplikasi Form Form Inputan Tag Atribut ACTION Atribut METHOD SUBMIT BUTTON Tag Atribut ACTION

Lebih terperinci

Muhammad Zen Samsono Hadi, ST. MSc.

Muhammad Zen Samsono Hadi, ST. MSc. Penanganan Form Muhammad Zen Samsono Hadi, ST. MSc. On this slide Jenis-jenis Form Form Validation Contoh Aplikasi Form Form Inputan Tag Atribut ACTION Atribut t METHOD SUBMIT BUTTON Tag

Lebih terperinci

Pemrograman Web Berbasis Framework. Pertemuan 5 : Konsep MVC : View. Hasanuddin, S.T., M.Cs. Prodi Teknik Informatika UAD

Pemrograman Web Berbasis Framework. Pertemuan 5 : Konsep MVC : View. Hasanuddin, S.T., M.Cs. Prodi Teknik Informatika UAD Pemrograman Web Berbasis Framework Pertemuan 5 : Konsep MVC : View Hasanuddin, S.T., M.Cs. Prodi Teknik Informatika UAD hasan@uad.ac.id Pokok Bahasan Pendahuluan Penanganan HTML Penanganan Form Penanganan

Lebih terperinci

MODUL 3 INTERNET PROGRAMMING : PHP 3

MODUL 3 INTERNET PROGRAMMING : PHP 3 MODUL 3 INTERNET PROGRAMMING : PHP 3 A. Tujuan : 1. Memahami tentang penggunaan Form 2. Memahami tentang perbedaan antara metode GET & POST 3. Memahami tentang pemrosesan validasi form B. Dasar Teori PENGOLAHAN

Lebih terperinci

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

Penanganan Form. Muhammad Zen Samsono Hadi, ST. MSc. T.TELEKOMUNIKASI - PENS Penanganan Form Muhammad Zen Samsono Hadi, ST. MSc. zenhadi@eepis-its.edu T.TELEKOMUNIKASI - PENS On this slide Jenis-jenis Form Form Validation Contoh Aplikasi Form Form Inputan Tag Atribut ACTION

Lebih terperinci

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

10/04/2014. Oleh: Fiftin Noviyanto, S.T., M.Cs. Form Server Side Scripting Oleh: Fiftin Noviyanto, S.T., M.Cs. Form Server Side Scripting 1 Kegunaan Form Memperoleh data-data user baik nama, alamat dan data lainnya untuk mendaftar pada service yang di sediakan Memperoleh informasi

Lebih terperinci

Form identik dengan formulir

Form identik dengan formulir Oleh : Moh Sulhan Form identik dengan formulir Form sangat dibutuhkan pada saat kita mengizinkan/menginginkan adanya nilai (data) yang dipilih atau dimasukkan olehpengguna. Kapasitas dari form hanya menyediakan

Lebih terperinci

MODUL 8 WEB PROGRAMMING : PHP 3

MODUL 8 WEB PROGRAMMING : PHP 3 MODUL 8 WEB PROGRAMMING : PHP 3 BENGKEL INTERNET PENS-ITS Tujuan : 1. Memahami tentang penggunaan Form 2. Memahami tentang perbedaan antara metode GET & POST 3. Memahami tentang pemrosesan file upload

Lebih terperinci

KURSUS ONLINE JASA WEBMASTERS

KURSUS ONLINE JASA WEBMASTERS KURSUS ONLINE JASA WEBMASTERS HTML FORM JASA WEBMASTERS Jl. Ringin Raya No 124A Condong Catur, Sleman, Yogyakarta FORM 9.1 Form Input HTML Form digunakan untuk mengumpulkan data dari user atau pengguna

Lebih terperinci

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

Perancangan & Pemprograman WEB. Pertemuan 4 Materi Formulir &Latihan HTML Perancangan & Pemprograman WEB Pertemuan 4 Materi Formulir &Latihan HTML Dasar Penggunaan Formulir Untuk membuat formulir maka kita menggunakan tag dan . Dua atribut yang umum digunakan pada

Lebih terperinci

MODUL TIK - HTML II KELAS XI SEMESTER I

MODUL TIK - HTML II KELAS XI SEMESTER I MODUL TIK - HTML II KELAS XI SEMESTER I Dapatkan tutorial-tutorial komputer, soal-soal matematika, soal-soal TIK, modul TIK, modul matematika di http://istiyanto.com. Kini Anda dapat berlangganan dan menerima

Lebih terperinci

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

[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 ] [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 ] Modul FORM DAN FRAME 1. TEORI DASAR FORM Form identik dengan formulir. Form sangat dibutuhkan pada saat

Lebih terperinci

RIO ANDRIYAT KRISDIAWAN, M.KOM

RIO ANDRIYAT KRISDIAWAN, M.KOM RIO ANDRIYAT KRISDIAWAN, M.KOM Form biasanya digunakan untuk melakukan interaksi dengan pengunjung web, misalnya untuk mendapatkan komentar pengunjung, melakukan pendaftaran suatu keanggotaan tertentu,

Lebih terperinci

Muhamad Alif,S.Kom Teknik Informatika UTM

Muhamad Alif,S.Kom Teknik Informatika UTM Muhamad Alif,S.Kom Teknik Informatika UTM FORM Fungsi: Menerima informasi atau meminta umpan balik dari user dan memproses informasi tersebut di server Standar penulisan:

Lebih terperinci

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

Desain Web. Oleh : Ady Purna Kurniawan, ST., MT. Desain Web HTML Lanjut Oleh : Ady Purna Kurniawan, ST., MT. Materi HTML Lanjut 1. List 2. Fontasi 3. Image 4. Hyperlink 5. Form Tag LIST Membuat daftar urutan berupa bullet tdan numbering. Terdiri dari

Lebih terperinci

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

P - 6 Bab 4 : HTML (Hypertext Markup Language) P - 6 Bab 4 : HTML (Hypertext Markup Language) 4.1 Tujuan Mengerti cara membuat table, form & frame HTML. 4.2 Materi 1. Table 2. Form 3. Frame HTML 4.3 Table Tabel terdiri dari beberapa bagian, antara

Lebih terperinci

Prak. E-Bussiness & E-Commerce HTML. (HyperText Markup Language) RAHMADY LIYANTANTO liyantanto.wordpress.com

Prak. E-Bussiness & E-Commerce HTML. (HyperText Markup Language) RAHMADY LIYANTANTO liyantanto.wordpress.com Prak. E-Bussiness & E-Commerce HTML (HyperText Markup Language) RAHMADY LIYANTANTO liyantanto@gmail.com liyantanto.wordpress.com Pendahuluan HTML adalah sebuah bahasa markup yang digunakan untuk membuat

Lebih terperinci

Menangani Input dari User

Menangani Input dari User Menangani Input dari User PHP Programming Language Workshop For Newbie Class Yan Friskantoni

Lebih terperinci

MENAMPILKAN FRAME FRAME

MENAMPILKAN FRAME FRAME MENAMPILKAN FRAME FRAME digunakan untuk membagi window browser menjadi beberapa bagian window, sehingga dapat menampilkan beberapa file dalam window yang berbeda-beda Format Penulisan:

Lebih terperinci

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

PENGANTAR KOMPUTER DAN TI 2C PERTEMUAN 6 FORM & INPUT HTML PENGANTAR KOMPUTER DAN TI 2C PERTEMUAN 6 FORM & INPUT HTML FORM Elemen HTML yang digunakan untuk mendapatkan masukan dari pengguna web. Pengguna web dapat memasukkan input melalui halaman-halaman HTML.

Lebih terperinci

MODUL 1 PENGENALAN HTML

MODUL 1 PENGENALAN HTML MODUL 1 PENGENALAN HTML TUJUAN PRAKTIKUM : 1. Praktikan memahami tentang HTML, CSS, frame dan JS pada HTML serta kegunaannya. 2. Praktikan memahami bagaimana cara membuat web menggunakan HTML, CSS dan

Lebih terperinci

BAB 8 FORM HANDLING DAN VALIDASI

BAB 8 FORM HANDLING DAN VALIDASI Pemrograman Web 115 BAB 8 FORM HANDLING DAN VALIDASI Suatu aplikasi banyak menerima masukan/input data dari pengguna, misalkan ketika registrasi kesuatu website atau ketika login pada halaman email dan

Lebih terperinci

Pengenalan Perancangan Web 2017

Pengenalan Perancangan Web 2017 9. Form dan Input HTML Form adalah elemen HTML yang digunakan untuk mendapatkan masukan dari pengguna web. Pengguna web dapat memasukkan input melalui halaman-halaman HTML. Form biasa digunakan untuk membuat

Lebih terperinci

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

Tujuan: Siswa dapat membuat list item dan form untuk diterapkan dalam pembuatan halaman web HTML DASAR BAGIAN 2 Oleh: Heribertus Heri Istiyanto Materi: 1. List Item 2. Form Tujuan: Siswa dapat membuat list item dan form untuk diterapkan dalam pembuatan halaman web Indikator: 1. Siswa dapat membuat

Lebih terperinci

BAB-12 MEMBUAT FORM HTML

BAB-12 MEMBUAT FORM HTML BAB-12 MEMBUAT FORM HTML 12.1. Form HTML Form HTML digunakan untuk mendapatkan masukan (input) dari pengguna Web. Pengguna Web dapat memasukkan input melalui halaman-halaman HTML. Elemen/tag Form digunakan

Lebih terperinci

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

PENGENALAN HTML - 2. Anda bisa menambahkan beberapa cell (kolom) untuk membuat satu baris cell (kolom). PENGENALAN HTML - 2 G. Tabel HTML Setting untk membuat perintah tabel terdiri dari : Row : mementukan banyaknya baris yang dimiliki oleh tabel. Columns : menentukan banyaknya kolom yang dimiliki tabel.

Lebih terperinci

FORM DAN ELEMENNYA. Pemrograman Web Teknik Informatika Fakultas Teknologi Industri

FORM DAN ELEMENNYA. Pemrograman Web Teknik Informatika Fakultas Teknologi Industri FORM DAN ELEMENNYA 9 Kegunaan Form Memperoleh data-data user baik nama, alamat dan data lainnya untuk mendaftar pada service yang disediakan Memperoleh informasi dari customer secara online Memperoleh

Lebih terperinci

BAB VIII PEMROSESAN FORM

BAB VIII PEMROSESAN FORM BAB VIII PEMROSESAN FORM A. KOMPETENSI DASAR Memahami konsep dasar transfer data dari form HTML. Mampu menangani masukan data dari form HTML. Mampu melakukan inisiasi nilai pada elemen-elemen form HTML.

Lebih terperinci

Gambar 1. Tampilan form karyawan

Gambar 1. Tampilan form karyawan Tutorial Panada Framework Chapter 4 : Validasi Form SamidCorner(Tegal Pembaca yang budiman. Masih bersama tutorial berseri dari Panada Framework, setelah pada chapter yang ketiga mengenai penggunaan form

Lebih terperinci

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

Atribut ACTION tempat menspesifikasikan URL yang akan digunakan sebagai pemroses field input form. FORM DAN INPUT HTML Elemen HTML yang digunakan untuk mendapatkan masukan dari pengguna web. Pengguna web dapat memasukkan input melalui halaman-halaman HTML. Elemen/ TAG ini digunakan membatasi input.

Lebih terperinci

HTML FORM. Praktikum III

HTML FORM. Praktikum III Praktikum III HTML FORM Tujuan : 1. Mengetahui tentang Elemen-elemen FORM. 2. Mampu membuat script FORM HTML. 3. Mampu membuat halaman web dengan menggunakan script HTML dan PHP. Alat dan Bahan : 1. Buku

Lebih terperinci

Membuat sendiri active record sederhana ala framework

Membuat sendiri active record sederhana ala framework Membuat sendiri active record sederhana ala framework Oleh: Fuad Indra Setiawan Jaman sekarang banyak bermunculan framework-framework berbasis php seperti CodeIgniter, Cake php, Ruby On Rails, YII dsb.

Lebih terperinci

X/HTML5 Form. Auriza Akbar 25 Mei 2012

X/HTML5 Form. Auriza Akbar 25 Mei 2012 X/HTML5 Form Auriza Akbar auriza.akbar@gmail.com 25 Mei 2012 Form Form Komponen halaman web yang memiliki kontrol-kontrol formulir: text field, text area, button, radio button, checkbox, User dapat berinteraksi

Lebih terperinci

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

Bab 5 FORM. A. Maksud Dan Tujuan 1. Maksud A. Maksud Dan Tujuan 1. Maksud Bab 5 FORM Menginputkan data menggunakan form dan membuat tombol dengan tag HTML Membuat halaman web terhubung dengan halaman lain (link) 2. Tujuan Mahasiswa dapat membuat

Lebih terperinci

Pengantar E-Business dan E-Commerce

Pengantar E-Business dan E-Commerce Pengantar E-Business dan E-Commerce Pertemuan Ke-10 (HTML Lanjut [2]) Noor Ifada noor.ifada@if.trunojoyo.ac.id S1 Teknik Informatika - Unijoyo 1 Sub Pokok Bahasan: Form Frame Meta tag Entitas Karakter

Lebih terperinci

Modul 3 CSS CASCADE STYLE SHEET

Modul 3 CSS CASCADE STYLE SHEET Modul 3 CSS CASCADE STYLE SHEET Fungsi: Mengatur style elemen yang ada di halaman web, mulai dari memformat text dan format layout. Mengatur kekonsistenan style pada elemen tertentu Keuntungan CSS: Ukuran

Lebih terperinci

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

Tag dasar yang akan kita gunakan untuk membuat form di HTML adalah tag form, input, textarea, select dan option. Form Form biasanya digunakan untuk mengumpulkan data dari pengunjung web kita. Mulai dari form untuk login, form kontak, form untuk pendaftaran user, bahkan untuk mengirimkan data antar halaman web Tag

Lebih terperinci

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

P - 11 Bab 8 : PHP & HTML (Manipulasi Form) P - 11 Bab 8 : PHP & HTML (Manipulasi Form) 8.1 Tujuan Mahasiswa mampu : Mengetahui dan Memahami Perbedaan Method POST & GET Mengetahui dan Memahami Manipulasi Form Mengetahui dan Memahami Pemisahan Form

Lebih terperinci

Ikbal jamaludin

Ikbal jamaludin Ikbal jamaludin 085 2222 01644 Elemen link berfungsi sebagai penghubung antara suatu halaman dengan halaman lain, atau ke URL (uniform Resource Locator) lain bahkan dalam satu halaman untuk berpindah ke

Lebih terperinci

Syntax HTML. Biasanya digunakan untuk menulis komentar, tidak akan timbul dihalaman web.

Syntax HTML. Biasanya digunakan untuk menulis komentar, tidak akan timbul dihalaman web. Syntax HTML Pada tulisan Saya kali ini, Saya memberikannya beserta contoh kode dan gambar, ada beberapa yang Saya tidak beri kode dan gambar, kode, dan gambar sekalipun karena beberapa alasan : Kurangnya

Lebih terperinci

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

1. Mahasiswa mampu membuat form pada dokumen HTML. 2. Mahasiswa memahami cara penggunaan dari fasilitas Form pada halaman dokumen HTML Bab 4. Form Overview Salah satu fasilitas yang disediakan oleh dokumen HTML memungkinkan kita untuk melakukan interaksi lebih terhadap halaman dokumen tersebut. Semisal, kemampuan dokumen HTML mampu menyediakan

Lebih terperinci

2014 TUTORIAL PANADA FRAMEWORK BY DIMAS EDU

2014 TUTORIAL PANADA FRAMEWORK BY DIMAS EDU Tutorial Panada Framework Chapter 3 : Bekerja dengan Form SamidCorner(Tegal) Pembaca yang budiman. Masih dirangkain tutorial berseri Panada Framework, dan pada kesempatan kali ini saya akan membahas mengenai

Lebih terperinci

Aplikasi Form Menggunakan HTML

Aplikasi Form Menggunakan HTML Aplikasi Form Menggunakan HTML Pendahuluan Pembahasan Definisi Form HTML Form diperlukan bila Anda ingin mengumpulkan beberapa data dari pengunjung situs untuk di kirim ke server. Misalnya informasi pendaftaran:

Lebih terperinci

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

A. Tujuan B. Dasar Teori 1. Pemrosesan Form 2. Konsep Penggunaan Tag <form> pada HTML Form HTML A. Tujuan Memahami konsep penggunaan tag pada HTML Mampu menangani masukan data dari form HTML Mampu membuat dan memproses beragam elemen kontrol B. Dasar Teori 1. Pemrosesan Form Pemrosesan

Lebih terperinci

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

WEB DINAMIS 1 PENANGANAN FORM. Agustina Purwatiningsih., S.Kom WEB DINAMIS 1 PENANGANAN FORM Agustina Purwatiningsih., S.Kom 1 PENGERTIAN Form merupakan sebuah metode yang digunakan dalam Web Site yang mengizinkan seorang pengunjung untuk dapat berinteraksi dengan

Lebih terperinci

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

MODUL 3 HTML. (HyperText Mark-Up Language) Sub : Tabel & Form MODUL 3 HTML (HyperText Mark-Up Language) Sub : Tabel & Form Laboratorium Komputer STIMIK PPKIA Pradnya Paramita Malang Pertemuan 3 3.1 Tujuan : 1. Mahasiswa dapat memahami dan mengenai perintah perintah

Lebih terperinci

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

P - 6 Bab 4 : HTML (Hypertext Markup Language) P - 6 Bab 4 : HTML (Hypertext Markup Language) 4.1 Tujuan Mengerti cara membuat table, form & frame HTML. 4.2 Materi 1. Table 2. Form 3. Frame HTML 4.3 Latihan Tabel 1 Latihan Table_1

Lebih terperinci

MODUL III MEMBUAT FORM DAN HALAMAN WEB DENGAN FRAME

MODUL III MEMBUAT FORM DAN HALAMAN WEB DENGAN FRAME MODUL III MEMBUAT FORM DAN HALAMAN WEB DENGAN FRAME A. MAKSUD DAN TUJUAN 1. MAKSUD a. Membuat formulir dengan berbagai tipe b. Membuat tampilan halaman web dengan frame 2. TUJUAN a. Mahasiswa dapat membuat

Lebih terperinci

Halaman Utama. Tampilan Menu. Universitas Sumatera Utara

Halaman Utama. Tampilan Menu. Universitas Sumatera Utara Halaman Utama Tampilan Menu Tampilan Galeri Tampilan Admin Listing Program Halaman Utama

Lebih terperinci

Limitasi Text Input dengan Javascript

Limitasi Text Input dengan Javascript Limitasi Text Input dengan Javascript Oleh: d-newbie Assalamualaikum. wr.wb.sampai jumpa kembali pada kesempatan kali ini saya akan menulis tutorial tentang limitasi inputan dengan menggunakan javascript,

Lebih terperinci

MODUL PEMROGRAMAN WEB

MODUL PEMROGRAMAN WEB MODUL PEMROGRAMAN WEB FORM & METHOD Rajif Agung Yunmar, S.Kom STMIK AMIKOM Yogyakarta 2011 DAFTAR ISI Form & Method... 1 1. Struktur Umum... 1 2. HTML Form Element... 1 3. Method... 5 3.1 Metode GET...

Lebih terperinci

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

STMIK DIKTAT SINGKAT MACROMEDIA DREAMWEAVER 8 SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER TASIKMALAYA. STMIK SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER TASIKMALAYA DIKTAT SINGKAT MACROMEDIA DREAMWEAVER 8 PENDAHULUAN Dreamweaver adalah sebuah program website editor yang berfungsi untuk membuat dan

Lebih terperinci

Desain Web. MODUL 2 Desain Form

Desain Web. MODUL 2 Desain Form 1 MODUL 2 Desain Form A. TUJUAN 1. Mampu membuat form dalam HTML 2. Mampu menggunakan input dalam HTML 3. Mampu menggunakan select dalam HTML 4. Mampu menggunakan textarea dalam HTML B. PETUNJUK 1. Awali

Lebih terperinci

Soal Remedial Prakarya-1

Soal Remedial Prakarya-1 Soal Remedial Prakarya-1 Kerjakan soal ini, dengan memilih salah satu jawaban yang benar. Perhatikan petunjuk: a. Pilihan jawaban yang benar dengan cara memblok pada soal tersebut. b. Dan kirim soal dan

Lebih terperinci

Membuat Plugin Wordpress Sederhana

Membuat Plugin Wordpress Sederhana Membuat Plugin Wordpress Sederhana Oleh: Dewi Rosalin Sebagai pengguna Wordpress tentunya kita sudah tidak asing lagi dengan penggunaan plugin. Mulai dari plugin galeri, keamanan website, optimasi website,

Lebih terperinci

Pemrograman Basis Data Berbasis Web

Pemrograman Basis Data Berbasis Web Pemrograman Basis Data Berbasis Web Pertemuan Ke-8 (PHP Dasar [1]) Noor Ifada noor.ifada@if.trunojoyo.ac.id S1 Teknik Informatika - Unijoyo 1 Sub Pokok Bahasan PHP? Komponen yang dibutuhkan PHP File Mendeklarasikan

Lebih terperinci

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

Kapita Selekta (KBKI82127, 2 sks) Materi : Penanganan Form 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

Lebih terperinci

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

Pemrograman Web. HTML Lanjut. Indrato, S.Kom List. Ordered Lists (OL) Ordered List (OL) Ordered List (OL) PemrogramanWeb. Pemrograman Web Indrato, S.Kom indra.ndr7@gmail.com HTML Lanjut Page 2 List Digunakan untuk membuat daftar, terdiriatas: Ordered List (Numbering) Unordered List (Bullet) Definition List Ordered Lists (OL)

Lebih terperinci

Pertemuan Ke-4 (Peggunaan XHTML) D3 Manajemen Informatika - Unijoyo 1

Pertemuan Ke-4 (Peggunaan XHTML) D3 Manajemen Informatika - Unijoyo 1 Pertemuan Ke-4 (Peggunaan XHTML) D3 Manajemen Informatika - Unijoyo 1 XHTML Mobile Profile Perbedaan antara HTML dan XHTML Kesalahan Pada XHTML D3 Manajemen Informatika - Unijoyo 2 XHTML MP (extensible

Lebih terperinci

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

Web Programming (WP) Step 2 [ HTML & PHP BASIC] Web Programming (WP) Step 2 [ HTML & PHP BASIC] Created By Rolly Yesputra, M.Kom rollyyp.wordpress.com rollyyesputra1@gmail.com 082391177785 767E4C4D 4 March 2015 rollyyp.wordpress.com 1 HTML (Hypertext

Lebih terperinci

Upload File dengan Metode AJAX

Upload File dengan Metode AJAX Upload File dengan Metode AJAX Oleh: Cecep Yusuf Saya akan membahas bagaimana membuat form upload file beserta prosesnya dengan menggunakan teknik AJAX memakai library Ajax File Upload, salah satu library

Lebih terperinci

CSS Tutorial. rosihanari.net. Lebih Lanjut Tentang Selector

CSS Tutorial. rosihanari.net. Lebih Lanjut Tentang Selector rosihanarinet Lebih Lanjut Tentang Selector Dalam CSS, terdapat cascade yang merupakan metode untuk mengatur style supaya tidak terjadi konflik Untuk lebih jelasnya perhatikan contoh berikut ini

Lebih terperinci

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

Text input adalah tag input dengan tipe text dimana tag ini berguna dalam penginputan text dengan skala yang tidak terlalu banyak. NAMA : YOGI PRAYOGA ARI NRP : 2103147020 KELAS : D3PJJ PERCOBAAN 1 Text input adalah tag input dengan tipe text dimana tag ini berguna dalam penginputan text dengan skala yang tidak terlalu banyak. Terdapat

Lebih terperinci

Pertemuan 4 Penanganan Form

Pertemuan 4 Penanganan Form Diktat Kuliah Pemrograman Web Pertemuan Penanganan Form Berbagai Cara Penanganan Form Form Input Type TEXT dan PASSWORD Form Input Type RADIO Form Input Type CHECKBOX Form Input Type COMBO BOX Form Input

Lebih terperinci

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

HTML5. HTML Links Link Images HTML Plug-ins HTML Youtube HTML Input HTML Input Attribute Author : Minarni, S.Kom.,MM Mata Kuliah : Internet Multimedia Lanjut HTML5 HTML Links Link Images HTML Plug-ins HTML Youtube HTML Input HTML Input Attribute HTML5 HTML Links Link digunakan hampir di semua

Lebih terperinci

LAMPIRAN. Lampiran 1 Wawancara dengan Bapak Thoriq Rachmat selaku Manager IT di PT. 1. Apakah perusahaan saat ini membutuhkan sistem server yang baru?

LAMPIRAN. Lampiran 1 Wawancara dengan Bapak Thoriq Rachmat selaku Manager IT di PT. 1. Apakah perusahaan saat ini membutuhkan sistem server yang baru? LAMPIRAN Lampiran 1 Wawancara dengan Bapak Thoriq Rachmat selaku Manager IT di PT. Indonesia News Center. 1. Apakah perusahaan saat ini membutuhkan sistem server yang baru? Jawab: Ya, kami membutuhkan

Lebih terperinci

Pengenalan Script. Definisi HTML

Pengenalan Script. Definisi HTML 1 Pengenalan Script Pada bab ini akan dibahas bahasa script yang dapat digunakan untuk membuat halaman web. Untuk dapat membuat halaman web bahasa script pertama yang harus anda kenal adalah HTML. HTML

Lebih terperinci

LAPORAN PERTEMUAN 2 PERULANGAN DAN FORM PHP

LAPORAN PERTEMUAN 2 PERULANGAN DAN FORM PHP Hari/Tanggal Laporan Paraf Awal Resmi LAPORAN PERTEMUAN 2 PERULANGAN DAN FORM PHP OLEH : HADYAN DWIHASAN PUTRA 426 16 022 Jurusan Teknik Elektro Program Studi D4 Teknik Multimedia dan Jaringan Politeknik

Lebih terperinci

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

HTML Dasar. PERTEMUAN 1 Tujuan: 1. Siswa dapat memahami dan mengenal perintah-perintah dasar HTML 2. Siswa dapat membuat tabel dan pengaturannya HTML Dasar Tujuan: Siswa dapat membuat desain situs menggunakan pemrograman web PERTEMUAN 1 Tujuan: 1. Siswa dapat memahami dan mengenal perintah-perintah dasar HTML 2. Siswa dapat membuat tabel dan pengaturannya

Lebih terperinci

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

Penanganan Formulir PHP. Pemrograman Web - Penanganan Formulir. Agi Putra Kharisma, ST., MT. Penanganan Formulir PHP 1 Agenda Materi Pengayaan Pertemuan Sebelumnya Formulir HTML Jenis Masukan Pada Formulir HTML Metode Pengiriman Formulir Validasi Formulir 2 MATERI PENGAYAAN PERTEMUAN SEBELUMNYA

Lebih terperinci

MODUL PRATIKUM - 05 PEMROGRAMAN BERBASIS WEB (CCP119)

MODUL PRATIKUM - 05 PEMROGRAMAN BERBASIS WEB (CCP119) MODUL PRATIKUM - 05 PEMROGRAMAN BERBASIS WEB (CCP119) Disusun oleh : KARTINI, SKom.,MMSI LABORATORIUM KOMPUTER FAKULTAS ILMU KOMPUTER UNIVERSITAS ESA UNGGUL MODUL PRATIKUM PBW 05 Form, Object Form, From

Lebih terperinci

Melewatkan Nilai ke Web Server melalui Field tersembunyi

Melewatkan Nilai ke Web Server melalui Field tersembunyi Halaman 151-156 Chapter 3 HTML Form M.Ikhwan Bayu Handono 08018279/kelas A Melewatkan Nilai ke Web Server melalui Field tersembunyi Sebuah field tersembunyi, seperti namanya, adalah elemen yang bentuk

Lebih terperinci

Penanganan Form 16/10/2014

Penanganan Form 16/10/2014 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

Lebih terperinci

HTML.

HTML. HTML www.amikom.info HTML HTTP (hypertext transfer protocol) merupakan protokol yang digunakan untuk mentransfer data antara web server ke web browser. Protokol ini mentransfer dokumendokumen web yang

Lebih terperinci

PHP File Upload.

PHP File Upload. PHP File Upload www.bambangherlandi.web.id Create an Upload-File Form Untuk memungkinkan pengguna mengupload file, sebuah formulir dapat sangat berguna. Lihatlah bentuk HTML berikut untuk meng-upload file:

Lebih terperinci

BAB V IMPLEMENTASI DAN PENGUJIAN. lingkungan perangkat lunak, implementasi database beserta struktur program dan

BAB V IMPLEMENTASI DAN PENGUJIAN. lingkungan perangkat lunak, implementasi database beserta struktur program dan BAB V IMPLEMENTASI DAN PENGUJIAN 5.1 Implementasi Bab ini berisi implementasi dari perancangan yang telah dibahas pada bab sebelumnya. Pengimplementasiannya meliputi lingkungan perangkat keras, lingkungan

Lebih terperinci

BAB X AKSES DAN MANIPULASI DATA

BAB X AKSES DAN MANIPULASI DATA BAB X AKSES DAN MANIPULASI DATA A. TUJUAN Memahami konsep dasar akses dan manipulasi data. Mampu mengintegrasikan aplikasi PHP dengan database MySQL. Mampu menghasilkan aplikasi web database untuk pengolahan

Lebih terperinci

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

Modul 5. Membuat Formulir Pada Template. Disusun oleh. Sri Siska Wirdaniyati JURUSAN STATISTIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM Modul 5 Membuat Formulir Pada Template Disusun oleh Sri Siska Wirdaniyati JURUSAN STATISTIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS ISLAM INDONESIA YOGYAKARTA 2013 1 BAB I PENDAHULUAN

Lebih terperinci

Praktikum 3 Cookie, Session, dan Database MySQL

Praktikum 3 Cookie, Session, dan Database MySQL Praktikum Cookie, Session, dan Database MySQL Tujuan Praktikum : Memberikan pemahaman kepada mahasiswa tentang cookie dan bagaimana menggunakannya. Memberikan pemahaman kepada mahasiswa tentang session

Lebih terperinci

Membuat Template dengan Bootstrap pada Codeigniter

Membuat Template dengan Bootstrap pada Codeigniter Membuat Template dengan Bootstrap pada Codeigniter Pepen Aandrian Syah pepenaan@gmail.com Abstrak Bootstrap adalah suatu Framework yang digunakan untuk membuat tampilan / desain suatu halaman website.

Lebih terperinci

TUTORIAL CODEIGNITER Langkah Tepat menjadi Web Developer Handal, menguasai CodeIgniter, jalan membuat aplikasi berbasis website lebih mudah

TUTORIAL CODEIGNITER Langkah Tepat menjadi Web Developer Handal, menguasai CodeIgniter, jalan membuat aplikasi berbasis website lebih mudah TUTORIAL CODEIGNITER Langkah Tepat menjadi Web Developer Handal, menguasai CodeIgniter, jalan membuat aplikasi berbasis website lebih mudah www.ilmuwebsite.com Bagian 4. CRUD (Create, Read, Update, Delete)

Lebih terperinci

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

Form Input HTML dan Frame. Siti Maesyaroh. M.Kom. Form Input HTML dan Frame Siti Maesyaroh. M.Kom. Tag Tag ini digunakan untuk membuat rancangan form atau formulir dalam memasukkan data, dimana nantinya data tersebut akan diproses sesuai dengan

Lebih terperinci

Dengan asumsi bahwa aplikasi masih menggunakan cookie, maka query untuk membuka profil adalah seperti berikut:

Dengan asumsi bahwa aplikasi masih menggunakan cookie, maka query untuk membuka profil adalah seperti berikut: Aplikasi Update Profil Aplikasi Update sebaiknya dibuat setelah registrasi, login dan otentikasi selesai karena untuk melihat profil harus melalui sebuah kunci yang dijadikan kriteria where pada query

Lebih terperinci

Panduan Web Desain Menggunakan Editor Macromedia Dreamweaver 8

Panduan Web Desain Menggunakan Editor Macromedia Dreamweaver 8 Panduan Web Desain Menggunakan Editor Macromedia Dreamweaver 8 Oleh Angga Radhitya Rachmat, S.Kom radhizu05@gmail.com 0882 6801 9510 0819 5724 1619 KATA PENGANTAR Puji syukur penulis panjatkan kehadirat

Lebih terperinci

2011 Ahmad Amarullah

2011 Ahmad Amarullah 1 Silabus Mata Kuliah Program Studi : Sistem Informasi Kode Mata Kuliah : Nama Mata Kuliah : Komputer Aplikasi IT ( XHTML & CSS ) Jumlah SKS : 2 SKS Semester : 1 Deskripsi Mata Kuliah : Mata kuliah ini

Lebih terperinci

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

Pemrograman Web I (HTML Lanjut) Oleh: Devie Rosa Anamisa Pemrograman Web I (HTML Lanjut) Oleh: Devie Rosa Anamisa Tujuan Kuliah Mampu Menjelaskan mengenai: format teks Table Frame Form Hyperlink pada HTML Lanjut Format Teks Ada beberapa fasilitas tag yang dapat

Lebih terperinci

Membuat Pengisihan Borang (Form) dengan Pemrograman WEB

Membuat Pengisihan Borang (Form) dengan Pemrograman WEB Modul 7 Membuat Pengisihan Borang (Form) dengan Pemrograman WEB I. Tujuan Mengenal, mengamati dan membuat ragam dialog Pengisihan Borang (Form) dengan Pemrograman WEB. II. Landasan Teori Beberapa contoh

Lebih terperinci

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

IV. Form. A. Pengenalan Form. B. HTML Input Element IV. Form A. Pengenalan Form Kegunaan Form Berikut ini beberapa contoh kegunaan Form dalam web: memperoleh data-data user baik nama, alamat dan data lainnya untuk mendaftar pada service yang di sediakan.

Lebih terperinci

TUTORIAL JQUERY Langkah Tepat menjadi Web Designer Handal, menguasai JQuery JavaScript Library, jalan membuat halaman website lebih atraktif

TUTORIAL JQUERY Langkah Tepat menjadi Web Designer Handal, menguasai JQuery JavaScript Library, jalan membuat halaman website lebih atraktif TUTORIAL JQUERY Langkah Tepat menjadi Web Designer Handal, menguasai JQuery JavaScript Library, jalan membuat halaman website lebih atraktif www.ilmuwebsite.com Bagian 4. Menggunakan Selector JQuery 1

Lebih terperinci

Membuat Form Dinamis dengan HTML & Javascript.

Membuat Form Dinamis dengan HTML & Javascript. Membuat Form Dinamis dengan HTML & Javascript. Oleh: d-newbie Assalamualaikum wr.wb. Form tentunya sudah tidak asing lagi bagi para developer web, element html yg satu ini seolah-olah merupakan element

Lebih terperinci

Modul 1 : Fungsi dalam PHP

Modul 1 : Fungsi dalam PHP 1 Modul 1 : Fungsi dalam PHP Tujuan Pratikum Praktikan mampu memahami tentang fungsi dan mampu membuat fungsi dalam PHP Pengantar Fungsi dalam PHP adalah kumpulan dari beberapa statement yang dibuat dengan

Lebih terperinci

Pemrograman Basis Data Berbasis Web

Pemrograman Basis Data Berbasis Web Pemrograman Basis Data Berbasis Web Pertemuan Ke-8 (PHP Dasar [1]) Noor Ifada S1 Teknik Informatika - Unijoyo 1 Sub Pokok Bahasan PHP? Komponen yang dibutuhkan PHP File Mendeklarasikan PHP PHP Sederhana

Lebih terperinci

Mengelola isi halaman web. Memeriksa informasi untuk relevansi dan currency

Mengelola isi halaman web. Memeriksa informasi untuk relevansi dan currency Mengelola isi halaman web Memeriksa informasi untuk Software Web Design Software web design merupakan perangkat lunak yang berguna untuk membangun/membuat/mendisain halaman-halaman web, baik yang bersifat

Lebih terperinci

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

1. Praktikan mampu mendeskripsikan cara pengiriman data ke server melalui form. 3. Praktikan mengetahui Control Text dan penggunaannya pada form MODUL 2 Form dan JSP TUJUAN PRAKTIKUM : 1. Praktikan mampu mendeskripsikan cara pengiriman data ke server melalui form 2. Praktikan mengetahui elemen-elemen dari form 3. Praktikan mengetahui Control Text

Lebih terperinci

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

1. #**# merupakan karakter yang terdapat pada type data a. text b. password c. radio d. submit e. file jawaban : b 1. #**# merupakan karakter yang terdapat pada type data a. text b. password c. radio d. submit e. file 2. Perintah untuk mengosongkan kolom pada HTML adalah a. tr b. br c. td d. &nbsp e. &nsp jawaban :

Lebih terperinci

Pemrograman Web PRAKTIKUM 1 PENGANTAR

Pemrograman Web PRAKTIKUM 1 PENGANTAR PRAKTIKUM 1 PENGANTAR TUJUAN BELAJAR Mengenalkan dunia web MATERI Teknologi dan Terminologi Web (konsep dan istilah di dunia web) TUGAS Tidak ada TEORI W3C Singkatan World Wide Web Consortium suatu konsorsium

Lebih terperinci

SMH2D3 Web Programming. 3 BAB III TABLE & FORM INPUT DATA HTML5. H a l IDENTITAS. Kajian Web Design menggunakan HTML5 dan CSS3

SMH2D3 Web Programming. 3 BAB III TABLE & FORM INPUT DATA HTML5. H a l IDENTITAS. Kajian Web Design menggunakan HTML5 dan CSS3 3 BAB III TABLE & FORM INPUT DATA HTML5 31 IDENTITAS Kajian Web Design menggunakan HTML5 dan CSS3 Topik Scripting tingkat lanjut, Tabel dan Form HTML5 Kompetensi Utama 3 Mengetahui penggunaan script HTML5

Lebih terperinci

BAB IX Form. Mulailah dengan membuka Notepad, kemudian tulis baris-baris di bawah ini:

BAB IX Form. Mulailah dengan membuka Notepad, kemudian tulis baris-baris di bawah ini: BAB IX Form Mulailah dengan membuka Notepad, kemudian tulis baris-baris di bawah ini: Membuat form html Simpan dengan nama form1.htm di folder

Lebih terperinci

Langkah Cara Membuat Form Login Menggunakan PHP dan MySQL Langkah 1: Membuat Tabel MySQL User/Pengguna

Langkah Cara Membuat Form Login Menggunakan PHP dan MySQL Langkah 1: Membuat Tabel MySQL User/Pengguna Dalam tutorial cara membuat form login dengan PHP dan MySQL, kita akan belajar membuat halaman login untuk website dengan menggunakan PHP Session. Tutorial ini merupakan tutorial tingkat dasar, sederhana

Lebih terperinci