Blog

July 16, 2016
Instagram

Upload Video Ke Instagram Error? Coba Cara Ini Mungkin Berhasil

Sering tidak kalian mau upload video tapi malah error padahal video-video yang lain berhasil dengan baik. Lalu kenapa ya? Ya, kalau secara teknis sih biasanya salah di file headernya. Lalu bagaimana cara memperbaikinya? Baca Selengkapnya...
May 22, 2016

TechSG.IO

[caption id="" align="aligncenter" width="1286"]TechSG.IO TechSG.IO[/caption] A Smart Information Platform for a Smart Nation’s Entrepreneurship Ecosystem A smart nation needs a smart entrepreneurship ecosystem, which in turn requires a smart information platform. Entrepreneurship ecosystem is about facilitating connectivity amongst the key players: namely entrepreneurs, investors, technology providers, incubators and other facilitating intermediaries including government agencies and industry associations – to maximize idea flows, resource matching and access. Baca Selengkapnya...
May 22, 2016

Calendar Web App

[caption id="" align="aligncenter" width="1286"]zAppNamePRO zAppNamePRO[/caption] My client want calendar web app similar with Google Calendar but with little bit modification. In this project I use:
  • Laravel 5.2
  • FullCalendar
  • AdminLTE
  • jQuery
  • ChartJS
Website: http://steve.johanessurya.com (Demo Domain)
May 22, 2016

Create WordPress API

[caption id="" align="aligncenter" width="1286"]Create Wordpress API Create Wordpress API[/caption] My client wanted an API to grab some of his content. Website: http://classrsvp.org/retirement-planning-page-template/
February 20, 2016

Membuat Blog Sederhana Dengan PHP – Mengambil Artikel Dari Database

Pada tutorial sebelumnya, kita sudah mempersiapkan sebuah database dan beberapa tabel untuk menyimpan artikel dan komentar. Kali ini saya akan mendemokan bagaimana mengambil data dari sebuah tabel dan menampilkannya ke halaman web. Sebelum mengambil data dari database, perlu dibuat sebuah koneksi dulu antara PHP dan Database dalam kasus ini menggunakan MySQL. Dibawah ini adalah step-step yang harus dilalui hingga mendapatkan sebuah data dari database:
  1. Buat koneksi PHP dengan database
  2. Pilih salah satu atau lebih database yang akan digunakan. Dalam kasus ini nama databasenya adalah blog.
  3. Menyiapkan query SQL
  4. Mengeksekusi SQL
  5. Mengambil hasil eksekusinya
  6. Menampilkan ke halaman web
Baca Selengkapnya...
February 19, 2016

Bermain Format DateTime dengan Javascript Dan Moment.js

[caption id="" align="aligncenter" width="600"]MomentJS MomentJS[/caption] Dalam post sebelumnya tentang Bermain Format DateTime dengan PHP dijelaskan bahwa PHP mempunyai Relative Format yang mempermudahkan developer dalam memanipulasi DateTime format. Berbeda dengan Javascript, tidak ada built-in class yang dapat membantu memanipulasi DateTime format. Untuk itu kita butuh class tambahan/plugin yang dapat menghandle semua hal tersebut. Salah satu library yang pernah saya pakai adalah Moment.js Baca Selengkapnya...
February 13, 2016

Bermain Format DateTime dengan PHP

Bagi sebagian orang mungkin pernah merasakan betapa rumitnya bermain dengan format DateTime. Format satu ini bikin kepala puyeng kalau belum mengerti cara kerjaanya. Kali ini saya akan mendemokan beberapa cara bermain dengan format DateTime. Sebelum masuk ke contoh kasus, ada baiknya jika mempelajari tentang beberapa hal berikut ini:
  1. Menggunakan TimeStamp [crayon-5e5a5e34df83d172155479/] Kamu bisa langsung mencoba script diatas menggunakan PHPFiddle. Contoh ditas akan memajukan tanggal hari ini selama seminggu. Contoh lain: Memajukan selama satu jam. [crayon-5e5a5e34df842395255335/] Initnya time() + durasi waktu yang diinginkan. Contohnya jika ingin 3 bulan. Berangkat dari bulan hingga ke detik. Jadi, 3 bulan, 30 hari, 24 jam, 60 menit, 60 detik. time() + (3 * 30 * 24 * 60 * 60). Permasalahan timbul saat tiap bulan tidak mempunyai jumlah hari yang sama. Lalu bagaimana supaya bisa pas dengan jumlah hari tiap bulannya? Kita bisa memperbaikinya menggunakan Relative Formats yang akan saya jelaskan dipoint berikutnya.
  2. Menggunakan DateTime Class Penggunakan TimeStamp kurang cocok untuk jumlah yang relative atau berbeda tergantung dari tahun dan bulannya. Kalau untuk hal-hal yang sama seperti jam, menit, detik. Itu tidak masalah. Tetapi untuk jumlah hari? Berbeda cerita.Saya akan jelaskan contoh menggunakan Relative Formats: [crayon-5e5a5e34df843161740781/] +1 day adalah salah satu contoh relative format. Kamu bisa menggantinya dengan +1 week atau +1 month+1 month disini sudah diperhitungan banyaknya hari tiap bulannya, termasuk bulan kabisat. Kamu juga bisa mencari misal hari senin pertama bulan berikutnya dengan First Monday of next month. Banyak hal yang bisa kamu lakukan dengan relative format.
February 12, 2016

Tutorial Inspect Element: KlikBCA, Mengubah Saldo Menjadi 1M

