Hacking React Native!

My acquaintance encouraged (or maybe challenged) me to try React Native for developing Android app. Should I endorse you here, kang Chip? 😀  Actually he has told me about React Native a year ago. And by then, I have bought a React Native ebook as well. But, unfortunately, I had so many buts. 😀

I have quite forgot about React Native right now. In additions, a few months ago, there’s been a discourse about its license. It made me discouraged to learn it more. But now, I have set a historical step, by creating a new –dummy– React Native project. These are the screenshots:



Oops, that’s error

The most exciting part is: I can code it by Vim! Some kind of killing two birds with one stone! Yeah, I can learn both Vim and React Native at once. It’s not multitasking, but eficiency. 😀


Hello, Vim!

Yeah, eventually I’ve got a chance to meet Vim more intensively from now on. Who is she? No worries! She is not a girl nor a lady. You’re still the one for me. 😀

“Vim is a highly configurable text editor built to enable efficient text editing. It is an improved version of the vi editor distributed with most UNIX systems.” That’s how she describes herself. 1 So, basically Vim is a text editor. Period.

Then, comes a question, why Vim? Umm, frankly, it’s hot lately. I wonder how awesome it is. And yes, it is. Also, considering my needs of text (code) editing, and the hardware spec I have, I think Vim worth trying. Initially I have Atom, as I want something more legal than Sublime Text, that often (I mean always) remind me to purchase it. But with a lot of plugins I installed, it became more laggy. So I broke my idealism to avoid ST, and make use of it instead, until now sometimes. But ST is quite memory-greedy for my 2 gigs laptop, that I also regularly needs browser to run hand in hand while coding. I’m a coder by the way. 😀

Then the hero eventually came in. It’s Vim that now becomes my main text editor. Although I just already use it intensively since 2 or 3 weeks earlier. In other words, I am still getting used to it as a newbie Vim-er, of course. So I haven’t found it’s real hidden magic either. I’m sure with consistency and persistence, I’ll have it’s main enticement: productivity. And for now, I have to get along with her more. Wish me luck. 😀

Speaking of which, I use Vim in my Fedora KDE Spin, and run it in the beloved Konsole app. Here’s my screenshot of Vim.


Vim with NERDTree plugin, makes it looks like GUI-based text editor with left pane

Debugging android cordova/phonegap apps with Chrome

Check this out! It’s totally awesome tips for Cordova / PhoneGap developers (who have some limitations).

Gonzalo Ayuso | Web Architect

Maybe this post can be obvious but I’ve spoken about it with various developers who don’t know it. It really improves the developing process of cordova/phonegap apps with android at least for me.

With android we can see the log with “adb logcat” but it’s a nightmare. Huge amount of information about our app and also about the operating system. If we’re grep ninjas we can handle it, but as well as I’m not a ninja I prefer another solution. Do you know “chrome://inspect/”? If not, have a look as soon as possible to this tool. We can see the browser’s console of our android in our desktop browser. We only need to enable “usb remote debugger” within our android device and plug with a USB cable. Chrome will detect the remote browser and we can see the console in the same way than we see it when we use…

View original post 127 more words

Learn Programming

Welcome to my first post in 2015. Coincidentally, today is (the last hour of) 12 Rabi’ al Awwal, which is the day of Mawlid an-Nabiy Muhammad (p.b.u.h.), the last Prophet of Islam who received revelations from Allah to be conveyed for mankind in the earth. He’s a great man of all time. His name is always be uttered by Muslims around the world. So that Jaʿfar b. Ḥasan al-Barzanjī composed Mawlid al-Barzanji. And that work is so popular that from the beginning of this month until yesterday, many Masjid or Musala held a public recitation of it.

Hold on, you may begin thinking that the title of this post is nonsense and has no relation with the first paragraph above. Okay, I just try to open this post with the actual events that happened recently.

A few months ago, I’ve written a post entitled ‘Programming‘. Since then, there aren’t much changes on myself. I mean, uhh, sorry, I have to finish this post as quick as possible before 24:00. 😀

I feel hard to write this post in English. I don’t know why. But of course because I’m currently learning it.

