Posts

Showing posts from March, 2020

Geolocation dengan javascript dan library Leaflet

Image
Geolocation adalah proses mendeteksi lokasi keberadaan kita menggunakan koneksi internet tepatnya pada saat kita menggunakan aplikasi web browser, seperti Chrome, Firefox, Safari atau sejenisnya. Geolocation ini dapat menggunakan script HTML5, javascript dan juga menggunakan Google Maps kita bisa menampilkan lokasi keberadaan kita pada peta di web. Dengan menggunakan librari Leaflet kita dapat menghadirkan contoh pemetaan user yang mengakses website kita seperti gambar di atas.  Leaflet ( https://leafletjs.com ) adalah pustaka JavaScript open-source terkemuka untuk peta interaktif yang ramah-mobile. Dengan berat hanya sekitar 38+ KB JS, ia memiliki semua fitur pemetaan yang paling dibutuhkan pengembang. Nah, Untuk mendapatkan lokasinya bagi aplikasi PHP kita bisa dengan menanamkan script deteksi gelocation (latitude, longitude) seperti di bawah ini. Skrip PHP nya kita pakai uituk menghasilkan alaam IP nya saja dalu dari alamat IP itu kita kirim ke website lahanan http://ipinfo.io/

Contoh tampilan web yang merespon mobile screen

Image
Layout ini menggunakan bantuan framework UIKIT v3. Itu tersedia di laman https://getuikit.com/ yang punya cukup banyak komponen interface yang bisa dipakai. UIKIT dari getuikit.com ini adalah kerangka front-end yang ringan dan modular untuk mengembangkan antarmuka web yang cepat dan kuat. Berbagai komponen disediakan untuk pembuatan sebuah website apalagi sekarang makin dibutuhkan dukungan tata letak website yang diakses dari gadget mobile. Oh ya bicara tentang kerangka front-end website. Kita bisa memilih UIKIT atau BOOTSTRAP. Berikut ini sedikit ulasannya. Developer menggambarkan Bootstrap sebagai "HTML, CSS, dan JS sederhana dan fleksibel untuk komponen dan interaksi UI yang populer". Bootstrap adalah kerangka HTML, CSS, dan JS paling populer untuk mengembangkan proyek pertama yang responsif dan mobile di web. Di sisi lain, UIkIt dirinci sebagai "Kerangka front-end yang ringan dan modular untuk mengembangkan antarmuka web yang cepat dan kuat". UIkit member