Mazhters Tutorial

Belajar Adobe AIR : Membuat MP3 Player Sendiri

2011-08-30T10:58:00.000+07:00

Udah ga asing dong dengan yang namanya Winamp, ITunes, Windows Media Player dsb. Yup, itulah beberapa software yang sering kita gunakan klo mau nyetel MP3, malah saking seringnya, sampe-sampe kerja jadi ga konsen kalo ga sambil denger musik. Nah pernah ga sih terpikir untuk bikin seperti itu ?? (klo yang bukan orang IT sih jawabannya udah pasti, NGGAK..... hehehe, sorry y).

Jujur ane juga ga kepikiran untuk bikin begituan, udah ada yg gratis n bagus kok, ngapain pusing2. Tapi....... klo yang gratis n bagus itu buatan kita sendiri, apa nggak canggih tuh namanya. Well, pelajaran kedua dari Adobe AIR ini, kita akan coba bagaimana membuat MP3 Player, belum canggih-canggih amat sih, y lumayanlah buat cari suasana baru, asal bisa Play, Pause sama Stop aj..... :D.

Adobe AIR sendiri ternyata udah support function-function untuk itu, perhatikan script berikut :

//selalu sertakan AIRAliases.js, file ini wajib ada<script type="text/javascript" src="AIRAliases.js"></script>

//Define variable

var soundChannel1, mp3, sound, pausePosition, fold;

function change_mp3(val)

{

$('#temp_mp3').attr("value",val);

fold = $('#target_mp3').attr("value");

if(soundChannel1) soundChannel1.stop();

mp3 = air.File.applicationDirectory.resolvePath(fold+"/"+val);

sound = new air.Sound(new air.URLRequest(mp3.url));

soundChannel1 = sound.play();

$('#temp_play').attr("value","play");

$('#temp_pause').attr('value','');

}

function play_mp3()

