Membuat Combobox Bertingkat dengan CakePHP
|
|
- Sudomo Sugiarto
- 7 tahun lalu
- Tontonan:
Transkripsi
1
2 Membuat Combobox Bertingkat dengan CakePHP Oleh: Cecep Yusuf Kamu pasti pernah melihat sebuah form yang memungkinkan pengguna untuk mengisikan kategori yang ada di dalam sebuah combobox, dan kita memungkinkan untuk memilih sub kategori. Teknik ini disebut chaining combobox, linked combobox, atau dalam bahasa Indonesianya boleh disebut dengan combobox berantai, combobox bertingkat. Sudah sekian lama saya tidak buat tutorial di Jagocoding.com, karena sibuk kerja dan pekerjaan lainnya. Tetapi, walaupun sibuk, saya berusaha untuk menyempatkan waktu untuk mengisi konten di situs tercinta ini. Insya Allah untuk ke depannya saya mulai aktif lagi mengisi konten, tidak hanya mengecek traffict, komentar, dan dari pengguna Jagocoding.com saja, he he he.. Ok, tutorial berikut ini adalah, yang pasti, selalu, saya sajikan tutorial untuk pengguna CakePHP, Karena CakePHP is The Best PHP Framework, yang mana kita bisa membuat aplikasi sangat rapid /cepat dan bersih (clean) dibandingkan dengan framework lain. Kamu pasti pernah melihat sebuah form yang memungkinkan pengguna untuk mengisikan kategori yang ada di dalam sebuah combobox, dan kita memungkinkan untuk memilih sub kategori. Teknik ini disebut chaining combobox, linked combobox, atau dalam bahasa Indonesianya boleh disebut dengan combobox berantai, combobox bertingkat. Banyak penamaan yang lain untuk istilah ini. Di dalam tutorial ini, kita akan mempelajari bagaimana cara membuat combobox tersebut dengan menggunakan metode AJAX. Pada tutorial ini kita akan memakai jquery untuk Javascriptnya dan CakePHP untuk Framework yang akan kita pakai. Untuk contoh kasus pada tutorial ini, kita akan membuat sebuah combobox berantai untuk memilih kategori yang mempunyai sub kategori, dan sub kategori tersebut mempunyai sub kategori juga. Yang harus pertama kali dibuat adalah database. Kita akan buat terlebih dahulu sebuah database bernama categories. Copy script berikut ini di SQL editor kamu, kita akan buat table yang berisi data kategori-kategori berantai Struktur dari tabel `categories` --
3 CREATE TABLE IF NOT EXISTS `categories` ( `id` int(11) NOT NULL AUTO_INCREMENT, `category` varchar(30) NOT NULL, `parent_id` int(11) NOT NULL, PRIMARY KEY (`id`) ) ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=13 ; Dumping data untuk tabel `categories` -- INSERT INTO `categories` (`id`, `category`, `parent_id`) VALUES (1, 'Kamera', 0), (2, 'Komputer', 0), (3, 'Kamera Pocket', 1), (4, 'Kamera SLR', 1), (5, 'Kamera Polaroid', 1), (6, 'Hardware', 2), (7, 'Software', 2), (8, 'Mother Board', 6), (9, 'Graphic Card/VGA', 6), (10, 'Hardisk', 6), (11, 'Microsoft Windows 8', 7), (12, 'Adobe Photoshop CS6', 7); Ada pertanyaan? Ya, apa itu parent_id? U got the point! Parent Id digunakan di sini sebagai id kategori yang akan dijadikan induk dari kategori tersebut, sehingga dengan begitu setiap kategori yang mempunyai parent_id yang sama, maka kategori tersebut merupakan kelompok dari kategori yang disebut parent itu. Ketika kita trace, maka Adobe Photoshop adalah sub kategori dari Software, karena Software mempunyai id = 7, dan software adalah sub kategori dari komputer, yaitu mempunyai id = 2. Jadi, selain kita pelajari mengenai combobox bertingkat, saya akan share juga mengenai apa itu list threaded, yang artinya data berantai/tree, dan sangat erat kaitannya nanti jika diimplementasikan terhadap combobox bertingkat. Controller Buatlah sebuah controller baru bernama: CategoriesController yang berisi kode sebagai berikut: <?php class CategoriesController extends Controller { var $uses = array('category');
4 Controller - Function Index() Kita akan membutuhkan function untuk menampilkan form. Buatlah sebuah function di dalam CategoriesController yaitu function index(). Buatlah function dengan kode seperti berikut ini: function index() { $category_options = $this->category->find('list', array( 'fields' => array( 'id', 'category' ), 'conditions' => array( 'parent_id' => 0 ) )); $this->set('category_options',$category_options); $this->category->find('list') adalah kode dari CakePHP yang berfungsi untuk mendapatkan data dari model Category dengan format list yang digunakan untuk combobox. Field id digunakan untuk value dari combobox, dan field category digunakan sebagai display field dari combobox. Conditions yaitu diambil kategori utama, yaitu parent_id = 0. View - /Categories/index.ctp Setelah itu, kita buat view untuk function index(), yaitu index.ctp, dan simpan di dalam folder Categories di view. Isi dengan kode berikut ini: <h2>pilih Kategori</h2> <?php echo $this->form->create('category'); echo $this->form->input('category1', array('id' => 'Category1', 'label' => 'Kategori', 'options' => $category_options, 'empty' => 'Semua Kategori')); echo $this->form->input('category2', array('id' => 'Category2', 'label' => 'Sub Kategori 1', 'options' => array(), 'empty' => 'Semua Kategori')); echo $this->form->input('category3', array('id' => 'Category3', 'label' => 'Sub Kategori 2', 'options' => array(), 'empty' => 'Semua Kategori')); echo $this->form->input('category_id', array('id' => 'CategoryId', 'type' => 'text')); echo $this->form->submit('simpan'); echo $this->form->end();?> Perhatikan element input yang terakhir, yaitu input yang id-nya "CategoryId". Itu dibuat untuk menampung data dan yang akan disubmit oleh form dan disimpan ke database. Sedangkan input field yang lain (Category1, Category2, Category3) itu hanya untuk memanipulasi struktur kategori dengan diimplementasikan menjadi combobox berantai yang kita bahas ini. Jadi, ketiga input field tersebut tidak disimpan ke dalam database.
5 Sekarang, kita akan buat function-function javascript untuk membuat teknik Combobox bertingkat ini. Javascript Sekarang kita akan buat kode javascriptnya, jangan lupa jquery sudah terinstal dan sudah diload terebih dahulu oleh aplikasi kamu. Jika jquery sudah ada, silakan tambahkan javascript berikut ini di file index.ctp dan letakkan di atas kode di atas. <script type="text/javascript"> function getsubcat(element,parent_id){ $.ajax({ url: "<?php echo $this->html->url(array('action' => 'ajax_get_sub_cat'));?>", data: {parent_id: parent_id, success: function(html){ $(element).html(html); getcategoryvalue(); ); function getcategoryvalue(){ if($("#category3").val()!=''){ $("#CategoryId").val($("#Category3").val()); else if($("#category2").val()!=''){ $("#CategoryId").val($("#Category2").val()); else if($("#category1").val()!=''){ $("#CategoryId").val($("#Category1").val()); else{ $("#CategoryId").val(''); function resetsubcat(element){ $(element).html('<option value="">semua Kategori</option>'); </script> Sekarang saya akan menjelaskan semua function yang ada pada kode di atas. Kode ini saya buat dinamis, sehingga kita tidak membatasi berapa jumlah sub kategori yang akan digunakan. function getsubcat() Function ini saya buat dinamis, sehingga dibuat satu function saja. Jadi, walaupun ada 10 sub kategori, function dibuat cuma satu saja dan dipanggil sebanyak 10 kali. Function ini memanggil file dengan metode ajax, dan mengirimkan variable parent_id sehingga akan mengeluarkan callback berupa html yaitu option-option combobox yang berisi data categories yang parent_id-nya adalah variable yang dikirim tersebut. function getcategoryvalue()
6 Function ini berfungsi untuk mengeset nilai ke dalam input field category_id yang akan dikirimkan dan dimasukkan ke dalam database. Dicek satu persatu dari setiap combobox sehingga menghasilkan nilai yang sesuai dan dimasukkan ke dalam field $("#CategoryId") function resetsubcat() Function ini sengaja saya buat, karena memang ada kejadian ketika sudah muncul sub kategori yang kedua, ketiga, dan seterusnya dan kita mengubah kategori utama, maka nilai dari sub kategori - sub kategori itu belum direset ulang. Jadi, function ini adalah function untuk reset ulang nilai combobox dari sub sub kategori. Setelah function-function javascript dibuat, terapkan function-function javascript tersebut pada setiap element input pada event onchange, sehingga kodenya diubah menjadi seperti berikut ini (perhatikan pada event onchange): <h2>pilih Kategori</h2> <?php echo $this->form->create('category'); echo $this->form->input('category1', array('id' => 'Category1', 'label' => 'Kategori', 'options' => $category_options, 'empty' => 'Semua Kategori', 'onchange' => 'getsubcat("#category2", this.value); resetsubcat("#category2"); resetsubcat("#category3");')); echo $this->form->input('category2', array('id' => 'Category2', 'label' => 'Sub Kategori 1', 'options' => array(), 'empty' => 'Semua Kategori', 'onchange' => 'getsubcat("#category3", this.value)')); echo $this->form->input('category3', array('id' => 'Category3', 'label' => 'Sub Kategori 2', 'options' => array(), 'empty' => 'Semua Kategori','onchange'=>'getCategoryValue()')); echo $this->form->input('category_id', array('id' => 'CategoryId', 'type' => 'text')); echo $this->form->submit('simpan'); echo $this->form->end();?> Selanjutnya kita buat controller untuk mendapatkan callback ajax yang sudah kita panggil tadi. Ikuti terus, hanya di Jagocoding.com, hehe.. Controller - Function ajax_get_sub_cat() Buatlah function baru pada controller CategoriesController dengan nama function ajax_get_sub_cat(). Selengkapnya di bawah ini: function ajax_get_sub_cat(){ $this->layout = 'ajax'; $category_options = $this->category->find('all', array( 'fields' => array( 'id', 'category' ),
7 'conditions' => array( 'parent_id' => $this->params['url']['parent_id'] ) )); $this->set('category_options',$category_options); Seperti yang sudah kita bahas di atas, function akan mengambil variable berupa variable request url yang didefinisikan di file view yaitu variable parent_id, yang akan menjadi conditions untuk menampilkan data categories. Ok, selanjutnya kita buat file view untuk function ini. View - /Categories/ajax_get_sub_cat.ctp Sederhana, file ini kita buat dan masukkan kode di bawah ini: <option value="">semua Kategori</option> <?php foreach ($category_options as $c):?> <option value="<?php echo $c['category']['id'];?>"><?php echo $c['category']['category'];?></option> <?php endforeach;?> Okee oke saya tahu sebagian ada yang malas membaca dari awal, hehe.. Ya udah, karena saya termasuk salah satu orang paling baik sedunia, jadi saya kasih deh kode lengkapnya dan (bahkan) source codenya. Baik kan? Tapi kamu harus tetep baca, karena membaca adalah salah satu kunci dari kecerdasan. Controller - CategoriesController.php <?php class CategoriesController extends Controller { var $uses = array('category'); function index() { $category_options = $this->category->find('list', array( 'fields' => array( 'id', 'category' ), 'conditions' => array( 'parent_id' => 0 )
8 )); $this->set('category_options',$category_options); function ajax_get_sub_cat(){ $this->layout = 'ajax'; $category_options = $this->category->find('all', array( 'fields' => array( 'id', 'category' ), 'conditions' => array( 'parent_id' => $this->params['url']['parent_id'] ) )); $this->set('category_options',$category_options); View - /Categories/index.ctp <?php echo $this->html->script('jquery min');?> <script type="text/javascript"> function getsubcat(element,parent_id){ $.ajax({ url: "<?php echo $this->html->url(array('action' => 'ajax_get_sub_cat'));?>", data: {parent_id: parent_id, success: function(html){ $(element).html(html); getcategoryvalue(); ); function getcategoryvalue(){ if($("#category3").val()!=''){ $("#CategoryId").val($("#Category3").val()); else if($("#category2").val()!=''){ $("#CategoryId").val($("#Category2").val()); else if($("#category1").val()!=''){ $("#CategoryId").val($("#Category1").val()); else{ $("#CategoryId").val(''); function resetsubcat(element){ $(element).html('<option value="">semua Kategori</option>');
9 </script> <h2>pilih Kategori</h2> <?php echo $this->form->create('category'); echo $this->form->input('category1', array('id' => 'Category1', 'label' => 'Kategori', 'options' => $category_options, 'empty' => 'Semua Kategori', 'onchange' => 'getsubcat("#category2", this.value); resetsubcat("#category2"); resetsubcat("#category3");')); echo $this->form->input('category2', array('id' => 'Category2', 'label' => 'Sub Kategori 1', 'options' => array(), 'empty' => 'Semua Kategori', 'onchange' => 'getsubcat("#category3", this.value)')); echo $this->form->input('category3', array('id' => 'Category3', 'label' => 'Sub Kategori 2', 'options' => array(), 'empty' => 'Semua Kategori','onchange'=>'getCategoryValue()')); echo $this->form->input('category_id', array('id' => 'CategoryId', 'type' => 'text')); echo $this->form->submit('simpan'); echo $this->form->end();?> View - /Categories/ajax_get_sub_cat.ctp <option value="">semua Kategori</option> <?php foreach ($category_options as $c):?> <option value="<?php echo $c['category']['id'];?>"><?php echo $c['category']['category'];?></option> <?php endforeach;?> Ok, tutorial selesai. Selamat belajar ya, jangan lupa jika ada pertanyaan, silakan komentar saja di bawah :) Stand By With Me, cheyuz@jagocoding.com Tentang Penulis
10 Cecep Yusuf Hi, my name is Cecep Yusuf. However, in the virtual world I am more likely to use the name Cheyuz, which is an abbreviation of two words
11 "Cecep" and "Yusuf". I am founder of Jagocoding.com, u can view more of me in Cheyuz.com
Validasi Form dengan CakePHP
Validasi Form dengan CakePHP Oleh: Cecep Yusuf Di sini akan dipelajari bagaimana cara membuat validasi server pada model untuk form dengan menggunakan framework CakePHP. Hmm.. Sudah lama juga saya tidak
Lebih terperinciAJAX dengan jquery Part 1
AJAX dengan jquery Part 1 Oleh: Cecep Yusuf Kali ini saya akan share tutorial AJAX dengan jquery. Dengan menggunakan jquery, penggunaan AJAX akan jauh menjadi lebih mudah. Penjelasan Kali ini saya akan
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 terperinciTutorial CakePHP Dasar Part III - Sorting, Pagination
Tutorial CakePHP Dasar Part III - Sorting, Pagination Oleh: Cecep Yusuf Tutorial CakePHP ini akan belajar bagaimana membuat pagination dan sorter/pengurut untuk daftar data yang akan ditampilkan. Updated:
Lebih terperinciTutorial CakePHP Dasar Part IV - Searching
Tutorial CakePHP Dasar Part IV - Searching Oleh: Cecep Yusuf Masuk ke Serial Tutorial CakePHP bagian ke IV, kali ini kita akan belajar membuat searching dengan CakePHP. Level Newbie dan dianjurkan mengikuti
Lebih terperinciAJAX dengan jquery Part 3
AJAX dengan jquery Part 3 Oleh: Cecep Yusuf Pada tutorial ini, kita akan belajar bagaimana mengirim data POST dari sebuah form dan dikirim dengan metode AJAX post dengan menggunakan jquery. Selamat pagi
Lebih terperinciAJAX dengan jquery Part 4
AJAX dengan jquery Part 4 Oleh: Cecep Yusuf Kali ini kita akan mempelajari bagaimana data dikirim melalui HTTP Request dan client akan menerima data callback berupa JSON, melanjutkan tutorial sebelumnya.
Lebih terperinciAJAX dengan jquery Part 2
AJAX dengan jquery Part 2 Oleh: Cecep Yusuf Kita akan belajar bagaimana cara membuat AJAX dengan response data HTML memakai metode GET dan dimasukkan ke dalam elemen yang ditentukan pada halaman utama.
Lebih terperinciMembuat Database dengan SQL Server Management Studio
Membuat Database dengan SQL Server Management Studio Oleh: Cecep Yusuf Tutorial Cheyuz: Tutorial bagaimana membuat sebuah database beserta relasi antar table menggunakan Microsoft SQL Server Management
Lebih terperinciMendeteksi Browser Mobile dengan PHP
Mendeteksi Browser Mobile dengan PHP Oleh: Cecep Yusuf Tutorial bagaimana cara supaya aplikasi web kita dapat mendeteksi secara otomatis dengan PHP apakah browser yang digunakan berbasis mobile atau bukan.
Lebih terperinciKoneksi Database Mysql dengan C#
Koneksi Database Mysql dengan C# Oleh: Cecep Yusuf Tutorial Cheyuz: Tutorial bagaimana melakukan koneksi MySQL pada aplikasi Visual C#.Net dengan membuat tombol koneksi dengan MySQL Driver. Selamat pagi
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 terperinciDasar-dasar HTML 2. Oleh: Cecep Yusuf
Dasar-dasar HTML 2 Oleh: Cecep Yusuf Pada tutorial ini, kita akan belajar bagaimana membuat sebuah tabel tag-tag HTML. Kita akan mempelajari bagaimana membuat tabel yang baik. Melanjutkan tutorial Dasar-dasar
Lebih terperinciTutorial jquery Ajax Bagian 2 (Input, Update, Delete, Animasi Loading)
Tutorial jquery Ajax Bagian 2 (Input, Update, Delete, Animasi Loading) 17:08 20 Oct 2010 @Ajax Pada artikel sebelumnya kita telah belajar dan mengenal jquery dan penggunaan fungsi load() di Tutorial jquery
Lebih terperinciBAB III PEMBAHASAN 3.1 Analisa Sistem
BAB III PEMBAHASAN 3.1 Analisa Sistem Sistem Nursing Diagnostic Test Online adalah aplikasi berbasis web yang menyediakan test secara online yang bersifat try out yang dapat diakses oleh pengguna yang
Lebih terperinciE-trik Ajax. Ajax dan MySQL. Dedi Alnas
E-trik Ajax Ajax dan MySQL Dedi Alnas Ajax dan MySQL Tutorial kali ini akan membahas cara pembuatan aplikasi Ajax yang dapat dihubungkan dengan MySQL. Pada paket instalasi Xampp terdapat MySQL dan phpmyadmin.
Lebih terperinciMembuat Grafik batang menggunakan HighChart dengan CI
Membuat Grafik batang menggunakan HighChart dengan CI Oleh: muttaqin selamat sore temen - temen pada penulis kali saya ingin berbagi bagaimana membuat grafik batang Highcart menggunakan CI,singkatan CI
Lebih terperinciPRAKTIKUM. Rekayasa Web. Modul 2: CRUD CodeIgniter Part I. Laboratorium Teknik Informatika Universitas Pasundan
PRAKTIKUM Rekayasa Web Modul 2: CRUD CodeIgniter Part I Laboratorium Teknik Informatika Universitas Pasundan Konten modul: 1. Read Data 2. Create Data 3. Delete Data Tujuan praktikum: 1. Praktikan diharapkan
Lebih terperinciE-trik Ajax. Database MySQL. Dedi Alnas
E-trik Ajax Database MySQL Dedi Alnas Pengenalan MySQL Tutorial kali ini akan membahas cara pembuatan aplikasi web yang dapat dihubungkan dengan MySQL. Pada paket instalasi Xampp terdapat MySQL dan phpmyadmin.
Lebih terperinciMenangani Input dari User
Menangani Input dari User PHP Programming Language Workshop For Newbie Class Yan Friskantoni
Lebih terperinciPersiapan Table Untuk Latihan Sebelum kita berkenalan lebih jauh dengan Trigger, mari kita buat terlebih dahulu, struktur table yang dibutuhkan.
Mengenal Trigger di MySQL Pernahkan menemukan kasus saat men-develop aplikasi, dimana perlu melakukan update terhadap suatu field, berdasarkan isi dari field lain? Contoh: men-update field status menjadi
Lebih terperinciMembuat Database mysql dengan PhpMyAdmin
Materi artikel : Membuat database mysql dengan PhpMyadmin View Insert Edit Delete Searching Membuat Hitcounter dengan file teks Syarat : Mengerti penggunaan tag HTML Browser dapat mengenali sintak Php
Lebih terperinciBAB IV IMPLEMENTASI DAN PENGUJIAN
BAB IV IMPLEMENTASI DAN PENGUJIAN 4.1 Proses Aplikasi Pada bab ini akan dibahas implementasi sistem rancang bangun Aplikasi pencarian pasal-pasal undang-undang hukum dengan metode String Matching hingga
Lebih terperinciMODUL 8 Insert, Update, & delete
MODUL 8 Insert, Update, & delete Pemograman Web Teknik Informatika Universitas Pasundan Bandung 2016/2017 Konten Mengubah Data dari Array menjadi Database... Error! Bookmark not defined. Mengkoneksikan
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 7. Membuat Data Pagination Menggunakan
Lebih terperinciTutorial DOM Templating Menggunakan Mustache.js
Tutorial DOM Templating Menggunakan Mustache.js Oleh: Cecep Yusuf Pengenalan dan cara penggunaan Mustache.js dalam pengembangan halaman HTML berbasis DOM Javascript supaya reusable dan maintenable. Selamat
Lebih terperinciAplikasi CRUD dengan Visual Basic 2012 [APLIKASI CRUD DENGAN VISUAL BASIC 2012 & MYSQL] September 18, & MySQL. Bahtiar Imran
Aplikasi CRUD dengan Visual Basic 2012 [APLIKASI CRUD DENGAN VISUAL BASIC 2012 & MYSQL] September 18, 2013 & MySQL Bahtiar Imran Assalamualaikum.. Pada kesempatan kali ini kita akan membahas mengenai bagaimana
Lebih terperinciBAB IV IMPLEMENTASI DAN PENGUJIAN
BAB IV IMPLEMENTASI DAN PENGUJIAN Setelah melakukan analisis dan perancangan terhadap aplikasi check point dan penghitung jumlah pada bus AKAP berbasis Android. Pada bab ini akan dibahas mengenai implementasi
Lebih terperinciPEMROGRAMAN WEB 09 JavaScript Lanjut
PEMROGRAMAN WEB 09 JavaScript Lanjut Andi WRE JavaScript Objects Object Based Programming language Setiap object dapat memiliki properti dan method Properti the values associated with an object Contoh
Lebih terperinciScript PHP dan MySQL J A M K E E M P A T
J A M K E E M P A T Script PHP dan MySQL l l l l l l Membuat Koneksi ke Server Menyeleksi Database Mengakses Query Menampilkan Hasil Query Latihan Jam Keempat Soal Jam Keempat Membuat Koneksi ke Server
Lebih terperinciBy Desrizal. Pengenalan AJAX
1 Pengenalan AJAX 1 Apa yang harus anda ketahui Sebelum anda memulai belajar PHP AJAX anda harus sudah mempunyai pengetahuan dasar mengenai : 1. HTML 2. Javascript 3. PHP Silahkan membaca buku atau dari
Lebih terperinciMySQL Databases. Dasar-dasar MySQL dan Implementasi MySQL kedalam pemrograman PHP. Jakarta, 16 April 2011 Oleh: M. Awaludin, S.Kom
MySQL Databases Dasar-dasar MySQL dan Implementasi MySQL kedalam pemrograman PHP Jakarta, 16 April 2011 Oleh: M. Awaludin, S.Kom DDL (Data Definition Language) Definisi DDL Adalah merupakan sub bahasa
Lebih terperinciCara Sederhana Import Data dari Excel (CSV) ke MySQL dengan PHP
Cara Sederhana Import Data dari Excel (CSV) ke MySQL dengan PHP Oleh: Arinadi Nur Rohmad Admin sekolah menyuruh saya untuk membuat aplikasi rekap nilai raport dan data siswa, nah pada tengah-tengah membuat
Lebih terperinciFRAMEWORK CODEIGNITER
FRAMEWORK CODEIGNITER COURSE TEKNIK INFORMATIKA SEMESTER GENAP 2014 DISUSUN OLEH: MOH. ALI FIKRI POLITEKNIK INDRAMAYU (POLINDRA) 2014 A. Pendahuluan CodeIgniter CodeIgniter adalah aplikasi open source
Lebih terperinciMembuat Form Kontak yang Indah dan Atraktif dengan AJAX [Part 5]
Membuat Form Kontak yang Indah dan Atraktif dengan AJAX [Part 5] Oleh: Sendy PK Sekarang kita telah menyiapkan form bukannya di-submit dengan cara yang biasa, itu akan memicu fungsi submitform () ketika
Lebih terperinci19
20 BAB III ANALISIS DAN PERANCANGAN Dalam bab ini penulis mencoba menguraikan secara garis besar sistem yang berjalan, maka dapat menyebutkan hal-hal yang menjadi masalah dan perlu diselesaikan dengan
Lebih terperinciMultiple Upload dengan Jumlah Dinamis Menggunakan Javascript dalam Framework CodeIgniter
http://akbaraziz.staff.ipb.ac.id/2011/02/02/multiple-upload-dengan-jumlah-dinamis-menggunakan-ja v Multiple Upload dengan Jumlah Dinamis Menggunakan Javascript dalam Framework CodeIgniter Biasanya jika
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 terperinciMengembangkan Component Joomla Oleh : Garry B.
Mengembangkan Component Joomla Oleh : Garry B. # Prologue Joomla terkenal sebagai salah satu platform Content Management System (CMS) untuk mempublikasi ke World Wide Web ataupun dalam intranet. Tetapi
Lebih terperinciHak Akses dan Login Multi User. Baiklah untuk mulai praktek yang pertama ini file yang dibutuhkan adalah seperti yang terlihat dalam gambar berikut :
Hak Akses dan Login Multi User Sebuah rumah hanya bisa dibuka oleh orang yang berhak yaitu yang punya rumah itu sendiri dan orang lain yang diberikan hak untuk memasuki rumah tersebut demikian juga dengan
Lebih terperinciFungsi Insert Data dalam CRUD (CREATE READ UPDATE DELETE) di Codeigniter
Fungsi Insert Data dalam CRUD (CREATE READ UPDATE DELETE) di Codeigniter Oleh: Bung-Ko CRUD adalah singkatan dari Create Read Update Delete, yang sering digunakan pada aplikasi-aplikasi pengolahan data
Lebih terperinciIMPLEMENTASI DAN PENGUJIAN
BAB 5. IMPLEMENTASI DAN PENGUJIAN 5.1.Implementasi Sistem Setelah melakukan tahap analisis dan perancangan selesai dilakukan maka akan dilanjutkan pada tahapan implementasi dan pengujian sistem. Pada tahap
Lebih terperinciPHP dan Framework CodeIgniter
Universitas Negeri Padang PHP dan Framework CodeIgniter Yeni Septiana Pendidikan Teknik Informatika 1102640 2015 Hai All.. Kali ini kita akan membahas tentang membuat Website dengan menggunakan bahasa
Lebih terperinciConditional PRAKTIKUM PHP Conditional, Array & Perulangan di PHP
PRAKTIKUM PHP 4 1. Conditional, Array & Perulangan di PHP Tutorial Conditional, Array & Perulangan di PHP ini akan menjelaskan tentang Conditional atau penggunaan "if" dan "else", dilanjutkan dengan penjelasan
Lebih terperinciDropdown Berhubungan (Sync Dropdown) Dengan CI & MySQL
Dropdown Berhubungan (Sync Dropdown) Dengan CI & MySQL Oleh: Gilang Sonar Amanu Saya mau coba share lagi, tutorial sederhana namun sering bgt digunakan untuk berbagai kasus. Mungkin bisa berguna khususnya
Lebih terperinciBab IV Prototipe Pengembangan dan Verifikasi
Bab IV Prototipe Pengembangan dan Verifikasi Pada bab ini akan dijelaskan tentang implementasi pada pengembangan yang telah direncanakan dan dirancang. Selain itu, pengujian dan verifikasi akan dilakukan
Lebih terperinciBAB 7 APLIKASI KOMENTAR DAN VALIDASINYA
BAB 7 APLIKASI KOMENTAR DAN VALIDASINYA Anda memiliki sebuah usaha yang juga memiliki website sebagai sarana berkomunikasi dengan konsumen. Di dalam website tersebut seorang pengunjung website atau konsumen
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 terperinciBAB IV TESTING DAN IMPLEMENTASI
BAB IV TESTING DAN IMPLEMENTASI 4.1 Implementasi Implementasi sistem informasi akademik berbasis web ini, terdapat hal-hal yang perlu dipersiapkan agar sistem yang dirancang dapat berjalan dengan lancar.
Lebih terperinciKapitaSelekta. (KBKI82127, 2 sks) Materi : Pengenalan MySQL
KapitaSelekta KapitaSelekta (KBKI82127, 2 sks) Materi : Pengenalan MySQL Mohon Perhatian TUGAS DIKUMPULKAN PROGRAM AKAN DIPERIKSA DI KOMPUTER MASING- MASING Sub Materi : 1. Pengenalan MySQL (Part-1) 1.
Lebih terperinciPemrograman PHP & MySQL
Pemrograman PHP & MySQL Memadukan antara Web Server dan Database Server Pemrograman PHP & MySQL Pada awalnya PHP merupakan singkatan dari Personal Home Page tools, sebuah tool (alat bantu) untuk memonitor
Lebih terperinciBAB IV IMPLEMENTASI DAN PENGUJIAN. web ini yang di lakukan secara online dengan webhosting. Tahapan ini dilakukan
BAB IV IMPLEMENTASI DAN PENGUJIAN 4.1 Implementasi Pada bab ini akan dilakukan implementasi dan pengujian terhadap aplikasi web ini yang di lakukan secara online dengan webhosting. Tahapan ini dilakukan
Lebih terperinciPengenalan JavaScript
Pengenalan JavaScript Tujuan - Mahasiswa memahami konsep dasar Javascript - Mahasiswa mampu memahami cara menggunakan Javascript - Mahasiswa mampu memahami dasar variabel di Javascript - Mahasiswa mampu
Lebih terperinciPencarian data dengan PDO (PHP Data Objek)
Pencarian data dengan PDO (PHP Data Objek) Oleh: d-newbie Assalamualaikum wr. wb. Tutorial kali ini merupakan kelanjutan dari BAB PDO (PHP Data Objek) yang sempat terlupakan, untuk lebih jelasnya tentang
Lebih terperinciSimak baik-baik komentar-komentar dalam setiap skrip. Komentar diawali dengan tanda #, //, atau /* dan */
Tutorial ini akan membimbing kalian membuat sebuah database bernama bioteman dengan sebuah tabel bernama teman. Tabel biodata ini berisi kolom nomor, namateman, tglahir, dan nomorhp. Tabel tersebut akan
Lebih terperinci1 Praktikum #1 - SQL Langkah-Langkah Kerja Solusi Masalah Penutup... 6
Daftar Isi 1 Praktikum #1 - SQL 2 1.1 Langkah-Langkah Kerja..................... 2 1.2 Solusi Masalah.......................... 4 1.3 Penutup.............................. 6 2 Praktikum #2 - Pengenalan
Lebih terperinciBAB III ANALISA DAN PERANCANGAN
BAB III ANALISA DAN PERANCANGAN Pada bab ini akan dijelaskan mengenai analisa system yang berjalan dan perancangan yang diusulkan untuk aplikasi blog dan modul forum framework Yii. 3.1. ANALISA SISTEM
Lebih terperinciBAB V IMPLEMENTASI DAN PENGUJIAN SISTEM
BAB V IMPLEMENTASI DAN PENGUJIAN SISTEM 5.1 Implementasi Implementasi pengelolaan Sistem Pembelajaran berbasis web di SMAN 1 Ciwidey dilakukan dengan menggunakan bahasa pemrograman PHP, denga basis data
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 terperinciBAB IV HASIL PRAKTEK KERJA DAN ANALISIS. permintaan order dari customer melalui marketing lapangan ke
31 BAB IV HASIL PRAKTEK KERJA DAN ANALISIS 4.1 Analisis CV. Menang merupakan perusahaan manfaktur yang memproduksi pipa PVC. Bagian gudang barang jadi bertugas mencatat laporan persediaan dari bagian produksi
Lebih terperinciBAB V IMPLEMENTASI DAN PENGUJIAN. web, perancangan struktur data ke dalam database, pembuatan kode program dan
86 BAB V IMPLEMENTASI DAN PENGUJIAN 5.1 Implementasi Implementasi merupakan tahapan penerapan hasil perancangan yang prosesnya telah diuraikan sebelumnya. Implementasi yang dilakukan antara lain adalah
Lebih terperinciBAB III ANALISA DAN PERANCANGAN SISTEM
36 BAB III ANALISA DAN PERANCANGAN SISTEM III.1 Analisa Perancangan aplikasi E-Learning ini membahas seputar materi Microsoft Word 2003. Setiap penjelasan disertai dengan arahan berupa suara untuk melanjutkan
Lebih terperinciMahasiswa dapat memanipuasi database mysql menggunakan actionscript 3 flash.
BAB XIV MANIPULASI DATABASE MYSQL Kompetensi Dasar Mahasiswa dapat memanipuasi database mysql menggunakan actionscript 3 flash. Indikator Setelah mengikuti perkuliahan, mahasiswa diharapkan dapat: 1. Membuat
Lebih terperinciMembuat CRUD Sederhana Menggunakan PHP Dengan Mysqli Extension
Membuat CRUD Sederhana Menggunakan PHP Dengan Mysqli Extension Mengapa menggunakan Mysqli Extension?? Pada PHP versi 5.5, extension mysql tidak direkomndasikan lagi karena berstatus deprecated, yang kemungkinan
Lebih terperinciMembuat Flexibel Input sederhana dengan jquery.
Membuat Flexibel Input sederhana dengan jquery. Kasus ini saya temui ketika teman meminta untuk dibuatkan sebuah program inputan yang flexible, maksudnya banyaknya inputan tergantung keinginan kita. Meskipun
Lebih terperinciModul-7 CRUD & Searching. Pemograman Web TEKNIK INFORMATIKA UNIVERSITAS PASUNDAN BANDUNG
Modul-7 CRUD & Searching Pemograman Web TEKNIK INFORMATIKA UNIVERSITAS PASUNDAN BANDUNG Kali ini, kita akan membuat halaman back-end (halaman admin). Pada modul kali ini, ada beberapa hal yang harus kalian
Lebih terperinciBAB IV IMPLEMENTASI DAN PENGUJIAN
BAB IV IMPLEMENTASI DAN PENGUJIAN 4.1 Implementasi Sistem Dalam implementasi aplikasi system informasi monitoring proyek konstruksi berbasis web, program akan di-install pada server yang disediakan oleh
Lebih terperinciBAB V IMPLEMENTASI DAN PENGUJIAN PROGRAM
97 BAB V IMPLEMENTASI DAN PENGUJIAN PROGRAM Pada bab ini akan dilakukan implementasi dan pengujian terhadap sistem yang baru. Tahapan ini dilakukan setelah perancangan selesai dilakukan dan selanjutnya
Lebih terperinciPemrograman PHP Lanjut. Ahmad Zainudin, S.ST Pemrograman Internet
Pemrograman PHP Lanjut Ahmad Zainudin, S.ST Pemrograman Internet 2014 PHP5 PHP adalah bahasa pemrograman server-scripting Bersifat powerful, dinamis dan mendukung web interactive Tampilan PHP5 PHP merupakan
Lebih terperinciBAB III PEMBAHASAN MASALAH
BAB III PEMBAHASAN MASALAH Pada bab ini, penulis akan menjelaskan tentang masalah pokok, yaitu bagaimana cara membuat situs Sylphid Cyber Games dengan menggunakan teknologi PHP. Situs ini terdiri dari
Lebih terperinciBERKENALAN DENGAN MODEL CODEIGNITER
BERKENALAN DENGAN MODEL CODEIGNITER Muhamad Yusuf muhamadyusuf0012@gmail.com :: https://muhamadyusufppn.blogspot.co.id Abstrak Framework CodeIgniter memiliki konsep MVC(Model, View, Controller) yang merupakan
Lebih terperinci4. BAB IV ANALISIS DAN PERANCANGAN SISTEM. diusulkan perancangan sistem baru, dimana kinerja dari suatu sistem yang baru
4. BAB IV ANALISIS DAN PERANCANGAN SISTEM 4.1 Perancangan Sistem Perancangan sistem dilakukan apabila tahap dari analisis sistem telah selesai dilakukan. Berdasarkan pada hasil analisis sistem yang sedang
Lebih terperinciPertemuan Ke-5 Client Side Scripting (JavaScript) S1 Teknik Informatika - Unijoyo 1
Pertemuan Ke-5 Client Side Scripting (JavaScript) S1 Teknik Informatika - Unijoyo 1 Konsep Client Side Scripting JavaScript? Pendeklarasian JavaScript JavaScript sederhana Peletakan JavaScript Komentar
Lebih terperinciPemrograman Internet dengan AJAX (Asynchronous JavaScript And XML)
Pemrograman Internet dengan AJAX (Asynchronous JavaScript And XML) Suprayogi Abstract : AJAX uses asynchronous data transfer (HTTP requests) between the browser and the web server, allowing web pages to
Lebih terperinciCara Mudah dan Cepat Membuat Laporan atau Surat PDF dari PHP, MySQL dan MPdf
Cara Mudah dan Cepat Membuat Laporan atau Surat PDF dari PHP, MySQL dan MPdf Oleh: Arinadi Nur Rohmad Sekarang jangan pusing lagi mau bikin laporan sederhana saja harus pake Set A, Set B, Set C dan apalah
Lebih terperinciMODUL 11 PHP&MYSQL UPDATE & SEARCHING
MODUL 11 PHP&MYSQL UPDATE & SEARCHING PEMROGRAMAN WEB 2 TEKNIK INFORMATIKA UNIVERSITAS PASUNDAN BANDUNG 2015/2016 Latihan kali ini menggabungkan aplikasi- aplikasi yang sudah kita buat sebelumnya agar
Lebih terperinciPRAKTIKUM. Rekayasa Web. Modul 6: Restful API Server & Client Codeigniter. Laboratorium Teknik Informatika Universitas Pasundan
PRAKTIKUM Rekayasa Web Modul 6: Restful API Server & Client Codeigniter Laboratorium Teknik Informatika Universitas Pasundan Konten modul: 1. Membaca Data Menggunakan Rest API Server & Client 2. Menambah
Lebih terperinciDasar PHP-MySQL oleh : Prasaja Wikanta
Dasar PHP-MySQL oleh : Prasaja Wikanta prasaja@students.itb.ac.id antok@hotmail.com Tools yang anda butuhkan :! Teks editor! Web server yang mendukung PHP dan MySQL! Browser Basic Untuk memperoleh variabel
Lebih terperinci2. DASAR TEORI 2.1 PHP5
Modul 2 1. TUJUAN Mahasiswa dapat memahami pemrograman server side menggunakan PHP5 Mahasiswa dapat mengetahui sintak-sintak yang digunakan dalam penanganan form dengan menggunakan metode GET dan POST
Lebih terperinciBAB III PEMBAHASAN MASALAH
BAB III PEMBAHASAN MASALAH 3.1 Gambaran Umum Masalah Aplikasi pengenalan bentuk, fungsi serta penyakit gigi dibuat dengan menggunakan bahasa pemrograman Flash MX dan PHP. Bahasa pemrograman Flash lebih
Lebih terperinciBAB IV IMPLEMENTASI DAN PENGUJIAN
BAB IV IMPLEMENTASI DAN PENGUJIAN Pada bab ini akan dibahas tentang implementasi Rancangan Aplikasi Pendataan Mahasiswa Pada Universitas XYZ menggunakan PHP dan MySQL beserta faktor pendukung yang dibutuhkan
Lebih terperinciPemrograman PHP7 untuk Pemula
Pemrograman PHP7 untuk Pemula Sanksi Pelanggaran Pasal 113 Undang-Undang Nomor 28 Tahun 2014 tentang Hak Cipta 1. Setiap Orang yang dengan tanpa hak melakukan pelanggaran hak ekonomi sebagaimana dimaksud
Lebih terperinciBAB IV IMPLEMENTASI DAN PENGUJIAN
BAB IV IMPLEMENTASI DAN PENGUJIAN 4.1 Implementasi Setelah tahap analisa dan tahap perancangan sistem aplikasi, maka tahap selanjutnya merupakan tahap implementasi. Akan dibahas mengenai tahap implementasi
Lebih terperinciMahasiswa memahami Pengertian Basisdata, Cara membuat basisdata, cara menginput data dan cara menampilkan data.
Database MySql Standar Kompetensi Mahasiswa memahami Pengertian Basisdata, Cara membuat basisdata, cara menginput data dan cara menampilkan data. Indikator Hasil Belajar 1. Dapat menjelaskan pengertian
Lebih terperinciBAB IV IMPLEMENTASI DAN PENGUJIAN
BAB IV IMPLEMENTASI DAN PENGUJIAN Pembuatan Sistem Pakar Diagnosa Gangguan Perkembangan Batita dibangun dengan halaman utama yang berbeda tiap penggunaannya. Pada sistem ini, yang dapat mengakses adalah
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 terperinciLAPORAN PRAKTIKUM TEKNOLOGI FRAMEWORK PERTEMUAN KE 1
LAPORAN PRAKTIKUM TEKNOLOGI FRAMEWORK PERTEMUAN KE 1 INSTALLASI FRAMEWORK YII DAN MENGGUNAKAN GENERATOR Disusun oleh BUJANG PUTRO WICAKSONO 135610046 JURUSAN SISTEM INFORMASI SEKOLAH TINGGI MANAJEMEN INFORMATIKA
Lebih terperinciBAB V IMPLEMENTASI DAN PENGUJIAN SISTEM
5.1 Pengujian BAB V IMPLEMENTASI DAN PENGUJIAN SISTEM Pengujian merupakan bagian yang penting dalam siklus pembangunan perangkat lunak.tujuan dari pengujian adalah untuk menjamin perangkat lunak yang dibangun
Lebih terperinciPRAKTIKUM. Rekayasa Web. Modul 3: CRUD Part II. Laboratorium Teknik Informatika Universitas Pasundan
PRAKTIKUM Rekayasa Web Modul 3: CRUD Part II Laboratorium Teknik Informatika Universitas Pasundan Konten modul: 1. Update Data 2. Search Data Tujuan praktikum: 1. Praktikan diharapkan mampu memahami proses
Lebih terperinciPEMROGRAMAN PHP DASAR
2016 PEMROGRAMAN PHP DASAR Eka Dyar Wahyuni Sistem Informasi UPN Veteran Jawa Timur 1/6/2016 Contents 1. Mengambil Nilai Parameter... 2 2. Menyimpan ke Database... 5 3. Menampilkan Hasil dari Database
Lebih terperinciBAB 4 MEMBUAT LIST OF VALUE (LOV) DAN NON-BASE TABLE FIELDS
BAB 4 MEMBUAT LIST OF VALUE (LOV) DAN NON-BASE TABLE FIELDS Merupakan suatu hal yang sangat menjemukan bagi user untuk mengingat begitu banyak kode dan bilangan pada saat memasukkan data pada form entry.
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 terperinciSMH2D3 Web Programming. 7 BAB V PHP SESSION & COOKIES. H a l IDENTITAS. Kajian Teknik pemrograman menggunakan PHP
7 BAB V PHP SESSION & COOKIES 71 IDENTITAS Kajian Teknik pemrograman menggunakan PHP Topik Penggunaan Library PHP dan teknik lanjutan Web Dinamis Kompetensi Utama 1 Memahami penggunaan Form dan Validasi
Lebih terperinciOleh: Ahmad Syauqi Ahsan
Oleh: Ahmad Syauqi Ahsan Aplikasi Yii2 menganut pola desain MVC (Model-View-Controller) Model: merepresentasikan data, logika bisnis, serta aturan-aturan yang ada. View: representasi keluaran dari model.
Lebih terperinciMuhammad Khoirul Hasin https://ordinaryhumansays.wordpress.com/
Infinite Scroll di Codeigniter: Seperti Paging Twitter dan Facebook Muhammad Khoirul Hasin irulsits@gmail.com https://ordinaryhumansays.wordpress.com/ Lisensi Dokumen: Copyright 2003-2007 IlmuKomputer.Com
Lebih terperinciTutorial Laravel Dasar Part I
Tutorial Laravel Dasar Part I Oleh: Cecep Yusuf kali ini kita akan belajar mempelajari Laravel mulai dari dasar hingga mahir. Untuk koleksi tutorial utama saya (Tutorial CakePHP Dasar Part I s/d IV) sepertinya
Lebih terperinciBAB IV ANALISA DAN DESAIN
26 BAB IV ANALISA DAN DESAIN 4.1 Identifikasi Masalah Sebelum proses analisa dilakukan, tahapan yang terlebih dahulu dilakukan adalah identifikasi permasalahan yang terdiri dari survey, wawancara kepada
Lebih terperinciMembuat Aplikasi Tampil, Entri, Edit, Delete Mahasiswa
Tutorial Macromedia Dreamweaver PHP MySQL Membuat Aplikasi Tampil, Entri, Edit, Delete Mahasiswa Oleh Achmad Solichin, http://achmatim.net, achmatim@gmail.com Dalam Tutorial Ini Diasumsikan Bahwa: 1. Di
Lebih terperinciVisual Basic 6.0 For Beginners
Visual Basic 6.0 For Beginners Febryan Hari Purwanto fharipurwanto@gmail.com Chapter 10 Modul Standar Ketika membuat program yang cukup besar, kita mungkin memiliki lebih dari satu form yang menggunakan
Lebih terperinciLaporan Bengkel Web II Modul 6
Laporan Bengkel Web II Modul 6 D I S U S U N Oleh : Muhammad Aly Al-Husaini 1457301050 1 SI C Politeknik Caltex Riau T.A 2014-2015 Modul 6. Fungsi Filter PHP Contoh Program Contoh 1 : Baris 3, membuat
Lebih terperinci