Arsa's blog..

Belajar Membuat Simple RSS Feed Reader dengan SimplePie, PHP dan Jquery

dearsa — Sat, 04 Jun 2011 01:04:34 +0000

Terinspirasi dari sebuah contoh Ajax RSS Reader ini, muncul sebuah ide untuk mencoba membuat ‘Simple RSS Feed Reader’ sendiri. Nah kemudian pencarian referensi lebih lanjut pun dimulai dengan bantuan mbah Google. Wah ternyata di google telah banyak aplikasi RSS Feed Reader berbasis web yang keren-keren, tapi tidak apa-apa namanya juga belajar mesti dicoba hehe Oya, sebelum memulai mungkin banyak yang bertanya apa sih RSS itu? Dari situs wikipedia (en|id), secara singkat didapat penjelasan bahwa RSS atau ‘Really Simple Syndication’ merupakan distribusi konten yang berbasiskan format XML, biasanya konten ini sering diperbaharui secara reguler seperti pada situs berita atau blog. Sebuah dokumen RSS dapat berisi keseluruhan ataupun ringkasan konten dan juga metadata seperti judul, tanggal terbit hingga nama dari penerbit/penulis konten. Agar dapat diakses oleh para pengguna/pembaca maka distributor konten (situs web bersangkutan) tersebut akan menyediakan umpan web (feed) RSS dalam bentuk link pada situs web mereka. ‘RSS feed‘ inilah yang nantinya akan dimanfaatkan dalam aplikasi pembaca atau ‘RSS Feed Reader’.

Seperti pada penjelasan sebelumnya, RSS berbasiskan format XML sehingga untuk membaca RSS feed perlu dilakukan parsing/menguraikan RSS feed tersebut. Untuk mem-parsing RSS feed yang ingin ditampilkan, disini digunakan sebuah code library berbasis PHP, yakni SimplePie. Simplepie dipilih karena menurut saya dokumentasinya yang cukup lengkap sehingga mempermudah untuk mempelajarinya. Selain itu, digunakan juga javascript library yakni jQuery untuk menangani mekanisme Ajax dan jQuery UI Tabs untuk tampilannya. Ide dari aplikasi sederhana ini sebenarnya adalah bagaimana menempatkan isi/hasil parsing dari beberapa RSS feed pada tab-tab, kemudian ketika tab tertentu dipilih maka isi/hasil parsing dari RSS feed bersangkutan akan di-load dengan mekanisme Ajax. Nantinya, alamat-alamat/sumber RSS feed yang ingin ditampilkan tersebut juga akan dikelola dan disimpan dalam database sehingga dapat ditambah, diubah maupun dihapus.

feed-reader-main

feed-reader-admin

Baik selanjutnya kita langsung saja menuju ke bagian pembahasan. Dalam bagian pembahasan akan lebih difokuskan pada proses-proses utama yang terjadi dalam aplikasi ‘Simple RSS Feed Reader’ ini. Oya, ada baiknya pula ketika menjalankan aplikasi ini kita terhubung ke internet karena lokasi sumber feed berada di internet.

Berikut penjelasan untuk beberapa file yang mendukung proses-proses utama pada aplikasi ini.

1. index.php
merupakan halaman utama yang menampung tampilan data RSS feed. Data RSS feed ini dikelompokkan berdasarkan alamat/sumbernya pada tiap-tiap tab yang ada. Tampilan tab ini menggunakan jQuery UI Tabs, penjelasan lebih lengkap mengenai penggunaannya dapat merujuk langsung ke situsnya. Selain itu, pengelolaan data alamat/sumber RSS feed yang ada dalam aplikasi ini dibuat menggunakan model pengelolaan data seperti pada tulisan sebelumnya. Tab-tab RSS feed pada halaman ini akan ditampilkan berdasarkan data status aktif-nya (‘Y’ atau ‘N’) yang tersimpan di database.







Simple RSS Feed Reader










	
    Simple RSS Feed Reader
    
      Setting | Log Out 
    
      Login
    
  

	
	
	
        
  		
  	  Data list RSS/Feed tidak ditemukan!

2. getrss.js
merupakan file yang berisi kode-kode jQuery untuk menangani inisialisasi pembuatan tab dan request Ajax. Kedua file tersebut, yakni file getrss.js dan index.php adalah saling berhubungan. Bisa diperhatikan pada file index.php dilakukan pemanggilan file getrss.js dan untuk membuat tab dengan jQuery UI Tabs dilakukan pula pemanggilan file-file javascript lainnya yang dibutuhkan. Request Ajax terjadi ketika dilakukan klik terhadap salah satu tab. Request ini akan diteruskan ke file getrss.php dimana parameter yang dikirimkan berupa ‘ID RSS feed’.

