Mendeteksi Lokasi dengan HTML5 Geolocation
|
|
- Hadian Lesmana
- 6 tahun lalu
- Tontonan:
Transkripsi
1
2 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 pengguna dengan menggunakan fitur HTML5 Geolocation. Geolocation adalah proses mendeteksi lokasi keberadaan kita menggunakan koneksi internet. Menggunakan HTML 5 dan juga men... Di tutorial kali ini masih berkaitan dengan google maps, yaitu kita akan membuat script dimana kita bisa mendeteksi lokasi dari pengguna dengan menggunakan fitur HTML5 Geolocation. Geolocation adalah proses mendeteksi lokasi keberadaan kita menggunakan koneksi internet. Menggunakan HTML 5 dan juga menggunakan Google Maps kita bisa menampilkan lokasi keberadaan kita pada peta di web. Untuk persiapannya yang perlu kita persiapkan hanyalah text editor biasa. Disini saya menggunakan Sublime Text. HTML5 Geolocation API hanya bisa support untuk browser dengan versi: Chrome: > 5.0 Internet Explorer: > 9.0 Firefox: > 3.5 Safari: > 5.0 Opera: > 16.0 Yuk langsung saja mari kita coba bagaimana mendeteksi lokasi kita. Basic. Mendeteksi Koordinat Lokasi Yang pertama, untuk awal kita akan mencoba mendeteksi lokasi kita dan menampilkan koordinat latitude dan longitudenya pada web. Script yang kita gunakan adalah: <script> var view = document.getelementbyid("tampilkan"); function getlocation() {
3 if (navigator.geolocation) { navigator.geolocation.getcurrentposition(showposition); else { view.innerhtml = "Yah browsernya ngga support Geolocation bro!"; function showposition(position) { view.innerhtml = "Latitude: " + position.coords.latitude + "<br>longitude: " + position.coords.longitude; </script> Penjelasan dari script diatas adalah, pertama cek apakah browser support fitur geolocation, jika tidak support maka kita tampilkan tidak support, jika support selanjutnya kita panggil fungsi getcurrentposition(), yang akan mengembalikan koordinat dari user. Fungsi showpositio() berguna untuk menampilkan koordinat dari lokasi kita ke dalam html. Source code lengkapnya: <!DOCTYPE html> <html> <head> <title>demo Cek Lokasi Geolocation HTML5</title> </head> <body> <center> <p>cek lokasi anda! >> <button onclick="getlocation()">cek</button></p> <p id="tampilkan"></p> </center> <script> var view = document.getelementbyid("tampilkan"); function getlocation() { if (navigator.geolocation) { navigator.geolocation.getcurrentposition(showposition); else { view.innerhtml = "Yah browsernya ngga support Geolocation bro!"; function showposition(position) { view.innerhtml = "Latitude: " + position.coords.latitude + "<br>longitude: " + position.coords.longitude; </script> </body> </html> Ketika pengguna mengklik button, maka fungsi getlocation akan dipanggil, dan user akan mendapat popup apakah mengizinkan web untuk mentrack lokasi user. Jika kita mengizinikannya, maka akan ditampilkan koordinat kita.
4 Mengatasi Beberapa Error Bagaimana jika ternyata browser kita ngga support? atau trnyata user tidak mengizinkan mendeteksi lokasi kita, atau lokasi tidak bisa ditemukan ataupun error2 lainnya? Kita bisa menghandle nya, dengen mendeteksi jenis dari errornya. HTML5 Geolocation API sudah menyediakanya. Scriptnya adalah sebagai berikut: function showerror(error) { switch(error.code) { case error.permission_denied: view.innerhtml = "Yah, mau deteksi lokasi tapi ga boleh :(" case error.position_unavailable: view.innerhtml = "Yah, Info lokasimu nggak bisa ditemukan nih" case error.timeout: view.innerhtml = "Requestnya timeout bro" case error.unknown_error: view.innerhtml = "An unknown error occurred." Dengan menggunakan switch error, kita mendeteksi beberapa error apakah bernilai true. Pertama apakah jika user tidak mengizinkan, kedua karena lokasi tidak bisa didapatkan, yang ketiga adalah request time out, dan terakhir jika ada error lainnya. Syntak html lengkapnya menjadi seperti berikut:
5 <!DOCTYPE html> <html> <head> <title>demo Cek Lokasi Geolocation HTML5</title> </head> <body> <center> <p>cek lokasi anda! >> <button onclick="getlocation()">cek</button></p> <p id="tampilkan"></p> </center> <script> var view = document.getelementbyid("tampilkan"); function getlocation() { if (navigator.geolocation) { navigator.geolocation.getcurrentposition(showposition, showerror); else { view.innerhtml = "Yah browsernya ngga support Geolocation bro!"; function showposition(position) { view.innerhtml = "Latitude: " + position.coords.latitude + "<br>longitude: " + position.coords.longitude; function showerror(error) { switch(error.code) { case error.permission_denied: view.innerhtml = "Yah, mau deteksi lokasi tapi ga boleh :(" case error.position_unavailable: view.innerhtml = "Yah, Info lokasimu nggak bisa ditemukan nih" case error.timeout: view.innerhtml = "Requestnya timeout bro" case error.unknown_error: view.innerhtml = "An unknown error occurred." </script> </body> </html>
6 Menampilkan Dengan Menggunakan Google Maps Ya, kalo cuma koordinat doang sih susah bacanya, ngga ketahuan juga lokasinya dimana? Nah kita juga bisa tampilin dengan menggunakan google maps, lokasi kita. Langkahnya adalah kita perlu mengimport javascript API dari Google Maps: lalu tambahkan script untuk menampilkan maps pada fungsi showlocation: function showposition(position) { lat = position.coords.latitude; lon = position.coords.longitude; latlon = new google.maps.latlng(lat, lon) mapcanvas = document.getelementbyid('mapcanvas') mapcanvas.style.height = '500px'; mapcanvas.style.width = '500px'; var myoptions = { center:latlon, zoom:14, maptypeid:google.maps.maptypeid.roadmap var map = new google.maps.map(document.getelementbyid("mapcanvas"), myoptions); var marker = new google.maps.marker({ position:latlon, map:map, title:"you are here!" ); Dengan begitu, kalian telah menampilkan lokasi kalian di peta. Source Code Lengkap <!DOCTYPE html> <html> <head> <title>demo Cek Lokasi Geolocation HTML5</title> </head> <body> <center> <p id="tampilkan"></p> <p>cek lokasi anda! >> <button onclick="getlocation()">cek</button></p> <div id="mapcanvas"></div> </center>
7 <script src=" <script> var view = document.getelementbyid("tampilkan"); function getlocation() { if (navigator.geolocation) { navigator.geolocation.getcurrentposition(showposition, showerror); else { view.innerhtml = "Yah browsernya ngga support Geolocation bro!"; function showposition(position) { lat = position.coords.latitude; lon = position.coords.longitude; latlon = new google.maps.latlng(lat, lon) mapcanvas = document.getelementbyid('mapcanvas') mapcanvas.style.height = '500px'; mapcanvas.style.width = '500px'; var myoptions = { center:latlon, zoom:14, maptypeid:google.maps.maptypeid.roadmap var map = new google.maps.map(document.getelementbyid("mapcanvas"), myoptions); var marker = new google.maps.marker({ position:latlon, map:map, title:"you are here!" ); function showerror(error) { switch(error.code) { case error.permission_denied: view.innerhtml = "Yah, mau deteksi lokasi tapi ga boleh :(" case error.position_unavailable: view.innerhtml = "Yah, Info lokasimu nggak bisa ditemukan nih" case error.timeout: view.innerhtml = "Requestnya timeout bro" case error.unknown_error: view.innerhtml = "An unknown error occurred."
8 </script> </body> </html> Hasil akhirnya adalah sebagai berikut, ya hasilnya akan berbeda-beda sesuai dengan lokasi temen-temen. Yah, kan jadi ketauan deh lokasi rumah ane. :-D Tutorial kali ini segitu aja yaaa. Terima Kasih. Semoga Bermanfaat :-) Tentang Penulis
9
10 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.
Bermain dengan Marker Google Maps API
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
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 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 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 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 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 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 terperinciBAB IV HASIL DAN PEMBAHASAN. Pada tahap ini penulis mengumpulkan data-data berupa nama dan titik
BAB IV HASIL DAN PEMBAHASAN 4.1 Hasil Penelitian 4.1.1 Pengumpulan Data Pada tahap ini penulis mengumpulkan data-data berupa nama dan titik koordinat lokasi Apotik, Mall dan Supermarket. Data tentang apotik,
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 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 terperinciBAB 3 PERANCANGAN DAN IMPLEMENTASI APLIKASI PETA UI BERBASIS GOOGLE MAPS
BAB 3 PERANCANGAN DAN IMPLEMENTASI APLIKASI PETA UI BERBASIS GOOGLE MAPS 3.1 Perancangan Aplikasi Peta UI Berbasis Google Maps Dalam membangun aplikasi peta UI berbasis Google Maps, konfigurasinya adalah
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 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 terperinciGambar 3.1 Diagram Alir aplikasi pada Klien Sistem berjalan.
BAB III PENENTUAN ALTERNATIF, EVALUASI, DAN PERANCANGAN Bab ini menjelaskan mengenai alternatif, evaluasi, dan perancangan yang akan digunakan dalam pengembangan modul Jafaik. Tahap penentuan alternatif
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 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
BAB IV IMPLEMENTASI DAN PENGUJIAN Bab ini menjelaskan mengenai implementasi dari prototype aplikasi pencarian lokasi rumah sakit BPJS berbasis android yang akan dibuat dan hasil pengujian terhadap aplikasi
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 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 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 terperinciBAB 4 UJI COBA DAN ANALISA KINERJA APLIKASI PETA UI BERBASIS GOOGLE MAPS
BAB 4 UJI COBA DAN ANALISA KINERJA APLIKASI PETA UI BERBASIS GOOGLE MAPS 4.1 Uji Coba dan Analisa Load Time 4.1.1 Uji Coba Load TIme Pengujian dilakukan dengan menggunakan komputer yang memiliki spesifikasi
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 5 MENAMPILKAN PETA
MODUL 5 MENAMPILKAN PETA 1. Indikator Praktikan dapat menampilkan peta dan menampilkan data dari database. 2. Tujuan Praktikan mendapatkan pengetahuan tentang cara yang dibutuhkan untuk membangun sebuah
Lebih terperinciBAB 4 IMPLEMENTASI DAN PENGUJIAN
BAB 4 IMPLEMENTASI DAN PENGUJIAN 4.1 Implementasi Implementasi adalah penerapan cara kerja sistem berdasarkan hasil analisa dan juga perancangan yang telah dibuat sebelumnya ke dalam suatu bahasa pemrograman
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 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 terperinciBAB IV HASIL DAN UJI COBA
BAB IV HASIL DAN UJI COBA IV.1. Tampilan Hasil Dari hasil penelitian, analisis, perancangan dan pengembangan sistem yang diusulkan, maka hasil akhir yang diperoleh adalah sebuah perangkat lunak Sistem
Lebih terperinciSISTEM INFORMASI GEOGRAFIS (SIG) FASILITAS UMUM KOTA MOJOKERTO BERBASIS WEB
SISTEM INFORMASI GEOGRAFIS (SIG) FASILITAS UMUM KOTA MOJOKERTO BERBASIS WEB Arifin 1, Arna Fariza, S.Kom, M.Kom 2, Ahmad Syauqi Ahsan, S.Kom 2 1 Mahasiswa, 2 Dosen Pembimbing Jurusan Teknik Informatika
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 terperinci3.1. CARA MENGAKSES WEBSITE PEMETAAN ASET SPAM KHUSUS DAN REGIONAL
3.1. CARA MENGAKSES WEBSITE PEMETAAN ASET SPAM KHUSUS DAN REGIONAL Berikut adalah cara untuk memulai akses terhadap website Pemetaan Aset SPAM Khusus dan Regional: 1. Dengan menggunakan computer yang terhubung
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 terperinciAJAX Tutorial. Contoh AJAX Dasar 1
Contoh AJAX Dasar 1 Setelah Anda mengenal dasar-dasar tentang konsep AJAX, XML dan Javascript, berikut ini akan kita bahas mengenai contoh aplikasi AJAX dasar. Pada contoh ini kita akan membuat aplikasi
Lebih terperinciBAB V PEMBAHASAN DAN IMPLEMENTASI
BAB V PEMBAHASAN DAN IMPLEMENTASI Implementasi adalah tahap penerapan sekaligus pengujian bagi sistem baru serta merupakan tahap dimana aplikasi siap dioperasikan pada keadaan yang sebenarnya, efektifitas
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 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 terperinciIV HASIL DAN PEMBAHASAN. A. Perancangan Sistem Informasi Translate Indonesia Lampung
\ IV HASIL DAN PEMBAHASAN A. Perancangan Sistem Informasi Translate Indonesia Lampung Pada bab ini akan dibahas lebih lanjut tahapan-tahapan yang dilakukan dalam perancangan aplikasi Sistem Informasi Penerjemah
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 terperinciLAPORAN RESMI. PRAKTIKUM TEKNOLOGI WEB Pengenalan JavaScript
LAPORAN RESMI PRAKTIKUM TEKNOLOGI WEB Pengenalan JavaScript Dosen Pembimbing : Dwi Susanto Oleh : Noer Rhiannah A (4103131052) 3 D3 MMB B PROGRAM STUDI TEKNOLOGI MULTIMEDIA BROADCASTING DEPARTEMEN MULTIMEDIA
Lebih terperinciMembuat Plugin jquery (Part 1)
Membuat Plugin jquery (Part 1) Oleh: muhamad iqbal Ini adalah postingan pertama dari serial yang akan membahas tentang Membuat plugin jquery. Pada bagian ini kita akan membahas tentang konsep dasar plugin.
Lebih terperinciBAB IV PROTOTIPE, PENGEMBANGAN, DAN VERIFIKASI
BAB IV PROTOTIPE, PENGEMBANGAN, DAN VERIFIKASI Pada bab ini akan dibahas mengenai prototipe, pengembangan modul aplikasi Jafaik beserta faktor pendukung yang dibutuhkan oleh sistem, serta hasil pengujian
Lebih terperinciBAB IV IMPLEMENTASI DAN PENGUJIAN
BAB IV IMPLEMENTASI DAN PENGUJIAN 4.1 Implementasi Setelah tahap analisa dan tahap perancangan sistem aplikasi yang sudah dijelaskan pada Bab III, maka tahap selanjutnya merupakan tahap implementasi. Pada
Lebih terperinciBAB IV ANALISA DAN PERANCANGAN SISTEM
BAB IV ANALISA DAN PERANCANGAN SISTEM 4.1. Analisa Sistem Event kebudayaan merupakan acara yang diselenggarakan dengan tujuan untuk melestarikan kebudayaan daerah. Pelaksanaan event kebudayaan di Jawa
Lebih terperinciPEMROGRAMAN WEB 08 JavaScript Dasar
PEMROGRAMAN WEB 08 JavaScript Dasar Andi WRE JavaScript Scripting language Lightweight scripting language Client-side scripting language Membuat halaman web menjadi lebih interaktif Digunakan untuk menambahkan
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 terperinciBy Desrizal. Pengenalan AJAX
1 Pengenalan AJAX 1 Apa yang harus anda ketahui Sebelum anda memulai belajar PHP AJAX anda harus sudah mempunyai pengetahuan dasar mengenai : 1. HTML 2. Javascript 3. PHP Silahkan membaca buku atau dari
Lebih 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 terperinciBAB IV TESTING DAN IMPLEMENTASI PROGRAM
BAB IV TESTING DAN IMPLEMENTASI PROGRAM 4.1 Implementasi Setelah tahap analisa dan tahap perancangan sistem aplikasi yang sudah dijelaskan pada Bab III, maka tahap selanjutnya merupakan tahap implementasi.
Lebih terperinciBAB IV IMPLEMENTASI DAN EVALUASI. perangkat lunak yang dibutuhkan oleh sistem ini adalah sebagai berikut :
BAB IV IMPLEMENTASI DAN EVALUASI 4.1 Kebutuhan Sistem Untuk dapat menjalankan sistem ini, diperlukan perangkat keras dan perangkat lunak dengan spesifikasi tertentu. Adapun kebutuhan perangkat keras dan
Lebih terperinciSejarah HTML5. Abstrak. Pendahuluan. Reni Resiani Sunmaryati
Sejarah HTML5 Reni Resiani Sunmaryati resiani.reni@yahoo.com Abstrak HTML5 adalah suatu spesifikasi sebagai hasil perbaikan dari standard HTML sebelumnya yang dikeluarkan oleh W3C (World Wide Web Consortium)
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 III ANALISA DAN PERANCANGAN Bab ini akan menjelaskan analisa sistem dan perancangan sebuah prototipe aplikasi android untuk melakukan pencarian rute terpendek dengan menggunakan algoritma dijkstra
Lebih terperinciBAB IV ANALISIS DAN PERANCANGAN SISTEM. atau tata cara memperoleh rute pariwisata di Provinsi Jawa Barat yang sedang
BAB IV ANALISIS DAN PERANCANGAN SISTEM 4.1. Analisis Sistem yang Berjalan Analisis sistem yang berjalan dilakukan untuk mengetahui bagaimana alur atau tata cara memperoleh rute pariwisata di Provinsi Jawa
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 terperinciPETUNJUK PENGGUNAAN WEBSITE SISTEM INFORMASI GEOGRAFIS ASET SPAM KHUSUS DAN SPAM REGIONAL
PETUNJUK PENGGUNAAN WEBSITE SISTEM INFORMASI GEOGRAFIS ASET SPAM KHUSUS DAN SPAM REGIONAL DIREKTORAT PENGEMBANGAN SISTEM PENYEDIAAN AIR MINUM DIREKTORAT JENDERAL CIPTA KARYA KEMENTERIAN PEKERJAAN UMUM
Lebih terperinciBAB IV IMPLEMENTASI DAN PENGUJIAN. antarmuka, menu yang tersedia pada sistem, form-form masukan, analisis kinerja
BAB IV IMPLEMENTASI DAN PENGUJIAN Pada bab ini akan dibahas implementasi dari perancangan Sistem Informasi Geografis Pariwisata Pulau Bintan yang meliputi batasan implementasi, tampilan antarmuka, menu
Lebih terperinci3.1. CARA MENGAKSES WEBSITE PEMETAAN ASET SPAM KHUSUS DAN REGIONAL
3.1. CARA MENGAKSES WEBSITE PEMETAAN ASET SPAM KHUSUS DAN REGIONAL Berikut adalah cara untuk memulai akses terhadap website Pemetaan Aset SPAM Khusus dan Regional: 1. Dengan menggunakan computer yang terhubung
Lebih terperinci6 APLIKASI WEB BROWSER TERBAIK SAAT INI
6 APLIKASI WEB BROWSER TERBAIK SAAT INI Ari Saputra arisaputra2201@yahoo.com :: http://arisaputra01@blogspot.com Abstrak Browser adalah sebuah aplikasi yang berguna untuk melakukan pencarian atau menampilkan
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 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 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 terperinciAPLIKASI PENGINGAT AGENDA BERDASARKAN LOKASI DENGAN GLOBAL POSITIONING SYSTEM (GPS) BERBASIS ANDROID
APLIKASI PENGINGAT AGENDA BERDASARKAN LOKASI DENGAN GLOBAL POSITIONING SYSTEM (GPS) BERBASIS ANDROID Ahmad Habib, Skom., MM., Achmad Dicky Wibowo TEKNIK INFORMATIKA UNIVERSITAS 17 AGUSTUS 1945 SURABAYA
Lebih terperinciSISTEM INFORMASI GEOGRAFIS LOKASI FASILITAS UMUM BERBASISKAN LAYANAN LOKASI (LOCATION BASED SERVICE)
SISTEM INFORMASI GEOGRAFIS LOKASI FASILITAS UMUM BERBASISKAN LAYANAN LOKASI (LOCATION BASED SERVICE) Deni Apriadi, Arie Yandi Saputra STMIK Bina Nusantara Jaya Lubuklinggau E-mail : denidrv@gmail.com ABSTRAK
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 IV HASIL DAN PEMBAHASAN
BAB IV HASIL DAN PEMBAHASAN IV.1. Tampilan Hasil Berikut ini dijelaskan tentang tampilan hasil dari pembuatan Sistem Informasi Geografis Lokasi Yang Terkena Dampak Bencana Gunung Sinabung Berbasis Web
Lebih terperinciBAB IV IMPLEMENTASI DAN PEMBAHASAN SISTEM SISTEM PENCARIAN LOKASI PERGURUAN TINGGI DI DAERAH ISTIMEWA YOGYAKARTA MENGGUNAKAN GOOGLE
BAB IV IMPLEMENTASI DAN PEMBAHASAN SISTEM 4.1 Implementasi Sistem SISTEM PENCARIAN LOKASI PERGURUAN TINGGI DI DAERAH ISTIMEWA YOGYAKARTA MENGGUNAKAN GOOGLE MAPS BERBASIS ANDROID dibangun dengan menggunakan
Lebih terperinciSISTEM INFORMASI GEOGRAFIS PENUNJANG OLAHRAGA DI SURABAYA Alwy Husein, ; Arif Basofi, S.Kom, M.T, OCA, ;
SISTEM INFORMASI GEOGRAFIS PENUNJANG OLAHRAGA DI SURABAYA Alwy Husein, 7408030053; Arif Basofi, S.Kom, M.T, OCA, 197609212003121002 ; Reesa Akbar, S.T, ECNA, 197507292001121001 Abstrak - Olahraga adalah
Lebih terperinciAplikasi Monitoring Keberadaan Objek Melalui Perangkat Bergerak Berbasis Android
1 Aplikasi Monitoring Keberadaan Objek Melalui Perangkat Bergerak Berbasis Android Iqbal Dwiki Kurniawan 5110100070 Dosen Pembimbing : Dwi Sunaryono, S.Kom., M.Kom. Adhatus Solichah A., S.Kom., M.Sc. JURUSAN
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 terperinciMengenal visual designer dan IntelliSense
Mengenal visual designer dan IntelliSense Sejak dahulu, keunggulan Visual Studio dibandingkan tools lainnya adalah adanya fitur visual designer, yaitu developer melakukan editing secara visual, dan di
Lebih terperinciSISTEM INFORMASI GEOGRAFIS PEMETAAN TEMPAT HIBURAN MALAM DI KUTA BERBASIS WEB
SISTEM INFORMASI GEOGRAFIS PEMETAAN TEMPAT HIBURAN MALAM DI KUTA BERBASIS WEB Ni Putu Eka Wirayanti Lestari 1, Putu Wira Buana 2, Made Sukarsa 3 1Teknik Elektro Fakultas Teknik Universitas Udayana 23 Teknologi
Lebih terperinciTeknologi Aplikasi Web Server. Pemrograman Web Dinamis ; RPL XI-1 Guru Mapel : Hendri Winarto, S.T.
Teknologi Aplikasi Web Server Pemrograman Web Dinamis ; RPL XI-1 Guru Mapel : Hendri Winarto, S.T. Disampaikan pada peer teaching PLPG Tahap 4 Tahun 2016 Hotel Sahid Montana, Malang, 13 November 2016 Pemrograman
Lebih terperinciTugas Modul 2-3. <?php //Header File XML header("content-type: text/xml"); include("koneksi.php");
A. DataLokasi Tugas Modul 2-3
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 terperinciBAB III ANALISA DAN PERANCANGAN SISTEM. 3.1 Objek Penelitian Sejarah Singkat Bengkel Berkah Maju Motor
BAB III ANALISA DAN PERANCANGAN SISTEM 3.1 Objek Penelitian 3.1.1 Sejarah Singkat Bengkel Berkah Maju Motor Bengkel motor merupakan tempat untuk melakukan pembuatan, perbaikan, penyimpanan dan perawatan
Lebih terperinciIMPLEMENTASI DAN PENGUJIAN
BAB 4. IMPLEMENTASI DAN PENGUJIAN Setelah tahap analisa dan perancangan selesai dilakukan, maka tahap selanjutnya adalah implementasi dan pengujian terhadap sistem yang telah dibangun. Pada tahap ini akan
Lebih terperinciBAB IV IMPLEMENTASI DAN EVALUASI. implementasi desain dalam bentuk kode-kode program. Kemudian di tahap ini
BAB IV IMPLEMENTASI DAN EVALUASI 4.1 Kebutuhan Implementasi Setelah tahap analisa dan perancangan, tahap selanjutnya adalah implementasi desain dalam bentuk kode-kode program. Kemudian di tahap ini dijelaskan
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 terperinciIMPLEMENTASI SISTEM INFORMASI GEOGRAFIS MENGGUNAKAN GOOGLE MAPS API DALAM PEMETAAN ASAL MAHASISWA
IMPLEMENTASI SISTEM INFORMASI GEOGRAFIS MENGGUNAKAN GOOGLE MAPS API DALAM PEMETAAN ASAL MAHASISWA Fauzan Masykur Fakultas Teknik, Program Studi Teknik Informatika Universitas Muhammadiyah Ponorogo Email:
Lebih terperinciSIG UNTUK ANALISA PENENTUAN LOKASI BARU WARALABA DI KAB. PONOROGO
SIG UNTUK ANALISA PENENTUAN LOKASI BARU WARALABA DI KAB. PONOROGO Afif Martha Budianto 1, Isbat Udzin N, S.Kom, MT 2, Ahmad Syauqi Ahsan,S.Kom 3 Mahasiswa Jurusan Teknologi Informasi 1, Dosen Pembimbing
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 terperinciBAB IV ANALISA DAN PERANCANGAN
BAB IV ANALISA DAN PERANCANGAN 4.1 Deskripsi Umum Sistem Sistem informasi kantor pemerintahan kota Pekanbaru yang dibangun merupakan aplikasi mobile menggunakan konsep client server. Aplikasi ini berfungsi
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 terperinciBAB 3 ANALISA SISTEM Untuk merancang sebuah sistem dengan baik dibutuhkan analisa yang tepat, lalu setelah proses analisa sistem dilakukan maka dilakukan pendesainan sistem agar perancangan sistem lebih
Lebih terperinciPEMANFAATAN GOOGLEMAPS UNTUK PEMETAAN DAN PENCARIAN DATA PERGURUAN TINGGI NEGERI DI INDONESIA
SISFO-Jurnal Sistem Informasi PEMANFAATAN GOOGLEMAPS UNTUK PEMETAAN DAN PENCARIAN DATA PERGURUAN TINGGI NEGERI DI INDONESIA Umi Laili Yuhana 1, I G.L.A. Oka Cahyadi P. 2, Hadziq Fabroyir 1 1 Jurusan Teknik
Lebih terperinciBAB 3 PERANCANGAN SISTEM
BAB 3 PERANCANGAN SISTEM 1. Perancangan sistem Gambar 1. Ilustrasi Garis Besar Perancangan Sistem. Sistem ini secara umum terdiri dari 3 bagian utama, yaitu bagian pengirim lokasi, server, dan pelacak.
Lebih terperinciAPLIKASI PEMETAAN LOKASI BENGKEL MOTOR DENGAN LAYANAN LOCATION BASED SERVICE BERBASIS ANDROID
APLIKASI PEMETAAN LOKASI BENGKEL MOTOR DENGAN LAYANAN LOCATION BASED SERVICE BERBASIS ANDROID TUGAS AKHIR Oleh : Harry Chandra Den Putra 3311201041 Disusun untuk memenuhi syarat kelulusan Program Diploma
Lebih terperinciPemanfaatan Google Maps dalam Pembuatan Aplikasi Pemantau Kondisi Jalan dan Lalu lintas
Pemanfaatan Google Maps dalam Pembuatan Aplikasi Pemantau Kondisi Jalan dan Lalu lintas Dyah Retno Utari 1), Arief Wibowo 2) 1,2 Fakultas Teknologi Informasi, Universitas Budi Luhur e-mail: 1) dyah.retnoutari@budiluhur.ac.id,
Lebih terperinciPertemuan Ke-5 Client Side Scripting (JavaScript) S1 Teknik Informatika - Unijoyo 1
Pertemuan Ke-5 Client Side Scripting (JavaScript) S1 Teknik Informatika - Unijoyo 1 Konsep Client Side Scripting JavaScript? Pendeklarasian JavaScript JavaScript sederhana Peletakan JavaScript Komentar
Lebih terperinciPemrograman Internet dengan AJAX (Asynchronous JavaScript And XML)
Pemrograman Internet dengan AJAX (Asynchronous JavaScript And XML) Suprayogi Abstract : AJAX uses asynchronous data transfer (HTTP requests) between the browser and the web server, allowing web pages to
Lebih terperinciSISTEM INFORMASI GEOGRAFIS ONLINE SEBAGAI PENUNJANG BISNIS DIGITAL DENGAN GOOGLE JAVASCRIPT
SISTEM INFORMASI GEOGRAFIS ONLINE SEBAGAI PENUNJANG BISNIS DIGITAL DENGAN GOOGLE JAVASCRIPT Setiyo Budiyanto, ST. MT Jurusan Teknik Informatika, Fakultas Teknologi Informasi, Universitas Budi Luhur Jl.
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 terperinciBAB I PENDAHULUAN. 1.1 Latar Belakang. 1.2 Perumusan Masalah
BAB I PENDAHULUAN 1.1 Latar Belakang Indonesia terdiri dari ribuan gugusan pulau yang memiliki keanekaragaman alam yang kaya baikflora maupun fauna. Hal ini merupakan suatu keuntungan bagi Indonesia apabila
Lebih terperinciBAB V IMPLEMENTASI DAN PENGUJIAN SISTEM
BAB V IMPLEMENTASI DAN PENGUJIAN SISTEM 5.1. Implementasi Kegiatan implementasi atau penerapan dilakukan dengan dasar yang telah direncanakan dalam rencana implementasi. Pada penerapan sistem yang diusulkan
Lebih terperinciBAB II TINJAUAN PUSTAKA DAN DASAR TEORI. Untuk membangun aplikasi ini, ada beberapa dasar penelitian seperti,
BAB II TINJAUAN PUSTAKA DAN DASAR TEORI 2.1 Tinjauan Pustaka Untuk membangun aplikasi ini, ada beberapa dasar penelitian seperti, pencarian lokasi apotek menggunkan sistem operasi android berbasis google
Lebih terperinciBAB III ANALISIS DAN PERANCANGAN
BAB III ANALISIS DAN PERANCANGAN 3.1 Analisis Sistem 3.1.1 Analisis Pemakai Dari hasil penelitian yang dilakukan di Provinsi Maluku dan hasil observasi diperoleh data-data yang dibutuhkan untuk membuat
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 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 terperinci