Memadukan JQuery Easy UI dan JqGrid

Sebenaranya baik Jquery Easy UI(selanjutnya JEasyUI) dan jqGrid sama2 bagus. keduanya sama2 plugin dari jquery.

Ada beberapa kelebihan dan kekurangan dari masing2 plugin tersebut, Yaitu:

1. Jqgrid lebih fokus ke grid nya saja atau tidak selengkap jEasyUI (Namanya juga JqGRID).

2. jEasyUI mempunyai sedikit pilihan theme(cuma punya 4 pilihan theme), sementara jqGrid punya banyak pilihan theme karena jqGrid mengambil theme bawaan dari Jquery UI.

Anda bisa melihat DEMO page dari JqGRID di http://trirand.com/blog/jqgrid/jqgrid.html

dan DEMO page dari JEasyUI di http://www.jeasyui.com/demo/index.php

Dan ini adalah hasil dari dari perpaduan antara JQuery Easy UI dan JqGRID

jqgrid jquery easy ui

 

 

http://demo-site.xp3.biz/inventori/index.php#

User:admin

Pass:admin

Silahkan dicaci maki…:D

PHP Autopost ke facebook

Bagaimanapun untuk mendukung dan mempublikasikan konten di Facebook sebagai saluran paralel ke website  normal dapat meningkatkan kinerja bagi banyak perusahaan.

Namun posting di facebook tidak harus menjadi tugas manual yang membutuhkan kerja ekstra. Postingan saya ini akan membantu Anda pada sebuah solusi yang dapat dengan mudah diintegrasikan dalam sistem CMS yang sudah ada, dan memungkinkan lintas posting konten ke Facebook.

Facebook fan page sepertinya sekarang menjadi suatu keharusan dimiliki oleh website/portal yang mempunyai banyak fans atau penggemar.

Selain untuk menampung para fan, facebook fan page juga berguna untuk memberikan info singkat atau berita singkat sebagai manifestasi dari berita di website/portal resmi.

Melihat kecendrungan para pengguna facebook di indonesia yang semakin meningkat, sebagian dari mereka menggunakan facebook untuk mengupdate informasi dengan cepat.

Facebook terus menyempurnakan SDK dan metode untuk berkomunikasi dengan Facebook. Script di posting ini mendukung perubahan otentikasi terbaru Facebook yang akan dilaksanakan 1 Oktober 2012.

Posting ini memandu Anda melalui pembuatan aplikasi berbasis PHP Facebook yang secara otomatis dapat memposting pesan dan jenis-jenis konten di dinding Facebook Anda.

Nah, Bagaimana caranya jika kita ingin ketika memposting berita/informasi di website kita maka otomatis terposting juga di facebook fans page? tanpa repot-repot membuka facebook dan mempostingnya kembali.

Berikut ini tutorial singkat bagaimana membuat autopost di facebook fanspage dan atau timeline facebook kita.

1. Download Facebook PHP SDK

Langkah pertama, adalah buatlah folder baru di webserver anda untuk menyimpan aplikaisi facebook kita kali ini. Misalnya nya kita beri nama folder “facebook_sdk”

Download Facebook PHP SDK dari GitHub, unzip  and upload ke folder  “facebook_sdk” yang telah kita buat tadi .

file Facebook SDK bisa anda download dari sini.

2. Mendaftar Aplikasi Facebook

Facebook memungkinkan mendaftarkan aplikasi untuk berinteraksi dengan akun Facebook dan halaman. Langkah selanjutnya adalah mendaftarkan aplikasi Anda (Jika anda belum mendaftarkannya).

Anda dapat mendaftarkan aplikasi Facebook baru pada halaman ini

Untuk mendaftar aplikasi Facebook,  Anda perlu terlebih dahulu untuk memberikan nama app yang unik.

Jika semuanya OK, Anda bisa melihat  layar konformasi pendaftaran, di mana Anda mendapatkan dua informasi penting:

a. App ID / API Key
b. App Secret

Informasi tersebut diperlukan untuk aplikasi yang akan diizinkan untuk berkomunikasi dengan Facebook, tetapi juga harus disimpan sebagai rahasia.

3. Membuat script php untuk autopost ke facebook

Sekarang saatnya untuk membuat script PHP untuk posting ke fans page /timeline Facebook.

