Tutorial jquery Ajax Bagian 2 (Input, Update, Delete, Animasi Loading)
|
|
- Devi Atmadja
- 6 tahun lalu
- Tontonan:
Transkripsi
1 Tutorial jquery Ajax Bagian 2 (Input, Update, Delete, Animasi Loading) 17:08 20 Oct Pada artikel sebelumnya kita telah belajar dan mengenal jquery dan penggunaan fungsi load() di Tutorial jquery Ajax Bagian 1. Sekarang kita lanjutkan tutorial ajax jquery, yaitu bagaimana menginput, mengupdate, mendelete data di database, kemudian bagaimana caranya menampilkan animasi loading ajax menggunakan jquery. Di sini kita akan mempelajari fungsi jquery.ajax() Sekarang mari kita mulai membuat kode-kodenya jquery.ajax() Sintaks : $.ajax(settingan) Fungsi : untuk melakukan asynchronous HTTP (Ajax) request. Berikut adalah beberapa settingan penting untuk fungsi $.ajax() type Yaitu tipe metode request data, yaitu POST atau GET, defaultnya adalah GET url String yang merupakan URL atau file di server, tujuan kita mengirim request data Data yang ingin kita kirim ke server untuk diproses, cara penulisannya "data1=value1&data2=value2"
2 cache Bisa bernilai true atau false. Jika bernilai false, data yang direquest tidak akan dicache oleh browser success Fungsi yang kita jalankan jika request telah sukses dijalankan Untuk settingan lainnya bisa dilihat di Contoh : $.ajax({ url: "proses.php", data: "nama=desrizal& =desrizal@yahoo.com&sex=male", cache: false, success: function(msg){ $("#teks").html(msg); } }); Aplikasi Input, Update dan Delete Sekarang mari kita buat aplikasi sederhana menggunakan jquery dan PHP untuk pemrosesan di sisi server. Pada contoh-contoh yang akan saya berikan, kita akan banyak menggunakan fungsifungsi jquery seperti val(), html(), show(), hide() dan lainnya. Untuk tutorial mengenai fungsi tersebut, silahkan baca di pengenalan jquery. Pada contoh berikut kita akan membuat aplikasi data karyawan Struktur Tabel datakaryawan di MySQL Pertama mari kita buat dulu tabel datakaryawan di database MySQL CREATE TABLE `datakaryawan` ( `nik` varchar(10) NOT NULL, `nama` varchar(50) NOT NULL, ` ` varchar(50) NOT NULL, `alamat` varchar(200) NOT NULL, PRIMARY KEY (`nik`) ) ENGINE=InnoDB DEFAULT CHARSET=latin1; INSERT INTO `datakaryawan` (`nik`, `nama`, ` `, `alamat`) VALUES ('FI786578', 'Bagaskara Antara', 'bagas@yahoo.com', 'Jakarta'), ('FI885245', 'Budix', 'budi@gmail.com', 'USA'), ('FI889456', 'Desrizal', 'drz@desrizal.com', 'Tembagapura'); Kode HTML dan jquery Mari kita mulai membuat kode HTML dan jquery, buat file html, kita beri nama index.html.
3 1 <html> 2 <head><title>ajax jquery by Desrizal</title> 3 <script type="text/javascript" src="jquery min.js"> 4 </script> 5 <script> 6 var nik; 7 var nama; 8 var ; 9 var alamat; 10 var datanya; 11 $(document).ready(function(){ 12 //meloading option NIK dari database 13 $("#nik").load("proses.php","op=ambiloption"); //jika ada event onchange ambil data dari database 16 $("#nik").change(function(){ 17 //ambil nilai nik dari form 18 nik = $("#nik").val(); //tampilkan status loading dan animasinya 21 $("#status").html("loading..."); 22 $("#loading").show(); //lakukan pengiriman dan pengambilan data 25 $.ajax({ 26 url: "proses.php", 27 data: "op=ambildata&nik="+nik, 28 cache: false, 29 success: function(msg){ 30 //karna di server pembatas setiap data adalah 31 //maka kita split dan akan membentuk array 32 data = msg.split(" "); //masukkan ke masing-masing textfield 35 $("#nama").val(data[0]); 36 $("# ").val(data[1]); 37 $("#alamat").val(data[2]); 38 //hilangkan status dan animasi loading 39 $("#status").html(""); 40 $("#loading").hide(); 41 } 42 }); 43 }); //jika tombol update diclick 46 $("#tupdate").click(function(){
4 47 //ambil nilai-nilai dari masing-masing input 48 nik = $("#nik").val(); 49 if(nik=="pilih NIK"){ 50 alert("pilih dulu NIK"); 51 exit(); 52 } 53 nama = $("#nama").val(); 54 = $("# ").val(); 55 alamat = $("#alamat").val(); 56 datanya = "&nik="+nik+"&nama="+nama+"& ="+ ; 57 datanya = datanya+"&alamat="+alamat; 58 //tampilkan status Updating dan animasinya 59 $("#status").html("lagi diupdate..."); 60 $("#loading").show(); 61 $.ajax({ 62 url: "proses.php", 63 data: "op=update"+datanya, 64 cache: false, 65 success: function(msg){ 66 if(msg=="sukses"){ 67 $("#status").html("update Berhasil..."); 68 }else{ 69 $("#status").html("error.."); 70 } 71 $("#loading").hide(); 72 } 73 }); 74 }); //jika tombol DEL diklik 77 $("#tdelete").click(function(){ 78 nik = $("#nik").val(); 79 if(nik=="pilih NIK"){ 80 alert("pilih dulu NIK"); 81 exit(); 82 } 83 $("#status").html("lagi didelete..."); 84 $("#loading").show(); 85 $.ajax({ 86 url: "proses.php", 87 data: "op=delete&nik="+nik, 88 cache: false, 89 success: function(msg){ 90 if(msg=="sukses"){ 91 $("#status").html("delete Berhasil..."); 92 }else{
5 93 $("#status").html("error.."); 94 } 95 $("#nama").val(""); 96 $("# ").val(""); 97 $("#alamat").val(""); 98 $("#loading").hide(); 99 $("#nik").load("proses.php","op=ambiloption"); 100 } 101 }); 102 }); //jika link Tambah Data Karyawan diklik 105 $("#formtambah").click(function(){ 106 $("#formnik").show(); 107 $("#nik2").val(""); 108 $("#nama").val(""); 109 $("# ").val(""); 110 $("#alamat").val(""); 111 }); //jika tombol TAMBAH diklik 114 $("#ttambah").click(function(){ 115 //ambil nilai-nilai dari masing-masing input 116 nik = $("#nik2").val(); 117 if(nik==""){ 118 alert("nik belum diisi\nklik Tambah Data Karyawan"); 119 exit(); 120 } 121 nama = $("#nama").val(); 122 = $("# ").val(); 123 alamat = $("#alamat").val(); 124 datanya = "&nik="+nik+"&nama="+nama+"& ="+ ; 125 datanya = datanya+"&alamat="+alamat; 126 $("#status").html("lagi ditambah..."); 127 $("#loading").show(); 128 $.ajax({ 129 url: "proses.php", 130 data: "op=tambah"+datanya, 131 cache: false, 132 success: function(msg){ 133 if(msg=="sukses"){ 134 $("#status").html("berhasil ditambah..."); 135 }else{ 136 $("#status").html("error.."); 137 } 138 $("#loading").hide();
6 139 $("#nik").load("proses.php","op=ambiloption"); 140 $("#formnik").hide(); 141 $("#nik2").val(""); 142 } 143 }); 144 }); 145}); 146</script> 147</head> 148<body> 149Nomor Induk Karyawan : 150<select id="nik"></select> 151<br> 152<a id="formtambah" style="cursor:pointer;color:red"> 153<u>Tambah Data Karyawan</u></a> 154<p style="display:none" id="formnik"> 155NIK :<br> 156<input type="text" id="nik2"> 157</p> 158<p> 159Nama :<br> 160<input type="text" id="nama"><p> 161 <br> 162<input type="text" id=" "><p> 163Alamat :<br> 164<input type="text" id="alamat" size="30"><p> 165<button id="tupdate">update</button> 166<button id="tdelete">del</button> 167<button id="ttambah">tambah</button> 168<br> 169<span id="status"></span> 170<img src="loading.gif" id="loading" style="display:none"> 171</body> 172</html> view plain print? Kode PHP, Pemrosesan Di Sisi Server Pada kode jquery di atas, ajax melakukan request ke file proses.php 1 <?php 2 mysql_connect("localhost","root",""); 3 mysql_select_db("test"); 4 5 $op = $_GET['op']; 6
7 7 if($op == "ambiloption"){ 8 $option = mysql_query("select nik FROM datakaryawan"); 9 echo "<option>pilih NIK</option>\n"; 10 while($op = mysql_fetch_array($option)){ 11 echo "<option>".$op['nik']."</option>\n"; 12 } 13}else if($op == "ambildata"){ 14 $nik = $_GET['nik']; 15 $data = mysql_query("select * FROM datakaryawan WHERE nik='$nik'"); 16 $d = mysql_fetch_array($data); 17 echo $d['nama']." ".$d[' ']." ".$d['alamat']; 18}else if($op == "update"){ 19 $nik = $_GET['nik']; 20 $nama = htmlspecialchars($_get['nama']); 21 $ = htmlspecialchars($_get[' ']); 22 $alamat = htmlspecialchars($_get['alamat']); 23 $update = mysql_query("update datakaryawan 24 SET nama='$nama', 25 ='$ ', 26 alamat='$alamat' 27 WHERE nik='$nik'"); 28 if($update){ 29 echo "sukses"; 30 }else{ 31 echo "error"; 32 } 33}else if($op == "delete"){ 34 $nik = $_GET['nik']; 35 $del = mysql_query("delete FROM datakaryawan WHERE nik='$nik'"); 36 if($del){ 37 echo "sukses"; 38 }else{ 39 echo "error"; 40 } 41}else if($op == "tambah"){ 42 $nik = $_GET['nik']; 43 $nama = htmlspecialchars($_get['nama']); 44 $ = htmlspecialchars($_get[' ']); 45 $alamat = htmlspecialchars($_get['alamat']); 46 $tambah = mysql_query("insert INTO datakaryawan 47 VALUES('$nik','$nama','$ ','$alamat')"); 48 if($tambah){ 49 echo "sukses"; 50 }else{ 51 echo "ERROR"; 52 }
8 53} 54?> Loading%29.drz
AJAX 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 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 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 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 terperinciP - 12 Bab 9 : PHP & MySQL
P - 12 Bab 9 : PHP & MySQL 9.1 Tujuan Mahasiswa mampu : Mengetahui dan Memahami Integrasi PHP dengan MySQL Mengetahui dan Memahami Operasi Input, Edit, Delete MySQL Dengan PHP Mengetahui dan Memahami Fungsi
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 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 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 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 terperinciBasis Data I. Pertemuan Ke-12 (Aplikasi Basisdata berbasis web) Noor Ifada.
Basis Data I Pertemuan Ke-12 (Aplikasi Basisdata berbasis web) Noor Ifada noor.ifada@if.trunojoyo.ac.id 1 Sub Pokok Bahasan Cara Kerja: Aplikasi berbasis Web dan Aplikasi Basisdata berbasis Web (PHP MySQL)
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 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 terperinciINTRO PHP FORM PHPMYADMIN input update delete TEMPLATE SEDERHANA
INTRO PHP FORM PHPMYADMIN input update delete TEMPLATE SEDERHANA STRUKTUR DASAR PHP Struktur PHP diawali dengan Contoh sederhana pemakaian bahasa PHP yang disisipkan dalam halaman
Lebih terperinciAJAX Tutorial. Contoh AJAX Database 1
Contoh AJAX Database 1 Setelah Anda membuat contoh aplikasi AJAX dasar, berikut ini akan membuat contoh aplikasi AJAX selanjutnya yang akan kita hubungkan dengan database MySQL. Pada contoh ini, aplikasi
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 terperinciTutorial Membuat WEB Dinamis Dengan PHP
Tutorial Membuat WEB Dinamis Dengan PHP Muhammad Dede Soleman muhammad.dede@raharja,info Abstrak Dalam sisi programming kita dituntut untuk membuat sebuah program semenarik mungkin agar dapat dilihat oleh
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 terperinciwindow.location='karyawan/homeuser.php'</script>"; }else if($c['level']=="manajer"){
Source Code 1. Login.php
Lebih terperinciMODUL GET DAN POST
MODUL 5-2015 GET DAN POST Daftar Isi Post dan Get Request 1 Isset dan Empty 5 Latihan 7 Post dan Get Request PEMBUKAAN Pada modul sebelumnya, kita telah mengenal proses assignment. Kita dapat mengassign
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 terperinciBAB 5 MEMAHAMI METHOD GET DAN POST PADA PHP
BAB 5 MEMAHAMI METHOD GET DAN POST PADA PHP Form pada PHP mempunyai dua method pengiriman data, yaitu GET dan POST. Dengan menggunakan method GET, maka nilai variabel yang dikirimkan ke server melalui
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 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 terperinciAJAX Tutorial. Contoh AJAX Database 4
Contoh AJAX Database 4 Untuk contoh kali ini, kita akan membuat aplikasi AJAX database yang agak sedikit rumit yaitu terkait dengan tambah data dan hapus data mahasiswa. Berikut ini adalah screen shot
Lebih terperinciMODUL PEMROGRAMAN WEB
MODUL PEMROGRAMAN WEB SESSION & COOKIE Rajif Agung Yunmar, S.Kom STMIK AMIKOM Yogyakarta 2011 DAFTAR ISI Session & Cookie... 1 1. Session... 2 2. Cookie... 4 3. Program Autentikasi... 5 Daftar Pustaka...
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 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 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 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 terperinciPertemuan Ke-13 (PHP & MYSQL) Adi Widodo,S.Kom.,MMSI 1
Pertemuan Ke-13 (PHP & MYSQL) Adi Widodo,S.Kom.,MMSI 1 Dasar Pemrograman PHP dan MySQL MATERI 1: PENGENALAN PHP PHP adalah bahasa scripting yang menyatu dengan HTML dan dijalankan pada server side. Artinya
Lebih terperinciDATABASE MYSQL DENGAN PHP
DATABASE MYSQL DENGAN PHP PHP PHP merupakan script yang menyatu dengan HTML dan berada pada server (server side HTML embedded scripting). Dengan menggunakan PHP,dapat membuat berbagai aplikasi berbasis
Lebih terperinciCHAPTER 6. Sebelum membuat starter data, kita perlu meng-create collections terlebih dahulu. Buat folder lib pada folder aplikasi.
CHAPTER 6 Untuk membuat collections, hal pertama yang dilakukan adalah menambahkan baris baru ke dalam file Javascript yang memungkinkan user untuk membuat collections. Sebelumnya, image tersimpan dalam
Lebih terperinciMODUL 5 GET & POST Pemograman Web Teknik Informatika Universitas Pasundan Bandung 2016/2017
MODUL 5 GET & POST Pemograman Web Teknik Informatika Universitas Pasundan Bandung 2016/2017 Konten Post dan Get Request... 2 Isset dan Empty... 5 Sanitasi input... 6 Latihan... 7 Teknik Informatika Universitas
Lebih terperinciP - 7 Pembahasan UTS PSIK V
P - 7 Pembahasan UTS PSIK V 1. Jelaskan mengenai Web Applications Architechture dengan ilustrasi gambar. Secara teknis database yang menyimpan hampir semua data dan data tersebut diolah oleh bahasa pemrograman
Lebih terperinciMySQL J A M K E T I G A
J A M K E T I G A MySQL l Apa itu MySQL? l Membuat User Baru l Membuat Database l Tipe Data MySQL l Membuat Tabel l Structured Query Language l Latihan Jam Ketiga l Soal Jam Ketiga Jam Ketiga Apa itu MySQL?
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 terperinciTutorial Tipe Data MySQL
Tutorial Tipe Data MySQL Benar mendefinisikan field dalam tabel adalah penting untuk optimasi keseluruhan dari database Anda. Anda harus menggunakan hanya jenis dan ukuran lapangan Anda benar-benar perlu
Lebih terperinciMODUL 10 KONEKTIVITAS PHP DENGAN MySQL
MODUL 10 KONEKTIVITAS PHP DENGAN MySQL Tujuan : 1. Memahami langkah-langkah koneksi PHP dengan MySQL. 2. Memahami perbedaan pengambilan record dari database. Langkah-langkah koneksi PHP-MySQL 1. Membuka
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 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 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 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 terperinciAJAX Tutorial. Contoh AJAX Database 4
Contoh AJAX Database 4 Untuk contoh kali ini, kita akan membuat aplikasi AJAX database yang agak sedikit rumit yaitu terkait dengan tambah data dan hapus data mahasiswa. Berikut ini adalah screen shot
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 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 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 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 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 terperinciAJAX Tutorial. Perhatikan untuk memilih kriteria pada aplikasi ini digunakan komponen radiobutton.
Contoh AJAX Database 2 Masih melanjutkan contoh sebelumnya tentang pencarian data mahasiswa, pada contoh ini kriteria pencarian bersifat customizable oleh user. User dapat menentukan sendiri kriteria pencariannya,
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 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 terperinciBAB 2 LANDASAN TEORI
BAB 2 LANDASAN TEORI 2.1 Pengertian Sistem Informasi Sistem adalah suatu kesatuan utuh yang terdiri dari beberapa bagian yang saling berhubungan dan berinteraksi untuk mencapai tujuan tertentu. Informasi
Lebih terperinciGratis Tutorial Pemograman Visual Basic MEMBUAT CRUD VISUAL BASIC.NET DATABASE MYSQL
MEMBUAT CRUD VISUAL BASIC.NET DATABASE MYSQL Pada pembelajaran ini akan dijelaskan cara membuat CRUD ( cread, read, update and delete) atau bahasa indonesianya Input, Edit, Delete Visual Basic.NET database
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 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 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 terperinci<?php $query = mysql_query("select * from siswa where nama like '%$_POST[cari]%'"); while ($baris = mysql_fetch_array($query)) {?>
MENGKONEKSIKAN PHP KE DATABASE MYSQL Koneksi.php mysql_connect ("localhost","root","root"); mysql_select_db("smkn1") or die (mysql_error()); Index.php Design seperti dibawah ini : Ketik di bawah koding
Lebih terperinciAdvantages. Keunggulan :
Advantages Keunggulan : Tampilan (interface) Dreamweaver mudah dimengerti oleh pengguna dari semua tingkat keahlian, bahkan bagi orang awam sekalipun. Dreamweaver cukup tangguh untuk membangun berbagai
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 terperinciModul-5 GET & POST. Pemograman Web TEKNIK INFORMATIKA UNIVERSITAS PASUNDAN BANDUNG
Modul-5 GET & POST Pemograman Web TEKNIK INFORMATIKA UNIVERSITAS PASUNDAN BANDUNG Pendahuluan Pada modul sebelumnya, kita telah mengenal proses assignment. Kita dapat mengassign suatu nilai kepada suatu
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 terperinciMODUL 5 KONEKTIVITAS PHP DENGAN MySQL
MODUL 5 KONEKTIVITAS PHP DENGAN MySQL A. Tujuan : 1. Memahami langkah-langkah koneksi PHP dengan MySQL. 2. Memahami perbedaan pengambilan record dari database. B. Dasar Teori Langkah-langkah koneksi PHP-MySQL
Lebih terperinciSTRUKTUR DASAR PHP. Struktur PHP diawali dengan <?php dan ditutup dengan?> Contoh sederhana pemakaian bahasa PHP yang disisipkan dalam halaman HTML.
STRUKTUR DASAR PHP Struktur PHP diawali dengan dan ditutup dengan Contoh sederhana pemakaian bahasa PHP yang disisipkan dalam halaman HTML. example echo "Ini
Lebih terperinciBAB IV IMPLEMENTASI DAN PENGUJIAN
BAB IV IMPLEMENTASI DAN PENGUJIAN 4.1 Implementasi Sistem Setelah melalui tahap analisis dan tahap perancangan pada bab 3, maka tahapan selanjutnya yang akan dilakukan yaitu tahap implementasi. Pada tahap
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 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 terperinciInsert Data Menggunakan Database MySQL, PostgreSQL, Oracle
Insert Data Menggunakan Database MySQL, PostgreSQL, Oracle 1 07 2008 Setelah artikel mengenai Bermain Dynamic Tabel Row dengan menggunakan Javascript, ada teman yang bertanya bagaimana sih caranya memasukkan
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 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 terperinciLisensi Dokumen: Uraian Kasus :
Uraian Kasus : Pada kasus ini seorang mahasiswa ingin membuat Program sederhana tentang Nomor Handphone teman-temannya untuk mengantisipasi kehilangan HPnya atau HP Error sehingga perlu di Flash ulang
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 terperinciMembuat Toko Buku dengan PHP - MySQL
Membuat Toko Buku dengan PHP - MySQL Iman Amalludin iman.llusion@gmail.com :: http://blog.imanllusion.hostzi.com Abstrak PHP. Apa itu? PHP (Hypertext Preprocessor) adalah bahasa skrip yang dapat ditanamkan
Lebih terperinciChart Dinamis dengan PHP-XML-JSChart
Chart Dinamis dengan PHP-XML-JSChart Fadlika Dita Nurjanto fadlikadn@gmail.com http://fadlikadn.wordpress.com Lisensi Dokumen: Copyright 2003-2011 IlmuKomputer.Com Seluruh dokumen di IlmuKomputer.Com dapat
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 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 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 terperinciMODUL 4 PHP PART 1 (PENGENALAN PHP + VARIABEL)
MODUL 4 PHP PART 1 (PENGENALAN PHP + VARIABEL) 4.1 Definisi PHP (Hypertext Preprocessor) PHP (PHP: Hypertext Preprocessor) merupakan bahasa pemrograman yang mampu berjalan di server-side (berjalan pada
Lebih terperinciFormulir. Menyisipkan / membuat formulir, lakukan salah satu cara berikut : Insert Forms Insert Bar, pilih kategori Forms
Formulir Forms adalah fasilitas dalam HTML yang sangat berguna dan memegang peranan penting dalam meningkatkan interaktivitas di dunia web. Dengan form kita dapat melakukan pooling, survei, pemasukan data
Lebih terperinciBAB IV IMPLEMENTASI DAN PENGUJIAN 4.1 Implementasi Sistem Tahap implementasi dan pengujian sistem, dilakukan setelah tahap analisa dan perancangan selesai dilakukan. Pada bab ini akan dijelaskan implementasi
Lebih terperinciDATABASE OPERATION. Pemrograman Web. Rajif Agung Yunmar, S.Kom
DATABASE OPERATION Pemrograman Web Rajif Agung Yunmar, S.Kom SQL SQL (Structure Query Language) adalah sebuah bahasa pemrograman aras tinggi yang menjadi standar untuk pengolahan data pada sebagian besar
Lebih terperinciEksekusi file setup.exe yang ada dalam CD atau folder instalasi oracle.
1 2 3 Eksekusi file setup.exe yang ada dalam CD atau folder instalasi oracle. 4 Isilah konfigurasi instalasi yang akan dibuat. Oracle Home Location : biasanya terisi otomatis dgn drive yang paling banyak
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 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 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 terperinciDESKRIPSI PERANCANGAN PERANGKAT LUNAK SISTEM PENTIKETAN ELEKTRONIK KONSER (SPEK) Dipersiapkan oleh: Kelompok 3
DESKRIPSI PERANCANGAN PERANGKAT LUNAK SISTEM PENTIKETAN ELEKTRONIK KONSER (SPEK) Dipersiapkan oleh: Kelompok 3 Achmad Taopan Fakhrul Abillah Ramadhan Syaifuloh J3D111022 J3D111067 J3D211122 Program Keahlian
Lebih terperinciMateri
Materi Materi Field Type/Length Extra Primary Key nomor int(10) auto_increment Yes nama varchar(40) agama varchar(15) jnskel varchar(8) email varchar(255) alamat varchar(80) kota varchar(20) INSERT
Lebih terperinciMencetak Data Ke Word atau Excell
Mencetak Data Ke Word atau Excell dengan PHP Mungkin ada sebagian di antara kalian yang memikirkan bagaimana caranya mencetak data yang telah kita buat dengan PHP ke dalam bentuk Word atau Excel. Nah setelah
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 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 terperinciPemrograman Web. Formulir dalam HTML dan PHP
Pemrograman Web Formulir dalam HTML dan PHP I n W a h y u W i d o d o e m a i l @ r i n g k e s. c o m Form Dalam sebuah website dinamis biasanya kita menemukan formulir baik itu untuk proses administrasi
Lebih terperinciMODUL PEMROGRAMAN WEB
MODUL PEMROGRAMAN WEB DATABASE OPERATION Rajif Agung Yunmar, S.Kom STMIK AMIKOM Yogyakarta 2011 DAFTAR ISI Database Operation... 1 1. SQL... 1 1.1 Data Definition Language (DDL)... 1 1.2 Data Manipulation
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 terperinciLAPORAN PRAKTIKUM MODUL 1 PENGENALAN MYSQL
LAPORAN PRAKTIKUM MODUL 1 PENGENALAN MYSQL Diajukan Sebagai Tugas Mata Kuliah Basis Data Oleh: Maulidya Yulianingtyas 1431140013 POLITEKNIK NEGERI MALANG PROGRAM STUDI MANAJEMEN INFORMATIKA MALANG 2015
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 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 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 terperinciMODUL 6 JDBC (JAVA DATABASE CONNECTIVITY)
MODUL 6 JDBC (JAVA DATABASE CONNECTIVITY) TUJUAN PRAKTIKUM 1. Praktikan mengetahui definisi JDBC dan langkah-langkah standar koneksi database dengan JDBC 2. Praktikan mampu menganalisis suatu kasus dan
Lebih terperinciBAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM
BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM Pada bab ini akan dilakukan implementasi dan pengujian terhadap aplikasi clustering yang telah dibangun. Tahapan ini dilakukan setelah analisis dan perancangan
Lebih terperinci