Membuat Aplikasi Petunjuk jalan dengan google api

Kita mungkin pernah berfikir bagaimana caranya ya membuat aplikasi seperti ojek online dengan dengan google map api. nah kali ini saya akan coba menambah wawasan kita. sebenarnya tutorial seperti banyak , hanya saja keinginan untuk menulis saja , karena sudah lama tidak menulis blog ini. 🙂 .

langsung saja berikut codenya :


<!DOCTYPE html>
<html>
<head>
<title>MENAMPILKAN PETUNJUK ARAH</title>
<meta charset="utf-8"/>
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=AIzaSyCTzjb-g5lJmButPqyNn9y6Q1x8d3JPGyo"></script>
<script type="text/javascript">
function init(){
var service = new google.maps.DirectionsService;
var view = new google.maps.DirectionsRenderer;

var info_window = new google.maps.InfoWindow();
var zoom = 5;

var pos = new google.maps.LatLng(-3.050444,116.323242);
var options = {
'center': pos,
'zoom': zoom,
'mapTypeId': google.maps.MapTypeId.ROADMAP
};

var map = new google.maps.Map(document.getElementById('maps'), options);
view.setMap(map);
info_window = new google.maps.InfoWindow({
'content': 'loading...'
});

var result = function(){
lihat(service, view);
}

document.getElementById('lihat').addEventListener('click', result)
}

function lihat(service, view){
var start = document.getElementById('start').value;
var end = document.getElementById('end').value;

var request = {
origin: start,
destination: end,
travelMode: google.maps.TravelMode.DRIVING
};

service.route(request, function(response, status){
if(status == google.maps.DirectionsStatus.OK){
view.setDirections(response);
}else{
window.alert('Directions request failed due to ' + status);
}
});
}

google.maps.event.addDomListener(window, 'load', init);
</script>
</head>
<body>
<input type="text" id="start" size="50" placeholder="Lokasi sekarang">
<input type="text" id="end" size="50" placeholder="Tujuan">
<button id="lihat">lihat</button>
<br><br>
<div id="maps" style="width: 800px; height: 400px;"></div>
</body>
</html>

untuk hasil bisa dilihat di bawah ini, sebagai sample kita akan menunjukkan arah dari ciputat ke blok m

Advertisements

Share Pengalaman Interview Web Programmer

Dalam Interview untuk web programmer yang paling banyak adalah algoritma, padahal dalam kasus nyata kita jarang memakai, entahlah kenapa perusahaan begitu, tapi itulah kebijakan mereka. meskipun ng semua perusahaan seperti itu, nah kali ini gw share pengalaman aja , sering menghadapi interview jadi tau beberapa kesamaan diantara perusahaan.

  1. Startup

Kalau di perusahaan startup yang sangat dibutuhkan adalah kemampuan yang luar biasa karena mereka di                   kejar target dan terbatas dengan dana investor. terkadang juga di tekan dengan deadline produk yang di                      bangun biasanya di startup kalau kita interview ng jauh-jauh dari algoritama seperti contoh:

-> Membuat Segitiga Bintang dengan bahasa pemograman yang dikuasi

-> Membuat Ketupat Bintang  dengan bahasa pemograman yang dikuasi

-> Membuat Bilangan Prima

-> Membuat Bilangan Ganjil dan Genap

-> Membuat Bilangan Fibonasi

-> Membuat Bilangan Desimal Menjadi Biner

-> Memindahkan nilai a ke b dan ke c supaya tidak bentrok.

-> Biasanya Juga ditanya apa itu class, function, abstract, contruct, inherit / Konsep OOP

-> Perbedaan Include, required, include_once, required_once

->prosedure sql, on cascade, on delete sql , dll

2. Consultan IT

Jika Konsultan biasanya lebih kepada skill Interface atau pun Pemograman Inti yang akan di pakai, karena                   mereka mengerjakan project luar, biasanya yang di test adalah

-> Membuat Layout Website

->crud Aplikasi

