Tekhnik Paging Dengan Jquery Ajax
|
|
- Glenna Halim
- 6 tahun lalu
- Tontonan:
Transkripsi
1
2 Tekhnik Paging Dengan Jquery Ajax Oleh: Dadan Bagi Anda programer web atau yang sudah lama berkecimpung di dunia pemograman, paging adalah suatu tekhnik menampilkan data perhalaman. Dengan paging informasi yang akan kita tampilkan dari database akan dibatasi sesuai pengaturannya perhalaman. Contoh penerapan paging ialah seperti situs Google dalam menampilkan hasil pencariannya. Dimana pada bagian bawah terdapat link halaman yang ketika kita klik akan muncul daftar pencarian berikutnya. Itulah paging. Kekurangan paging yang biasanya adalah harus loading ketika link halaman kita klik. Nah dengan jquery ajax ini tidak ada lagi yang namanya loading. Jadi ucapkan Good bye pada loading. Halo pembaca sekalian, jumpa lagi dengan saya pada tulisan ini. Semoga Anda tidak bosan dengan rangkaian kata-kata saya ini. Sebab tidak mungkin juga Anda bosan dengan muka saya. J Oke para pembaca sekalian, pada topik hari ini perkenankan saya untuk membahas topik yang sedang menjadi hot isu di dunia pemograman (kayak gosip aja). Yup, apalagi yang sedang hot kalau bukan tekhnik paging dan jquery ajax. Bagi Anda programer web atau yang sudah lama berkecimpung di dunia pemograman, paging adalah suatu tekhnik menampilkan data perhalaman. Dengan paging informasi yang akan kita tampilkan dari database akan dibatasi sesuai pengaturannya perhalaman. Contoh penerapan paging ialah seperti situs Google dalam menampilkan hasil pencariannya. Dimana pada bagian bawah terdapat link halaman yang ketika kita klik akan muncul daftar pencarian berikutnya. Itulah paging. Kekurangan paging yang biasanya adalah harus loading ketika link halaman kita klik. Nah dengan jquery ajax ini tidak ada lagi yang namanya loading. Jadi ucapkan Good bye pada loading. Sebagai latihan lihat dulu nih penampakan dari hasil paging jquery ajax.
3 Penasaran, pengen coba? Download dulu aja file perkakas na. Akan ada beberapa file yang saya buat diantaranya : 1. index.php berupa file utama dari latihan kita. Disni juga berisi kode utama jquery yang menyebabkan efek ajax terjadi. 2. isi.php Adalah file yang berfungsi menampilkan isi dari database yang di maksud. Sebenarnya bisa saja kode dari isi.php saya gabungkan dengan index.php. Namun sengaja saya pisahkan agar gampang di pelajari intinya 3. koneksi.php Pasti kalian sudah tahulah ini file buat apa. Tapi bedanya saya pakai perintah mysqli, ga lagi pake mysql. Biar lebih update dikit. hihihi
4 4. file_database.sql ini buat di import pada PHP myadmin. Silahkan buat dulu databasenya bernama paging, terus import file ini. 5. ajax-loader.gif File animasi yang berguna untuk menampilkan animasi loading. Ini sih bakan kelihatan kalau koneksi internetnya lambat. Tapi kalau Anda coba di locahost, hampir ga kelihatan ini animasi. 6. folder css isinya file CSS doank (tapi penting sih) :p 7. folder js Isinya file jquery Sudah di download. Silahkan Anda test saja di localhost masing-masing. Tahu kan caranya. Jangan bilang ga tahu, hehe. Kalau sudh tampil, Jika Anda klik link halaman pada bagian bawah, maka otomatis konten data akan berganti tanpa menyebabkan loading pada browser. Kok bisa begitu? Jawabannya ada pada file index.php pada baris Itu adalah kode utama jquery yang memungkinkan ga terjadinya efek loading namun tetap terjadi pertukaran data. Disini saya hanya coba menjelaskan kode-kode yang penting saja. Sedangkan yang lainnya saya kira Anda sudah bisa mengerti dan tidak perlu di jelaskan lagi. Oleh karena itu level untuk pembaca artikel ini adalah Anda yang sudah terbiasa dengan tekhnik paging manual serta paham fungsi-fungsi dasar jquery. Bagi yang belum ayok di pelajari dulu. Langsung saja kita mulai. Sebelumnya Coba pelototin baris 14-23, disitu adalah kode spesial pembuat daftar link halaman secara otomatis if($pages > 1) { $pagination = ''; $pagination.= '<ul class="paginate">'; for($i = 1; $i<$pages; $i++) { $pagination.= '<li><a href="#" class="paginate_click" id="'.$i.'-page">'.$i.'</a></li>'; } $pagination.= '</ul>'; } Dengan adanya kode itu, kalau kita mau menampilkan daftar link halaman seperti di bawah Tinggal ketik aja $pagination di tempat mana ingin anda tampilkan. Praktis bukan? Nih pantengin dulu kode pada baris 33 secara teliti. $("#results").load("isi.php", {'page':0}, function() {$("#1-page").addClass('active');});
5 Kode diatas adalah perintah yang pertama kali dieksekusi ketika halaman baru dimuat. Artinya dia akan memuat file isi.php kedalam elemen yang ber-id results. Kalian dapat memodifikasi bagian #result dengan id style kesukaan kalian. apa nih maksudnya kode berikut? {$("#1-page") nah berhubungan pada baris 20 ada kode tulisannya gini id="'.$i.'-page"> karena id dari elemen <li> adalah $i-page ($i bisa angka apa aja). Maka disesuaikan pula dengan kode pada jquerynya jadi #1-page. Kalau nanti Anda mendapatkan id yang berbeda. Maka tinggal di sesuakan saja. Lalu terakhir pada kode di situ kan ada perintah addclass( active ), bagi yang sering main jquery pasti tahulah. Gunanya untuk menambah class active pada link nomor 1. Efeknya ketika halaman pertama kali dimuat link nomor satu akan kelihatan beda dari nomor yang lain karena sudah di tambahkan class active. Mana lagi nih kode yang penting? Nih, keajaiban tekhnik ini berawal dari kode ini $(".paginate_click").click(function (e) { Kode di atas adalah awal dari keajaiban (yang bener donk ngasih penjelasan). Maaf nih, maksudnya kode diatas jika elemen yang ber-class.paginate_click di klik, maka akan menjalankan perintah selanjutnya. Jadi fungsinya hanya sebagai pemicu saja. Lalu selanjutnya pada baris 37 ada kode seperti ini, $("#results").prepend('<div class="loading-indication"><img src="ajax-loader.gif" /> Loading...</div>'); Berarti setelah link angka halaman di klik, elemen #results akan di isi dengan animasi ajax-loader.gif dan tulisan loading. Anda tentu bisa menggan bagian pada yang saya cetak tebal tersebut dengan tulisan atau apa saja. Misalnya dengan tulisan sabar yah, orang sabar pasti wajahnya lebar jadi kayak gini $("#results").prepend('sabar yah, orang sabar pasti wajahnya lebar') Haha, ajaran sesat. Jangan di ikutin. Intinya silahkan ganti dengan kalimat yang anda suka. Selanjutnya tepat di bawah kode tadi, ada lagi kode seperti ini
6 var clicked_id = $(this).attr("id").split("-"); var page_num = parseint(clicked_id[0]); Kode di atas hampir sama dengan fungsi explode pada PHP. Artinya dia akan memisahkan id dari elemen yang dipilihnya. Makanya dari penulisan format ID saya tulis $i-page agar mudah dalam pemotongannya. Lalu ada fungsi parse_id[0], id yang sudah di potong menjadi dua bagian yakni bagian 0 dari sebelum tanda -, dan bagian 1 sesudah bagian -. Jadi yang diambil adalah bagian 0 dan di taruh pada variabel page_num. Nah, intinya variabel page_num sekarang berisi nilai dari halaman yang di klik. Selanjutnya ada kode berikut $('.paginate_click').removeclass('active'); Fungsinya untuk mencabut class active dari link halaman yang tadinya active. Kalau sebelumnya link halaman satu yang aktif, maka dengan kode di atas link nomor satu sudah tak aktif lagi. Selanjutnya inilah kode yang akan di ekseskusi. $("#results").load("isi.php", {'page':(page_num-1)}, function(){ }); Fungsinya adalah untuk memuat file isi.php ke dalam elemen ber-id results. Hampir sama sih fungsinya dengan kode baris ke-33. Bedanya kalau yang ini dia mengirimkan parameter posisi data ke file isi.php. Jadi data yang nantinya di tampilkan akan sesuai dengan posisi klik yang diminta. Jadi disitu ada kode {'page':(page_num-1)}, artinya kalau misalnya nilai variabel page_num itu 3, maka akan di kurangi 1. Jadinya nilai posisi yang di kirimkan ke file isi.php adalah 2. Jadi eksekusi query pada file isi.php akan menjadi SELECT id,name,message FROM paginate ORDER BY id ASC LIMIT 2, 5 Paham? Bagi yang newbie pasti mabok nih. Hehe, tenang saja nanti juga akan mengerti. Oke lanjut lagi, terakhir adalah kode ini $(this).addclass('active'); Kode itu untuk menambahkan class active pada link halaman yang di klik. Jadi kenapa ada $(this), itu mewakili elemen yang di klik. Sampai disini sudah selesailah beberapa kode penting pada file index.php. Lanjut ke file isi. Php. Ada beberapa kode penting yang perlu Anda ketahui, diantaranya $page_number = filter_var($_post["page"], FILTER_SANITIZE_NUMBER_INT, FILTER_FLAG_STRIP_HIGH);
7 Kode di atas hampir sama dengan fungsi $_POST[ } pada PHP. Yah gunanya untuk mendapatkan nilai halaman dari file index.php. Kok penulisannya panjang banget yah? Yah mau gimana lagi, karena di index.php kita mengirim nilai posisi datanya lewat jquery. Jadi mesti di sesuaikan dengan sintaksnya. Saya juga sebenarnya kurang paham sih dengan perintah di atas. Tapi sih intinya dia buat dapetin nilai aja (hadew). Lalu kode berikut if(!is_numeric($page_number)){die('invalid page number!');} Fungsinya hanya untuk memastikan saja kalu nilai posisi data yang di kirim berupa angka. Kalau tidak bakal terjadi penolakan mentah-mentah (udah kayak nembak cewe aja di tolak). Setelah panjang lebar saya menjelaskan jadi intinya yah begitu. Terlepas Anda mengerti atau tidak yang saya jelaskan nyatanya file yang Anda download tetap berjalan. He-he. Nah, itulah tekhnik paging menggunakan jquery-ajax. Silahkan Anda pelajari lebih lanjut. Mungkin kalau ada kesempatan di lain waktu saya akan berikan contoh penerapannya pada CMS Lokomedia. Yah sampai disini dulu yah, abangnya mau pulang. Jangan di like yah artikel kang dadan. ( Ngarep.com ) Tentang Penulis Dadan Saya adalah pria biasa saja yang tumbuh semakin besar di lingkungan yang serba biasa, Semoga kehadiran saya disini bisa membantu Anda. ^_^
Tekhnik Paging Dengan Jquery Ajax
Tekhnik Paging Dengan Jquery Ajax Oleh: Dadan Bagi Anda programer web atau yang sudah lama berkecimpung di dunia pemograman, paging adalah suatu tekhnik menampilkan data perhalaman. Dengan paging informasi
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 terperinciMembuat Ragam Halaman Statis di Wordpress
Membuat Ragam Halaman Statis di Wordpress Oleh: Dadan Pernah membuat layout halaman statis di Wordpress? Mengapa kita perlu membuat halaman statis? Jawabannya agar pengunjung baru website Anda dapat mengetahui
Lebih terperinciMembuat Fasilitas Readmore dengan TInyMCE
Membuat Fasilitas Readmore dengan TInyMCE Oleh: Dadan Warga jago koding sekalian, pasti kalau Anda pernah menggunakan Wordpress ataupun blogger pasti di editor artikel terdapat fasilitas read more atau
Lebih terperinciMembuat Sistem Pertemanan Sederhana
Membuat Sistem Pertemanan Sederhana Oleh: Dadan Pada artikel kali ini saya akan menunkukan kepada Anda cara membuat sistem pertemanan seperti pada website jejaring sosial. Contohnya yah seperti pada website
Lebih 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 terperinciUntung Subagyo
Upload Website Menggunakan Hosting Gratis Untung Subagyo uunboy@gmail.com http://masuuns.web.id Lisensi Dokumen: Seluruh dokumen di IlmuKomputer.Com dapat digunakan, dimodifikasi dan disebarkan secara
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 terperinciMembuat Sistem Keranjang Belanja Sederhana
Membuat Sistem Keranjang Belanja Sederhana Oleh: Dadan Bicara tentang keranjang sekarang ini toko online mana sih yang belum punya fasilitas keranjang belanja. Fitur ini wajib dimiliki setiap toko online.
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 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 terperinciCARGO MANAGEMENT SOFTWARE
CARGO MANAGEMENT SOFTWARE Manual Book Hari Pratomo KLATENWEB.com Cargo Management Software Versi Nov. 2018 Gambar halaman depan Panduan instalasi Jika diinstall di localhost 1. Install XAMPP 2. Buat folder
Lebih terperinciLatihan Query mysql PHP QUERY
QUERY Query apaan sih? Query adalah sebuah pertanyaan atau sebuah permintaan. Sebelum masuk kedalam program Aplikasi PHP, kamu harus belajar Query dulu biar kamu bisa mengelolah Database,,,untuk itu ikuti
Lebih terperinciCara Koneksi Database di Dreamweaver CS3
Cara Koneksi Database di Dreamweaver CS3 Bella Mutia Ropana bellamutiaropana@raharja.info Abstrak Dreamweaver merupakan software aplikasi yang digunakan sebagai HTML editor profesional untuk mendesain
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 terperinciBagian 3 : Membuat Koneksi PHP dan My Sql pada Dreem weaver Site Definitions Pada Web Penjualan Dengan Dreamweaver CS6.
Bagian 3 : Membuat Koneksi PHP dan My Sql pada Dreem weaver Site Definitions Pada Web Penjualan Dengan Dreamweaver CS6. http://projekwebku.blogspot.com/2016/01/cara-membuat-input-data-padaweb.html#.wmyxym-gpiu
Lebih terperinciKonfigurasi Dasar Debian Wheezy Sebagai Server
Konfigurasi Dasar Debian Wheezy Sebagai Server coretanbocahit.blogspot.com Pada awal tutorial kali ini saya akan membahas konfigurasi-konfigurasi dasar yang nantinya kita perlukan untuk konfiugurasi lanjutan
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 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 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 VI INTERAKSI DATABASE
MODUL VI INTERAKSI DATABASE A. TUJUAN Memahami konsep dasar akses dan manipulasi data. Mampu mengintegrasikan aplikasi PHP dengan database MySQL. Mampu menghasilkan aplikasi web database untuk pengolahan
Lebih terperinciModul-7 CRUD & Searching. Pemograman Web TEKNIK INFORMATIKA UNIVERSITAS PASUNDAN BANDUNG
Modul-7 CRUD & Searching Pemograman Web TEKNIK INFORMATIKA UNIVERSITAS PASUNDAN BANDUNG Kali ini, kita akan membuat halaman back-end (halaman admin). Pada modul kali ini, ada beberapa hal yang harus kalian
Lebih terperinciModul-6 MySQL, Koneksi Database, dan Menampilkan Data
Modul-6 MySQL, Koneksi Database, dan Menampilkan Data Pemograman Web TEKNIK INFORMATIKA UNIVERSITAS PASUNDAN BANDUNG I. Memasukan data dari array ke database Masih ingat array associative yang kalian miliki
Lebih 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 terperinciMODUL 7 MySQL, Koneksi database dan menampilkan data
MODUL 7 MySQL, Koneksi database dan Pemograman Web Teknik Informatika Universitas Pasundan Bandung 2016/2017 Konten Mengubah Data dari Array menjadi Database... 2 Mengkoneksikan database dan... 5 Teknik
Lebih terperinciLAMPIRAN I PEDOMAN WAWANCARA
LAMPIRAN I PEDOMAN WAWANCARA Penelitian ini menggunakan wawancara sebagai teknik dalam pengumpulan data dan dalam pelaksanaannya akan dilakukan wawancara yang mendalam dan terstruktur guna mendapatkan
Lebih terperinciMengenal Web Dinamis dan Statis Serta Perbedaanya
Mengenal Web Dinamis dan Statis Serta Perbedaanya Refan Adiyanto Refan@raharja.info Abstrak Setelah sebelumnya saya memposting artikel tentang Mengenal LinkedIn dan Manfaatnya untuk Para Pencari Kerja
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 terperinciJurus GILA jualan di facebook. TANPA riset, TANPA ngiklan, tapi DISERBU ORDERAN. By : Zain Fikri
Jurus GILA jualan di facebook TANPA riset, TANPA ngiklan, tapi DISERBU ORDERAN By : Zain Fikri Pendahuluan Halo salam kenal, Perkenalkan nama saya Zain Fikri. Jika Anda sudah membaca buku Ternak Tuyul
Lebih terperinciPHP dan Framework CodeIgniter
Universitas Negeri Padang PHP dan Framework CodeIgniter Yeni Septiana Pendidikan Teknik Informatika 1102640 2015 Hai All.. Kali ini kita akan membahas tentang membuat Website dengan menggunakan bahasa
Lebih terperinciIMPLEMENTASI METODE ASYNCHRONOUS JAVASCRIPT AND XML (AJAX) PADA PEMBUATAN WEBSITE UNIVERSITAS SAM RATULANGI
1 IMPLEMENTASI METODE ASYNCHRONOUS JAVASCRIPT AND XML (AJAX) PADA PEMBUATAN WEBSITE UNIVERSITAS SAM RATULANGI Hendra Jindry Lamani, Hans Wowor, Arthur Rumagit, Nancy Tuturoong Abstrak Dalam era teknologi
Lebih terperinciBab 1 Perkenalan Awal untuk Anda yang Pemula
Bab 1 Perkenalan Awal untuk Anda yang Pemula Apakah Anda sekarang sudah mempunyai website? Jika belum, mulailah untuk membuat. Saya berharap, Anda yang telah membuka halaman ini telah tahu cara dasar membuat
Lebih terperinciBAB IV IMPLEMENTASI DAN PENGUJIAN
BAB IV IMPLEMENTASI DAN PENGUJIAN Pada bab ini, dijabarkan secara rinci implementasi dan pengujian sistem kursus online menggunakan PHP. Sebagaimana dijelaskan di bab I, bahwa di bab IV membahas bagaimana
Lebih terperinciMendaftar ke Friendster
Mendaftar ke Friendster Sebelum melangkah lebih jauh soal Friendster, kita coba belajar cara mendaftar ke Friendster dulu yuk. Nah, pertama kamu kudu punya email. Kalo belum silahkan belajar cara bikin
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 terperinciMENAMBANG EMAS DENGAN GOOGLE
MENAMBANG EMAS DENGAN GOOGLE Dalam bisnis internet sangat penting sekali teknik promosi. Berbagai macam teknik promosi mungkin sudah sering anda dengar. Tapi tahukah anda bahwa dari sekian banyaknya teknik
Lebih terperinciContoh Syntax: Contoh di atas menunjukkan. S e l e c t o r : h 1. P r o p e r t y : c o l o r. V a l u e : r e d. (red).
Apa Itu CSS? PENGENALAN CSS CSS adalah singkatan dari Cascading Style Sheets. Kalau baca di kamus, cascading itu artinya air terjun. Tapi dalam hal ini, yang di maksud adalah, aliran dari suatu kode ke
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 terperinciMembuat Plugin jquery (Part 2)
Membuat Plugin jquery (Part 2) Oleh: muhamad iqbal ini adalah bagian kedua dari seri membuat plugin jquery, hal yang dibahas mengenai pembuatan plugin yang dapat dipakai untuk aplikasi sesungguhnya dan
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 terperinciOleh : Arulalmy (Dendi Nasrulloh)
Oleh : Arulalmy (Dendi Nasrulloh) PENDAHULUAN. Seperti kita ketahui bersama bahwa printer adalah sebuah alat untuk mencetak dokumen-dokumen dalam komputer. Pada printer merk Canon, Epson dan HP inkjet
Lebih terperinciTUTORIAL MEMBUAT SNIPPET TAB BOOTSNIPP UNTUK BOOTSTRAP
TUTORIAL MEMBUAT SNIPPET TAB BOOTSNIPP UNTUK BOOTSTRAP Oleh : Nama : Badiah Setyowati Nim : 12141363 Prodi : Teknik Informatika - Malam Bootsnipp A. Pengertian Bootsnip Bootsnipp. Apa sih itu Bootsnipp?
Lebih terperinciObject-Oriented Programming Sederhana Dengan PHP
Object-Oriented Programming Sederhana Dengan PHP Toha Abdurrozak tohaabdur@gmail.com :: http://toha.ilearning.me Abstrak Dalam perkembangan dunia komputer saat ini, kebutuhan akan software semakin meningkat,
Lebih terperinciBerikut adalah tutorial cara install windows 10 :
Pada kesempatan kali ini, saya akan sedikit bercerita bagaimana sih cara install windows 10? Baru saja Windows 10 Final dirilis, semua sudah sangat penasaran dan tertarik untuk mencobanya. Gampang banget
Lebih terperinciBAB I PENDAHULUAN. Kegiatan penjualan pada butik Be Collection merupakan kegiatan pokok
1 BAB I PENDAHULUAN I.1. Latar Belakang Kegiatan penjualan pada butik Be Collection merupakan kegiatan pokok usaha yang bergerak dalam bidang produk fashion. Kegiatan penjualan berhubungan dengan arus
Lebih terperinciPENGEMBANGAN SISTEM INFORMASI AKREDITASI
PENGEMBANGAN SISTEM INFORMASI AKREDITASI Muhammad Takdir Muslihi 1), Amil Ahmad Ilham 2), Zahir Zainuddin 3) 1), 2),3) Jurusan Teknik Elektro, Fakultas Teknik, Universitas Hasanuddin Email : takdir.jobs@gmail.com
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 terperinciMateri Pertemuan 1. Pengenalan Web Design Bagian I : Dasar- dasar CSS. lilih suhaeri WATERFIRE DEV. Kelaskita.com
Materi Pertemuan 1 Pengenalan Web Design Bagian I : Dasar- dasar CSS lilih suhaeri WATERFIRE DEV. Kelaskita.com Pengenalan Web Design 1. Sejarah singkat tentang website Sejak awal kelahiran website di
Lebih terperinciMANUAL BOOK WEBGIS BAPPEDA KABUPATEN MAHULU JL. JUANDA 2, RT 16 NO 6H SAMARINDA (0541) WEBSITE DEKA.CO.ID WEB & IT SOLUTION.
MANUAL BOOK WEBGIS BAPPEDA KABUPATEN MAHULU WEB & IT SOLUTION JL. JUANDA 2, RT 16 NO 6H SAMARINDA (0541) 4115101 WEBSITE DEKA.CO.ID User Bappeda 0 HALAMAN LOGIN WEBGIS BAPPEDA MAHULU Langkah awal masuk
Lebih terperinciMetode Penulisan Dasar CSS
Metode Penulisan Dasar CSS Pada pembahasan kali ini, kita akan menelusuri pemograman CSS lebih dalam lagi. Ada beberapa penulisan dasar dalam CSS yang wajib kita ketahui. Beberapa penulisan itu terdiri
Lebih terperinciBAB II LANDASAN TEORI. Perangkat lunak atau Software adalah perintah (program komputer) yang dieksekusi
BAB II LANDASAN TEORI 2.1Perangkat Lunak Perangkat lunak atau Software adalah perintah (program komputer) yang dieksekusi memberikan fungsi dan petunjuk kerja seperti yang diinginkan. Struktur data yang
Lebih terperinciMODUL 7 CRUD (CREATE, READ, UPDATE,DELETE) dibawah ini adalah fungsi PHP yang akan digunakan untuk pembuatan CRUD
MODUL 7 CRUD (CREATE, READ, UPDATE,DELETE) PHP dan MySQL, seolah pasangan sejati yang tak terpisahkan. Keduanya paling sering disandingkan dalam pembuatan aplikasi berbasis web (web application development).
Lebih terperinciPetunjuk Navigasi Web
Petunjuk Navigasi Web Assalamualaikum dan selamat datang sahabat, Terima kasih sebelumnya sudah berkunjung ke web: http://bisnisinternetproduk.com Dan sebagai pengenalan untuk anda di halaman bawah panduan
Lebih terperinciPerancangan Website Ujian. Teknik Elektro UNDIP Berbasis HTML
TUGAS TEKNOLOGI INFORMASI Perancangan Website Ujian Teknik Elektro UNDIP Berbasis HTML OLEH: AULIA RAHMAN 21060113120007 JURUSAN TEKNIK ELEKTRO FAKULTAS TEKNIK UNIVERSITAS DIPONEGORO SEMARANG 2014 Abstrak
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 terperinciYAK for WordPress Fast Track
YAK for WordPress 3.2.1 Fast Track Saya buat panduan ini untuk membantu anda bagaimana cara menggunakan plugin YAK for WordPress. Mengingat ada banyak sekali perubahan semenjak ebook pertama saya dahulu.
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 terperinciFAKULTAS TEKNIK UNIVERSITAS NEGERI YOGYAKARTA LAB SHEET PEMROGRAMAN WEB Semester: 2 Struktur Kondisi Perulangan 200 menit No.: Job: 08 Tgl: Hal.
A. Kompetensi Mahasiswa diharapkan dapat: 1. Memahami dan menguasai Struktur Kondisi For 2. Memahami dan menguasai Struktur Kondisi While 3. Memahami dan menguasai Struktur Kondisi Do...While 4. Memahami
Lebih terperinciAPLIKASI Web Server dan MySql menggunakan Xampp
APLIKASI Web Server dan MySql menggunakan Xampp Agustinus MUJILAN, S.E., M.Sc. Akuntansi Unika Widya Mandala Madiun agus_muji@yahoo.com A. Seputar Xampp Saat ini banyak program aplikasi berbasis web baik
Lebih terperinciULASAN SERI BUKU SMS SEBELUMNYA
2 ULASAN SERI BUKU SMS SEBELUMNYA Sebenarnya buku ini merupakan serial buku SMS penulis yang ke-3, setelah buku berjudul Step by Step Membangun Aplikasi SMS dengan PHP dan MySQL dan Membangun Sistem Aplikasi
Lebih terperinciInstalasi Framework Laravel di Windows dan di Linux Ubuntu
Instalasi Framework Laravel di Windows dan di Linux Ubuntu Abdul Rohman admin@abdulrohman.web.id :: http://www.abdulrohman.web.id Abstrak Tidak seperti instalasi framework PHP kebanyakan, dimana Anda bisa
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 terperinciPenerapan Konsep One Layer Website Berbasis JavaScript
Penerapan Konsep One Layer Website Berbasis JavaScript Erick Alfons Lisangan Fakultas Teknologi Informasi Universitas Atma Jaya Makassar Makassar, Indonesia erick_lisangan@lecturer.uajm.ac.id Abstrak Perkembangan
Lebih terperinciMENGINSTALL EYE OS (OPERATING SYSTEM BERBASIS WEB)
MENGINSTALL EYE OS (OPERATING SYSTEM BERBASIS WEB) Eye Os adalah salah satu operating system berbasis web. Yang dimaksud OS berbasis web adalh untuk menjalankannya kita tidak perlu mempartisi harddisk
Lebih terperinciBAB IV PEMBAHASAN. menyebabkan kesalahan pada tahap selanjutnya. yaitu wappalayzer, tool tersebut membantu untuk mengetahui CMS (content
BAB IV PEMBAHASAN 4.1 Analisis sistem Analisis sistem merupakan penguraian dari suatu sistem informasi yang utuh kedalam bagian-bagian komponennya dengan maksud untuk mengidentifikasi dan mengevaluasi
Lebih terperinciKBKF53110 WEB PROGRAMMING
RENCANA PEMBELAJARAN SEMESTER (RPS) KBKF53110 WEB PROGRAMMING Disusun oleh: PROGRAM STUDI S1 SISTEM KOMPUTER FAKULTAS ILMU KOMPUTER (FILKOM) UNIVERSITAS PUTRA INDONESIA YPTK PADANG LEMBAR PENGESAHAN Rencana
Lebih terperinciMembuat Web App Mobile Canggih dengan Sencha Touch 2 - VIEW
Membuat Web App Mobile Canggih dengan Sencha Touch 2 - VIEW Oleh: asep saepulloh Holaa sahabat jaco, aduh udah lama nih gak bermain di website tercinta kitahh. Hehehehe. Abis lagi sibuk, banyak kerjaan
Lebih terperinciBAB 2 LANDASAN TEORI
BAB 2 LANDASAN TEORI 2.1 Aplikasi Berbasis Web Yang dimaksud dengan aplikasi web atau aplikasi berbasis web adalah aplikasi yang dijalankan melalui browser. Aplikasi seperti ini pertama kali dibangun hanya
Lebih terperinciBAB II TINJAUAN PUSTAKA
BAB II TINJAUAN PUSTAKA 2.1 Penelitian Terdahulu Belum pernah ada penelitian tentang website pre order back sound dan musik sebelumnya, secara umum website tentang musik yang sudah ada adalah website tempat
Lebih terperinciMEMBUAT TULISAN BARU DI WP.COM BLOG DENGAN WINDOWS LIVE WRITER
MEMBUAT TULISAN BARU DI WP.COM BLOG DENGAN WINDOWS LIVE WRITER Pada tulisan sebelumnya, yaitu Mengkonfigur Windows Live Writer untuk Blog di WP.com, Kang Kombor sudah memandu Sampeyan untuk mengkonfigurasi
Lebih terperinciOtodidak. MySQL untuk Pemula
Otodidak MySQL untuk Pemula Otodidak MySQL untuk Pemula Jubilee Enterprise PENERBIT PT ELEX MEDIA KOMPUTINDO Otodidak MySQL untuk Pemula Jubilee Enterprise 2017, PT Elex Media Komputindo, Jakarta Hak cipta
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 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 terperinciManual esakip v Pengantar. Hal. 2 / 36
Pengantar Hal. 2 / 36 Daftar isi Pengantar 2 Daftar isi.. 3 Persiapan.. 4 Menjalankan aplikasi pada halaman utama 5 Halaman sakip publik.. 9 Halaman login 14 Penutup 36 Hal. 3 / 36 Persiapan Untuk dapat
Lebih terperinciSortable Datagrid dengan Paginating Data
Sortable Datagrid dengan Paginating Data Sebelumnya saya mohon maaf, sudah absen beberapa lama tidak ada artikel yang dibuat. Pada kesempatan kali ini akan kita coba membahas tentang Datagrid yang ditambah
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 terperinciDAFTAR ISI. Wordpress Mengenal Dashboard Memposting Artikel Membuat Halaman Baru Eksplorasi Menu Appearance
DAFTAR ISI Wordpress... 2 Mengenal Dashboard... 4 Memposting Artikel... 5 Penjelasan Area Posting Artikel... 5 Menambah Gambar Pada Tulisan... 8 Menambah Kategori dan Tag Pada Tulisan... 10 Pratampil dan
Lebih terperinciBIKIN PAKE GMAIL
BIKIN e-mail PAKE GMAIL Pertama tama kita nyalakan dulu komputernya Klik start, cari browser yang biasa kita pakai (mozilla, opera atau internet explorer dll) Ketik gmail.com atau www.gmail.com Tunggu
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 terperinciKonfiguras Web Server Debian Wheezy
Konfiguras Web Server Debian Wheezy Ini nih janji saya kemarin, tutorial kali ini kita bakal bahas tetang web server, apa sih web server?? nah kita kan biasa tuh buka facebook di browser? Nah web server
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 terperinciBAB IV IMPLEMENTASI DAN PENGUJIAN
BAB IV IMPLEMENTASI DAN PENGUJIAN 4.1 Implementasi Sistem Pembuatan program organisasi kelembagaan mahasiswa ini ditujukan untuk user seluruh program studi ada dilingkungan Universitas Mercu Buana untuk
Lebih terperinciIni Nih Rahasia di Iphone Yang Kamu Gak Tau
Ini Nih Rahasia di Iphone Yang Kamu Gak Tau Dwi Nugroho Dwiraharja89@gmail.com Abstrak Untuk kamu pengguna iphone yang ada di seluruh Indonesia, pasti kamu sering deh utak-atik gadget keren kalian itu
Lebih terperinciMODUL 3 DASAR-DASAR PHP
MODUL 3 DASAR-DASAR PHP Para pengguna internet dewasa ini cenderung lebih menyukai situs-situs yang mempunyai tampilan menarik dan menghibur. Yang pasti, mereka sudah bosan dengan tampilan web yang begitu-begitu
Lebih terperinciUpload WordPress di localhost ke Server Hosting
Upload WordPress di localhost ke Server Hosting Upload WordPress dari localhost perbedaan dengan tetangganya pengeditan sebelum database di hosting, berikut langkah-langkah ke Server Hosting: ke hosting
Lebih terperinciMemulai Google+ 2.1 Registrasi Google+
Memulai Google+ Layanan Gmail memang seolah-olah merupakan pintu gerbang untuk masuk ke berbagai layanan Google yang lain. Untuk memulai Google+ juga demikian. Jadi mula-mula, bukalah terlebih dahulu akun
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 terperinciBAB II TINJAUAN PUSTAKA DAN DASAR TEORI
BAB II TINJAUAN PUSTAKA DAN DASAR TEORI 2.1. Tinjauan Pustaka Dari penelitian dalam ini menggunakan referensi yang sudah dibuat oleh penelitian sebelumnya, perbandingannya dapat dilihat pada tabel 2.1
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 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 terperinciBAB 2 LANDASAN TEORI. Kata komputer (computer) berasal dari bahasa latin computare yang berarti
BAB 2 LANDASAN TEORI 2.1 Pengertian Komputer Istilah komputer mempunyai arti yang luas dan berbeda untuk orang yang berbeda. Kata komputer (computer) berasal dari bahasa latin computare yang berarti menghitung.
Lebih terperinciBasic jquery Menyentuh jquery sekarang juga
Basic jquery Menyentuh jquery sekarang juga JQuery merupakan suatu framework (library) Javascript yang menekankan bagaimana interaksi antara Javascript dan HTML yanwar 11/8/2013 Apa sih jquery? 2 Kenapa
Lebih terperinciMengenal Pemrograman Web Dengan JSP
Mengenal Pemrograman Web Dengan JSP Iman Amalludin iman.llusion@gmail.com :: http://blog.imanllusion.hostzi.com Abstrak Apa yang dimaksud dengan JSP? JSP (Java Server Pages) adalah bahasa scripting untuk
Lebih terperinciMembuat Aplikasi Android Sederhana
2012 Membuat Aplikasi Android Sederhana Eko Kurniawan Khannedy StripBandunk.com 3/29/2012 Persembahan Buku ini dipersembahkan buat Indonesia yang lebih baik Baik dari segi ilmu Teknologi Dan sumber daya
Lebih terperinciInstalasi Web Server Apache, PHP, dan MySQL dengan XAMPP
Instalasi Web Server Apache, PHP, dan MySQL dengan XAMPP Tidak seperti kode HTML yang dapat langsung berjalan di web browser, halaman web yang ditulis dengan PHP harus diproses dalam sebuah aplikasi yang
Lebih terperinciBAB 1 PENDAHULUAN. dapat diakses siapa saja dan dimana saja selama ada koneksi. Teknologi internet
BAB 1 PENDAHULUAN 1.1 Latar belakang masalah Teknologi internet merupakan media informasi yang cukup efektif dalam penyebaran informasi. Internet mampu diakses 24 jam dalam sehari, 7 hari dalam seminggu
Lebih terperinciMEMBUAT CRUD (CREATE, READ, UPDATE & DELETE) DENGAN CODEIGNITER
MEMBUAT CRUD (CREATE, READ, UPDATE & DELETE) DENGAN CODEIGNITER Pepen Aandrian Syah pepenaan@gmail.com Abstrak Didalam dunia pemograman CRUD atau Create, Read, Update dan Delete adalah hal dasar bisa dibilang
Lebih terperinciMenangani Input dari User
Menangani Input dari User PHP Programming Language Workshop For Newbie Class Yan Friskantoni
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 terperinciStep by Step PHP Membuat Laporan PDF dengan FPDF Tutorial ini dibuat oleh Achmad Solichin,
Step by Step PHP Membuat Laporan PDF dengan FPDF Tutorial ini dibuat oleh Achmad Solichin, http://achmatim.net Membuat Laporan PDF dengan FPDF 28 November 2009 Pendahuluan PHP merupakan salah satu bahasa
Lebih terperinci