tag:blogger.com,1999:blog-214230582024-02-19T19:41:30.773+08:00Web ScentsTiada Hari Tanpa PendidikanSham Kamarulhttp://www.blogger.com/profile/10779192610741080235noreply@blogger.comBlogger133125tag:blogger.com,1999:blog-21423058.post-43152664446759595522016-01-22T15:03:00.000+08:002016-01-22T15:08:08.571+08:00Impian kerja dari rumah atau dari mana saja (I)<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0PZYdlvInak4bkGNQVav02HsQCSDZWFPyXlTOC0fleXbi5cB4-dV9E9rJob5sDOrxuq2NdvQZgBL7yBDbyrawEmvE_7AtVPIXtrH73oT8IjsGptLwNH6wyjKccSIDhTXBaux3/s1600/Speedlancer-gets-you-a-remote-job-you-can-complete-in-four-hours-.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="480" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0PZYdlvInak4bkGNQVav02HsQCSDZWFPyXlTOC0fleXbi5cB4-dV9E9rJob5sDOrxuq2NdvQZgBL7yBDbyrawEmvE_7AtVPIXtrH73oT8IjsGptLwNH6wyjKccSIDhTXBaux3/s640/Speedlancer-gets-you-a-remote-job-you-can-complete-in-four-hours-.jpg" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
Kerja dari rumah sememangnya membawa maksud bebas bekerja dengan pengawasan yang minima. Kerja dari mana sahaja atau kerja remote pula membawa maksud bebas menetapkan tempat dan masa bekerja mengikut citarasa anda. Jikalau diamati betul-betul, yang mana lebih memuaskan?<br />
<br />
Sekiranya bekerja dari rumah maknanya kita akan terikat di satu tempat yakni rumah kita. Segala perkakas dirumah akan dipinjam pada kerjaya yang kita jalani. Malah masa anda juga terikat di rumah. Disamping itu adalah sukar untuk memisahkan segala bentuk gangguan yang mungkin menjejaskan kerjaya. Antara kerja dari rumah yang sememangnya dari dahulu orang sedia maklum adalah<br />
<ul>
<li>Suri rumah</li>
<li>Pengasuh</li>
<li>Cikgu Tusyen</li>
<li>Guru Mengaji </li>
<li>Tukang jahit</li>
<li>Tukang masak</li>
</ul>
<div>
<span style="background-color: white; color: #212121; font-family: "helvetica neue" , "helvetica" , "arial" , sans-serif; font-size: x-small; line-height: 20px;">Kalau bekerja dari mana sahaja beerti kita tidak terikat pada satu-satu tempat pada satu-satu masa. Jadi setiap hari kita bebas untuk melakukan kerja di mana sahaja yang kita inginkan. Tetapi halangan dan gangguan belum dikenal pasti kerana dinamiknya persekitaran kerja. Berikut adalah bentuk kerjaya yang boleh dilakukan dari mana sahaja</span></div>
<div>
<div style="background-color: white; color: #212121; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: small; line-height: 20px;">
<ul>
<li>Tukang Kasut</li>
<li>Pelukis bebas</li>
<li>Web/Mobile Developer</li>
<li>Programmer</li>
<li>Graphic Designer</li>
<li>Penulis</li>
<li>Wakil Rakyat</li>
<li>Seniman</li>
<li>Peminta sedekah</li>
</ul>
</div>
<div style="background-color: white; color: #212121; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: small; line-height: 20px;">
dan lain-lain lagi (boleh ditambah kemudian)</div>
</div>
</div>
<div class="blogger-post-footer"><script type="text/javascript"><!--
google_ad_client = "pub-3696550680176152";
/* 468x60, created 12/03/08 */
google_ad_slot = "5501128553";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></div>Sham Kamarulhttp://www.blogger.com/profile/10779192610741080235noreply@blogger.com0tag:blogger.com,1999:blog-21423058.post-59740864264895129672015-07-15T01:41:00.001+08:002015-07-15T01:58:25.224+08:00Tawaran memburuh di StartUpStartUp bukanlah suatu platform yang baik untuk anda menimba pengalaman atau menyara kehidupan anda. Ia belum boleh layak dianggap sebagai majikan. Belum ada budayanya sendiri, aturannya, disiplin dan kitaran yang sempurna untuk seseorang itu mahu memprospekkan dirinya sebagai warga kerja yang sejahtera. Start up boleh diibaratkan sebagai suatu proses aktif persenyawaan antara idea-idea yang baru ditelurkan. Dalam erti kata lain, ia masih sangat sensitif dan rapuh. Seseorang yang ingin juga menceburkan dirinya haruslah berwaspada. Ianya tak lain adalah sekadar diupah untuk menyiapkan sesuatu komponen. Jadi usahlah terlalu ghairah dalam ekonomi negara yang merudum sekarang ini. <div class="blogger-post-footer"><script type="text/javascript"><!--
google_ad_client = "pub-3696550680176152";
/* 468x60, created 12/03/08 */
google_ad_slot = "5501128553";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></div>Sham Kamarulhttp://www.blogger.com/profile/10779192610741080235noreply@blogger.com0tag:blogger.com,1999:blog-21423058.post-4908399151789427222015-07-15T00:31:00.001+08:002015-07-15T01:40:18.436+08:00Pengalamanku menceburi Start upMenceburi alam "memulakan" perniagaan baru sememangnya tak mudah. Ini memang lumrah. Semua pun tahu hal ini. Tetapi apabila kita mula melangkah ke alam ini, langkah ini harus dipuji. Siapapun mesti hormat apabila ada dalam kalangan kita yang menunjuk minat pada bidang ini. Bidang meniaga ini suatu sunnah yang mesti manusia tempuh. Ia adalah suatu perjalanan memperjuangkan keyakinan kita terhadap sesuatu. Bukan sebarang orang yang berani ambil semua risiko ketika meniaga. Sesiapa yang telah menceburkan diri, tak kira kecundang atau berjaya, barulah boleh dianggap sebagai "baligh". Ini kerana anda tahu sepak terajangnya yang banyak menyayatkan hati.<div><br></div><div>Kalau posisi diri anda adalah "founder", besar kemungkinan modal yang diperlukan anda adalah sahabat, yang sanggup mendukung buah fikiran anda. Dibanding modal yang lain seperti wang ringgit, ia bersikap sementara tetapi dukungan sahabat adalah modal yang tak tertanding kerana dia seolah mempunyai "iman" pada akal fikiran, tindak tanduk, visi, hala tuju dan yang paling penting, kejujuran anda pada diri sendiri. Makna sahabat disini tidak semestinya rakan sekolah yang sekepala dengan kita dulu tapi ia boleh jadi abang, kakak, adik, pakcik, mak, ayah, makcik dan sesiapa sahaja berada dalam lingkungan kita. </div><div><br></div><div>Andai posisi anda selaku sahabat kepada "founder", saksikanlah hubungannya sesama tuhan dan manusia. Inilah modal sebagai bekal untuk anda terus bersama dengannya. Tugas anda jadi mudah apabila bermodalkannya. Anda akan menyandang jawatan "executive" tanpa perlu mempersoalkan tujuan setiap misi yang dijalankan. Tetapi tempoh dukungan anda harus sekitar dua tahun setengah sahaja. Selebihnya anda seharusnya menjangkakan "pendirian founder" mula mengorak langkahnya sendiri. Ditahap ini, pasti perniagaan yang dijalankan sudah mula tampak berhasil.</div><div><br></div><div>Sekiranya kedudukan anda sebagai tenaga penyumbang sahaja, maka modal yang paling penting adalah kewangannya. Contoh tanggungjawab anda adalah seperti Front end Developer, Programmer dan sebagainya. Anda tak lebih hanya sekadar memburuh di perusahaan itu. Itulah skop kerja dan majikan. Jangan diambil pusing segala janji dan harapan yang diberi. Semuanya tipu daya dunia belaka. Kekukuhan dan kestabilan pendanaannya adalah amat mustahak sekali. Perlu berhati-hati. </div><div><br></div><div>Apapun, pada saya semuanya bergantung pada niat kita. Campur tangan tuhan tetap ada. Jika anda jujur pada sendiri pasti takkan mudah kecewa di alam ini. Insya Allah</div><div class="blogger-post-footer"><script type="text/javascript"><!--
google_ad_client = "pub-3696550680176152";
/* 468x60, created 12/03/08 */
google_ad_slot = "5501128553";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></div>Sham Kamarulhttp://www.blogger.com/profile/10779192610741080235noreply@blogger.com0tag:blogger.com,1999:blog-21423058.post-1290269739581709592015-07-08T00:42:00.001+08:002015-07-08T00:42:22.051+08:00Material Design LiteSetelah sekian lama menanti akhirnya muncul juga sebuah boilerplate yang bebas jQuery. Material Design Lite ini baru saja dikeluarkan oleh Team Google. Saya mendapat tahu pun dari salah seorang penggiat javascript terkemuka, Encik Addy Osmani yang menyiarkannya di halaman Facebook peribadinya. Komponen yang terdapat dalam pustaka ini tidaklah sebanyak Twitter Bootstrap tetapi ternyata banyak komponennya adalah yang paling kritikal digunakan ketika membangun sebuah aplikasi. <div><br></div><div>Saya berkesempatan mengujinya bersama Laravel (Sekadar suka-suka :) ). Saya mula memuat turun menggunakan NPM dan mengurus fail-failnya menggunakan Laravel elixir, yakni Gulp. Mudah dan kemas. Alhasil, saya sempat membuat landing page menggunakan template yang dibekalkan dan sedikit sahaja kerja-kerja pengubahsuaian perlu dilakukan. Harap anda semua boleh berkongsi pengalaman kalau kira ada menggunakan boilerplate ini ya.</div><div class="blogger-post-footer"><script type="text/javascript"><!--
google_ad_client = "pub-3696550680176152";
/* 468x60, created 12/03/08 */
google_ad_slot = "5501128553";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></div>Sham Kamarulhttp://www.blogger.com/profile/10779192610741080235noreply@blogger.com0tag:blogger.com,1999:blog-21423058.post-63247347200224267922015-07-08T00:17:00.001+08:002015-07-08T00:22:49.674+08:00Highcharts boosts with HTML5 canvas?Highchart's team just release a new module to boost the performance of current Highcharts (named boost.js). I was glad to hear about this and decide to experiment with it tomorrow. Last year I have been working on a project and I just couldn't get it right when visualizing data using Highchart. The size of data is too huge and the browser was having some difficulty when rendering the chart. What I did was make the Highchart asynchorounously get the data and plot it on the screen. It can draw on the screen but it just can't interact with user input nicely. I already suspect when using SVG heavily, it can cause a burden to browser but they said this time they just use HTML5 canvas. Sounds promising. <div><br></div><div>My first impression when try use Safari on Ipad is bad. The browser hang as well as my Ipad. It reload few times to reinitialize. <div><br></div><div>I really hope there will be some improvement ahead on the browser part. Now browser not only meant to display information such as text, photos and videos but most importantly the ability to see graph. Insya Allah.</div></div><div class="blogger-post-footer"><script type="text/javascript"><!--
google_ad_client = "pub-3696550680176152";
/* 468x60, created 12/03/08 */
google_ad_slot = "5501128553";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></div>Sham Kamarulhttp://www.blogger.com/profile/10779192610741080235noreply@blogger.com0tag:blogger.com,1999:blog-21423058.post-24414812632222398452015-06-01T16:25:00.002+08:002015-06-01T16:52:55.792+08:00Belajar Laravel dan juga Angular Material<div dir="ltr" style="text-align: left;" trbidi="on">
Hujung minggu lepas banyak juga saya tela'ah berkenaan Material Design yang diperkenalkan oleh Google. Kira-kira setahun yang lepas saya mengkhusus masa untuk membanyakkan bacaan dan mengkaji jQuery serta pustaka-pustaka yang terlibat. Banyak perkara yang telah dipelajari dalam rangka membentuk etika kerja yang bagus, mantap dan efisyen. Saya juga banyak mengabaikan penggunaan Composer, Bower, Gulp dan sebagainya. Ini juga berkemungkinan saya masih menggunakan platform Windows dan masih berfikir dengan doktrin Microsoft, iaitu tekan butang `Next` untuk mengakhiri sesebuah proses.<br />
<br />
2015 adalah tahun dimana aplikasi web semestinya lebih mesra mobil kerana rata-rata orang kini banyak menggunakan pelayar yang sedia ada di smartphone mereka untuk layari internet bagi capai maklumat. Untungnya membangun web adalah tidak semahal membangun aplikasi, jadi rangka kerja yang bagus mesti diwujudkan.<br />
<br />
Twitter Bootstrap adalah sebuah rangka kerja yang bagus cuma saya masih merasa ada kejanggalan pada rangka kerja ini. Dan yang paling menjengkelkan adalah terpaksa bergantung kepada jQuery. Berbanding <a href="https://material.angularjs.org/" target="_blank">Angular Material</a>, saya dapati ia seolah-olah memberi nafas baru kepada design-design yang sedia ada. Tambahan pula banyak faktor telah dipertimbangkan oleh tenaga kerja Google.<br />
<br />
Laravel juga banyak membantu dari segi pembangunan back-end. Caranya yang lebih teratur dan disiplinnya banyak membuat pola fikir saya berubah mendadak. Kemas dan menyenangkan hati.<br />
<br />
Saya cuba menyediakan sebuah rangka kerja dimana ia diharap dapat membantu saudara-saudara pembangun aplikasi di Malaysia cekap menyediakan sebuah aplikasi yang dapat mencakup keperluan semasa. Ianya berasaskan Laravel 5 sebagai pengurus di belakang dan Angular Material sebagai antara muka yang lebih mesra smartphone.<br />
<br />
Akhirul kalam, saya menjemput saudara-saudara untuk fork repo ini disini <a href="https://github.com/infacq/Merantau">https://github.com/infacq/Merantau</a>. Segala pandangan dan kritikan dari kalian adalah sangat-sangat dihargai. Selamat mengoding!</div>
<div class="blogger-post-footer"><script type="text/javascript"><!--
google_ad_client = "pub-3696550680176152";
/* 468x60, created 12/03/08 */
google_ad_slot = "5501128553";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></div>Sham Kamarulhttp://www.blogger.com/profile/10779192610741080235noreply@blogger.com0tag:blogger.com,1999:blog-21423058.post-88023971496370077372015-05-26T10:35:00.000+08:002015-05-26T10:35:02.327+08:00Bebas dari jQuery<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.techgig.com/files/photo_1419945683_temp.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://www.techgig.com/files/photo_1419945683_temp.jpg" /></a></div>
Punya sekian lama saya menggunakan jQuery untuk diaplikasikan dalam pelbagai kegunaan, kini tiba masanya untuk mengurangkan kebergantungan padanya. JQuery adalah sangat berguna hingga saya mual menggunakannya kerana pada akhirnya saya bergantung kepadanya dalam soal memanipulasi DOM dan CSS. Semuanya bergantung pada jQuery. Jadi saya memutuskan untuk mengurangkan penggunaannya. </div>
<div class="blogger-post-footer"><script type="text/javascript"><!--
google_ad_client = "pub-3696550680176152";
/* 468x60, created 12/03/08 */
google_ad_slot = "5501128553";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></div>Sham Kamarulhttp://www.blogger.com/profile/10779192610741080235noreply@blogger.com0tag:blogger.com,1999:blog-21423058.post-26304153249233587512014-10-01T23:17:00.001+08:002014-10-03T05:29:19.638+08:00Aerisjs: Google map untuk aplikasi BackbonejsMengurus peta pada aplikasi laman tunggal anda bukanlah sesuatu yang mudah. Ini kerana pustaka peta seperti Google Map, Leaflet dan yang seangkatan dengannya memerlukan anda sebagai seorang developer untuk menimbang segala faktor bagi membuatkan aplikasi anda benar-benar interaktif dan cekap dalam pemanfaatan memori. Malah skop application program interface (API) yang disediakan juga tidak memuaskan apabila ia banyak menggunakan ruang global berbanding local dan ini memudahkan aplikasi kita terdedah kepada <i>memory leak</i> dan sebagainya.<div><br></div><div><div class="separator" style="clear: both;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEge8ysm7mQTd9LDhL3EHsFDgTR5JAAqrBnJkknHu7BmV5-6f9r3uYJMELNGjnAy9qeDCx2YaJTUWyFPtaC6s9pkRFpTZpxoaUvPyIxXzBT41-nFSwBncuhbhOGXq46NwtGeFqC8/s640/blogger-image-1787419694.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEge8ysm7mQTd9LDhL3EHsFDgTR5JAAqrBnJkknHu7BmV5-6f9r3uYJMELNGjnAy9qeDCx2YaJTUWyFPtaC6s9pkRFpTZpxoaUvPyIxXzBT41-nFSwBncuhbhOGXq46NwtGeFqC8/s640/blogger-image-1787419694.jpg"></a></div><br><div><br></div><div>Sehubungan dengan masalah ini, Aerisjs adalah sebuah pustaka javaskrip yang dapat memastikan aplikasi anda sentiasa berada dalam keadaan 'segar'.</div><div><br></div><div> https://github.com/hamweather/aerisjs</div><div><br></div><div>Pustaka ini dibina dengan tujuan asalnya untuk menvisualisasikan data-data cuaca seperti hujan, salji, ribut dan jerebu diatas peta dan pada saat ini, ia giat dibangun secara komersial. Jadi ia memerlukan anda untuk berdaftar sekiranya mahu menggunakan khidmat maklumat cuaca tersebut. Cuma pustaka ini masih lagi boleh dimanfaatkan <b>tanpa daftar</b> yakni secara percuma untuk menguruskan peta dan segala propertinya seperti marker, event dan lain-lain lagi. Lihat sini.</div><div><br></div><div>http://jsfiddle.net/pwRyt/10/</div><div><br></div><div><b>Antara ciri-ciri Aerisjs yang menarik adalah</b></div></div><div><span style="font-family: 'Helvetica Neue Light', HelveticaNeue-Light, helvetica, arial, sans-serif;">Kelancaran penukaran khidmat peta untuk Google Map, Leaflet dan Open Layers</span></div><div>Tambahan objek-objek peta (Info Box, KML, Polygon dan Polylines)</div><div>Menghimpun marker menjadi sebuah cluster</div><div>Memautkan objek Backbone.Event kepada objek peta</div><div>Khidmat geocode dan geolocation</div><div><br></div><div>Walau bagaimanapun, pustaka ini masih lagi dalam proses pembangunan dan pengujian kerana masih terdapat lagi kekurangan dari segi khidmat cuacanya.</div><div><br></div><div>Sekiranya anda berminat untuk dapatkan bantuan bagi penggunaannya boleh tinggalkan komen di bawah. Selamat koding!</div><div class="blogger-post-footer"><script type="text/javascript"><!--
google_ad_client = "pub-3696550680176152";
/* 468x60, created 12/03/08 */
google_ad_slot = "5501128553";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></div>Sham Kamarulhttp://www.blogger.com/profile/10779192610741080235noreply@blogger.com0tag:blogger.com,1999:blog-21423058.post-84263338257699899142014-07-15T20:54:00.001+08:002014-07-15T20:54:37.971+08:00Quran+: free iOs Apps<div><span style="font-family: 'Helvetica Neue Light', HelveticaNeue-Light, helvetica, arial, sans-serif;">Al-Baqarah (2): 185 - (Beberapa hari yang ditentukan itu ialah) bulan Ramadhan, bulan yang di dalamnya diturunkan (permulaan) Al Quran sebagai petunjuk bagi manusia dan penjelasan-penjelasan mengenai petunjuk itu dan pembeda (antara yang hak dan yang bathil).</span></div><div><br></div><div>Bersempena Nuzul Quran, seorang hamba Allah telah membangun sebuah aplikasi untuk membaca quran. Interface yang menarik</div><div><br></div><div><div class="separator" style="clear: both;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipWgT6PRVZhf9fMtq7CGxILTJThaZW-0xXcM04BTawjRed7uz3VGBgARjHfGkLBJbY3qBd9jbWRLkNtf6YfiB-b-tpQmK88wOZDa0GJQ8pi_p0naJ6i50PjMVFIVPbxRHBgM5h/s640/blogger-image-1512605888.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipWgT6PRVZhf9fMtq7CGxILTJThaZW-0xXcM04BTawjRed7uz3VGBgARjHfGkLBJbY3qBd9jbWRLkNtf6YfiB-b-tpQmK88wOZDa0GJQ8pi_p0naJ6i50PjMVFIVPbxRHBgM5h/s640/blogger-image-1512605888.jpg"></a></div><div class="separator" style="clear: both;"><br></div><div class="separator" style="clear: both;"><div class="separator" style="clear: both;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiktSRuXW6UEpsxvaaAccGbRmxaEYpYhFJe-bAlMVVXJbt8VzeX8AlH_bEmIEVtDx8NLDJQjCZhrIbYXaFsmMfykT3LwM1qbXa7ZlQ08B2c9rQCkuGOqkiHtzSAObR6gmip7oMD/s640/blogger-image-263898842.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiktSRuXW6UEpsxvaaAccGbRmxaEYpYhFJe-bAlMVVXJbt8VzeX8AlH_bEmIEVtDx8NLDJQjCZhrIbYXaFsmMfykT3LwM1qbXa7ZlQ08B2c9rQCkuGOqkiHtzSAObR6gmip7oMD/s640/blogger-image-263898842.jpg"></a></div><div class="separator" style="clear: both;"><br></div><div class="separator" style="clear: both;"><div class="separator" style="clear: both;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibZyaPFxarzLdymLhV-wwA57fZv3t_5egivjDfivJUKYGVaVHvyWvuvx_KJHqbRnf8IOl6zvZFCCe-Sd7rhOU3setN0IBFBh5vd4TgcWhflIAkeiRDa6p0nllYRsz_zQdxTrUi/s640/blogger-image-1240862860.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibZyaPFxarzLdymLhV-wwA57fZv3t_5egivjDfivJUKYGVaVHvyWvuvx_KJHqbRnf8IOl6zvZFCCe-Sd7rhOU3setN0IBFBh5vd4TgcWhflIAkeiRDa6p0nllYRsz_zQdxTrUi/s640/blogger-image-1240862860.jpg"></a></div><div class="separator" style="clear: both;"><br></div><div class="separator" style="clear: both;"><div class="separator" style="clear: both;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJMGWM9PU-wHKwZEzt6N4y4gerC_CXAtDsqwTkGW6kTlQIbwo7Dpv34JibeqplQBAcrj9aKQX2pOFbFfQqTNwPS1zOORr2YbOt8jxLwN6kQb-k9fPolcHXi7kaV4NDleO5A19S/s640/blogger-image--1557713664.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJMGWM9PU-wHKwZEzt6N4y4gerC_CXAtDsqwTkGW6kTlQIbwo7Dpv34JibeqplQBAcrj9aKQX2pOFbFfQqTNwPS1zOORr2YbOt8jxLwN6kQb-k9fPolcHXi7kaV4NDleO5A19S/s640/blogger-image--1557713664.jpg"></a></div><br></div><br></div><div class="separator" style="clear: both;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaKPBq383P8nDkOewQFu6vTBBoDfmRJKhAmrHg0LCVthFfcTVzNds9MWOfszYPpu-EQRna_4lI57jmrWcXQ169CT6eabv7zRyXiGJ-d2nyGSxinyGX_mXc4VFx0c6OXKz4Y64_/s640/blogger-image--1234030407.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaKPBq383P8nDkOewQFu6vTBBoDfmRJKhAmrHg0LCVthFfcTVzNds9MWOfszYPpu-EQRna_4lI57jmrWcXQ169CT6eabv7zRyXiGJ-d2nyGSxinyGX_mXc4VFx0c6OXKz4Y64_/s640/blogger-image--1234030407.jpg"></a></div><br></div><div class="separator" style="clear: both;"><div class="separator" style="clear: both;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnSC5a-uG1BtpyTZhM3vGLc7IYCzPL9OAAcx_SKcaeKTjAYOA6XwuNT0AcEBbAppSGitYLN9nAfaSIZ07IQwJU2HNESRozcAB59zLgXKr3yf994eJM8U-eKs8B7blUTV9GD9xT/s640/blogger-image-610281768.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnSC5a-uG1BtpyTZhM3vGLc7IYCzPL9OAAcx_SKcaeKTjAYOA6XwuNT0AcEBbAppSGitYLN9nAfaSIZ07IQwJU2HNESRozcAB59zLgXKr3yf994eJM8U-eKs8B7blUTV9GD9xT/s640/blogger-image-610281768.jpg"></a></div><br></div><div class="separator" style="clear: both;">Download sekarang kerana tawaran hanya terbuka untuk 2 hari sahaja. </div><br></div><div><br></div><a href="https://itunes.apple.com/my/app/quran+-read-quran-by-page/id884537056?mt=8">https://itunes.apple.com/my/app/quran+-read-quran-by-page/id884537056?mt=8</a><div class="blogger-post-footer"><script type="text/javascript"><!--
google_ad_client = "pub-3696550680176152";
/* 468x60, created 12/03/08 */
google_ad_slot = "5501128553";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></div>Sham Kamarulhttp://www.blogger.com/profile/10779192610741080235noreply@blogger.com0tag:blogger.com,1999:blog-21423058.post-86213346815625415962014-07-15T02:12:00.001+08:002014-07-15T03:30:31.977+08:00Aplikasi Laman Tunggal, Single Page ApplicationIni adalah sebuah kalimat yang telah lama berlegar ketika seseorang itu merancang untuk membangun sebuah aplikasi mobil yang bersifat hybrid. Konsep ini rata-ratanya dipengaruhi oleh kecekapan Gmail, sebuah aplikasi email yang dibangun oleh Google. Bertitik tolak dari Gmail, Google mengembangkan konsep aplikasi laman tunggal ini kepada Google Docs, Drive, dan kini, Search. Anda tentu perasan dimana web-web tersebut begitu <b>responsif</b> terhadap setiap permintaan anda sewaktu anda klik pada pautan-pautan yang disediakan. Itulah kelebihan Konsep Aplikasi Laman Tunggal.<div><br></div><div>Tujuannya tak lain tak bukan adalah mempersembahkan sebuah aplikasi web yang menawarkan pengalaman penggunaannya hampir sama dengan penggunaan aplikasi desktop.<div><br></div><div>Teknik pembangunan yang digunakan juga amatlah berbeza sekiranya anda sudah terbiasa menyediakan berpuluh halaman untuk sesebuah web. Bagi pengaturcara PHP, anda sudah tentu terbiasa dengan teknik PHP yang dinamik, iaitu menyediakan satu template untuk header dan satu lagi untuk footer yang sifatnya umum bagi penggunaan yang meluas dalam projek web anda. Manakala bahagian dinamiknya adalah pada sidebar atau kandungan paparan utama. Kesimpulannya teknik ini memerlukan anda menjana kesemua template itu tadi di web server, dan membebankan server dan network untuk membawanya sebagai sebuah dokumen HTML kepada komputer client.</div><div><br></div><div>Ketika saya membangunkan sebuah aplikasi dashboard beberapa bulan yang lalu, saya berada dalam keadaan dilema ini. Waktu itu saya buntu kerana saya telah pun menghasilkan sebuah laman web yang perlu memaparkan beberapa carta, yang sepenuhnya diproses di server dan ia bersaiz agak besar kerana, terdapat berpuluh pustaka javascript dan CSS, serta data-data yang diperolehi daripada query pengkalan data. Tetapi carta-carta itu hanya akan terhasil ketika dokumen HTML itu lengkap muat sepenuhnya pada komputer client. Saya perlu paparkan sebuah carta yang interaktif. Interaktif beerti pengguna dapat berinteraksi dengan carta yang terpapar bagi memuaskan persoalan-persoalan analisisnya. Jadi disinilah dilema tersebut. </div><div><br></div><div>Masalah ini saya atasi dengan penggunaan jQuery Ajax yang minimal pada mulanya. Tetapi lama kelamaan, ia jadi satu keperluan pula bagi menghasilkan sebuah aplikasi yang hanya ada sebuah halaman tetapi mempunyai berpuluh laman mini didalamnya.<br><div><br></div><div>Saya tertarik dengan konsep ini dan berjaya mengolah konsep ini menggunakan pustaka javascript iaitu BackboneJs. Pengalaman yang sudah hampir setahun telah banyak memberi kesan dalam memaknai kalimat tersebut. </div><div><br></div><div>Ada yang pada saya baik untuk dipraktikkan konsep ini ketika mempertimbangkan keperluan-keperluan asas pengguna dan pada masa yang lain konsep ini perlu disederhanakan berikutan had-had atau halangan- halangan tertentu terdapat pada kemampuan komputer client yang berbagai spesifikasinya.</div></div></div><div><br></div><div>Jikalau anda seorang yang mementingkan SEO Google, Yahoo dan Bing, konsep ini memerlukan anda untuk memfaktorkan semula kod-kod HTML, javascript dan CSS anda. Ini kerana, Search engine hanya berinteraksi dengan web server berbanding urusan yang terdapat dalam kod javascript anda. </div><div><br></div><div>Apapun ini bukanlah sebuah konsep yang baru dalam dunia teknologi web. Mungkin saja ada yang telah mematangkan lagi konsep ini agar persembahan web tidak hambar di mata kasat pengguna smart phone. </div><div class="blogger-post-footer"><script type="text/javascript"><!--
google_ad_client = "pub-3696550680176152";
/* 468x60, created 12/03/08 */
google_ad_slot = "5501128553";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></div>Sham Kamarulhttp://www.blogger.com/profile/10779192610741080235noreply@blogger.com0tag:blogger.com,1999:blog-21423058.post-35617701699929199082014-07-10T00:54:00.000+08:002014-07-15T13:06:26.906+08:00Pemfaktoran kod yang Perlu diBeri Perhatian Bagi Kelancaran Aplikasi
Backbone Anda<div dir="ltr" style="text-align: left;" trbidi="on">Setelah hampir setahun berkubang menggunakan BackboneJs dan RequireJs, berbagai faktor yang perlu diberi perhatian sekiranya anda benar-benar menitik beratkan untuk membangun sebuah aplikasi laman tunggal yang berkesan. Antaranya adalah </div><div dir="ltr" style="text-align: left;" trbidi="on"><br></div><div dir="ltr" style="text-align: left;" trbidi="on">1. Organisasi kod</div><div dir="ltr" style="text-align: left;" trbidi="on">2. Kebocoran <span style="font-family: 'Helvetica Neue Light', HelveticaNeue-Light, helvetica, arial, sans-serif;">memori pada Backbone.View dan Event</span></div><div dir="ltr" style="text-align: left;" trbidi="on">3. Kekerapan berhubung antara client dan server</div><div dir="ltr" style="text-align: left;" trbidi="on">4. <span style="-webkit-text-size-adjust: auto; background-color: rgba(255, 255, 255, 0);">Teknik rendering Backbone.model dalam sesebuah Backbone.Collection</span></div><div dir="ltr" style="text-align: left;" trbidi="on"><br></div><div dir="ltr" style="text-align: left;" trbidi="on"><b>Organisasi kod</b></div><div dir="ltr" style="text-align: left;" trbidi="on">Saya menggunakan RequireJs dalam soal organisasi kod. Ini adalah kerana pustaka ini berkhidmat untuk mengatur langsung keperluan-keperluan terhadap pustaka javascript yang lain bagi meminimalkan pencemaran penggunaan pembolehubah yang berskop global. Disamping itu kod yang terhasil adalah lebih mudah dibaca kerana kemodularan skop skrip itu sendiri. Apa yang menarik mengenai teknik ini adalah, aplikasi hanya akan memuat turun pustaka atau skrip yang diperlukan pada saat ia diperlukan. Jadi aplikasi tidak perlu untuk memuat turun keseluruhan kod atau skrip untuk sesebuah aplikasi berfungsi dengan berkesan.</div><div dir="ltr" style="text-align: left;" trbidi="on"><br></div><div dir="ltr" style="text-align: left;" trbidi="on"><span style="-webkit-text-size-adjust: auto; background-color: rgba(255, 255, 255, 0);"><b>Kebocoran memori pada Backbone.View dan Backbone.Event</b></span></div><div dir="ltr" style="text-align: left;" trbidi="on"><span style="-webkit-text-size-adjust: auto; background-color: rgba(255, 255, 255, 0);">Disebabkan ketergantungan BackboneJs kepada jQuery, maka adalah penting untuk anda memastikan setiap elemen yang dihasilkan oleh Backbone.View anda benar-benar dihapuskan dari view sebelum beralih kepada view yang lain. Ini kerana jQuery bertindak untuk meng'cache' atau mengklonkan elemen yang dihasilkan view bagi tujuan pengaksesan yang cepat. Maka kemungkinan besar anda akan terperangkap dengan tindakan jQuery tersebut dengan menghasilkan elemen-elemen yang serupa dengan fungsi yang sama. Ini adalah suatu kesalahan sekiranya anda tidak menyedari peranan tersebut. Anda akan dapati tindakan keatas elemen-elemen yang serupa dan sama itu tadi akan berakibat penghasilan pelaksanaan kod yang beberapa kali diulang-ulang. Backbone ada menyediakan ruang untuk atasi perkara ini, sama ada ada menggunakan kaedah .remove(), .off(), .setElement() atau .delegateEvent(). </span></div><div dir="ltr" style="text-align: left;" trbidi="on"><span style="-webkit-text-size-adjust: auto; background-color: rgba(255, 255, 255, 0);"><br></span></div><div dir="ltr" style="text-align: left;" trbidi="on"><span style="-webkit-text-size-adjust: auto; background-color: rgba(255, 255, 255, 0);"><b>Kekerapan berhubung antara client dan server</b></span></div><div dir="ltr" style="text-align: left;" trbidi="on"><span style="-webkit-text-size-adjust: auto; background-color: rgba(255, 255, 255, 0);">Ada keadaan-keadaan tertentu yang memerlukan saya menghubungi server untuk query ke database bagi maklumat-maklumat tertentu. Sebagai contoh, maklumat pengguna yang login ke aplikasi. Maklumat ini pada awal pemulaan aplikasi, sewaktu pengguna sudah berjaya login, telah pun dicapai maklumatnya dari database. Jadi saya akan menentukan untuk menyimpan maklumat ini sama ada melalui kaedah in-memory, sessionStorage atau localStorage. Tetapi saya memilih untuk mengekalkannya sebagai sebagai sebuah objek yang aktif. Cara ini akan menjimatkan masa ulang alik query database kerana maklumat kritikal ini senantiasa diperlukan untuk operasi CRUD. </span><span style="background-color: rgba(255, 255, 255, 0); font-family: 'Helvetica Neue Light', HelveticaNeue-Light, helvetica, arial, sans-serif; -webkit-text-size-adjust: auto;">Ini bermakna sebagai seorang pengaturcara, anda perlulah menilai kembali seberapa kerap anda perlu menjalin hubungan dengan server. </span></div><div dir="ltr" style="text-align: left;" trbidi="on"><span style="background-color: rgba(255, 255, 255, 0); font-family: 'Helvetica Neue Light', HelveticaNeue-Light, helvetica, arial, sans-serif; -webkit-text-size-adjust: auto;"><br></span></div><div dir="ltr" style="text-align: left;" trbidi="on"><span style="background-color: rgba(255, 255, 255, 0); font-family: 'Helvetica Neue Light', HelveticaNeue-Light, helvetica, arial, sans-serif; -webkit-text-size-adjust: auto;"><b>Teknik rendering Backbone.model dalam sesebuah Backbone.Collection</b></span></div><div dir="ltr" style="text-align: left;" trbidi="on"><font face="Helvetica Neue Light, HelveticaNeue-Light, helvetica, arial, sans-serif"><span style="-webkit-text-size-adjust: auto;">Bagi sebuah Collection yang bersaiz besar, adalah penting untuk memfaktorkan semula teknik anda merender model didalamnya bagi mengelak penyalahgunaan memori pada komputer client. Sekiranya tidak difaktor semula, ini akan menimbulkan ketidakselesaan pada pengguna ketika menggunakan aplikasi. Kebanyakan contoh diluar akan menampilkan teknik jQuery .append() untuk render model dalam collection. Teknik ini akan mengurangkan tahap responsif sesebuah aplikasi terutamanya pada komputer lama. Salah satu cara yang popular untuk mengatasi masalah ini adalah </span></font><span style="-webkit-text-size-adjust: auto; background-color: rgba(255, 255, 255, 0);"><span class="nb">document</span><span class="p">.</span><span class="nx">createDocumentFragment</span><span class="p">(). Setakat ini saja cara yang cepat dan efisyen untuk merender subview.</span></span></div>
<div class="blogger-post-footer"><script type="text/javascript"><!--
google_ad_client = "pub-3696550680176152";
/* 468x60, created 12/03/08 */
google_ad_slot = "5501128553";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></div>Sham Kamarulhttp://www.blogger.com/profile/10779192610741080235noreply@blogger.com0tag:blogger.com,1999:blog-21423058.post-48038254526149000322014-06-18T11:34:00.001+08:002014-06-18T11:34:22.795+08:00Tingkatan Manusia Ber "Iman"<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvwVf7iKodLkfWjC4rJeTYCgvc9t-upeO17JAe5pvSP1FE2czUaRbNEka34sVBBwzBL_0XAW_UPk9ZsFKW7uAPChirmpa05BjurMqzNWsY3MSTCWIL9SXvKlyrHxchiuWPIMHe/s1600/HidupGame.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvwVf7iKodLkfWjC4rJeTYCgvc9t-upeO17JAe5pvSP1FE2czUaRbNEka34sVBBwzBL_0XAW_UPk9ZsFKW7uAPChirmpa05BjurMqzNWsY3MSTCWIL9SXvKlyrHxchiuWPIMHe/s1600/HidupGame.jpg" height="301" width="640" /></a></div>
<br />
Kita sering mendengar kata Iman, dan kita tahu bahwasanya setiap manusia itu beriman menurut keyakinannya, namun ada tiga tingkatan manusia yang beriman di sisi Allah, iaitu:<br />
<br />
<b>Tingkatan Pertama: Iman » Ilmu » Amal</b><br />
<br />
Tingkatan manusia ini adalah tingkat manusia awam, ia sifatnya umum terhadap semua manusia, baik muslim maupun non-muslim. Inilah peranan '<i>Ar-Rahman</i>' nya Allah terhadap makhluknya (QS. 55).<br />
<br />
<b>Tingkatan Kedua: Iman » Islam » Ihsan</b><br />
<br />
Tingkatan ini adalah level menuju jenjang berikutnya, ialah level dimana ketika manusia awam tersebut telah menemukan jati dirinya untuk meyakini apa-apa yang telah diturunkan oleh Allah, hingga dia yakin <i>seyakin-yakinnya</i> bahawa kepada Allahlah tempat mengabdi hingga bergetarlah hatinya untuk membela Keinginan Allah secara mutlak (QS. 8:2).<br />
<br />
<b>Tingkatan Ketiga: Iman » Hijrah » Jihad</b><br />
<br />
Tingkatan iman ini adalah tingkatan iman tertinggi dari iman-iman yang lain, kerana tingkatan ini telah masuk ke alam praksis demi perwujudan dari keinginan Allah. Orang-orang yang masih ada keraguan dihatinya, pasti tidak akan dapat mencapai tingkatan iman yang ketiga ini, kerana Iblis akan selalu menghalangi manusia agar jangan sampai kepada tingkatan ini.<br />
<br />
Tingkatan ini adalah tingkatan dimana manusia telah siap menggalang amanah sebagai fitrahnya menjadi "KHALIFAH" di muka bumi ini, demi mewujudkan "KERAJAAN ALLOH" dan menata "ALAM SEMESTA" ini, telah menjadikan bahawa "DINUL ISLAM" sebagai pilihan untuk ditegakkan dalam wujud "MADINAH" yang utuh. (QS. 9:20)<br />
<br />
Termasuk kategori manusia yang beriman yang manakah kita hari ini? :)<br />
<br />
Wallahu a'lam bis showab...</div>
<div class="blogger-post-footer"><script type="text/javascript"><!--
google_ad_client = "pub-3696550680176152";
/* 468x60, created 12/03/08 */
google_ad_slot = "5501128553";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></div>Sham Kamarulhttp://www.blogger.com/profile/10779192610741080235noreply@blogger.com0tag:blogger.com,1999:blog-21423058.post-17783548609071214772014-05-25T04:34:00.002+08:002014-05-25T04:34:57.380+08:00SAMBUTAN ISRA' MI'RAJ RASULULLAH MUHAMMAD SAW<div dir="ltr" style="text-align: left;" trbidi="on">
Ketika Sang Kekasih menjadi sahabat, tempat manapun menjadi "bagaikan di langit;" dan bukan "terbenam ke bumi."<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs936qkx_BLFV75nw-RmZfgYACgBq-qeAJXrqcQv1-XkROnXIxbe5RlxJZhfLkm8h2h_hZ-KfBLNWLVOxatkPsuTIAr4ndHyCWzrTM9MqmEwPblU3Tiyz5EhKpIK3zJ9Y0wfYy/s1600/ikan+nun.jpeg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs936qkx_BLFV75nw-RmZfgYACgBq-qeAJXrqcQv1-XkROnXIxbe5RlxJZhfLkm8h2h_hZ-KfBLNWLVOxatkPsuTIAr4ndHyCWzrTM9MqmEwPblU3Tiyz5EhKpIK3zJ9Y0wfYy/s1600/ikan+nun.jpeg" height="296" width="320" /></a></div>
<br />
<br />
Sang Nabi SAW, berkata, "Jangan menyangka mi'raj-ku lebih unggul daripada apa yang terjadi pada Yunus; aku diangkat ke langit; dia ditenggelamkan ke dalam perut paus; kedekatan pada al-Haqq itu di luar perhitungan."<br />
<br />
Kedekatan itu bukan soal naik atau turun: kedekatan pada al-Haqq itu ertinya keMERDEKAan dari penjara keberadaan.<br />
<br />
Tiada tempat bagi gerak "ke atas" atau "ke bawah" dalam ketiadaan.
Ketiadaan tak mengenal "nanti," "jauh," atau "terlambat."
Sumber ilmu dan khazanah al-Haqq berada di ketiadaan. Kerana keberadaan ini saja telah menipumu, bagaimana mungkin kau fahami apa itu ketiadaan? Kekurangan adalah bahagian dunia yang telah ditentukan bagi sang Nabi saw, kefakiran dan kerendahan adalah kebanggaan dan kemuliaannya.<br />
<br />
(Maulana Jalaluddin Rumi)</div>
<div class="blogger-post-footer"><script type="text/javascript"><!--
google_ad_client = "pub-3696550680176152";
/* 468x60, created 12/03/08 */
google_ad_slot = "5501128553";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></div>Sham Kamarulhttp://www.blogger.com/profile/10779192610741080235noreply@blogger.com0tag:blogger.com,1999:blog-21423058.post-73874005406754814872014-05-25T04:26:00.001+08:002014-05-25T04:27:25.935+08:00Nuh: Jangan lakukan itu anakku sayang<div dir="ltr" style="text-align: left;" trbidi="on">
<div>
<div class="separator" style="clear: both;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDAWvqIL4Oe-ZkDVqMe85UWJPO0CJii9UGJJMiOP4u3nbbXEODx_8tihC8nnu3TieLtdmpmgDbqKATErY4js3rItv8jSNEmAZczq8XHVVlpr5iXlVfzU3On0xcy07FlcwdP4h9/s640/blogger-image--1098045338.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDAWvqIL4Oe-ZkDVqMe85UWJPO0CJii9UGJJMiOP4u3nbbXEODx_8tihC8nnu3TieLtdmpmgDbqKATErY4js3rItv8jSNEmAZczq8XHVVlpr5iXlVfzU3On0xcy07FlcwdP4h9/s640/blogger-image--1098045338.jpg" /></a></div>
<br /></div>
<div>
<br /></div>
<div>
Kanaan tengah berenang di laut sambil berkata: "Tidak, aku tak perlukan kapal dari musuhku Nuh."</div>
<div>
"Ayuhlah kemari!" teriak Nuh, "Duduklah di kapal bapakmu, anak bodoh, agar engkau tak tenggelam di lautan."</div>
<div>
<br /></div>
<div>
"Tidak!" jawab Kanaan, "Aku telah belajar berenang. Aku telah menyalakan lilin lain selain lilinmu."</div>
<div>
<br /></div>
<div>
"Berhati-hatilah, jangan lakukan hal ini! Ombak yang datang hari ini akan membawa banjir besar. Tangan, kaki dan kemampuan berenang tak akan ada ertinya hari ini. Ini adalah bencana dari kemarahan-Nya, sebuah goncangan yang akan memadamkan semua lilin. Hanya lilin-Nya-lah yang akan bertahan abadi."</div>
<div>
<br /></div>
<div>
"Tidak!" jawab Kanaan, "Aku akan pergi ke gunung yang tinggi. Ia akan melindungiku dari segala bahaya."</div>
<div>
<br /></div>
<div>
"Berhati-hatilah, jangan lakukan hal itu! Gunung itu saat ini hanyalah bagaikan jerami. Tuhan hanya akan melindungi orang-orang yang dicintai-Nya."</div>
<div>
<br /></div>
<div>
"Sejak bilakah aku pernah mendengarkan nasihatmu, hingga engkau begitu yakin kali ini aku akan mendengarkanmu?" tanya Kanaan, "Kata-katamu tak pernah aku hiraukan. Aku berlepas darimu, dari hari ini dan hari yang akan datang."</div>
<div>
<br /></div>
<div>
"Berhati-hatilah, jangan lakukan itu anakku sayang. Ini bukanlah harinya untuk bersikap acuh. Tuhan tidaklah berkeluarga, Dia pun tak mempunyai pasangan. Hingga hari ini engkau selalu bersikap tak peduli; tapi hari ini adalah hari di mana Allah tak peduli. Keacuhan siapakah yang dapat memecahkan kedinginan dalam pengadilan Allah? Dalam keabadian Dia tak berawal; Dia tak berayah, tak beranak dan tak berpaman. Lalu bagaimana mungkin Ia akan menderita karena keacuhan seorang anak? </div>
<div>
<br /></div>
<div>
Bagaimana Ia akan mendengarkan keacuhan seorang Ayah? ‘Aku tak berawal’ sabda Allah. 'Hai orang tua, janganlah berbangga. Karena Aku adalah Yang Tak Berawal; hai anak muda, janganlah berjalan dengan sombong. Aku bukanlah seorang suami, kerana hasrat tak ada dalam Diriku; hai wanita buanglah segala keacuhan.’ Dalam hadirat-Ku tak ada yang berharga selain rasa rendah hati, penghambaan dan penyerahan diri.’"</div>
<div>
<br /></div>
<div>
"Engkau telah mengatakan hal ini selama bertahun-tahun Ayahku," kata Kanaan, "Dan kini engkau mengulanginya lagi. Engkau telah gila dan hilang akal. Engkau telah mengatakan hal yang sama pada ramai orang, dan engkau telah menerima banyak jawapan yang menyakitkan hati! Tapi kata-katamu yang sakit itu tak pernah memasuki telingaku, apatah lagi sekarang, saat aku telah menjadi orang yang bijak dan berkuasa."</div>
<div>
<br /></div>
<div>
"Apa ruginya bagimu, anakku, jika kali ini engkau mengikuti nasihat ayahmu?"</div>
<div>
<br /></div>
<div>
Nabi Nuh terus saja menasihati anaknya dengan lembut, yang selalu ditolak anaknya dengan kata-kata yang kasar. Sang ayah terus saja menasihati anaknya tanpa lelah; tapi tak satupun yang masuk ke telinganya. Saat mereka sedang berdebat, tiba-tiba datanglah sebuah ombak besar yang menghempas Kanaan dan menghancurkan kepalanya hingga berkeping-keping.</div>
<div>
<br /></div>
<div>
"Wahai raja segala raja," ratap nabi Nuh, "Keledaiku telah mati, dan air-Mu telah menghempas semua hartaku. Bukankah Engkau telah berjanji padaku bahwa 'Keluargamu akan terselamatkan dari banjir ini.’ Aku adalah orang yang sederhana, dan aku telah meletakkan harapanku pada janji-Mu; lalu mengapa kini bencana-Mu merampas apa yang kumiliki?"</div>
<div>
<br /></div>
<div>
Tuhan berfirman, "Dia bukanlah keluarga dan saudaramu. Tak lihatkah engkau bahwa warnamu putih dan dia biru?"</div>
<div>
<br /></div>
<div>
"Aku tak mempunyai apa pun," kata Nuh, "selain dari esensi-Mu. Orang yang telah mati di dalam-Mu sesunguhnya adalah Diri-Mu sendiri. Dan Engkau mengetahui keadaan diriku terhadap-Mu: dua puluh kali lebih memerlukan-Mu daripada padang rumput yang memerlukan hujan, aku hidup melalui-Mu, bergembira melalui-Mu, seorang miskin yang diberi makan tanpa perantara, tak tersatukan dan tak terpisahkan--wahai Yang Maha Sempurna--tanpa kualiti, tanpa penjabaran dan tanpa penyebab. Kami adalah ikan dan Engkau adalah Lautan kehidupan; dengan kurnia-Mu Kami hidup wahai Tuhan yang mempunyai Asma-asma Yang Agung. Wahai Tuhan Yang Karya-Nya tak terfikirkan oleh siapa pun; Tuhan yang berkarya tanpa penyebab. Sebelum dan sesudah banjir ini, aku menyerahkan hidupku dalam keadaan apa pun pada-Nya; dengan-Mu-lah aku pernah bercakap-cakap, bukan dengan manusia, wahai yang menciptakan percakapan dahulu dan yang akan datang. Bukankah seorang pencinta selalu terikat pada reruntuhan rumah kekasihnya? Dari luar ia tampak mengacuhkan bangunan roboh itu; tetapi kepada siapakah ia selalu melantunkan puji-pujiannya? Puji syukur ke hadirat-Mu, yang telah menghancurkan segala perantara dari kejahatan, kerana perantara itulah yang membawa kejahatan, bersuara bagaikan ratapan atau gaung. Aku menganggap kehancuran semacam itu bagaikan sebuah jawapan balik, bagaikan gunung, dengan gaungnyalah aku dapat mendengar nama-Mu lebih keras, kerana aku telah jatuh hati dengan nama-nama-Mu yang menyegarkan jiwa. Dengan alasan itu pulalah setiap nabi sangat mencintai gunung-gunung, agar dapat mendengar nama-Mu lebih keras; tetapi di setiap lembah dari gunung-gunung itu hanya dapat memuat seekor tikus, bukan manusia, sebagai tempat berhenti. Kerana ketika aku berbicara tak ada yang menyahut, dan napas dari suaraku tak menghasilkan gaung. Tinggalkanlah ia di bumi; jangan tercampurkan; remukkanlah ia dibawah kakimu!"</div>
<div>
<br /></div>
<div>
Tuhan berkata, "Hai Nuh, jika engkau mahu, Aku akan meremukkan mereka semua dan membangkitkannya dalam debu. Aku tak ingin hatimu terluka dek Kanaan, tetapi aku sedang menunjukkan padamu kedudukan jiwa mereka yang sebenarnya."</div>
<div>
<br /></div>
<div>
"Tidak, tidak," tangis Nuh, "Aku mengetahui bahwa Engkau seharusnya juga menenggelamkanku jika Engkau menghendaki. Setiap detik dari tenggelamnya diriku adalah kebahagiaan bagiku. Perintah-Mu adalah jiwaku; dan kuhargai seperti hidupku sendiri. Aku tak melihat pada manusia lain; kerana aku menganggapnya sebagai perwujudan dari diri-Mu, tetapi Engkaulah yang menjadi perhatian utamaku. Dalam keadaan susah dan senang aku jatuh cinta pada karya-Mu; bagaimana aku dapat bertindak bagaikan seorang bodoh yang mencintai sesuatu yang lain yang sebenarnya tak ada?"</div>
<div>
<br /></div>
<div>
<div>
Berbahagialah orang yang di mabuk cinta dengan karya-karya-Nya ; seorang kafir adalah mereka yang mabuk cinta oleh sesuatu yang sebenarnya tak ada.</div>
</div>
<div>
<br /></div>
<div>
(Maulana Jalaludin Rumi)</div>
</div>
<div class="blogger-post-footer"><script type="text/javascript"><!--
google_ad_client = "pub-3696550680176152";
/* 468x60, created 12/03/08 */
google_ad_slot = "5501128553";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></div>Sham Kamarulhttp://www.blogger.com/profile/10779192610741080235noreply@blogger.com0tag:blogger.com,1999:blog-21423058.post-27242421031160173362014-04-10T11:35:00.003+08:002014-04-10T11:35:38.096+08:00Belajarlah dari fitrah buah-buahan<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_BRF610n6gHNQh43OjPEFTonVEL0da1RaLbBkA2FGWMtRNkwFbWPgsa9-kCrKhxQa5BnB6HdFuQUUjl8UrIfFF7-oWX-2vcGn5a1koyV3UzUS4J09997xe_0wnU0NUvl5k1OV4g/s1600/Buah+buahan.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_BRF610n6gHNQh43OjPEFTonVEL0da1RaLbBkA2FGWMtRNkwFbWPgsa9-kCrKhxQa5BnB6HdFuQUUjl8UrIfFF7-oWX-2vcGn5a1koyV3UzUS4J09997xe_0wnU0NUvl5k1OV4g/s1600/Buah+buahan.jpg" height="230" width="400" /></a></div>
<br />
<br />
<blockquote class="tr_bq">
Jadilah buah jagung, jangan jadi buah gajus.
Jagung membungkus bijinya yang banyak, sedangkan buah gajus menunjukkan bijinya yang cuma ada satu. </blockquote>
<br />
Maksudnya : Jangan suka menunjuk-nunjuk harta, ilmu dan sebagainya.<br />
<br />
<blockquote class="tr_bq">
Jadilah Pokok pisang.
Pokok pisang kalau berbuah hanya sekali, kemudian mati. </blockquote>
<br />
Maksudnya : Kesetiaan dalam perkahwinan, kesetiaan dalam perjuangan<br />
<br />
<blockquote class="tr_bq">
Jadilah buah durian , jangan buah kedondong.
Walaupun di luarnya penuh dengan kulit yang berduri tajam, tetapi dalamnya lembut dan manis. Jauh berbeza dengan kedondong, luarnya licin tapi rasanya agak masam dan di dalamnya ada biji yang berduri. </blockquote>
<br />
Maksudnya : Don’t Judge a Book by its Cover.. jangan menilai orang dari luarnya saja.<br />
<br />
<blockquote class="tr_bq">
Jadilah ubi kayu.
Walaupun hidup dalam tanah, tetapi isinya putih bersih. </blockquote>
<br />
Maksudnya : Jagalah hati jangan kau nodai dengan nafsumu.<br />
<br />
<blockquote class="tr_bq">
Jadilah setangkai petai, bukan setangkai rambutan.
Tangkai petai memberi makanan yang sama rata ke biji petainya, semua seimbang, tidak seperti rambutan.. ada yang kecil ada yang besar. </blockquote>
<br />
Maksudnya : Pertimbangan yang adil.<br />
<br />
<blockquote class="tr_bq">
Jadilah cili
Semakin tua semakin pedas. </blockquote>
<br />
Maksudnya : Semakin tua semakin bijaksana...<br />
<br />
<blockquote class="tr_bq">
Jadilah pokok kelapa yang banyak gunanya pada manusia. Dari buah, batang, daun, sabut dan lain-lain besar kegunaannya pada manusia.</blockquote>
<br />
Maksudnya: Jadi serba guna pada agama, negara dan bangsa</div>
<div class="blogger-post-footer"><script type="text/javascript"><!--
google_ad_client = "pub-3696550680176152";
/* 468x60, created 12/03/08 */
google_ad_slot = "5501128553";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></div>Sham Kamarulhttp://www.blogger.com/profile/10779192610741080235noreply@blogger.com2tag:blogger.com,1999:blog-21423058.post-19249122137943388152014-03-14T00:14:00.000+08:002014-03-14T00:23:35.939+08:00Mengurus fail Aplikasi PHP Slim<div dir="ltr" style="text-align: left;" trbidi="on">Jika dirujuk pada laman <a href="http://www.slimframework.com/news/how-to-organize-a-large-slim-framework-application" rel="nofollow" target="_blank">rasmi</a> tentang bagaimana mengurus aplikasi Slim apabila skop dan saiznya mulai berkembang, tiada pula diterangkan mengenai contoh kod terperinci yang terlibat dalam fail yang berasingan. Cuma diterangkan kelebihan penggunaan sintaks <span style="background-color: #cccccc;">require</span> dapat memudahkan pembacaan kod dan keteraturan fail-fail PHP.<br>
<div>
<br></div>
<div>
<div class="separator" style="clear: both;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5ZukHippRG9Zb1tgugZsdNl4GrQ0g3xnow8mnXunxDpLP2VxOCHuPGVK0MO4B7Xn-D59r4XuuGddWFjVzZaOPfd6ET5k0C7On4VZysUjslbVv997Zi66pxtZseArOedoJXLI9/s640/blogger-image--1800484973.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5ZukHippRG9Zb1tgugZsdNl4GrQ0g3xnow8mnXunxDpLP2VxOCHuPGVK0MO4B7Xn-D59r4XuuGddWFjVzZaOPfd6ET5k0C7On4VZysUjslbVv997Zi66pxtZseArOedoJXLI9/s640/blogger-image--1800484973.jpg"></a></div>
<div class="separator" style="clear: both;">
<br></div>
<div class="separator" style="clear: both;">
Persoalan akan timbul bilamana ralat (teks quote dibawah) muncul ketika fail-fail tersebut mencuba menggunakan instance Slim (rujuk gambar di atas).</div>
<div class="separator" style="clear: both;">
</div>
<blockquote class="tr_bq">
<a class="question-hyperlink" href="http://stackoverflow.com/questions/22369302/php-fatal-error-class-slim-not-found" style="background-color: transparent; border: 0px; color: black; cursor: pointer; margin: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;">PHP Fatal error: Class 'Slim' not fou</a>nd</blockquote>
</div>
<div>
<div class="separator" style="clear: both;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhn8hritMTtsA-UcjZTwHyyMCWXvECNQDODOMOFMChBjRU170HITHSSQGth7HltXR7D5YQ6dR9axqdNgg8wrtw2KziHtvA6JR00TVxSZOTRyB69ielqgf_WDnrFjwc885KVk_Qf/s640/blogger-image-1066569687.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhn8hritMTtsA-UcjZTwHyyMCWXvECNQDODOMOFMChBjRU170HITHSSQGth7HltXR7D5YQ6dR9axqdNgg8wrtw2KziHtvA6JR00TVxSZOTRyB69ielqgf_WDnrFjwc885KVk_Qf/s640/blogger-image-1066569687.jpg"></a></div><div class="separator" style="clear: both;"><br></div><div class="separator" style="clear: both;">Sampel kod di atas adalah contoh penggunaan instance Slim. Bagi atasi masalah ini berlaku, sintaks yang akan digunakan dalam kesemua fail yang berasingan dari fail utama (index) adalah </div><div class="separator" style="clear: both;"><br></div><div class="separator" style="clear: both;">use Slim\Slim;</div><div class="separator" style="clear: both;"><br></div><div class="separator" style="clear: both;">Selamat mengoding!</div><br></div>
</div>
<div class="blogger-post-footer"><script type="text/javascript"><!--
google_ad_client = "pub-3696550680176152";
/* 468x60, created 12/03/08 */
google_ad_slot = "5501128553";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></div>Sham Kamarulhttp://www.blogger.com/profile/10779192610741080235noreply@blogger.com0tag:blogger.com,1999:blog-21423058.post-7043246071911223662014-03-12T12:53:00.000+08:002014-03-12T12:53:03.164+08:00Configure phpMyAdmin on Apache Arch Linux<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJJExlK6gCEU1tmK4YmhL2Yuu9Gg2497uKY0F0qLhxnVad66p-Ulex_pYT7u17BrAImHM-n7fn5qP7Aty4HSGeSc8GKiEVjhwJd99xTekoMhZ2fhmM9Q8G6c6OzZm-GoUqN_YM/s1600/configure+pma.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJJExlK6gCEU1tmK4YmhL2Yuu9Gg2497uKY0F0qLhxnVad66p-Ulex_pYT7u17BrAImHM-n7fn5qP7Aty4HSGeSc8GKiEVjhwJd99xTekoMhZ2fhmM9Q8G6c6OzZm-GoUqN_YM/s1600/configure+pma.gif" /></a></div>
<br /></div>
<div class="blogger-post-footer"><script type="text/javascript"><!--
google_ad_client = "pub-3696550680176152";
/* 468x60, created 12/03/08 */
google_ad_slot = "5501128553";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></div>Sham Kamarulhttp://www.blogger.com/profile/10779192610741080235noreply@blogger.com0tag:blogger.com,1999:blog-21423058.post-65421863275243810242014-03-12T12:45:00.001+08:002014-03-12T12:45:45.159+08:00Install phpMyAdmin on ArchLinux as easy as 123<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyJbywkLk0RPOZllrck-AjRLxiN-CxR71uqJLdlxDoftpGDZheD3ZEXySxUbmDVn4JQtJ1dVY7er7eLXlewowy_PGA3Cu7rqy35uhZARctVoNhbGnRxsx2I6DjQi4gR26Feq4N/s1600/install-phpmyadmin.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyJbywkLk0RPOZllrck-AjRLxiN-CxR71uqJLdlxDoftpGDZheD3ZEXySxUbmDVn4JQtJ1dVY7er7eLXlewowy_PGA3Cu7rqy35uhZARctVoNhbGnRxsx2I6DjQi4gR26Feq4N/s1600/install-phpmyadmin.gif" /></a></div>
<br /></div>
<div class="blogger-post-footer"><script type="text/javascript"><!--
google_ad_client = "pub-3696550680176152";
/* 468x60, created 12/03/08 */
google_ad_slot = "5501128553";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></div>Sham Kamarulhttp://www.blogger.com/profile/10779192610741080235noreply@blogger.com0tag:blogger.com,1999:blog-21423058.post-61086467011088575072014-03-12T12:41:00.000+08:002014-03-12T12:41:21.474+08:00Update package manager on Arch Linux: 123<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7h2nA3t4u1fKh8bJPsQBCjs70B3pUPR93i1kRTury5sSoZ-Mo6Oq6y3lBabSTGpKbmx2QSHm70JWNTnbH2LlUy0cbQMOeV0JidoaKHQvi0svC4XLLe2JWePVRjo__X-mvzxuC/s1600/update-package-manager.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7h2nA3t4u1fKh8bJPsQBCjs70B3pUPR93i1kRTury5sSoZ-Mo6Oq6y3lBabSTGpKbmx2QSHm70JWNTnbH2LlUy0cbQMOeV0JidoaKHQvi0svC4XLLe2JWePVRjo__X-mvzxuC/s1600/update-package-manager.gif" /></a></div>
<br /></div>
<div class="blogger-post-footer"><script type="text/javascript"><!--
google_ad_client = "pub-3696550680176152";
/* 468x60, created 12/03/08 */
google_ad_slot = "5501128553";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></div>Sham Kamarulhttp://www.blogger.com/profile/10779192610741080235noreply@blogger.com0tag:blogger.com,1999:blog-21423058.post-68310297111007697442014-01-29T23:00:00.001+08:002014-01-29T23:00:59.258+08:00Menghayati Fungsi Solat III<div>Adapun mengenai solat yang akan kita bahas di siri ini ialah yang sebagaimana difirmankan Allah SWT yang bunyi-Nya :</div><div><br></div><div>… إِنَّ الصَّلاَةَ تَنْهَى عَنِ الْفَحْشَاءِ وَالْمُنْكَرِ…(45)</div><div><br></div><div>“….Sesungguhnya solat itu mencegah dari (perbuatan-perbuatan) keji dan mungkar….” (Q.S. Al-Ankabuut : 45).</div><div><br></div><div>Pengertiannya :</div><div><br></div><div>Bahawa solat itu berfungsi bagi diri supaya mencegah kekejian dan kemungkaran. Jadi, terhadap yang melakukannya, tetapi hanya pandang enteng bila berlakunya kemungkaran, maka ertinya solat itu tidak sejalan dengan yang dimaksud oleh ayat tersebut di atas.</div><div><br></div><div>Bahawa lanjutan dari solat itu harus sedaya mungkin berusaha mencegah perbuatan yang bertentangan dengan hukum-hukum Allah. Ertinya, bagi setiap yang sudah melakukan solat dan sesuai dengan esensi yang dikandung dalam solat, maka dirinya akan terus bergerak melawan kemungkaran.</div><div class="blogger-post-footer"><script type="text/javascript"><!--
google_ad_client = "pub-3696550680176152";
/* 468x60, created 12/03/08 */
google_ad_slot = "5501128553";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></div>Sham Kamarulhttp://www.blogger.com/profile/10779192610741080235noreply@blogger.com1tag:blogger.com,1999:blog-21423058.post-60827413277697338272014-01-21T01:09:00.001+08:002014-01-29T22:22:50.807+08:00Menghayati Fungsi SolatPada dasarnya bahawasanya seseorang yang sudah melakukan solat, maka sesungguhnya telah “BERJANJI” pada Allah, sebagaimana yang dikandung dalam ungkapan kalimat “<b>Iyyaka na’ budu</b>” yang ertinya : “HANYA kepada engkau kami menyembah / beribadah”. Ibadah berasal dari kata “abada” (menyembah, mengabdi/berbakti). Menyembah atau berbakti kepada Allah bererti bernaung di bawah ketentuan Hukum-Hukum Islam. Maka, dalam solat itu juga bererti telah memberikan pernyataan diri sebagai “petugas” dari Kerajaan Allah. Sehingga dirinya itu siap sedia pula melawan setiap kekuatan yang menghalangi tegaknya undang-undang yang telah diturunkan Allah SWT.<div class="blogger-post-footer"><script type="text/javascript"><!--
google_ad_client = "pub-3696550680176152";
/* 468x60, created 12/03/08 */
google_ad_slot = "5501128553";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></div>Sham Kamarulhttp://www.blogger.com/profile/10779192610741080235noreply@blogger.com0tag:blogger.com,1999:blog-21423058.post-78679768605035449902014-01-21T01:04:00.001+08:002014-01-29T22:33:42.339+08:00Menghayati Fungsi Solat II<p style="text-align: start; margin: 0px 0px 1em; padding: 0px;"><span style="-webkit-text-size-adjust: auto; background-color: rgba(255, 255, 255, 0);">Tentu lain halnya seseorang yang telah berjanji ketika menunaikan solatnya, sedang dalam hal itu bersetuju berlakunya hukum-hukum Jahiliyah (thagut), atau rela bila hukum Islam dicampakkan dari dirinya, maka itu beerti melanggar janjinya sendiri juga bermakna <strong>solatnya itu hanya palsu belaka.</strong> Kita mesti ingat pesan Rasulullah SAW :</span></p><p dir="rtl" style="margin: 0px 0px 1em; padding: 0px;"><strong style="-webkit-text-size-adjust: auto; background-color: rgba(255, 255, 255, 0);">اَوَّلُ مَايُحَاسَبُ بِهِ الْعَبْدُ يَوْمَ الْقِيَامَةِ الصَّلاَةُ فَاِنْ صَلَحَتْ صَلَحَ سَائِرُ عَمَلِهِ وَاِنْ فَسَدَتْ فَسَدَ سَائِرُ عَمَلِهِ</strong></p><p style="text-align: start; margin: 0px 0px 1em; padding: 0px;"><em style="-webkit-text-size-adjust: auto; background-color: rgba(255, 255, 255, 0);">“Yang paling utama dihisab (ditanya) seseorang hamba pada hari kiamat ialah mengenai solat. Apabila beres solatnya, beres segala amalnya. Dan jika rosak, maka rosak pula segala amalnya”. <strong>(H. R. Thabrany).</strong></em></p><p style="text-align: start; margin: 0px 0px 1em; padding: 0px;"><span style="-webkit-text-size-adjust: auto; background-color: rgba(255, 255, 255, 0);"><strong>Yang akan diperiksa dari hal melakukan solat itu, tidak hanya perkara-perkara yang mengenai rukun-rukun atau wujudnya secara lahiriah sahaja.</strong> Sebab, bila hanya untuk itu, maka orang-orang munafik atau fasik pun dapat melakukannya. Tegasnya, bahwa yang akan diperiksa mengenai solatnya seseorang itu adalah mencakup pula akan isinya antara lain :</span></p><p style="margin: 0px 0px 1em; padding: 0px;"><span style="-webkit-text-size-adjust: auto;">Sudahkah dengan solatnya itu dia mencegah kemungkaran dan kekejian sebagaimana yang disebutkan oleh ayat tadi di atas?.</span></p><p style="margin: 0px 0px 1em; padding: 0px;"><span style="-webkit-text-size-adjust: auto;">Sungguhkah dia melakukan solat itu dengan sepenuh hati,</span><span style="-webkit-text-size-adjust: auto; font-family: 'Helvetica Neue Light', HelveticaNeue-Light, helvetica, arial, sans-serif;"> sedia menjalankan seluruh Perintah Allah, sebagaimana perierti solat itu sendiri, atau hanya mengakui sebahagiannya saja ; sebahagiannya lagi dia pakai aturan sendiri?.</span></p><p style="margin: 0px 0px 1em; padding: 0px;"><span style="background-color: rgba(255, 255, 255, 0); -webkit-text-size-adjust: auto;"></span></p><p style="margin: 0px 0px 1em; padding: 0px;"><span style="-webkit-text-size-adjust: auto;">Dan adakah janji dalam solatnya itu merupakan janji yang boleh dipertanggungjawabkan atau sekadar hanya janji kosong? Atau memang sengaja dia telah berani merosak janjinya, kerana menganggap lekeh terhadap makna tujuan menyembah kepada Allah?.</span></p><div class="blogger-post-footer"><script type="text/javascript"><!--
google_ad_client = "pub-3696550680176152";
/* 468x60, created 12/03/08 */
google_ad_slot = "5501128553";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></div>Sham Kamarulhttp://www.blogger.com/profile/10779192610741080235noreply@blogger.com0tag:blogger.com,1999:blog-21423058.post-91888206706742983392014-01-20T11:10:00.000+08:002014-01-20T11:35:25.981+08:00More security added for your BackboneJS apps<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
I've been exploring this simple login mechanism used by <a href="https://github.com/clintberry" target="_blank">Clint</a> where he simply depends on the PHP session to authorize the user on every request made to PHP REST server. Alhamdulillah it solves my problem on how to authenticate user on BackboneJs apps (star or fork it <a href="https://github.com/clintberry/backbone-directory-auth" target="_blank">here</a>). But I still feel something is not right because when you are building the Ajax apps, you cannot simply authorize the session or cookie just like you usually do your traditional PHP apps. I read more about how to validate, authorize, authenticate, etc the AJAX apps.<br />
<div>
<br /></div>
<div>
After spending time reading <a href="http://blog.sathomas.me/post/securing-javascript-web-apps" target="_blank">this</a>, I thought Clint's apps lack of basic CSRF. So here is snippet to make your BackboneJs Apps more secure</div>
<div>
<br /></div>
<div>
Please refer to index.php file where you can see all the slim framework code, look for function name "login" and "authorize" </div>
<div>
<br /></div>
<div>
<script src="https://gist.github.com/infacq/8514213.js"></script>
</div>
Simply replace the code above. The snippet now will authenticate every request made to the server. Check this out in your debugger console.<br />
<br />
Before user login<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiny3JhfL8jPQTmEMg_-90c4L60N6-WLhIZQAWTzRsWdS9jxL_qMFdFQ4btYVO78LgSPQya0D9q0s0zm3zlzeyQtyHGif-yCE8IuivV1YgPzU3InTIBL24ZmkgollVarVxRuwAk/s1600/console1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiny3JhfL8jPQTmEMg_-90c4L60N6-WLhIZQAWTzRsWdS9jxL_qMFdFQ4btYVO78LgSPQya0D9q0s0zm3zlzeyQtyHGif-yCE8IuivV1YgPzU3InTIBL24ZmkgollVarVxRuwAk/s1600/console1.png" /></a></div>
<br />
After login and request protected data<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirO6MfnKqJsDS4RPqQcdKnvljNKf9ZtcoIwE1p4mdkKF5X-3fNaqiRE2H0MGl3V71cY8kbyaBhdwIvuRe5oiSKnYjgkyzZXp3dz7cKETQOAic2Y0_qC_SKwq0-BK_INVevvapJ/s1600/console2.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirO6MfnKqJsDS4RPqQcdKnvljNKf9ZtcoIwE1p4mdkKF5X-3fNaqiRE2H0MGl3V71cY8kbyaBhdwIvuRe5oiSKnYjgkyzZXp3dz7cKETQOAic2Y0_qC_SKwq0-BK_INVevvapJ/s1600/console2.png" /></a></div>
<br /></div>
<br />
<br />
<br />
<br />
<br />
As for the front end, you will need to modify your login script by define the request header
<script src="https://gist.github.com/infacq/8514279.js"></script><br />
<br />
The flow with this approach may go something like this:
<br />
<ol>
<li>The user navigates in their browser to the BackboneJs application
</li>
<li>The server returns a basic web page and a JavaScript application
</li>
<li>The JavaScript application can’t find an authentication token in the web site’s cookies
</li>
<li>The JavaScript application displays a login form
</li>
<li>The user enters correct login credentials and then submits the form
</li>
<li>The server validates the login information and creates an authentication token for the user
</li>
<li>The server sets the authentication token in a cookie/session and returns it to the JavaScript application
</li>
<li>The JavaScript application makes a request for some protected data, sending the authentication token in a custom header
</li>
<li>The server validates the token and then returns the data
</li>
</ol>
as you noticed, i used jQuery's function and Twitter Bootstrap's CSS class.
</div>
<div class="blogger-post-footer"><script type="text/javascript"><!--
google_ad_client = "pub-3696550680176152";
/* 468x60, created 12/03/08 */
google_ad_slot = "5501128553";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></div>Sham Kamarulhttp://www.blogger.com/profile/10779192610741080235noreply@blogger.com2Puchong, Selangor, Malaysia3.013086 101.613804099999922.7593765 101.29108059999993 3.2667954999999997 101.93652759999992tag:blogger.com,1999:blog-21423058.post-29581530820614250722014-01-14T22:19:00.001+08:002014-01-14T22:20:21.920+08:00Apa itu "Manunggaling Kawula lan Gusti"?<span style="background-color: rgba(255, 255, 255, 0); -webkit-text-size-adjust: auto; font-family: 'Helvetica Neue Light', HelveticaNeue-Light, helvetica, arial, sans-serif;">"Kawula" adalah jasad manusia, sedangkan "gusti" adalah raja dari jasad manusia, yaitu nafs atau jiwa (ingat: nafs di sini bukan hawa nafsu). "Manunggaling kawula lan gusti", adalah menyatunya keinginan jasad dengan keinginan nafs atau jiwa. Ini sering juga disebut sebagai "pernikahan" (antara jasad dengan nafs)</span><span style="-webkit-text-size-adjust: auto; background-color: rgba(255, 255, 255, 0);"><br><br>Jika jasad adalah kuda dan nafs adalah penunggangnya, maka ketika kuda dan penunggangnya sudah "manunggal", bererti kuda sudah tunduk dan patuh kepada penunggangnya. Bukan lagi kuda liar yang mempunyai kehendak semaunya. <br><br>Namun kebanyakan manusia itu nafs-nya mati, atau seperti kuda yang tidak memiliki penunggang sehingga bebas lari ke sana ke mari. Dalam tataran jasad, larinya jasad sesuka hati berasal dari dorongan syahwat dan hawa nafsu. Ini adalah kawula yang belum manunggal dengan gusti. Dan ini adalah kebanyakan dari kita. <br><br>Setelah jasad dan nafs menyatu, maka yang menjadi "kawula" adalah 'pernikahan antara jasad dan jiwa' tadi, sedang gustinya adalah Ruh Al-Amin. Maka, penyatuan tahap berikutnya adalah antara "kawula" ('pernikahan' jasad dan jiwa) dengan Ruh Al-Amin. Inilah yang disebut sebagai ma'rifat. Tahap penyatuan awal antara jasad dan nafs itu baru setengah dari agama, kerana, seperti kata Imam Ali bin Abi Thalib: "Awal Ad-Diin (agama) itu adalah ma'rifatullah." <br><br>Kerananya, melihat paparan di atas, setidaknya Anda boleh mengerti salah satu makna atau hikmah dari hadis berikut: Dari Anas bin Malik r.a ia berkata: bersabda Rasulullah saw: “Jika seorang hamba menikah, bermakna dia telah menyempurnakan setengah agamanya, maka hendaklah ia bertaqwa kepada Allah pada separuh sisanya.” (HR. Baihaqi)<br><br>Wallahu 'alam bishawwab</span><div class="blogger-post-footer"><script type="text/javascript"><!--
google_ad_client = "pub-3696550680176152";
/* 468x60, created 12/03/08 */
google_ad_slot = "5501128553";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></div>Sham Kamarulhttp://www.blogger.com/profile/10779192610741080235noreply@blogger.com0tag:blogger.com,1999:blog-21423058.post-79501602117732604172014-01-11T02:00:00.001+08:002014-01-11T02:11:08.515+08:00Dharma<span style="-webkit-text-size-adjust: auto; background-color: rgba(255, 255, 255, 0);">Kata “Dharma” berasal dari bahasa Sanskrit, akar katanya adalah “dhr” (baca: dri) yang ertinya menjinjing, memangku, memelihara, mengatur, atau menuntun. Akar kata “dhr” ini kemudian berkembang menjadi kata dharma yang mengandung erti hukum yang mengatur dan memelihara alam semesta beserta segala isinya. Dalam hubungan dengan peredaran alam semesta, kata dharma dapat pula bererti kudrat (diri). Sedangkan dalam kehidupan manusia, dharma dapat bererti ajaran, kewajiban atau peraturan-peraturan suci yang memelihara dan menuntun manusia untuk mencapai kesempurnaan hidup yaitu tingkah laku dan budi pekerti yang luhur.</span><div><span style="-webkit-text-size-adjust: auto; background-color: rgba(255, 255, 255, 0);"><br></span></div><div><span style="-webkit-text-size-adjust: auto;">Wallahu Alam</span></div><div class="blogger-post-footer"><script type="text/javascript"><!--
google_ad_client = "pub-3696550680176152";
/* 468x60, created 12/03/08 */
google_ad_slot = "5501128553";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></div>Sham Kamarulhttp://www.blogger.com/profile/10779192610741080235noreply@blogger.com1