Sembang Komputer

Jalankan ujian pada aplikasi web dengan Selenium IDE

MK — Tue, 13 Mar 2012 04:26:03 +0000

Dalam menguji laman web yang anda bangunkan (biasanya di localhost) pastinya anda perlu membuat tugas yang sama berulang-kali seperti mendaftarkan pengguna, melengkapkan borang, dan banyak lagi.

Biasanya bila dah malas, mulalah anda isikan borang ini dengan maklumat merepek, seperti rajah di bawah ini.

Sebenarnya anda boleh jalankan proses ini secara automatik dengan menggunakan Selenium IDE. Ia merupakan sebuah add-on untuk Firefox yang membolehkan anda merakam aktiviti pada laman web anda, dan jalankannya semula bila-bila masa yang anda mahu. Konsepnya lebih kurang sama dengan macro yang terdapat pada Microsoft Office.

Lancarkan Selenium IDE dan ia akan terus mula merakam aktiviti anda. Untuk menghentikan rakaman, tekan Actions > Record. Anda boleh simpan rakaman ini dan gunakannya kembali pada bila-bila masa.

Di sini saya sertakan beberapa fungsi yang mungkin berguna buat anda sebagai penguji aplikasi web:

open(url) – Pergi ke alamat yang dinyatakan. Biasanya digunakan untuk memulakan skrip Test Case anda.
type(locator, value) – Isi borang secara automatik.
pause(waitTime) – Berguna untuk laman web yang menghalang anda dari menghantar borang secara serta-merta. Pada IDE, letakkan Command sebagai `pause` dan Target sebagai `3000`, iaitu 3 saat.
clickAndWait – Tekan sesuatu butang dan tunggu sehingga halaman yang seterusnya dipaparkan, biasanya digunakan pada butang ‘Submit’.

Download add-on untuk Firefox: Selenium IDE

Buat Live USB untuk Linux dengan LiLi USB Creator

MK — Mon, 12 Mar 2012 23:25:19 +0000

Kadang-kadang bila saya fikir sesuatu kerja itu sudah sedia mudah, saya terjumpa perisian yang memudahkannya lagi.

Kali ini saya bercakap tentang Live USB untuk Linux. Dengan meningkatnya populariti laptop tanpa DVD-ROM, ramai pengguna yang beralih kepada Live USB untuk memasang sistem pengoperasian terutamanya Linux. Kalau dulu, untuk memasang Ubuntu saya perlu boot ke dalam CD Ubuntu terlebih dahulu, kini saya terus boleh melakukannya dari Windows, dengan Linux Live USB Creator.

Cara menggunakan LiLi USB Creator sangat mudah. Seperti rajah yang anda lihat di atas, kesemua langkah-langkah telah disediakan pada aplikasi itu sendiri:

STEP 1: CHOOSE YOUR KEY – Pilih USB drive anda.
STEP 2: CHOOSE A SOURCE – Pilih sumber bagi pemasangan Linux. Biasanya saya download ISO Linux terlebih dahulu, dan di sini saya pilih ISO / IMG / ZIP.
STEP 3: PERSISTENCE – Tinggalkan sahaja bahagian ini.
STEP 4: OPTIONS – Anda boleh tinggalkan kesemua kotak kosong.
STEP 5: CREATE – Tekan butang petir tersebut untuk memulakan pemasangan Linux ke dalam USB drive anda.

Setelah siap, anda boleh boot ke dalam USB drive ini untuk memasang Linux, atau menggunakannya sebagai Live USB.

Download: LiLi USB Creator

Ikuti perkembangan teknologi dan pengaturcaraan di Hacker News

MK — Sun, 11 Mar 2012 15:15:59 +0000

Salah satu tempat kegemaran saya di Internet kini adalah Hacker News, sebuah laman web yang mengumpulkan berita-berita berkaitan teknologi dan pengaturcaraan.

Kebanyakan artikel yang dipaparkan adalah mudah dibaca dan tidak memerlukan pengetahuan yang begitu mendalam. Saya juga gemarkan reka bentuk laman Hacker News yang sangat ringkas dan mudah diimbas.

Kan bagus kalau Malaysia juga punyai komuniti seperti ini, yang bertumpu kepada teknologi dan pengaturcaraan sahaja, kan?

Cara memasang butang Facebook Like pada entri blog

