Membuat Flexibel Input sederhana dengan jquery.
|
|
- Ridwan Atmadja
- 7 tahun lalu
- Tontonan:
Transkripsi
1 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 ada berjuta-juta inputan. Sistem kerjanya yaitu, kita akan dapat menginputkan nama_penyakit kedalam tb_penyakit. Dan dapat menginputkan nama_gejala kedalam tb_gejala, dimana inputan nama_gejala akan berupa inputan dropdown dan inputan text yang dapat kita tentukan jumlahnya/ banyaknya inputan. Dengan menklik Tambah maka form inputan akan bertambah dengan sendirinya. Ketika semua sudah siap,maka klik Submit untuk disimpan kedatabase. Kira-kira seperti ini sketsa tampilanya. INPUT_NAMA_PENYAKIT : INPUT_GEJALA : Tambah Submit Input ini untuk memasukkan nama_penyakit yang nantinya akan masuk ke tb_penyakit dalam database. Tahap ke-1 Input berupa dropdown,yang nantinya akan menampilkan tb_gejala yang ada dalam database. Input jika gejala tidak ada dalam tb_gejala, sehingga akan meng-insertkan ke tb_gejala dalam database. Setelah memahami alur dari system yang akan dibuat, tahap selanjutnya yaitu membuat database. Diagram pembuatan database adalah seperti berikut: 1. Buat database baru, misal kita create dengan nama: coba. Kemudian klik ciptakan sehingga akan tampil database baru dengan nama database coba. [Computer and Communication] Flexibel Form 1
2 2. Kemudian buat table database masing-masing untuk tb_penyakit,tb_gejala,tb_has. a. tb_penyakit b. tb_gejala c. tb_has NB: Bagi yang belum mengetahui bagaimana membuat database di mysql, dapat melihat tutorial cnc 1 mengenai database mysql. 3. Setelah semua table kita buat, kita mulai untuk menyiapakan satu folder di htdocs. Misal kita beri nama folder tersebut dengan nama coba. Maka nanti untuk mengakses folder tersebut hanya dengan mengetikkan melalui browser. Catatan: apache dan mysql di XAMPP control panel sudah diaktifkan. 4. Waktunya koding. :D Pertama persiapkan file php, kemudian simpan kedalam folder htdocs>cnc yang telah dibuat tadi. Misal kita simpan dengan nama index.php. [Computer and Communication] Flexibel Form 2
3 Index.php Pertama kita buat koneksi telebih dahulu untuk dapat disambungkan dengan database coba. <! koneksi untuk menguhubungkan script dengan database coba --> <! localhost adalah nama server yang kita gunakan root adalah nama username dari mysql kita, default biasanya root. ini berarti kosong, maksudnya tidak ada password dalam mysql. Jika ada password, maka isikan passwordnya. --> $connect=mysql_connect('localhost','root',''); $select_db=mysql_select_db('coba'); Karena kita memakai file jquery maka jangan lupa untuk menyiapakn file jquerynya. Misal disini kita memakai jquery min.js. Kenapa kita memakai yang.min, alasanya dapat anda temukan di tutorial cnc pada ulasan JQuery. Siapkan terlebih dahulu file jquerynya, kemuudian cpy kedalam folder htdocs>cnc <script type="text/javascript" src="jquery1.4.4.min.js"></script> Tahap selanjutnya kita membuat form input sesuai dengan pola yang kita rancang sebelumnya. Pola dapat dilihat pada halaman paling awal. <!-- form --> <form action="nambah.php" method="post"> Nama Penyakit : <input type="text" name="penyakit"/> <div id="penambahan"> $query="select * FROM tb_gejala"; <select name="inputs[]"> echo "<option value='0'>--pilih Gejala--</option>"; while($data=mysql_fetch_array($t)){ echo "<option value='".$data[id_gejala]."'>$data[nama_gejala]</option>"; </select> <input type="text" name="inputs1[]"><br/> </div> <input type="button" id="tambah" value="add"> <input type="submit" name="setuju" value="submit"> </form> <!-- /from --> [Computer and Communication] Flexibel Form 3
4 Penjelasan script: <form action="nambah.php" method="post"> Fungsinya untuk mengirimkan semua inputan dari form untuk diproses selanjutnya kedalam file nambah.php. Nama Penyakit : <input type="text" name="penyakit"/> Untuk menampilkan form seperti berikut: 3. $query="select * FROM tb_gejala"; Script ini untuk mengambil data id_gejala dan nama_gejala dari tb_gejala. <select name="inputs[]"> echo "<option value='0'>--pilih Gejala--</option>"; while($data=mysql_fetch_array($t)){ echo "<option value='".$data[id_gejala]."'>$data[nama_gejala]</option>"; </select> Script ini untuk menampilkan nama_gejala kedalam bentuk form dropdown,dengan mengambil nama_gejala dalam database. <input type="text" name="inputs1[]"><br/> Script ini untuk menampilkan form untuk input nama_gejala bila didalam database belum ada. Hasilnya tampilanya seperti berikut: [Computer and Communication] Flexibel Form 4
5 4. <input type="button" id="tambah" value="add"> <input type="submit" name="setuju" value="submit"> Script ini untuk menampilkan tombol tambah (jika form ingin kita tambah) dan submit (untuk proses selanjutnya). Hasilnya sebagai berikut: Tahap ke-2 Setelah form kita buat maka selanjutnya akan membuat tambah form ketika kita klik tambah. Berikut adalah script javascriptnya. <script> jquery(document).ready( function(){ jquery("#tambah").click( function(){ $query="select * FROM gejala"; var isi='<select name="inputs[]"><option value="0">-- Pilih Gejala--</option> while($data=mysql_fetch_array($t)){ echo "<option value=$data[id_gejala]>$data[nama_gejala]</option>"; </select> <input type="text" name="inputs1[]" /> <br/>'; jquery("#penambahan").append(isi); ); ); </script> Penjelasan Script: 1. Tahap awal letakkan script diatas tepat dibawah script untuk mengambil fungsi file jquery. 2. jquery("#tambah").click( function(){ Ketika tombol tambah melakukan aksi kita-klik,maka akan memanggil fuction(). [Computer and Communication] Flexibel Form 5
6 Isi dari function() $query="select * FROM gejala"; var isi='<select name="inputs[]"> <option value="0">--pilih Gejala--</option> while($data=mysql_fetch_array($t)){ echo "<option value=$data[id_gejala]>$data[nama_gejala]</option>";? </select> <input type="text" name="inputs1[]" /> <br/>'; jquery("#penambahan").append(isi); 1. Mengambil database untuk id_gejala dan nama_gejala kemudian menampilkannya kedalam form dropdown. Dan ini kita diskripsikan sebagai variable dengan nama isi. 2. jquery("#penambahan").append(isi); akan menambahkan variable isi, di dalam <div id= penambahan ></div>. 3. Jika penulisan sesuai, maka akan tampil halaman seperti berikut: [Computer and Communication] Flexibel Form 6
7 Tahap Ke-3 Form telah kita buat, sekarang waktunya kita buat untuk proses input kedalam database. <!-- eksekusi form --> if(isset($_post['setuju'])) { $nama_penyakit=$_post['penyakit']; $t=mysql_query("insert INTO penyakit (nama_penyakit) values ('$nama_penyakit')"); foreach($_post['inputs'] as $key => $value) { $nama=$_post['inputs'][$key]; $nama1=$_post['inputs1'][$key]; if(empty($nama)){ $ambil=mysql_query("select * From penyakit where nama_penyakit='$nama_penyakit'"); $hasil=mysql_fetch_array($ambil); $id_penyakit=$hasil['id_penyakit']; $input_gejala=mysql_query("insert INTO gejala (nama_gejala) VALUES ('$nama1')"); $cari_id_gejala=mysql_query("select * from gejala where nama_gejala='$nama1'"); $hasilcari=mysql_fetch_array($cari_id_gejala); $id_hasil_cari=$hasilcari['id_gejala']; $inputhas=mysql_query("insert INTO has (id_penyakit,id_gejala) VALUES ('$id_penyakit','$id_hasil_cari')"); else{ $ambil=mysql_query("select * From penyakit where nama_penyakit='$nama_penyakit'"); $hasil=mysql_fetch_array($ambil); $id_penyakit=$hasil['id_penyakit']; $inputhas=mysql_query("insert INTO has (id_penyakit,id_gejala) VALUES ('$id_penyakit','$nama')"); Penjelasan script: 1. if(isset($_post['setuju'])) 2. ketika ada perintah submit maka akan menjalankan perintah di dalamnya. $nama_penyakit=$_post['penyakit']; $t=mysql_query("insert INTO penyakit (nama_penyakit) values ('$nama_penyakit')"); [Computer and Communication] Flexibel Form 7
8 3. Membuat variabel dari inputan dengan name= penyakit. Kemudian menyisipkan kedalam tb_penyakit. Karena didalam tb_has akan mengambil id_penyakit untuk disisipkan ke tb_has. foreach($_post['inputs'] as $key => $value) { $nama=$_post['inputs'][$key]; $nama1=$_post['inputs1'][$key]; 4. Istilah lain dari fungsi forech dengan multi array. Nantinya akan meng-arraykan dua variabel yaitu untuk name= inputs dan name= inputs1. Dan selanjutnya akan didiskripsikan sebagai variabel $nama dan $nama1. Catatan: inputs adalah name dari form inputan dropdown. Inputs1 adalah name dari form inputan type text. 1. if(empty($nama)){ 1/ Mengambil nilai id_penyakit dari tb_penyakit. 2/ Ketika tidak ada inputan dari form dropdown maka akan memasukkan nama1(form sebelah) kedalam tb_gejala. Yang selanjutnya akan memasukkan data ke tb_has di id_penyakit dan id_gejala sebanyak form gejala yang ada. else{ 1/ Mengambil nilai id_penyakit dari tb_penyakit. 2/ Ketika dropdown ada inputan,maka akan mengambil nilai pada form dropdown untuk dimasukkan kedalam tb_gejala. 3/ Menginsertkan ke tb_has untuk nilai id_penyakit dan id_gejala sebanyak form gejala yang ada. [Computer and Communication] Flexibel Form 8
9 Script Keseluruhan index.php <!-- connect database --> $connect=mysql_connect('localhost','root',''); $select_db=mysql_select_db('test'); <script type="text/javascript" src="jquery min.js"></script> <script> jquery(document).ready( function(){ jquery("#tambah").click( function(){ $query="select * FROM gejala"; var isi='<select name="inputs[]"><option value="0">--pilih Gejala-- </option> while($data=mysql_fetch_array($t)){ echo "<option value=$data[id_gejala]>$data[nama_gejala]</option>"; </select> <input type="text" name="inputs1[]" /> <br/>'; jquery("#penambahan").append(isi); ); ); </script> <!-- form --> <form action="nambah.php" method="post"> Nama Penyakit : <input type="text" name="penyakit"/> <div id="penambahan"> $query="select * FROM gejala"; <select name="inputs[]"> echo "<option value='0'>--pilih Gejala--</option>"; while($data=mysql_fetch_array($t)){ echo "<option value='".$data[id_gejala]."'>$data[nama_gejala]</option>"; </select> <input type="text" name="inputs1[]"><br/> </div> <input type="button" id="tambah" value="tambah"> <input type="submit" name="setuju" value="submit"> [Computer and Communication] Flexibel Form 9
10 </form> <!-- /from --> <!-- eksekusi form --> if(isset($_post['setuju'])) { $nama_penyakit=$_post['penyakit']; $t=mysql_query("insert INTO penyakit (nama_penyakit) values ('$nama_penyakit')"); foreach($_post['inputs'] as $key => $value) { $nama=$_post['inputs'][$key]; $nama1=$_post['inputs1'][$key]; if(empty($nama)){ $ambil=mysql_query("select * From penyakit where nama_penyakit='$nama_penyakit'"); $hasil=mysql_fetch_array($ambil); $id_penyakit=$hasil['id_penyakit']; $input_gejala=mysql_query("insert INTO gejala (nama_gejala) VALUES ('$nama1')"); $cari_id_gejala=mysql_query("select * from gejala where nama_gejala='$nama1'"); $hasilcari=mysql_fetch_array($cari_id_gejala); $id_hasil_cari=$hasilcari['id_gejala']; $inputhas=mysql_query("insert INTO has (id_penyakit,id_gejala) VALUES ('$id_penyakit','$id_hasil_cari')"); else{ $ambil=mysql_query("select * From penyakit where nama_penyakit='$nama_penyakit'"); $hasil=mysql_fetch_array($ambil); $id_penyakit=$hasil['id_penyakit']; $inputhas=mysql_query("insert INTO has (id_penyakit,id_gejala) VALUES ('$id_penyakit','$nama')"); <!-- /eksekusi form--> ^-^ Selamat Mencoba ^-^ Happy coding! [Computer and Communication] Flexibel Form 10
E-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 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 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 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 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 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 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 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 terperinciMATERI WEB. Pembuatan Login Aplikasi, Dasboard Admin & Menu Keluar menggunakan PHP & Mysql. Bas-Dev : Ahmad Bastiar
MATERI WEB Pembuatan Login Aplikasi, Dasboard Admin & Menu Keluar menggunakan PHP & Mysql Bas-Dev : Ahmad Bastiar Materi Kali ini Adalah Pembuatan Login Dan Dasboard Admin Setelah Login. Kemaren kita telah
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 13 PHP & MySQL Tujuan: Mahasiswa memahami cara mengkoneksikan dan menggunakan MySQL dengan PHP untuk menyelesaikan permasalahan tertentu. Pustaka:
Lebih terperinciMenangani Input dari User
Menangani Input dari User PHP Programming Language Workshop For Newbie Class Yan Friskantoni
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 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 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 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 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 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 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 13 PHP & MySQL Tujuan: Mahasiswa memahami cara mengkoneksikan dan menggunakan MySQL dengan PHP untuk menyelesaikan permasalahan tertentu. Pustaka:
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 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 terperinciCara Mudah Koneksi Php Dan Mysql Dengan Database
Cara Mudah Koneksi Php Dan Mysql Dengan Database Pendahuluan Dewasa ini, perkembangan teknologi semakin berkembang pesat. Mulai dari informasi, komunikasi sampai teknologi internet yang sudah merambah
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 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 terperinciWidhy Hayuhardhika NP, S.Kom
Widhy Hayuhardhika NP, S.Kom PHP MySql installed MySql telah running (cek xampp control panel) Database Tabel Query SQL (Structured Query Language) Script PHP untuk pengolahan database Output (HTML) Langkah
Lebih terperinciLANGKAH INSTALL XAMPP DAN WORDPRESS DI PC KOMPUTER Oleh: Akhmad Syaiful, S.Kom
LANGKAH INSTALL XAMPP DAN WORDPRESS DI PC KOMPUTER Oleh: Akhmad Syaiful, S.Kom Bagi Anda yang ingin membuat website namun belum memiliki domain dan hosting sendiri, jangan berkecil hati dulu. Karena masih
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 Database di MySQL
Membuat Database di MySQL 1. Aktifkan Apache dan MySql yang ada pada XAMPP 2. Buka browser dan ketikkan alamat http://localhost/phpmyadmin/ 3. Buat database baru a. Tuliskan nama database penginapan b.
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 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 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 terperinciPHP Accessing MySQL Database. Fajar Pradana S.ST., M.Eng
PHP Accessing MySQL Database Fajar Pradana S.ST., M.Eng Requirements PHP MySql installed MySql telah running (cek xampp control panel) Database Tabel Query SQL (Structured Query Language) Script PHP untuk
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 terperinciKonektivitas PHP - MySQL
Konektivitas PHP - MySQL 1 Untuk melakukan koneksi PHP dengan MySQL digunakan perintah: mysql_connect() -> skrip PHP. Syntak: mysql_connect( hostname, username, password ); 2 Setelah terkoneksi, pilihlah
Lebih terperinciCheckbox dengan Foreach dan MYSQL
Checkbox dengan Foreach dan MYSQL Dwi Jayanthi dwi1607@gmail.com Abstrak Pada tutorial ini, kita akan membahas tentang Insert Data Checkbox dengan Foreach ke database MySQL. Komponen Checkbox merupakan
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 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 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 terperinciTUTORIAL MEMBUAT PROGRAM KALKULATOR DENGAN OOP PHP
TUTORIAL MEMBUAT PROGRAM KALKULATOR DENGAN OOP PHP Oleh: Achmad Sayfudin Selamat Siang bagi pemula yang lagi belajar oop di php,berikut ini ada tutorial dengan pokok bahasan membuat aplikasi kalkulator
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 terperinciPHP Penanganan Form. Overview. 15-Jan Jenis-jenis Form Form Validation. Tag <FORM> Atribut ACTION Atribut METHOD SUBMIT BUTTON
Overview Jenis-jenis Form Form Validation PHP Penanganan Form Acep Irham Gufroni, M.Eng. 1 Contoh Aplikasi Form Form Inputan Tag Atribut ACTION Atribut METHOD SUBMIT BUTTON Tag Atribut ACTION
Lebih 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 terperinciCara Install Prestashop di Localhost
Cara Install Prestashop di Localhost DHIAN MEIDIANTO dhianmeidianto@gmail.com:: http://dhianmeidianto.blogspot.com Abstrak zaman sekarang nama Prestashop siapa yang tidak tahu, lebih - lebih sekarang prestashop
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 terperinciTutorial PHP Metode Searching - Multiple Keyword
Tutorial PHP Metode Searching - Multiple Keyword Lisensi Dokumen: Dokumen di ilmuwebsite.com dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit), dengan syarat
Lebih terperinciBAB IV IMPLEMENTASI DAN PENGUJIAN
BAB IV IMPLEMENTASI DAN PENGUJIAN 4.1 Implementasi Setelah melakukan analisa dan perancangan secara rinci, maka tahap selanjutnya adalah implementasi. Implementasi merupakan tahap membuat aplikasi sehingga
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 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 terperinciMembuat Online Messanger atau Chat dengan PHP, MySQL, JQuery, Bootsrtrap 3 dan Font Awesome 4 [Part 3]
Membuat Online Messanger atau Chat dengan PHP, MySQL, JQuery, Bootsrtrap 3 dan Font Awesome 4 [Part 3] Oleh: Arinadi Nur Rohmad Asalamualaikum, Setelah di part sebelumnya kita sudah membuat design dan
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 terperinciCara Belajar Xampp Pada Mysql untuk Php
Cara Belajar Xampp Pada Mysql untuk Php Euis Sutinah euissutinah@ymail.com Abstrak MySQL adalah sebuah perangkat lunak sistem manajemen basis data SQL, Jika dalam bahasa Inggris adalah database management
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 terperinciTutorial Membuat Program Web menggunakan PHP, MySQL, dan PHP
Tutorial Membuat Program Web menggunakan PHP, MySQL, dan PHP Dalam tutorial berikut penulis langsung ke topik permasalahan, Anda yang belum paham bisa melihat / download tutorial sebelumnya mengenai PHP,MySQL,
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 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 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 terperinciManual Pengguna (User s Manual )
Manual Pengguna (User s Manual ) Sistim Inovasi Monitoring Evaluasi Proyek (SIMONEV) Menjalankan Sistim Inovasi Monitoring Evaluasi Proyek (SIMONEV) Untuk memulai menggunakan SIMONEV, maka langkah pertama
Lebih terperinciBAB IV IMPLEMENTASI SISTEM DAN PENGUJIAN. meliputi pembahasan mengenai proses perekaman gambar berdasarkan interval
BAB IV IMPLEMENTASI SISTEM DAN PENGUJIAN 4.1. Implementasi Sistem Pada sub bab ini akan dibahas mengenai implementasi sistem yang perancangannya telah dibahas pada bab sebelumnya. Implementasi sistem ini
Lebih terperinciLangkah Langkah Membuat Blog Secara Offline Menggunakan Wordpress
Langkah Langkah Membuat Blog Secara Offline Menggunakan Wordpress Langkah pertama yang harus dilakukan adalah menginstall web server. Web server yang akan kita bahas adalah Apache. Mengapa harus Apache?
Lebih terperinciPRAKTIKUM PHP 10. Menyimpan Data ke Database & Menampilkan Data dengan PHP
PRAKTIKUM PHP 10 Menyimpan Data ke Database & Menampilkan Data dengan PHP Di Praktikum Menyimpan Data ke Database & Manampilkan Data dengan PHP ini akan dibahas bagaimana : 1. Membuat koneksi ke database
Lebih terperinciPemrograman Web. Koneksi dan Manipulasi Basis Data. 7 Adam Hendra Brata
Pemrograman Web Koneksi dan Manipulasi Basis Data 7 Adam Hendra Brata Pokok Bahasan MySQL Pengenalan MySQL Dasar SQL pada MySQL Koneksi dan Manipulasi MySQL dengan PHP Koneksi dan Eksekusi Query MySQL
Lebih terperinciBab12 Pembuatan Aplikasi Biodata dengan PHP MYSQL
Bab12 Pembuatan Aplikasi Biodata dengan PHP MYSQL 1. Pengenalan PHP dan MySQL PHP adalah singkatan dari PHP Hypertext Preprocessor yang merupakan bahasa pemrogramman berbasis web yang memiliki kemampuan
Lebih terperinciPemrograman Web. Koneksi dan Manipulasi Basis Data. 7 Adam Hendra Brata
Pemrograman Web Koneksi dan Manipulasi Basis Data 7 Adam Hendra Brata Pokok Bahasan MySQL Pengenalan MySQL Dasar SQL pada MySQL Koneksi dan Manipulasi MySQL dengan PHP Koneksi dan Eksekusi Query MySQL
Lebih terperinciMembangun Website dengan Joomla!
! Joomla! adalah salah satu Content Management System (CMS) yang banyak digunakan saat ini karena Joomla! menawarkan kemudahan dalam meng-update isi website, pengaturan tampilan Website dan pengelolaan
Lebih terperinciMODUL 7 SESSION DAN USER AUTHENTICATION
MODUL 7 SESSION DAN USER AUTHENTICATION A. Tujuan : 1. Memahami tentang penggunaan Session 2. Memahami tentang fungsi-fungsi session 3. Memahami tentang user authentication B. Dasar Teori A. SESSION PHP
Lebih terperinciPemrograman Web PRAKTIKUM 6. Query Data 2. TUJUAN BELAJAR Mahasiswa dapat menggunakan PHP dan MySQL untuk mengupdate data
PRAKTIKUM 6 Query Data 2 TUJUAN BELAJAR Mahasiswa dapat menggunakan PHP dan MySQL untuk mengupdate data MATERI Program edit dan hapus TUGAS Menambahkan fitur edit dan hapus untuk semua form input data
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 terperinciModul Pembuatan Aplikasi Biodata dengan PHP dan MySQL
Modul Pembuatan Aplikasi Biodata dengan PHP dan MySQL For Community College By ri32 Kata Pengantar Modul ini dibuat untuk menjadi panduan dalam membuat aplikasi sederhana menggunakan bahasa pemrograman
Lebih terperinciBAB III ANALISIS DAN PERANCANGAN
BAB III ANALISIS DAN PERANCANGAN III.1. Analisa Sistem File manager atau file browser adalah sebuah perangkat lunak yang menyediakan antarmuka untuk bekerja dengan sistem berkas. Perangkat lunak ini sangat
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 terperinciBAB III IMPLEMENTASI. Program penghubung database tersebut disimpan dengan nama. konek.php. Berikut merupakan kode program penghubung Database :
BAB III IMPLEMENTASI 3.1 Program Penghubung Database Program penghubung database tersebut disimpan dengan nama konek.php. Berikut merupakan kode program penghubung Database :
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 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 terperinciMelewatkan Nilai ke Web Server melalui Field tersembunyi
Halaman 151-156 Chapter 3 HTML Form M.Ikhwan Bayu Handono 08018279/kelas A Melewatkan Nilai ke Web Server melalui Field tersembunyi Sebuah field tersembunyi, seperti namanya, adalah elemen yang bentuk
Lebih terperinciSuplemen SMS Gateway. Konsep Membuat SMS Broadcast. Dibuat oleh: Rosihan Ari Yuana
Suplemen SMS Gateway Dibuat oleh: Rosihan Ari Yuana Konsep Membuat SMS Broadcast Pada bagian ini akan saya paparkan bagaimana ide membuat script PHP untuk keperluan SMS broadcast atau mengirim sebuah pesan
Lebih terperinciMenjalankan Program Aplikasi Web Sistem Pengolahan Data Nilai Siswa SMA Negeri 1 Piyungan Bantul
Menjalankan Program Aplikasi Web Sistem Pengolahan Data Nilai Siswa SMA Negeri 1 Piyungan Bantul Siapkan Kebutuhan (Requirements) Untuk menjalankan Program Aplikasi Web Sistem Pengolahan Data Nilai Siswa
Lebih terperinciwindow.location='karyawan/homeuser.php'</script>"; }else if($c['level']=="manajer"){
Source Code 1. Login.php
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 terperinciMenampilkan user online seperti di obrolan step by step
Menampilkan user online seperti di obrolan step by step Oleh: lukman hakim Salam hangat temen2 Jagocoding.com, Berikut saya akan berbagi tutorial sederhana yakni bagaimana cara menampilkan user online
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 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 terperinciMEMBUAT DATABASE SEDERHANA DENGAN LOCALHOST DAN DREAMVEAVER
MEMBUAT DATABASE SEDERHANA DENGAN LOCALHOST DAN DREAMVEAVER Pada kesempatan kali ini saya akan mejelaskan bagaimana kita membuat suatu aplikasi database sederhana menggunakan mysql dan dreamweaver. Mungkin
Lebih terperinciCara Install WordPress Offline di Localhost XAMPP. Jackson Sihite. Abstrak. Pendahuluan.
Cara Install WordPress Offline di Localhost XAMPP Jackson Sihite jackson@raharja.info Abstrak Bagi para Blogger yang tak luput dalam mendesain dan memodifikasi blognya mungkin kerap merasa takut salah
Lebih terperinciMODUL 7. Apakah Joomla itu? A. Pra-Instalasi Joomla. Tujuan : 1. Pengenalan Joomla 2. Installasi Joomla 3. Pengenalan Section dan Categories
MODUL 7 JOOMLA Tujuan : 1. Pengenalan Joomla 2. Installasi Joomla 3. Pengenalan Section dan Categories Apakah Joomla itu? Sejauh ini joomla adalah: Joomla! is a free open source framework and content publishing
Lebih terperinciBAB IV IMPLEMENTASI DAN PENGGUNA
BAB IV IMPLEMENTASI DAN PENGGUNA Aplikasi RANCANGAN SISTEM PENGELOLAAN DANA BANTUAN OPERASIONAL (BOS) pada SLB Negri 6 Jakarta ini, dirancang dan dibuat untuk memenuhi kebutuhan pengelola dana BOS, dalam
Lebih terperinciLAMPIRAN : CARA MENJALANKAN PROGRAM
LAMPIRAN : CARA MENJALANKAN PROGRAM 1. Instalasi Aplikasi XAMPP versi 1.7.4 a. Jika anda sudah memiliki file XAMPP 1.7.4. anda tinggal double click file tersebut. Kemudian akan muncul pilihan bahasa. Pilih
Lebih terperinciBAB IV IMPLEMENTASI DAN EVALUASI
BAB IV IMPLEMENTASI DAN EVALUASI 4.1 Metodologi Penelitian Dalam pelaksanaan kerja praktek dilakukan pendekatan dengan cara peninjauan untuk masalah apa yang terdapat di dalam SMA Negeri 1 Pandaan. Peninjauan
Lebih terperinciMembuat Login Dengan PHP dan MYSQL
Membuat Login Dengan PHP dan MYSQL Ramdhan Indra Bangun dadhan.rpl@gmail.com :: Abstrak Aplikasi login User dalam suatu situs dinamis menggunakan php sudah hamper menjadi kebutuhan wajib. Tanpa adanya
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 terperinciPemrograman Web. Page 188
Page 188 15. Kegiatan Belajar 15 : Mengolah Interaksi User a. Tujuan Pembelajaran. Setelah mengikuti kegiatan belajar 15 ini siswa diharapkan dapat : 1) Mengetahui bentuk penanganan interaksi user pada
Lebih terperinciMODUL PRAKTIKUM BASIS DATA TEKNIK INFORMATIKA UIN SUNAN KALIJAGA YOGYAKARTA 2011 PENGENALAN DATABASE MYSQL
MODUL PRAKTIKUM BASIS DATA TEKNIK INFORMATIKA 2011 PENGENALAN DATABASE MYSQL Praktikum ke-1 A. Pengenalan MySQL MySQL merupakan software yang tergolong sebagai DBMS (Database Management System) yang bersifat
Lebih terperinciBerikut ini adalah beberapa hal yang harus Anda siapkan untuk memasang wordpress di localhosting:
Cara install wordpress di local host Berikut ini adalah beberapa hal yang harus Anda siapkan untuk memasang wordpress di localhosting: Xampp wordpress terbaru, download disini https://wordpress.org/download/
Lebih terperinciCARA MENJALANKAN PROGRAM. Aplikasi pendukung untuk menjalankan website mutasi barang :
CARA MENJALANKAN PROGRAM Aplikasi pendukung untuk menjalankan website mutasi barang : 1. Browser (Chrome atau Mozilla firefox) 2. Xampp-win32-1.8.3-3-VC11-installer 3. Koneksi Internet Xampp dibutuhkan
Lebih terperinciMengenal PHP dan Web Server
J A M P E R T A M A Mengenal PHP dan Web Server l Apa itu PHP? l Instalasi Web Server l Menggunakan Web Editor l Sintaks Dasar PHP l Perintah Cetak dan Menyimpan File l Pemisah Blok Perintah dan Komentar
Lebih terperinciKONEKSI NETBEANS DENGAN DATABASE SQLITE
KONEKSI NETBEANS DENGAN DATABASE SQLITE Open SQLite Manager yang ada pada add on Firefox. Create new database baru dengan cara Database, lalu pilih New Database. 1 Ganti nama dengan Database1. Pilih direktori
Lebih terperinciPHP & MYSQL. Ingat, PC anda tidak memerlukan tambahan khusus atau apapun untuk melihat hasil eksekusi kode PHP anda. Mengapa?
Universitas Muhammadiyah Sukabumi Artikel PHP dan Mysql Oleh : dede sulaeman PHP & MYSQL PHP & MYSQL PHP itu apa sih? Penjelasan sederhananya adalah bahwa PHP merupakan sebuah program tambahan yang ada
Lebih terperinciINSTALASI WEB SERVER PADA MICROSOFT WINDOWS
INSTALASI WEB SERVER PADA MICROSOFT WINDOWS Proses instalasi yang harus dilakukan setelah Sistem Operasi terinstall adalah melakukan instalasi Web Server. Web Server yang dipergunakan adalah Apache Web
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 terperinciDari potongan program pada Gambar 1 dijelaskan bahwa, program
Modul 14 e 1. TUJUAN Mahasiswa mampu membuat grafik dari localhost dengan bantuan libraby highcharts Mahasiswa mampu menghosting grafik dari localhost menjadi online pada hostinger Mahasiswa mampu mengakses
Lebih terperinciMengembangkan Website Berbasis Wordpress
Mengembangkan Website Berbasis Wordpress Bagian 1: Pengenalan dan Instalasi Wordpress Hanif Rasyidi Pendahuluan Perkembangan teknologi saat ini membuat internet menjadi salah satu sumber utama dalam pencarian
Lebih terperinci