Jquery AJax File Upload Codeigniter
|
|
- Hartono Tan
- 7 tahun lalu
- Tontonan:
Transkripsi
1
2 Jquery AJax File Upload Codeigniter Oleh: Dimas Agung Noviyanto Pada tutorial kali ini, kita akan belajar membuat form upload file pada codeigniter dengan jquery ajax. Pertama, pastikan kalian mempunya file ajaxfileupload.js, dapat diunduh disini Selanjutnya siapkan file codeigniter dan tempatkan pada localhost masing-masing. Buat folder ajaxupload didalam folder h... Upload file dengan php mungkin suatu hal yang tidak terlalu menjadi momok "menyeramkan" untuk para programer website, namun jika kalian pernah coba membuat uploader file dengan codeigniter, hal ini dapat menjadi pengalaman yang menjengkelkan dan memusingkan. Pada tutorial ini, saya akan berbagi bagaimana membuat uploader dengan codeigniter dan ajax yang tidak hanya bekerja dengan optimal, namun tetap pada faedah MVC. Pertama, pastikan kalian mempunya Codeigniter, jquery, dan script AjaxFileUpload yang dapat kalian copy pada tutorial ini. Pada tutorial ini kalian diharapkan telah mengerti dan dapat menggunakan codeigniter dan jquery, jika belum silahkan pelajari kedua hal tersebut terlebih dahulu. Buat sebuah databse dan sebuah tabel dengan nama files. CREATE TABLE `files` ( `id` int NOT NULL AUTO_INCREMENT PRIMARY KEY, `filename` varchar(255) NOT NULL, `title` varchar(100) NOT NULL ); Tahap 1 Buat form upload
3 Pertama, kita perlu membuat form upload sebagai interface untuk upload file, copy kode berikut dan simpan dengan nama upload.php <!doctype html> <html> <head> <script src=" cript> <script src="<?php echo base_url()?>js/site.js"></script> <script src="<?php echo base_url()?>js/ajaxfileupload.js"></script> <link href="<?php echo base_url()?>css/style.css" rel="stylesheet" /> </head> <body> <h1>upload File</h1> <form method="post" action="" id="upload_file"> <label for="title">title</label> <input type="text" name="title" id="title" value="" /> <label for="userfile">file</label> <input type="file" name="userfile" id="userfile" size="20" /> <input type="submit" name="submit" id="submit" /> </form> <h2>files</h2> <div id="files"></div> </body> </html> Tahap 2 Buat controller Buat sebuah controller sebagai jembatan antara file view dan model, copy kode berikut, simpan dengan nama upload.php
4 class Upload extends CI_Controller public function construct() parent:: construct(); $this->load->model('files_model'); $this->load->database(); $this->load->helper('url'); public function index() $this->load->view('upload'); Tahap 3 Buat Custom Javascript Untuk menangani submit form pada view, kita buat sebuah file javascript yang nantinya akan digunakan untuk memproses inputan dari pengguna. Copy kode berikut dan simpan dengan nama site.js $(function() $('#upload_file').submit(function(e) e.preventdefault(); $.ajaxfileupload( url :'./upload/upload_file/', secureuri :false, fileelementid :'userfile', datatype : 'json', data : 'title' : $('#title').val(), success : function (data, status) if(data.status!= 'error') $('#files').html('<p>reloading files...</p>'); refresh_files(); $('#title').val(''); alert(data.msg); ); return false;
5 ); ); Pada bagian ini kita membuat form handler dengan javascript pada sisi client server, dan mengirimkan konten data via ajax. Jika tidak terjadi error, kita refresh file list, clear title dan kita tampilkan alert respon. Tahap 4 Membuat fungsi untuk upload file Controller Untuk upload file, url yang akan digunakan adalah /upload/upload_file/, jadi kita harus membuat method baru di controller upload, copy code berikut dan tempatkan pada controller upload yang telah kita buat sebelumnya. public function upload_file() $status = ""; $msg = ""; $file_element_name = 'userfile'; if (empty($_post['title'])) $status = "error"; $msg = "Please enter a title"; if ($status!= "error") $config['upload_path'] = './files/'; $config['allowed_types'] = 'gif jpg png doc txt'; $config['max_size'] = 1024 * 8; $config['encrypt_name'] = TRUE; $this->load->library('upload', $config); if (!$this->upload->do_upload($file_element_name)) $status = 'error'; $msg = $this->upload->display_errors('', ''); else $data = $this->upload->data(); $file_id = $this->files_model->insert_file($data['file_name'], $_POST['title']); if($file_id) $status = "success";
6 $msg = "File successfully uploaded"; else unlink($data['full_path']); $status = "error"; $msg = "Something went wrong when saving the file, please try echo json_encode(array('status' => $status, 'msg' => $msg)); Kita buat pengecekan sederhana untuk memastikan apakah inputan title berisi sebuah value atau tidak. Jika value title tidak kosong kita load librari upload bawaan codeigniter. Selanjutnya. kita coba upload file. Jika berhasil, kita simpan judul dan nama file ke dalam databse. Model Sesuai dengan konsep MVC, kita buat sebuah model untuk menangani fungsi-fungsi yang terkait dengan database. Copy kode berikut dan simpan dengan nama files_model.php class Files_Model extends CI_Model public function insert_file($filename, $title) $data = array( 'filename' => $filename, 'title' => $title ); $this->db->insert('files', $data); return $this->db->insert_id(); Folder Upload Selanjutnya kita buat folder untuk menampung file-file yang akan di upload pada folder web root kita dengan nama files, pastikan folder tersebut dapat diakses(writable) oleh server. Tahap 5 Buat Daftar file upload
7 Buka file site.js yang telah kita buat sebelumnya, kemuadian masukkan kode berikut: function refresh_files() $.get('./upload/files/').success(function (data) $('#files').html(data); ); fungsi ini akan memasukan data kedalam varibale file yang terdapat pada view untuk menampilkan daftar file yang diupload, kita harus memanggil fungsi ini pada awal ketika load halaman untuk menampilkan daftar file upload. Untuk itu kita harus menempatkan fungsi ini pada document.ready.function di bagian atas file. refresh_files(); Controller Untuk menampilkan daftar file upload, url yang akan digunakan adalah /upload/files/, jadi kita harus membuat method baru di controller upload, copy code berikut dan tempatkan pada controller upload yang telah kita buat sebelumnya. public function files() $files = $this->files_model->get_files(); $this->load->view('files', array('files' => $files)); Model Untuk retrieve data file upload dari database, kita buat fungsi get_files, masukkan kode berikut ke dalam files_model.php yang telah kita buat sebelumnya. public function get_files()
8 return $this->db->select() ->from('files') ->get() ->result(); View Kita perlu membuat view untuk menampilkan daftar file upload, buat file baru dengan nama files.php, dan paste kode berikut: <?php if (isset($files) && count($files))?> <ul> <?php foreach ($files as $file)?> <li class="image_wrap"> <a href="#" class="delete_file_link" data-file_id="<?php echo $file->id?>">delete</a> <strong><?php echo $file->title?></strong> <br /> <?php echo $file->filename?> </li> <?php?> </ul> </form> <?php else?> <p>no Files Uploaded</p> <?php?> Melalui view ini kita akan menampilkan judul dan nama file masing-masing. Kita juga menambahkan link untuk menghapus file, yang masing-masing memiliki atribut ID dari file yang tersimpan dalam database. Delete File Untuk dapat menghapus file yang telh kita upload, kita buat fungsi baru untuk menangani hal
9 tersebut. Javascript Copy dan masukkan kode berikut pada document.ready.function: $('.delete_file_link').live('click', function(e) e.preventdefault(); if (confirm('are you sure you want to delete this file?')) var link = $(this); $.ajax( url : './upload/delete_file/' + link.data('file_id'), datatype : 'json', success : function (data) files = $(#files); if (data.status === "success") link.parents('li').fadeout('fast', function() $(this).remove(); if (files.find('li').length == 0) files.html('<p>no Files Uploaded</p>'); ); else alert(data.msg); ); ); Ketika link delete di click, kita tampilkan dialog konfirmasi penghapusan. Jika konfirmasi ok maka kita panggil fungsi /upload/delete_file. Controller Seperti penjelasan diatas, url yang akan kita akses untuk menghapus file adalah /upload/delete_file, jadi kita buat fungsi delete_file, masukkan kode berikut pada controller upload. public function delete_file($file_id)
10 if ($this->files_model->delete_file($file_id)) $status = 'success'; $msg = 'File successfully deleted'; else $status = 'error'; $msg = 'Something went wrong when deleteing the file, please try again'; echo json_encode(array('status' => $status, 'msg' => $msg)); Model Buka files_model.php dan masukkan kode berikut: public function delete_file($file_id) $file = $this->get_file($file_id); if (!$this->db->where('id', $file_id)->delete('files')) return FALSE; unlink('./files/'. $file->filename); return TRUE; public function get_file($file_id) return $this->db->select() ->from('files') ->where('id', $file_id) ->get() ->row(); Karena kita hanya mengirimkan ID, kita perlu untuk mendapatkan nama file, jadi kita membuat metode baru untuk memuat file. Setelah dimuat, kita menghapus record dan menghapus file dari server. Selesai! Jika Anda menjalankannya, Anda harus dapat meng-upload file, melihatnya muncul, dan kemudian menghapusnya.
11 Tentang Penulis Dimas Agung Noviyanto
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 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 terperinciPemrograman Web Berbasis Framework. Pertemuan 8 : Penanganan File dan Image. Hasanuddin, S.T., M.Cs. Prodi Teknik Informatika UAD
Pemrograman Web Berbasis Framework Pertemuan 8 : Penanganan File dan Image Hasanuddin, S.T., M.Cs. Prodi Teknik Informatika UAD hasan@uad.ac.id Pokok Bahasan Pendahuluan File helper Download helper File
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 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 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 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 terperinciCodeIgniter.
CodeIgniter http://tinyurl.com/khhfxoz Ekstrak file CodeIgniter.zip Rename Folder hasil ekstraksinya Mis. SistemKu Didalam folder hasil ekstraksi terdapat aplikasi CodeIgniter Didalam folder user_guide
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 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 terperinciMENANGANI DATA PADA FORM Aplikasi IT-2 Dalam hal menangani data yang dikirim ke server, PHP memiliki beberapa variabel Superglobals yang secara otomatis akan menangkap data berdasarkan metode (method)
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 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 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 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 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 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 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 terperinciMEMBUAT MASTER BERITA Teknik Informatika Sopingi, M.Kom
MEMBUAT MASTER BERITA Teknik Informatika Sopingi, M.Kom 1. Buatlah File index.php File ini digunakan untuk menampilkan form dan datagrid tabel berita Memanggil koneksi manage BERITA
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 terperinciMembuat Combobox Bertingkat dengan CakePHP
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
Lebih terperinciMODUL PRAKTIKUM SISTEM TERDISTRIBUSI
MODUL PRAKTIKUM SISTEM TERDISTRIBUSI WEB API Yuli Purwati, M.Kom Praktikum 8 7 Juni 2017 Aplikasi ASP.NET Web Api 1. Pembuatan Web Api Buat project baru pada Visual Studio, File New Project. Lalu, pilih
Lebih terperinciPersiapan. Jalankan server apache dari XAMPP control panel Ekstrak file yang telah dibagikan, Salin folder week_8 ke htdocs
Ajax Persiapan Download: https://drive.google.com/file/d/0bxksp6axeejqa3loddvnd2fcx3c/vi ew?usp=sharing Latihan-latihan ini memerlukan koneksi aktif internet Cek kembali koneksi internet anda Jalankan
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 terperinciLAPORAN RESMI PRAKTIKUM II WEB DESAIN PENGENALAN JAVASCRIPT
LAPORAN RESMI PRAKTIKUM II WEB DESAIN PENGENALAN JAVASCRIPT Di susun oleh : Galuh Meidaluna 4103141023 Dosen : Dwi Susanto ST. MT TEKNOLOGI MULTIMEDIA BROADCASTING POLITEKNIK ELEKTRONIKA NEGERI SURABAYA
Lebih terperinciMembuat Polling Sederhana Dengan Ajax
Membuat Polling Sederhana Dengan Ajax Oleh: Dimas Agung Noviyanto Ajax adalah suatu teknik pemrograman berbasis web untuk menciptakan aplikasi web interaktif. Tujuannya adalah
Lebih terperinciKinta mahadji
PHP Upload file Kinta mahadji http://komputerblog.com mahadji_kinta@yahoo.com Lisensi Dokumen: Seluruh dokumen di IlmuKomputer.Com dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan
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 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 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 terperinciIMPLEMENTASI MVC PADA SITUS PORTAL PENCARIAN UNIVERSITAS DI DAERAH ISTIMEWA YOGYAKARTA. Rionaldi Sugiarto Katon Wijana, Wimmie Handiwidjojo
IMPLEMENTASI MVC PADA SITUS PORTAL PENCARIAN UNIVERSITAS DI DAERAH ISTIMEWA YOGYAKARTA Rionaldi Sugiarto Katon Wijana, Wimmie Handiwidjojo Abstrak Daerah Istimewa Yogyakarta merupakan kota pelajar dan
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 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 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 terperinciLAPORAN RESMI. PRAKTIKUM TEKNOLOGI WEB Pengenalan JavaScript
LAPORAN RESMI PRAKTIKUM TEKNOLOGI WEB Pengenalan JavaScript Dosen Pembimbing : Dwi Susanto Oleh : Noer Rhiannah A (4103131052) 3 D3 MMB B PROGRAM STUDI TEKNOLOGI MULTIMEDIA BROADCASTING DEPARTEMEN MULTIMEDIA
Lebih terperinciYang perlu diperhatikan dalam membuat aplikasi di cmsid adalah sebagai berikut:
Dasar dasar basic membuat aplikasi cmsid Ok teman teman pasti yang sudah mencoba cmsid tertarik ingin membuat sebuah atau lebih aplikasi buatan sendiri, baik disini saya akan memberikan step by step pembuatan
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 terperinciMembuat Chatbox Sederhana dengan Ajax jquery dan PHP PDO
Membuat Chatbox Sederhana dengan Ajax jquery dan PHP PDO Oleh: Ananda Mukhammad Ikhsan Chatbox adalah fitur yang cukup penting di website berbasis sosial media. Nah, kali ini saya akan memberikan tutorial
Lebih terperinciFramework untuk web yang dibuat dalam bentuk Web Berbasis Model-View-Controller (MVC)
AndiWahjuR E awreman@gmail.com Introduction CodeIgniter Framework untuk web yang dibuat dalam bentuk Web Berbasis Model-View-Controller (MVC) Model strukturdata View informasi yang disampaikan pe pengguna
Lebih terperinciMembuat Kalender Jadwal Dengan PHP, Mysql, dan Fullcalendar.js
Membuat Kalender Jadwal Dengan PHP, Mysql, dan Fullcalendar.js Oleh: Dimas Agung Noviyanto Mau bikin kalender jadwal sendiri atau aplikasi jadwal lainnya?anda beruntung dapat menemukan tutorial ini. Sekarang
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 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 terperinciMODUL PEMOGRAMAN WEB II STMIK IM BANDUNG MODUL PEMOGRAMAN WEB II. Oleh: CHALIFA CHAZAR. Chalifa Chazar edu.script.id
1 MODUL PEMOGRAMAN WEB II Oleh: CHALIFA CHAZAR 2 MODUL 10 Penanganan Form HTML Tujuan: Mahasiswa memahami cara penanganan permintaan dalam kode PHP yang dikirimkan melalui form HTML untuk menyelesaikan
Lebih terperinciCODEIGNITER 3. Belajar Mandiri. Zamah Sari
CODEIGNITER 3 Belajar Mandiri Zamah Sari i DAFTAR ISI PENDAHULUAN CODEIGNITER... 1 Fitur Codeigniter... 1 INSTALASI CODEIGNITER... 3 ARSITEKTUR CODEIGNITER... 5 Struktur Direktori... 6 Folder Application...
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 terperinciBAB 14 AJAX. Menyerupai J2EE, AJAX adalah 2 hal yang digabungkan : merupakan sebuah teknologi, sekaligus arsitektir pemrograman.
BAB 14 AJAX 14.1 PENDAHULUAN Hingga saat ini, aplikasi web mengikuti alur arsitektur berikut : satu satunya cara dalam merepresentasikan content baru (sebagai contoh, dalam merespon interaksi antara user
Lebih terperinciDAFTAR PUSTAKA. Adisasmita, Rahardjo Pengelolaan Pendapatan & Anggaran Daerah. Yogyakarta: Graha Ilmu.
DAFTAR PUSTAKA Adisasmita, Rahardjo. 2011. Pengelolaan Pendapatan & Anggaran Daerah. Yogyakarta: Graha Ilmu. Anggarini, Yunita dan Puranto, Hendra. 2012. Anggaran Berbasis Kinerja Penyusunan APBD Secara
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 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 terperinciMembuat Tanggal dengan Datepicker
Membuat Tanggal dengan Datepicker Oleh: Roziqin Widodo Untuk menangani input dan edit penanggalan, biasanya digunakan digunakan komponen combobox, namun saat ini ada cara yang lebih efektif dengan
Lebih terperinciLangkah 1 Struktur Folder. Langkah 2 Database. Detil Tutorial
Detil Tutorial Tingkat Kesulitan: Pemula Bahasa: PHP Software yang Digunakan: Dreamweaver Lama Pengerjaan: 1 Hours 2 Hours Untuk mengawali kembalinya materi tentang PHP & MySQL, saya membuat tutorial untuk
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 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 terperinciMembuat Web Chatting dengan Ajax Jquery, PHP, dan Bootstrap [Part 2]
Membuat Web Chatting dengan Ajax Jquery, PHP, dan Bootstrap 2.3.2 [Part 2] Oleh: d-newbie pada tutorial sebelumnya kita sudah membuat 2 modal, yaitu modal "Masuk" dan modal "Daftar" dan pada tahap ini
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 terperinciE-Book PEMROGRAMAN CLIENT SERVER BERBASIS PHP DENGAN FRAMEWORK CODEIGNITER. Disusun Oleh: Arfian Hidayat, S.Kom
E-Book PEMROGRAMAN CLIENT SERVER BERBASIS PHP DENGAN FRAMEWORK CODEIGNITER Disusun Oleh: Arfian Hidayat, S.Kom http://arfianhidayat.com FAKULTAS ILMU KOMPUTER UNIVERSITAS DIAN NUSWANTORO SEMARANG 2013
Lebih terperinciModul Pelatihan Framework CodeIgniter
Modul Pelatihan Framework CodeIgniter Oleh : Afwan Auliyar Rakhman, ST. (www.afwan.net) PASSIONIT IT Consultant & IT Training Bandung Head office : Komplek Mekarsari Endah blok A-5 Baleendah. www. Passionit.co.id
Lebih terperinciFile dan Direktori PHP. Pemrograman Internet
File dan Direktori PHP Pemrograman Internet Objectives Membuat, Menulis dan Membaca Isi File Membuka dan Membuat File Menulis ke File Membaca Isi File Menutup File Membuat dan Menghapus Direktori Manipulasi
Lebih terperinciMANAGEMENT, FORWARDING & AUTO RESPONDER
1 E-MAIL MANAGEMENT, EMAIL FORWARDING & AUTO RESPONDER TEKNIK INFORMATIKA UNIKOM (2008) E-Mail Management 2 Login ke webhosting anda (000webhost.com) Buka Cpanel Lihat di bagian E-mail E-Mail Management
Lebih terperinciOleh: Ahmad Syauqi Ahsan
Oleh: Ahmad Syauqi Ahsan Cara utama untuk membuat form dalam Yii adalah melalui yii\widgets\activeform. Pada banyak kasus, form yang ditampilkan ke pengguna mempunyai relasi dengan Model, Model yang terhubung
Lebih terperinciMembuat Sistem Pertemanan Sederhana
Membuat Sistem Pertemanan Sederhana Oleh: Dadan Pada artikel kali ini saya akan menunkukan kepada Anda cara membuat sistem pertemanan seperti pada website jejaring sosial. Contohnya yah seperti pada website
Lebih terperinciBAB IV PENGUJIAN DAN ANALISIS
BAB IV PENGUJIAN DAN ANALISIS Pada bab ini akan dibahas mengenai pengujian sistem serta analisis dari hasil pengujian. Tujuan dilakukannya pengujian ini adalah mengetahui sejauh mana kinerja dari hasil
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 terperinciPemrograman Web Week 2. Team Teaching
Pemrograman Web Week 2 Team Teaching WEEK 2 HTML IKG2I4 Software Project I Persiapan Instalasi Editor Download dan Install apilkasi editor (mis. Notepad++) Karena membantu dalam pengembangan syntax highlighting
Lebih terperinciPemrograman Web Lanjut 2017
Praktikum 9 9.1. CRUD Operasi CRUD (Create, Read, Update, Delete) merupakan operasi dasar yang sering digunakan di dalam database. Fungsi dari operasi ini adalah mengolah data secara dinamis pada aplikasi
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 terperinciDAFTAR PUSTAKA. Upton, D. (2007). CodeIgniter for Rapid PHP Application Development. Birmingham: Packt Publishing Ltd.
DAFTAR PUSTAKA About MariaDB. (2016, Juni 29). Retrieved from MariaDB: https://mariadb.org/about EllisLab. (n.d.). CodeIgniter. Retrieved Juni 29, 2016, from CodeIgniter: www.codeigniter.com Fatta, H.
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 terperinciMODUL 11 MEMBUAT LOGIN USER
MODUL 11 MEMBUAT LOGIN USER Halaman web adalah suatu halaman rumah di dalam dunia maya, di sini kita dapat menampilkan tentang segala inspirasi, imajinasi, mimpi maupun uneg-uneg sekalipun. Ibarat sebuah
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-6 MySQL, Koneksi Database, dan Menampilkan Data
Modul-6 MySQL, Koneksi Database, dan Menampilkan Data Pemograman Web TEKNIK INFORMATIKA UNIVERSITAS PASUNDAN BANDUNG I. Memasukan data dari array ke database Masih ingat array associative yang kalian miliki
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 terperinciTUTORIAL PHP MYSQL Langkah Tepat menjadi Web Developer Handal, menguasai PHP dan MySQL, jalan terbaik membuat website dan aplikasi berbasis web
TUTORIAL PHP MYSQL Langkah Tepat menjadi Web Developer Handal, menguasai PHP dan MySQL, jalan terbaik membuat website dan aplikasi berbasis web www.ilmuwebsite.com Bagian 22. Lebih Jauh Bekerja dengan
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 terperinciAJAX Tutorial. Contoh AJAX Dasar 1
Contoh AJAX Dasar 1 Setelah Anda mengenal dasar-dasar tentang konsep AJAX, XML dan Javascript, berikut ini akan kita bahas mengenai contoh aplikasi AJAX dasar. Pada contoh ini kita akan membuat aplikasi
Lebih terperinciValidasi 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 terperinciPemrograman Web Berbasis Framework. Pertemuan 6 : Konsep MVC : Model. Hasanuddin, S.T., M.Cs. Prodi Teknik Informatika UAD
Pemrograman Web Berbasis Framework Pertemuan 6 : Konsep MVC : Model Hasanuddin, S.T., M.Cs. Prodi Teknik Informatika UAD hasan@uad.ac.id Pokok Bahasan Pendahuluan Pengiriman Query Melakukan Escaping Menampilkan
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 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 terperinciMahasiswa memahami Pengertian, fungsi, aplikasi untuk menjalankan JavaScript, cara menjalankan kode, cara memasukkan kode JavaScript ke dalam HTML
Pengenalan JavaScript Standar Kompetensi Mahasiswa memahami Pengertian, fungsi, aplikasi untuk menjalankan JavaScript, cara menjalankan kode, cara memasukkan kode JavaScript ke dalam HTML Indikator Hasil
Lebih terperinciPertemuan 2. Muhadi Hariyanto
Pertemuan 2 Muhadi Hariyanto Variabel Diperlukan dalam pemrograman PHP karena berfungsi sebagai tempat untuk menampung suatu nilai data. Bisa berupa masukan atau keluaran. Tidak diperlukan deklarasi awal
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 terperinciAJAX. Pemrograman Web. Rajif Agung Yunmar, S.Kom
AJAX Pemrograman Web Rajif Agung Yunmar, S.Kom Synchronous Metode request HTTP yang sering digunakan dengan cara ini adalah metode POST dan GET. Pada saat client mengirimkan request terhadap server, client
Lebih terperinciPemrograman Web Lanjut 2017
Praktikum 9 9.1. CRUD Operasi CRUD (Create, Read, Update, Delete) merupakan operasi dasar yang sering digunakan di dalam database. Fungsi dari operasi ini adalah mengolah data secara dinamis pada aplikasi
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 terperinciBAB II ANALISIS DAN PERANCANGAN. Sistem informasi penjualan dan pembelian Tissue SMART NARENA
BAB II ANALISIS DAN PERANCANGAN 2.1 Deskripsi Sistem Sistem informasi penjualan dan pembelian Tissue SMART NARENA dengan pendekatan perancangan sistem berorientasi objek. Perancangan sistem berorientasi
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 terperinciMembuat Online Messanger atau Chat dengan PHP, MySQL, JQuery, Bootsrtrap 3 dan Font Awesome 4 [Part 2]
Membuat Online Messanger atau Chat dengan PHP, MySQL, JQuery, Bootsrtrap 3 dan Font Awesome 4 [Part 2] Oleh: Arinadi Nur Rohmad Episode System Sign-Up/Registerasi/Daftar User Asalamualaikum, Setelah di
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 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 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 terperincib) Membuat database tiket. Siapkan databasenya dengan membuat database tiket Sampai langkah ini database tiket sudah siap digunakan
STJ MySQL-PHP Menggunakan MySQL sebagai database server a) Menghidupkan MySQL Database Server C:\mysql\bin>mysqld b) Membuat database tiket. Siapkan databasenya dengan membuat database tiket C:\mysql\bin>mysqladmin
Lebih terperinciPemrograman Web Week 4. Team Teaching
Pemrograman Web Week 4 Team Teaching Peran Masing-masing Bahasa HTML => Mengatur Struktur CSS => Mengatur tampilan JSS => Mengatur interaktifitas Penggunaan Javascript Sama seperti pada CSS, ada 3 cara
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 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 terperinciOleh: Ahmad Syauqi Ahsan
Oleh: Ahmad Syauqi Ahsan Cara utama untuk membuat form dalam Yii adalah melalui yii\widgets\activeform. Pada banyak kasus, form yang ditampilkan ke pengguna mempunyai relasi dengan Model, Model yang terhubung
Lebih terperinciFungsi fungsi tambahan dalam PHP Session dan Cookie
Fungsi fungsi tambahan dalam PHP Session dan Cookie 1 fopen()
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 terperinci