Membuat Plugin jquery (Part 1)
|
|
- Doddy Tanudjaja
- 6 tahun lalu
- Tontonan:
Transkripsi
1
2 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. Konsep dibahas dari dasar dengan harapan pembaca tutorial ini memiliki pengetahuan dasar dalam menggunakan jquery agar tutorial ini dapat dimengerti dengan mudah. Konsep Dasar Plugin Pada jquery Mengapa Membuat Plugin? Bagi para pengguna jquery pada umumnya pasti sudah mengenal atau mungkin mempergunakan plugin yang dapat ditemukan dengan mudah di internet, cukup dengan mengetikkan jquery plugin di google maka akan muncul berbagai plugin untuk berbagai keperluan, seperti plugin untuk menampilkan slide show pada halaman web, atau menambahkan fitur popup dan lain sebagainya. Dari sekian banyak Plugin yang tersedia di rimba internet, rata rata bisa diadopsi dengan mudah kedalam halaman web yang sedang kita kembangkan dengan cara relatif mudah, cukup dengan melakukan beberapa konfigurasi dan penyesuaian yang bisa dirujuk pada halaman web masing masing pembuat plugin. Bagi mereka yang belum begitu mengenal mengenai kemudahan menggunakan plugin, konsepnya sebenarnya sederhana. Sebuah plugin merupakan program yang memiliki kegunaan tersendiri dan di ditambahkan kedalam jquery sehingga nantinya menjadi sebuah fungsi (function) yang dapat dipergunakan seperti fungsi fungsi yang sudah disediakan oleh jquery, contohnya seperti $("#sebuahid").onclick( //aksi saat di klik ); Dimana onclick() merupakan fungsi untuk menambahkan aksi atau respon ketika sebuah elemen (pada contoh, dengan id = sebuahid) di klik. Dengan plugin, misalkan kita membuat sebuah plugin dengan nama pluginku(), maka kita dapat dengan mudah menggunakan plugin yang kita buat dengan memanggilnya pada jquery seperti $( /*selektor*/ ).pluginku(); dan kemudian yang terjadi adalah fungsi pluginku() akan melakukan tugasnya pada elemen html yang sesuai dengan selektor yang kita pilih. Kembali ke pertanyaan semula, kenapa kita membuat plugin? Jawabannya mudah karena
3 1. Plugin yang tersedia tidak mampu memenuhi kebutuhan kita, atau mungkin sesuai akan tetapi fitur yang ditawarkan ternyata berlebihan dibanding dengan kebutuhan, sehingga dirasa terlalu banyak overhead dalam kode yang kita pakai, hal tersebut akan menjadi masalah terutama bagi mereka yang memiliki sifat perfeksionis dalam mengembangkan aplikasi (saya pribadi cenderung memilih menggunakan plugin walaupun terdapat fitur yang tidak perlu, untuk menghemat waktu ); 2. Jika suatu bagian kode yang kita tulis ternyata bisa dipakai berulang kali pada proyek yang sama ataupun pada proyek proyek lain, maka akan mempermudah kita jika membuatnya menjadi plugin, menghemat waktu sesuai dengan jargon DRY (don t repeat yourself) yang artinya jangan membuang buang waktu untuk melakukan hal yang sama berulang ulang; 3. Terakhir tentu saja jika kita memahami tentang plugin, tentu kita mampu melakukan modifikasi atau membuat ulang plugin yang disediakan oleh orang lain sesuai kebutuhan kita. Hal tersebut menjadi keuntungan ganda karena selain nantinya kita dapat menghasilkan plugin yang dapat kita pakai, kita juga punya keuntungan karena tidak membuatnya dari nol dan sekaligus mengatasi masalah yang ditujukan oleh poin nomor 1. Tentunya poin poin yang disebutkan diatas belum lengkap, tapi semoga keuntungan yang ditawarkan membuat kalian cukup tergiur dan bertambah minatnya untuk membuat plugin sendiri dan membuat kalian terus membaca tulisan ini. Mulai Membuat Untuk memulai kita perlu membuat sebuah function dan menambahkannya kedalam jquery. Cara menambahkannya adalah dengan memasukkan function tersebut kedalam $.fn atau jquery.fn seperti Sekarang fungsi pluginku() sudah bisa digunakan seperti pada contoh sebelumnya. Penjelasannya adalah karena tanda $ atau jquery (sama saja, $ sering digunakan karena lebih singkat) merupakan objek jquery yang selalu kita pakai, dan pada javascript setiap objek mempunyai prototype yang merupakan salah satu cara bagi suatu objek untuk mewarisi fungsi atau property dari objek lain. Jadi jquery menggunakan.fn untuk menggantikan.prototype (dibuat alias, jadi lebih singkat) dan kita bisa menambahkan fungsi baru pada prototype dengan cara menambahkannya seperti pada contoh diatas, dan kemudian setelah ditambahkan bisa kita akses dari mana saja didalam kode kita. Untuk kalian yang belum familiar dengan konsep prototype bisa dipastikan sekarang mengalami sedikit kebingungan, sekarang lebih baik kita lewat saja, tetapi jika ingin mengetahui lebih lanjut, silahkan cari tahu soal prototype pada javascript. Kemudian yang perlu diperhatikan adalah, didalam fungsi yang kita tulis kita harus berhati hati
4 jangan sampai nama variabel yang kita pakai sudah dipakai diluar fungsi, karena variabel diluar fungsi akan menjadi variabel global yang nilainya bisa saja secara tidak sengaja berubah karena di dalam fungsi kita mempergunakan nama yang sama. Untuk mengatasi permasalahan tersebut, maka para programmer diluar sana menggunakan suatu metode bernama IIFE (immediately-invoking function expression) apakah IIFE itu? Singkatnya IIFE digunakan untuk membuat lingkup (scope) sehingga variabel diluar lingkup itu tidak dapat di akses dari dalam, begitupun sebaliknya. Bagi mereka yang pertama kali mengetahui tentang IIFE sudah tentu akan kebingungan, maka dari itu kita lanjutkan saja ke contoh berikutnya (dan sempatkan untuk membaca soal IIFE) (function($){ }(jquery)); Dari contoh diatas terlihat bahwa kode kita sebelumnya dibungkus (wrapped) oleh suatu blok fungsi yaitu (function($){ //kode sebelumnya }(jquery)); yang artinya suatu fungsi dieksekusi secara langsung (bukan deklarasi), maka dari itu disebut dengan istilah immediately-invoking (dipanggil-segera) yang dilakukan dengan cara menambahkan kurung. Adapun alternatif sintaksnya yaitu dengan (function($){ //kode sebelumnya })(jquery); walaupun penulisan kurungnya dirubah akan tetapi hasilnya sama saja. Saya juga menemukan sintaks lain yaitu dengan menambahkan operator seperti +,!, ~, - sebelum tulisan function (sebagai contoh, pengembang plugin bootsrap menggunakan tanda +). Jadi lengkapnya semua alternatif penulisan kita tampilkan (function($){ })(jquery); //posisi kurung dirubah +function($){ //menggunakan + daripada kurung, bisa diganti - ~ atau!
5 }(jquery); Dari sini kita akan menggunakan sintaks IIFE dengan tanda + pada contoh contoh berikutnya. Sejauh ini kita belum menentukan apa yang akan dilakukan oleh pluginku(),misalkan plugin kita ini tugasnya adalah untuk menampilkan tulisan ini dihasilkan oleh plugin (yang sebenarnya tidak berguna) maka kita dapat menuliskan kode dalam file html sebagai berikut <!DOCTYPE html> <html> <head> <title>contoh plugin pertama</title> </head> <body> <h1></h1> <div>isi elemen div sebelum plugin dipanggil</div> <p class="untuk-plugin"></p> <p>bukan dari plugin</p> <button id="jalankan">jalankan</button> <script src="jquery.js"></script> <script> //pastikan jquery sudah di include $(function(){ //$(function(){}) digunakan agar kode didalamnya //dijalankan setelah halaman selesai dimuat; +function($){ //kode plugin kita, tugasnya untuk menambahkan teks this.text("ini dihasilkan oleh plugin"); }(jquery); $("h1").pluginku(); //plugin dipanggil pada elemen h1 //plugin dipanggil pada elemen dengan kelas untuk-plugin $(".untuk-plugin").pluginku(); //jika id jalankan di klik $("#jalankan").on("click", function(){ $("div").pluginku(); //plugin dipanggil pada elemen div
6 }); }); </script> <body> </html> Silahkan simpan contoh sebagai file html, pastikan dalam folder yang sama sudah terdapat file jquery.js (atau sesuaikan nama dengan file jquery yang kalian miliki). Coba jalankan pada web browser dan lihat apa yang terjadi. Terlihat bahwa plugin bisa digunakan dengan mudah, dan saya kira kode program cukup menjelaskan apa yang terjadi tanpa perlu dibahas lagi. Sebelum mengakhiri bagian ini dan melanjutkan ke topik yang lebih menarik lagi mengenai konsep lebih lanjut dalam membuat plugin, ada beberapa tips dalam penyusunan file. Biasanya sebuah plugin ditulis pada file javascript tersendiri dan berada dalam satu folder dengan file javascript jquery, biasanya file plugin dinamakan dengan nama jquery.nama_plugin.js. hal tersebut memanglah tidak mutlak namun tentunya lebih baik jika kita meniru tata cara programmer pada umumnya. Maka dari itu kita sekarang membuat file baru yaitu jquery.pluginku.js memasukkannya kedalam file html sesudah jquery. Struktur folder baru folder -contoh1.html -js -jquery.js -jquery.pluginku.js file jquery.pluginku.js +function($){ //kode plugin kita, tugasnya untuk menambahkan teks this.text("ini dihasilkan oleh plugin"); }(jquery); Perubahan pada html <script src="js/jquery.js"></script>
7 <script src="js/jquery.pluginku.js"></script> <script> $(function(){ $("h1").pluginku(); //plugin dipanggil pada elemen h1 //plugin dipanggil pada elemen dengan kelas untuk-plugin $(".untuk-plugin").pluginku(); //jika id jalankan di klik $("#jalankan").on("click", function(){ $("div").pluginku(); //plugin dipanggil pada elemen div }); }); </script> Tentang Penulis muhamad iqbal Mahasiswa di bidang studi computer science. sementara ini masih menjelajahi secara umum seputar pengembangan web, aplikasi android, dan embedded system.
Membuat 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 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 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 terperinciInteractive Broadcasting
Modul ke: Interactive Broadcasting HTML Fakultas Ilmu Komunikasi Bagus Rizki Novagyatna Program Studi Broadcasting www.mercubuana.ac.id Pengertian HTML Program adalah kata, ekspresi, pernyataan atau kombinasi
Lebih terperinci1. Sejarah Javascript
1. Sejarah Javascript JavaScript pada awalnya bernama LiveScript dan diperkenalkan pertama kali di browser Netscape Navigator 2 pada awal tahun 1995. Pengembangan javascrip ditujujkan untuk mempermudah
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 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 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 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 terperinciXML extensible Markup Language. Oleh: Nisa Miftachurohmah, S. Kom
XML extensible Markup Language Oleh: Nisa Miftachurohmah, S. Kom Pengenalan XML EXtensible Markup Language (XML) merupakan sebuah bahasa markup yang digunakan untuk menandai suatu dokumen data. Markup
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 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 terperinciBab 5. Cascading Style Sheet (CSS)
Bab 5. Cascading Style Sheet (CSS) Overview Cascading Style Sheets (CSS) adalah suatu bahasa stylesheet yang digunakan untuk mengatur tampilan sebuah dokumen yang ditulis dalam bahasa markup. CSS diperkenalkan
Lebih terperinciCSS Cascading Style Sheet
CSS Cascading Style Sheet Pemrograman Web 1 Genap 2011-2012 Pengenalan CSS CSS = Cascading Style Sheet. Suatu style yang digunakan untuk menampilkan elemen HTML. Dapat mengatur dan mengontrol tampilan
Lebih terperinciPemrograman dengan Java
Pemrograman dengan Java Java sebagai salah satu bahasa pemrograman baru menjanjikan banyak kemudahan bagi programer junior maupun senior. Tutorial ini akan membawa Anda mengenal lebih jauh bahasa ini melalui
Lebih terperinci1. Sejarah Javascript
1. Sejarah Javascript JavaScript pada awalnya bernama LiveScript dan diperkenalkan pertama kali di browser Netscape Navigator 2 pada awal tahun 1995. Pengembangan javascrip ditujujkan untuk mempermudah
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 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 terperinciPelatihan Intel XDK. Modul 3. Pengenalan Intel XDK Development Tools. Dikembangkan oleh Intel Software.
Pelatihan Intel XDK Modul 3. Pengenalan Intel XDK Development Tools. Dikembangkan oleh Intel Software. 1 Versi 1.0. September 2013. Hak Cipta (C) 2013 Intel Software. Adobe, Adobe Edge, dan Adobe Edge
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 terperinciAJAX dengan jquery Part 2
AJAX dengan jquery Part 2 Oleh: Cecep Yusuf Kita akan belajar bagaimana cara membuat AJAX dengan response data HTML memakai metode GET dan dimasukkan ke dalam elemen yang ditentukan pada halaman utama.
Lebih 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 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 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 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 terperinciHTML DOM #1 Yosef Murya Kusuma Ardhana. ST., M.Kom
HTML DOM #1 Yosef Murya Kusuma Ardhana. ST., M.Kom HTML? HTML merupakan singkatan dari Hypertext Markup Language. HTML adalah sekumpulan text atau file ASCII yang berisi intruksi atau perintah program
Lebih terperinciTUTORIAL CSS FRAMEWORK
11/13/2014 TUTORIAL CSS FRAMEWORK NAMA : DUWI PARYANTO NIM : 12141367 MATA KULIAH : PEMROGRAMAN WEB STATIS DOSEN : WAHYU WIDODO CSS FRAMEWORK FONT AWESOME A. Pengertian Framework Sebelum mempelajari bagaimana
Lebih terperinciModul : Antarmuka. 2.1 Pelajaran : Pengenalan Singkat Bagaimana menggunakan tutorial ini BAB 2
BAB 2 Modul : Antarmuka 2.1 Pelajaran : Pengenalan Singkat Selamat datang di kursus kami! Selama beberapa hari ke depan, kami akan menunjukkan kepada Anda bagaimana untuk menggunakan QGIS secara mudah
Lebih terperinciBelajar Membuat web sederhana dengan HTML (Bagian 1)
Belajar Membuat web sederhana dengan HTML (Bagian 1) Ahmad Hasnan, Mahasiswa Teknik Mesin Universitas Brawijaya, Anggota komunitas web (webcom) Unibraw. Bahasa HTML merupakan bahasa markup (pelekat) untuk
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 terperinciBelajar Java Script.
Belajar Java Script taryanarx@yahoo.com http://kuliahonline.unikom.ac.id Target Pencapaian Siswa mengetahui dasar-dasar perintah dalam java script dan mengaplikasinnya dalam program 1. Java Script Java
Lebih terperinciSecara garis besar, terdapat 3 cara menginput kode CSS, yaitu metode Inline Style, Internal Style Sheets, dan External Style Sheets.
Sebagaimana telah dipelajari pada saat pembahasan tentang HTML (pada artikel tutorial belajar HTML), HTML pada dasarnya adalah kumpulan dari tag-tag yang disusun sehingga memiliki bagian-bagian tertentu,
Lebih terperinciPemrograman Basis Data Berbasis Web
Pemrograman Basis Data Berbasis Web Pertemuan Ke-6 (JavaScript) Noor Ifada noor.ifada@if.trunojoyo.ac.id S1 Teknik Informatika - Unijoyo 1 Sub Pokok Bahasan JavaScript? Pendeklarasian JavaScript JavaScript
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 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 terperinciCara membuat HTML dasar
Cara membuat HTML dasar Oleh : Ronaldo Fantoni 11 IPA /12 1. Struktur dasar HTML HTML (Hypert Text Markup Language) merupakan bahasa pemrograman yang digunakan dalam pembuatan halaman web. Dalam penggunaannya
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 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 terperinciPerkenalan Glyphicon Bootstrap dan Cara Mudah Menggunakannya
Perkenalan Glyphicon Bootstrap dan Cara Mudah Menggunakannya Oleh: Arinadi Nur Rohmad Glyphicon ini berbasis text jadi lebih ringan dan biasa diganti warna seperti huruf pada umumnya yang berbeda dari
Lebih terperinciRekayasa Web Pertemuan 8
Rekayasa Web sandhikagalih@unpas.ac.id Pertemuan 8 JavaScript Object Notation JSON Format pertukaran data tekstual yang sangat ringan Digunakan untuk beragam bahasa pemrograman Tidak terpaku pada bahasa
Lebih terperinciJavascript merupakan suatu bahasa yang perkembangannya lambat di bandingkan dengan Java yang berkembang sangat cepat. Di Javascript kita tidak
Pemrograman Web JavaScript? Java Script merupakan sebuah bahasa scripting yang dikembangkan oleh Netscape. Dengan Java Script kita bisa dengan mudah membuat sebuah halaman web yang interaktif. Program
Lebih terperinciOleh : Dosen Pembimbing : Umi Laili Yuhana, S.Kom, M.Sc Hadziq Fabroyir, S.Kom
Sistem Informasi Geografis untuk Perguruan Tinggi Negeri di Indonesia Oleh : I G.L.A. Oka Cahyadi P. 5106100061 Dosen Pembimbing : Umi Laili Yuhana, S.Kom, M.Sc. 132 309 747 Hadziq Fabroyir, S.Kom 051
Lebih terperinciCSS (Cascading Style Sheet) Oleh : Devie Rosa Anamisa
CSS (Cascading Style Sheet) Oleh : Devie Rosa Anamisa Pembahasan Pengertian CSS CSS (FONT, TEXT, COLOR) CSS - Image PENGERTIAN CSS Singkatan dari Cascading Style Sheet Digunakan dalam kode HTML untuk menciptakan
Lebih terperinciKOMPUTER APLIKASI IT - 2. Adi Rachmanto - Lab.Komputer Aplikasi IT II - AKUNTANSI UNIKOM
KOMPUTER APLIKASI IT - 2 Adi Rachmanto - Lab.Komputer Aplikasi IT II - AKUNTANSI UNIKOM Pengantar PHP Elemen Dasar PHP - Tipe Data - Operator - Variabel Pernyataan Kontrol Array Fungsi Merancang Web menggunakan
Lebih terperinciPETUNJUK PENGGUNAAN PRODUK (UNTUK SISWA)
PETUNJUK PENGGUNAAN PRODUK (UNTUK SISWA) A. PENGANTAR Aktivitas yang seringkali dilakukan ketika terhubung dengan internet adalah browsing atau menjelajahi internet dengan cara mengunjungi halaman website
Lebih terperinciBELAJAR HTML Hyper Text Markup Language
www.bambangherlandi.web.id BELAJAR HTML Hyper Text Markup Language 1 HTML INTRODUCTION HTML Example my First Heading my first paragraph. 2
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 terperinciPemrograman Basis Data Berbasis Web
Pemrograman Basis Data Berbasis Web Pertemuan Ke-6 (JavaScript) Noor Ifada S1 Teknik Informatika - Unijoyo 1 Sub Pokok Bahasan JavaScript? Pendeklarasian JavaScript JavaScript sederhana Peletakan JavaScript
Lebih terperinci1.1 Apa Itu Dreamweaver 8?
Student Guide Series: Macromedia Dreamweaver 8 1.1 Apa Itu Dreamweaver 8? Macromedia Dreamweaver 8, atau biasa disebut Dreamweaver 8, adalah sebuah perangkat lunak aplikasi untuk mendesain dan membuat
Lebih terperinciBAB I PENDAHULUAN. dibungkus dalam satu paket perangkat lunak. Perangkat lunak tersebut
BAB I PENDAHULUAN A. Latar Belakang Masalah Perkembangan teknologi informasi dewasa ini semakin menunjukkan tajinya di mana perhitungan perkembangan bukan linier lagi, melainkan eksponensial. Begitu pesatnya
Lebih terperinciLAPORAN RESMI. Flash, Audio dan Video. Dosen Pembimbing : Dwi SusantoS. ST, MT. Oleh Hamidah Nur Hidayati
LAPORAN RESMI Flash, Audio dan Video Dosen Pembimbing : Dwi SusantoS. ST, MT Oleh Hamidah Nur Hidayati 4103131038 PROGRAM STUDI TEKNOLOGI MULTIMEDIA BROADCASTING DEPARTEMEN MULTIMEDIA KREATIF POLITEKNIK
Lebih terperinciMODUL PEMOGRAMAN WEB I STMIK IM BANDUNG MODUL PEMOGRAMAN WEB I. Oleh: CHALIFA CHAZAR. Chalifa Chazar edu.script.id
1 MODUL PEMOGRAMAN WEB I Oleh: CHALIFA CHAZAR 2 Modul 1 Mengenal Website & HTML Tujuan: Mahasiswa mengenal konsep-konsep dan komponen dasar dari suatu website dan mampu membangun suatu website statis.
Lebih terperinciTAG UTAMA HTML. Materi. Heading Paragraf Font Breakline Horisontal Line
TAG UTAMA HTML Materi Heading Paragraf Font Breakline Horisontal Line PERTEMUAN KE-2 TAG UTAMA HTML 2.1 PENGANTAR Dalam Bab Pertemuan ke-2 ini akan disinggung tentang tag utama dasar yang digunakan untuk
Lebih terperinciPanduan Tutorial Online Untuk Mahasiswa
Panduan Tutorial Online Untuk Mahasiswa Tutorial Online dimaksudkan sebagai fasilitas yang diberikan oleh UT kepada mahasiswanya untuk membantu memahami materi perkuliahan. Tutorial Online yang berbasiskan
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 terperinciMEMBUAT LAYOUT DENGAN CONTAINER BOOTSTRAP
MEMBUAT LAYOUT DENGAN CONTAINER BOOTSTRAP NURLITA nurlita.icha@gmail.com Abstrak Kali ini kita akan membahas cara membuat layout dengan container bootstrap. Bootstrap adalah suatu framework front-end yang
Lebih terperinciDasar Pemrograman Web. Pemrograman Web. Adam Hendra Brata
Dasar Pemrograman Web Pemrograman Web Adam Hendra Brata Konsep Dasar Desain Web HTML CSS HTML HTML (HyperText Markup Language) Bahasa standar yang digunakan untuk menampilkan document web. Mengontrol tampilan
Lebih terperinciFacebook App dengan Javascript
Facebook App dengan Javascript Oleh: Dewi Rosalin Hampir semua pengguna internet tidak asing lagi dengan Facebook, bahkan sudah memiliki akun Facebook. Bagi pemilik website hal ini dapat mambantu untuk
Lebih terperinciMODUL 7 JavaScript pada Form HTML
1 MODUL 7 JavaScript pada Form HTML A. TUJUAN 1. Mampu memahami konsep JavaScript pada HTML 2. Mampu memahami penggunaan JavaScript pada HTML 3. Mampu memproses form HTML menggunakan JavaScript B. PETUNJUK
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 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 terperinciPEMOGRAMAN WEB II MODUL. Oleh: CHALIFA CHAZAR MODUL PEMOGRAMAN WEB II STMIK IM BANDUNG
1 MODUL PEMOGRAMAN WEB II Oleh: CHALIFA CHAZAR 2 MODUL 2 Sintaks Dasar PHP Tujuan: Mahasiswa mengenal elemen-elemen dan sintaks dasar di dalam pemrograman PHP sebagai pondasi dalam mempelajari materi-materi
Lebih terperinciPemrograman Web. Javascript. Indrato, S.Kom Introduction. Penyisipan JS dalam HTML. PemrogramanWeb.2009
Pemrograman Web Indrato, S.Kom indra.ndr7@gmail.com Javascript Page 2 Introduction JavaScript merupakan bahasa berbasis objek, akan tetapi bukanlah bahasa berorientasi objek karena tidak memiliki kelas
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 terperinciCara Membuat Halaman Form Dengan Bootstrap CDN
Cara Membuat Halaman Form Dengan Bootstrap CDN Fitria Arnita 23@gmail.com Abstrak Bootstrap adalah front-end framework yang solek, bagus dan luar biasa yang mengedapankan tampilan untuk mobile device (Handphone,
Lebih terperinciBAB 2 TINJAUAN TEORI
BAB 2 TINJAUAN TEORI 2.1. Pengenalan HTML 2.1.1. Pendahuluan HTML Hypertext Markup Language merupakan kepanjangan dari kata HTML. Adalah script dimana kita bisa menampilkan informasi dan daya kreasi kita
Lebih terperinciPRAKTIKUM PEMROGRAMAN WEB MODUL 7 TWITTER BOOTSTRAP
PRAKTIKUM PEMROGRAMAN WEB MODUL 7 TWITTER BOOTSTRAP Disusun oleh: (Nama) (NIM) PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS TEKNIK UNIVERSITAS MUHAMMADIYAH JEMBER 2015 Modul 7 Twitter Bootstrap I. Tujuan:
Lebih terperinciJavaScript. Sumber : Buku Pemrograman Web karangan Abdul Kadir & Pengantar Java Script di
JavaScript Sumber : Buku Pemrograman Web karangan Abdul Kadir & Pengantar Java Script di http://www.ilmukomputer.com/2006/08/19/pengantarjava-script Pemrograman Web/MI/D3 sks 1 Pengenalan JavaScript Javascript
Lebih terperinciMAKALAH JAVASCRIPT 1. PENGENALAN JAVASCRIPT
MAKALAH JAVASCRIPT 1. PENGENALAN JAVASCRIPT Javascript diperkenalkan pertama kali oleh Netscape pada tahun 1995. Pada awalnya bahasa ini dinamakan LiveScript yang berfungsi sebagai bahasa sederhana untuk
Lebih terperinciJavaScript. Pemrograman Web 1. Genap
JavaScript Pemrograman Web 1 Genap 2011-2012 Pengenalan JavaScript Apa itu JavaScript? JavaScript adalah bahasa Scripting, bukan bahasa pemrograman. JavaScript didisain untuk membuat halaman HTML menjadi
Lebih terperinciMembuat Carousel Dengan Bootstrap CDN
Membuat Carousel Dengan Bootstrap CDN Fitria Arnita 23@gmail.com Abstrak Bootstrap adalah framework CSS yang dibuat khusus para designer web. Bootstrap digunakan untuk membuat sebuah templates web atau
Lebih terperinciDESIGN WEB. D3 TKJ
DESIGN WEB D3 TKJ yunhix@yahoo.com SUB POKOK BAHASAN JavaScript? Pendeklarasian JavaScript JavaScript sederhana PeletakanJavaScript KomentarpadaJavaScript KotakDialog Variabel Operator StrukturKontrol
Lebih terperinci[SANGAT MUDAH] Cara Membuat Tab dengan Bootstrap
[SANGAT MUDAH] Cara Membuat Tab dengan Bootstrap Oleh: Arinadi Nur Rohmad Asalamualaikum.. Bagi yang seorang yang belum paham betul JQuery seperti saya, membuat Tab adalah pekerjaan yang cukup sulit..
Lebih terperinciPETUNJUK PENGGUNAAN PENGISIAN SASARAN KERJA PEGAWAI DAN REALISASI SECARA ONLINE
PETUNJUK PENGGUNAAN PENGISIAN SASARAN KERJA PEGAWAI DAN REALISASI SECARA ONLINE Petunjuk penggunaan Pengisian Sasaran Kerja Pegawai, Realisasi dan Form PPKP secara Online 1. Pastikan komputer anda terhubung
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 terperinciLAPORAN RESMI. PRAKTIKUM TEKNOLOGI WEB Flash Audio Video
LAPORAN RESMI PRAKTIKUM TEKNOLOGI WEB Flash Audio Video Dosen Pembimbing : Dwi Susanto Oleh : Laras Intansari (4103131054) 3 D3 MMB B PROGRAM STUDI TEKNOLOGI MULTIMEDIA BROADCASTING DEPARTEMEN MULTIMEDIA
Lebih terperinciSTMIK AMIKOM YOGYAKARTA YOGYAKARTA 2008 WIDHIARTA, S. KOM
Pemrograman Web // IInternet 1 Pengenallan Perancangan Web S1-TII//D3-TII//S1-SII matterri i:: JavaScrri iptt STMIK AMIKOM YOGYAKARTA YOGYAKARTA 2008 WIDHIARTA, S. KOM CLIENT SIDE SCRIPT - JAVASCRIPT WIDHIARTA,
Lebih terperinciMenampilkan Google Maps V3 pada halaman website
Menampilkan Google Maps V3 pada halaman website Oleh: Hasyemi Rafsanjani Asyari Sekilas tentang Google Maps, ya semua mungkin hampir sudah tahu merupakan salah satu produk dari Google. Dengan Google Maps
Lebih terperinciGenerator Halaman HTML untuk Pembuatan Media Cetak Digital Berbasis Windows Metro Style
Generator Halaman HTML untuk Pembuatan Media Cetak Digital Berbasis Windows Metro Style Dwi Sunaryono 1, Umi Laili Yuhana 2, Sally Indah Khansa 3 1,2,3 Jurusan Teknik Informatika, Fakultas Teknologi Informasi,
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 terperinciWritting Procedure and Function
Mata Kuliah : Pemrograman Bisnis I (VB.NET) Minggu : VIII Pokok Bahasan : Writting Procedure and Function Sub Pokok Bahasan : Subroutin/Procedure Function Scope Subroutin/Procedure Penulisan program pada
Lebih terperinciJavaScript. Pemrograman Web 1. Genap
JavaScript Pemrograman Web 1 Genap 2011-2012 Popup Box JavaScript memiliki tiga macam Popup Box, yaitu : Alert box Biasanya digunakan untuk memberikan informasi ke pengguna. Confirm box Biasanya digunakan
Lebih terperinciBab 2 Tinjauan Pustaka 2.1 Penelitian Terdahulu
6 Bab 2 Tinjauan Pustaka 2.1 Penelitian Terdahulu Penelitian tentang pariwisata yang telah dilakukan sebelumnya, seperti yang dikemukakan dalam penelitian yang berjudul Sistem Pendukung Keputusan Kelayakan
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 terperinciPraktikum Dasar Pemrograman
Praktikum Dasar Pemrograman Minggu : 04 sesi 3 Topik : 1. For 2. Break 3. Continue Aktifitas : coding Waktu pengerjaan : 110 menit Setoran PrakDaspro_04_3_DY_NIM.rar, yang terdiri dari file: 1. simple_for_dy_nim.c
Lebih terperinciKebijakan Privasi. Cakupan. Jenis Data dan Metode Pengumpulan
Kebijakan Privasi Dalam Kebijakan Privasi ( Kebijakan ) ini, kami, Qualcomm Incorporated dan anak perusahaan kami (secara bersama-sama disebut kami, kami, atau milik kami ), memberikan informasi mengenai
Lebih terperinciManajemen File Sederhana Dengan PHP
Manajemen File Sederhana Dengan PHP Toha Abdurrozak tohaabdur@gmail.com :: http://toha.ilearning.me Abstrak Dalam pembuatan sebuah software, banyak dan beraneka ragam sekali fitur-fitur yang sering dibutuhkan/diminta
Lebih terperinciPengenalan PHP Contoh penulisan file PHP :
Pengenalan PHP PHP adalah bahasa scripting yang menyatu dengan HTML dan dijalankan pada server side. Artinya semua sintaks yang kita berikan akan sepenuhnya dijalankan pada server sedangkan yang dikirimkan
Lebih terperinciPERTEMUAN KE 1 PENGENALAN DASAR PHP
PERTEMUAN KE 1 PENGENALAN DASAR PHP A. TUJUAN Mampu menggunakan perangkat lunak yang dibutuhkan untuk membuat halaman web dengan PHP Mampu membuat halaman web sederhana dengan PHP Mengenal Tipe Data, Variabel
Lebih terperinciMODUL 8. Struktur Kontrol & Fungsi. Laboratorium Komputer STIMIK PPKIA Pradnya Paramita Malang
MODUL 8 Struktur Kontrol & Fungsi Laboratorium Komputer STIMIK PPKIA Pradnya Paramita Malang Pertemuan 8 8.1 Tujuan : 1. Mahasiswa dapat memahami dan mengenai perintah perintah Perulangan, Percabangan
Lebih terperinciPemrograman Berorientasi Objek Dengan PHP5
Pemrograman Berorientasi Objek Dengan PHP5 Ditulis oleh: Gerry Sabar Pendahuluan Tutorial ini berawal dari pengalaman saya mengamati teman-teman di universitas yang belajar pemrograman berorientasi objek.
Lebih terperinciCara install framework laravel di Android
Cara install framework laravel di Android September 14, 2017 Selamat gini hari semuanya. Kali ini saya akan berbagi tentang framework laravel. Mayoritas framework laravel di install di komputer / laptop.
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 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 terperinciBelajar Dasar HTML 5. It s all about 4rt, not how smart you are. S u p p o r t e d b y : [ C y b e r 4 r t C r e w ]
Belajar Dasar HTML 5 S u p p o r t e d b y : [ C y b e r 4 r t C r e w ] [ H I G r o u p o n F a c e b o o k ] r00t@cyber4rt:~# It s all about 4rt, not how smart you are [ H I F a n s P a g e ] 1 1 / 2
Lebih terperinciMODUL 6. Struktur Kontrol & Fungsi
MODUL 6 Struktur Kontrol & Fungsi Laboratorium Komputer STIMIK PPKIA Pradnya Paramita Malang Pertemuan 6 6.1 Tujuan : 1. Mahasiswa dapat memahami dan mengenai perintah perintah Perulangan, Percabangan
Lebih terperinciMembuat Chart Dengan JSChart
Membuat Chart Dengan JSChart Fadlika Dita Nurjanto fadlikadn@gmail.com http://fadlikadn.wordpress.com Lisensi Dokumen: Seluruh dokumen di IlmuKomputer.Com dapat digunakan, dimodifikasi dan disebarkan secara
Lebih terperinciPHP Programing. M.M. Ubaidillah. Dasar-dasar PHP. merupakan bahasa pemrograman berbasis web yang memiliki kemampuan untuk memproses data dinamis.
PHP Programing M.M. Ubaidillah Dasar-dasar PHP Bagian I. Pengenalan PHP 1. PHP ( Hypertext Preprocessor) merupakan bahasa pemrograman berbasis web yang memiliki kemampuan untuk memproses data dinamis.
Lebih terperinciDaftar Isi. Bab 1 Pengantar Aplikasi Web 1.1 Aplikasi Web 1.2 Tahapan Persiapan untuk Mencoba Aplikasi Web 1.3 HTML5 1.4 CSS 1.5 JavaScript 1.
Daftar Isi Bab 1 Pengantar Aplikasi Web 1.1 Aplikasi Web 1.2 Tahapan Persiapan untuk Mencoba Aplikasi Web 1.3 HTML5 1.4 CSS 1.5 JavaScript 1.6 jquery Bab 2 Yuk, Mencoba Menulis Kode JavaScript! 2.1 Menulis
Lebih terperinciBAB 2 LANDASAN TEORI. Web atau Situs dapat diartikan sebagai kumpulan halaman-halaman yang digunakan
BAB 2 LANDASAN TEORI 2.1 Pengertian Web Web atau Situs dapat diartikan sebagai kumpulan halaman-halaman yang digunakan untuk menampilkan informasi berupa teks, gambar, animasi, suara, dan atau gabungan
Lebih terperinci