saya mengasumsikan bahwa Anda telah men-download dan sudah mengekstrak  Facebook PHP SDK (dengan struktur file dan folder  asli)  dalam subfolder bernama “facebook_sdk” yang telah kita create di atas.

Berikut ini script lengkapnya:

</pre>
//yang sudah kita dowload dari gtihub

require 'facebook_sdk/src/facebook.php';

// configuration
 $appid = 'App Id anda';
 $appsecret = 'App Secret Anda'';

//deret angka ini  '309586582470813 ' merupakan id dari salah satu facebook fans page;
//Anda bisa menggantinya dengan facebook id Anda sendiri atau id dari fans page lain

//untuk mendapatkannya silahkan buka http://rieglerova.net/how-to-get-a-facebook-fan-page-id/
 $pageId = '309586582470813';
 $msg = $dataProduk['judul'];
 $title = $dataProduk['judul'];
 $uri = 'http://xxxx.com/index.php?id='.$dataProduk['id'];
 $desc = limit_words(strip_tags($dataProduk['deskripsi']), 25);
 $pic = "http://xxxxx.com/images/products/thumbnail/t11_".$dataProduk['image1'];

$facebook = new Facebook(array(
 'appId' =>$appid,
 'secret' =>$appsecret,
 'cookie' => true,
 ));

//untuk mendapatkan access_token silahkan baca di http://www.damnsemicolon.com/php/auto-post-facebook-with-facebook-sdk

 try {
 $attachment = array(
 'access_token' => 'AAAHYC3Pw0bIBAJ6b1pRZCsOQuZBbDXqyH1U4ZCMnfkxCH7B3oDbSYTjK9ihavuhg9ZA5vtUV31RALFMUm2BD5xt7y8Yxr0Vqn96EAZDZD',
 'message' => $msg,
 'name' => $title,
 'link' => $uri,
 'description' => $desc,
 'picture'=>$pic,
 //'actions' => json_encode(array('name' => $action_name,'link' => $action_link))
 );

$status = $facebook->api("/$pageId/feed", "post", $attachment);
 } catch (FacebookApiException $e) {
 error_log($e);
 $user = null;
 }

echo "Post to Facebook success.....";
<pre> ?>

Terima Kasih sudah berkunjung, Silakan tinggalkan komentar

Jika penjabaran saya kurang jelas silahkan baca referensi disini;

http://www.damnsemicolon.com/php/auto-post-facebook-with-facebook-sdk

http://tips4php.net/2010/12/automatic-post-to-facebook-from-php-script/

http://rieglerova.net/how-to-get-a-facebook-fan-page-id/

Tag-tag HTML 5 yang harus Anda ketahui

1. Apa itu HTML 5?

Jika kita perhatikan secara seksama komponen yang digunakan dalam halaman website yang rich content, para web developer dikagetkan dengan adanya flash yang sebenarnya bukan web, tetapi aplikasi yang dijalankan di atas sites.Sebagian besar orang menggunakan flash sehingga tak ada rujukan bahasa standar seperti HTML dan XHTML untuk sebuah halaman website, serta memperburuk jaringan karena setiap kali kita membuka halaman flash, seolah-olah jaringan dipaksa untuk mengambil seluruh konten yang ada di server akhirnya beban nya sangat tinggi.

Namun setelah berkembangnya javascript beserta AJAX nya, flash pun berangsur-angsur ditinggalkan karena “kecanggihan” nya hampir menyamai Flash. Tetapi satu lagi kekurangan yang harus dihadapi adalah tidak adanya bahasa standar yang digunakan secara world wide dalam menggunakan js, ini seperti tak adanya validator untuk bahasa ini sehingga perkembangannya benar-benar terlalu rapid soalnya bukan dikembangkan oleh organisasi W3 tetapi oleh komunitas seperti mootools dan jquery.

Karena alasan tersebut, W3.org sebagai organisasi resmi world wide, mengharuskan pembuatan standar baru setelah XHTML yang sudah tak mampu “menampung kekayaan” konten masa kini. Dibuatlah standar bahasa mark up baru yaitu HTML 5.

Selain terdapatnya fungsi-fungsi baru, HTML5 juga memberikan beberapa kemudahan seperti pada bagian awal file HTML kita tidak lagi dipusingkan menulis coding DOCTYPE yang panjang :

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/html4/strict.dtd”>

