Menggunakan Library JavaScript SheetJS untuk Membaca File excel xls / xlsx

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 dengan komputer ? Microsoft Excel lah jawabannya

Oleh karena itu jika aplikasi yang kita buat ingin dapat membaca data berupa tabel dari user, tentu cara terbaik aplikasi tersebut dibuat untuk dapat membaca file excel.

SheetJS adalah contoh libary javascript yang mampu untuk mebaca file excel

link:

http://sheetjs.com/

Berikut link demonya:

http://oss.sheetjs.com/js-xls/

dan

http://oss.sheetjs.com/js-xlsx/

Source codeny dapat dowload di github:

https://github.com/SheetJS/js-xls

dan

https://github.com/SheetJS/js-xlsx

setalah didownload extrak zipnya pada xampp lalu buka link /sesuaikan

http://localhost/js-xls-master/

atau

http://localhost/js-xlsx-master/

hasil run dari localhost (yang sebagian fungsiny sudah saya remove/delete jadi tampilan sedikit beda)

GIFF 1. Hasil run

Selamat bereksperimen

Sekian dan Terimakasih

Read More

Menggunakan Sampel Kode Database Firebase Berbasis Web

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. buka dengan url: http://localhost/quickstart-js-master/database/

Gambar 3. Halaman depan sampel Kode

3. kita belum dapat sign, 

untuk menggunakan layanan firebase kita perlu mendaftar

cara mendaftar bisa lihat:

https://komputasistat.blogspot.co.id/2016/09/mendaftar-akun-project-di-firebase_25.html

4. Setelah selesai mendaftarkan kita pilih Add Firebase to your web app

Gambar 4. Add firebase to your web app

5. Kemudian pilih copy seperti gambar 5

Gambar 5. Api key

6. buka dengan kode editor  C:\xampp\htdocs\quickstart-js-master\database\index.html 

kemudian copy api key yang telah di copy tadi ke index.html dibaris seperti gambar 6.

Gambar 6. Paste Api Key

7. Kemudian simpan

8. Aktifkan otentifikasi google caranya enable  google authentication seperti gambar 7

Gambar 7. Enable  google authentication

9. Atur rules database seperti gambar 8

 kemudian publish

Gambar 8. Atur rules database

Sampel Kode sudah bisa dijalankan

buka lagi

http://localhost/quickstart-js-master/database/

hasil menjalankan aplikasi:

Gambar 9. Hasil sampel kode

Silahkan pelajari kode tersebut dan sesuaikan dengan kebutuhan aplikasi web anda

Sekian dan terimakasih

Read More

Cara Membuat Akun Baru Github

Kayakny ga keren klo programmer ga punya Github. Selain buat keren2an, Github juga bisa jadi nilai tambah saat melamar pekerjaan.

Oke langsung aja
1. Buka https://github.com. Lalu masukan nama, email dan password

Gambar 1. Halaman depan Github

2. Setelah berhasil, anda akan diminta untuk mengisi form dengan beberapa pertanyaan. Kemudian gambar 2 akan muncul lalu pilih Start a project 

Gambar 2. Start Project

3. Anda akan diminta untuk verifikasi email. Buka email anda dan pilih verify email address

Gambar 3. Permintaan verifikasi

Gambar 4. Verifikasi email

4. Email berhasil terverifikasi

Gambar 5. Email terverifikasi

Selamat akun baru sudah terdaftar pada Github

Lantas bagaimana membuat repository atau mengupload file ke Github?

nantikan tutorial berikutnya 

Sekian dan Terimakasih...

Read More

Merekam Aktivitas Pada Layar Komputer - ShareX

Baru-baru saja saya membuat tutorial yang berisi gambar bergerak berformat GIF. GIF dapat dibuat menggunakan Photoshop, tetapi lebih mudah menggunakan aplikasi ShareX apabila akan digunakan untuk merekam aktivitas pada layar komputer. ShareX selain format gif, perekaman juga dapat dihasilkan format mp4. ShareX juga bisa digunakan untuk screenshot. Kelebihan dari screenshot menggunakan ShareX yaitu screenshot yang dihasilkan dapat memuat gambar cursor / panah mouse.

ShareX merupakan aplikasi gratis yang dapat di-download di https://getsharex.com/downloads/

Fungsi ShareX dapat dijalankan menggunakan hotkey:

Gambar 1. Mengatur hotkey

perekaman secara manual:

Pilih menu Capture > Screen Recording (GIF). Kemudiann pilih window yang ingin direkam atau bisa juga drag wilayah layar yang ingin direkam. Jika sudah selesai pilih menu STOP. Secara default hasil perekaman akan disimpan ke direktori C:\Users\Windows\Documents\ShareX\Screenshots  .

Gambar 2. Perekaman aktivitas pada layar komputer

contoh hasil perekaman:

Gif 1. hasil perekaman

Kelemahan ShareX:

Hasil gambar screenshot lebih membutuhkan memory disk daripada screenshot bawaan windows. Meskipun hasil screenshot ShareX lebih membutuhkan memory disk, tetap saja kualitas gambar lebih jelek daripada screenshot bawaan.

Sekian dan Trimakasih

Read More

Mengenal Internet of Things ( IoT )

Agar blog ini jadi kekinian, saya akan memberikan informasi mengenai Internet of Things ( IoT ) . Pertama kali membaca IoT yang ada dipikiran saya adalah LOTR ( i kebaca el ) (Lord of The Rings).

Gambar 1, Lord of The Rings

Definisi IoT : Devices that are connecting to the internet, integrating greater compute capabilities, and using data analytics to extract meaningful information. sumber: Intel 

Device yang terhubung dengan internet akan dapat melakukan komunikasi data sehingga membentuk suatu jaringan yang jika dianalisis lebih lanjut maka diharapkan menghasilkan informasi yang lebih berharga. 

Saat ini banyak bertebaran berbagai device yang dapat saling terhubung contoh smartphone, smart televisi, gps mobil, cctv dan lain masih banyak lagi. Pada masing-masing device memiliki fungsi dan kegunaan masing-masing dan dapat dihubungkan sehingga akan muncul fungsi dan kegunaan baru.

Jumlah pengguna dan aktivitas device yang sangat banyak sehingga akan menghasilkan data yang besar / big data. Big data, dihasilkan dari terhubungnya antar device, dapat menghasilkan informasi yang lebih berguna. Namun kebanyakan big data yang dihasilkan masih dalam bentuk raw data dan unstructured, sehingga perlu dianalisis/dieksperimen. Perjalanan big data menjadi informasi bermanfaat membutuhkan profesi-profesi yang ahli mengenai data diantaranya: data analis, data saintis, data architect,dan data engineer (untuk melihat perbedaan keempatnya lihat: https://www.quora.com/What-is-the-difference-between-a-data-analyst-and-a-data-scientist-1)

Contoh penerapan IoT yaitu pada saat berkendara kita dapat menggunakan gps untuk mengetahui tempat dimana akan terjadi kemacetan dan juga mengetahui jalan alternatif untuk menghindari kemacetan.SmartCity juga merupakan contoh penerapan IoT.

Sekian dan Trimakasih

Read More