[caption id="" align="aligncenter" width="700"]BCA BCA[/caption] Kali ini saya akan membagikan bagaimana cara mengubah saldo KlikBCA kamu menjadi 1M. Ya, kamu tidak salah dengar Rp 1.000.000.000,- (Satu miliar rupiah). Bagi web developer ini bukan hal yang asing lagi. Semua bisa dilakukan dengan sangat mudah. Asal tau caranya. Saya akan perkenalkan yang namanya inspect elemnt. Hampir semua browser memiliki fitur satu ini. Sekedar share masa lalu sebelum adanya inspect element. Browser opera lebih dahulu memperkenalkan fitur ini tetapi dengan fitur yang sangat minim. Harus ditrace secara manual, tidak seperti yang sekarang. Sudah sangat memudahkan para developer web. Untuk tutorial kali ini, saya akan mendemokannya menggunakan browser Google Chrome.
  1. SIlakan login ke klikBCA
  2. Masuk ke Informasi Rekening > Informasi Saldo [caption id="" align="aligncenter" width="600"]KlikBCA - Informasi Saldo KlikBCA - Informasi Saldo[/caption]
  3. Sekarang klik kanan tepat diangka saldo kamu. Dalam khasus diatas adalah "100.000.000" lalu pilih inspect
  4. Kamu akan melihat sepert ini [caption id="" align="aligncenter" width="561"]KlikBCA - Inspect Element KlikBCA - Inspect Element[/caption]
  5.  Double click pada angka "100,000,000.00" diatas. Lalu ubah dengan angka sesuai keinginanmu. Sebagai contoh: "1,000,000,000.00"
  6. Sekarang lihat saldo kamu. Taraaaaaaaaaaaaaaa.... [caption id="" align="aligncenter" width="609"]KlikBCA - 1M KlikBCA - 1M[/caption]
Selamat, kamu sudah bisa meng-hack situs bank tersohor di Indonesia yaitu BCA. Sebentar-sebentar, itu bukan hacking kok. Saya hanya bercanda. Kamu baru saja mengubah tampilan luarnya saja. Bukan di-"dalam" systemnya. Tidak percaya? Coba kamu refresh browser kamu dan check saldomu. Sama saja kan? Iya, karena kamu hanya mengubah tampilan luarnya saja. Penjelasan saya terlalu ribet? Terima saja, karena cukup rumit jika saya jelaskan semuanya. Intinya, ini bukan hacking, semua website dapat dimanipulasi sedemikian rupa sesuka hati kamu. Tujuan saya membuat ini supaya tidak mudah tertipu dengan screenshot2 bertebaran didunia maya yang mengatakan mendapatkan sekian juta dalam 1 bulan bahkan beberapa ratus juta. Berhati-hatilah, karena itu bisa dilakukan dengan mudah. Selalu berhati-hati, selalu check kebenaran. Semoga tutorial kali ini bermanfaat.  
February 11, 2016

Selenium IDE: Browser Automation Testing

[caption id="" align="aligncenter" width="200"]Selenium Selenium[/caption] Sebagai web developer. Hal yang paling membosankan adalah testing. Dimana para developer harus mencoba satu per satu setiap fitur yang ada. Permasalahannya adalah saat fitur yang dikerjakan semakin banyak dan kebutuhan waktu untuk testing semakin meningkat. Waktu hanya akan terbuang pada testing saja. Belum lagi dampak(impact) yang ditimbulkan tiap kali membuat fitur baru atau memperbaiki bug dapat menyebabkan fitur lain yang kelihatannya tidak ada hubungannya menjadi error atau memunculkan bug baru. Disini saya akan memperkenalkan Selenium, sebuah software untuk mengotomatisasi testing sebuah website. Bisa dikatakan ini mirip sebuah bot yang akan selalu mengisi sebuah form dan mensubmitnya sesuai permintaan kita. Pertama kali menggunakan, selenium akan merekam semua aktifitas user. Seperti mouse klik, semua tombol keyboard, field yang diisi. Jika dirasa cukup, kamu dapat langsung mencoba menjalankannya lagi. Saya akan menunjukkan cara menggunakan Selenium menggunakan browser Firefox, karena untuk Selenium IDE hanya ada dibrowser Firefox.
  1. Buka Firefox
  2. Install plugin Selenium IDE
  3. Restart Firefox
  4. Cari Selenium IDE ke Tools > Selenium IDE
  5. Maka akan muncul windows seperti dibawah ini: [caption id="" align="aligncenter" width="674"]Selenium IDE Selenium IDE[/caption] Base URL: Link utama diaman dapat diubah-ubah sesuai yang diinginkan. Ini berguna saat develop web di domainA.com dan berpindah ke domainB.com. Untuk mengatasi kejadian ini, tidak perlu merekam ulang semua testing yang sudah dibuat. Tinggal ganti saja Base URL nya. Test Case: List test case yang sudah pernah direkam sebelunya. Banyak hal lain yang bisa diexplore, tetapi untuk sekarang itu dulu saja.
  6. Masuk ke google.com
  7. Tekan tombol merah kanan untuk memulai merekam semua kegiatan browsing.
  8. Lalu coba ketikkan keyword "selenium" di google dan tekan enter.
  9. Lalu lihat jendela Selenum IDE lagi. Pada tab tabel sudah terisi dengan berbagai perintah. Jika iya, berarti sudah benar.
  10. Stop dengan menekan tombol merah
  11. Lalu coba klik tombol hijau mirip symbol "play" di software musik.
  12. Jika benar, semua tindakanmu digoogle akan diulangi lagi.
Kamu juga bisa membuat test case baru dan memberi nama yang sesuai. Setelah itu test case dapat di simpan/save untuk di buka lain waktu. Semoga dengan ini bisa memperingan proses testing kamu ya. Sebenarnya banyak metode testing. Mungkin akan saya jabarkan lain waktu.