The most important point that I want to share is some learning material for programming which I got from Youtube. I hope it will be useful for you. Here they are:

  1. https://www.youtube.com/playlist?list=PL2F919ADECA5E39A6
  2. https://www.youtube.com/playlist?list=PLB22HyVdO1GkLFrvRi5vIo5XcWS0EflxD
  3. https://www.youtube.com/playlist?list=PLGLfVvz_LVvQUjiCc8lUT9aO0GsWA4uNe
  4. https://www.youtube.com/playlist?list=PL2D1942A4688E9D63
  5. https://www.youtube.com/playlist?list=PLBCFDD6D34B21E8A5
  6. https://www.youtube.com/playlist?list=PLB75C386A912EAA5F

Bereksperimen dengan API

“Bermain air basah, bermain api letup”

Begitulah peribahasa yang ada. Dan kali ini saya menulis tentang API. Tak usah khawatir, karena ini bukan api yang membuat letup, melainkan Application Programming Interface. Di blog ini sudah ada tulisan yang mencontohkan penggunaan API Facebook.

Kali pertama mendengar API ini, kesannya sulit dan tidak mudah dipelajari. Itu saat saya ngobrol sama teman bagaimana kalau misalnya menjadi programmer. Dia bilang, salah satunya harus bisa membuat API untuk program yang dibuat. Itu kalau programnya sudah terkenal dan berguna buat orang banyak. Dan macam-macam API yang saya perkenalkan di sini memang buatan situs-situs yang terkenal dan digunakan oleh orang banyak. Continue reading “Bereksperimen dengan API”

Aplikasi HTML / Web App Nokia Asha Series

HTML sebenarnya bukan dimaksudkan untuk membuat aplikasi. Ia hanyalah skrip markup yang fungsinya adalah untuk menggambar tampilan dokumen, yang biasanya adalah laman web. Tetapi sejak HTML5 digulirkan, ia juga digunakan untuk membuat tampilan untuk aplikasi, baik laman web maupun mobile device. Sedangkan fungsinya sebagai aplikasi dilaksanakan oleh Javascript atau bahasa pemrograman lain di dalam tag canvas.

HTML merupakan yang pertama saya pelajari di dunia komputer. Karena bukan merupakan bahasa pemrograman, dan hanya ada tag-tag yang telah ditentukan, maka tidak terlalu sulit untuk mempelajarinya.

Karena mempunyai kepercayaan diri dengan HTML ini, akhir-akhir ini saya berhasil membuat aplikasi berdasarkan HTML5. Awalnya saya pikir aplikasi HTML5 hanya untuk smartphone. Tetapi ternyata ponsel S40 dan Asha dari Nokia pun mempunyai aplikasi seperti ini, yang disebut web app. Di Ovi store sudah banyak web app yang bisa diunduh, termasuk aplikasi Pandalon RSS yang mungkin anda gunakan untuk membaca tulisan ini. 🙂

Continue reading “Aplikasi HTML / Web App Nokia Asha Series”

Building Qt Framework from Source (Windows) dan Deploy Project-nya

Mengompilasi Kode Sumber Qt di Windows 7

Kali ini saya berbagi cara instalasi Qt Framework dengan megompilasi sendiri kode sumbernya. Tujuannya adalah mendapatkan hasil aplikasi yang sesuai dengan keinginan kita, dalam hal ini kebutuhan untuk deploy.

Pertama tentunya unduh kode sumber Qt di sini, cari yang ZIP ‘for Windows’, kira-kira berukuran 280-an MB (Qt 5.3).

Sediakan prasyarat

Sesuai dengan dokumentasi resmi ada di sini, kita membutuhkan:

  1. ActivePerl – Install a recent version of ActivePerl (download page) and add the installation location to your PATH.
  2. Python – Install Python from here and add the installation location to your PATH in order to be able to build Qt WebKit.
    • Jika kita memilih installer MSI, instal python dengan perintah msiexec /i python.msi di cmd dengan akses administrator.
  3. Install Ruby from here and add the installation location to your PATH in order to be able to build Qt WebKit.

Tentunya MSVC harus sudah terinstal. Saya menginstal MS Visual Studio C++ 2010 Express. Jika belum punya, unduh file installer dari sini.

Alternatif dari MSVC adalah MinGW. Tapi tidak saya bahas di sini, karena saya pun belum pernah mencobanya.

Continue reading “Building Qt Framework from Source (Windows) dan Deploy Project-nya”