MK — Fri, 09 Mar 2012 16:40:10 +0000

Terdapat beberapa kelebihan dalam memasang butang Facebook Like pada entri blog. Apabila pembaca menekan butang ‘Like’, artikel tersebut akan dikongsikan pada Facebook mereka, sekaligus membantu promosi blog anda . Jumlah ‘Like’ juga boleh dijadikan sebagai kayu ukur untuk populariti satu-satu artikel.

Artikel ini akan menerangkan cara-cara memasang butang Facebook Like untuk WordPress secara manual, tanpa menggunakan plugin. Kelebihan cara ini adalah ianya lebih ringan, anda juga dapat membiasakan diri dengan Facebook App, PHP dan kod WordPress. Mari kita mula:

1. Pertama sekali, anda perlu membuat Facebook App yang baru. Pergi ke Facebook Developers dan tekan “Create New App”

2. Berikan nama bagi App anda dan tekan Continue.

3. Taipkan captcha yang diberikan dan tekan Submit.

5. Facebook App anda telah dibina dan akan digunakan sebentar lagi.

6. Pergi ke halaman ini untuk menetapkan rupa bentuk butang Facebook Like anda. Tekan butang Get Code untuk mendapatkan kod.

7. Pastikan anda memilih Facebook App yang baru dibina tadi. Salin kedua-dua kod yang diberikan.

8. Buka fail WordPress anda. Kod pertama hendaklah diletakkan di bawah . Pada tema Twenty Eleven, ia boleh dijumpai dalam header.php.

9. Kod kedua hendaklah diletakkan pada setiap entri. Pada tema Twenty Eleven, ia boleh dijumpai dalam content.php dan content-single.php, sebelum . Pastikan anda menggantikan kandungan data-href="" dengan

10. Kemaskini perubahan yang telah anda lakukan dan buka laman web anda. Jika semuanya lancar, anda akan dapat melihat butang Facebook Like pada setiap entri di blog!

Jadikan artikel lebih tenang untuk dibaca dengan Readability dan Instapaper

MK — Thu, 08 Mar 2012 14:50:17 +0000

Kusut kepala saya apabila cuba membaca berita dari laman web tempatan seperti The Malaysian Insider dan Free Malaysia Today. Bukan kerana kusutnya keadaan politik tanah air, tetapi kerana penuhnya laman tersebut dengan pautan dan gambar di kiri kanan yang tiada kaitan langsung dengan artikel. Walaupun setelah menggunakan AdBlock untuk menyekat iklan, masih terdapat banyak bahagian yang menganggu pembacaan.

Lihat contoh di bawah. Bahagian yang menganggu pembacaan saya diletakkan di dalam kotak merah. Artikel yang betul-betul ingin dibaca adalah di bahagian tengah sahaja.

Untuk membuang segala gangguan ini, saya gunakan Readability ataupun Instapaper. Khidmat tersebut akan membuang segala gangguan supaya anda dapat membaca dengan tenang dan penuh perhatian. Hasil artikel yang telah ditukarkan oleh Readability adalah seperti di bawah:

Readibility dan Instapaper berfungsi dengan memasang add-on pada pelayar web anda, dan anda boleh tukarkan sebarang artikel kepada versi yang lebih senang dibaca. Anda juga boleh menyimpan dan menguruskan artikel kegemaran anda, serta mengaksenya dari pelbagai peranti seperti telefon Android, iPhone, iPad, dan Kindle.

Download (anda hanya perlukan salah satu sahaja):

Gunakan XAMPP untuk memasang WordPress, Joomla, dan Drupal pada komputer anda

MK — Tue, 28 Feb 2012 01:21:06 +0000

Jika anda ingin belajar PHP, cara paling mudah untuk bermula adalah dengan memasang XAMPP. XAMPP merupakan pakej Apache beserta komponen seperti MySQL dan PHP. Biasanya anda perlu memasang komponen-komponen tersebut satu-persatu, namun dengan XAMPP semuanya tersedia dengan satu pemasangan sahaja.

Dengan XAMPP, anda juga boleh memasang WordPress, Joomla, ataupun Drupal pada komputer anda. Ia berguna jika anda ingin menguji laman web pada komputer anda terlebih dahulu sebelum melancarkannya pada URL yang sebenar di Internet.

