Operasi string Arabic dengan PHP

Sedikit latihan untuk implementasi topik skripsi nanti. Saya perlu prosedur untuk memecah sebuah string menjadi array dari karakter.

Pengolahan string untuk teks non-ASCII seperti tulisan Arab tidak dapat dilakukan seperti biasa di PHP. String demikian (karakter Unicode) termasuk multybite string, sehingga perlu penanganan khusus. Bila menggunakan fungsi string biasa di PHP, maka hasilnya akan muncul karakter-karakter aneh.

Untungnya di PHP ada pustaka fungsi untuk string multibyte. Misalnya fungsi mb_strlen sebagai pengganti fungsi strlen. Langsung saja, berikut potongan kode untuk memecah string Arabic menjadi array dari karakter-karakternya. Harap diketahui bahwa tanda harakat juga dihitung satu karakter. Ini terkait posting saya sebelumnya.

<?php

$ar_string = "صِرَاطَ الَّذِينَ أَنْعَمْتَ عَلَيْهِمْ غَيْرِ الْمَغْضُوبِ عَلَيْهِمْ وَلَا الضَّالِّينَ";

$ar_array = array();
$len = mb_strlen($ar_string, 'UTF-8');

for($i = 0; $i < $len; $i++){
    $ar_array[] = mb_substr($ar_string, $i, 1, 'UTF-8');
}

print_r($ar_array);

?>

Dan bila dijalankan, maka akan sesuai harapan, yaitu string dipecah menjadi array dari karakter-karakternya.

Array
(
    [0] => ص
    [1] => ِ
    [2] => ر
    [3] => َ
    [4] => ا
    [5] => ط
    [6] => َ
    [7] =>
    [8] => ا
    [9] => ل
    [10] => ّ
    [11] => َ
    [12] => ذ
    [13] => ِ
    [14] => ي
    [15] => ن
    [16] => َ
    [17] =>
    [18] => أ
    [19] => َ
    [20] => ن
    [21] => ْ
    [22] => ع
    [23] => َ
    [24] => م
    [25] => ْ
    [26] => ت
    [27] => َ
    [28] =>
    [29] => ع
    [30] => َ
    [31] => ل
    [32] => َ
    [33] => ي
    [34] => ْ
    [35] => ه
    [36] => ِ
    [37] => م
    [38] => ْ
    [39] =>
    [40] => غ
    [41] => َ
    [42] => ي
    [43] => ْ
    [44] => ر
    [45] => ِ
    [46] =>
    [47] => ا
    [48] => ل
    [49] => ْ
    [50] => م
    [51] => َ
    [52] => غ
    [53] => ْ
    [54] => ض
    [55] => ُ
    [56] => و
    [57] => ب
    [58] => ِ
    [59] =>
    [60] => ع
    [61] => َ
    [62] => ل
    [63] => َ
    [64] => ي
    [65] => ْ
    [66] => ه
    [67] => ِ
    [68] => م
    [69] => ْ
    [70] =>
    [71] => و
    [72] => َ
    [73] => ل
    [74] => َ
    [75] => ا
    [76] =>
    [77] => ا
    [78] => ل
    [79] => ض
    [80] => ّ
    [81] => َ
    [82] => ا
    [83] => ل
    [84] => ّ
    [85] => ِ
    [86] => ي
    [87] => ن
    [88] => َ
)

Converter Flash ke HTML

Ternyata ada converter dari format Flash (SWF) menjadi HTML + JavaScript. Silakan lihat Swiffy dari Google, http://www.google.com/doubleclick/studio/swiffy/.

Pengolahan citra digital dengan Javascript