$(document).ready(function(){

  //menangkap error dan men-set parameter global (timeout, dll)
  $.ajaxSetup({
    timeout: 15000,
    cache: false,
    error:function(x,e){
      if(x.status==0){
        alert('Anda sedang offline!\nSilahkan cek koneksi anda!');
      }else if(x.status==404){
        alert('Permintaan URL tidak ditemukan!');
      }else if(x.status==500){
        alert('Internal Server Error!');
      }else if(e=='parsererror'){
        alert('Error.\nParsing JSON Request failed!');
      }else if(e=='timeout'){
        alert('Request Time out!');
      }else {
        alert('Error tidak diketahui: \n'+x.responseText);
      }
    }
  });

  // menampilkan 'loading' untuk menandakan proses Ajax sedang berlangsung atau telah selesai
  $('#divLoading').ajaxStart(function(){
    $(this).addClass('loading');
    $(this).html("loading data..
").fadeIn();
  }).ajaxStop(function(){
    $(this).html("loading data..").fadeOut();
  });

  // inisialisasi pembuatan tab
  $("#tabs").tabs();

  // inisialisasi dlm menampilkan data feed, data feed pada tab index ke-0
  // ditampilkan/atau di-load dengan memanggil fungsi showRSS (mengambil value dari attribut class)
  showRSS($("#tabs a[href=#datafeed]").attr('class'));

  // menangani event event click pada tab
  $("#tabs a[href=#datafeed]").bind("click",function(){
       //input parameter dr fungsi ShowRSS: "ID RSS feed" (diperoleh dengan mengambil isi atribut class dari link).
       showRSS($(this).attr('class'));
  });

  // mengirimkan request data feed yg ingin ditampilkan sesuai dengan tab yg dipilih
  function showRSS(str){
    var dataString = 'q='+str;
    $.ajax({
      url: "getrss.php",
      type: "GET",
      data: dataString,
      success:function(data){
        $("#datafeed").html(data);
      }
    });
  }
});

3. getrss.php
merupakan file yang digunakan untuk melakukan pemrosesan parameter yang dikirimkan melalui mekanisme Ajax. Dalam file ini, digunakan sebuah code library yakni SimplePie. SimplePie menyediakan dokumentasi yang cukup lengkap, mulai dari langkah-langkah awal untuk penggunaanya, contoh penggunaan SimplePie, hingga referensi API. SimplePie dimanfaatkan untuk melakukan parsing terhadap RSS feed yang akan ditampilkan. Ketika parameter ‘ID RSS feed’ diperoleh kemudian melalui query database didapatkan alamat/sumber (URL) dari RSS feed tersebut. Selanjutnya, alamat dari RSS feed tersebut diproses untuk memperoleh ‘isi-nya’ dengan memanfaatkan fungsi-fungsi dari SimplePie. Perlu diperhatikan, dalam aplikasi ini fungsi cache diaktifkan. Cache bermanfaat agar feed yang telah diproses sebelumnya dapat ditampilkan kembali lebih cepat, karena informasi dari proses feed tersebut akan disimpan pada cache dalam durasi waktu tertentu. Penyimpanan cache memerlukan sebuah folder dan diperlukan perubahan ‘file permissions‘ (CHMOD permissions) untuk folder tersebut agar menjadi ‘server-writable’.

set_feed_url($rss);

    //mengaktifkan penggunaan cache
    $feed->enable_cache(true);

    //menset lama durasi cache sebelum cache tersebut expired
    $feed->set_cache_duration(1800); // 30 menit

    //folder untuk penyimpanan cache
    $feed->set_cache_location('cache');

    // Run SimplePie.
    $feed->init();

    //memastikan bahwa content yg dikirimkan ke browser berupa text/html dan UTF-8 character set
    $feed->handle_content_type();

    // menangani error yg terjadi dalam menampilkan rss/feed
    if ($feed->error())
    {
      echo $feed->error();
    }
    else{

  ?>

    get_items(0, $batas) as $item):
      $item_link = $item->get_permalink();
      $item_title = $item->get_title();
      $item_desc = $item->get_description();
      $item_date = $item->get_date('D, j F Y | H:i:s');
    ?>
    
    
      
        get_permalink();
        $channel_title=$feed->get_title();
        $channel_desc=$feed->get_description();

        // menampilkan judul channel, linknya dan deskripsi singkat dari channel
        echo ("" . $channel_title . "");
        echo ("
");
        echo $channel_desc;
        ?>
      
    
    
      
    
    
      " . $item_title . "");
        ?>
      
    
    
      
      
    
    
      tgl posting: " . $item_date . "");
        ?>

Demikian penjelasan singkat dari ketiga file yang mendukung proses-proses utama dalam aplikasi ini. Dari penjelasan tersebut, semoga diperoleh gambaran bagaimana aplikasi sederhana ini berjalan. Untuk mempelajari aplikasi ini secara keseluruhan, seluruh source code yang diperlukan dapat di-download melalui link ini dan demo aplikasi dapat dilihat pada link ini. Mungkin demikian pula yang dapat disampaikan dalam tulisan ini, mohon maaf jika masih banyak kekurangan dan codingnya masih cupu.. hehe.. semoga bermanfaat.

Belajar Membuat Simple Add, Edit, Delete dan Search Data beserta Pagination berbasis Ajax dengan Jquery dan PHP

dearsa — Fri, 13 Aug 2010 15:17:32 +0000

Dalam mengelola data utama pada sebuah aplikasi maka dibutuhkan fungsi-fungsi yang dapat menangani proses penambahan data (Add), perubahan data (Edit), penghapusan data (Delete) dan pencarian data (Search). Tulisan kali ini akan membahas bagaimana membuat sebuah aplikasi sederhana berbasis web untuk dapat menangani fungsi-fungsi tersebut termasuk menampilkan data dengan pagination dimana di dalamnya telah menerapkan mekanisme Ajax. Aplikasi web yang dibahas pada tulisan ini, sebenarnya dibuat berdasarkan aplikasi yang telah dibahas sebelumnya pada sebuah blog yang ada di sini, matur nuwun Dari aplikasi web tersebut, kemudian ditambahkan fungsi pencarian data dan menampilkan data dengan pagination. Untuk menerapkan mekanisme Ajax pada aplikasi web tersebut, dalam pembahasan ini digunakan sebuah javascript library yakni Jquery dan didukung bahasa pemrograman PHP. Selain itu, untuk menangani pagination dalam menampilkan data digunakan sebuah class yang dibuat oleh Reneesh T K.

Baik, langsung menuju ke bagian pembahasan. Aplikasi web sederhana yang dibahas disini akan berkaitan dengan pengelolaan data-data pelanggan. Berikut ini merupakan langkah-langkah yang perlu dilakukan.

Pertama adalah membuat tabel data pelanggan terlebih dahulu.

CREATE TABLE IF NOT EXISTS `tbl_pelanggan` (
  `id_pelanggan` varchar(5) COLLATE latin1_general_ci NOT NULL,
  `nama_pelanggan` varchar(25) COLLATE latin1_general_ci NOT NULL,
  `alamat` varchar(50) COLLATE latin1_general_ci NOT NULL,
  `no_hp` varchar(15) COLLATE latin1_general_ci NOT NULL,
  PRIMARY KEY (`id_pelanggan`)
) ENGINE=InnoDB DEFAULT CHARSET=latin1 COLLATE=latin1_general_ci;

Selanjutnya adalah membuat file-file pendukung utama, seperti berikut ini.

1. config.php
merupakan file yang digunakan untuk melakukan pengaturan koneksi ke database.

2. style-page.css
merupakan file css untuk mengatur tampilan web.


/**********************************/
/* CSS Document                   */
/* filename     : style-page.css  */
/**********************************/

body{
 font-family: Verdana,Tahoma,sans-serif;
 font-size: 8pt;
 color: #333333;
}

input,textarea,select{
 font-family: Verdana,Tahoma,sans-serif;
 font-size: 8pt;
}

table {
 font-family: Verdana;
 font-size: 8pt;
 border-width: 1px;
 border-style: solid;
 border-color: #ccd2d2;
 border-collapse: collapse;
 background-color: #f9f9f9;
 margin: 10px 0px;
}

th {
 color: #FFFFFF;
 font-size: 7pt;
 text-transform: uppercase;
 text-align: center;
 padding: 0.5em;
 border-width: 1px;
 border-style: solid;
 border-color: #ccd2d2;
 border-collapse: collapse;
 background-color: #7D7D7D;
}

td {
 padding: 0.5em;
 color: #272727;
 vertical-align: top;
 border-width: 1px;
 border-style: solid;
 border-color: #ccd2d2;
 border-collapse: collapse;
}

/*
-- untuk menangani tampilan pagination
*/

ul{border:0; margin:0; padding:0;}

#pagination li{
 border:0; margin:0; padding:0;
 font-size:11px;
 list-style:none;
}

#pagination a{
 border:solid 1px #DDDDDD;
 margin-right:2px;
}