Pada HTML5, DOCTYPE dapat ditulis lebih ringkas :

<!DOCTYPE html>

Kemudian pada baris berikutnya kita tulis seeprti ini:

<meta http-equiv=”content-type” content=”text/html; charset=UTF-8″ />

Versi HTML5 berubah menjadi :

<meta charset=”utf-8″ />

Selain itu, coding CSS dan Javascript pada HTML5 tidak perlu lagi menulis seperti type=text/css dan type=text/javascript :

<style>
* { margin:0px; padding:0px;}
</style>

 

<script type="text/javascript" src="”http://www.google.com/jquery.js”"></script>&nbsp;

HTML5 juga menghilangkan beberapa tag ataupun element yang telah jarang dipakai dan digantikan oleh CSS seperti acronym, applet, basefont, big, center, dir, font, frame, frameset, isindex, noframes, s, strike, tt, u.

Cara Ambil Harga Pengiriman (Ongkos Kirim) JNE dengan PHP

Setelah melakukan pencarian panjang akhirnya saya menemukan apa yang saya cari , yaitu : cara menghitung biaya pengiriman JNE.

Awalnya saya search di google dengan keyword “JNE API”. Mengejutkan hasilnya, ternyata JNE tidak mengeluarkan atau membuat API. Entah dengan alasan apa perusahaan pengiriman itu memproteksi diri untuk tidak membuat API. Bahkan sekarang teknik-teknik lama sudah tidak bisa digunakan karena adanya captcha di web nya JNE(padahal dulu gak ada). Semakin jelas kan klo JNE memang memproteksi diri.

Stop. dari beberapa hasil pencarian google dengan keyword di atas akhirnya saya “nyasar” di http://api.ongkir.info/docs/index.html. dan inilah yang saya cari-cari selama ini.

Di bagian paling bawah web ongkir.info ada tulisan “Ongkir.Info tidak berafiliasi dengan perusahaan yang disebutkan.” WTF?? Saya heran  justru web/orang lain malah yang membuat API JNE.

Ok, cukup sampai sini kejengkelan saya terhadap JNE. Kita lanjut bagaimana cara memanfaatkan API yang diberikan oleh ongkir.info ini ?

pertama silahkan baca disini http://api.ongkir.info/docs/starting.html

Selanjutnya, lakukan registrasi di http://api.ongkir.info//akun/registrasi

Setalah mendapakan email verifikasi dari ongkir.info maka login ke http://api.ongkir.info/akun/login. Jika login sukses maka anda akan mendapatkan API-Key berupa deretan karakter sepanjang 32, digunakan untuk validasi pemanggilan API.

selanjutnya untuk memudahkan penggunaan API Ongkir.Info, telah disediakan pustaka (library) Anda dapat mendownload di http://api.ongkir.info/docs/example/php_sample.html.  buat file baru dengan nama class.php, copy paste script php di bagian Wrapper untuk API City dan Wrapper untuk API Cost.

berikut ini file class.php yang sudah saya modifikasi sedikit.

<?php
function get_city($query,$type)
{
//library yang harus anda download
require_once 'REST_Ongkir.php';

 $rest = new REST_Ongkir(array(
 'server' => 'http://api.ongkir.info/'
 ));

//ganti API-Key dibawah ini sesuai dengan API Key yang anda peroleh setalah mendaftar di ongkir.info
 $result = $rest->post('city/list', array(
 'query' => $query,
 'type' => $type,
 'courier' => 'jne',
 'API-Key' => 'ABCDEFGHIJKLMNOPQRSTUVWXYZ123456' ), 'JSON');

 try
 {
 $status = $result['status'];

 // Handling the data
 if ($status->code == 0)
 {
 return $cities = $result['cities'];
 //print_r($cities);
 //foreach ($cities->item as $item)
 //{
 //echo 'Kota: ' . $item . '<br />';
 // }
 }
 else
 {
 echo 'Tidak ditemukan kota yang diawali "band"';
 }

 }
 catch (Exception $e)
 {
 echo 'Processing error.';
 }
}