{

fold = $('#target_mp3').attr("value");

if($('#temp_mp3').attr("value"))

{

if($('#temp_play').attr("value") == "")

{

var val = $('#temp_mp3').attr("value");

mp3 = air.File.applicationDirectory.resolvePath(fold+"/"+val);

sound = new air.Sound(new air.URLRequest(mp3.url));

soundChannel1 = sound.play();

$('#temp_play').attr("value","play");

}

function pause_mp3()

{

pausePosition = soundChannel1.position;

soundChannel1.stop();

$('#playz_mp3').attr('style','display:none;');

$('#resumez_mp3').attr('style','display:block;background:#FFFFFF;');

$('#temp_pause').attr('value','pause');

}

function resume_mp3()

{

if($('#temp_pause').attr('value') == "pause")

{

fold = $('#target_mp3').attr("value");

var val = $('#temp_mp3').attr("value");

pausePosition = soundChannel1.position;

mp3 = air.File.applicationDirectory.resolvePath(fold+"/"+val);

sound = new air.Sound(new air.URLRequest(mp3.url));

soundChannel1 = sound.play(pausePosition);

$('#temp_pause').attr('value','');

}

function stop_mp3()

{

$('#playz_mp3').attr('style','display:block;background:#FFFFFF;');

$('#resumez_mp3').attr('style','display:none;');

soundChannel1.stop();

}

function open_folder()

{

var file = air.File.desktopDirectory;

file.addEventListener( air.Event.SELECT, function( e ) {

var list = e.target.getDirectoryListing();

var playlist="";

var name_mp3,cek_type;

for( var f = 0; f < list.length; f++ )

{

if( !list[f].isDirectory && !list[f].isHidden )

{

name_mp3 = list[f].name.substring(0,parseInt(list[f].name.length)-4);

cek_type = list[f].name.substring(parseInt(list[f].name.length)-3,list[f].name.length);

if(cek_type == "mp3")

{

if($('#temp_mp3').attr('value') == "") $('#temp_mp3').attr('value',list[f].name);

playlist += "<li><a style='display:block;background:#FFFFFF;' class='klik' alt='"+list[f].name+"'>"+name_mp3+"</a></li>";

}

$('#playlist').html(playlist);

$('#target_mp3').attr("value",e.target.nativePath);

$('.klik').click( function( e ) {

change_mp3($(this).attr('alt'));

});

file.browseForDirectory( 'Pilih Folder Musik' );

}

$( document ).ready( function() {

$('#download-link').click( function( e ) {

open_folder();

});

</script>

Script HTML-nya kurang lebih seperti ini :
<div id="all_container">
<a href="#" id="download-link" style="display:block;background:#FFFFFF;">Add Folder</a>

<input type="hidden" id="temp_mp3" value="">
<input type="hidden" id="temp_play" value=""> <input type="hidden" id="temp_stop" value="stop">

<input type="hidden" id="temp_pause" value="">
<input type="hidden" id="target_mp3" value="">

<div id="playlist_container">
<div id="tombol">
<a onClick="play_mp3()" class="tombol_play" id="playz_mp3" style="display:block;background:#FFFFFF;">Play</a>
<a onClick="resume_mp3()" class="tombol_resume" id="resumez_mp3" style="display:block;background:#FFFFFF;display:none;">Resume</a>
<a onClick="pause_mp3()" class="tombol_pause" id="pausez_mp3" style="display:block;background:#FFFFFF;">Pause</a>
<a onClick="stop_mp3()" class="tombol_stop" id="stopz_mp3" style="display:block;background:#FFFFFF;">Stop</a>
</div>

<ul id="playlist">
</ul>
</div>
</div>

Nah tinggal dikasih sentuhan CSS sesuai selera, MP3 Player ente siap digunakan. Sample lengkapnya bisa di sedot di MazhtersPlaylist.zip

Belajar Adobe AIR : Membuat Tray Icon

2011-07-29T00:16:00.000+07:00

Alhamdulillah bisa ketemu lagi sama Adobe AIR, udah lama bgt ga ngobrol tentang ini, buat mengingat lagi langkah awal bagaimana instalasi Adobe AIR, klik di sini ya. Nah berawal dari posting ini, yuks pelan2 kita bermain-main dengan AIR, nggak sulit kok, cuma butuh 1 syarat...... jgn takut basah....... :P.

Pelajaran pertama ini adalah bagaimana membuat Tray Icon, apa itu Tray Icon ?? Mungkin sebagian besar dari kita udah sering pake YM, Gtalk atau sejenisnya. Jika diaplikasi tersebut kita klik tanda "x", akan muncul Icon kecil di kanan bawah monitor kita, nah itulah yg dinamakan Tray Icon. Fungsinya memang tidak terlalu signifikan, bisa dibilang hanya untuk menghemat space di Toolbar atau mungkin agar terlihat lebih cantik saja.

Berikut script untuk membuat Tray Icon tersebut :
//selalu sertakan AIRAliases.js, file ini wajib ada.
<script type="text/javascript" src="AIRAliases.js"></script>

//define variable win sebagai alias dari window.nativeWindow, biar penulisan setelahnya ga panjang2

var win = window.nativeWindow;

var iconLoadComplete = function(event)
{
air.NativeApplication.nativeApplication.icon.bitmaps = [event.target.content.bitmapData];
}

air.NativeApplication.nativeApplication.autoExit = false;
var iconLoad = new air.Loader();
var iconMenu = new air.NativeMenu();
//perintah ini untuk menambahkan menu "Exit" pada Tray Icon yg kita buat
var exitCommand = iconMenu.addItem(new air.NativeMenuItem("Exit"));
exitCommand.addEventListener(air.Event.SELECT,function(event){
air.NativeApplication.nativeApplication.icon.bitmaps = [];
air.NativeApplication.nativeApplication.exit();
//perintah ini untuk mengclose window atau menutup aplikasi desktop.
win.close();
});

//perintah ini agar ketika Tray Icon di klik, window akan muncul, begitu jg sebaliknya.
var TrayIcon_Click = function(event){
if (window.nativeWindow.visible) {
window.nativeWindow.visible = false;
win.minimize();
} else {
window.nativeWindow.visible = true;
win.restore();
//nah ini agar window yg muncul selalu berada di paling depan, berguna jika ada beberapa window.
window.nativeWindow.orderToFront();
}
};

if (air.NativeApplication.supportsSystemTrayIcon) {
air.NativeApplication.nativeApplication.autoExit = false;
iconLoad.contentLoaderInfo.addEventListener(air.Event.COMPLETE,iconLoadComplete);
//ini logo yg akan muncul di kanan bawah layar / gambar Tray Iconnya.
iconLoad.load(new air.URLRequest("icons/logo_mazhters16x16.png"));
//ini text ketika mouseover di Tray Icon
air.NativeApplication.nativeApplication.icon.tooltip = "Demo Application";
air.NativeApplication.nativeApplication.icon.menu = iconMenu;
air.NativeApplication.nativeApplication.icon.addEventListener("click", TrayIcon_Click);
}

Sangat mudah bukan ?? sebenarnya ente tinggal siapin icon/logo saja, yg lainnya bs tinggal copy paste. Ok Guys..... selamat mencoba..... tunggu modul berikutnya......

Catatan Kecil : Tips dalam membuat WAP

2011-06-22T05:59:00.000+07:00

Hal hal kecil terkadang sering kita lupakan, padahal dari situlah sesuatu yang besar berawal. Mulai dari sekarang, ane akan coba sharing sesuatu yang mungkin di anggp sepele ( dalam bidang programming tentunya ) yang pada kenyataannya tidak bisa di abaikan, seperti ada pepatah bilang "batu kecil memang tidak melukai, tapi bisa membuat orang tergelincir".

Pertama yang lagi anget-angetnya di benak ane, yaitu hal-hal yang perlu diperhatikan dalam pembuatan WAP, berikut tips-nya :

Hindari penggunaan design yang WAH!!!, sebaiknya design/interface WAP yang sederhana, jangan menggunakan image terlalu banyak, cukup pakai background color saja.
Buat flow sesederhana mungkin, walaupun akan berbeda dengan versi WEB misalnya, tapi itu jauh lebih baik, sebab menurut hasil analisa, para pengguna WAP bisa dibilang agak 'males' jika berhadapan dengan flow yang ribet.
Jangan menggunakan menu panjang ke samping (maksimal 2 saja), dan gunakan persentase untuk menentukan width-nya ( ingat, screensize terkecil pengguna WAP itu 128x128 ).
CSS yang di support oleh HP, berbeda dengan Browser, gunakan script ini untuk membedakan keduanya, <link type="text/css" media="handheld" href="css/handheld.css" />
<link type="text/css" media="screen" href="css/screen.css" /> handheld.css untuk HP, dan screen.css untuk Browser.
Sebaiknya gunakan <table><tr><td> daripada menggunakan <ul><li>, bisa dibilang, buat seperti pertama kali anda belajar HTML.
Sebisa mungkin hindari penggunaan fungsi javascript seperti onClick, onChange dkk.

Kira-kira itu tips dari ane ( ini kisah nyata loh, pengalaman pribadi, hehe ). Yang perlu dicatat disini, tips2 tersebut jika target market anda adalah semua pengguna HP yang bisa menggunakan WAP, tapi jika target market anda dalam pembuatan WAP untuk type2 smartphone, beberapa tips diatas mungkin bisa di abaikan.

Bermain LDAP dengan PHP

2011-05-03T11:35:00.000+07:00

Aseekkkk nambah lagi ilmunya, kali ini kita bermain-main dengan LDAP yuk. LDAP apaan sih ??
LDAP (Lightweight Directory Access Protocol) merupakan suatu network protokol yang digunakan untuk mengakses direktori.

Pengertian direktori disini adalah sekumpulan informasi yang disusun berdasarkan hirarki tertentu. Sebuah direktori merupakan sebuah database, yang pengelolaan informasinya di dasarkan pada atribut setiap item datanya, atribut-atribut tersebut diantaranya :
uid -> User id
cn -> Common Name
sn -> Surname
l -> Location
ou -> Organisational Unit
o -> Organisation
dc -> Domain Component
st -> State
c -> Country

Ok cukup sekilas tentang LDAP, kita lanjut ke pokok permasalah. Buat ente yang blum pernah berhubungan dengan LDAP sebelumnya, jangan merindik duluan.... koneksi LDAP dengan PHP ternyata tidak sesulit yang dibayangkan, simple dan mudah dimengerti. Siap-siap.... berikut langkah-langkahnya.

1. Buka phpinfo() dulu, pastikan LDAP sudah dalam posisi Enable, klo blum, buka file php.ini, perhatikan pada bagian ini ";extension=php_ldap.dll", hilangkan titik koma (;) di depannya.

2. Perhatikan skrip berikut :

<?php
$ldap_host = '123.456.7.89'; //Host LDAP
$ldap_domain = 'mazhters.com'; // LDAP Domain
$ldap_dn = 'dc=mazhters,dc=com'; // Domain Component
// Jika $ldap_domain = 'mazhters.co.id';
// maka $ldap_dn = 'dc=mazhters,dc=co,dc=id';
$ldap_user = 'userlogin';
$ldap_pass = 'userpass';

$ldap_conn = ldap_connect($ldap_host);
if($ldap_conn)
{
// menyatukan aplikasi dengan server LDAP
$ldapbind = ldap_bind($ldap_conn, $ldap_user, $ldap_pass);
// verify binding
if (!$ldapbind){
die('Login gagal, userlogin or userpass salah');
}
}
else
{
die('Koneksi ke LDAP Gagal');
}

//Ada beberapa server yang mesti minta set_option ini dulu
ldap_set_option($ldap_conn, LDAP_OPT_PROTOCOL_VERSION, 3);
ldap_set_option($ldap_conn, LDAP_OPT_REFERRALS, 0);

//Mencari nilai-nilai dari atribut LDAP sesuai filter yang di inginkan.
//Sample yg ane pake ini untuk mencari nilai-nilai atribut berdasarkan userlogin
$result = ldap_search($ldap_conn, $ldap_dn, "(samaccountname=".$ldap_user.")");

//Nah ini untuk narik nilai atributnya.
$entries = ldap_get_entries($ldap_conn, $result);

//Ini untuk munculin, tinggal dipilih-dipilih value mana yang mau diambil
echo "<pre>";
print_r($entries);
echo "</pre>";
die();
?>

Mudahkan ?? nah dari sini tinggal di explore lagi sesuai kebutuhan.

Login website via Facebook

2011-04-02T11:15:00.006+07:00

Wah wah udah lama banget ga nulis tutorial, berarti ilmunya blum nambah2 nih... payah.... Yuk kita saling sharing lagi, cekidot.

Mungkin ente sering mengunjungi website yang mengharuskan ente daftar kemudian login untuk dapat masuk kedalamnya. Malahan saking banyak-nya website seperti itu yg ente kunjungi, al hasil sampe lupa username n passwordnya karena kelamaan ga buka2 lagi. Karena issue itu, para developer mencari cara bagaimana memudahkan user untuk melakukan login, salah satunya dengan menggunakan account Facebook untuk login ke website.

Seberapa hebat sih metode ini ?? Jika selama ini kita harus masukkan username n password untuk login ke website yg dituju, dengan menggunakan metode ini, maka cukup dengan sekali klik, otomatis anda sudah login jg ke website yg bersangkutan, dengan catatan ente pada posisi sudah login di Facebook, tapi jika blum login di Facebook, otomatis engine akan meminta ente untuk login dulu. Sebagai contoh yang
pernah ane bikin di sini. Dan berikut langkah-langkahnya :

1. Punya Account facebook (ini syarat utama... hehehe).
2. Pastikan email yg anda gunakan untuk mendaftar di Facebook dan di website yang dituju, harus sama (karena kita akan menggunakan field email ini untuk comparasi).
3. Buat aplikasi baru di Facebook, pada posisi ini ane anggap ente sudah bisa membuat aplikasi di Facebook yang paling sederhana, klo blum, coba cari tau gimana cara bikin aplikasi di Facebook.
4. Masukkan script berikut di folder tempat aplikasi Facebook ente.

Pada tahap ini sebenarnya login menggunakan Facebook sudah selesai, tinggal bagaimana memodifikasi engine login di website ente dengan parameter email yang didapat dari email Facebook. Berhubung setiap programmer memiliki gaya yg berbeda di engine login ini, jd klo ada yg masih bingung, bisa langsung tanya ke ane ya.... bisa via YM, Email or Lewat sini jg boleh.

Selamat mencoba.....

Sedikit cara Optimasi aplikasi web dengan PHP

2010-07-16T06:55:00.003+07:00

Sedikit cara untuk meng-optimasi aplikasi website memang sangat2 penting, untuk scala kecil, cara ini sih emang ga bakal ada pengaruhnya, tp klo untuk scala besar, beda 1 per sekian detik aja sangat -sangat membantu, seperti orang bijak bilang, "batu kecil memang tidak melukai, tapi bisa membuat kita tergelincir".

Berikut adalah hal-hal yang perlu diperhatikan dalam membuat coding PHP :

1. Hindari penggunaan spasi secara berlebihan.

Menghindari penggunaan spasi (atau  ) yang berlebihan adalah langkah efisien. Coba anda bayangkan setiap spasi memerlukan 1 byte data, sedangkan setiap tab (\t) juga 1 byte. Ketika kita membuat empat spasi, berarti kita telah menghabiskan 4 byte data. Tentu akan lebih efisien jika hanya menggunakan sebuah tab saja.

2. Penggunaan tipe data Boolean.

PHP mengijinkan Anda menulis tipe data boolean dengan huruf kecil atau besar (case-insensitive). Meskipun demikian, penulisan dengan huruf kecil semua akan lebih cepat dibanding huruf besar. Ini dikarenakan, saat menemukan konstanta, PHP melakukan lookup hash nama konstanta. Misalnya :

if($var == TRUE) { ...... }

akan lebih efisien jika ditulis,

if($var == true) { ....... }

dan akan lebih cepat lagi jika kita menggunakan 1 dan 0 dari pada true and false.

3.Hindari konkatenasi string yang besar.
Pada saat melakukan konkatenasi string, hindari penggabungan dengan string yang ukurannya besar. Ini bisa menghambat eksekusi kode yang sebenarnya bisa ditampilkan dengan cepat. Contohnya seperti berikut:

$title = 'pendek';
$body = '...ini kalimat yang lebih panjang...';

// Konkatenasi string yang besar
echo "Hasilnya: $title\n\n$body";

// Akan lebih baik jika ditulis seperti ini
echo "Hasilnya: $title\n\n";
echo $body;

4. Penggunaan echo() dan print().
Tiga cara yang umum dilakukan untuk mencetak data adalah: echo() dan print(). Apabila untuk mencetak output dengan menggunakan fungsi (konstruksi bahasa) PHP, sebaiknya gunakan echo(), bukannya print(). Meskipun secara garis besar print() dan echo() memiliki tujuan sama, akan tetapi ada beberapa perbedaan esensial yang perlu diperhatikan. Fungsi print() berperilaku seperti fungsi pada umumnya, dan memiliki nilai kembalian (return value) berupa integer 1. Dengan demikian, print() dapat digunakan sebagai bagian dari ekspresi yang lebih kompleks. Sementara itu, echo() mampu menerima lebih dari satu parameter sekaligus,
dan tidak memiliki nilai kembalian.

print 'coba 1';
echo 'coba 1';

// Menggunakan beberapa parameter
echo 'Coba 1', "Coba 2", '...';

Fungsi string echo() akan dieksekusi lebih cepat dibanding dengan print(). Perbedaan ini disebabkan karena fungsi print() akan mengembalikan status (integer) yang menyatakan apakah proses berhasil dilaksanakan atau tidak. Di sisi lain, echo() hanya menampilkan output saja dan tidak mengerjakan apa-apa lagi. Ada pun dalam implementasinya, status nilai kembalian dari penggunaan fungsi string hampir tidak pernah diperlukan.

Konstruksi bahasa echo() juga mengijinkan kita untuk memberikan lebih dari satu string sebagai parameter. Menggunakan beberapa parameter akan lebih cepat dibanding mencampur variabel ke dalam sebuah parameter tunggal. Contohnya seperti berikut:
$a = 'Coba';
$b = 'Lagi';

//mencampur menjadi parameter tunggal
echo 'Harus ' .$a. ' dipahami ' .$b;

//akan lebih cepat
echo 'Say ', $a, ' to ', $b;

5. Mengetahui panjang string.
Biasanya untuk mengetahui panjang karakter dari suatu string adalah dengan menggunakan fungsi strlen(). Untuk tujuan yang sama, sebenarnya ada cara yang dinilai lebih cepat, yaitu menggunakan isset(). Contohnya seperti berikut:

if (strlen($str) < 10) {
echo 'Panjang karakter harus 10 ya';
}

//akan lebih cepat
if (!isset($str{10})) {echo 'Panjang karakter-nya kurang/lebih dari 10 tuh';
}

Seperti halnya kasus echo() dan print(), isset() memerlukan waktu eksekusi lebih pendek karena isset() merupakan konstruksi bahasa.

6. Penggunaan kondisi perbandingan antara variabel dengan konstanta.

Kita dalam penggunaan kondisi perbandingan antara variabel dengan konstanta seperti ini : 

if($var == '4') { .... }, tetapi akan lebih cepat apabila konstanta disebutkan terlebih dahulu,

if('4' == $var) { .... }.

Gimana guys, hal-hal simple bukan ?? Ini hanya beberapa cara sederhana untuk mengoptimasi aplikasi PHP, masih banyak faktor lain yg berpengaruh untuk masalah ini, mulai dari server dan databasenya.

Progress Bar MultiFile Upload di PHP 5.

2010-07-13T22:21:00.001+07:00

Wah2, dah lama banget nih ga bikin tutorial, materi yg mau di tulis sih banyak, cuma waktunya aja yg ga memungkinkan, sampe-sampe materi yg udah disiapin, lupa deh nyimpennya dimana. Well2, kita mulai lagi tutorialnya dari bagaimana membuat Progress Bar MultiFile Upload di PHP.

Sebenernya udah banyak tutorial yg bicara soal Progress Bar di PHP, lengkapnya bisa masuk ke sini, tp itu untuk 1 file saja, nah disini ane coba membuat progress bar untuk multi file, dalam arti-an macam kirim email melalui yahoo or gmail gitu, bisa langsung attach file lebih dari 1, OK kita mulai y......

Berpedoman pada link di atas tuh, ane anggap ente dah bisa install APC dan berjalan dengan baik untuk upload 1 file, klo blum, coba pelajari link di atas dengan seksama, disitu udah super duper lengkap kok. Kemudian yg perlu disiapkan adalah file jquery.js dan jquery.MultiFile.js, berikut adalah script yg diperlukan :

Javascript-nya :

<script src="jquery.js" type="text/javascript" language="javascript"></script>
<script src="jquery.MultiFile.js" type="text/javascript" language="javascript"></script>
<script>
function createRequestObject()
{
   var requestObject;
   requestObject = false;
   if( window.ActiveXObject ){
   for( var i = 5; i; i-- ){
   try{
   if( i == 2 ){
   requestObject = new ActiveXObject( "Microsoft.XMLHTTP" );
   }else{
   requestObject = new ActiveXObject( "Msxml2.XMLHTTP." + i + ".0" );
   }
   break;
   }catch( excNotLoadable ){
   requestObject = false;
   }
   }
   }else{
   requestObject = new XMLHttpRequest();
   }
   return requestObject;
}

var http = createRequestObject();

function postForm(formName){
  document.getElementById(formName).submit();
  setTimeout('updateProgress()', 100);
}

function updateProgress(){
  progress_key = document.getElementById('progress_key').value;
  http.open("GET", 'upload.php?progress_key='+progress_key, true);
   http.onreadystatechange = function () {
   if (http.readyState == 4) {
   if (http.status == 200) {
   the_object = eval("(" + http.responseText + ")");
   if(!the_object.done){
   result = Math.round((the_object.current/the_object.total) * 100);
   var hasil = Math.round((result/100)*200);
   var xxx = "<div style='width:200px;border:1px solid #000;float:left;'><div style='background:#F00;width:"+hasil+"px;display:block;'> </div></div><div style='float:left;'>"+result+"%</div>";

   document.getElementById('progress_win').innerHTML = xxx;
   setTimeout("updateProgress()",500);
   }else{
   var xxx = "<div style='width:200px;border:1px solid #000;float:left;'><div style='background:#F00;width:200px;display:block;'> </div></div><div style='float:left;'>100%</div>";
   document.getElementById('progress_win').innerHTML = xxx;
   }
   }
   }
   }
  http.send(null);
}
</script>

Ini Css-nya :

<style>
.realupload {
position:absolute;
top:1;
right:1;
left:0;
cursor: pointer;
/* start of transparency styles */
opacity:0;
-moz-opacity:0;
filter:alpha(opacity:0);
/* end of transparency styles */
z-index:2; /* bring the real upload interactivity up front */
}
</style>

Ini script HTML-nya :

<body>
<form action="upload.php" name="send" id="send-form" class="form-style" method="POST" onsubmit="postForm('send-form');" enctype="multipart/form-data">
<div>
<a id="pick-filez" style="cursor: pointer;">SELECT FILE</a><br/>

<input type="hidden" name="APC_UPLOAD_PROGRESS" id="progress_key" value="<? echo uniqid();?>"/>
<input type="file" name="multi_file[]" id="realupload" class="multi realupload"/>
</div>
<input type="submit" name="upload" id="send-button" value="UPLOAD"/>
<br>
<? echo "<font color='#FF0000'>$msg</font>";?>
<div id="progress_win"></div>
</form>
</body>

Dan ini PHP-nya :

<?php
if($_SERVER['REQUEST_METHOD']=='POST') {
   $uploaddir = 'uploads_file/';
   $msg = "Tidak ada file yang di upload";
   foreach ($_FILES["multi_file"]["error"] as $key => $error)
   {
   if ($error == UPLOAD_ERR_OK)
   {
   $tmp_name = $_FILES["multi_file"]["tmp_name"][$key];
   $name = date("YmdHis").".".$_FILES["multi_file"]["name"][$key];
   $uploadfile = $uploaddir . basename($name);

   if(move_uploaded_file($tmp_name, $uploadfile))
   {
   $msg = "Upload MultiFile Berhasil";
   }
   }
   }
}
else if(isset($_GET['progress_key'])) {
  $status = apc_fetch("upload_$_GET[progress_key]");
  echo json_encode($status);
  exit;
}
?>

Semua script2 diatas di jadiin satu file, dan bisa langsung dicoba........ untuk file lengkapnya bisa lihat yg ini. Simple bukan ?? ane jg kebetulan lagi pake fungsi ini buat bikin aplikasi mirip-mirip YouSendIt gt, ente tinggal modifikasi sesuai kebutuhan aj.

Update & Delete file video youtube dengan PHP

2010-04-12T22:16:00.003+07:00

Setelah kita berhasil upload video langsung ke youtube melalui website kita, selanjutnya bagaimana caranya untuk mengubah atau menghapus file yang bersangkutan. Langkah awalnya sama dengan postingan ane sebelumnya, bagaimana cara upload file video ke youtube. Konfigurasi awalnya pun juga sama, yg beda hanya bagian prosesnya saja.

Berikut adalah script untuk mengubah / update :

<?php
require_once 'Zend/Loader.php';
Zend_Loader::loadClass('Zend_Gdata_YouTube');
Zend_Loader::loadClass('Zend_Gdata_AuthSub');
Zend_Loader::loadClass('Zend_Gdata_ClientLogin');

$authenticationURL= 'https://www.google.com/youtube/accounts/ClientLogin';
$httpClient = Zend_Gdata_ClientLogin::getHttpClient(
   $username = 'youremail@mail.com',
   $password = 'yourpassword',
   $service = 'youtube',
   $client = null,
   $source = 'MazhtersSource', // untuk identifikasi aplikasi kita
   $loginToken = null,
   $loginCaptcha = null,
   $authenticationURL);

$developerKey = 'developerKey';
$applicationId = 'Test Upload Video';
$clientId = 'Test Upload Video Client';

$yt = new Zend_Gdata_YouTube($httpClient, $applicationId, $clientId, $developerKey);

$videoEntry = new Zend_Gdata_YouTube_VideoEntry();

$feed = $yt->getVideoFeed('http://gdata.youtube.com/feeds/users/default/uploads');
foreach($feed as $entry)
{
if($entry->getVideoId() == $video_id)
{
$videoEntry = $entry;
$videoEntry->setVideoTitle('ini title yg baru');
   $videoEntry->setVideoDescription('ini description yg baru');
   $putUrl = $videoEntry->getEditLink()->getHref();

$yt->updateEntry($videoEntry, $putUrl);
break;

}
}

echo "Update File Video Sukses";

?>

Sedangkan untuk menghapus / delete bisa menggunakan script berikut :

<?php
require_once 'Zend/Loader.php';
Zend_Loader::loadClass('Zend_Gdata_YouTube');
Zend_Loader::loadClass('Zend_Gdata_AuthSub');
Zend_Loader::loadClass('Zend_Gdata_ClientLogin');

$authenticationURL= 'https://www.google.com/youtube/accounts/ClientLogin';
$httpClient = Zend_Gdata_ClientLogin::getHttpClient(
   $username = 'youremail@mail.com',
   $password = 'yourpassword',
   $service = 'youtube',
   $client = null,
   $source = 'MazhtersSource', // untuk identifikasi aplikasi kita
   $loginToken = null,
   $loginCaptcha = null,
   $authenticationURL);

$developerKey = 'developerKey';
$applicationId = 'Test Upload Video';
$clientId = 'Test Upload Video Client';

$yt = new Zend_Gdata_YouTube($httpClient, $applicationId, $clientId, $developerKey);

$videoEntry = new Zend_Gdata_YouTube_VideoEntry();

$feed = $yt->getVideoFeed('http://gdata.youtube.com/feeds/users/default/uploads');

$videoEntryToDelete = null;

foreach($feed as $entry)

{

if ($entry->getVideoId() == $file_media)

{

$videoEntryToDelete = $entry;

$yt->delete($videoEntryToDelete);

break;

}

echo "Delete File Video Sukses";

Script2 diatas ane berasumsi bahwa file berhasil di update atau di delete, ente-ente bisa memodifikasi dengan menambahkan pesan error apabila file gagal terupdate / terdelete.

Upload video ke Youtube dengan PHP

2010-03-31T07:50:00.009+07:00

Wah2 udah 2 bulan lebih nggak nulis blog nih, coz kerjaan yg super duper padat dan ga bisa ditinggalkan. Mumpung skrg lg rada longgar, dan kebetulan juga baru aj dapet ilmu baru, wajib hukumnya untuk berbagi dengan ente-ente semua.

Sesuai dengan judulnya, mengupload video dari website kita langsung ke youtube kayaknya lg trend bgt nih, di lihat dari berbagai sudut pandang, banyak keuntungan yg didapet. Yang paling mendasar adalah space di hosting kita, tentunya kita tidak perlu menyiapkan space lebih untuk menyimpan file video. Yang kedua adalah video yg kita upload lebih besar kemungkinannya untuk dilihat oleh khalayak banyak, sepertinya ga perlu ane dijelasin lg apa alasannya.

Dalam membuat engine ini, tutorial lengkapnya bisa dilihat di sumbernya langsung, tp disini ane akan coba jelaskan menggunakan bahasa kita yang mungkin akan mudah dimengerti.

Syarat utama adalah kita mesti punya account youtube dan account google dengan menggunakan email yg sama (tidak harus menggunakan gmail, bisa apa aj) sebab nanti kita harus mendapatkan DeveloperKey melalui account di google, ente bisa masuk kesini buat dapetin DeveloperKey.

Kedua yg harus diperhatikan adalah bahwa engine ini hanya bisa running dengan menggunakan PHP >= 5.1.3, jadi yg masih pake versi PHP dibawah itu, buru-buru di upgrade deh. Kita juga harus menyiapkan Zend_Gdata >= 1.7.7. yg bisa diunduh di sini. Langkah selanjutnya buka file php.ini dan bagian extension=php_openssl.dll di hapus titik komanya ( ; ). Kemudian tambahkan juga include_path=".:/user/local/lib/php:/path/to/ZendGData/library, jika masih di localhost, bagian terakhir ini bisa diabaikan.

Setelah persiapan selesai, kita tinggal menggunakan script berikut untuk memulainya.

<?php
require_once 'Zend/Loader.php';
Zend_Loader::loadClass('Zend_Gdata_YouTube');
Zend_Loader::loadClass('Zend_Gdata_AuthSub');
Zend_Loader::loadClass('Zend_Gdata_ClientLogin');

$authenticationURL= 'https://www.google.com/youtube/accounts/ClientLogin';
$httpClient = Zend_Gdata_ClientLogin::getHttpClient(
   $username = 'youremail@mail.com',
   $password = 'yourpassword',
   $service = 'youtube',
   $client = null,
   $source = 'MazhtersSource', // untuk identifikasi aplikasi kita
   $loginToken = null,
   $loginCaptcha = null,
   $authenticationURL);

$developerKey = 'developerKey';
$applicationId = 'Test Upload Video';
$clientId = 'Test Upload Video Client';

$yt = new Zend_Gdata_YouTube($httpClient, $applicationId, $clientId, $developerKey);

// create a new VideoEntry object
$myVideoEntry = new Zend_Gdata_YouTube_VideoEntry();
$myVideoEntry->setVideoTitle('ini title videonya');

$myVideoEntry->setVideoDescription('ini descripsi videonya');
// The category must be a valid YouTube category!
$myVideoEntry->setVideoCategory('ini categorinya');

// Set keywords. Please note that this must be a comma-separated string
// and that individual keywords cannot contain whitespace
$myVideoEntry->SetVideoTags('ini tag videonya'); // biar gampang dicari

$tokenHandlerUrl = 'http://gdata.youtube.com/action/GetUploadToken';
$tokenArray = $yt->getFormUploadToken($myVideoEntry, $tokenHandlerUrl);
$tokenValue = $tokenArray['token'];
//$postUrl = $tokenArray['url'];

$nextUrl = 'www.mazhters.com'; // url setelah sukses upload video

// build the form
$form = '<form action="'. $postUrl .'?nexturl='. $nextUrl .
   '" method="post" enctype="multipart/form-data">'.
   '<input name="file" type="file"/>'.
   '<input name="token" type="hidden" value="'. $tokenValue .'"/>'.
   '<input value="Upload Video File" type="submit" />'.
   '</form>';
echo $form;
?>

Ok guys, itu aj langkah-langkahnya, dan bisa langsung dicoba upload vidoenya.

MOLAP, ROLAP dan HOLAP.

2010-01-06T06:59:00.001+07:00

Sebelum membahas lebih jauh pengertian dari judul diatas, ada baiknya kita review sedikit pengertian dari OLAP itu sendiri. OLAP (On-Line Analytical Processing) adalah Database Multidimensional pada sistem analisa data tingkat lanjut yang mendukung pengambilan keputusan, bisnis model, dan aktifitas riset.

OLAP menyediakan cara untuk menampilkan data Multi Dimensional yang ada dalam Data Mart atau Data Warehouse, dengan OLAP dapat dibuat Cube yang mengorganisasikan data dan membuat summary data untuk query yang effisien.

Karakteristik OLAP
- Menggunakan teknik analisa data Multidimensional
- Menyediakan dukungan database tingkat lanjut
- User Interface yang mudah difahami.
- Mendukung arsitektur Client/Server

Dalam dunia OLAP, ada dua jenis teknik penyimpanan data yang utama: Multidimensional OLAP (MOLAP) dan Relational OLAP (ROLAP). Sedangkan gabungan antara keduanya dinamakan Hybrid OLAP (HOLAP). Ada beberapa istilah lain di dalam dunia OLAP yang merupakan perluasan dari MOLAP dan ROLAP yaitu DOLAP(Desktop OLAP), WOLAP(Web-base OLAP) dan RTOLAP(Real-Time OLAP). Dan berikut adalah perbedaan antara MOLAP dan ROLAP:

MOLAP
Ini adalah cara tradisional dalam analisis OLAP. Dalam MOLAP data disimpan dalam bentuk Multidimensional Database. Tidak seperti basis data relasional yang menyimpan data dalam jumlah baris dalam tabel, sebuah data multidimensional menyimpan data dalam sejumlah array multidimensional. Karena dimensi dapat diakses secara mudah, maka user dapat melakukan query pada basis data MOLAP dengan sangat cepat. Selain mengandung data mentah, basis data MOLAP juga mengandung agregasi data sehingga dapat memberikan respon yang cepat terhadap query.

Plus (+) :
– Performance hebat, karena MOLAP memang dibangun untuk pengambilan data yang cepat dan optimal.
– Dapat membentuk kalkulasi yang komplek dan cepat.

Minus (-) :
– Jumlah volume data yang dapat ditangani terbatas.

ROLAP
Merupakan cara lain yang digunakan untuk melakukan partisi menggunakan tabel relasional dalam data warehouse. Banyak orang berpendapat bahwa basis data yang dirancang secara khusus untuk sebuah keperluan analisis tidak dibutuhkan karena sebuah basis data relasional sudah cukup mampu untuk menampilkan data OLAP. Hal ini hanya berlaku pada tingkat tertentu saja, pada sebuah basis data yang terdiri dari ribuan atau ratusan ribu records maka menampilkan data OLAP akan menjadi sebuah masalah, karena banyak data yang harus diquery. Dan hal ini lah yang menjadi keterbatasan partisi ROLAP.

Plus (+) :
– Dapat menangani jumlah volume data yang sangat besar, batasan ukuran volume data yang ditangani pada
teknologi ROLAP adalah batas dari volume dari Relational Database yang dipakai. Dengan kata lain pada ROLAP sendiri tidak ada batasan volume data.
– Dapat memanfaatkan fungsi-fungsi yang ada pada Relational Database yang dipakai.

Minus (-) :
– Performance dapat lambat, karena setiap ROLAP report pada dasarnya adalah SQL Query pada Relational Database, waktu query dapat lebih lama jika volume data semakin besar.
– Fungsi SQL yang terbatas, karena teknologi ROLAP terutama tergantung pada pembentukan statement Query pada Relational Database, dan tidak semua kebutuhan dapat terpenuhi dengan SQL Statement. ROLAP vendor telah mengantisipasi resiko ini dengan cara membuat Tool out-of-the-box untuk fungsi-fungsi yang kompleks bahkan memungkinkan user untuk mendefinisikan fungsi-fungsi yang dibutuhkannya sendiri.

HOLAP
Hybrid OLAP, menggabungkan kedua teknologi diatas. HOLAP menggunakan Relational Database untuk menyimpan Detail data dan menggunakan Multidimensional Database untuk menyimpan Aggregate-nya. HOLAP services dapat menggunakan data MOLAP dan ROLAP secara simultan untuk memecahkan suatu query.

Engine guest online dengan PHP tanpa menggunakan database.

2009-11-11T06:51:00.003+07:00

Di dalam website ber-tipe komersil, biasanya sering dicantumkan informasi tentang member online ataupun guest online. Mungkin terlihat sepele, tapi ternyata hal kecil seperti itu dapat mendongkrak popularitas website tersebut. Semakin banyak jumlah member / guest yg online, maka akan semakin bagus.

Banyak cara yg dapat digunakan untuk membuat engine ini, umumnya selalu menggunakan database sehingga lebih mudah untuk mengontrolnya. Cara lain dapat menggunakan suatu text file, berupa .txt, .xml atau yg lainnya. Nah disini, ane akan membahas bagaimana membuat engine tersebut menggunakan text file .txt, berikut contoh scriptnya.........

//Definisi variabel
$visitor = $_SERVER['REMOTE_ADDR'];
$time = time();
$flag = $jmlguest = 0;

//Script ini untuk mengecek, apakah ID guest sudah ada apa belum
$fp=fopen("guest_online.txt","a+");
$baca = explode("\n",fread($fp,filesize('guest_online.txt')+1));
foreach($baca as $list_guest)
{
    $guest = explode(",",$list_guest);
    if(eregi($visitor,$guest[0])) $flag=1;
}

//Jika ID guest belum ada, maka ID guest tersebut akan di catat.
if($flag==0) fwrite($fp,$visitor.",".$time."\n");
fclose($fp);

//Script ini untuk menghapus ID guest yg sudah tidak online lagi.
$filearray = file ('guest_online.txt');
$newarray = array();
foreach ($filearray as $list_guest )
{
    $guest = explode(",",$list_guest);
    //$time-300, maksudnya waktu sekarang dikurang 300 detik sebelumnya, ini bisa disesuaikan kebutuhan.
    if(!eregi($visitor,$guest[0]) && ($guest[1] > ($time-300)))
    {
        $jmlguest++;
        array_push($newarray,$guest[0].",".$guest[1]);
    }
}

//ini untuk memperbaharui timestamp dari ID guest yg bersangkutan
$jmlguest++;
array_push($newarray,$visitor.",".$time."\n");

$string = implode ("",$newarray);
$fp = fopen ( 'guest_online.txt', 'w' );
fwrite ( $fp , $string );
fclose ( $fp );

//disini tinggal anda cetak jumlahnya.
echo $jmlguest." guest online";

Setelah script itu dijalankan dengan benar, maka berapa jumlah guest yg online dapat langsung diketahui, mudah bukan ?? jadi kita tidak perlu membebani database untuk hal2 sederhana semacam ini, untuk contohnya bisa buka www.propertiproperti.com dan klo ada masukkan, ane selalu open.............

OLTP vs OLAP

2009-11-05T22:38:00.004+07:00

Seperti yang sudah ane jelaskan sebelumnya, Online Transaction Processing Systems atau OLTP merupakan Sistem yang memproses suatu transaksi secara langsung (insert,update,delete) melalui komputer yang terhubung dalam jaringan. Sedangkan OLAP (Online Analytical Processing Systems) adalah Sistem yang dibuat untuk membantu dalam perencanaan, memecahkan masalah dan mendukung keputusan.

Dari definisinya jelas, bahwa keduanya merupakan sistem yang menggunakan suatu basis data. Lantas apa perbedaan antara keduanya ?? simak uraian berikut............

1. Berdasarkan sumber data
    OLTP : Data Operasional, data OLTP adalah data asli.
    OLAP : Data konsolidasi, data OLAP di peroleh dari beberapa OLTP.

2. Berdasarkan Tujuan datanya
    OLTP : Untuk mengendalikan dan menjalankan tugas2 utama.
    OLAP : Untuk membantu dalam perencanaan, memecahkan masalah dan mendukung keputusan.

3. Berdasarkan Data apa yg di tampilkan
    OLTP : Bisnis proses yg berkelajutan.
    OLAP : Menampilkan data dari berbagai macam aktivitas bisnis.

4. Query yg digunakan
    OLTP : Simple Query.
    OLAP : Complex Queries.

5. Kecepatan proses
    OLTP : Pada dasarnya sangat cepat.
    OLAP : Tergantung dari data yg dilibatkan, proses akan lebih cepat dengan menggunakan fungsi indexing.

6. Space yg dibutuhkan
    OLTP : Relativ kecil.
    OLAP : Lebih besar, karena membutuhkan lebih banyak indexing dibandingkan OLTP.

7. Database Design
    OLTP : Normalized dengan banyak table.
    OLAP : De-normalized dengan sedikit table dan menggunakan star / showflake schemas.

Kurang lebih itulah perbedaan antara OLTP dan OLAP, jika diantara ente2 ada yg ingin menambahkan atau mengkoreksi, ane selalu open........

Relasi OLTP, ETL, Business Intelligence, Data Warehouse dan OLAP

2009-11-03T06:31:00.000+07:00

Apa itu OLTP ?? Kemudian apa yg dimaksud dengan ETL ?? Bagaimana Data Warehouse & Business Intelligence bekerja ?? dan apa perbedaan OLTP dengan OLAP ?? mari kita coba tarik benang merah di antara ke-5 unsur tersebut...., tapi sebelumnya kita cari tau dulu pengertian dari masing2 unsur.

Online Transaction Processing Systems (OLTP) adalah suatu sistem yang memproses suatu transaksi secara langsung(insert,update,delete) melalui komputer yang terhubung dalam jaringan. Sedangkan ETL sesuai dengan namanya (Extract, Transformation and Load), Extract berarti proses pengambilan data dari sumber data,proses pengambilan data ini tidak mengambil keseluruhan data yang ada di database operasional, melainkan hanya mengambil data-data matang saja.

Transform berarti mengubah struktur Database tersebut ke dalam bentuk standart, mengingat data-data yang diambil berasal dari sumber berbeda yang kemungkinan memiliki standarisasi yang berbeda pula. Standarisasi diperlukan untuk nantinya memudahkan pembuatan laporan. Load sendiri adalah proses mengirimkan data yang telah menjalani proses transformasi ke repository(gudang data) akhir.

Data Warehouse bicara mengenai bagaimana data-data yang besar dan beragam disimpan dalam satu repository(gudang data) dan disusun sedemikian sehingga memudahkan pencarian, sedangan Business Intelligence bisa dikatakan sebagai konsep database yang multidimensi sehingga memudahkan analisa dan pengambilan keputusan secara bijak berdasakan informasi yang akurat. Gabungan dari DW dan BI dinamakan Online Analytical Processing Systems (OLAP) yaitu sistem yang dibuat untuk membantu dalam perencanaan, memecahkan masalah dan mendukung keputusan.

Untuk mengetahui lebih jelas relasi antar unsur-unsur tersebut bisa lihat gambar dibawah ini :

Dari situ dapat disimpulkan, bahwa data2 awal yg ada didalam OLTP di olah sedemikian rupa melalui proses ETL, hasil dari pengolahan tersebut menghasilkan bentuk database baru yg dinamakan Data Warehouse, Data Warehouse tidak bisa dipisahkan dengan Business Intelligent, karena BI yg baik didapat dari DW yg baik juga. Hasil dari DW & BI itulah kita bisa menarik kesimpulan dan mengambil keputusan yang dinamakan sebagai OLAP.

Itulah gambaran singkat mengenai OLTP, ETL, DW, BI dan OLAP, Ane yakin anda sudah tau sekilas perbedaan antara OLTP dan OLAP. Ingin tau lebih detail lg perbedaan keduanya ?? ikuti posting selanjutnya ya.........

Membuat Aplikasi Desktop AIR dengan AJAX / XML / HTML

2009-10-09T06:54:00.011+07:00

Aplikasi Desktop dengan Adobe Integrated Runtime (AIR) saat ini memang yang paling digemari. Disamping tools untuk ngebangunnya sangat familiar, juga proses packaging-nya yg sangat2 simple. Memang ada 2 cara untuk packaging AIR, yg pertama bisa menggunakan command promt dan satunya lagi menggunakan Macromedia.

Cara pertama cukup ribet, sebab anda harus mengetik perintah2 packaging di command promt satu persatu. Sedangkan cara yang kedua sangat2 simple, dan sekarang ini kita akan menggunakan cara yg simple tersebut dengan AJAX / XML / HTML.

Sebelum mulai, pastikan tools berikut sudah terinstall dengan baik :

Adobe AIR Runtime Environment.
Adobe Dreamweaver CS4/CS5 dengan tambahan Adobe AIR Extension for Dreamweaver.

Setelah tools diatas terinstall dengan baik, buka Adobe Dreamweaver, anda buat project baru, masuk ke menu Site>>New Site, Ane beramsumsi bahwa anda sudah mahir menggunakan Dreamweaver, sehingga tidak sulit untuk mengisi field2 di menu New Site tersebut. Kemudian anda buat file dengan nama application.xml dan index.html didalam project anda.

application.xml

<?xml version="1.0" encoding="utf-8" ?>
<application xmlns="http://ns.adobe.com/air/application/1.5">
<id>com.example.mazhters</id>
<name>Mazhters Program</name>
<version>1.0</version>
<filename>Mazhters.com</filename>
<description>Ini adalah contoh aplikasi pertama gw pake Adobe AIR.</description>
<copyright>Copyright 2009-2010. Mazhters Coorporation. All rights reserved.</copyright>
<initialWindow>
<content>index.html</content>
<title>Mazhter's Site</title>
<systemChrome>standard</systemChrome>
<transparent>false</transparent>
<visible>true</visible>
<resizable>false</resizable>
<minimizable>true</minimizable>
<maximizable>true</maximizable>
<width>900</width>
<height>800</height>
<minSize>900 800</minSize>
</initialWindow>
<installFolder>Mazhters Programs</installFolder>
<programMenuFolder>Mazhters Programs</programMenuFolder>
<icon>
    <image16x16>icons/logo_mazhters16x16.png</image16x16>
    <image32x32>icons/logo_mazhters32x32.png</image32x32>
    <image48x48>icons/logo_mazhters48x48.png</image48x48>
    <image128x128>icons/logo_mazhters128x128.png</image128x128>
</icon>
<customUpdateUI>false</customUpdateUI>
<allowBrowserInvocation>false</allowBrowserInvocation>
</application>

index.html

<html xmlns=" http://www.w3.org/1999/xhtml" lang="en_US" xml:lang="en_US">
<head>
<title>Mazhter's Site</title>
</head>
<body>
<iframe frameborder="0" scrolling="0" width="880" height="770" src="http://www.mazhters.com/"></iframe>
</body>
</html>

Kemudian, anda buat folder icons, dan masukkan gambar logo aplikasi anda ke dalam folder tersebut dengan berbagai ukuran (16x16, 32x32, 48x48, 128x128). Pastikan ukuran logo2 tersebut persis seperti itu,jika tidak maka akan tampil error message saat packaging.

Lalu masuk ke menu Site>>AIR Aplication Settings, jika anda mengikuti prosedure diatas dengan benar, maka akan langsung muncul tampilan seperti ini

setelah itu klik tombol Set>>Create, itu karena kita harus membuat Certificate yang digunakan untuk validasi aplikasi. isi field2 yang dibutuhkan dan isikan saja password dan confirm passwordnya 12345, kemudian klik OK.

Masukkan kembali passwordnya 12345 kemudian klik OK, setelah itu klik tombol Creaate AIR File dan tadaaaaaaa Desktop Aplikasi anda telah terpackaging dan siap di install.

Hasilnya bisa didapat disini.

Langkah Mudah Membuat Aplikasi di Facebook

2009-10-07T18:04:00.007+07:00

Anda ingin membuat aplikasi di facebook ?? entah itu games, situs pribadi atau yang lainnya ?? Anda bisa menggunakan bahasa pemrograman apa saja (PHP, Java, ASP, C++, Perl, Phyton, Ruby dsb), dalam kasus ini Ane menggunakan bahasa pemrograman PHP.

Berikut step-by-step nya :
1. Setelah anda login ke FB, klik link berikut FB Aplikasi. Kemudian pilih menu Set Up New Application. Isi nama aplikasi, check radio button Setuju kemudian klik Simpan Perubahan.

2. Isi data2 yg dibutuhkan, nggak perlu semua, isi yg anda bisa isi. Tapi minimal anda isi pada menu dasar dan kanvas.

Pada menu kanvas, isikan pada Canvas Page URL alamat aplikasi FB anda nantinya, dan Canvas Callback URL dengan alamat anda menyimpan aplikasi sekarang + '/footprint/', nanti anda akan tau sendiri maksud dari penambahan itu. Kemudian anda harus memilih Metode Render yg ingin anda gunakan (IFrame atau FBML).

IFrame

(+) Penggunaannya lebih mudah, anda cukup memanggil alamat aplikasi, maka aplikasi tersebut akan langsung muncul di FB.
(-) Tinggi layar IFrame default dari FB dan tidak bisa anda ubah2, akan menjadi masalah jika tinggi layar aplikasi anda melebihi tinggi layar IFrame.

FBML

(+) Tinggi layar lebih fleksibel, mengikuti tinggi layar aplikasi anda.
(+) Anda dapat menambahkan fitur2 dari FB ke aplikasi anda, seperti Invite Friend, cantumkan kedalam profil, kirim ke status anda dsb.
(-) Anda harus meluangkan waktu untuk mempelajari FBML, (mungkin kepanjangan dari Facebook Markup Language, klo ga salah, hehehe...), tapi jangan kuatir, FB sudah menyediakan tutorialnya di sini tinggal di modif dikit sesuai kebutuhan.

Dari point diatas, sangat disarankan agar anda menggunakan FBML.

3. Download file facebook-platform.tar.gz, kemudian extract sehingga menghasilkan 2 folder (footprint dan php), upload 2 folder tersebut ke dalam aplikasi anda.

4. Langkah terakhir, kembali ke halaman home aplikasi anda, kemudian lihat dibagian Sample Code dan klik Example Code, copy paste code ke dalam file index.php yang ada di folder footprint yang telah anda copy ke aplikasi anda, kemudian ubah script require_once 'facebook.php'; dalam kasus ini menjadi require_once '../php/facebook.php';

Congrats, aplikasi anda siap digunakan di Facebook.

Salah satu contohnya bisa liat di Propertiproperti.com di Facebook.

Plus Minus J2ME Polish

2009-06-17T06:50:00.009+07:00

Setelah berhasil membuat mobile aplikasi dengan J2ME Polish, dari situ gw dapet mengambil kesimpulan tentang kelebihan dan kekurangan menggunakan J2ME Polish, berikut adalah ulasannya.........

PLUS (+)

Karena menggunakan css, sudah pasti tampilan akan lebih menarik dan bisa kita modifikasi sesuai keinginan.
Tampilannya bisa di set Full Screen, dalam arti, command buttonnya bukan bawaan dari command button HP, tetapi dari aplikasi yang kita buat.
Tidak hanya type font (Arial / defatult) saja yang bisa kita gunakan, dengan polish kita bisa menggunakan type font apa saja sesuai kebutuhan (misalnya : Bradley, Comic Sans, dll).

MINUS (-)

Satu aplikasi tidak bisa digunakan untuk semua jenis HP, walaupun dalam pembuatannya kita menggunakan device Generic/AnyPhone, tapi pada kenyataanya, ada beberapa fungsi yang tidak dapat berjalan dengan baik di jenis HP tertentu.
Jika kita membuat aplikasi ini full screen, maka kita harus membuat beberapa aplikasi untuk setiap ukuran layar, misalnya kita membuat untuk ukuran (176x208), maka aplikasi tersebut jika digunakan untuk ukuran layar 128x128x, 240x320, dsb, maka tampilannya tidak akan sesuai.
Dari point 1 dan 2, maka otomatis, kita harus membuat aplikasi ini berbeda untuk setiap ukuran layar dan jenis HP nya. misalnya untuk Nokia/N73 dengan ukuran layar 240x320, tidak akan berjalan dengan baik untuk misal Sony-Ericsson/W880, walaupun untuk itu kita hanya perlu mengganti nama device pada saat mengenerate.
Semua perubahan pada settingan programnya hanya bisa dilakukan dengan meng-edit file build.xml, itu sangat tidak efektif, karena kita harus mengubahnya secara manual.
Yang terakhir adalah, untuk polish versi 2.0.1 keatas, ukuran file JAR hasil generate aplikasi ini terbilang cukup besar, itu dikarenakan semua class yang disediakan polish, dibawa semuanya ke dalam file JAR kita, padalah banyak class2 yang sebenarnya tidak kita gunakan.

sampe saat ini, cuma segitu yang bisa gw simpulkan, mungkin klo rekan2 ada yang mau menambahkan atau mengkoreksi, silahkan...........

Contoh aplikasinya bisa didownload disini ,contoh ini hanya untuk ukuran layar 176x208.

Belajar J2ME dengan Polish

2009-06-10T07:04:00.014+07:00

Berawal dari tuntutan pekerjaan, akhirnya nambah lagi satu Bahasa Pemrograman yang gw kuasai. Jadi ceritanya begini, kantor gw ada project bikin aplikasi mobile untuk film KCB (Ketika Cinta Bertasbih), sedangkan kantor gw basicnya web base, dan semua ga ada yg bisa JAVA, berhubung gw termasuk senior di sana, jadi gw yg disuruh garap, gw sendiri basicnya PHP dan blum pernah sama sekali megang java, parahnya lagi waktu deadline-nya yang cuma 2 minggu, edan gak tuh........ gw harus mulai dari 0 dan dalam waktu yg gw bilang sangat singkat, tapi akhirnya semua selesai sesuai target, y walaupun harus kerja 7x24 jam selama timeline itu, dari situ gw jadi semakin yakin, bahwa intinya cuma satu.............FOKUS.

Udah tau kan kenapa gw terjebak kedalam bahasa java, skrg kita mulai bagaimana bermain dengan J2ME Polish.

Pertama kita harus download dulu program2 pendukung J2ME Polish, diantaranya :
1. Netbeans IDE 6.5.1 bisa di download sini (gw lebih suka pake Netbeans di banding Eclipse, karena menurut gw lebih user friendly buat pemula, tapi kembali lagi ke masalah selera sih).
2. Java SDK 6 ada di sini (gw make yg JDK 6 Update 13 with JavaFX SDK, klo mau make yg versi terbarunya jg boleh).
3. J2ME Polish 2.0.7 disini linknya, klo mau download yang lebih lengkap dari versi yang pertama, ada disini

Program utamanya cuma itu, untuk tambahan bisa menggunakan Emulator.
4. Emulator : Nok ia, Sony-Ericsson dan Motorola.

Untuk menginstall Polishnya bisa mengikuti panduan berikut, disitu juga ada cara membuat file J2ME Polish Project, tinggal di ikutin aj. setelah selesai membuat J2ME Polish Project, misalkan nama projectnya J2Me-Polish-Project dan device yg kita pilih adalah Generic/AnyPhone, kita buka J2Me-Polish-Project dan ternyata project tidak bisa dibuka, ada pesan error "Error in project.xml: The value 'Generic/AnyPhone' of element 'configuration' is not valid". Untuk itu kita buka file J2ME-Polish-Project/nbproject/project.xml dan ubah pada bagian

menjadi

kemudian save dan skrg kita bisa buka J2ME-Polish-Project melalui Netbeans, setelah kita buka dan coba jalankan, kembali muncul pesan Error "build.xml:87: Your device-requirements are too strict - no device fulfills them. Check the section(s) in your build.xml script". skrg kita buka file J2ME-Polish-Project/build.xml dan pada bagian

ubah value="${config.active}" menjadi value="Generic/AnyPhone" (Generic/AnyPhone adalah device yang kita pilih ketika membuat project diawal) kemudian save dan coba jalankan kembali. Selamat anda telah berhasil membuat aplikasi dengan J2ME Polish.

Contoh aplikasinya bisa didownload disini , contoh ini hanya untuk ukuran layar 176x208.