Tujuan Pembelajaran Indikator Pencapaian Kompetensi Uraian Materi Event

122 terus menerus tidak berhenti pada saat milleseconds pertama selesai dijalankan, melainkan setelah selang milliseconds berikutnya. Contoh: function sayHai { alert “Halo”; } setIntervalsayHai, 5000; Penanganan Event Format perintah untuk dapat menangani event yang terjadi adalah sebagai berikut. Melalui JQuery Mobile “komponen”.eventfungsi Atau “komponen”.on“event”, fungsi; Atau document.on“event”, komponen, fungsi; Contoh: p.clickfunction{ alert“halo”; }; Atau p.onclick, function{ this.hide; }; 123 Sensor Navigasi Sensor navigasi merupakan alat yang dapat digunakan untuk mengetahui lokasi koordinat suatu perangkat berdasarkan data dari satelit navigasi. Salah satu sensor navigasi yang banyak digunakan saat ini adalah Sensor GPS. GPS sendiri merupakan sistem navigasi yang dikembangkan oleh Departemen Pertahanan Amerika Serikat. Sistem navigasi lainnya selain GPS adalah GLONASS Rusia, Galileo Uni Eropa, IRNSS India dan BeiDou China. Sensor navigasi merupakan salahsatu fitur penting pada Smartphone. Dengan adanya sensor ini kita dapat mengetahui lokasi dari perangkat yang bersangkutan. Saat ini akses terhadap sensor ini dapat dilakukan melalui teknologi web yang telah menggunakan standar HTML5. Metode yang digunakan sebagai berikut. navigator.geolocation.getCurrentPositionfungsi; keterangan: fungsi: adalah program yang dijalankan apabila sensor berhasil membaca lokasinya dari satelit. Contoh: script function getLocation { if navigator.geolocation { navigator.geolocation.getCurrentPositionshowPosition; } else { document.writeBrowser tidak mendukung fitur Geolocation.; } } function showPositionposition { document.writeLatitude: + position.coords.latitude + brLongitude: + position.coords.longitude; } script input type=”button” onclick=”getLocation” value=”Cari lokasi” 124

D. Aktifitas Pembelajaran

Buatlah program yang dapat membaca lokasi dari suatu perangkat mobile dan menampilkannya pada peta. Jawaban: 1. Buatlah proyek HTML5 + Cordova baru dengan nama Lokasi. 2. Desain tampilannya seperti berikut. 3. Atur properti dari masing-masing komponen sebagai berikut. Button Cari Lokasi 125 Image peta Text Lokasi 126 4. Program pembaca lokasi jshint browser:true function showPositionposition{ txtLokasi . html Latitude: + position.coords.latitude + brLongitude: + position.coords.longitude; var latlon = position.coords.latitude + , + position.coords.longitude; var img_url = http:maps.googleapis.commapsapistaticmap?center= + lat lon+ zoom=14size=400x300sensor=false ; imgPeta . attr src , img_url; } global function { use strict ; hook up event handlers function register_event_handlers { button btnCariLokasi document.on click , btnCariLokasi , function evt { your code goes here if navigator.geolocation{ navigator.geolocation.getCurrentPositionshowPosition; } else { alert Browser tidak mendukung geolocation. ; } }; } document.addEventListener app.Ready , register_event_handlers, false ; };