#pagination .previous-off,
#pagination .next-off {
 color:#666666;
 display:block;
 float:left;
 font-weight:bold;
 padding:3px 4px;
}

#pagination .next a,
#pagination .previous a {
 font-weight:bold;
 border:solid 1px #FFFFFF;
}

#pagination .active{
 color:#ff0084;
 font-weight:bold;
 display:block;
 float:left;
 padding:4px 6px;
}

#pagination a:link,
#pagination a:visited {
 color:#0063e3;
 display:block;
 float:left;
 padding:3px 6px;
 text-decoration:none;
}

#pagination a:hover{
 border:solid 1px #666666;
}

/*
-- tampilan tabel selang-seling
*/

.odd {
 background-color: #EDEFE9;
}
.even {
 background-color: #f9f9f9;
}

3. index.php
merupakan halaman utama, dimana menampung tampilan data pelanggan, form pencarian data pelanggan, dan form pelanggan.





Simple Add Edit Delete Search & Pagination berbasis Ajax dengan JQuery













  
  
  Cari Berdasarkan

4. pelanggan.js
merupakan file yang berisi kode-kode jquery untuk menangani request Ajax.

$(document).ready(function(){

  //menangkap error dan men-set parameter global (timeout, dll)
  $.ajaxSetup({
    timeout: 10000,
    cache: false,
    error:function(x,e){
    	if(x.status==0){
    	  alert('Anda sedang offline!\nSilahkan cek koneksi anda!');
    	}else if(x.status==404){
    	  alert('Permintaan URL tidak ditemukan!');
    	}else if(x.status==500){
    	  alert('Internal Server Error!');
    	}else if(e=='parsererror'){
    	  alert('Error.\nParsing JSON Request failed!');
    	}else if(e=='timeout'){
    	  alert('Request Time out!');
    	}else {
    	  alert('Error tidak diketahui: \n'+x.responseText);
    	}
    }
  });

  // menampilkan image untuk menandakan proses Ajax sedang berlangsung atau telah selesai
  $('#divLoading').ajaxStart(function(){
    $(this).fadeIn();
    $(this).html(" ");
  }).ajaxStop(function(){
    $(this).fadeOut();
  });

  $("#btnhide").hide();

  // ketika tombol tambah di-klik, maka formpelanggan akan ditampilkan pada bagian #divFormContent
  $("#btntambah").click(function(){
    page="formpelanggan.php";
    $("#divFormContent").load(page);
    $("#divFormContent").show();
    $("#btnhide").show();
    return false;
  });

  $("#btnhide").click(function(){
    $("#divFormContent").toggle();
    return false;
  });

  //menangani jika user melakukan pilihan pada combo #pilihcari
  $("select#pilihcari").change(function(){
    if ($(this).val() == "idpelanggan"){
      $("td#kolompilih").show();
      $("input#fieldcari").show();
      $("input#fieldcari").focus();
    }
    else if ($(this).val() == "namapelanggan"){
      $("td#kolompilih").show();
      $("input#fieldcari").show();
      $("input#fieldcari").focus();
    }
    else{
      $("td#kolompilih").hide();
    }
  });

  //menampilkan list data pelanggan
  loadData();

  // fungsi untuk me-load tampilan list data pelanggan, data yang ditampilkan disesuaikan
  // juga dengan input data pada bagian search
  function loadData(){
    var dataString;
    var cari = $("input#fieldcari").val();
    var combo = $("select#pilihcari").val();

    if (combo == "namapelanggan"){
      dataString = 'nama='+ cari;
    }
    else if (combo == "idpelanggan"){
      dataString = 'id='+ cari;
    }

    $.ajax({
      url: "page_data.php",
      type: "GET",
      data: dataString,
      success:function(data)
      {
        $('#divPageData').html(data);
      }
    });
  }

  // melakukan pemrosesan data untuk bagian search (pencarian data)
  $("form#formSearch").submit(function(){
    var cari = $("input#fieldcari").val();
    var combo = $("select#pilihcari").val();
    if (cari.replace(/\s/g,"") != ""){ // mengecek field text kosong atau tidak)
        loadData();
    }
    else if ((cari.replace(/\s/g,"") == "") && (combo != "semua") ){
      alert("Maaf, field harus diisi!");
      $("input#fieldcari").focus();
    }
    else{
      loadData();
    }
    return false;
  });

});

