Membuat Chatbox Sederhana dengan Ajax jquery dan PHP PDO
|
|
- Liani Cahyadi
- 7 tahun lalu
- Tontonan:
Transkripsi
1
2 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 dasar untuk membuat chatbox ini. Langsung saja, Aplikasi ini terdapat 2 file: Index.php (UI dari Aplikasi) proses.php (file untuk memproses data) Dan untuk membuat aplikasi ini dibutu... Chatbox adalah fitur yang cukup penting di website berbasis sosial media. Nah, kali ini saya akan memberikan tutorial dasar untuk membuat chatbox ini. Langsung saja, Aplikasi ini terdapat 2 file: Index.php (UI dari Aplikasi) proses.php (file untuk memproses data) Dan untuk membuat aplikasi ini dibutuhkan : PHP 5.4 MySQL Notepad++ jquery LANGKAH PERTAMA: Membuat Database Database ini kita beri nama latihan dan memiliki fungsi untuk menyimpan data-data yang user masukan. lalu buat tabel dengan struktur sebagai berikut: CREATE TABLE `ajax` ( `name` varchar(12), `massage` text, `datetime` Date )
3 LANGKAH KEDUA: Membuat file index.php Seperti dijelaskan diatas tadi file ini berfungsi sebagai user interface dari aplikasi dan juga proses AJAX terjadi di sini. <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>aplikasi Chatting</title> <script src="libs/jquery min.js"></script> <style>.box{ width: 400px; background: #BDBDBD; padding: 10px;.content{ padding: 0; height: 350px; overflow: hidden; background: #FFF;.content li{ font-size: 12px; list-style: none;.content li.date{ text-align: right;.form{ margin: 20px 20px 20px 20px; </style> </head> <body> <div class="box"> <ul class='content'> </ul> <div class="form"> <input type="text" id="name"> <input type="text" id="massage"> <input type="submit" id="send" value="send"> </div> </div> </body> <script> $(document).ready(function(){ function show(){
4 $.ajax({ data: "action=show", $('.content').html(data); ); ; setinterval(function(){,1000); $("#send").click(function(){ var name = $("#name").val(); var massage = $("#massage").val(); $.ajax({ data: "action=insert&nama="+name+"&pesan="+massage, ); $("#name").val(""); $("#massage").val(""); ); ); </script> </html> Langsung bahas saja skrip JavaScript: function show(){ $.ajax({ data: "action=show", $('.content').html(data); ); ; Skrip diatas adalah untuk membuat function yang berisi proses AJAX yang mengirim data action yang memiliki value show.
5 data ini berfungsi untuk pemrosesan nantinya. setinterval(function(){,1000); File ini berfungsi untuk merefresh halaman setiap detik agar aplikasi lebih responsif. $("#send").click(function(){ var name = $("#name").val(); var massage = $("#massage").val(); $.ajax({ data: "action=insert&nama="+name+"&pesan="+massage, ); $("#name").val(""); $("#massage").val(""); ); Skrip diatas juga terdapat proses AJAX yang mengirim data action yang memiliki value insert dan mengirim data dari value form input dari aplikasi. LANGKAH KETIGA: Membuat file proses.php File ini berfungsi sebagai pemrosesan data dari index.php ke database dan sebaliknya. <?php if(isset($_post['action'])){ $db = new PDO('mysql:host=localhost;dbname=latihan','root','mysql'); $action = $_POST['action']; if($action == "show"){ $sql = "SELECT * FROM ajax"; while($res = $query->fetch(pdo::fetch_obj)){ echo "<li><p class='pesan'>".$res->name." : ".$res->massage."</p><p class='date'>$res->datetime</p></li>";
6 elseif($action == "insert"){ $d = date('y-m-d'); $sql = "INSERT INTO ajax(name,massage,datetime) VALUES('$_POST[nama]','$_POST[pesan]','$d')";?> Penjelasan: if(isset($_post['action'])){ File hanya akan belajar jika $_POST['action'] telah diset $db = new PDO('mysql:host=localhost;dbname=latihan','root','mysql'); Membuat koneksi dengan teknik PDO. if($action == "show"){ $sql = "SELECT * FROM ajax"; while($res = $query->fetch(pdo::fetch_obj)){ echo "<li><p class='pesan'>".$res->name." : ".$res->massage."</p><p class='date'>$res->datetime</p></li>"; Ini adalah skripp untuk melakukan interaksi dengan database untuk menampilkan data di index.php elseif($action == "insert"){ $d = date('y-m-d'); $sql = "INSERT INTO ajax(name,massage,datetime) VALUES('$_POST[nama]','$_POST[pesan]','$d')"; Ini adalah skrip untuk melakukan inserting data ke database. Oke sekian Tutorial kali ini. Aplikasi ini sangat sederhana. Dan masih dapat dikembangkan dengan hal-hal menarik. Tinggal sejauh mana kreatifitas kalian.
7 Tentang Penulis Ananda Mukhammad Ikhsan Hanya Pelajar yang terobsesi dengan bahasa pemrograman
TUTORIAL APLIKASI WEB Dengan PHP dan MySQL
TUTORIAL APLIKASI WEB Dengan PHP dan MySQL Tutorial Aplikasi Web Dengan PHP dan MySQL A. DASAR TEORI PHP merpakan bahasa pemrograman yang sangat popular dalam pengembangan website dewasa ini, pada dasarnya,
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 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 terperinciMembuat Aplikasi CRUD dengan OOP dan PDO MySQL
Membuat Aplikasi CRUD dengan OOP dan PDO MySQL Oleh: Ananda Mukhammad Ikhsan Memang jika dilihat dari judulnya ini seperti tutorial untuk pemula. Tutorial ini sangat cocok untuk orang yang baru belajar
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 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 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 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 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 terperinciMenangani Input dari User
Menangani Input dari User PHP Programming Language Workshop For Newbie Class Yan Friskantoni
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 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 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 terperinciSImple Pop-Up Modal dengan CSS3 dan Jquery
SImple Pop-Up Modal dengan CSS3 dan Jquery Oleh: d-newbie Assalamualaikum wr.wb. bertemu lagi dengan saya, kali ini saya akan menulis tutorial tentang pop-up, apa itu pop-up? Kalo menurut wikipedia pop-up
Lebih terperinciwindow.location='karyawan/homeuser.php'</script>"; }else if($c['level']=="manajer"){
Source Code 1. Login.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 terperinciMembuat Duplikasi Form dengan Jquery (Dynamic Form)
Membuat Duplikasi Form dengan Jquery (Dynamic Form) Oleh: Dimas Agung Noviyanto Membuat dynamic field mungkin bukan hal baru bagi seorang web programmer, field inputan yang dapat ditambah maupun di hapus
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 terperinciMembuat Aplikasi Chating Sederhana dengan Jquery, Codeigniter dan Bootsrap
Membuat Aplikasi Chating Sederhana dengan Jquery, Codeigniter dan Bootsrap Oleh: Dadan Jumpa lagi dengan saya disini yang tetap tampil sederhana. Karena sebelumnya saya menuliskan cara membuat sistem keranjang
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 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 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 terperinciMODUL 13 INTERKONEKSI CLIENT-SERVER JQUERY
MODUL 13 INTERKONEKSI CLIENT-SERVER JQUERY A. Tujuan : 1. Memahami pembuatan user interface 2. Memahami transmisi data pada user interface 3. Memahami passing parameter dalam koneksi client-server B. Dasar
Lebih terperinciTutorial jquery Ajax Bagian 2 (Input, Update, Delete, Animasi Loading)
Tutorial jquery Ajax Bagian 2 (Input, Update, Delete, Animasi Loading) 17:08 20 Oct 2010 @Ajax Pada artikel sebelumnya kita telah belajar dan mengenal jquery dan penggunaan fungsi load() di Tutorial jquery
Lebih 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 terperinciMENAMPILKAN GOOGLE MAPS DI WEB BROWSER DENGAN HTML5
MENAMPILKAN GOOGLE MAPS DI WEB BROWSER DENGAN HTML5 Agung Nugroho Agung.nugroho@raharja.info :: http://ngapainbingung.com Abstrak Google Maps merupakan maps yang paling popular karena keakuratannya dan
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 terperinciTeknik Informatika D3
Teknik Informatika D3 Pengembangan Sistem E-Commerce Koneksi Basis Data dan Inklusi Berkas Disusun Oleh: Egia Rosi Subhiyakto, M.Kom, M.CS Teknik Informatika UDINUS egia@dsn.dinus.ac.id +6285740278021
Lebih terperinciMenampilkan Markers Google Maps API dengan PHP dan MySQL
Menampilkan Markers Google Maps API dengan PHP dan MySQL Oleh: Hasyemi Rafsanjani Asyari Hai-hai teman-teman jagocoding. Kali ini sedikit lebih advance, tapi tetap masih pada topik tentang Google Maps!
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 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 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 terperinci6. HTML & CSS. PTI15010 Pemrograman Web. Agi Putra Kharisma, S.T., M.T. Genap 2014/2015. Desain slide ini dadaptasi dari University of San Fransisco
6. HTML & CSS PTI15010 Pemrograman Web Agi Putra Kharisma, S.T., M.T. Genap 2014/2015 Desain slide ini dadaptasi dari University of San Fransisco HTML, CSS, JavaScript HTML (Struktur Dokumen) CSS (Tampilan
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 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 terperinciCreate Read Update Delete using PHP MySql
2016 Create Read Update Delete using PHP MySql CRUD TABEL ALUMNI DWI SETIYA NINGSIH // 210 315 70 25 [COMPANY NAME] [Company address] SS Program Gambar 1.1 Tampilan index.php Gambar 2.1 Tampilan edit.php
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 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 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 terperinciMembuat Form Kontak yang Indah dan Atraktif dengan AJAX [Part 1]
Membuat Form Kontak yang Indah dan Atraktif dengan AJAX [Part 1] Oleh: Sendy PK Dalam sebuah website, form kontak sangat penting sebagai komunikasi antara admin dan pengunjung,namun form kontak juga bisa
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 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 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 terperinciCSS. inheritance (pewarisan)
{CSS} lanjut CSS inheritance (pewarisan) sebuah elemen mewarisi beberapa nilai dari properti yang dimiliki oleh elemen parent-nya http://www.w3.org/tr/css21/cascade.html#inheritance http://www.slideshare.net/diniscorreia/htmlcss-3-introduction-to-css
Lebih terperinciPEMBUATAN MASTER PENGGUNA PADA APLIKASI BPN-PPAT (CRUD)CREATE, READ, UPDATE,DELETE With PHP & Mysql
2017 PEMBUATAN MASTER PENGGUNA PADA APLIKASI BPN-PPAT (CRUD)CREATE, READ, UPDATE,DELETE With PHP & Mysql Materi Lanjutan Dari Matei Pembuatan Halaman Login, Halaman Dashboard Admin & Menu Keluar Bas-Dev
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 terperinciCara Memasukan Font Baru Ke Dalam Web Menggunakan CSS
Cara Memasukan Font Baru Ke Dalam Web Menggunakan CSS Oleh: Rahmat Menghias blog/web boleh saja tetapi tentunya juga harus memperhatikan kenyamanan visitor yang akan berkunjung ke web anda. Oleh sebab
Lebih terperinciMembuat Halaman Admin Untuk Web Buatan Sendiri
Membuat Halaman Admin Untuk Web Buatan Sendiri Oleh: Yudhistira Bayu W Bismillahirahmanirahim, Assalamualaikum wr.wb Apakabar mas bro dan mbak bro semua :D masih semangat ga nih puasanya? :D ini sambil
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 terperinciPELATIHAN PHP ALUMNI DAN CALON ALUMNI INSTITUT BISNIS DAN INFORMATIKA STIKOM SURABAYA. By: Julianto Lemantara, S,Kom., M.Eng
PELATIHAN PHP ALUMNI DAN CALON ALUMNI INSTITUT BISNIS DAN INFORMATIKA STIKOM SURABAYA By: Julianto Lemantara, S,Kom., M.Eng LATAR BELAKANG PELATIHAN Coba simak beberapa lowongan PHP programmer berikut:
Lebih terperinciDAFTAR PUSTAKA. Andi, Menguasai Pemerograman Web Dengan Java Script. Wahana Komputer 2010
DAFTAR PUSTAKA Andi, Menguasai Pemerograman Web Dengan Java Script. Wahana Komputer 2010 Enterprise,Jubilee.2011.Step by Step HTML5, cara cepat menguasai script HTML5,Yogyakarta : Elex Media Komputindo
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 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 terperinciMembuat Display Produk dalam Layout Box 4 Kolom
Membuat Display Produk dalam Layout Box 4 Kolom Oleh: Debrian Ruhut Saragih Selamat pagi Sobat sekalian, saat ini kita banyak menemukan toko online bertebaran di Internet. Saya sering memperhatikan bagaimana
Lebih terperinciHTML (HyperText Markup Language)
HTML (HyperText Markup Language) IMS HTML HyperText Markup Language adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah
Lebih terperinciBAB V IMPLEMENTASI DAN PENGUJIAN. lingkungan perangkat lunak, implementasi database beserta struktur program dan
BAB V IMPLEMENTASI DAN PENGUJIAN 5.1 Implementasi Bab ini berisi implementasi dari perancangan yang telah dibahas pada bab sebelumnya. Pengimplementasiannya meliputi lingkungan perangkat keras, lingkungan
Lebih 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 terperinciPemrograman Web PRAKTIKUM 3 CSS. TUJUAN BELAJAR Mahasiswa dapat menggunakan css untuk mengatur gaya tampilan elemenhtml
PRAKTIKUM 3 CSS TUJUAN BELAJAR Mahasiswa dapat menggunakan css untuk mengatur gaya tampilan elemenhtml MATERI Sintaks CSS, cara memakai CSS, jenis-jenis selektor, satuan ukuran, satuan warna, properti
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 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 terperinciIKG3A3 / Software Project II
IKG3A3 / Software Project II Mahmud Imrona, M.T. Izzatul Ummah, M.T. Kelompok Keahlian Algoritma dan Komputasi LECTURE NOTE WEEK 2 1 8/25/2015 WEEK 2 HTML 2 8/25/2015 IKG3A3 - Software Project II HTML
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 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 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 19. Menampilkan Data MySQL dalam
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 terperinciMembuat Form Mahasiswa dengan HTML [Part 1]
Membuat Form Mahasiswa dengan HTML [Part 1] Oleh: Fajar Hakiki Selamat malam sahabat Jago Coding, pada malam yang indah ini saya akan berbagi tutorial tentang membuat form sederhana dengan html. pada tutorial
Lebih terperinciKAJIAN 3 Web Responsive
KAJIAN 3 Web Responsive Modul 10 Pengantar Web Responsive Modul 11 Perancangan Web Responsive 73 KAJIAN 3 Web Responsive MODUL 10 Pengantar Web Responsive 10.1. TUJUAN Mengetahui dan memahami dasar perancangan
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 terperinciKURSUS ONLINE JASA WEBMASTERS
KURSUS ONLINE JASA WEBMASTERS HTML FORM JASA WEBMASTERS Jl. Ringin Raya No 124A Condong Catur, Sleman, Yogyakarta FORM 9.1 Form Input HTML Form digunakan untuk mengumpulkan data dari user atau pengguna
Lebih terperinciMembuat Scrollspy Dengan Bootstrap
Membuat Scrollspy Dengan Bootstrap Oleh: Hasyemi Rafsanjani Asyari Hai JagoCodingers. Apa kabar? Pernah ngga kalian membuka sebuah website lalu ada menu link navigasi yang akan terupdate atau terlihat
Lebih terperinciSimple Price Calculator dengan Input Range
Simple Price Calculator dengan Input Range Oleh: Septi Wulan Haloo, pada tutorial pertama saya ini, saya ingin membagikan cara membuat simple price calculator dengan input range (yang inputnya bisa digeser-geser
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 terperinciBAB-12 MEMBUAT FORM HTML
BAB-12 MEMBUAT FORM HTML 12.1. Form HTML Form HTML digunakan untuk mendapatkan masukan (input) dari pengguna Web. Pengguna Web dapat memasukkan input melalui halaman-halaman HTML. Elemen/tag Form digunakan
Lebih terperinciMembuat Responsive dan Fleksibel Image Gallery dengan JQuery Fleximage
Membuat Responsive dan Fleksibel Image Gallery dengan JQuery Fleximage Oleh: Christian Rosandhy Siapa bilang bikin galeri gambar yang responsive itu susah? Di tutorial kali ini kita akan belajar membuat
Lebih terperinciTrik Mudah Membuat CMS Website dari Nol
Trik Mudah Membuat CMS Website dari Nol Trik Mudah Membuat CMS Website dari Nol Rohi Abdulloh PENERBIT PT ELEX MEDIA KOMPUTINDO Trik Mudah Membuat CMS Website dari Nol Rohi Abdulloh 2016, PT Elex Media
Lebih terperinciSEARCHING, EDIT / UPDATE DAN DELETE. PHP & MYSQL Part Two
SEARCHING, EDIT / UPDATE DAN DELETE PHP & MYSQL Part Two Maskie Z.O Review Project yang telah dibuat sebelumnya : Cek.php (Session) Index3.htm l Login1.php List1.ph p FmSiswaIn.P hp FmSiswaSim. php Index3.Html
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 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 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 terperinciDAFTAR PUSTAKA. Fathansyah. (2007). Basis Data. Informatika : Bandung.
DAFTAR PUSTAKA Fathansyah. (2007). Basis Data. Informatika : Bandung. Pressman, Roger S. (2012). Rekayasa Perangkat Lunak Buku Dua, Pendekatan Praktisi (Edisi 7). Andi : Yogyakarta. Saputra, Agus. (2012).
Lebih terperinciCara Membuat website dengan Dreamweaver
Cara Membuat website dengan Dreamweaver Pajrin Wurika Sahara Wurika.sahara@gmail.com Abstrak Dreamweaver adalah software aplikasi desain web visual yang biasa dikenal dengan istilah WYSIWYG What You See
Lebih terperinciMateri 10: Create Read Update Delete
JURNAL PRAKTIKUM (LAB. ACTIVITY) PEMROGRAMAN WEB LANJUT SI087 Materi 10: Create Read Update Delete Dosen: Lilis Dwi Farida, S.Kom., M.Eng Moch. Farid Fauzi, M.Kom Irma Rofni Wulandari, S.Pd., M.Eng S1
Lebih terperinciPENGENALAN HTML - 2. Anda bisa menambahkan beberapa cell (kolom) untuk membuat satu baris cell (kolom).
PENGENALAN HTML - 2 G. Tabel HTML Setting untk membuat perintah tabel terdiri dari : Row : mementukan banyaknya baris yang dimiliki oleh tabel. Columns : menentukan banyaknya kolom yang dimiliki tabel.
Lebih terperinciKapitaSelekta. (KBKI82127, 2 sks) Materi : Pengenalan MySQL
KapitaSelekta KapitaSelekta (KBKI82127, 2 sks) Materi : Pengenalan MySQL Mohon Perhatian TUGAS DIKUMPULKAN PROGRAM AKAN DIPERIKSA DI KOMPUTER MASING- MASING Sub Materi : 1. Pengenalan MySQL (Part-1) 1.
Lebih terperinciPemrograman Basis Data Berbasis Web
Pemrograman Basis Data Berbasis Web Pertemuan Ke-11 (Aplikasi Web dgn PHP & MySQL) Noor Ifada noor.ifada@if.trunojoyo.ac.id S1 Teknik Informatika - Unijoyo 1 Sub Pokok Bahasan Membuat Counter Membuat Guest
Lebih terperinciMembuat Captcha Image menggunakan Codeigniter 2x
Membuat Captcha Image menggunakan Codeigniter 2x Oleh: Yoga C. Pranata Hai semua, disini saya akan menerangkan tentang bagaimana membuat captcha menggunakan Codeigniter. Sebelum memulainya, kalian pasti
Lebih terperinciMembuat Laporan dengan Bahasa Pemrograman Berbasis WEB
Modul 8 Membuat Laporan dengan Bahasa Pemrograman Berbasis WEB I. Tujuan Mahasiswa dapat menampilkan informasi yang tersimpan dalam database (membuat laporan) menggunakan bahasa pemrograman berbasis WEB.
Lebih terperinciWeb Programming (WP) Step 2 [ HTML & PHP BASIC]
Web Programming (WP) Step 2 [ HTML & PHP BASIC] Created By Rolly Yesputra, M.Kom rollyyp.wordpress.com rollyyesputra1@gmail.com 082391177785 767E4C4D 4 March 2015 rollyyp.wordpress.com 1 HTML (Hypertext
Lebih terperinciDengan asumsi bahwa aplikasi masih menggunakan cookie, maka query untuk membuka profil adalah seperti berikut:
Aplikasi Update Profil Aplikasi Update sebaiknya dibuat setelah registrasi, login dan otentikasi selesai karena untuk melihat profil harus melalui sebuah kunci yang dijadikan kriteria where pada query
Lebih 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 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 terperinciListing Program. Halaman Home(index.php) <?php require_once'config.php';?>
Listing Program Halaman Home(index.php)
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 terperinciMODUL 3 INTERNET PROGRAMMING : PHP 3
MODUL 3 INTERNET PROGRAMMING : PHP 3 A. Tujuan : 1. Memahami tentang penggunaan Form 2. Memahami tentang perbedaan antara metode GET & POST 3. Memahami tentang pemrosesan validasi form B. Dasar Teori PENGOLAHAN
Lebih terperinciPENGANTAR KOMPUTER DAN TI 2C
PENGANTAR KOMPUTER DAN TI 2C PERTEMUAN 4 Peg. Komp & TI 2C M4 HyperText Markup Language (HTML) Sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di
Lebih terperinciBAB IV HASIL DAN PEMBAHASAN. Sistem Informasi Penjualan dan Pembelian Barang Pada Toko Touring
BAB IV HASIL DAN PEMBAHASAN 3.1 PROGRAM PENGHUBUNG DATABASE Sistem Informasi Penjualan dan Pembelian Barang Pada Toko Touring Menggunakan unit program didukung oleh pemrograman PHP dan database server
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 terperinciPemrograman Basis Data Berbasis Web
Pemrograman Basis Data Berbasis Web Pertemuan Ke-11 (Aplikasi Web dengan PHP & MySQL) Noor Ifada S1 Teknik Informatika - Unijoyo 1 Sub Pokok Bahasan Membuat Counter Membuat Guest Book (Buku Tamu) Membuat
Lebih terperinciMEMBUAT CRUD DENGAN CODEIGNITER : INPUT DATA KE DATABASE
MEMBUAT CRUD DENGAN CODEIGNITER : INPUT DATA KE DATABASE Muhamad Yusuf muhamadyusuf0012@gmail.com :: https://muhamadyusufppn.blogspot.co.id Abstrak Fungsi dasar dalam pembuatan suatu proyek web adalah
Lebih terperinci