Dengan library Pixastic (http://www.pixastic.com), kita dapat melakukan pengolahan citra digital sederhana. Pengolahan di sini bukan “mengedit gambar”, tapi lebih ke pemrosesan citra. Mirip dengan salah satu materi kuliah, Pengantar Pemrosesan Citra Digital. Beberapa pemrosesan yang bisa dilakukan oleh Pixastic adalah:

• Blend
• Blur
• Blur Fast
• Brightness/Contrast
• Color Adjust
• Color Histogram
• Crop
• Desaturate
• Edge Detection
• Edge Detection 2
• Emboss
• Flip Horizontally
• Flip Vertically
• Glow
• Histogram
• Hue/Saturation/Lightness
• Invert
• Laplace Edge Detection
• Lighten
• Mosaic
• Noise
• Pointillize
• Posterize
• Remove Noise
• Sepia
• Sharpen
• Solarize
• Unsharp Mask

Kalau di kuliah biasanya menggunakan Matlab, maka di  sini cukup dengan Javascript ditambah library Pixastic.

Sedikit tambahan, Pixastic bekerja dengan mengambil pixel-pixel dari citra, dan menempatkannya pada sebuah canvas HTML. Pixel-pixel pada canvas itulah yang kemudian diolah dengan teknik-teknik pemrosesan citra.

Google Tashkeel dan Ta’reeb

Ternyata Google punya sekumpulan tools yang cukup canggih untuk membantu kita dalam berbahasa Arab. Salah satu duanya adalah Google Tashkeel dan Google Ta’reeb.

Google Tashkeel ada pada alamat http://tashkeel.googlelabs.com/. Gunanya adalah untuk membantu memberi harokat pada huruf Arab “gundul”. Jadi kita cukup mengetikkan huruf-huruf Arab saja, nanti Google yang akan memberi harokat secara otomatis. Mungkin yang cukup sulit adalah dalam mengetikkan huruf-huruf Arab, kecuali kita punya keyboard yang bisa mengetik tulisan Arab atau huruf hijaiyyah.

Nah, untuk membantu mengetik tulisan Arab, ada yang namanya Google Ta’reeb. Nama resminya adalah Google Transliterate (beda dengan Google Translate). Google Ta’reeb ada pada alamat http://www.google.com/ta3reeb/. Sesuai namanya, web ini dapat membantu kita melakukan transliterasi dari tulisan latin menjadi tulisan Arab (sebenarnya bukan cuma Arab saja, masih banyak yang lain). Jadi kita cukup mengetikkan “ramadhan” misalnya, maka nanti Google akan mengubahnya menjadi رمضان  secara otomatis. Sangat membantu bagi mereka yang tidak punya keyboard yang bisa mengetik tulisan Arab.

Namun tidak semuanya tepat 100%, oleh karena itu diperlukan juga pengetahuan dasar mengenai bahasa Arab. Oh iya, mungkin satu lagi layanan Google yang bisa membantu kita belajar bahasa Arab. Apa lagi kalau bukan Google Translate, untuk membantu menerjemahkan :)

Online hacking Gemastik 2011

Alhamdulillah, saya beserta dua orang teman saya dalam satu tim “nyasar” mengikuti kompetisi Gemastik 2011 bidang keamanan jaringan. Masa ini baru babak penyisihan, dan alhamdulillah babak penyisihan tahap 1 lolos ke tahap 2.

Tahap 1 adalah mengerjakan soal-soal terkait jaringan komputer dan security. Soal-soalnya cukup “kejam”, mengenai topik jaringan yang dibahas di salah satu mata kuliah dan mengenai teknik hacking praktikal. Lebih banyak dikerjakan dengan ngasal, tapi alhamdulillah lolos tahap ini :)

Tahap 2 adalah tahap online hacking, yaitu berusaha menembus keamanan sebuah web yang memang disediakan oleh panitia. Babak ini baru selesai siang tadi. Kami cuma disediakan sebuah halaman login, tanpa informasi apapun. Dan tugasnya adalah menembus login itu untuk melakukan tindakan selanjutnya.

Hm, cukup sulit, dan sekitar satu jam baru menemukan celahnya dengan teknik yang disebut SQL injection. Dengan teknik ini, kita dapat login bahkan tanpa perlu mengetahui username dan password sekalipun. Setelah berhasil ditembus, baru melakukan “permainan” lebih jauh. Alhasil, karena batas waktunya cuma 3 jam, maka hanya beberapa celah keamanan yang berhasil teridentifikasi. Kami akui babak ini jauh lebih sulit dari yang sebelumnya.

Yah, semoga babak kedua ini lolos juga meskipun dengan hasil “seadanya”. Kalau lolos, maka jadi finalis dan menempuh babak final di ITS, Surabaya. Semoga saja :)