5. formpelanggan.php
merupakan file yang berisi kode-kode untuk form pelanggan, dimana form pelanggan nantinya akan ditampilkan untuk menangani fungsi penambahan/perubahan data pelanggan. form ini ditampilkan dengan mekanisme Ajax pada halaman index.php.







 
ID Pelanggan  value="" />

Nama Pelanggan 
Alamat <?php echo $alamat;?>
No. Handphone  *) diawali dengan +62 (contoh: +62818034567890)


ID Pelanggan	value="" />
Nama Pelanggan
Alamat	<?php echo $alamat;?>
No. Handphone	*) diawali dengan +62 (contoh: +62818034567890)

6. pagination_class.php
merupakan class untuk menangani pagination, yang dibuat oleh Reneesh T K.

result	=	mysql_query($qry) or die(mysql_error());
		$next		=	$starting+$recpage;
		$var		=	((intval($numrows/$recpage))-1)*$recpage;
		$page_showing	=	intval($starting/$recpage)+1;
		$total_page	=	ceil($numrows/$recpage);

		if($numrows % $recpage != 0){
			$last = ((intval($numrows/$recpage)))*$recpage;
		}else{
			$last = ((intval($numrows/$recpage))-1)*$recpage;
		}
		$previous = $starting-$recpage;
		$anc = "";
		if($previous < 0){
			$anc .= "First";
			$anc .= "Previous";
		}else{
			$anc .= "First ";
			$anc .= "Previous ";
		}

		################If you dont want the numbers just comment this block###############
		$norepeat = 2;//no of pages showing in the left and right side of the current page in the anchors
		$j = 1;
		$anch = "";
		for($i=$page_showing; $i>1; $i--){
			$fpreviousPage = $i-1;
			$page = ceil($fpreviousPage*$recpage)-$recpage;
			$anch = "$fpreviousPage ".$anch;
			if($j == $norepeat) break;
			$j++;
		}
		$anc .= $anch;
		$anc .= "".$page_showing."";
		$j = 1;
		for($i=$page_showing; $i<$total_page; $i++){
			$fnextPage = $i+1;
			$page = ceil($fnextPage*$recpage)-$recpage;
			$anc .= "$fnextPage";
			if($j==$norepeat) break;
			$j++;
		}
		############################################################
		if($next >= $numrows){
			$anc .= "Next";
			$anc .= "Last";
		}else{
			$anc .= "Next ";
			$anc .= "Last";
		}
			$anc .= "";
		$this->anchors = $anc;

		$this->total = "Halaman : $page_showing dari $total_page. Total Records : $numrows";
	}
}
?>