->aplikasi Lengkap ditentukan sesuai project yang akan di garap.

3. Perusahaan Menengah Keatas

Sepangalaman saya untuk di test pemograman hampir ng ada, karena yang mereka lihat adalah attitude bukan    skill , biasanya kalau attitudenya baik , bisa langsung di proses.

[share] Menambahkan Fungsi OTP Di SMS Gateway Gratisan Zenziva.NET

Bismillah…

Selagi santai dikantor dengan bejibun module yang sudah ada, iseng research and development tentang SMS Gateway yang Gratis dari Zenziva.net bisa gunakan API (Application Programable Interface) dimana kita bisa kirim sms geratis tapi dengan nomor random dari Web Zenziva (orang geratisan, haha) eh, keingetan dengan Fitur dari TokoCash.com Tokopedia, dimana mengirimkan kode OTP (One Time Password)  ke nomor handphone yang sudah didaftarkan, ibaratnya ada validasinya … keren keren … oya, sebelumnya penulis topidesta yaitu uda rifki juga pernah share tentang sms gateway bisa baca disini.

Nah, akhirnya jajal dulu, API dari Zenziva kalo kirim sms gimana, terus bisa!!… silahkan dilihat di github:

https://github.com/RSUP/ZENZIVA-PHP

nah, kan targetnya biar bisa OTP (One Time Password) akhirnya ubek ubek source github tentang otp-php … kan pake PHP test nya hahha, terdamparlah di sini:

https://github.com/anoopsg/Otp-php

Ternyata kagak langsung bisa coy, butuh oprek lagi … nah ada beberapa baris yang gw ubah (gw fork dulu githubnya),  berikut bbrp yang gw ubah, sedikit sih

public function __construct(){
		$this->url = "https://reguler.zenziva.net/apps/smsapi.php";
		$this->userkey = "USERKEY";       //include api key here
		$this->passkey = "PASSKEY";		
		$this->message = urlencode($this->message);
		$this->otp = 4;			
	}

udah kan ya, oya kalo butuh userkey dan passkey bisa daftar di zenziva langsung:

https://reguler.zenziva.net/

Okaylah, silahkan unduh/ fork github gw yang udah gw ubah ada dialamat ini:

https://github.com/RSUP/Otp-php/

Kagak usah gw jelasain ya, baca postingan uda rifki aja yang udah jelasin SMS GATEWAY.. kalo pada bingung komentar ajah, kalo sempet gw bales, maaf kalo lama bales, kadang males buka blog soalnya… hahaha

Have a Nice Day

[share] Berbagi Pengetahuan tantang VPS

Berbicara tentang web pasti kita akan terpikir tentang hostingan. penyedia hosting di indonesia cukup banyak diantaranya adalah dapurhosting, rumahweb, dewaweb, idwebhost, allnetspace dll. jika kita membelinya kita langsung disediakan paket cpanel yang langsung dipakai.

Berbeda dengan vps , vps adalah virtual private security. kalau boleh di bilang vps adalah sebuah ruangan, yang kita dizinkan menginstall apapun disana, dalam bentuk versi command line. bisa juga versi xampp versi kosong. disini lah tantangannya memakai vps, serta merta kita harus mengerti command linux, karena sintak vps sama dengan linux mau itu ubuntu atau centos ataupun debian.

beberapa penyedia vps diantara : digitalocean, cloudekilat, dewaweb, rumah hosting go daddy dll. anda bisa membeli paket perbulan untuk belajar-belajar supaya bisa menguasi seutuhnya ilmu web programming.

semoga membantu 🙂

 

[share] Cara Bekerja Tim IT Web Developer Bekerja Di Perusahaan

Sebagai Karyawan Perusahaan sangat pasti memiliki tim IT (secara umum), kebetulan saya juga tim IT sebuah start up di daerah jakarta , disana saya memegang Peranan mengelola server VPS dan Server Fisik, dan sekalian menangan masalah code PHP [Laravel].

