AJAX dengan jquery Part 1
|
|
- Handoko Indradjaja
- 7 tahun lalu
- Tontonan:
Transkripsi
1
2 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 share tutorial AJAX yang pertama di Jagocoding.com dengan menggunakan jquery. Bagi yang belum tahu apa itu jquery, silakan baca artikel ini: AJAX adalah suatu teknik pemrograman berbasis web untuk menciptakan aplikasi web interaktif. Tujuannya adalah untuk memindahkan sebagian besar interaksi pada komputer web surfer, melakukan pertukaran data dengan server di belakang layar, sehingga halaman web tidak harus dibaca ulang secara keseluruhan setiap kali seorang pengguna melakukan perubahan. Hal ini akan meningkatkan interaktivitas, kecepatan, dan usability. Dengan menggunakan jquery, "memainkan" AJAX menjadi lebih mudah, karena jquery sudah menyediakan function-function siap pakai untuk AJAX dan manipulasi DOM (dipakai untuk response/timbal balik ketika AJAX dijalankan). OK langsung saja kita mulai tutorialnya. Untuk deklarasi AJAX dengan menggunakan jquery adalah dengan memanggil function.ajax(). Bentuk scriptnya adalah: $.ajax(); Tetapi script di atas tidak akan berfungsi karena kita tidak meletakkanya setelah DOM ready dan tidak mempunyai option yang dibutuhkan untuk request. Adapun option dan method yang dibutuhkan dalam AJAX memakai jquery antara lain: 1. URL, menentukan alamat URL mana yang akan direquest oleh HTTP Request (AJAX) 2. type, tipe request yang akan dijalankan, apakah POST atau GET 3. BeforeSend, event yang dilakukan ketika HTTP Request akan diproses 4. Complete, event yang dilakukan ketika HTTP Request selesai dijalankan, namun tidak melihat apakah request sukses atau gagal 5. Success, event yang dilakukan ketika HTTP Request selesai dan berhasil dijalankan dan
3 mempunyai nilai balik yaitu data hasil request 6. Data, data yang dikirim ke server ketika request dan diolah di server. Data ini akan diperlakukan berdasarkan 2 type yang ditentukan, yaitu GET atau POST. Sebenarnya masih ada options yang lain, tetapi yang perlu diketahui dan biasa dipakai adalah yang di atas tersebut. Untuk pemanggilan options tersebut, caranya dengan memasukkan ke dalam function ajax tadi berbentuk struktur objek javascript. Contoh: url: "lakukan_proses.php", type: "POST", data: $('#form').serialize(), beforefilter: function(){ $('#loading').show(); }, $('#loading').hide(); } Di atas adalah contoh penggunaan AJAX sederhana yang melakukan request ke file lakukan_proses.php, data yang dikirim adalah inputan dari sebuah form yang mempunyai id form (ingat selection id dengan CSS, sama aja). Sebelum proses dijalankan, tampilkan gambar loading, kemudian setelah request selesai dijalankan dan membawa timbal balik html, maka sembunyikan loading, dan tampilkan alert yang berisi html timbal balik (response) dari server. Tutorial Ok, langsung aja kita praktik membuat aplikasi sederhana menggunakan PHP dan AJAX jquery. Setelah server Apache dijalankan, silakan buat sebuah folder beserta file index.php di dalamnya, misalnya nama folder adalah "ajax". Simpan index.php di dalam folder ajax, dan simpan di dalam server webroot kamu, misalnya di xampp\htdocs\. Sekarang, isikan file index.php tersebut dengan kode di bawah ini: <html> <head> <title>contoh AJAX</title> <script type="text/javascript" src=" </head> <body> <button id="tombol">klik di sini!</button> </body> </html>
4 Pada tahap ini, kamu sudah membuat suatu halaman HTML sederhana yang berisi sebuah tombol bertuliskan "Klik di sini!". Kita akan melakukan sesuatu dengan tombol ini. Tetapi sebelumnya, buatlah satu buah file bernama proses.php dan simpan satu folder dengan file index.php tersebut. Isi dari file proses.php adalah: <?php echo "HELLO DUNIA!"; Kita akan mencoba me-request file proses.php dari file index.php dengan menggunakan metode AJAX. Tambahkan kode berikut ini sebelum tag penutup </head>. <script> $().ready(function(){ $('#tombol').click(function(){ url: "proses.php", } </script> Selamat, Kamu sudah membuat aplikasi berbasis AJAX yang paling sederhana di dunia. Saya heran, kenapa semua programming pasti yang diajarkan pertama adalah menampilkan tulisan Hello World. Apapun itu, gak masalah, yang penting kita bisa melakukannya hehe.. Jika kamu mengikuti tutorial dengan benar, maka ketika kamu klik tombol tersebut maka akan muncul tulisan Hello World berdasarkan isi dari proses.php. parameter html adalah response hasil request pada file proses.php. Oke kita sekarang akan lanjutkan tutorial tadi dengan menambahkan status loading di atas tombol :) Tambahkan span loading di atas tombol: <span id="loading" style="display:none">loading...</span><br /> Span tersebut ditambahin style display = none yang artinya span loading tidak ditampilkan. Nanti span ini akan tampil ketika kita klik tombol dan akan kembali menghilang. Setelah itu, ubah script ajax tadi menjadi sebagai berikut: url: "proses.php", beforesend: function(){ $('#loading').show(); },
5 } $('#loading').hide(); Kode yang ditambahkan adalah function beforesend dan penanganan loading. beforesend adalah event/kejadian di mana request akan dikirim (pre-request), dan saat itu program menampilkan span yang idnya adalah loading dengan menggunakan function show(). Kemudian, setelah sukses dan sebelum alert ditampilkan, maka sembunyikan tulisan loading tersebut (hide). Tulisan loading akan cepat menghilang kembali karena kamu menjalankannya di lokal :D, requestnya sangat cepat. Hehe.. Kode lengkap untuk /ajax/index.php adalah sebagai berikut: <html> <head> <title>contoh AJAX</title> <script type="text/javascript" src=" <script> $().ready(function(){ $('#tombol').click(function(){ url: "proses.php", beforesend: function(){ $('#loading').show(); }, $('#loading').hide(); } </script> </head> <body> <span id="loading" style="display:none">loading...</span><br /> <button id="tombol">klik di sini!</button> </body> </html> OK paling itu saja untuk kali ini, kebetulan saya lagi ada pekerjaan dulu. Tunggu tutorial berikutnya yaa.. :) ~ Cheyuz@Jagocoding.com
6 Stand By With Me, Tentang Penulis Cecep Yusuf Hi, my name is Cecep Yusuf. However, in the virtual world I am more likely to use the name Cheyuz, which is an abbreviation of two words "Cecep" and "Yusuf". I am founder of Jagocoding.com, u can view more of me in Cheyuz.com
AJAX 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 dengan jquery Part 3
AJAX dengan jquery Part 3 Oleh: Cecep Yusuf Pada tutorial ini, kita akan belajar bagaimana mengirim data POST dari sebuah form dan dikirim dengan metode AJAX post dengan menggunakan jquery. Selamat pagi
Lebih terperinciAJAX dengan jquery Part 4
AJAX dengan jquery Part 4 Oleh: Cecep Yusuf Kali ini kita akan mempelajari bagaimana data dikirim melalui HTTP Request dan client akan menerima data callback berupa JSON, melanjutkan tutorial sebelumnya.
Lebih terperinciUpload File dengan Metode AJAX
Upload File dengan Metode AJAX Oleh: Cecep Yusuf Saya akan membahas bagaimana membuat form upload file beserta prosesnya dengan menggunakan teknik AJAX memakai library Ajax File Upload, salah satu library
Lebih terperinciTutorial CakePHP Dasar Part III - Sorting, Pagination
Tutorial CakePHP Dasar Part III - Sorting, Pagination Oleh: Cecep Yusuf Tutorial CakePHP ini akan belajar bagaimana membuat pagination dan sorter/pengurut untuk daftar data yang akan ditampilkan. Updated:
Lebih terperinciTutorial CakePHP Dasar Part IV - Searching
Tutorial CakePHP Dasar Part IV - Searching Oleh: Cecep Yusuf Masuk ke Serial Tutorial CakePHP bagian ke IV, kali ini kita akan belajar membuat searching dengan CakePHP. Level Newbie dan dianjurkan mengikuti
Lebih terperinciMendeteksi Browser Mobile dengan PHP
Mendeteksi Browser Mobile dengan PHP Oleh: Cecep Yusuf Tutorial bagaimana cara supaya aplikasi web kita dapat mendeteksi secara otomatis dengan PHP apakah browser yang digunakan berbasis mobile atau bukan.
Lebih terperinciMembuat Database dengan SQL Server Management Studio
Membuat Database dengan SQL Server Management Studio Oleh: Cecep Yusuf Tutorial Cheyuz: Tutorial bagaimana membuat sebuah database beserta relasi antar table menggunakan Microsoft SQL Server Management
Lebih 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 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 terperinciKoneksi Database Mysql dengan C#
Koneksi Database Mysql dengan C# Oleh: Cecep Yusuf Tutorial Cheyuz: Tutorial bagaimana melakukan koneksi MySQL pada aplikasi Visual C#.Net dengan membuat tombol koneksi dengan MySQL Driver. Selamat pagi
Lebih terperinciDasar-dasar HTML 2. Oleh: Cecep Yusuf
Dasar-dasar HTML 2 Oleh: Cecep Yusuf Pada tutorial ini, kita akan belajar bagaimana membuat sebuah tabel tag-tag HTML. Kita akan mempelajari bagaimana membuat tabel yang baik. Melanjutkan tutorial Dasar-dasar
Lebih terperinciTutorial jquery Ajax Bagian 2 (Input, Update, Delete, Animasi Loading)
Tutorial jquery Ajax Bagian 2 (Input, Update, Delete, Animasi Loading) 17:08 20 Oct 2010 @Ajax Pada artikel sebelumnya kita telah belajar dan mengenal jquery dan penggunaan fungsi load() di Tutorial jquery
Lebih terperinciAJAX Framework. Pemrograman Web 1. Genap
AJAX Framework Pemrograman Web 1 Genap 2011-2012 Framework Apa itu Framework (Software Framework)? Kumpulan pustaka-pustaka (library) perangkat lunak yang script-nya dapat digunakan kembali (reusable)
Lebih terperinciAJAX. Pemrograman Web 1. Asynchronous JavaScript and XML. Genap
AJAX Asynchronous JavaScript and XML Pemrograman Web 1 Genap 2011-2012 AJAX - Intro AJAX = Asynchornous JavaScript And XML Diperkanalkan oleh Jesse James Garret pada tahun 2005. AJAX bukan bahasa pemrograman
Lebih terperinciModul 5 AJAX TUJUAN PRAKTIKUM : PERLENGKAPAN PRAKTIKUM LANDASAN TEORI. Latar Belakang Munculnya Ajax. Definisi Ajax.
Modul 5 AJAX TUJUAN PRAKTIKUM : 1. Praktikan mengetahui dan mengerti konsep Ajax dalam Java J2EE. 2. Praktikan dapat memahami manfaat dan batasan Ajax. 3. Praktikan mampu mengimplementasikan Ajax dalam
Lebih terperinciMahasiswa memahami Pengertian, fungsi, aplikasi untuk menjalankan JavaScript, cara menjalankan kode, cara memasukkan kode JavaScript ke dalam HTML
Pengenalan JavaScript Standar Kompetensi Mahasiswa memahami Pengertian, fungsi, aplikasi untuk menjalankan JavaScript, cara menjalankan kode, cara memasukkan kode JavaScript ke dalam HTML Indikator Hasil
Lebih 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 terperinciTutorial DOM Templating Menggunakan Mustache.js
Tutorial DOM Templating Menggunakan Mustache.js Oleh: Cecep Yusuf Pengenalan dan cara penggunaan Mustache.js dalam pengembangan halaman HTML berbasis DOM Javascript supaya reusable dan maintenable. Selamat
Lebih 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 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 terperinciCHAPTER 1 BASIC PROGRAMING WITH PHP AND JAVASCRIPT (AJAX) ( Janitra Panji Satria Soekarta ) UNIKU Pemrograman Web 2
CHAPTER 1 BASIC PROGRAMING WITH PHP AND JAVASCRIPT (AJAX) ( Janitra Panji Satria Soekarta ) Apa Itu PHP? Dan apa yang dapat dilakukannya? Sebuah bahasa pemrograman yang menitik beratkan pada aplikasi web.
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 terperinciPOLITEKNIK ELEKTRONIKA NEGERI SURABAYA
WEB DESAIN Pengenalan JavaScript Alfira Rizky Ayuputri 4103141039 3 D3 Multimedia Broadcasting B Dwi Susanto, S.ST, MT. D3 Teknologi Multimedia Broadcasting Departemen Multimedia Kreatif POLITEKNIK ELEKTRONIKA
Lebih terperinciIntro To JQuery Training Online Ilmuwebsite
MODUL I JQUERY KELAS ZEROZERO Intro To JQuery Training Online Ilmuwebsite http://www.ilmuwebsite.com Lisensi Dokumen: Copyright 2014-2015 Ilmuwebsite.Com Untuk semua kalangan, silahkan menyebarluaskan
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 terperinciPemrograman Web Week 4. Team Teaching
Pemrograman Web Week 4 Team Teaching Peran Masing-masing Bahasa HTML => Mengatur Struktur CSS => Mengatur tampilan JSS => Mengatur interaktifitas Penggunaan Javascript Sama seperti pada CSS, ada 3 cara
Lebih terperinciAJAX. Pemrograman Web. Rajif Agung Yunmar, S.Kom
AJAX Pemrograman Web Rajif Agung Yunmar, S.Kom Synchronous Metode request HTTP yang sering digunakan dengan cara ini adalah metode POST dan GET. Pada saat client mengirimkan request terhadap server, client
Lebih terperinciPemrograman 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 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 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 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 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 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 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 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 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 terperinciSanksi Pelanggaran Pasal 72 Undang-undang Nomor 19 Tahun 2002 Tentang Hak Cipta 1. Barangsiapa dengan sengaja melanggar dan tanpa hak melakukan
Sanksi Pelanggaran Pasal 72 Undang-undang Nomor 19 Tahun 2002 Tentang Hak Cipta 1. Barangsiapa dengan sengaja melanggar dan tanpa hak melakukan perbuatan sebagaimana dimaksud dalam Pasal 2 Ayat (1) atau
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 terperinciTUGAS III PEMROGRAMAN BERBASIS WEB ARTIKEL JAVASCRIPT
TUGAS III PEMROGRAMAN BERBASIS WEB ARTIKEL JAVASCRIPT Nama Mahasiswa : Nim Mahasiswa : 1108605018 I GEDE WAHYU SURYA DHARMA JURUSAN ILMU KOMPUTER FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS
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 terperinciA. Tujuan B. Dasar Teori 1. Pemrosesan Form 2. Konsep Penggunaan Tag <form> pada HTML
Form HTML A. Tujuan Memahami konsep penggunaan tag pada HTML Mampu menangani masukan data dari form HTML Mampu membuat dan memproses beragam elemen kontrol B. Dasar Teori 1. Pemrosesan Form Pemrosesan
Lebih 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 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 Form Kontak yang Indah dan Atraktif dengan AJAX [Part 5]
Membuat Form Kontak yang Indah dan Atraktif dengan AJAX [Part 5] Oleh: Sendy PK Sekarang kita telah menyiapkan form bukannya di-submit dengan cara yang biasa, itu akan memicu fungsi submitform () ketika
Lebih 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 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 Form Kontak yang Indah dan Atraktif dengan AJAX [Part 4]
Membuat Form Kontak yang Indah dan Atraktif dengan AJAX [Part 4] Oleh: Sendy PK Sekarang form sudah dapat berfungsi. Kita dapat membuka halaman di browser, klik link "Send Us an Email" untuk melompat ke
Lebih terperinciPerancangan & Pemprograman WEB. Pertemuan 4 Materi Formulir &Latihan HTML
Perancangan & Pemprograman WEB Pertemuan 4 Materi Formulir &Latihan HTML Dasar Penggunaan Formulir Untuk membuat formulir maka kita menggunakan tag dan . Dua atribut yang umum digunakan pada
Lebih terperinciMembuat Login Pop Up Dengan JqueryUI
Membuat Login Pop Up Dengan JqueryUI Oleh: Dadan Berawal dari maraknya tayangan goyang di telivisi. Terinspirasi juga untuk membuat efek goyang pada website saya. Hehe kagak nyambung nih ilustrasi ceritanya
Lebih terperinciPertemuan Ke-5 Client Side Scripting (JavaScript) S1 Teknik Informatika - Unijoyo 1
Pertemuan Ke-5 Client Side Scripting (JavaScript) S1 Teknik Informatika - Unijoyo 1 Konsep Client Side Scripting JavaScript? Pendeklarasian JavaScript JavaScript sederhana Peletakan JavaScript Komentar
Lebih terperinciPemrograman PHP Lanjut. Ahmad Zainudin, S.ST Pemrograman Internet
Pemrograman PHP Lanjut Ahmad Zainudin, S.ST Pemrograman Internet 2014 PHP5 PHP adalah bahasa pemrograman server-scripting Bersifat powerful, dinamis dan mendukung web interactive Tampilan PHP5 PHP merupakan
Lebih terperinciLAPORAN PRAKTIKUM TEKNOLOGI FRAMEWORK PERTEMUAN KE 1
LAPORAN PRAKTIKUM TEKNOLOGI FRAMEWORK PERTEMUAN KE 1 INSTALLASI FRAMEWORK YII DAN MENGGUNAKAN GENERATOR Disusun oleh BUJANG PUTRO WICAKSONO 135610046 JURUSAN SISTEM INFORMASI SEKOLAH TINGGI MANAJEMEN INFORMATIKA
Lebih terperinciPEMROGRAMAN WEB 09 JavaScript Lanjut
PEMROGRAMAN WEB 09 JavaScript Lanjut Andi WRE JavaScript Objects Object Based Programming language Setiap object dapat memiliki properti dan method Properti the values associated with an object Contoh
Lebih terperinciM.K. Pemrograman Web (AK ) Konsep Pemrograman Web
M.K. Pemrograman Web (AK-045216) Konsep Pemrograman Web Konsep Pemrograman Web (1) Pemrograman web: membuat aplikasi berbasis web Aplikasi berbasis web: Aplikasi yang dibuat dengan memanfaatkan mekanisme
Lebih terperinciMembuat JSP dan Servlet Sederhana
Membuat JSP dan Servlet Sederhana Juli 2009 Tingkat: Oleh : Feri Djuandi Pemula Menengah Mahir Untuk memulai latihan ini, pastikan pada komputer Anda terinstall Eclipse dan Apache Tomcat. Program Tomcat
Lebih terperinciAJAX Tutorial. Contoh AJAX Dasar 1
Contoh AJAX Dasar 1 Setelah Anda mengenal dasar-dasar tentang konsep AJAX, XML dan Javascript, berikut ini akan kita bahas mengenai contoh aplikasi AJAX dasar. Pada contoh ini kita akan membuat aplikasi
Lebih terperinciPengenalan Script. Definisi HTML
1 Pengenalan Script Pada bab ini akan dibahas bahasa script yang dapat digunakan untuk membuat halaman web. Untuk dapat membuat halaman web bahasa script pertama yang harus anda kenal adalah HTML. HTML
Lebih terperinciCrop Image Menggunakan jquery jcrop + PHP
Crop Image Menggunakan jquery jcrop + PHP Oleh: Agung Sucipto Assalamualaikum sobat jagocoding.com... kalo lagi free kerjaan baru bisa nulis lagi, kali ini saya akan membuat tutorial yang masih ada hubungannya
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 terperinciAPLIKASI REGISTRASI ONLINE PADA WEBSITE INTERAKTIF
APLIKASI REGISTRASI ONLINE PADA WEBSITE INTERAKTIF By Gapra. ga_pra_27@yahoo.co.id I. PENDAHULUAN Bagi para webmaster (pengelola website), registrasi online ini dapat dijadikan sebagai bahan masukan tentang
Lebih terperinciPengenalan JavaScript
Pengenalan JavaScript Tujuan - Mahasiswa memahami konsep dasar Javascript - Mahasiswa mampu memahami cara menggunakan Javascript - Mahasiswa mampu memahami dasar variabel di Javascript - Mahasiswa mampu
Lebih 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 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 terperinciDasar-dasar jquery. Disampaikan pada Kelas Daring BlankOn, 1 Oktober Fitra Aditya /
Dasar-dasar jquery Disampaikan pada Kelas Daring BlankOn, 1 Oktober 2012 Fitra Aditya fitra@di.blankon.in / http://fitraditya.wordpress.com/ Pendahuluan Sebelum mempelajari jquery, ada baiknya kita mengetahui
Lebih terperinciMODUL PRAKTIKUM PEMROGRAMAN WEB
MODUL PRAKTIKUM PEMROGRAMAN WEB Pengenalan PHP, HTML, CSS dan Javascript LABORATORIUM KOMPUTER UNIVERSITAS UBUDIYAH INDOENSIA MODUL PRAKTIKUM PEMROGRAMAN WEB 1. Review HTML 5 part 1 (Basic Attribute +
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 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 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 terperinciMengenal JavaScript dan Struktur JavaScript 1
Mengenal JavaScript dan Struktur JavaScript 1 1. Pendahuluan Javascript diperkenalkan pertama kali oleh Netscape pada tahun 1995. Pada awalnya bahasa ini dinamakan LiveScript yang berfungsi sebagai bahasa
Lebih terperinciPokok Bahasan 2 Teknologi Dasar Internet dan Web. L. Erawan
Pokok Bahasan 2 Teknologi Dasar Internet dan Web L. Erawan Materi User Agent, Web Browser, server web Jaringan: Jaringan client-server, TTL Protokol: HTTP, TCP/IP, FTP, SMTP, UDP, OSI Bahasa: HTML, XHTML,
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 terperinciPRAKTIKUM. Rekayasa Web. Modul 6: Restful API Server & Client Codeigniter. Laboratorium Teknik Informatika Universitas Pasundan
PRAKTIKUM Rekayasa Web Modul 6: Restful API Server & Client Codeigniter Laboratorium Teknik Informatika Universitas Pasundan Konten modul: 1. Membaca Data Menggunakan Rest API Server & Client 2. Menambah
Lebih terperinci: 1. No HP :
PEMETAAN VORD KEDALAM CMMI UNTUK MENINGKATKAN ANALISA KEBUTUHAN PERANGKAT LUNAK Mata (STUDI Kuliah KASUS : APLIKASI MEDIA MANAGEMENT DI PT.EBDESK INDONESIA) PEMROGRAMAN Untuk Mahasiswa Semester 4 2013/2014,
Lebih terperinci2. DASAR TEORI 2.1 PHP5
Modul 2 1. TUJUAN Mahasiswa dapat memahami pemrograman server side menggunakan PHP5 Mahasiswa dapat mengetahui sintak-sintak yang digunakan dalam penanganan form dengan menggunakan metode GET dan POST
Lebih 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 terperinciLAPORAN RESMI. PRAKTIKUM TEKNOLOGI WEB Pengenalan JavaScript
LAPORAN RESMI PRAKTIKUM TEKNOLOGI WEB Pengenalan JavaScript Dosen Pembimbing : Dwi Susanto Oleh : Noer Rhiannah A (4103131052) 3 D3 MMB B PROGRAM STUDI TEKNOLOGI MULTIMEDIA BROADCASTING DEPARTEMEN MULTIMEDIA
Lebih terperinciMembuat Plugin jquery (Part 1)
Membuat Plugin jquery (Part 1) Oleh: muhamad iqbal Ini adalah postingan pertama dari serial yang akan membahas tentang Membuat plugin jquery. Pada bagian ini kita akan membahas tentang konsep dasar plugin.
Lebih terperinciPemrograman PHP7 untuk Pemula
Pemrograman PHP7 untuk Pemula Sanksi Pelanggaran Pasal 113 Undang-Undang Nomor 28 Tahun 2014 tentang Hak Cipta 1. Setiap Orang yang dengan tanpa hak melakukan pelanggaran hak ekonomi sebagaimana dimaksud
Lebih terperinci1. Praktikan mampu mendeskripsikan cara pengiriman data ke server melalui form. 3. Praktikan mengetahui Control Text dan penggunaannya pada form
MODUL 2 Form dan JSP TUJUAN PRAKTIKUM : 1. Praktikan mampu mendeskripsikan cara pengiriman data ke server melalui form 2. Praktikan mengetahui elemen-elemen dari form 3. Praktikan mengetahui Control Text
Lebih terperinciForm Mampu membuat form dan dan mengirim data ke halaman lain Pengaturan Validasi dan keamanan form. Sesi 5
Robby Cokro Buwono Badiyanto, S.Kom., M.Kom Sesi 5 Form Tujuan Intruksional Mampu membuat form dan dan mengirim data ke halaman lain Pengaturan Validasi dan keamanan form Kode MK : AK2011T Revisi Terakhir
Lebih terperinciDOM (Document Object Model) dan Event
DOM (Document Object Model) dan Event Tujuan Praktikum - Praktikan mampu mengakses DOM dalam HTML dan mengatur event pada elemenelemen dalam dokumen HTML Pengantar Ketentuan yang dikembangkan oleh W3C
Lebih terperinciLAPORAN PERTEMUAN 2 PERULANGAN DAN FORM PHP
Hari/Tanggal Laporan Paraf Awal Resmi LAPORAN PERTEMUAN 2 PERULANGAN DAN FORM PHP OLEH : HADYAN DWIHASAN PUTRA 426 16 022 Jurusan Teknik Elektro Program Studi D4 Teknik Multimedia dan Jaringan Politeknik
Lebih terperinciPemrograman Web. Pertemuan Ke-8 dan 9 Server Side Scripting. Server Side Scripting 1
Pemrograman Web Pertemuan Ke-8 dan 9 Server Side Scripting Server Side Scripting 1 Sub Pokok Pembahasan 1. Konsep Server Side Scripting 2. PengertianPHP 3. Cara Kerja PHP 4. Cara Menginstall PHP 5. Cara
Lebih terperinciPRAKTIKUM. Rekayasa Web. Modul 6: WEB API. Laboratorium Teknik Informatika. Universitas Pasundan
PRAKTIKUM Rekayasa Web Modul 6: WEB API Laboratorium Teknik Informatika Universitas Pasundan Konten modul: 1. Pemahaman API 2. Mengenal API Instagram 3. Mengecek API dengan Postman Tujuan praktikum: 1.
Lebih terperinciBAB I PENDAHULUAN LATAR BELAKANG CONTOH KASUS. Diktat Mata Kuliah Aplikasi Teknologi Online Oleh : Andri Heryandi
BAB I PENDAHULUAN LATAR BELAKANG World Wide Web (WWW) telah berubah dengan cepat dalam berbagai cara. Bahasa standar yang dipakai dalam WWW adalah bahasa HTML (Hyper Text Markup Language). Dengan adanya
Lebih terperinciBAB 5 PENGENALAN PHP. Tujuan Pembelajaran: Memahami kaidah Pemrograman dengan PHP
BAB 5 PENGENALAN PHP Tujuan Pembelajaran: Memahami kaidah Pemrograman dengan PHP 5.1 Sintaks Dasar 5.2 Mengirim Data ke Web Browser 5.3 Memberi Komentar 5.4 Variable 5.5 String 5.6 Number 5.7 Konstanta
Lebih terperinciBAB 4 IMPLEMENTASI DAN EVALUASI. perangkat keras yang dibutuhkan pengguna maupun pengembang web serta penjelasan
107 BAB 4 IMPLEMENTASI DAN EVALUASI 4.1. Implementasi Pada bagian ini akan dijelaskan mengenai kebutuhan perangkat lunak dan perangkat keras yang dibutuhkan pengguna maupun pengembang web serta penjelasan
Lebih terperinciCARA MEMBUAT CSS DENGAN DREAMWEAVER
CARA MEMBUAT CSS DENGAN DREAMWEAVER Dewi Wijayanti dewiwijayanti@raharja.info Abstrak Dreamweaver adalah sebuah perangkat lunak yang digunakan untuk membuat atau menyunting halaman web yang dinamis maupun
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 terperinciMODUL 1 PENGENALAN HTML
MODUL 1 PENGENALAN HTML TUJUAN PRAKTIKUM : 1. Praktikan memahami tentang HTML, CSS, frame dan JS pada HTML serta kegunaannya. 2. Praktikan memahami bagaimana cara membuat web menggunakan HTML, CSS dan
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 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 terperinciPEMROGRAMAN BERBASIS WEB. Part 1,2 HTML. By Rolly Yesputra Sekolah Tinggi Manajemen Informatika dan Komputer Royal Kisaran, 2018
PEMROGRAMAN BERBASIS WEB Part 1,2 HTML By Rolly Yesputra Sekolah Tinggi Manajemen Informatika dan Komputer Royal Kisaran, 2018 Referensi HTML5, JavaScript, and jquery 24-Hour Trainer, Copyright 2015 by
Lebih terperinciPEMROGRAMAN WEB 1 JavaScript Rio Andriyat Krisdiawan, M.Kom
PEMROGRAMAN WEB 1 JavaScript Rio Andriyat Krisdiawan, M.Kom Definisi JavaScript Javascript adalah bahasa yang berbentuk kumpulan skrip yang pada fungsinya berjalan pada suatu dokumen HTML. Java Script
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 terperinciMODUL 7. Pengantar jquery
MODUL 7 Pengantar jquery Laboratorium Komputer STIMIK PPKIA Pradnya Paramita Malang 2016 Pertemuan 7 7.1 Tujuan : 1. Mahasiswa dapat memahami mengenai PHP dengan jquery 2. Mahasiswa dapat mengaplikasikan
Lebih terperinciBAB III PERANCANGAN APLIKASI
BAB III PERACAGA APLIKASI 3.1 DESKRIPSI APLIKASI Pada bagian ini, dipaparkan kebutuhan sistem minimum agar sistem dapat berjalan dengan baik. ama aplikasi : Web Collab Fungsi aplikasi : Menunjang terjadinya
Lebih terperinciOtodidak Pemrograman JavaScript
Otodidak Pemrograman JavaScript Sanksi Pelanggaran Pasal 113 Undang-Undang Nomor 28 Tahun 2014 tentang Hak Cipta 1. Setiap Orang yang dengan tanpa hak melakukan pelanggaran hak ekonomi sebagaimana dimaksud
Lebih terperinciLAPORAN RESMI PRAKTIKUM II WEB DESAIN PENGENALAN JAVASCRIPT
LAPORAN RESMI PRAKTIKUM II WEB DESAIN PENGENALAN JAVASCRIPT Di susun oleh : Galuh Meidaluna 4103141023 Dosen : Dwi Susanto ST. MT TEKNOLOGI MULTIMEDIA BROADCASTING POLITEKNIK ELEKTRONIKA NEGERI SURABAYA
Lebih terperinci