Pekerjaan sebagai hobimu

[javaskrip-blog]

[javaskrip-blog]

Bandingan realiti terhadap movie.

[javaskrip-blog]

Bagaimana membuat custom button untuk mencetak data-data yang ada pada graf Highchart

Kebiasaanya apabila menggunakan plugin Export CSV, maka plugin akan memasukkan pautan untuk mencetak data secara automatik.

Pilihan yang ada memang cukup memadai cuma pada saya, ada kekurangan pula apabila graf dicetak, imej menu button itu turut serta tercetak. Jadi disini nampak keperluan untuk membuat button yang berlainan tetapi mempunyai semua fungsi yang sama.

Perkara ini tidak semudah yang disangkakan apabila saya mahu mencetak data dan dijadikan fail CSV atau Microsoft Excel. Tiada interface untuk mencetak dan menyebabkan saya perlu mencedok dan menyunting semula function getContent yang diperoleh dari fail plugin itu sendiri. Berikut adalah kod yang dicedok dan disunting semula

function getContent(chart, href, extention, content, MIME) { var a, blobObject, name = (chart.title ? chart.title.textStr.replace(/ /g, '-').toLowerCase() : 'chart'); if (window.Blob && window.navigator.msSaveOrOpenBlob) { //Falls to msSaveOrOpenBlob if download attribute is not supported blobObject = new Blob([content]); window.navigator.msSaveOrOpenBlob(blobObject, name + '.' + extention); } else { // Fall back to server side handling Highcharts.post('http://www.highcharts.com/studies/csv-export/download.php', { data: content, type: MIME, extension: extention }); } }

Cara Penggunaan

HTML

<a href="#">Cetak</a>

JS

$("a").on("click", function (e) { e.preventDefault(); var chart = $(".chart-canvas").highcharts(), csv = chart.getCSV(true); getContent(chart, 'data:text/csv,' + csv.replace(/\n/g, '%0A'), 'csv', csv, 'text/csv'); });

Selamat Koding!

[javaskrip-blog]

Orang berilmu dan beradab tidak akan diam di kampung halaman, tinggalkanlah negerimu dan merantaulah ke negeri orang, merantaulah, maka kau akan dapatkan penganti dari kerabat dan kawan, berlelah-lelahlah, manisnya hidup terasa setelah lelah berjuang.

Aku melihat air menjadi rusak kerana diam bertahan, jika mengalir menjadi jernih, jika tidak, akan keruh menggenang.

Singa jika tidak tinggalkan sarang, tidak akan dapat mangsa.

Anak panah jika tidak tinggalkan busur, tidak akan kena sasaran.

Jika matahari di orbitnya tidak bergerak dan terus diam tentu manusia bosan padanya dan enggan memandang.

Biji emas bagaikan tanah biasa, sebelum digali dari tambang

Kayu gaharu tidak ubahnya seperti kayu biasa jika tetap di dalam hutan.

Imam Asy - Syafi'i.

[javaskrip-blog]

[javaskrip-blog]

Sebelum menyunting file http.conf, saya menambah A record. Hosting dari Zenpipe,

[javaskrip-blog]

Mengubah suai Response Header Menggunakan Varnish 4

sub vcl_deliver { set resp.http.Server = "Nusantara"; set resp.http.X-Powered-By = "WallahuA'lam"; }

[javaskrip-blog]

If the backend sends "Content-Length: 0″ and "Content_Encoding: gzip" it is buggy, work around it. If the backend sends chunked encoding we don't catch it and fail the transfer.

Poul-Henning Kamp

[javaskrip-blog]

[javaskrip-blog]

BackboneConf 2014

[javaskrip-blog]

Rawatan Thabiyyah & Illahiyah

[javaskrip-blog]

[javaskrip-blog]

It is similar to memcache but Redis has vast opportunities of data storage

[javaskrip-blog]

Langkah mudah pasang Varnish 4.0.1 pada Apache 2.4.6

Dulu jarang diperhatikan soal pengurusan server kerana kita di Malaysia lebih senang dengan khidmat Shared Hosting yang ditawarkan. Khidmat ini sangat terbatas dari aspek penyesuaian dan penyelarasan untuk sesebuah aplikasi yang dibangun. Sedang saya membangun sebuah aplikasi thick client yakni sebuah aplikasi laman tunggal, saya memikirkan untuk mempercepatkan respon dari server bagi segala fail-fail statik seperti jpg, gif, css, js dan sebagainya. Berikut adalah langkah-langkah mudah untuk memasang Varnish pada sebuah VPS server (CentOs 7 yang telah dilengkapi LAMP) yang saya langgan dari ZenPipe (M).

Langkah pertama: Tambah dan kemaskini Repositori EPEL

Varnish adalah sebahagian dari Extra Packages for Enterprise Linux (EPEL), dimana ia adalah sebuah repositori komuniti bagi pakej non-standard untuk penyebaran RHEL.

rpm -iUvh http://dl.fedoraproject.org/pub/epel/7/x86_64/e/epel-release-7-5.noarch.rpm

Langkah 2: Pasang Varnish Cache Server

Mula-mula pastikan pakej-pakej yang tertera adalah yang terkini sebelum pasang Varnish

yum -y update

Usai kemaskini pakej, proses memasang Varnish adalah mudah dengan sebaris arahan sahaja:

yum -y install varnish

Langkah 3: Gubah baris arahan VARNISH_LISTEN_PORT=6081 kepada 80

Dengan menggunakan nano, sebuah editor teks, anda boleh menggunakannya untuk mengubah pada lokasi tertentu seperti ini

nano /etc/varnish/varnish.params

ubah kepada

VARNISH_LISTEN_PORT=80

Langkah 4: Tetapkan tetapan umum Varnish

seperti biasa, dengan menggunakan nano

nano /etc/varnish/default.vcl

beri perhatian pada baris seperti dibawah dan ikut seperti yang tertera

backend default { .host = "127.0.0.1"; .port = "8080"; }

Langkah 5: Sunting fail Apache httpd.conf untuk menjadikan Apache hanya listen pada port 8080

nano /etc/httpd/conf/httpd.conf

kenal pasti baris di bawah dan ikut seperti yang tertera

Listen 127.0.0.1:8080

Langkah 6: Gubah iptables untuk mengizinkan sambungan pada port 80

nano /etc/sysconfig/iptables

Kenalpasti kedudukan baris ini

-A INPUT -m state --state NEW -m tcp -p tcp --dport 22 -j ACCEPT

Tambah kod ini betul-betul selepas kod diatas

-A INPUT -m state --state NEW -m tcp -p tcp --dport 80 -j ACCEPT

Save fail tersebut dan restart iptables

sudo systemctl restart iptables

Untuk memastikan segala sintaks httpd.conf adalah baik, taipkan arahan berikut

httpd -t

systemctl restart httpd

Langkah 7: Laksanakan Varnish

sudo systemctl start varnish

Tips: laksana Varnish semasa anda reboot

systemctl enable varnish

Pesanan orang-orang tua (petua): Sebelum anda restart Varnish, adalah suatu amalan yang baik sekiranya anda melakukan sedikit pengujian terhadap segala tetapan Varnish anda. Ini bagi membantu anda mengesan awal sebarang ralat pada fail tetapan umum Varnish:

varnishd -C -f /etc/varnish/default.vcl

Langkah 8: Uji Varnish

varnishd -V

pergi ke website Is Varnish Working dan masukkan URL website anda

Tentu saja anda menggunakan berbagai pelayar seperti chrome, firefox atau IE sekalipun. Gunakan console debugger untuk periksa header bagi setiap request.

Tidak dapat dinafikan kepantasan respon bagi aplikasi halaman tunggal saya teramat pantas tetapi bukan mudah juga bagi saya untuk mencari ralat kerana saya hanya bekerja membaiki fail-fail javascript yang mana ia adalah fail statik yang semestinya dicache oleh Varnish. Apapun harap langkah-langkah diatas dapat membantu saudara-saudari sekalian dalam mengharungi dunia perkembangan teknologi web.

[javaskrip-blog]

[javaskrip-blog]

Try to improve Apache response time

[javaskrip-blog]

Saya menggunakan pustaka PdfMake untuk menghasilkan fail pdf yang diproses sepenuhnya pada komputer client. Sebelum menggunakan Optimizer, saya menggunakan fail js yang telah sedia diminimum oleh penulis pustaka tersebut. Segalanya berfungsi seperti biasa tetapi selepas saya mengoptimumkan seluruh projek menggunakan RequireJs, maka ralat yang muncul adalah No unicode cmap for font.

Jangan berharap sepenuhnya pada hasil dari pengoptimum requireJs.