7. page_data.php
merupakan file yang berisi kode-kode untuk menampilkan data pelanggan beserta pagination (class untuk pagination nantinya digunakan pada bagian ini), termasuk kode jquery untuk menangani request Ajax ketika link update/delete pada baris data di-klik.



result;
?>

  
	  Id Pelanggan Nama Pelanggan Alamat No. Handphone Aksi
		
        
        edit | delete
  		
		 anchors; ?>
	   total; ?>
    
    Data tidak ditemukan!

Id Pelanggan	Nama Pelanggan	Alamat	No. Handphone	Aksi
				edit \| delete
anchors; ?>
total; ?>
Data tidak ditemukan!

8. proses_data.php
merupakan file yang berisi kode-kode untuk memproses request Ajax, baik itu penambahan, perubahan, dan delete data pelanggan. proses yang dilakukan disini akan mengembalikan nilai-nilai dalam format JSON untuk kemudian diproses pada bagian yang sebelumnya melakukan request.

= 1){
      $query = mysql_query("select max(substring($field,$awal,$bnyk)) as max from $tabel") or die("query tidak dapat dijalankan!");
      $hasil = mysql_fetch_assoc($query);
      $angka = intval($hasil['max']);
    }
    else{
      $angka = 0;
    }

    $angka++;
    $tmp= "";
    for ($i=0; $i < ($panjang-$panjanginisial-strlen($angka)) ; $i++){
      $tmp = $tmp."0";
    }
    //return hasil generate ID
    return strval($inisial.$tmp.$angka);
  }

  if(isset($_POST['action']) && $_POST['action']=="add") //menangani aksi penambahan data pelanggan
  {
     $nama=$_POST['namapelanggan'];
     $alamat=$_POST['alamat'];
     $nohp=$_POST['nohp'];

     $idpelanggan = buatID("tbl_pelanggan","P");
     mysql_query("INSERT INTO tbl_pelanggan(id_pelanggan,nama_pelanggan,alamat,no_hp) VALUES('$idpelanggan','$nama','$alamat','$nohp')") or die ("data gagal ditambahakan!");
     // mengembalikan respon dalam format JSON.
     // status "1" berarti proses berhasil dilakukan.
     echo '{"status":"1"}';
     exit;
  }
  elseif(isset($_POST['action']) && $_POST['action']=="update") //menangani aksi perubahan data pelanggan
  {
     $idplgn=$_POST['idpelanggan'];
     $nama=$_POST['namapelanggan'];
     $alamat=$_POST['alamat'];
     $nohp=$_POST['nohp'];

     $test = mysql_query("UPDATE tbl_pelanggan SET nama_pelanggan='$nama',alamat='$alamat',no_hp='$nohp' WHERE id_pelanggan='$idplgn'") or die ("data gagal di-update!");
     echo '{"status":"1"}';
     exit;
  }
  elseif(isset($_GET['action']) && $_GET['action']=="delete") //menangani aksi penghapusan data pelanggan
  {
     $id = $_GET['id'];
     $test = mysql_query("delete from tbl_pelanggan where id_pelanggan='$id'");
     if(mysql_affected_rows() == 1){ //jika jumlah baris data yang dikenai operasi delete == 1
       echo '{"status":"1"}';
     }else{
       echo '{"status":"0"}';
     }
     exit;
  }