Tahapan loading halaman web

Jika kita menggunakan browser Mozilla Firefox, biasanya akan tampak tahapan loading halaman web yang terlihat pada bagian statusbar jendela browser itu (biasanya di kiri bawah. Namun, pernahkah Anda memerhatikan tahapan-tahapan itu? Mungkin suatu kali Anda melihat tulisan “Connecting”, “Waiting”, “Transferring data”, dan sebagainya. Ya, itulah tahapan loading halaman yang ditampilkan Firefox. Bila dirinci, seperti inilah tahapan-tahapannya (sejauh yang saya tahu) :

Rahasiakah data Anda di internet?

Keamanan dan kerahasiaan data di Internet. Itulah isu yang dibawa salah seorang dosen beberapa waktu lalu, bahwa tidak ada yang bisa dirahasiakan di internet. Data-data user, seperti e-mail, posting blog, status di Facebook, bahkan SMS, pastilah tersimpan dalam suatu database agar dapat dibuka kembali. Data-data itu pasti ada di suatu tempat, lebih tepatnya di server-server penyedia layanan itu. Para e-mail di Gmail disimpan di server Google, status Facebook disimpan di server Facebook, SMS mungkin disimpan di server operator, dan sebagainya.

Textbox keyboard navigation using jQuery

This script will turn your tabular HTML textbox into spreadsheet-like entry, with textbox navigation using your keyboard’s arrow keys. Please note that each textbox’s ID should be “field_(xpos)_(ypos)”. Those IDs can be generated automatically using PHP.

// KEYBOARD NAVIGATION

$(document).ready(function(){

	$('input[type=text]').each(function() {
		this.onfocus = function() {
			var cur_id = this.id.split('_');
			var cur_x = parseInt(cur_id[1]);
			var cur_y = parseInt(cur_id[2]);
			
			this.onkeydown = function(event) {
                    if(!event) event = window.event;
                    funcKeyDown(event,cur_x,cur_y);
            };
		};			
	});
});

function funcKeyDown(evt, cur_x, cur_y) {

	switch(evt.keyCode) {
		case 39: 	// right key
			var next_x = parseInt(cur_x + 1);
			var next_y = cur_y;
			$('#field_' + next_x + '_' + next_y).focus();
			return false;		
		
		case 37: 	// left key
			var next_x = parseInt(cur_x - 1);
			var next_y = cur_y;
			$('#field_' + next_x + '_' + next_y).focus();
			return false;		
		
		case 38: 	// up key
			var next_x = cur_x;
			var next_y = parseInt(cur_y - 1);
			$('#field_' + next_x + '_' + next_y).focus();
			return false;		
		
		case 40: 	// down key
			var next_x = cur_x;
			var next_y = parseInt(cur_y + 1);
			$('#field_' + next_x + '_' + next_y).focus();
			return false;		
	
	}
}

Cari berita terkini? Lewat Twitter saja!

Kalau kita hendak mencari berita-berita terbaru dengan cepat, biasanya akan mencarinya di situs-situs berita seperti Kompas.com atau yang lainnya. Namun, jika ingin yang benar-benar terbaru, cari saja di Twitter. Situs microblogging ini sudah seperti situs berita saja, walaupun memang berita yang disajikan berasal dari para penggunanya, bukan wartawan (citizen journalism). Ibaratnya berita-berita di Twitter ini seperti running text yang biasanya ada di televisi.

Beberapa fakta tentang Opera Mini

Sebagai pengguna setia Opera Mini, berikut akan saya berikan beberapa hal (sedikit teknis) yang mungkin perlu diketahui tentang mobile browser hebat ini, berdasarkan pengalaman dan sedikit pengetahuan tentang teknologi web yang ada di zaman ini.

Jadi, Opera Mini itu…

1. Menggunakan server transcoder

Halaman yang kita lihat, gambar-gambarnya, bahkan data username dan password kita tidak langsung menuju server web tujuan, melainkan harus melalui server transcoder Opera Mini dulu untuk diolah. Server transcoder ini bertindak sebagai perantara agar halaman web bisa ditampilkan dengan baik di HP, sekaligus kompresi. Pembahasannya pernah aku posting di sini.