My Note

Akhirnya setelah menunggu 1 malam 1 siang :D biol.be up juga. Setelah beberapa hari developing sepertinya saya akan meniati web yang satu ini hoho. berawal dari note.l-shaf.me pindah ke biol.be karena 1. terlalu panjang 2. l-shaf adalah codename saya jadi mungkin orang berfikir ini bukan untuk publik 3. biol.be pendek dan mudah di ingat 4. biol.be namanya aneh dan akan selalu di ingat (PD banget XD) Awalnya pilih2 nama twib.be bagus tapi ga deh, bakal rancu dengan huruf 'b' nya akhirnya ga. Sebelum itu aku sempet cari domain ".pw" karena murah ingin beli tapi ga punya balance atau duit di paypal jadi apalah daya haha nyerah! Akhirnya nanya sobat kantor rekomendasinya akhirnya nemu juga dan beli di perdhana host (promosi ni~~, gpp sedikit amal buat mereka :D). Sekarang biol.be sudah up dan siap digunakan oleh publik, saya beri sedikit rahasia bahwa akan update fitur untuk website ini jadi ga hanya untuk manjangin bio di twitter tapi ada fitur tambahan lagi. A

Twit bio longer, aplikasi website yang saya ciptakan karena keterbatasan twitter untuk menyimpan deskripsi hanya beberapa karakter. Aplikasi yang sangat sederhana, anda hanya perlu login akun twitter anda di http://note.l-shaf.me/  lalu mengisi form dan klik tombol save. Cara kerja yang sangat simpel dan tidak ribet. Bagaimana cara melihatnya? sangat mudah. Aplikasi web ini di desain seperti twitter jadi jika anda ingin melihat hasil bio yang anda simpan tinggal klik 'View my bio' atau ke http://note.l-shaf.me/user_name_anda . keren bukan? ingin? tinggal masuk ke websitenya dan login dengan akun twitter anda. Selamat malam dan salam hangat di malam yang dingin ini. By : L Shaf

Wah lama banget ni dah ga share karena kesibukan pribadi. Akhirnya hari ini saya share kembali dengan sesuatu yang sangat simpel, pendek dan tidak bertele-tele karena saya masih sibuk sebenarnya. Langsung saja saya share salah satu aplikasi yang sangat berguna bagi para programmer yaitu Chrome Logger. Apa sih Chrome Logger? baca sendiri aja ya itu di gambar ada tulisannya hehe. jika mau tau lebih lanjut silahkan buka website resminya  http://craig.is/writing/chrome-logger . bahasa yang di support chrome logger untuk debuggin yaitu : - PHP - CF - Python - Ruby - Node.js - .NET Semuanya sudah di tuliskan di website resminya lengkap dan komplit. Ga ngerti cara pakenya? Oke saya jelaskan sedikit : - Install dulu Chrome Loggernya di google chrome kalian - Download misal kalau PHP  http://github.com/ccampbell/chromephp - Pas udah gitu setelah kalian download include file yang udah di download - Misal kalau di php include "ChromePhp.php"; - terus kalau di bawah co

Setelah beberapa hari saya memposting tentang aplikasi KataGana versi android kini saya juga menghadirkan KataGana versi ChromeApps dan Firefox OS. untuk versi Firefox OS tidak jauh berbeda dengan android akan tetapi saya telah melakukan improvement terhadap corenya di versi kali ini. Jadi sedikit berbeda dengan android corenya saja. Jika di lihat dari penampilan masih sama yaitu blue, cool and minimalist hehehe. okeh langsung saja saya kasih linknya deh soalnya ga bisa basa basi lagi. Jika mau lihat fitur lengkapnya silahkan baca artikel saya yang sebelumnya di  http://blog.l-shaf.me/2013/08/katagana.html dan berikut linknya - Chrome Apps  http://q.gs/4883894/katagana  [pass: l-shaf.me] - Firefox OS  http://q.gs/4883894/f-katagana Mohon bantuan kliknya ya, lumayan lah amal donasi buat saya hehehe. Untuk chromenya jika kalian kesulitan install tinggal buka setting chrome > buka tab extension > drag .crx nya ke chrome dan tekan tombol Add. Akhirnya aplikasi katagana siap