?>

Setelah keseluruhan file-file pendukung dibuat, maka saatnya untuk melihat bagaimana hasilnya. Demo untuk aplikasi tersebut dapat dilihat pada link ini dan untuk mendownload seluruh source code yang diperlukan dapat melalui link ini.

Demikian yang dapat disampaikan dalam tulisan ini, mohon maaf jika masih banyak kekurangan dan codingnya masih cupu.. hehe.. semoga bermanfaat.

Selanjutnya adalah membuat file-file pendukung utama, seperti berikut ini.

1. config.php
digunakan untuk melakukan pengaturan koneksi ke database.

2. style-page.css
merupakan file css untuk mengatur tampilan web.

2. index.php
merupakan halaman utama, dimana menampung tampilan data pelanggan, form pencarian data pelanggan, dan form pelanggan.

3. pelanggan.js
berisi kode-kode jquery untuk menangani request Ajax.

4. formpelanggan.php
merupakan file yang berisi kode-kode untuk form pelanggan, dimana form pelanggan nantinya akan ditampilkan untuk menangani fungsi penambahan/perubahan data pelanggan. form ini ditampilkan dengan mekanisme Ajax pada halaman index.

5. pagination_class.php
merupakan class untuk menangani pagination, yang dibuat oleh Reneesh T K.

6. page_data.php
merupakan file yang berisi kode-kode untuk menampilkan data pelanggan beserta pagination (class untuk pagination nantinya digunakan pada bagian ini), termasuk kode jquery untuk menangani request Ajax ketika link update/delete pada baris data di-klik.

7. proses_data.php
merupakan file yang berisi kode-kode untuk memproses request Ajax, baik itu penambahan, perubahan, dan delete data pelanggan. proses yang dilakukan disini akan mengembalikan nilai-nilai dalam format JSON untuk kemudian diproses pada bagian yang sebelumnya melakukan request.

Setelah keseluruhan file-file pendukung dibuat, maka saatnya untuk mencoba aplikasinya. Untuk melihat hasilnya, demo dapat dilihat pada link ini dan untuk mendownload seluruh source code yang diperlukan dapat melalui link ini.

Demikian yang dapat disampaikan dalam tulisan ini, mohon maaf jika masih banyak kekurangan dan codingnya masih cupu.. hehe.. semoga bermanfaat.

Konfigurasi auto-mount partisi di Ubuntu dengan Pysdm

dearsa — Thu, 14 May 2009 09:04:22 +0000

Konfigurasi auto-mount partisi di Ubuntu, menurut saya perlu untuk dilakukan khususnya ketika kita melakukan instalasi dual-boot Ubuntu dengan sistem operasi lain (dalam hal ini saya menggunakan Windows XP dan Ubuntu 9.04). Hal tersebut dilakukan karena setelah proses instalasi Ubuntu selesai, partisi hdd lainnya dalam hal ini partisi Windows biasanya secara otomatis telah dikenali oleh Ubuntu, tetapi untuk dapat mengakses partisi lain tersebut maka kita harus melakukan mount sacara manual dengan membuka Places kemudian mengklik setiap hdd yang ingin di-mount. Terlebih lagi terjadi permasalahan, misalnya: ketika kita sudah melakukan mount secara manual terhadap suatu partisi untuk mengakses dan men-set suatu gambar wallpaper dari partisi tersebut maka ketika Ubuntu di-restart, gambar wallpaper yang telah di-set tadi tidak akan muncul karena kondisi partisi kembali ke posisi awal yang belum di-mount.

Untuk mengatasi permasalahan tersebut maka prinsipnya kita harus melakukan perubahan pada bagian ‘fstab’ sehingga partisi hdd kita yang lain akan di-mount saat boot pertama kali (seperti yang telah saya lakukan di sini). Pada tulisan tersebut, konfigurasi masih dilakukan secara manual dan wah.. saya baru menyadari kalau ternyata ada sebuah aplikasi berbasis GUI yang dapat digunakan untuk melakukan konfigurasi auto-mount partisi yakni ‘pysdm’.

Adapun langkah-langkah konfigurasi dengan menggunakan pysdm adalah sebagai berikut.

#1. meng-install aplikasi ‘pysdm’
aplikasi ‘pysdm’ dapat di-install dari repository dengan perintah:

dearsa@dearsa-desktop:~$ sudo apt-get install pysdm

atau melalui menu Application | Add/Remove seperti gambar berikut:

