Membuat sendiri helper sederhana ala framework
|
|
- Sudirman Sasmita
- 6 tahun lalu
- Tontonan:
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 Memahami tentang penggunaan Form Memahami tentang perbedaan antara metode GET & POST Memahami tentang pemrosesan file upload Pengolahan Data Dari Form Web menerima
Lebih terperinciPHP 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 terperinciMuhammad 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 terperinciPemrograman 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 terperinciMODUL 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 terperinciPenanganan 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 terperinci10/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 terperinciForm 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 terperinciMODUL 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 terperinciKURSUS 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 terperinciPerancangan & 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 terperinciMODUL 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 ] Modul FORM DAN FRAME 1. TEORI DASAR FORM Form identik dengan formulir. Form sangat dibutuhkan pada saat
Lebih terperinciRIO 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 terperinciMuhamad 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 terperinciDesain 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 terperinciP - 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 terperinciPrak. 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 terperinciMenangani Input dari User
Menangani Input dari User PHP Programming Language Workshop For Newbie Class Yan Friskantoni
Lebih terperinciMENAMPILKAN 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 terperinciPENGANTAR 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 terperinciMODUL 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 terperinciBAB 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 terperinciPengenalan 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 terperinciTujuan: 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 terperinciBAB-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 terperinciPENGENALAN 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 terperinciFORM 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 terperinciBAB 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 terperinciGambar 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 terperinciAtribut 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 terperinciHTML 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 terperinciMembuat 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 terperinciX/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 terperinciBab 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 terperinciPengantar 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 terperinciModul 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 terperinciTag 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 terperinciP - 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 terperinciIkbal 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 terperinciSyntax 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 terperinci1. 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 terperinci2014 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 terperinciAplikasi 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 terperinciA. 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 terperinciWEB 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 terperinciMODUL 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 terperinciP - 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 terperinciMODUL 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 terperinciHalaman Utama. Tampilan Menu. Universitas Sumatera Utara
Halaman Utama Tampilan Menu Tampilan Galeri Tampilan Admin Listing Program Halaman Utama
Lebih terperinciLimitasi 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 terperinciMODUL 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 terperinciSTMIK 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 terperinciDesain 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 terperinciSoal 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 terperinciMembuat 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 terperinciPemrograman 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 terperinciKapita 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 terperinciPemrograman 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 terperinciPertemuan 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 terperinciWeb 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 terperinciUpload 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 terperinciCSS 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 terperinciText 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 terperinciPertemuan 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 terperinciHTML5. 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 terperinciLAMPIRAN. 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 terperinciPengenalan 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 terperinciLAPORAN 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 terperinciHTML 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 terperinciPenanganan 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 terperinciMODUL 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 terperinciMelewatkan 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 terperinciPenanganan 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 terperinciHTML.
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 terperinciPHP 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 terperinciBAB 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 terperinciBAB 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 terperinciModul 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 terperinciPraktikum 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 terperinciMembuat 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 terperinciTUTORIAL 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 terperinciForm 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 terperinciDengan 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 terperinciPanduan 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 terperinci2011 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 terperinciPemrograman 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 terperinciMembuat 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 terperinciIV. 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 terperinciTUTORIAL 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 terperinciMembuat 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 terperinciModul 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 terperinciPemrograman 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 terperinciMengelola 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 terperinci1. 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 terperinci1. #**# 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.   e. &nsp jawaban :
Lebih terperinciPemrograman 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 terperinciSMH2D3 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 terperinciBAB 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 terperinciLangkah 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