function get_cost($from, $to,$weight)
{
//library yang harus anda download
 require_once 'REST_Ongkir.php';

 $rest = new REST_Ongkir(array(
 'server' => 'http://api.ongkir.info/'
 ));

//ganti API-Key dibawah ini sesuai dengan API Key yang anda peroleh setalah mendaftar di ongkir.info
 $result = $rest->post('cost/find', array(
 'from' => $from,
 'to' => $to,
 'weight' => $weight.'000',
 'courier' => 'jne',
'API-Key' =>'ABCDEFGHIJKLMNOPQRSTUVWXYZ123456'
 ));

 try
 {
 $status = $result['status'];

 // Handling the data
 if ($status->code == 0)
 {
 $prices = $result['price'];
 $city = $result['city'];

 echo 'Ongkos kirim dari ' . $city->origin . ' ke ' . $city->destination . '<br /><br />';

 foreach ($prices->item as $item)
 {
 echo 'Layanan: ' . $item->service . ', dengan harga : Rp. ' . $item->value . ',- <br />';
 }
 }
 else
 {
 echo 'Tidak ditemukan jalur pengiriman dari surabaya ke jakarta';
 }

 }
 catch (Exception $e)
 {
 echo 'Processing error.';
 }
}

//$kota = get_city('ban','origin');
//echo json_encode($kota);

?>

Setelah itu buat lah form kira-kira tamplannya seperti ini:

Membuat Laporan(Report) dengan PHP Excel

Mungkin bagi newbi-newbi termasuk saya sering bingung jika berhadapan dengan reporting atau membuat laporan di PHP. Baik itu laporan dalam bentuk PDF atau EXCEL.

Saya sendiri pernah mencoba 3 (tiga) library untuk membuat laporan dalam bentuk PDF (bisa dilihat disni). Untuk laporan atau reporting dalam bentuk excel ada satu library PHP yang sangat mengagumkan, yaitu PHPExcel.

Sebelumnya saya biasanya memakai cara biasa untuk membuat laporan dalam excel, cara ini termasuk cara yang paling mudah bagi saya:

<?php
// isi $excel akan bernilai true apabila ditemukan parameter get dengan nama 'excel'
$excel = isset($_GET['excel']);
if($excel):
 // buat nama file unique untuk di download
 $filename = 'export-'.date('YmdHis');
 // dengan perintah di bawah ini akan memunculkan dialog download di browser anda
 header("Content-type: application/x-msdownload");
 // perintah di bawah untuk menentukan nama file yang akan di download
 header("Content-Disposition: attachment; filename=".$filename.".xls");
else:
 // tag header di html disembuyikan apabila sedang convert html to excel
?>
<html>
<head>
<style type="text/css">
/* setting format tabel */
table {
 font-family: Verdana;
 font-size: 8pt;
 border-width: 1px;
 border-style: solid;
 border-color: #ccd2d2;
 border-collapse: collapse;
 background-color: #f9f9f9;
}
th {
 color: #f00;
 font-size: 8pt;
 text-transform: uppercase;
 text-align: center;
 padding: 0.5em;
 border-width: 1px;
 border-style: solid;
 border-color: #000;
 border-collapse: collapse;
 background-color: #000;
}
td {
 padding: 0.1em;
 color: #272727;
 vertical-align: top;
 border-width: 1px;
 border-style: solid;
 border-color: #000;
 border-collapse: collapse;
 font-size: 8pt;
}
</style>
<title>Membuat Report Excel Dari HTML Dengan PHP</title>
</head>
<body>
<?php endif; ?>
<?php if(!$excel): ?>
<!-- Tombol di bawah dan penutup html hanya akan dipanggil apabila dalam kondisi melihat data,
 tapi ketika menampilkan file excel tombol ini disembunyikan -->
<div align="left" style="margin-top:15px">
 <input type="button" onClick="document.location='?excel=1'" value="Export to Excel" />
</div>
<br>
<?php endif; ?>
<?php
//setting koneksi anda
$server = "localhost";
$username = "root";
$password = "";
$db = "excel";
$tbl = "customer";

$koneksi = mysql_connect($server,$username,$password);
mysql_select_db($db, $koneksi) or die("Cannot connect to database..");