atau apabila tidak memiliki DVD repository atau koneksi internet langsung, dapat melalui warnet dan mengakses apt-web di repo-UGM untuk mendownload package instalasi aplikasi ‘pysdm’.

#2. menjalankan aplikasi ‘pysdm’ dan melakukan konfigurasi
setelah aplikasi ‘pysdm’ di-install, untuk menjalankannya dapat melalui System | Administration | Storage Device Manager. Berikut gambar aplikasi tersebut setelah dijalankan.

Pada aplikasi tersebut akan terlihat list partisi dari harddisk yang kita punyai pada bagian sebelah kiri. Untuk mengatur drive/partisi yang akan kita mount secara otomatis maka kita harus memilih partisi di bagian sebelah kiri terlebih dahulu selanjutnya pada bagian sebelah kanan yakni pada tab General Configuration akan ditampilkan informasi mengenai drive/partisi yang kita pilih. Untuk melakukan mount, maka dibutuhkan suatu mountpoint dan biasanya telah disediakan secara default, namun disini saya mengubahnya sesuai dengan nama drive/partisi di windows (sebagai contoh: driveC,dst). Perlu diperhatikan disini, bahwa setiap mountpoint yang dibuat maka akan terdapat folder yang namanya bersesuaian dengan nama mountpoint tersebut di /media dan untuk pilihan options dapat dibiarkan diset secara defaults. Terakhir, untuk menyimpan perubahan klik tombol apply.

#3. restart Ubuntu
Untuk melihat perubahan yang terjadi, tahap selanjutnya adalah me-restart ubuntu. Setelah proses selesai dan sistem ubuntu kembali seperti semula, perhatikanlah dalam hal ini dapat melalui Places dimana sekarang drive/partisi yang dipilih tadi sudah di-mount secara otomatis setiap sistem ubuntu dijalankan.

