Mendapatkan Browser Api Key ( Google Maps Directions Api )

Api google direction  memiliki kegunaan untuk menunjukan arah / jalan ke lokasi yang menjadi tujuan kita. Direction yang digunakan memiliki beberapa mode diantaranya mode jalan kaki dan pengendara. Selain sebagai petunjuk jalan, api ini juga dapat memperkirakan beberapa lama kita akan sampai ke lokasi.oh 

Api dapat digunakan untuk aplikasi berbasis web maupun android.

contoh:

Gambar 1. Contoh pengguna api direction  (sumber: google)

Untuk mendapatkan Api tersebut

1. buka https://console.developers.google.com/project/  (loginterlebih dahulu)

2. Pilih New Project masukan nama project lalu Create

Gambar 2. Membuat project baru

3. Pilih Credentials kemudian Add credentials pilih Api Key

Gambar 3. Menambahkan credentials

4.  Pilih Browser key

Gambar 4. Memilih browser key

5. Masukan nama bebas setelah itu create 

Gambar 5. Create  nama

6,  Kemudian kita akan mendapatkan Api key. Api key ini masih belum dapat digunakan untuk mengakses direction pada google karena kita perlu mengaktifkan fitur ini.

Gambar 6, Mendapatkan Api key

Cara mengaktifkan Api Google direction

1.  Pilih menu APIs pada yang terletak sidebar. Kemudian pilih Google Maps Directions Api pada tab  API Library

Gambar 7, Mengaktifkan Api Google direction

2. Pilih Enable API

Gambar 8.  Enable Api

Selesai..

Untuk mengetes  apakah api key tersebut sudah digunakan dengan cara masukan url pada browser

https://maps.googleapis.com/maps/api/directions/json?key=API Key Anda-gshE&origin=-6.649919,106.84452099999999&destination=-6.646100000000001,106.844472&sensor=false&units=metric&mode=driving&alternatives=true 

.

(Titik origin dan destination dapat diubah sesuai keinginan)

output:

Gambar 9, Output Api Google Maps Directions

Output inilah yang digunakan pada android dan web aplikasi. Tentunya kita harus paham bagaimana mengolah output berformat JSON tersebut  untuk mendapatkan informasi yang kita inginkan.

Selamat Bereksperimen : )

Read More

Click / klik outside dropdown Scrollbar Closing Selectize.js

Tulisan in saya buat sewaktu skripsi
Saya terpaksa edit library yang Selectize.js walaupun tau bakalan susah
setelah tidak tidur semalaman debugging  akhirny tidur jam 5 pagi dan masih blum bisa
dan  bangun jam 10.00 , lalu 11.06 tadi akhirnya bisa.. hahaha

alasanny karena ud ganti2 library  (autocomplete dropdown) karena g cocok makany libary yang ini dipertahankan haha...

method ini berguna ketika dropdownny masih close kita scrollbar kita tekan..
sebenrny isi methodny ud ada, cman saya ga tau knpa bawaanny ga mau berfungsi klo digabungin ke kodingan saya.. -_____-
kopi kode ini di line 1246 ..

  $dropdown.on('mousedown click', function(e) {
     if (self.isFocused) {
     // prevent events on the dropdown scrollbar from causing the control to blur
     if (e.target === self.$dropdown[0] || e.target.parentNode === self.$dropdown[0]) {
      return false;
     }
     // blur on click outside
     if (!self.$control.has(e.target).length && e.target !== self.$control[0]) {
      self.blur(e.target);
     }
    }  });

Read More

Tiga Jadi Sederhana

Hari ini saya mau share 
game yang saya buat dengan PHP
Game ini sudah sangat familiar dimainkan anak2 jaman saya   tau deh klo jaman sekarang

tigaJadi ini ScreenShot nya:

sedikit share mekanis didalam game ini
 game hanya memanggil dirinya sendiri dengan melemparkan sebuah nilai yang akan difilter oleh if
untuk menentukan gambar apa yang akan keluar sederhanakan?

ini menggunakan database juga loh untuk menyimpan informasi letak gambar dan pemilikny

idenya ketika saya melihat ada game adventure main nya cman klik2 doang.. setelah itu kepikiran buat game ini...

potongan koding:

ohh yaaa game ini hanya bisa dimainkan 2 orang..
saya mau buat single player tapi bisanya pake random mungkin cman klo dipikir2 sytaxny bakal panjang  mungkin :| sekedar angan2

Read More