Sedikit Share-Share dari Saya, TIM IT saya bekerja Menggunakan sebuah Server Alias PC Juga. untuk memanajemen CODING Saya Menggunakan Visual SVN Server bisa digoogle aja banyak.

dari visual svn itu kita bisa membagi repositori/project mana aja yang mau kita handle. dari satu folder bisa diaccess oleh banyak programmer, bahkan untuk tim UI / UX yang terpenting mereka terhubung dalam jaringan itu

selanjutnya Dari TIM  lain di haruskan menginstall Putty Client dengan alasan untuk mengambil dari server SVN tadi, sehingga terintegrasi antara client dan server.

Dengan Aplikasi itulah kita bisa checkout data dari server SVN  , Selanjutnya untuk database cukup install paket instalan server seperti xampp/wamp/lamp dan bisa digunakan langsung untuk mengakses phpmyadminnya jika sudah berada dalam jaringan yang sama

Selanjutnya setelah code sudah berjalan baik di server fisik kita tinggal masukan ke production/ staging dari sebuah VPS. bisa menggunakan BitBucket, Github Repository,

Untuk mengakses Bitbucket atau Github bisa menggunakan aplikasi git bash atlassian dan panduan sintak juga ada disana.

dan untuk pembagian task masing masing developert bisa menggunakan trello,email atau aplikasi task lainnya.

mungkin itu sedikit share cara bekerja tim IT di start up Saya. Moga Menambah Pengetahuan 🙂

 

[share] Beberapa Cara Untuk Optimasi Website

bismillahirrahmanirrahim.

jika kita mempunyai website / blog pasti ada keinginan keras untuk supaya blog / website kita bisa cepat dikenal orang banyak.

beberapa cara ini bisa anda lakukan diantaranya:

  1. memanfaatkan googlewebaster, ini bisa didapat setelah anda masuk ke dashboard googlewebmaster, disitu kita mendapatkan sebuah file , supaya website kita terindex oleh google.
  2. memanfaatkan analitic dari sebuah website, seperti contoh google analytic, facebook analytic, atau website penyedia sejenisnya. supaya kita bisa mengetahui berapa pengunjung tiap harinya.
  3. gunakan sosial media agar bisa tersebar luas di internet, seperti yang sudah kita ketahui, facebook, twitter, g+, linkedin, whatup ,IG dll.
  4. memanfaatkan meta-data dari code website kita, semisal kita menggunakan php dan html , bisa di pakai antara <head>meta-data</head>. seperti contoh copyright website, nama, dan identitas web lainnya.
  5. menggunakan .htaccess untuk seo friendly [url friendly]. agar mudah di share dan dibaca oleh kalayak banyak.
  6. jangan lupa menulis judul website/ artikel sesuai keadaan sekarang dan meramu content supaya orang jadi tertarik melihat web/blog kita.
  7. usahakan blog/website kita sudah responsive terhadap device yang ada seperti android iphone black barry dll.
  8. menghindari code – code berat dalam html, seperti penggunaan jquery berlebihan, penggunaan <div> yang berlebihan atau code code yang kurang berguna.
  9. Mendaftarkan di google map supaya mudah di akses

diatas adalah cara umum yang dimanfaatkan oleh programmer. ada juga beberapa tambahan dari penulis sesuai dengan pengalaman penulis sendiri, diantaranya:

  1. memanfaatnya cache untuk website kita, biasanya jika programmer sudah menggunakan framework sudah otomatis disediakan oleh framworknya, seperti CI, YII, LARAVEL, CAKE, ZEND
  2. memilih jenis server yang sudah teruji atau dengan testimonial bagus, diantaranya digitalocean, cloudkilat, rumah hosting dll.
  3. menggunakan database seperti coughDB atau MongoDB supaya data yang ditampilkan lebih ringan, dengan istilah lainnya RESTFULL API
  4. Jangan lupa menggunakan https.

Sekian , Semoga Bermanfaat 🙂

Advertisements