Mulai menggunakan GVM kembali

#webkoe
#project
#gvm
#golang

Berkenalan dengan IPFS

#project
#ipfs

Mmmm... ditulis dari pi browser, dapat di akses di pi://webkoe.net

#pi-network
#project
#blockchain

Droplet website734 telah dimigrasi ke account pratamabatulicin.web, tinggal domain yang masih di account saya.

#kantor
#project
#kppbatulicindotcom

https://gimbalabs.com/pbl/csk/csk007

#cardano
#project
#gimbal-labs

Mesh library menggunakan next.js , next.js sendiri sepertinya pengembangan lebih lanjut dari react

https://mesh.martify.io/

#project
#web3
#cardano
#mesh-library
#reactjs

Library yang saya pikir paling mudah dan user friendly saat ini untuk mengembangkan web3 di cardano.

https://mesh.martify.io/

#project
#web3
#cardano
#mesh-library

Idea for Web3 projects:
- Cardano
- Point Network
- Pi Network

Cardano
- Have no idea yet

Point Network
- Successfully deployed (https://loubatt.point.link)

Pi Network
- Been build on Pi Browser but deploy still not successfully

#blockchain
#project
#web3
#cardano
#pointnetwork
#pi-network

C:\Users\Lenovo>d:

D:\>cd aplikasitunggakan\app

D:\aplikasitunggakan\app>set FLASK_ENV=development

D:\aplikasitunggakan\app>flask run -h 10.14.6.28 -p 4113
 * Environment: development
 * Debug mode: on
 * Restarting with stat
 * Debugger is active!
 * Debugger PIN: 137-358-297
 * Running on http://10.14.6.28:4113/ (Press CTRL+C to quit)

#flask
#kantor
#project

Deploy https://loubatt.point di platform web3 nya pointnetwork works like a charm!.

Mengikuti 2 tutorial dari Darren berikut :

Deploy di pointnetwork lokal & Deploy di Testnet

Sampai dengan tahap ini, domain loubatt.point sudah bisa diakses (lewat pointnetwork Alpha; https://pointnetwork.io), berupa web statis dengan sebuah gambar yang terupload. File gambar dan seluruh asset HTML menurut pemahaman saya, disimpan di arweave storage (penyimpanan file berbasis blockchain, https://www.arweave.org/)

#arweave-network
#blockchain
#pointnetwork
#web3
#darren-jensen
#project
#makemeamaze

Sampai dengan malam ini nyoba develop locally pointnetwork mengikuti https://pointnetwork.github.io/, belum berhasil.

Proses instalasinya banyak menggunakan nodejs, secara garis besar ada command-command ini yang muncul:
- point-dev-start
- point-dev
- point-dev-stop
- point-dev-clean

dan goalnya adalah, https://point bisa diakses secara local lewat firefox extension.


#pointnetwork
#project
#web3

Play with pointnetwork, katanya sih web3 yang real, maksudnya pointnetwork ini mulai merealisasikan konsep web3 yang selama ini di gaungkan. Lets cekidot!

Untuk saat ini masih versi alpha, dan belum support mobile (android/ios). Namun untuk OS besar sudah mendukung, semacam windows, linux dan Mac.

Ok, dimulai dengan instalasi point ...
- proses instalasinya macam download repo git, namun dengan GUI windows, nice.
- Pilihan yang mau diinstall, tidak bisa dicustom. Jadilah instalasi ini meliputi, point browser, extension nya buat firefox, SDK, Node (waw, langsung berpartisipasi sebagai node, WoW) dan uninstallernya.
- Sudah mencoba beberapa app demonya, ada Blog, Social, Email, dan Wallet.
- Blog, social, dan email bekerja dengan semestinya. Yang menarik adalah email, apakah masih menggunakan protokol IMAP atau sejenisnya? wkwkwkwk... sepertinya tidak perlu.

Sempat chit chat langsung sama CEO nya, Serge, lewat telegram:

Luqman Baihaqi, [6/8/2022 10:44 PM]
Hello,... how can i build some app?

Luqman Baihaqi, [6/8/2022 10:45 PM]
maybe something like todo.point 🤩

Luqman Baihaqi, [6/8/2022 10:47 PM]
actually i'm not interesting about earn stuff,... token etc., i am very excited with web 3

Luqman Baihaqi, [6/8/2022 10:44 PM]
Hello,... how can i build some app?

Luqman Baihaqi, [6/8/2022 10:45 PM]
maybe something like todo.point 🤩

Luqman Baihaqi, [6/8/2022 10:47 PM]
actually i'm not interesting about earn stuff,... token etc., i am very excited with web 3

Serge | I will never DM you first, [6/8/2022 10:47 PM]
You can try going through https://pointnetwork.github.io/docs/build-zapp-developer-guide

Serge | I will never DM you first, [6/8/2022 10:48 PM]
@jensendarren can help if you hit some roadblocks. But we’re working on a better UI where you won’t have to go through that many steps

Serge | I will never DM you first, [6/8/2022 10:48 PM]
Should be up soon

Luqman Baihaqi, [6/8/2022 10:53 PM]
Mmm... what make point different compare to tor ?

Luqman Baihaqi, [6/8/2022 10:54 PM]
i just feel in tor ecosystem

Serge | I will never DM you first, [6/8/2022 10:55 PM]
They have different use cases. You can run Point Network through Tor for maximum anonymity

Serge | I will never DM you first, [6/8/2022 10:56 PM]
Tor Browser allows you to browse normal websites anonymously, + .onion websites where you still have to run a server somewhere, and users have to trust that server with passwords etc.
Point Browser allows you to have websites and dApps on web3, without having to run centralized servers for that

Luqman Baihaqi, [6/8/2022 10:58 PM]
WoW,... so this is really peer to peer network ?

Luqman Baihaqi, [6/8/2022 10:59 PM]
So,... this is an enhanced version of torrent ? 😱

Serge | I will never DM you first, [6/8/2022 11:02 PM]
In torrents people seed files altruistically. Nobody will serve your cat pictures on decentralized facebook altruistically though. So if you go offline, your content goes offline. Same with things like IPFS

On Point Network, your stuff is uploaded to decentralized storage, where a small amount of POINT tokens is taken to the blockchain, and the blockchain keeps paying decentralized storage miners to always have your and everybody else’s content online and uncensored (we use Arweave network for that)

Luqman Baihaqi, [6/8/2022 11:04 PM]
So,... Arweave network like a pool ?

Luqman Baihaqi, [6/8/2022 10:44 PM]
Hello,... how can i build some app?

Luqman Baihaqi, [6/8/2022 10:45 PM]
maybe something like todo.point 🤩

Luqman Baihaqi, [6/8/2022 10:47 PM]
actually i'm not interesting about earn stuff,... token etc., i am very excited with web 3

Serge | I will never DM you first, [6/8/2022 10:47 PM]
You can try going through https://pointnetwork.github.io/docs/build-zapp-developer-guide

Serge | I will never DM you first, [6/8/2022 10:48 PM]
@jensendarren can help if you hit some roadblocks. But we’re working on a better UI where you won’t have to go through that many steps

Serge | I will never DM you first, [6/8/2022 10:48 PM]
Should be up soon

Luqman Baihaqi, [6/8/2022 10:53 PM]
Mmm... what make point different compare to tor ?

Luqman Baihaqi, [6/8/2022 10:54 PM]
i just feel in tor ecosystem

Serge | I will never DM you first, [6/8/2022 10:55 PM]
They have different use cases. You can run Point Network through Tor for maximum anonymity

Serge | I will never DM you first, [6/8/2022 10:56 PM]
Tor Browser allows you to browse normal websites anonymously, + .onion websites where you still have to run a server somewhere, and users have to trust that server with passwords etc.
Point Browser allows you to have websites and dApps on web3, without having to run centralized servers for that

Luqman Baihaqi, [6/8/2022 10:58 PM]
WoW,... so this is really peer to peer network ?

Luqman Baihaqi, [6/8/2022 10:59 PM]
So,... this is an enhanced version of torrent ? 😱

Serge | I will never DM you first, [6/8/2022 11:02 PM]
In torrents people seed files altruistically. Nobody will serve your cat pictures on decentralized facebook altruistically though. So if you go offline, your content goes offline. Same with things like IPFS

On Point Network, your stuff is uploaded to decentralized storage, where a small amount of POINT tokens is taken to the blockchain, and the blockchain keeps paying decentralized storage miners to always have your and everybody else’s content online and uncensored (we use Arweave network for that)

Luqman Baihaqi, [6/8/2022 11:04 PM]
So,... Arweave network like a pool ?

Serge | I will never DM you first, [6/8/2022 11:06 PM]
[In reply to Luqman Baihaqi]
https://arwiki.wiki/#/en/main

It’s thousands of computers around the world right now that are keeping Point Network’s content online. Even if half the network goes offline or censored and shut down, the other half will continue

Serge | I will never DM you first, [6/8/2022 11:06 PM]
This is only one component that we tie together in Point Network, storage. It has several other parts. I recommend starting from the website https://pointnetwork.io and maybe the whitepaper if it’s not too complicated

Luqman Baihaqi, [6/8/2022 11:10 PM]
[In reply to Serge | I will never DM you first]
thanks serge, sorry for my silly question .... ☺️🙏🏽

Serge | I will never DM you first, [6/8/2022 11:10 PM]
Good questions, no worries

Bharat, [6/8/2022 11:14 PM]
[In reply to Serge | I will never DM you first]
I recommend the white paper. Takes a few days and a few readings but once you get that a-ha moment . You realise what this is

Luqman Baihaqi, [6/8/2022 11:29 PM]
i try to look in depth with this new guy,sir .... Arweave

Luqman Baihaqi, [6/8/2022 11:31 PM]
i just thinking, why blockchain can't handle storage yet.... 😬

Luqman Baihaqi, [6/8/2022 11:32 PM]
so this guy, Arweave,... come to point

Serge | I will never DM you first, [6/8/2022 11:33 PM]
It’s not a guy 🙂

Luqman Baihaqi, [6/8/2022 11:34 PM]
✌🏽sorry serge

Yzcozy, [6/8/2022 11:34 PM]
[In reply to Point Network]
Maybe this interview can help with more information @loubatt

Luqman Baihaqi, [6/8/2022 11:35 PM]
[In reply to Yzcozy]
yes,... i've been watching it  😬

Serge | I will never DM you first, [6/8/2022 11:35 PM]
we’ve got a similar question here

Serge | I will never DM you first, [6/8/2022 11:35 PM]
[ Photo ]

Serge | I will never DM you first, [6/8/2022 11:36 PM]
[ Photo ]

Serge | I will never DM you first, [6/8/2022 11:36 PM]
[In reply to Luqman Baihaqi]
exactly the same response. https://pointnetwork.io/link/whitepaper, pages 10-11


So, begitulah, ternyata mereka menggunakan storage nya pihak ke tiga, called "Arweave Network". Disebutkan di whitepapernya, dan mereka berpendapat storagenya fully decentralized.



#pointnetwork
#project
#web3
#arweave-network
#serge-the-pointnetwork
#telegram
#nice

Nyoba API Cardano nya Blockfrost.io dengan library nodejs nya, blockfrost menyediakan banyak API untuk mengakses info tentang address atau stake cardano account.

Build backend mulai dipindahkan ke ubuntu dengan antarmuka WSL windows 11. Maknyuss....

Untuk editor, sempat bermasalah jika sublime mengakses file di ubuntu wsl, jadi saya menngunakan gedit bawaan ubuntu, yang ternyata running smooth di windows, waww.


#project
#nodejs
#cardano
#blockfrost_io
#wsl
#nice
#gedit

Nyoba develop NEAR.

Ref:
https://dacade.org/communities/near/courses/near-101/learning-modules/b52ba9f1-caac-4339-96ed-fad3b1ab6bbd

Ternyata ada banyak pendatang baru di dunia Nodejs, kali ini NPM dapat pesaing baru bernama YARN. Install YARN nya dengan Choco, bawaan instalasi awal nodejs.


#crypto
#NEAR
#project
#nodejs
#npm
#yarn

chrome://flags/#unsafely-treat-insecure-origin-as-secure

supaya chrome bisa akses GPS ponsel

#googlemap
#kantor
#project

Persiapan AR kewilayahan, harta karun kumpulan koordinat kelurahan.

https://developer.tomtom.com/maps-sdk-web-js/functional-examples

==> Full link :
https://developer.tomtom.com/maps-sdk-web-js/functional-examples#examples,map,polygons-for-search.html

#kantor
#tomtom-maps
#alhamdulillah
#project
#map

Nyoba install flutter. #flutter #project #android

Sepertinya menarik, https://onsen.io #ui-framework #onsen-ui #project

https://css-tricks.com/debouncing-throttling-explained-examples/

JS trik untuk mengurangi function dijalankan selama event berlangsung. Maksudnya apa? silakan kunjungi link di atas 

#project #javascript #trick #awesome

Ditulis lewat HP yang melakukan vnc ke raspberrypi lewat koneksi wifi hotspot. #raspberrypi #vnc #project

Utak atik modem indihome kontrakan supaya aplikasi dilaptop bisa diakses dari internet

===========================
Modem indihome bisa diakses di ip lokal 192.168.100.1, atau kalo mau lebih yakin bisa dilihat lewat "ipconfig", biasanya modem induk nangkring di nomor 1. Account defaultnya "Admin" dan password defaultnya "admin".

- Aplikasi web laptop berjalan di port 9090
===========================

Case 1 : Mengakses aplikasi laptop di jaringan modem saja

- Laptop (server aplikasi) terhubung ke wifi indihome (DHCP)
- Handphone (client) terhubung ke wifi indihome (DHCP)

Hasil DHCP:
- Laptop ip 192.168.100.6 (port 9090 forwarding ke 9090 juga)
- HP tidak saya cek

result:
HP dapat mengakses aplikasi web di laptop dengan lancar tentunya di port alamat http://192.168.100.6:9090


Case 2 : Mengakses aplikasi laptop lewat internet

- Laptop (server aplikasi) terhubung ke wifi indihome (DHCP)
- Handphone (client) terhubung ke GSM

Cari tau berapa ip public modem indihome saat itu, tinggal ketik di pencarian google "what is my ip". Setelah ketemu ip modem indihome, berikutnya tinggal akses ip tersebut lewat HP yang terhubung ke GSM

Result:
HP dapat mengakses aplikasi web di laptop dengan lancar tentunya di port alamat http://36.75.19.66:9090

Case 3 : Mengakses aplikasi laptop (static IP) di jaringan modem

Laptop terhubung ke modem dengan cara DHCP, artinya IP yang diberikan ke laptop random. Ini akan bermasalah saat port forwarding, karena port forwarding menggunakan ip static/tetap. Saya ingin laptop selalu berIP 192.168.100.2 (misalnya).

Pemberian static IP bisa dilakukan dengan mendaftarkan Mac Address laptop ke modem, cara ini memungkinkan laptop selalu didaftarkan modem dengan IP yang static, misal 192.168.100.2 tadi.

Result:
Saya coba putuskan laptop dari wifi modem, lalu nyalakan lagi, setelah saya cek dengan ipconfig, IP laptop didaftarkan dengan ip yang saya inginkan, yakni ip 192.168.100.2

Case 4 : Mengakses aplikasi laptop di jaringan internet

IP public yang dimiliki modem indihome salalu berubah ketika kita nyala/matikan. Saat kita berada di jaringan modem indihome, mudah bagi kita untuk mengetahui ip public yang sedang kita gunakan. Bagaimana ketika kita ingin mengaksesnya dari luar jaringan modem indihome?

Ada salah satu solusi untuk hal ini, yakni dengan mendaftarkan nomor indihome kita ke ip-dynamic.com, situs ini memungkinkan kita untuk tahu berapa ip public yang sedang digunakan oleh modem indihome kita walaupun tidak berada didalam jaringan modem indihome.

Result:
Tanpa harus tahu berapa ip public modem indihome, saya bisa akses aplikasi web di laptop dengan alamat 162222202752.ip-dynamic.com:9090

#project #indihome #webkoe #aplikasi #nice #port-forwarding-indihome #modem-indihome #ip-dynamic

Mulai belajar vue.js #project #vuejs

Bongkar bongkar laptop lagi, kembali ke ingatan satu tahun yang lalu. #project #suratmasuk

Fitur web framework iris sepertinya lebih lengkap dibandingkan gorilla. Dari segi performa? klaimnya iris sih "The fastest backend web framework for Go". #project #go #iris-framework #gorilla-toolkit

Sangat terbantu dengan layanan http request dari https://www.hurl.it/, dengan tools ini ane bisa simulasi api tanpa harus bikin kode. #nice #webkoe #project #tools

Sepertinya model yang paling cocok untuk family tree adalah path dengan source dan target, bukan model struktur JSON yang diurai ... lebih terbaca dan fleksibel. I think ... #webkoe #project #famtree

Log progress push notification dengan google cloud manager (#gcm) sampai hari ini ada di http://webkoe.net/curl.txt #project #webkoe

fxCb_ZKYSHc:APA91bFAQKkhHEioC-E-Wht0WZ3nRCmeQKQuLJwDkC5v0sdKg8zylN9ZokkoD998UsmItYM-665sWhgZ5e6voLh2pyX5zJwUBNHkVc6Y4IJ5gQvhzZrS611yHDGTzZNzCpIxQwraQ8X6 #project

#golang for #android #project started

Kepikiran untuk bikin jenis_skl "EMAIL" untuk mencatat seluruh email yang dikirim #project #suratmasuk #kantor

Mengawali project ini dengan add friend #facebook ke Pak Zuliansyah. #project

Untuk tahap awal mungkin menyasar ke populasi dulu, dengan BIG Question "berapa jumlah pemadam kebakaran di Banjarmasin?" who knows? Ternyata this guy yang mengkoordinir pemadam se-banjarmasin "Kasi Kesiap Siagaan Badan Penanggulangan Bencana Daerah dan Kebakaran (BPBDK) Kota Banjarmasin Zuliansyah" dan catatan google menyatakan jumlah mereka saat ini dikisaran 500. Collecting mungkin bisa dimulai dengan menghubungi that guy ... mmm, jalan ini bakal terlalu birokratis. #project

Ane masih sangat miskin informasi seperti apa cara kerja mereka, dari keanggotaan sampai bagaimana koordinasi diinternal atau external mereka, belum lagi yang agak mendalam; pola donasi mereka, donasi yang biasanya mereka dapatkan door to door #project

Project baru yang lumayan asik, Facebook Account Crawler by user_id. Sementara ini baru bisa crawler halaman depan, load more belum dapat celahnya. Dapat porsi di http://webkoe.net:8080. #project

Suratmasuk sudah sampe edit, masuk ke print disposisi #project

Rewrite #react component suratmasuk. #project

#alhamdulillah render nested JSON object #react di suratmasuk yang baru berhasil dipecahkan #problemsolved. Fungsi .map react awalnya ane pikir bisa dimodifikasi menjadi looping bawaan #javascript semacam "for". Ternyata .map lebih bekerja sebagaimana render seharusnya, .map hanya merepresentasikan data menjadi view, bukan dengan paradigma looping. Berkali-kali ane mencoba memasukkan manipulasi saat .map, selalu gagal. Jalan keluarnya ternyata mudah, dan menurut ane inilah kekuatan react. Manipulasi data berjalan diluar render, ane gunakan fungsi tersendiri untuk memanipulasi ulang JSON dari server menjadi bentuk JSON yang ".map friendly".

Contohnya adalah seperti ini :

JSON server 
var json= [
   {
     asal: "KPP Banjarmasin", 
     perihal: "Laporan", 
     tag: 
     {
        "01": {nomor_agenda: "100"},
        "01-01": {nomor_agenda: "17"}
     },
   {
     asal: "KPP Banjarbaru", 
     perihal: "Surat Pengantar", 
     tag: 
     {
        "01": {nomor_agenda: "101"},
        "01-01": {nomor_agenda: "18"}
     }
]

Bentuk diatas harus bisa menyesuaikan
nomor_agenda yang muncul saat di 
render ke table. Jika login sebagai "01"
maka nomor_agenda tampil 100, sedangkan
saat login sebagai "01-01" yang tampil
adalah 17. Manipulasi tampilan seperti ini
sangat mudah dilakukan dengan loop;
loop jquery misalnya :

for(var a in json){
    var asal = json[a].asal
    var perihal = jason[a].perihal
    ...
}

#project #bersambung

Surat masuk di server 222 ane kembalikan ke laptop lagi developnya, untuk kemudahan. Disamping juga uji coba portabilitasnya, lumayan portable, tinggal sesuaikan file config dan hardedit di file config.go, develop terbaru sudah mengeliminir hardedit dengan memindahkan ke args[0]. Jadi perintah untuk menjalankannya "server.exe fileconfig.json". Query like dengan bson.regex juga running smoothly, #alhamdulillah, padahal bagian inilah yang sebelumnya membuat ane lumayan stuck. Berikutnya sort() diputuskan untuk descending berdasarkan waktu created saja, tidak perlu memperhitungkan tag, untuk meningkatkan performa search. Mungkin dengan menaikkan waktu create ke level 0 bisa menaikkan performa juga. Selama ini created time hanya ada di level 1, tag dan history. #project #go #mongodb

Yang menarik lagi adalah, #reactjs masih bersahabat baik dengan #jquery dan #bootstrap, sehingga pada bagian tertentu yang memerlukan kedua framework tersebut masih bisa diembed pada struktur react. #project kecil yang ane kerjakan (mengikuti panduan kursus udemy azat), request via ajax ($.getJSON & $.post) masih menjadi tool utama react. Sedangkan untuk style tinggal meng-attach komponen dengan className milik #bootstrap.

Sudah bisa POST dan GET dengan #reactjs, hehe ... management JS sepertinya mendapatkan titik terang. #reactjs lebih efisien dalam manipulasi DOM nya; menurut ane. Jika sebuah komponen atau DOM masih bisa digunakan untuk merepresentasikan model, maka DOM tersebut tidak destroy, misal : saat load awal ada 10 rows data dihalaman 1, maka DOM 10 rows ini tidak mengalami manipulasi sama sekali untuk merepresentasikan 10 rows berikutnya di halaman 2, 3,4 dst, selama jumlah rowsnya sama. Jika pada suatu halaman diketahui kurang dari 10 rows, maka hanya DOM yang tidak digunakan saja yang di destroy. Begitu juga sebaliknya saat ada penambahan rows, DOM yang dicreate hanya sejumlah penambahan yang diperlukan saja. #enlightenment #nice #project

Nyoba #reactjs. #project

Ribetnya berurusan sama swipe menu ... #project

Alih alih dengan metode media-query min-width, max-width, lakukan ini, lakukan itu, ada cara termudah ... kini html sudah bisa mengenali posisi "portrait" dan "landscape". #nice #project

Kombinasi media query, css, dan jquery. Lets fun with layout ... hasil akhirnya semoga berhasil membuat layout responsive sendiri yang sudah support swipe menu, semoga ... #project

Mau nyoba yang asik-asik ... mainan design saja untuk hari ini, dimulai dengan menu swipe or wipe. #project

jQuery plugin untuk text selection di textarea/input #project

Oauth sepertinya perlu diexplore juga #todo #project #webkoe

Dari kemaren sore, sampe dini hari ini dipusingkan
sama arraynya #go. Bentuk seperti ini : 

[
   [ {"title":"OK"} , {"title":"WELL"} ]
] 

tidak bisa langsung dikonsumsi sama contoh script 
di #ebook nya #addyosmani. 

Yang diinginkan adalah bentuk 2 objectnya 
langsung (up 1 level) yaitu :

[ {"title":"OK"} , {"title":"WELL"} ]

#problemsolve nya sementara ini di #go adalah,
mengubah type struct ke type string

#project

Sedikit demi sedikit misteri #backbonejs mulai terungkap #nice ... #tips agar #jquery tetap bisa jalan, pasang script tagnya pada posisi paling bawah, tadi pas nyoba click event manual berhasil running, tapi pada saat script di head, gagal. Penemuan besar berikutnya adalah model ternyata benar2 merepresentasikan tiap row data (json), makanya diatas model harus memahami collection juga #nice #project

Untuk video tutorial #backbonejs sebenarnya ane sudah download offlinenya, tapi di hape ... T_T. Mungkin lebih baik jika dipandu oleh e-booknya #addyosmani saja. Download dulu di it-ebook wes #project

Mau bereksperimen dengan #backbonejs, rencananya malam ini mau pake server lokal saja. Mengingat route di webkoe sudah strict, lagipula ada server lite yang powerfull untuk uji coba file static/SPA(Single page application) #project

Ngoprek #nodejs & #npm, ember-cli minta nodejs & npm terbaru, yang exist di #webkoe sudah usang, ckckck ... #project

Coba #emberjs #project #webkoe

Responsive Layout, ... #polymer #project

Kepikiran mau merubah sms yang baru pake mysql saja #project

Surat masuk sudah sampe paging, pagingnya make autoload kalo di scroll ke bawah, ikut twitter, wkwkwk... smstomongo.py td juga sudah update, sudah narik data sms_letter_a #project

Query ini dijalankan dengan jumlah row 82464

db.sms.find(
    {
        "tag.01" : { "$exists" : true},
        "status" : "active"
    }
).sort({"tag.01.tanggal_disposisi" : -1, "tag.01.nomor_agenda" : -1}).skip(0).limit(10)

waktu eksekusinya :
- 1,526 sec. di laptop      (windows 8)
- 0,562 sec. di server 222  (ubuntu)
- 0,53  sec. di server 215  (ubuntu)

So, pilihan yang bagus untuk develop jatuh pada server 222 saja bukan ?

#project #mongodb

Query ini :

db.sms.find(
    {
        "tag.01" : { "$exists" : true},
        "status" : "active"
    }
).sort({"tag.01.tanggal_disposisi" : -1, "tag.01.nomor_agenda" : -1}).skip(0).limit(10)

waktu eksekusinya :
- 1,526 sec. di laptop      (windows 8)
- 0,562 sec. di server 222  (ubuntu)
- 0,53  sec. di server 215  (ubuntu)

#project #mongodb

Prepare migrasi mysql sms ke mongodb #project dengan #python tentunya ...

Sudah nyoba masang di windows 7 32 ,... #go #project running smoothly ... berarti memang komputer 123 yang bermasalah #fyuuh

Saat file hasil kompilasi windows xp dijalankan di windows 7, masalah tetap muncul ... jadi bukan di compilernya to ? #project #error

Hyper-v terkendala sama networknya, beralih ke vmware player 7, #alhamdulillah seperti punya mesin sendiri, percobaan pertama vm windows xp sp2 x86 (32 bit). Masalah css yang error kemaren tidak terjadi ... Mmm ... so ? #project

Merambah ke Virtual Machine ... untuk windows 8 untungnya sudah difasilitasi dengan hyper-v. Lets check it out ! #project #vm

Nyoba compile ke windows 32 bit, semua berjalan lancar, kecuali CSS external yang tidak terload ... #error #go #project

Padahal di 64 lancar jaya ...

Issue yang mirip di stackoverflow

Prepare to surat keluar #project #go

Ternyata go compiler bisa mengcompile lintas OS dan ARCH (arsitektur prosessor, 32 atau 64 bit). GO di komputer ane bermasalah saat akan melakukan kompilasi lintas OS dan ARCH, ini nyoba install ulang GO, dari sourcenya langsung, untuk itu perlu compiler gcc Petunjuknya

#go #project

Pindah semua variable di config.go ke file .json , sementara ini path dipakem ke c:\DWConf\config.json, berikutnya mungkin bisa dimasukkan ke argument command line saja #project #go

package config

import(
	"encoding/json"
	"os"
	"fmt"
)

var (

    // Path
    // TemplatePath      = "D:\\PROJECTS\\GO-APP\\sms.0.01\\templates\\"
    // PublicPath		  = "D:\\PROJECTS\\GO-APP\\sms.0.01\\public\\"
    UploadPath		  = "D:\\PROJECTS\\GO-APP\\sms.0.01\\public\\files\\"
    PDFPath			  = "D:\\PROJECTS\\GO-APP\\sms.0.01\\public\\pdf\\"
    ImagesLogoPath 	  = "D:\\PROJECTS\\GO-APP\\sms.0.01\\public\\images\\depkeu.png" // PDF Generator | logo depkeu disposisi suratmasuk
    
    // Tahun Nomor Agenda
    TahunAgendaSMS	  = "2015"

)

type Configuration struct {
    Port string
    TemplatePath string
    PublicPath string
}


func Port() string {
	file, _ := os.Open("C:\\DWConf\\config.json")
	decoder := json.NewDecoder(file)
	configuration := Configuration{}
	err := decoder.Decode(&configuration)
	if err != nil {
	  fmt.Println("error:", err)
	}
	// fmt.Println() // output: [UserA, UserB]
	return configuration.Port
}

func TemplatePath() string {
	file, _ := os.Open("C:\\DWConf\\config.json")
	decoder := json.NewDecoder(file)
	configuration := Configuration{}
	err := decoder.Decode(&configuration)
	if err != nil {
	  fmt.Println("error:", err)
	}
	return configuration.TemplatePath
}

func PublicPath() string {
	file, _ := os.Open("C:\\DWConf\\config.json")
	decoder := json.NewDecoder(file)
	configuration := Configuration{}
	err := decoder.Decode(&configuration)
	if err != nil {
	  fmt.Println("error:", err)
	}
	return configuration.PublicPath
}

Bugging ... separator "." di kode_jabatan bermasalah saat masuk ke mongodb, so ubah ke separator lain ... mungkin minus saja "-" ? #bug #project

Redesign tag #go #project ... Bentuk list diubah ke bentuk array saja

Sebelum 
"tag" : [
          {
            "created_by" : "auto",
            "created_from" : "::1",
            "nama" : "ARIEF YANUAR",
            "kode_jabatan" : "01",
            "nama_jabatan" : "Kepala Kantor Wilayah DJP Kalimantan Selatan dan Tengah",
            "nomor_agenda" : 2,
            "tanggal_disposisi" : "2015-04-29 10:03:21.7417571 +0800 SGT",
            "tanggal_terima" : "2015-04-29 10:03:21.7417571 +0800 SGT"
          }
        ],

Planningnya 
"tag" : {
        "01" : {
            "created_by" : "auto",
            "created_from" : "::1",
            "nama" : "ARIEF YANUAR",
            "kode_jabatan" : "01",
            "nama_jabatan" : "Kepala Kantor Wilayah DJP Kalimantan Selatan dan Tengah",
            "nomor_agenda" : 2,
            "tanggal_disposisi" : "2015-04-29 10:03:21.7417571 +0800 SGT",
            "tanggal_terima" : "2015-04-29 10:03:21.7417571 +0800 SGT"
        }
    },

Disposisi pdf suratmasuk yang baru #done, #project

Hasil pencarian google sebenarnya mengarahkan ke library code.google.com/p/gofpdf, tapi setelah saya coba pasang dengan "go get" muncul error terkait versioning, blablabla ... #alhamdulillah diakhir-akhir pencarian kitab suci, saya dituntun ke sebuah library yang wow punya ... library sebenarnya dari library yang error ini yaitu "github.com/jung-kurt/gofpdf", meski library ini tidak semagic html2pdfnya php, saya pikir sudah cukup ... jadi kembali ke masa masa membuat pdf dengan koordinat #hahaha #go #project

Golang pdf works like a charm, pake library github.com/jung-kurt/gofpdf #go #project

Sedang berjibaku (oeeh) dengan golang pdf ... kesana kemari mencari kitab suci #go #project

#todo : Batasi tagaddto POST hanya untuk bawahan saja, selama ini kode_jabatan yang dikirim hanya difilter dari form saja #project

Sudah diputuskan, ... di ajax-kan saja. #project

Wuuh, benar-benar hari-hari yang runyam. Kemaren belepotan di iterate interface{} ke map[string]interface{}, maksud hati supaya gampang di json-kan, dan ane lebih paham apa yang sebenarnya terjadi, daripada harus menerima magic-nya #go. Ane nyerah, coz untuk output json sudah di magic-kan juga sama #go ... ane tetap saja kurang puas coz data yang diparsing ke template adalah semua, tidak bisa dipilah-pilah dahulu sebelum di pass. Untung lah template bisa meng-compare data, jadi tidak perlu semua data ditampilkan

{{define "title"}}
		Home
	{{end}}

	{{define "username"}}
		{{.username}}
	{{end}}

	{{define "body"}}
		
		{{ $kodejabatan := .kodejabatan }}
		
		Input 


		<table border="1">
			<thead>
				<th>Mode</th>
				<th colspan="2">Agenda</th>
				<th>Asal</th>
				<th>Nomor</th>
				<th>Tanggal</th>
				<th>Hal</th>
			</thead>

			{{ range .listsurat}}
				<tr>
					<td>Detail</td>
					
						{{ range .Tag}}
							{{ if eq .kode_jabatan $kodejabatan}}
								<td>{{.nomor_agenda}}</td>
								<td>{{.tanggal_disposisi | formatwaktu}}</td>
							{{ end }}
						{{ end }}

					<td>{{ .Asal}}</td>
					<td>{{ .Nomor}}</td>
					<td>{{ .Tanggal}}</td>
					<td>{{ .Hal}}</td>
				</tr>
			{{ end }}


		</table>

	{{end}}

#project

Merapikan Model sms #go, nama model sesuai nama collection saja ... biar ga pusing #project

appen sub dokumen #mongodb

    db.sms.update(
        {"doc_series": "142796052080b097c7714f6e96f5dfe87faa68cb43"},
        {"$push" : 
            {
                "tag" : {"nama_jabatan":"anonymous","tglDisposisi": "222-22-22","tglTerima": "9999-99-999"}
            }
        }
    )

#project

Ajax-ing sms #project, mulai berkutat dengan JSON-nya #go. Selama ini masih seputar Form ... semoga lancar jaya aamieen

#mongodb #enlightenment #project

db.sms.find(
    db.sms.find({
        "$and" : [
            {
                "hal": /lap/i},
                {"hal": /bu/i},
                {"hal": /nya/i}
            ]
    })

Cari dokumen yang "hal" nya mengandung mengandung lap/bu & nya;case sensitive (i) ... sama seperti query mysql

    SELECT *
    FROM sms_letter
    WHERE hal LIKE '%lap%'
        AND hal LIKE '%bu%'
        AND hal LIKE '%nya%'

Kenapa baru sekarang kepikiran dengan query seperti ini, ... alamaak ... selama ini query mysql hanya terkotak sama WHERE hal LIKE '%lap bu nya%' yang tentu saja ga akan ketemu dokumennya ... big WoWW

#enlightenment #mongodb #project

    db.nomor_agenda.findAndModify({
        "query" : {"$and" : [{"kode_jabatan": "01"}, {"tahun": 2015}]},
        "update" : {"$inc" : {"nomor_agenda": 1}},
        "upsert" : true,
        "new" : true
    })

Magical #mongodb #enlightenment, perintah ini mencari dokumen sesuai "query", lalu meng-increment-kan nomor_agenda sejumlah 1, jika dokumen tidak ditemukan maka akan di-create ... dan ... hasil "atomic" ini akan mengembalikan value. Big WoW. Biasanya untuk menambah 1 setiap nomor agenda kita akan mengquery dulu nilai terakhir, lalu menambah satu dan terakhir update/insert sesuai nilai yang sudah ditambahkan. Cara ini sangat rawan terjadi kesalahan jika ada lebih dari 1 user mempost dalam waktu yang sama persis, dengan perintah mongo ini, hal seperti itu bisa diatasi ...

db.nomor_agenda.findAndModify({
    "query" : {"kode_jabatan": "02"},
    "update" : {"$inc" : {"nomor_agenda": 1}},
    "upsert" : true,
    "new" : true
})

#project

Saatnya masuk ke menu USER sms #project

#project

sms-go #done at

- Admin Login
- Admin Logout
- Admin User
- Admin Jabatan

#project #go

sms masih sempat lanjut disamping tugas rutin kantor, hari ini sudah selesai di auth admin #project, tadi sempat bermasalah saat mengambil value hasil query mongodb. Interfave{} doesnt support indexing, #alhamdulillah sudah terselesaikan dengan menyamakan type map[string]interface{} disisi model dan controller #project

Package Checklist

Session : OK
MongoDB : OK

#todo

- Pecah sms-server ke package-package
- Rapikan Folder Templates

#project #go

Login system sms-admin juga ready, base juga dipisahkan,jadi 4 base; sms-admin_base, sms-admin_base_noauth, sms-user_base, sms-user_base_noauth #project

Login system SMS versi GO ready :) #project

Nyari info node.js di Indonesia, malah digiring ke forum kaskus, pas kebetulan ada yang menawarkan proyek simple web. Nice, simple web ... ane coba ikutan daftar, ternyata digiring ke http://project.co.id - inti dari web ini sama seperti Linkedn. Ane Bid (istilahnya melamar) ke projek tadi, trus bisa melihat siapa saja yang sudah bid, ada nama ahmadsuhaimi (http://www.ahmadsuaidi.com/) yang ternyata sudah punya rekam jejak banyak tentang perwebsite an, ane lihat portofolionya, ada traveller dan blablabla ... dari situ ane lihat ada fitur ticket, ternyata cara kerjanya seperti ini

1. Admin menyedikan form
2. User menginput
3. Diarahkan ke API Ticketing
4. Ada pilih, dan pemesanan
   ** ane pikir API nya langsung ke Maskapai, ternyata seperti kata Dino, mereka masuk ke Bulk travel dulu, dan sepertinya mereka melakukan pemesanan secara manual.
   ** lantas kenapa user ga langsung ke website maskapai saja, dan melakukan pembayaran langsung, tanpa perantara ?
   ** Mmm ... membingungkan

#project

API ticketing http://neotravellers.net/

URL : http://neotravellers.net/tiket-pesawat
POST : trip=0&flight=garuda&city_from=BPN-Balikpapan&city_to=BDJ-Banjarmasin&date_from=12-03-2015&date_to=&adult=1

Soure kode kota ada di home nya, murni HTML, tinggal sorong ...

#project

Mbikin crawler Intranet #kantor dengan #go, ternyata lumayan menyita waktu, ada banyak contoh scriptnya, tp kebanyakan belum mensupport POST, SESSION, COOKIES ... akhirnya ane balik ke duet #python dan #curl mawon .... Xixixi #project

#go sudah bisa konek ke #mysql ... belajarGO #project

mau nyoba #go untuk web development #project #webkoe

Baca baca e-book #go , penasaran kenapa tjholowaychuk (maatermind yg misterius) beralih ke #go begitu saja ... statementnya yg paling ane ingat ttg #javascript aka. #nodejs "callback hell". Dan memang ane sudah merasakannya ... #fyuuh #project

#polymerTutorial0001
Tag ini untuk mengelompokkan step by step belajar polymer, sebelumnya saya sudah mencoba membuat #project dengan #polymer, tapi belum ada dokumentasinya. Sekarang saya mencoba mulai mendokumentasikannya dengan mengafiliasikan tiap step yang saya lakukan via taggar. 

Ok, lets go for fun, Now !

#polymer_tutorial_0001
Tag ini untuk mengelompokkan step by step belajar polymer, sebelumnya saya sudah mencoba membuat #project dengan #polymer, tapi belum ada dokumentasinya. Sekarang saya mencoba mulai mendokumentasikannya dengan mengafiliasikan tiap step yang saya lakukan via taggar. 

Ok, lets go for fun, Now !

#polymer-tutorial-0001 Tag ini untuk mengelompokkan step by step belajar polymer, sebelumnya saya sudah mencoba membuat #project dengan #polymer, tapi belum ada dokumentasinya. Sekarang saya mencoba mulai mendokumentasikannya dengan mengafiliasikan tiap step yang saya lakukan via taggar. Ok, lets go for fun, Now !

1. Download polymer script

sempat mau nyoba #nginx , ternyata #apache yang baru sudah lebih powrfull ketimbang nginx (lupa versi apache-nya), kata pihak apachenya ... ga jadi nyoba #nginx #project #webkoe

upgrade RAM jadi 4GB #project

Slider replaced by next & prev button #project

Mulai dapat feelnya polymer #project

Masuk ranah dependencies web, BOWER . Dari bower.io Web sites are made of lots of things — frameworks, libraries, assets, utilities, and rainbows. Bower manages all these things for you. ... #project #bower

Nemu tool baru, polymer js #project

Ternyata even juga perlu di clearkan ... ini sebanya post catatan melakukan post berkali-kali, sebanyak jumlah renderlistdisposisi di panggil ...

hapuskan ingatan event click atas object #foo
$( "#foo").unbind( "click" );

#jquery #enlightenment #script #problemsolved #project

Menu remove tag hanya untuk suratmasuk. Progres suratkeluar baru sampai form tambah surat, dan memang ini corenya surat keluar #project

Sms mulai merambah ke suratkeluar, menu remove tag sudah dipasang; menu ini untuk menghapus tag/user dari daftar tag sepanjang surat belum diterima/tgTerima kosong #project

Search paradigm has change ...

	var filter = {
		"$and" : [
			{"tag.kode_jabatan": req.session.user.kode_jabatan},
			{"tag.enable": "1"}
		]
	}

	if(req.session.search == undefined){
		// PASS
	}else{
		for(var a in req.session.search){
			if(a !== "hal"){
				var value = new RegExp(req.session.search[a], "i")
				var _subobj = {}
				_subobj[a] = value
				filter['$and'].push(_subobj)
			}else{
				var kata = req.session.search[a].split(" ")
				for(var indexWord in kata){
					var value = new RegExp(kata[indexWord], "i")
					var _subobj = {}
					_subobj[a] = value
					filter['$and'].push(_subobj)
				}
			}
		}
	}

Hasil query mongonya ...

{ '$and':
   [ { 'tag.kode_jabatan': '01' },
     { 'tag.enable': '1' },
     { nomorAgenda: /(?:)/i },
     { tglAgenda: /(?:)/i },
     { asal: /(?:)/i },
     { nomor: /(?:)/i },
     { tanggal: /(?:)/i },
     { hal: /cuti/i },
     { hal: /asra/i } ] }
{ '$and':
   [ { 'tag.kode_jabatan': '01' },
     { 'tag.enable': '1' },
     { nomorAgenda: /(?:)/i },
     { tglAgenda: /(?:)/i },
     { asal: /(?:)/i },
     { nomor: /(?:)/i },
     { tanggal: /(?:)/i },
     { hal: /cuti/i },
     { hal: /asra/i } ] }

#script #mongodb #project

Sms sudah masuk tahap print disposisi, print via html saja, bukan pdf, coz pdf lebih lemot, dan lagi sepertinya terlalu makan banyak resource, coz make thrid party, phantomjs. Tahap ini agak tersendat di layout bawahan, menurun kebawah semua, atau mengisi ruang kosong di kanan, isi ruang kosong mesti pake kondisi lagi, ditambah lagi belum tau caranya pengkondisian disisi swig, untuk sementara dengan memasukkan variable ke object result, pengkondisian dilakukan disisi express, dan hasilnya diteruskan ke swig, seperti halnya pada layout induk disposisi #project

Relakan 800ms delay sms untuk kemudahan pengembangan aplikasi kedepan #project #kantor

Ditambah lagi saat keyup search berlangsung, html isotop tidak selalu bisa dibersihkan, kadang masih gagal so data hasil pencarian banyak terjadi duplikasi, solusi : remove keyup, ganti dengan onclick button saja. #project

Masih kepikiran sms, load search dengan mongodb 6 kali lebih lambat dibandingkan dengan load mysql ... #fyuuh #project

Wah, kmaren terlalu cius maen sms, sampe lupa ngupdate status di #webkoe #project, sms sudah bisa disposisi sekaligus UI nya. UI mewajibkan dokumen diterima terlebih dahulu sebelum bisa didisposisi ke bawahan, bawahan yang sudah didisposisi tidak muncul lagi di list bawahan. Untuk disposisi tinggal tambahan jenis dan catatan, juga action lainnya seperti 'arsip ke' atau link ke surat keluar. Yang lebih menantang sebenarnya ada di pencarian dokumen

Rencana hari ini, melanjutkan lightweight sms, kemaren bolak balik di datepicker sama onmouseover doank #project

Pending STATE #project,... copying to madya surabaya #fyuuh

Masih galau dengan nomor agenda surat per bidang/seksi, tetap ada atau cukup di sekre saja ? #project #fyuuh

Suratmasuk yang baru mulai masuk disposisi, baru donlot nama-nama pegawai dari sikka, masih di excel, belum dimasukkan ke mongodb #project

suratmasuk yang baru sudah sampe tahap edit surat, ... #kantor #project #suratmasuk

Laptop kantor sudah dipasang ADT, sempat bingung bagaimana installnya ternyata tinggal akses developer.android.com pake browser ubuntu, download ADT, ekstrak, dan klik 2x di eclipse (ada di folder eclipse). Eclipse tanpa .exe pastinya #project #android #ubuntu

Laptop kantor sudah bisa wifi, berikutnya tinggal mindah sms ke laptop biar bisa diutak atik dirumah #project

Isotop framework untuk layout web, sudah dicoba di sms yang baru, sepertinya jqwidget tidak bisa ditinggalkan, ane masih perlu window nya ... #project

Dua domain merefer ke host yang sama webkoe.net dan kulitmanggis.co.id #webkoe #project

Nyoba ganti engine views sms ke SWIG #project #kantor

Alhamdulillah, sudah bisa bikin bbm sendiri ... wuhuuuuuuuuuuuuuu #project #done #websocket #webkoe

Websocket works ! #android #project #webkoe

Nyoba native android connect ke websocket, target SDK API-LEVEL 8 froyo. Sudah tampil dan tanpa error,tapi belum bisa konek ke server, percobaan dengan web aja gagal, huehue ... bingung dengan protokol yang digunakan, WS ato HTTP ... #android #project #webkoe #websocket

Dapat ebook Practical Node.js gratis langsung dari penulisnya Azat, setelah ikut mereview buku sebelumnya express.js guide dan ngasih bintang lima, hehehe ... bukunya yang kedua ini kelihatannya lebih powerfull ketimbang sebelumnya, disamping sudah membahas express 4, juga banyak dibahas teknologi baru lainnya seperti socket, buffering, file, dll ... #nodejs #expressjs #ebook #project

back to route aja ... biar bisa di crawl google #project

OVJ #project

$pull
db.sms.update({seri_surat: "8MLzd4dkd"},{$pull: {tag:{tambahan: "push"}}})

$push
db.sms.update( {seri_surat: "8MLzd4dkd"}, { $push : {tag : { "kode_jabatan": "AA", "nama_jabatan": "Kakanwil"} } } ) #script #mongodb #project

var jabatan = function () { var tmp = null; $.ajax({ 'async': false, 'type': "GET", 'global': false, 'dataType': 'html', 'url': "/suratmasuk", 'data': '', 'success': function (data) { tmp = data; } }); return tmp; }(); #script #project

Hari ini lebih banyak di jqwidget, rowselect event yang macet kemaren ternyata penyebabnya adalah seharusnya datafields yang tertulis adalah bentuk camel, dataFields. Alhamdulillah berjalan lancar jaya ... #jqwidgets #project

Memisahkan route ke dalam modul-modul alhamdulillah sudah tau caranya, berikutnya bagaimana meneruskan variable yanh sudah diset di app induk agar bisa digunakan oleh modul modul yang terpisah. Trik di buku azat, salah satunya dengan menempelkan variable pada req dengan app.use(function(req,res,next){ bla bla bla, contoh variablenya adalah db, yang merefer ke database storage, so kalo begitu req di app.use adalah variable global ? ato mungkin tanpa app.use pun req memang sudah global ? ini masih tanda tanya. Berikutnya, penggunaan variable db pada app.use apa tidak mubazir, tidak semua request (req) meminta koneksi database to ? apa mungkin perlu ada pengecekan parameter route dulu sebelum deklarasi db di app.use ? that's the next question ... #project

API express4 http://expressjs.com/4x/api.html #project

instalasi nodejs dan npm terupdate https://gist.github.com/isaacs/579814 #project

Nyoba express 4 di 222 #project