Oddsay: javascript

Showing posts with label javascript. Show all posts

Saturday, 10 June 2017

Cara Menggunakan Library Fullcalendar 1 -javascript

Posted on June 10, 2017 by Hasta Nurhusada

Pada posting kali ini hanya akan memaparkan bagaimana menampilkan Fullcalendar di localhost. Fullcalendar dapat berguna untuk menampilkan kalender kegiatan. Sehingga jadwal kegiatan dapat dimonitoring dengan visualisasi yang menarik. Fullcalendar saya gunakan untuk memenejemen pekerjaan kantor yang mana banyak pegawai dan pekerjaan. Sehingga tidak ada tumpang tindih dan pekerjaan dapat lebih dibagi dengan merata. link fullcalendar: https://fullcalendar.io/ 1. fullcalendar dapat didownload: https://github.com/fullcalendar/fullcalendar/releases 2....

Posted in javascript | 13 comments

Sunday, 30 April 2017

Menggunakan Library JavaScript SheetJS untuk Membaca File excel xls / xlsx

Posted on April 30, 2017 by Hasta Nurhusada

Gambar 1. Web Sheet JS Siapa yang tak kenal Microsoft Excel ? Aplikasi pengolahan data yang berjalan diplatform windows dan android yang anak SD pun juga tahu. Karena disekolah diajarkan penggunaan excel maka tak heran jika hampir disetiap lini dunia pengolahan data kebanyakan menggunakan excel. Keberadaan Microsoft Excel juga didukung dengan ketersedian komputer windows yang mudah dijangkau oleh berbagai kalangan entah dari sisi UI/UX , harga, dan ketersediaan dipasar. Jika ada pertanyaan > bagaimana membuat tabel...

Posted in javascript, Teknologi Terkini | 2 comments

Saturday, 8 April 2017

Menggunakan Sampel Kode Database Firebase Berbasis Web

Posted on April 08, 2017 by Hasta Nurhusada

Gambar 1. Logo firebase Untuk dapat menggunakan firebase dengan fasih tidak ada salahnya dengan mencoba menjalankan kode sampel dahulu, Kode sampel tersebut sudah disediakan oleh google kita hanya perlu copy dan paste. Ketika sudah berjalan kita dapat pelajari kode tersebut dan mensederhanakan / menyesuaikannya dengan program yang akan kita buat. 1. link kode sampel: https://github.com/firebase/quickstart-js download kode tersebut lalu ekstrak pada xampp localhost/htdocs (jngn lupa start apache dan mysql) Gambar 2. Download Sampel Kode 2....

Posted in Firebase, javascript, Teknologi Terkini | 1 comment

Saturday, 14 January 2017

Mengenal Game Main Tenis Kaskus

Posted on January 14, 2017 by Hasta Nurhusada

GIF 1. Main tenis kaskus Game main tenis pada kaskus ditemui pada saat kaskus sedang sedang maintenance. Dulu saat masih kuliah salah seorang teman saya pernah meceletukkan game ini menggunakan teknologi ajax. Waktu itu saya masih belum mengerti apa itu ajax, jadi cman bisa mengangguk. Ternyata game tersebut tidak menggunakan teknologi ajax namun javascript biasa, Jika kita buka source code nya ada maintenis.js disana disebutkan bahwa game berasal dari game pong yang telah dimodifikasi tampilannya source code aslinnya bisa lihat disini http://www.planet-source-code.com/vb/scripts/ShowCode.asp?txtCodeId=2968&lngWId=2 Sekian...

Posted in javascript | No comments

Friday, 13 January 2017

Membuat Virtual Reality / VR Visualisasi Data - Three.js

Posted on January 13, 2017 by Hasta Nurhusada

Pada postingan kali ini merupakan source code tambahan dari yang ada diblog : http://www.storybench.org/how-to-make-a-simple-virtual-reality-data-visualization / https://github.com/rogerkenny/3D-chart-tutorial/archive/master.zip Download dan jalankan sourcode zip diatas sebelum jalankan source code yang ada di postingan ini.. Source code yang sudah ada tambahan kode: <!DOCTYPE html> <html lang="en"> <head> <title>3D chart!</title> <meta http-equiv="Content-Type" content="text/html;...

