Surya

February 11, 2016
Selenium

Selenium IDE: Browser Automation Testing

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.
February 7, 2016

Berhati-Hatilah Dengan Cache Saat Mendevelop Sebuah Website

Hati-hati jika kamu mendevelop sebuah aplikasi web. Pasalnya saya barusan dibuat pusing hanya karena cache. Ya cache. Halah cuman cache aja. Mungkin ada yang bilang seperti itu? Hehe... Wajar. Kebanyakan cache yang kita tahu adalah cache gambar. Itu wajar sob. Masalahnya saya barusan kena cache redirect. Ya, jadi google chrome men-cache url saya /A ke /tidak/beraturan/pokoknya gara-gara bereksperimen dengan .htaccess. Oleh karena itu saya mengingatkan kamu semua untuk selalu berhati-hati jika tidak ingin pusing 7 keliling seperti saya. Dibawah ini beberapa tips yang bisa kamu coba supaya tidak sampai pusing 7 keliling seperti saya: Menggunakan Incognito Dengan menggunakan fitur Incognito, besar kemungkinan Google Chrome akan meng-load halaman baru tanpa mempedulikan cache yang sudah dibuat sebelumnya. Baca Selengkapnya...
January 21, 2016

Tips Submit Proposal Supaya Cepat Diterima Di UpWork

Dua bulan yang lalu saya menyudahi kontrak dengan client setia saya yang dari Australia. Sudah hampir 3 tahun saya bekerja dengan beliau. Alasannya sederhana, saya sudah bosan dengan projectnya. Tidak ada hal yang baru. Skill saya hanya berhenti sampai disitu saja, dan saya merasakan feel menjadi karyawan seperti dulu. Iya, mendapatkan income yang pasti. Hidup saya menjadi "aman" ciri khas banget seorang karyawan.

Sebenarnya sudah dari lama saya ingin sekali "end contract". Cuman saya takut meninggalkan comfort-zone(zona nyaman) saya. Tetapi akhirnya saya bulatkan tekat mengakhiri pada akhir bulan desember.

Setelah end contract, rasanya bebas seperti dulu lagi. Hehehe...

Melihat hari esok penuh dengan planning liar yang sudah saya pikirkan. Panjang kalau saya ceritakan hal ini. Saya akan buat post yang lain tentang hal ini.

Lanjut!

Baca Selengkapnya...
January 21, 2016

Membuat Blog Sederhana Dengan PHP – Membuat Draft Artikel Pada Database

Kali ini kita akan membuat draft artikel pada database yang sudah dibuat sebelumnya. Jika belum membaca artikel sebelumnya bisa langsung melihatnya disini. Ada sedikit perubahan struktur tabel pada posting sebelumnya Pembuatan Database. Silakan hapus(drop) semua tabel kamu dan jalankan script dibawah ini: [crayon-5fc35467b3ae3310987850/] Yang berubah adalah penambahan AUTO_INCREMENT. Sekarang jalankan script dibawah ini untuk menambahkan 5 draft artikel untuk selanjutnya di munculkan pada halaman depan blog: [crayon-5fc35467b3aec216079856/] Lihat isi tabel articles kamu. Jika semua berjalan dengan benar maka akan muncul seperti dibawah ini: [caption id="" align="aligncenter" width="372"]Isi Tabel Articles Isi Tabel Articles[/caption]
January 21, 2016

Membuat Blog Sederhana Dengan PHP – Pembuatan Template

[caption id="" align="aligncenter" width="1200"]HTML5 - Hyperspace HTML5 - Hyperspace[/caption] Untuk template saya akan menggunakan template Hyperspace buatan HTML5 UP!. Untuk mendownloadnya bisa langsung ke websitenya atau melalui link ini Download. Baca Selengkapnya...
January 20, 2016

Setting Virtual Host Pada Windows 7

Kali ini saya akan menjelaskan bagaimana membuat virtual host pada Windows 7. Pada dasarnya semua OS sama, hanya saja mungkin tempat filenya berbeda. Apa itu virtual host? Jadi virtual host itu seperti membuat domain sendiri di komputer kita. Contoh: Kita dapat men-setting supaya kalau kita mengakses johanessurya.com bukan masuk ke website ini tetapi menjalankan file HTML local kita. Baca Selengkapnya...
January 15, 2016

Atom Sebagai Pengganti Notepad++ Pada OS Linux

Atom Mungkin bagi para pecinta Notepad++ akan sedikit kecewa, karena tidak dapat digunakan pada OS Linux. Beberapa waktu lalu saya telah posting Notepad++ & NppFTP Alternative For Ubuntu yang menurut saya kurang memuaskan. Beberapa bulan setelah saya berkeliling-keliling mencari text editor yang paling mendekati Notepad++ tidak kunjung ketemu juga. Akhirnya dengan terpaksa saya menggunakan text editor yang menurut saya paling cocok yaitu Sublime, tetapi jujur saja saya tidak terlalu suka Sublime. Baca Selengkapnya...
January 12, 2016

Menggunakan GIT di Shared Hosting HostGator

Lebih mudah melakukan git pull dari pada harus upload satu persatu file yang berubah, tetapi kendalanya tidak semua hosting menyediakan fitur GIT apalagi yang hanya shared hosting. Kali ini saya akan berbagi bagaimana menggunakan git di shared hosting hostgator. Yang perlu dilakukan hanya 2 hal:
  1. Koneksi ke server menggunakan SSH
    • Silakan menggunakan software SSH
    • Jika menggunakan linux ketik "ssh -p 2222 usernamemu@domainmu_atau_ip_server"
    • Akan muncul untuk memasukkan password. Password sama dengan login cpanel
  2. Setting SSH Key kalau diperlukan. Bisa dilihat disetiap provider git. Contoh setting SSH Key di GitHub
  3. Menggunakan GIT seperti biasanya. Coba ketikkan "git". Maka kamu akan melihat bahwa HostGator menyediakan fitur GIT di shared hostingnya.
Sekian tutorial singkat ini. Semoga bermanfaat.  
January 9, 2016

Backup Dan Restore Database MySQL

Ada saat dimana fitur import PhpMyAdmin tidak mampu melakukan import data yang terlalu besar dikarenakan kendala Request Time Out(RTO) yang ada pada web. Ada 2 opsi yang saya ketahui dan sering saya pakai: Baca Selengkapnya...