// create tabel dengan php
echo "<div align='left'><img src='http://smartcoderszone.com/wp-content/uploads/2010/09/generate-excel-report-with-php-and-mysql2.jpg' width='100' height='150'><div><br><br><br><br><br>";
echo "<p> </p>";
echo "<div align='left' style='color='#ff0000'><strong>DATA PEGAWAI</strong>";
echo "<table border='1'>";
echo " <tr bgcolor='#cccccc'>";
echo " <th>NO</th>";
echo " <th>company_name</th>";
echo " <th>email</th>";
echo " <th>city</th>";
echo " </tr>";

 $str = " SELECT * FROM ".$db.".".$tbl.
 " order by ID desc ";
 $query = mysql_query($str);
 if($query && mysql_num_rows($query) > 0){
 $no = $posisi+1;
 while($row = mysql_fetch_object($query)){
 //if($bgcolor=='#f1f1f1'){$bgcolor='#ffffff';}
 //else{$bgcolor='#f1f1f1';}
 echo "<tr bgcolor=$bgcolor>";
 echo " <td align='center' height='18'><strong>$no</strong></td>";
 echo " <td>{$row->company_name}&nbsp;</td>";
 echo " <td>{$row->email}&nbsp;</td>";
 echo " <td>{$row->city}&nbsp;</td>";
 $no++;
 }
 }
 //echo $str;
echo " </tr>";
echo "</table>";
echo "</div>";
?>
</body>
</html>

Cara yang lebih rumit tapi lebih bisa di custom, sebelum saya “menemukan” phpexcel saya sering pakai cara ini

dan sepertinya cara ini sering digunakan karena kebanyakan tutorial di internet memakai cara ini:

Membuat CRUD dengan JqGrid di PHP

Hooooaaaaaaaaaaamm…..baru hibernasi ane om, dah lama hampir 1 tahun ane gak nulis

kali ini ane pengen share pengalaman ane tentang jqgrid. sebelumnya kenalan dulu om ya sama jqgrid

“JqGrid adalah salah satu plugin jquery yang populer. Dalam setiap release terbaru selalu disertakan versi demo yang bisa diinstal di komputer lokal. ” via (http://heru.wordpress.com)

cara install di komputer local ada dsni om. klo demo onlinenya disni. ini Screenshoot nya om

Jqgrid Crud dengan PHP

Gimana udah kenal kan sekrang sama jQgrid??? Yuuuuk,,,,kita buat contoh CRUD di  jqgrid dengaan PHP. Kita akan buat jqgrid dengan fitur berikut:

1. Top navigasi

2. Custom Button

3. Grouping JqGrid

4. Column Chooser /pengaturan kolom

5. Filter toolbar untuk pencarian cepat

6. custom  Add dan Edit Form menjadi dua  kolom

7. include jquery  datetime picker dan jquery dialog box

8. custom editrules

Pertama : Buat tabel seperti di bawah ini

Algoritma Segitiga Angka dalam PHP

Dah lama tidak posting, rasanya gimana gt

Biasanya temen2 semester 1 T.Informatika di mata kuliah algoritma pemograman oleh dosennya disuruh menbuat segitiga angka. Entah itu segitiga rata kanan, rata kiri atau segitiga sama kaki,

Nah meskipun sudah banyak yang menjelaskan algoritma ini tapi saya akan mencoba dalam bahasa PHP(Keep posting pokoknya ). Mudah kog karena algoritma ini menggunakan logika perulangan. Langsunga aja yah:

1. Segitiga 1

<?php

/*membuat perulangan 1-10 secara urut berbentuk
12345678910
123456789
12345678
1234567
12345
1234
123
12
1 */
for ($i=10;$i>=1;$i--){
	for ($j=0;$j<=$i;$j++)	{
             echo "$j";
       }
       echo "<br>";
}
?>

2. segitiga 2

<?php
/*membuat perulangan 10-1berbentuk
1
12
123
1234
12345
123456
1234567
12345678
123456789
12345678910*/
for ($k=1;$k<=10;$k++){
      for ($d=1;$d<=$k;$d++){
 		echo $d;
      }
      echo "<br>";
}
?>

3. Segitiga 3

<?php
/*membuat urutan 1-10 berbentuk
1
21
321
4321
54321
654321
7654321
87654321
987654321
10987654321*/
for ($i=1;$i<=10;$i++){
    for ($j=$i;$j>=1;$j--){
		echo $j;
    }
    echo "<br>";
}
?>