Link bacaan acuan:
% Auto-Mount Hard Drives on Ubuntu
(http://helpforlinux.blogspot.com/2008/09/auto-mount-hard-drives-on-ubuntu.html)
% Mounting Windows Partitions
(https://help.ubuntu.com/community/MountingWindowsPartitions)
% Automatically Mount Partitions
(https://help.ubuntu.com/community/AutomaticallyMountPartitions)
% FsTab
(https://help.ubuntu.com/community/Fstab)

Bicara Baik Atau Diam..

dearsa — Tue, 07 Apr 2009 02:37:14 +0000

Berbicara merupakan salah satu aktivitas yang selalu kita lakukan setiap hari, tidak hanya berbicara secara langsung tetapi juga berbicara atau bercakap-cakap dengan diri kita sendiri. Berikut ini ada sebuah tulisan menarik yang dapat kita baca dan renungkan mengenai aktivitas berbicara tersebut.

Oleh Gede Prama
Sumber : iloveblue.com

Ada sejenis kecemburuan tersendiri kalau saya melihat seorang pelukis sedang melukis. Melalui kegiatan bercakap-cakap dengan diri sendiri, seorang pelukis kemudian mengungkapkan hasil percakapan tadi ke dalam sebuah lukisan. Sehingga bagi siapa saja yang cukup peka untuk memaknai karya seni, ia bisa menerka percakapan apa yang terjadi di balik banyak lukisan.

Agak berbeda dengan pelukis di mana lukisanlah salah satu hasil percakapannya dengan diri sendiri, kita manusia biasa memiliki juga hasil dari percakapan panjang kita bersama diri sendiri. Dan hasil yang paling representatif adalah badan yang kita bawa kemana-mana selama hidup. Atau kalau mau lebih dalam, jiwa adalah salah satu hasil lain dari percakapan jenis terakhir ini.

Dilihat dalam bingkai berpikir seperti ini, hidup ini isinya serupa dengan kegiatan melukis. Bedanya dengan pelukis, kita sedang melukis diri kita sendiri. Mirip dengan pelukis, ada aspek yang disengaja ada juga aspek yang tidak disengaja. Dan percakapan adalah kuas, kertas, warna yang menjadi bahan-bahan kita dalam melukis. Dalam tingkat penyederhanaan tertentu, apapun yang kita percakapkan dengan diri sendiri akan memberikan warna terhadap lukisan (baca : wajah) kita sendiri.

Coba Anda perhatikan orang-orang yang suka sekali bicara negatif. Dari ngerumpi kejelekan orang lain, iri, dengki, menempatkan orang lain dalam posisi tidak pernah benar, sampai dengan suka berkelahi dengan banyak orang. Perhatikan badan dan sinar mukanya, bukankah berbeda sekali dengan orang lain yang percapakannya lebih banyak berisi hal-hal yang positif ?

Lebih dari sekadar memiliki wajah berbeda, orang yang isi percakapannya hanya dan hanya negatif, juga berhobi memproduksi penyakit yang akan dihadiahkan pada tubuhnya sendiri. Berbagai jenis penyakit siap menawarkan diri secara amat suka rela kepada orang-orang jenis ini. Dari penyakit fisik sampai dengan penyakit psikis. Di luar kesengajaan mereka, atau bersembunyi di balik ‘kesenangan’ sesaat, orang-orang seperti ini sedang memukul, menusuk dan bahkan menghancurkan badan dan jiwanya. Kalau kemudian lukisan kehidupannya berwajah hancur lebur, tentu bukan karena sengaja dihancurkan orang lain.

Dalam bingkai renungan seperti ini, layak dicermati kembali bagaimana persisnya kita bercakap-cakap dengan diri sendiri setiap harinya. Entah ketika di depan cermin, entah tatkala berhadapan dengan banyak perkara, entah di manapun kita selalu bercakap-cakap dengan diri sendiri. Tidak hanya sejak bangun pagi sampai tidur malam kita melakukan percakapan, bahkan ketika tidurpun kita bercakap-cakap dengan diri sendiri.

Kalau semuanya bisa digerakkan dari tataran kesadaran semata, semua orang hanya mau bercakap-cakap yang positif saja. Sayangnya, kekuatan di balik percakapan tidak saja berada di wilayah kesadaran. Ia juga berakar dalam pada wilayah-wilayah di luar kesadaran. Di sinilah letak tantangannya. Orang-orang yang terlalu lama memformat lukisannya dengan percakapan-percakapan negatif, tentu dihadang tantangan yang lebih besar. Demikian juga sebaliknya.

Akan tetapi, seberapa besarpun tantangannya, pilihan diserahkan ke kita, akankah kita membuat lukisan diri sendiri yang berwajah indah, atau bopeng mengerikan di sana-sini. Sebagaimana telah dikemukakan sebelumnya, percakapan memang kendaraan yang amat menentukan dalam hal ini.

Seorang sahabat jernih pernah memberikan pedoman amat sederhana dalam hal ini : speak good, or be silent. Bicaralah hal-hal yang baik saja, kalau tidak bisa diamlah. Tampaknya terlalu sederhana, tetapi menangkap esensi yang paling esensi. Sekaligus memberikan kompas, ke arah mana perjalanan percakapan sebaiknya dilakukan.

Tertawa tentu saja boleh dan bahkan sehat. Namun tertawa dengan cara mentertawakan kekurang fisik orang lain tentu saja layak untuk dikurangi. Waspada dan hati-hati juga tidak salah, namun curiga apa lagi menuduh orang lain tanpa bukti mungkin perlu rem yang menentukan dalam hal ini. Demikian juga ketika melihat kekurangan orang lain, atau juga kekurangan diri sendiri. Serakah misalnya, kenapa tidak dibelokkan menjadi serakah belajar dan berusaha. Kebiasaan mumpung sebagai contoh lain, mumpung berkuasa kenapa tidak segera menjadi contoh dari hidup yang lurus dan bersih. Iri hati juga serupa, bisa saja energi-energi iri hati digunakan sebagai mesin pendorong kemajuan yang amat menentukan. Bentuk tubuh yang tidak menarik sebagai contoh lain, kenapa tidak digunakan sebagai cambuk untuk mengembangkan kecantikan dari dalam diri.

Dari serangkaian contoh ini, yang diperlukan sebenarnya kesediaan untuk senantiasa berdisiplin di dalam diri. Terutama disiplin untuk mendidik mulut dan pikiran, serta membelokkan setiap energi negatif ke tempat-tempat yang lebih produktif. Kalau ada yang menyebutnya susah, tentu saja tidak salah. Karena mirip dengan lukisan indah yang senantiasa dihasilkan pelukis dengan penuh perjuangan, demikian juga dengan lukisan kehidupan. Kita hanya perlu mengingat sebuah kalimat sederhana : bicaralah yang baik, atau diam sekalian. Dan atas rahmat Tuhan lukisan kehidupanpun mungkin berwajah lebih menarik. Setidaknya, itulah yang sedang saya percakapkan dengan sang diri ketika tulisan ini dibuat.

Vote Earth!

dearsa — Thu, 19 Mar 2009 04:04:29 +0000

Earth Hour merupakan kampanye perubahan iklim global WWF. Kampanye ini dilakukan dalam bentuk gerakan mematikan lampu sejagat. Ayo kita dukung kampanye ini dengan memadamkan lampu selama satu jam pada tanggal 28 Maret 2009 dari pukul 20.30 – 21.30 (waktu setempat).

We all have a vote, and every single vote counts. Together we can take control of the future of our planet, for future generations. VOTE EARTH by simply switching off your lights for one hour, and join the world for Earth Hour.

Info selengkapnya : http://www.earthhour.org/