Posted in javascript | No comments

Wednesday, 30 November 2016

Menambahkan Highlight Pada Peta Menggunakan Leafletjs - Leaflet

Posted on November 30, 2016 by Hasta Nurhusada

Pada tutorial sebelumnya kita telah membuat peta tematik / choropleth https://komputasistat.blogspot.co.id/2016/11/membuat-peta-tematik-choropleth.html. Bagaimana jika anda ingin menambahkan highlight pada saat event mouse mouseover atau mouse click ? Langkah - langkah / cara membuat highlight polygon / daerah tertentu pada peta pada saat mouseover / mouse melintas Gif 1. Mouseover / highlight 1. MIsal kita menggunakan peta yang bersumber dari tutorial sebelumnya https://komputasistat.blogspot.co.id/2016/11/membuat-peta-tematik-choropleth.html 2....

Posted in javascript, SISTEM INFORMASI GEOGRAFIS | 1 comment

Sunday, 13 November 2016

Membuat Peta Tematik / Choropleth Menggunakan Leaflet JS -Leaflet

Posted on November 13, 2016 by Hasta Nurhusada

Latar Belakang: Sebelumnya saya telah membuat halaman yang memaparkan bagaimana membuat peta tematik / choropleth menggunakan highmap /highcart (https://komputasistat.blogspot.co.id/2016/09/cara-menggunakan-highmap-highchart-dari.html). Library highmap dirancang untuk membuat chart menggunakan peta, mungkin hal ini yang membuat customization penampilan peta yang ditawarkan tidak selengkap pada leafletjs, openlayers dan googlemaps js api. Pada highmap js kita tidak dapat menggunakan marker, overlay peta, menghitung jarak dan masih banyak lagi. NB:...

Posted in javascript, SISTEM INFORMASI GEOGRAFIS | 2 comments

Monday, 7 November 2016

Mengenal AngularJS

Posted on November 07, 2016 by Hasta Nurhusada

Ketika menulis tentang AngularJS pada tahun 2016, mungkin merupakan sesuatu kegiatan yang sudah terlambat. Namun saya tetap menulis karena sebelum tanggal 7 November 2016, saya hanya pernah mendengar namanya saja. Tulisan ini akan sedikit memaparkan angularjs. AngularJS dikerjakan pertama kali oleh Miško Hevery (Pegawai Google) tahun 2009. AngularaJS 1.0 released tahun 2012. Google mendukung perkembangan Angular JS hingga sekarang. AngularJS merupakan framework javascript. Saya baru mengetahui ternayata ada framework javascript karena...

Posted in AngularJS, javascript | No comments

Thursday, 3 November 2016

Menggunakan ReactJS 1

Posted on November 03, 2016 by Hasta Nurhusada

Salah satu fungsi ReactJS yaitu dapat memanipulasi tampilan. Fungsi ini akan terlihat saat kita ingin mengubah nilai suatu element html. Mengubah element html dapat dilakukan menggunakan fungsi DOM yang ada pada javascript. Namun DOM pada javascript akan ribet (dari segi pengaturan alurnya) jika digunakan pada aplikasi yang besar atau sangat interaktif. Selain itu penggunaan DOM berlebihan akan mengurangi performa aplikasi. Contoh aplikasi yang ribet jika dibangun menggunakan DOM javascript yaitu sosial media (aplikasi yang...

Posted in javascript, ReactJS | No comments

Tuesday, 13 September 2016

Cara Menggunakan Highmap ( Highchart ) Dari Shapefile

Posted on September 13, 2016 by Hasta Nurhusada

Gambar 1. Gambar judul Menampilkan chart peta menggunakan Higmap dari Highchart js ada dua cara. Cara pertama menggunakan geojson dan yang kedua file SVG. Pada kali ini kita akan mencoba menampilkan chart peta yang data peta nya bersumber dari geojson. Jika kita ingin menggunakan peta level provinsi kita akan dengan mudah menggunakan highchart tersebut, karena geojson telah disedikan high chart js. Namun bagaimana jika ingin menampilkan peta level kecamatan. Untuk menampilkan peta yang tidak disediakan dari highchart, kita dapat membuat atau...