Hanya muat-turun XAMPP (pilih Installer) dan pasang seperti biasa. Apabila siap dipasang, mulakan XAMPP Control Panel dan tekan butang Start pada Apache dan MySQL untuk memulakan pelayan Apache anda.

Buka pelayar web anda dan pergi ke http://localhost. Ta-da! Anda akan dipersembahkan dengan laman web XAMPP yang telah tersedia.

Segala fail laman web terletak dalam folder xampp/htdocs. Anda boleh membuang fail-fail ini dan menggantikannya dengan pemasangan WordPress, Joomla, Drupal dan sebagainya.

Sebagai contoh, jika anda ingin memasang WordPress pada pelayan komputer anda, muat-turun WordPress dan extract ia ke dalam folder htdocs. Kemudian anda sudah boleh memulakan pemasangan WordPress di http://localhost/wordpress.

Terdapat banyak sumber untuk belajar PHP dan MySQL seperti w3schools dan tizag, selamat mencuba!

Jadikan Evernote sebagai gedung ilmu peribadi anda

MK — Sun, 26 Feb 2012 06:33:25 +0000

Untuk mencatat nota, saya lebih gemar aplikasi ringkas seperti Notational Velocity dan ResophNotes berbanding Evernote yang tampak sedikit kompleks. Lebih penting lagi, Notational Velocity dan ResophNotes mempunyai fungsi carian yang pantas. Sambil anda menaip carian, hasil carian dipaparkan secara serta-merta.

Baru-baru ini saya kembali mencuba Evernote, dan alangkah berbunganya hati apabila melihat fungsi carian pantas ini telahpun dibina ke dalam Evernote. Kini apa yang saya perlu adalah belajar menggunakan Evernote secara minimalistik—menggunakan fungsi yang berguna sahaja dan meninggalkan yang lain. Di sini saya akan berkongsi kelebihan Evernote dalam memudahkan urusuan harian anda.

Catatkan apa yang anda pelajari

Apabila saya pelajari sesuatu yang baru, seperti cara-cara untuk membuat salinan ke atas pengkalan data MySQL, saya akan catatkannya ke dalam Evernote. Jika esok saya terlupa dan perlu merujuknya kembali, rujuk sahaja pada Evernote. Tidak perlu lagi menghabiskan 5 minit untuk membuat carian di Google.

Saban hari anda menggunakan Evernote, ia akan menjadi sebuah gedung bagi segala ilmu yang anda pelajari. Bukan sahaja ia dapat menjimatkan masa dalam membuat rujukan, malah ia hadir sebagai bukti bahawa anda sentiasa mempelajari sesuatu yang baru.

Fungsi carian yang pantas

Seperti yang saya nyatakan sebelum ini, fungsi carian Evernote telah dipertingkatkan. Sebaik sahaja anda mula menaip, hasil carian dipaparkan secara serta-merta. Evernote juga turut menyalakan kata carian tadi pada ruangan nota.

Buat banyak Notebook, tambahkan tag

Notational Velocity dan ResophNotes menawarkan satu kumpulan nota sahaja untuk dirujuk. Konsep ini bagus kerana anda hanya perlu mencari nota-nota anda dari satu tempat sahaja. Namun, ada kalanya anda ingin membuat satu kumpulan lain yang terasing dari nota-nota utama.

Sebagai contoh, kini saya bekerja sebagai pembantu teknikal bagi JomSocial. Dalam Evernote, saya membuat satu Notebook baru khas bagi segala kod-kod berkenaan JomSocial yang terasing daripada nota-nota utama. Katakanlah tugas saya ke atas JomSocial berakhir, nota-nota utama saya masih terjaga dan tidak bercampur dengan perkara-perkara lain.

Carian boleh dibuat terhadap satu Notebook sahaja atau kesemuanya sekali.

Anda juga boleh menetapkan tag ke atas nota. Biasanya saya meninggalkannya kosong kerana ianya lebih mudah untuk membuat carian daripada melihat senarai tag.

Mulakan mencatat!

Jangan biarkan apa yang anda pelajari hilang begitu sahaja. Catatkan ia, lengkapkan ia dari hari ke hari. Lebih baik lagi, kongsikan apa yang anda pelajari bersama orang lain, seperti memuatkan ia ke dalam blog anda. Jadilah seorang insan yang turut mencipta, bukan sekadar menerima :)