Bermain dengan Marker Google Maps API
|
|
- Suryadi Darmadi
- 7 tahun lalu
- Tontonan:
Transkripsi
1
2 Bermain dengan Marker Google Maps API Oleh: Hasyemi Rafsanjani Asyari Marker adalah salah satu penanda lokasi berbentuk icon atau pin atau juga image. Marker bisa kita rubah dengan image dari kita atau menggunakan default dari google maps. Hal yang kita bisa lakukan dengan marker salah satunya adalah menambahkan animasi, membuat marker bisa di drag, menghapus dan lain-lainnya. Salam buat semua jagocoders, meneruskan tutorial mengenai Google Maps kali ini saya akan mengajarkan tentang Marker Google Maps. Marker adalah salah satu penanda lokasi berbentuk icon atau pin atau juga image. Marker bisa kita rubah dengan image dari kita atau menggunakan default dari google maps. Hal yang kita bisa lakukan dengan marker salah satunya adalah menambahkan animasi, membuat marker bisa di drag, menghapus dan lain-lainnya. Tidak perlu lama-lama penjelasannya, mari langsung kita coba. Jika masih ingat dengan tutorial pertama saya, persiapannya masih sama kita hanya perlu mengimport Javascript API dari Google Maps. Dan masih sama, di tutorial kali ini kita hanya perlu menggunakan text editor, saya menggunakan Sublime Text. Bermain dengan Event pada Markers Ya, Google Maps punya banyak sekali Event. Click, mouse over, drag dan event-event lainnya. Kali ini mari kita coba dengan event click, dimana kita akan menambahkan markers ketika kita melakukan click pada maps. google.maps.event.addlistener(map, 'click', function(event) { placemarker(event.latlng);
3 Kita tambahkan script ini pada tag <script>. Penjelasan script diatas adalah kita buat sebuah fungsi placemarker, sama prinsipnya dengan menampilkan marker pada tutorial pertama. namun perbedaannya adalah kita mentriggernya dengan menggunakan event click. Disini kita mempassing parameter location, yaitu LatLang dari posisi map yang kita click. Animation pada Markers Kita bisa membuat animasi pada markers, ada dua jenis animation yang bisa kita gunakan pada markers, yaitu DROP dan juga BOUNCE. Untuk menambahkan animasi, kita perlu menambahkan animation ke dalam marker kita. Dengan berisi google.maps.animation.drop dan google.maps.animation.bounce, animation: google.maps.animation.drop Dengan begitu, maka ketika kita menambahkan marker kedalam peta akan ada animasi dari markernya. Sekarang mari kita buat efek animasi lagi, kali ini animasi akan muncul ketika icon dari marker di click. Kali ini kita buat event listener di dalam function placemarker sehingga setiap marker bisa di click untuk memunculkan animasi. google.maps.event.addlistener(marker, 'click', function(event) { if (marker.getanimation()!= null) { marker.setanimation(null); else { marker.setanimation(google.maps.animation.bounce); Penjelasannya, kita menambahkan animasi DROP ketika kita menambahkan marker. Kemudian ketika kita click icon markernya, jika tidak ada animasi maka kita beri animasi BOUNCE, sedangkan jika animasi tidak kosong, atau ada, maka kita buat tidak ada animasi. Cukup sederhana bukan? Custom Icon Markers Yang terakhir, yang akan saya ajarkan adalah bagaimana merubah icon dari markers. agar
4 bentuknya tidak seperti default. Caranya sangatlah mudah, tinggal tambahkan icon pada markers: icon: 'assets/markers_32.png', Disini terserah anda untuk menggunakan icon/image apa, dengan catatan bahwa icon markernya harus berukuran kecil. Dalam kasus ini saya menggunakan icon dengan dimensi 32x32 dan diletakan di dalam folder assets. Full Source Code <!DOCTYPE html> <html> <head> <style> #map-canvas { width: 500px; height: 500px; </style> <script src=" <script> var marker; function initialize() { var mapcanvas = document.getelementbyid('map-canvas'); var mapoptions = { center: new google.maps.latlng( , ), zoom: 10, maptypeid: google.maps.maptypeid.roadmap var map = new google.maps.map(mapcanvas, mapoptions) google.maps.event.addlistener(map, 'click', function(event) { placemarker(event.latlng); icon: 'assets/markers_32.png', google.maps.event.addlistener(marker, 'click', function(event) { if (marker.getanimation()!= null) {
5 marker.setanimation(null); else { marker.setanimation(google.maps.animation.bounce); google.maps.event.adddomlistener(window, 'load', initialize); </script> </head> <body> <div id="map-canvas"></div> </body> </html>.ya sekian dahulu tutorial kali ini, bermain-main dengan markers. Semoga kalian bisa explore lebih lagi. Semoga tutorial ini bermanfaat buat kita semua. Terima kasih. Sampai jumpa di tutorial berikutnya. :) Tentang Penulis Hasyemi Rafsanjani Asyari null. I'm proud to be Stalker. Currently Mahasiswa Politeknik Negeri Jakarta. Currently Microsoft Student Partners Indonesia Regional Jabodetabek. Founder of a Company.
Menampilkan 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 terperinciMenampilkan multiple marker Google Maps API
Menampilkan multiple marker Google Maps API Oleh: Hasyemi Rafsanjani Asyari Masih berhubungan dengan Google Maps, kali ini saya akan mengajarkan bagaimana menampilkan banyak marker pada map. Kalau pada
Lebih terperinciMenampilkan Markers Google Maps API dengan PHP dan MySQL
Menampilkan Markers Google Maps API dengan PHP dan MySQL Oleh: Hasyemi Rafsanjani Asyari Hai-hai teman-teman jagocoding. Kali ini sedikit lebih advance, tapi tetap masih pada topik tentang Google Maps!
Lebih terperinciGeocoding Services pada Google Maps API
Geocoding Services pada Google Maps API Oleh: Hasyemi Rafsanjani Asyari Geocode adalah salah satu fitur dari Google Maps API yang singkatnya sih adalah mentranslate human readable address menjadi sebuah
Lebih terperinciGeocoding Services pada Google Maps API
Geocoding Services pada Google Maps API Oleh: Hasyemi Rafsanjani Asyari Geocode adalah salah satu fitur dari Google Maps API yang singkatnya sih adalah mentranslate human readable address menjadi sebuah
Lebih terperinciMendeteksi Lokasi dengan HTML5 Geolocation
Mendeteksi Lokasi dengan HTML5 Geolocation Oleh: Hasyemi Rafsanjani Asyari Di tutorial kali ini masih berkaitan dengan google maps, yaitu kita akan membuat script dimana kita bisa mendeteksi lokasi dari
Lebih terperinciMembuat Scrollspy Dengan Bootstrap
Membuat Scrollspy Dengan Bootstrap Oleh: Hasyemi Rafsanjani Asyari Hai JagoCodingers. Apa kabar? Pernah ngga kalian membuka sebuah website lalu ada menu link navigasi yang akan terupdate atau terlihat
Lebih terperinciTugas Modul 2-3. <?php //Header File XML header("content-type: text/xml"); include("koneksi.php");
A. DataLokasi Tugas Modul 2-3
Lebih terperinci10 - SIG Berbasis Web. by: Ahmad Syauqi Ahsan
10 - SIG Berbasis Web by: Ahmad Syauqi Ahsan Potensi SIG berbasis Web Dapat digunakan di seluruh dunia Tidak memerlukan software GIS Tidak tergantung pada platform ataupun Sistem Operasi Pengelolaan pengguna
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 terperinciMembuat Interface Dinamis Menggunakan FrameLayout
Membuat Interface Dinamis Menggunakan FrameLayout Oleh: Hasyemi Rafsanjani Asyari Pada tutorial kali ini kita akan belajar membuat aplikasi android dengan fragment. Seperti yang kita ketahui aplikasi android
Lebih terperinciPEMANFAATAN GOOGLE MAPS API UNTUK VISUALISASI DATA BASE TRANSCEIVER STATION
PEMANFAATAN GOOGLE MAPS API UNTUK VISUALISASI DATA BASE TRANSCEIVER STATION Septia Rani Jurusan Teknik Informatika, Fakultas Teknologi Industri, Universitas Islam Indonesia Jalan Kaliurang Km.14,5 Sleman,
Lebih terperinciSISTEM INFORMASI GEOGRAFIS PEMANTAU KUALITAS UDARA DI KOTA CILEGON
SISTEM INFORMASI GEOGRAFIS PEMANTAU KUALITAS UDARA DI KOTA CILEGON Anggoro Suryo Pramudyo Jurusan Teknik Elektro, Fakultas Teknik, Universitas Sultan Ageng Tirtayasa Jl. Jend. Sudirman km.3 Cilegon-Banten-Indonesia
Lebih terperinciBAB IV ANALISA DAN PERANCANGAN
BAB IV ANALISA DAN PERANCANGAN 4.1. Analisa Sistem Analisa merupakan tahap pemahaman terhadap suatu persoalan sebelum mengambil suatu tindakan atau keputusan. Ini merupakan tahap yang paling penting karena
Lebih terperinciBAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM. 4.1 Implementasi Sistem Implementasi bisa diartikan sebagai pelaksanaan atau penerapan atau bisa
BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM 4.1 Implementasi Sistem Implementasi bisa diartikan sebagai pelaksanaan atau penerapan atau bisa disebut juga sebagai proses untuk melakukan interaksi, Maka dalam
Lebih terperinciBAB IV IMPLEMENTASI DAN PENGUJIAN
BAB IV IMPLEMENTASI DAN PENGUJIAN Bab ini akan membahas tentang implementasi dan pengujian, setelah sebelumnya dilakukan analisa dan perancangan terhadap aplikasi pembelajaran bahasa inggris menggunakan
Lebih terperinciKNSI PEMBANGUNAN APLIKASI TRAVELING GUIDE KOTA BOGOR MENGGUNAKAN GOOGLE MAPS API
KNSI2014-377 PEMBANGUNAN APLIKASI TRAVELING GUIDE KOTA BOGOR MENGGUNAKAN GOOGLE MAPS API Falahah 1, Cahyo Setiawan 2 Program Studi Teknik Informatika, Universitas Widyatama 1 Program Studi Manajemen Informatika,
Lebih terperinciAbdullah hafidh. Fakultas Ilmu Komputer, Universitas Indonesia. [Membuat Web Sederhana dengan.net FrameWork. menggunakan Microsoft Visual Studio 2008]
2009 Abdullah hafidh Fakultas Ilmu Komputer, Universitas Indonesia [Membuat Web Sederhana dengan.net FrameWork menggunakan Microsoft Visual Studio 2008] Pada kesempatan ini, saya akan memberikan tutorial
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 terperinciBAB IV ANALISA DAN PERANCANGAN SISTEM
BAB IV ANALISA DAN PERANCANGAN SISTEM BAB IV ANALISA DAN PERANCANGAN SISTEM 1.1 Gambaran Sistem Pemetaan SPBU Sistem pemetaan SPBU (Stasiun Pengisian Bahan Bakar Umum) di kota Jepara dan Kudus ini dimaksudkan
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 terperinciLimitasi Text Input dengan Javascript
Limitasi Text Input dengan Javascript Oleh: d-newbie Assalamualaikum. wr.wb.sampai jumpa kembali pada kesempatan kali ini saya akan menulis tutorial tentang limitasi inputan dengan menggunakan javascript,
Lebih terperinciDeteksi Tubrukan Objek Dengan HTML5 [Part 2]
Deteksi Tubrukan Objek Dengan HTML5 [Part 2] Oleh: Yudhistira Bayu W Bismillahirahmanirahim Assalamualaikum wr.wb Setelah kita belajar dengan konsep awal dari tubrukan ini yang berada di Part 1, sekarang
Lebih terperinciImage Slider 3D. Oleh: Anthonius
Image Slider 3D Oleh: Anthonius Kali ini saya akan berbagi cara membuat image slider dengan tampilan 3D. Cara ini sangat efisien karena hanya menggunakan sedikit script. Untuk CSS nya agan bisa copy langsung
Lebih terperinciPUZZLE GAME DOLPHIN PROYEK MULTIMEDIA Membuat Game Puzzle Dolphin untuk menyusun gambar yang terpisah-pisah agar menjadi gambar utuh.
PUZZLE GAME DOLPHIN PROYEK MULTIMEDIA 2009 1. PENDAHULUAN Tujuan dan Deskripsi Membuat Game Puzzle Dolphin untuk menyusun gambar yang terpisah-pisah agar menjadi gambar utuh. Materi Pengaturan Grid di
Lebih terperinciDeteksi Tubrukan Objek Dengan HTML5 [Part 1]
Deteksi Tubrukan Objek Dengan HTML5 [Part 1] Oleh: Yudhistira Bayu W Bismillahirahmanirahim Assalamualaikum wr.wb Alhamdulillah kita telah sampai pada tutorial penanganan Tubrukan dengan menggunakan HTML5.
Lebih terperinciMembuat Game Kuis Menggunakan Unity3D 2017 untuk Android
Membuat Game Kuis Menggunakan Unity3D 2017 untuk Android Indrabayurizki.com - Pada kesempatan kali ini saya akan membuat sebuah game kuis sederhana menggunakan Unity3D 2017 untuk platform Android. Dengan
Lebih terperinciMEMBANGUN SISTEM NAVIGASI DI SURABAYA MENGGUNAKAN GOOGLE MAPS API
MEMBANGUN SISTEM NAVIGASI DI SURABAYA MENGGUNAKAN GOOGLE MAPS API M. Syaiful Amri Jurusan Teknik Informatika, Dosen Pembimbing Politeknik Elektronika Negeri Surabaya Institut Teknologi Sepuluh Nopember
Lebih terperinciGunadarma University. Google Map API
Gunadarma University Google Map API Google Maps INTRODUCTION API EXAMPLE Menampilkan Peta Di Dalam Website Google Maps INTRODUCTION API EXAMPLE Fitur Utama Pada Google Maps Google Maps INTRODUCTION API
Lebih terperinciMembuat Form Dinamis dengan HTML & Javascript.
Membuat Form Dinamis dengan HTML & Javascript. Oleh: d-newbie Assalamualaikum wr.wb. Form tentunya sudah tidak asing lagi bagi para developer web, element html yg satu ini seolah-olah merupakan element
Lebih terperinciSISTEM INFORMASI GEOGRAFIS OBJEK WISATA MENGGUNAKAN GOOGLE MAPS API STUDI KASUS KABUPATEN MOJOKERTO
SISTEM INFORMASI GEOGRAFIS OBJEK WISATA MENGGUNAKAN GOOGLE MAPS API STUDI KASUS KABUPATEN MOJOKERTO Siswanto Jurusan Teknik Informatika, Dosen Pembimbing Politeknik Elektronika Negeri Surabaya Institut
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 terperincibuat Lightbox mu sendiri dengan jquery
buat Lightbox mu sendiri dengan jquery Oleh: putra surya herlambang assalamualikum wr wb. apakah kamu pernah melihat gambar pada website yang ketika kamu klik lalu akan muncul suatu kotak besar yang juga
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 Responsive dan Fleksibel Image Gallery dengan JQuery Fleximage
Membuat Responsive dan Fleksibel Image Gallery dengan JQuery Fleximage Oleh: Christian Rosandhy Siapa bilang bikin galeri gambar yang responsive itu susah? Di tutorial kali ini kita akan belajar membuat
Lebih terperinciTeam project 2017 Dony Pratidana S. Hum Bima Agus Setyawan S. IIP
Hak cipta dan penggunaan kembali: Lisensi ini mengizinkan setiap orang untuk menggubah, memperbaiki, dan membuat ciptaan turunan bukan untuk kepentingan komersial, selama anda mencantumkan nama penulis
Lebih terperinciDeteksi Tubrukan Objek Dengan HTML5 [Part 3]
Deteksi Tubrukan Objek Dengan HTML5 [Part 3] Oleh: Yudhistira Bayu W BismillahirahmanirahimAssalamualaikum wr.wb Alhamdulillah kita sudah sampai di part terakhir yaitu part ke 3 dari tutorial tubrukan
Lebih terperinciAnimasi Dengan CSS3. Mahasiswa memahami konsep dasar animasi CSS3 Mahasiswa memahami konsep transisi Mahasiswa memahami konsep transformasi
Tujuan Animasi Dengan CSS3 Mahasiswa memahami konsep dasar animasi CSS3 Mahasiswa memahami konsep transisi Mahasiswa memahami konsep transformasi Dasar Teori Pada praktikum-praktikum sebelumnya, kita telah
Lebih terperinciHover Putar CSS3. Oleh: Mohammad Nur Huda
Hover Putar CSS3 Oleh: Mohammad Nur Huda Assallamualaikum... Haha... Sebenarnya ini adalah tulisan pertama saya pada situs berbagi ilmu ini :-). Pada kali ini kita akan membuat efek hover memutarkan objek
Lebih terperinci2. Klik tombol Size pada property panel. Ubah ukurannya menjadi 300 width dan 70 height
6. Membuat Interface Load Movie Perhatikan pada latihan kali ini akan dipelajari cara memuat file.swf eksternal kedalam stage utama, teknik yang digunakan pada tutorial ini adalah script assist. Jadi untuk
Lebih terperinciPerkenalan Font Awesome untuk Pure CSS dan Bootstap. [Part 1]
Perkenalan Font Awesome untuk Pure CSS dan Bootstap. [Part 1] Oleh: Arinadi Nur Rohmad Font Awesome adalah kumpulan icon yang telah dibuat sedemikian rupa, dan menggunakan system Font Icon yang memungkinkan
Lebih terperinciHow to Create Simple Web (2) - Slice
How to Create Simple Web (2) - Slice Oleh: Isnu Arief Darmawan Senang sekali, bisa berjumpa lagi dengan Anda :D #masih-presenter dengan Saya Om' Kenu. Sebelumnya, kita sudah membuat template yang sudah
Lebih terperinciUsing FreeMind. Diadaptasi dari John Leach
Using FreeMind Diadaptasi dari John Leach Membuat Mind Map Click di FreeMind icon pada desktop, atau panggil program dari start menu program (Start -> Programs -> FreeMind -> FreeMind.) Jika belum pernah
Lebih terperinciObjek Bergoyang CSS3
Objek Bergoyang CSS3 Oleh: Mohammad Nur Huda Assallamualaikum... Gak terasa nih udah mulai banyak yang mudik... Di sela-sela waktu masih aja nih saya update tutorial buat temen-temen jagocoding sekalian...
Lebih terperinciBAB II TINJAUAN PUSTAKA
BAB II TINJAUAN PUSTAKA Bab II berisikan penjabaran tentang dasar-dasar teori yang menjadi penunjang dalam rancangan dan implementasi Sistem Informasi Geografis Pemetaan Pura Kawitan dan Keterkaitannya
Lebih terperinciMembuat PopUp Menu dengan HTML dan JavaScript
Membuat PopUp Menu dengan HTML dan JavaScript by Fajran Rusadi 1. Publication Information Copyright 2004 by Fajran Iman Rusadi All rights reserved. 2. Abstraksi Dalam tutorial kali ini, kita akan membuat
Lebih terperinciFLASH, FRAME, BEHAVIOR
FLASH, FRAME, BEHAVIOR 1. Flash Menyisipkan Flash Button a. Pilih menu : insert image interactive flash button b. Tentukan property : Style : pilih bentuk / jenis tombol flash Button text : tulis label
Lebih terperinciSISTEM INFORMASI GEOGRAFIS BERBASIS WEB PAYAROBA KECAMATAN BINJAI BARAT KOTA BINJAI TUGAS AKHIR MUHAMMAD SYAHBANA
SISTEM INFORMASI GEOGRAFIS BERBASIS WEB PAYAROBA KECAMATAN BINJAI BARAT KOTA BINJAI TUGAS AKHIR MUHAMMAD SYAHBANA 142406014 PROGRAM STUDI D3 TEKNIK INFORMATIKA DEPARTEMEN MATEMATIKA FAKULTAS MATEMATIKA
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 terperinciMembuat Simpel Site HTML Layout Menggunakan Tag div
Membuat Simpel Site HTML Layout Menggunakan Tag div Oleh: Yudhistira Bayu W Ya, setelah saya memberikan Tutorial Tutorial Simpel HTML pada sebelumnya, Kali Ini saya akan memberikan Cara Membuat Simpel
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 terperinciLAMPIRAN 1 KUESIONER USER REQUIREMENT. Kuesioner Perancangan Aplikasi Pemantau Posisi Perangkat Mobile Dengan Teknologi LBS
LAMPIRAN 1 KUESIONER USER REQUIREMENT Kuesioner Perancangan Aplikasi Pemantau Posisi Perangkat Mobile Dengan Teknologi LBS Kuesioner ini bertujuan untuk mendapatkan opini user dalam pembuatan aplikasi
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 terperinciSImple Pop-Up Modal dengan CSS3 dan Jquery
SImple Pop-Up Modal dengan CSS3 dan Jquery Oleh: d-newbie Assalamualaikum wr.wb. bertemu lagi dengan saya, kali ini saya akan menulis tutorial tentang pop-up, apa itu pop-up? Kalo menurut wikipedia pop-up
Lebih terperinciBermain Dynamic Tabel Row dengan menggunakan Javascript
Bermain Dynamic Tabel Row dengan menggunakan Javascript 20 06 2008 Jika kita adalah orang yang berkutat dengan dunia IT terutama bidang aplikasi web programming, pasti akan sering menjumpai proses insert,
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 terperinciMashita Enggar Kusuma, Yanto Budisusanto Jurusan Teknik Geomatika FTSP-ITS, Kampus ITS Sukolilo, Surabaya,
Aplikasi Google Maps Api Dalam Pengembangan Sistem Informasi Geografis (Sig) Pariwisata Berbasis Web (Studi Kasus : Kabupaten Sidoarjo) APLIKASI GOOGLE MAPS API DALAM PENGEMBANGAN SISTEM INFORMASI GEOGRAFIS
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 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 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 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 terperinciMerekam Peta dari Google Maps
http://inigis.info/blog Mini tutorial ini akan menunjukkan cara untuk merekam (capture) peta jaringan jalan yang terdapat di Google Maps (http://maps.google.com). Anda bisa merekam peta di Google Maps
Lebih terperinciPembangunan Sistem Informasi Geografis Berbasis Web untuk Pemetaan Industri Kreatif Berbasis Budaya di Kota Surakarta
A850 Pembangunan Sistem Informasi Geografis Berbasis Web untuk Pemetaan Industri Kreatif Berbasis Budaya di Kota Surakarta Agmalia Dwi Anggraeni dan Yanto Budisusanto Jurusan Teknik Geomatika, Fakultas
Lebih terperinciBAB II TINJAUAN PUSTAKA DAN DASAR TEORI. Tinjauan pustaka merupakan acuan utama pada penelitian. beberapa studi yang pernah dilakukan yang
BAB II TINJAUAN PUSTAKA DAN DASAR TEORI 2.1 Tinjauan Pustaka Tinjauan pustaka merupakan acuan utama pada penelitian ini berupa beberapa studi yang pernah dilakukan yang berkaitan dengan penelitian ini.
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 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 Web WEEK 03 HTML LANJUT
1 Pemrograman Web WEEK 03 HTML LANJUT 2 Introduction IMAGE HYPERLINK IMAGE MAP DIV & SPAN META 1 HTML Image 3 Menampilkan gambar pada halaman web Tag: (tidak memiliki tag penutup) align Atribut Value
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 terperinciGrafis & Applet. Viska Mutiawani, M.Sc
Grafis & Applet Viska Mutiawani, M.Sc Grafis Pemrograman grafis digunakan: Utk tampilan yang indah Aplikasi animasi Aplikasi simulasi Aplikasi image processing Salah satu cara membuat aplikasi grafis pada
Lebih terperinci[SANGAT MUDAH] Cara Membuat Slide Show dengan Bootstrap 3
[SANGAT MUDAH] Cara Membuat Slide Show dengan Bootstrap 3 Oleh: Arinadi Nur Rohmad Oke, Membuat slide show adalah pekerjaan yang sulit untuk yang baru belajar CSS karena pada dasarnya Slide Show dibuat
Lebih terperinciBAB V IMPLEMENTASI KARYA. Laporan tugas akhir pada BAB V dijelaskan mengenai proses atau jalan cerita
BAB V IMPLEMENTASI KARYA Laporan tugas akhir pada BAB V dijelaskan mengenai proses atau jalan cerita dalam desain dan pembuatan game bergenre vehicular combat untuk anak-anak. Sebelum memulai mendesain,
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 terperinciPembuatan WebGIS Untuk Pemetaan Usaha Mikro Kecil Menengah (UMKM) Di Kabupaten Blitar
JURNAL TEKNIK ITS Vol. 6, No. 2, (2017) ISSN: 2337-3539 (2301-9271 Print) A-373 Pembuatan WebGIS Untuk Pemetaan Usaha Mikro Kecil Menengah (UMKM) Di Kabupaten Blitar Amelia Fadhila dan Agung Budi Cahyono
Lebih terperinciE-commerce Development Berbasis Wordpress
E-commerce Development Berbasis Wordpress P A R T 2 A / 4 w w w. v e r o n i c a s t e v a n y. c o m w w w. g r a p h i c b y v e s t e. c o m PAGE 2 Pendahuluan WordPress merupakan sebuah CMS (Content
Lebih terperinciMembuat Games dan Pembelajaran Berbasis Simulasi menggunakan aplikasi Scratch
Membuat Games dan Pembelajaran Berbasis Simulasi menggunakan aplikasi Scratch SCRATCH merupakan sebuah aplikasi yang memungkinkan kita untuk membuat sebuah games dan simulasi pembelajaran tanpa harus berkutat
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 terperinciBAB IV IMPLEMENTASI DAN PEMBAHASAN. kamera baru serta mampu membantu belajar tentang bangaimana settingan kamera
BAB IV IMPLEMENTASI DAN PEMBAHASAN 4.1 Implementasi dan Uji coba Sistem Penjelasan program Aplikasi Forensik Foto Berbasis Web merupakan sistem informasi untuk membatu pembeli dalam membeli kamera bekas
Lebih terperinciPEMPROGRAMAN WEB JAVASCRIPT
PEMPROGRAMAN WEB JAVASCRIPT TENTANG JAVASCRIPT JavaScript didesain untuk menambah interaktif suatu halaman Web JavaScript merupakan suatu bahasa Scripting (bahasa pemrograman ringan) JavaScript berisi
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 terperinciBAB IV IMPLEMENTASI DAN EVALUASI
BAB IV IMPLEMENTASI DAN EVALUASI 4.1 Produksi Produksi aplikasi ini meliputi pembuatan antarmuka (interface), pembuatan desain grafis, dan marker katalog. 4.1.1 Pembuatan Antarmuka (Interface) Pembuatan
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 terperinciCara Membuat website dengan Dreamweaver
Cara Membuat website dengan Dreamweaver Pajrin Wurika Sahara Wurika.sahara@gmail.com Abstrak Dreamweaver adalah software aplikasi desain web visual yang biasa dikenal dengan istilah WYSIWYG What You See
Lebih terperinciAri Wibowo 2015 PENGEMBANGAN MEDIA PEMBELAJARAN INTERAKTIF MENGGUNAKAN MACROMEDIA FLASH VERSI 8.0. Pendahuluan
1 Pendahuluan Macromedia Flash versi 8.0 merupakan salah satu software yang banyak dinikmati oleh kebanyakan orang karena sangat handal untuk mengerjakan segala hal yang berkaitan dengan multimedia. Kinerja
Lebih terperinciRONALD RUSLI CV. LOKOMEDIA
Membuat Aplikasi GPS Ala GO-JEK RONALD RUSLI CV. LOKOMEDIA Membuat Aplikasi GPS Ala GO-JEK Perpustakaan Nasional : Katalog Dalam Terbitan (KDT) Penulis : Ronald Rusli Membuat Aplikasi GPS Ala GO-JEK -
Lebih terperinciBAB III PERANCANGAN SISTEM
BAB III PERANCANGAN SISTEM 3.1 Parancangan Sistem Blok diagram dari sistem yang dibuat pada perancangan Tugas Akhir ini terbagi menjadi 2 bagian, yaitu bagian pengirim dan penerima pada kendaraan patroli
Lebih terperinciGeolocation. Digunakan untuk mengetahui lokasi pengguna. Perlu persetujuan dari pengguna dikarenakan dapat mengganggu privacy.
HTML5 API Bukan merupakan HTML murni -> memerlukan script HTML5 API: HTML Geolocation HTML Drag/Drop HTML Local Storage HTML App Cache HTML Web Workers HTML SSE (Server-Sent Events) Geolocation Digunakan
Lebih terperinciPRAKTIKUM SISTEM INFORMASI MANAJEMEN
MODUL V DREAMWEAVER 5.1 Tujuan Praktikum Setelah menyelesaikan modul ini, mahasiswa diharapkan mampu : 1. Mengenal komponen aplikasi Macromedia Dreamweaver 2. Membuat template website offline sederhana
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 terperinciHalaman Pada website builder sitepad
Tambahkan Background ke Halaman Pada website builder sitepad Menggunakan Top Up Row Setting 1) Buka Halaman yang ingin Anda edit dalam editor. Untuk melakukan itu Klik pada icon Edit pada salah satu halaman
Lebih terperinciBAB II LANDASAN TEORI
BAB II LANDASAN TEORI 2.1 Sistem Informasi Geografis (SIG) 2.1.1 Pengertian SIG Sistem Informasi Geografis ( SIG ) merupakan komputer yang berbasis pada sistem informasi yang digunakan untuk memberikan
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 terperinciBeralih dari Input Submit ke Button dan Cara Mudah Membuat Button Bootstrap
Beralih dari Input Submit ke Button dan Cara Mudah Membuat Button Bootstrap Oleh: Arinadi Nur Rohmad Kenapa beralih dari Input Submit ke Button? Ya, menurut saya button lebih Power Full dari pada Input
Lebih terperinciIBM LOTUS SYMPHONY PRESENTATIOM
TUTORIAL MEMBUAT PRESENTASI MENGGUNAKAN IBM LOTUS SYMPHONY PRESENTATIOM Tugas Aplikasi Komputer II Dosen : Ni Komang Yossy Trisna Sukawati Disusun Oleh : JEFFRY RAHMATULLAH KHOIRI 131020700074 SEKOLAH
Lebih terperinciPublish: 7 Juni 2012 Author & Copyright: Johan Status: FREE tutorial
Kumpulan Tutorial dan belajar ilmu website mulai dari hosting dan coding seperti belajar HTML, CSS, Javascript, Javascript, JQuery, ASP.Net hingga SEO dan Desain web dengan Dreamweaver dan Photoshop untuk
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 terperinciHTML (HyperText Markup Language)
HTML (HyperText Markup Language) IMS HTML HyperText Markup Language adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah
Lebih terperinci1. Pendahuluan. 2. Tinjauan Pustaka
1. Pendahuluan Perkembangan teknik visualisasi data semakin berkembang mulai dari yang sederhana sampai yang kompleks. Heatmap merupakan salah satu teknologi visualisasi yang mempresentasikan data menggunakan
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 terperinciMODUL 7. Event. Laboratorium Komputer STIMIK PPKIA Pradnya Paramita Malang
MODUL 7 Laboratorium Komputer STIMIK PPKIA Pradnya Paramita Malang Pertemuan 7 7.1 Tujuan : 1. Mahasiswa dapat memahami dan mengenai perintah perintah event 2. Mahasiswa dapat mengaplikasikan event pada
Lebih terperinciMembuat Login view mengggunakan.net FrameWork
Membuat Login view mengggunakan.net FrameWork Fakultas Ilmu Komputer, Universitas Indonesia Abdullah Hafidh Belajar Membuat Fasilitas Login/logout dengan.net FrameWork 3.5 Seperti tutorial sebelumnya,
Lebih terperinci