Akhirnya saya menemukan ide juga untuk mengisi blog saya ini karena beberapa hari ini saya agak sibuk dan tidak bisa posting di blog saya, tapi sebenarnya saya hanya ga punya ide aja sih mau posting apa. Setelah saya memperhitungkan kembali secara berulang-ulang, saya berkeputusan untuk membuat komunitas PHP Mastering untuk daerah Malang dan Kepanjen saja. Startup akan saya mulai di bulan Juni inshaallah. Saya akan memulainya dari sekolah SMP kemudian SMA dan SMK di daerah kepanjen. Nanti saya yang akan menjadi pembimbing mereka dan setiap 1 sekolah memiliki 1 leader untuk mengatur anak buahnya sendiri. Untuk saat ini saya pastinya juga membutuhkan bantuan seseorang juga pastinya. Siapa tau anda tinggal di daerah kepanjen dan ingin bergabung membuat komunitas ini, silahkan kirim email ke saya atau komentar saja di postingan ini. Saya pasti akan merespon antusias kalian dengan cepat karena saya membutuhkan kalian. Mari kita belajar bersama melalui komunitas ini. Saya bukanlah oran

Setelah 3 hari tidak posting sesuatu karena bingung mau posting apa, akhirnya saya menemukan ide untuk membagikan ilmu yang saya punya. Yah walaupun sedikit tapi saya harap dapat berguna untuk kalian. Kalian tahu shortcut kan? ituloh jalan pintas, jadi dengan shortcut ini anda bisa lebih mudah membuka menu yang anda inginkan tapi ini adalah web base jadi bukan untuk aplikasi desktop, mengingat saya hanya bisa sedikit tentang website dan lebih sedikit lagi di desktop. Seperti facebook yang sudah memiliki shortcut memberikan kalian kemudahan dalam mengoperasikan facebook, itupun jika kalian tahu shortcutnya dan sering menggunakannya. Saya tidak membahas shortcutnya facebook tapi saya kasih tau cara membuatnya, untuk kali ini saya gunakan library JQuery agar lebih mudah di pahami. Berikut source codenya : HTML <span id="x">No Status</span> JS $(document).keydown(function(e){ var keys = e.keyCode ? e.keyCode : e.which; if(keys == 13 && e.ctrlKey){

Banyak sekali perubahan yang telah saya lakukan untuk menyempurnakan Almsware LJS yang saya posting kemarin dan akhirnya setelah perubahan yang lumayan banyak, Almsware LJS berkembang lebih baik dari yang sebelumnya. Untuk opening publish karena kemarin masih belum sempurna saya telah menambahkan script game ke Almsware LJS yang saya ambil dari website  http://jdstraughan.com  yaitu game Tron dan Snake. untuk aplikasi Tronnya bisa di klik gambar di bawah ini dan di bawah ini untuk game snake SSnya tidak sama dengan game yang ada di webnya, cuman karena salah malas SS jadi cari di gugel aja :D. Selamat bersenang-senang sambil belajar HTML, CSS dan Javascript. Semoga itu berguna untuk anda. Selamat Pagi. By : L Shaf

Kamarin saya telah berbagi tentang L JS PlayGround untuk kalian pelajar dan kalian kembangkan sendiri. Sekarang saya telah menambahkan fitur Save pada L JS PlayGround akan tetapi yang ini tidak saya share kepada kalian, tetapi saya berharap kalian bisa mengembangkan dari source yang saya berikan kemarin. Berikut SSnya : Tidak ada bedanya dengan yang awal, cuman saya tambahkan status dan savenya. Kalo ada save pastinya ada load. Dengan adanya L JS PlayGround yang saya onlinekan di link http://ljs.almsware.net/  saya sangat berharap kalian bisa berkreatifitas dan saling berbagi ilmu. Saya telah memberikan 1 contoh sebagai test bahwa LJS nya sudah berjalan dengan lancar http://ljs.almsware.net/TEST/  . Untuk fiturnya : Full Screen Editor dengan cara menekan F11 ketika fokus pada salah satu editornya JQuery included Permanent Save Public Edit - semua orang bisa merubah atau mengganti konten sesuka hati. Mungkin itu saja ya hehehe. kalau ada yang kurang saya mohon maaf, k

Setelah 1 hari 2 malam jadilah projekku yang berawal dari rasa penasaran dan iseng saja. untuk hari pertama 1 malam saya bela-belain tidur malam hanya untuk meriset jsFi*dle[dot]net, dan akhirnya pada malam itu saya buat langsung desainnya sampai jam 12 malem akhirnya jadilah desain awal seperti di bawah ini : Tidak hanya desain, tapi editornya juga selesai. Setelah selesai itu jam 12:00 dini hari tidurlah saya dan bangun ke esokan harinya menjalankan kegiatan sehari-hari bangun jam 04:30 untuk sholat subuh. Niatnya pagi hari setelah tidur lagi dan bangun jam 08:00 mau melanjutkan projek saya tapi apalah daya jika ga punya mood coding sama sekali. Akhirnya saya bermalas-malasan download dan nonton anime update terbaru yang saya tunggu-tunggu 1 minggu lamanya hehehe. Akhirnya tidak terasa tiba-tiba sudah siang hari, saatnya sholat dhuhur dulu lalu melanjutkan projek iseng saya. Problem datang ketika saya menciptakan corenya yang bisa mirip seperti jsFi*dle[dot]net, berjam-jam ber

Kemarin malam jam 10:30 kalau tidak salah di grup ada yang nanya minta buatkan script upload dan download simpel pake database, oke saya buatkan sangat amat sederhana menggunakan 1 file saja :D. langsung saja saya tunjukkan scriptnya <?php mysql_connect("localhost", "root", ""); mysql_select_db("php_mastering"); $acc_ext = array("zip", "rar"); $max_sze = 900000; #in byte if(isset($_FILES['f']) and $_FILES['f']['tmp_name']){ $file_path = $_FILES['f']['tmp_name']; $file_name = $_FILES['f']['name']; $file_size = $_FILES['f']['size']; #mengambil extensi file yang di upload $file_extn = explode(".", $file_name); #mengacak nama agar tidak ada kemungkinan nama file sama $file_pt = $file_extn[0]."_".strtotime(date('Y-m-d H:i:s')).".".$file_extn[count($file_extn)-1]; #mengacak apakah extensi support

oke setelah saya kemarin saya berdiskusi dengan teman-teman 1 grup saya, saya jadi ingat waktu TA ketika saya MASIH bersekolah (sekarang dah mau LULUS #Amin). Kenapa sih kalau bikin web kok 1 file 1 desain alias 1 file itu lengkap semuanya, padahal itu kan bisa di minimalisir. Sepengalaman saya bagi para nub mereka terlalu berfikir gampang "yang penting jadi ga masalah caranya" trus ada lagi "yang penting output" beda sama yang udah master ni hehehe. Padahal ketika semua itu bisa mereka minimalisir, itu bisa memudahkan mereka untuk mendevelopnya, tidak kesulitas musti bikin desainnya dari awal terus jika desainnya berubah 1 harus ngerubah semuanya. Repot kan?? Dan ada lagi yang paling saya ga suka nih, ga peduli masih sekolah atau udah kuliah ternyata ada aja yang codingnya berantakan alias ga rapi. Semua tabnya ga ada yang beraturan jadi terkadang sulit banget baca codingnya. Gimana sih caranya memilimalisirnya? Oke cara 1 : kalian bisa pake IF / Select Case

oke kali ini saya akan menjawab pertanyaan dari sahabat saya yang bernama mas Ryan yaitu "Bagaimana caranya load more seperti facebook?? dimana ketika kita menscroll ke bawah secara otomatis langsung me load more content.". Saya tidak banyak kata-kata untuk kali ini, jadi langsung saya tampilkan source code dan akan saya jelaskan sourcenya : <html> <head> <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.js"></script> <style> #box{ opacity: 0.8; position:fixed; top:0px; left:0px; background:#000; color:#FFF; padding:3px; } </style> <script> $(window).load(function(){ $(window).scroll(function(){ var limitz = $(document).height() - (600 + (10/100*$(document).height())); if ($(window).scrollTop() >= limitz && limitz >= 150){ $("#box").html("Load More Area") }else{ $("#box").html("Nothing to Do") }

akhirnya diary v6 release juga hari ini, dan sebelumnya saya minta maaf pada rekan beta testernya soalnya versi yang paling terakhir saya kasih masih terdapat 2 bug yang baru saya temukan pagi hari tadi, akan tetapi sekarang sudah fix saya perbaiki jadi inilah screenshotnya dan untuk backgroundnya kalian bisa ubah sendiri, untuk background ini memang dari saya sendiri dan defaultnya tidak ada gambarnya jadi setting sendiri aja nanti : itulah tampilan terbarunya, perbedaan dari diary versi sebelumnya adalah : - Lebih ringan - Lebih simpel - Lebih kecil ukurannya - Corenya telah saya perbarui - Tampilan lebih bagus dari yang sebelumnya - Lebih mudah di mengerti mungkin itu saja ya :D. dan untuk ini ada kekurangan yang masih belum bisa saya handle yaitu ketika saya mencoba hosting ke internet masih terdapat error yang tidak jelas karena ketika saya mencobanya di localhost saya dan laptop teman-teman saya berjalan lancar tanpa masalah, mungkin jika kalian mengetahui sesuatu b

yo kawan-kawan blogger, inilah game ke-2 yang saya buat dan saya posting, mengingat game pertama kali yang per nah saya post di blog ini apakah kalian suka?? :D. Inilah game yang ke 2, gamenya saya buat dengan menggunakan javascript dan saya menyebutnya Game XO, berikut screen shotnya : yah itulah gambarnya. peraturannya gampang kok, siapa yang lebih dulu membuat 5 baris berturut-turut seperti gambar di atas horizontal, vertical atau diagonal akan menang. Untuk setting mapnya tinggal buka filenya pake notepad trus ubah angka di batax dan batay nya, klo udah save trus buka filenya pke browser yang kamu punya, disarankan chrome atau firefox browsernya. udah gamenya simpel kok jadi selamat bermain dan disarankan pemainnya ada 2 agar lebih seru :D. mengingat besok tanggal 1 April dimana hari Diary v6 release jadi tunggu besok ya bagi yang ga sabar mau download diarynya hehe. thanks all bagi yang sering baca-baca artikel di blog saya, bye~~ sampai jumpa di posting selanjutnya. li

postingan kali ini membahas tentang perbedaan dari Diary V 5.5 dan Diary V 6.0, mumpung udah jadi V 6.0 nya tapi masih belum saya publish untuk perbaikan lebih lanjut mengenai user friendlynya. pertama ini lah screen shot dari V 5.5 : itulah screen shotnya dengan fitu menu terdaftarkan di tombol blackbar di sebelah kiri bisa di lihat menunya apa saja. untuk download silahkan melihat postingan saya yang berjudul Diary V 5.5. lalu date picker yang bagus dan mudah. sidebar menampilkan daftar tanggal yang telah terisi oleh catatan. penggunaan lebih mudah dan dimengerti user (mungkin), pengeditan hanya tinggal dobel klik di kontennya dan untuk penghapusan tinggal mengkosongkan isinya ketika pengeditan. settingnya lebih rumit hehehehe. dan sekarang untuk V 6.0 screen shotnya : perbedaannya adalah tampilan lebih simpel dan dilengkapi dengan icon menu untuk mempermudah user. window yang telah di perbagus. transisi ketika konten berubah lebih halus. tombol edit dan delete terdapat di

yoh kawan-kawan blogger setia hehehe. dah lama nih ga pernah update blog lagi soalnya akhir-akhir ni sibuk ma UAS dan kegiatan sekolah yang lain dan ditambah lagi kehabisan ide mau nulis apa di blog ini :D. oke kali ini saya bahas tentang perkembangan Diary V6 aja. oke sebelumnya kalian pasti tau kan diary versi 5.5 di postingan sebelumnya seperti apa. klo masih belum tahu liat saja di postingan saya yang lama hehehe, pasti masih ada kok. Screenshotnya yang versi 6 nih silahkan di lihat : itulah Diary V6 yang telah saya kembangkan saat ini, awalnya hanya berfikiran gmn kalau diary berubah desain ya? dan setelah berfikir beberapa saat dan telah mendapatkan beberapa sumber refrensi dari beberapa desain web muncullah ide layout 2 kolom seperti gambar di atas dan memberikan icon agar lebih bagus. Untuk sementara ini kurang 2 fitur aja untuk melengkapinya dan mungkin beberapa fungsi di dalamnya masih perlu penyempurnaan agar lebih efisien saja. untuk publish appnya sabar ya.. masih

yo kawan-kawan blogger semua. Gimana nih kabarnya?? pasti baik dong :D. oke kali ini saya akan berbagi ilmu tentang javascript nih. Terkadang orang bingung untuk menampilkan jam server padahal itu sangat gampang "BAGI YANG SUDAH TAHU" :D. oke langsung saja deh untuk kali ini lagi ga mood buat basa basi jadi langsung ke coding aja ya : <?php date_default_timezone_set("Asia/Jakarta"); #buat setting jam server indonesia ?> <div id="x"></div> <script> jamS = new Date("<?= date("Y m d H:i:s") ?>"); jamL = new Date(); jamD = jamS - jamL; function show(){ jam = new Date(); jam.setMilliseconds(jam.getMilliseconds() - jamD); h = (jam.getHours() < 10) ? "0"+jam.getHours() : jam.getHours(); i = (jam.getMinutes() < 10) ? "0"+jam.getMinutes() : jam.getMinutes(); s = (jam.getSeconds() < 10) ? "0"+jam.getSeconds() : jam.getSeconds(); document.getElementById(&

halo kawan-kawan blogger kali ini saya akan berbagi sebuah game yang saya ciptakan dari html dan javascript. Dan idenya dapat dari mas Ryan (big thanks to mas ryan :D) dan kawan-kawan seperjuangan yang ga q inget namanya (maaf ya yg ga q inget). ok langsung saya jelaskan peraturan game yang saya buat. simple kok - kotak biru adalah anda - kotak merah adalah tembok dimana anda tidak bisa melewati warna itu - kotak hijau adalah jejak yang telah anda lewati jadi ga bisa di lewati 2 kali - kotak ungu adalah double cross maksudnya anda boleh melewati kotak itu 2 kali - kotak putih adalah lintasannya dan tujuan dari game ini adalah anda harus melewati kotak putih dan merubah semua kotak putih menjadi kotak hijau semua dan jika sudah tekan enter, jika keluar kotak pesan yang menunjukkan bahwa anda telah menyelesaikan tantangannya berarti game telah selesai. contoh screenshot game yang sudah selesai semua : nah kalo sudah maka akan seperti diatas dan kotak pesan akan keluar setela

hai kawan-kawan blogger kali ini singkat saja sepertnya, karena saya hanya ingin berbagi aplikasi untuk gateway yang pernah saya terangkan pada posting sebelumnya, tepatnya di  http://yukinojin.blogspot.com/2012/10/instalasi-sms-gateway.html . oke pelajari dulu yang itu sebelum yang ini. sebentar saja testimoni kali ini karena saya kurang mood buat mengarang :D. ni tampilan utamanya : oke hanya tampilan utama yang saya tampilkan karena sisanya merupakan data pribadi hehehe langsung link downloadnya here oke caranya gini. caranya install gammunya udah tau kan di materi yang sebelumnya. nah sekarang ada cara tambahan berikut 1. konfigurasi dulu ' SMSDRC ' di ' {drive}:\\gammu\smsdrc ' drivenya adalah path dmn kamu install gammunya 2. di dalem smsdrc terdapat tulisan [gammu] # isikan no port di bawah ini port = com33: # isikan jenis connection di bawah ini connection = at9600  [smsd] service = mysql logfile = smsdlog debuglevel = 0 phoneid

diary ini adalah pengembangan dari versi pertama yang pernah saya post di blog saya yang ada di  http://linuxerstory.blogspot.com/2012/01/simple-diary-in-php.html  . link tersebut adalah diary versi 1 dari diary yang versi ini. waktu pengembangan ini membutuhkan waktu 3.5 bulan untuk saya. berikut daftar perubahannya : Penambahan background Perubahan sedikit dan penyesuaian desain dengan yang baru Penambahan Blackmenu Penambahan menu Penambahan form login pada awal masuk diary Perbaikan security terhadap special character Setting lebih mudah berada didalam file termasuk keterangan setting sedikit itu saja yang saya ingat. soalnya diary ini sudah berumur 9 bulan dari saat ini saya posting jadi kira-kira 6 bulan terakhir saya update hingga versi 5.5. dan berikut file yang saya ikut sertakan ada 2 file yaitu : diary5.5.php dan diary5.5_release.php. perbedaan dari ke 2 file adalah file 1 tidak saya encrypt dan 1 nya saya encrypt. untuk keterangan lebih lanjut bisa komentar saja