Ribbon, menurut Ensiklopedia Wikipedia, adalah sebuah konsep antarmuka berbasis GUI pada sebuah software yang menempatkan semua toolbar-toolbar dalam bentuk tab bar. Konsep ini mulai diperkenalkan dan dipakai oleh Produk-produk Office dari Microsoft sejak Microsoft Office 2007.
Interface Ribbon yang menarik dapat anda buat dengan mudah tanpa harus menggunakan library dari Microsoft (yang mahal sewanya). Kita bisa menggunakan sebuah class php yang dibuat oleh om Tufan Baris Yildirim dari http://www.tufyta.com/ Turki.
Berikut contoh eksperimentnya:
[sourcecode language=”php”]
<?php
include ‘d3ribbon.php’;
$ribbon=new d3ribbon();
$ribbon->stlye=’blue’;
// Building First category
$main_cat = $ribbon->add_category(‘D3 Ribbon Main Cat’,’index.php?component=main_component’,’main_component’);
$grp = $ribbon->add_group($main_cat,’Group Name’,250,’grpid’);
$grp2 = $ribbon->add_group($main_cat,’Group Name 2′,250,’grp2′);
$ribbon->add_button($grp,’Users’,’index.php?component=’.$main_cat.’&module=users’,’image yok’,’users’);
$ribbon->add_button($grp,’Empooleys’,’index.php?component=’.$main_cat.’&module=employees’,’image yok’,’employees’);
// Seond Category on Main Category
$cat2 = $ribbon->add_category(‘D3 Ribbon category 2′,’index.php?component=second_component’,’second_component’);
$grp = $ribbon->add_group($cat2,’2 Group Name’,250,’second_grpid’);
$ribbon->add_button($grp,’Others’,’index.php?component=’.$cat2.’&module=other’,’image yok’,’other’);
/**
* set Selected Cat and button.
*/
$ribbon->selected_category_id = isset($_GET[‘component’]) ? $_GET[‘component’] :’main_component’ ;
$ribbon->selected_button_id = isset($_GET[‘module’]) ? $_GET[‘module’] : null;
?>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>D3Ribbon</title>
<meta name="author" content="Tufan Baris YILDIRIM">
<meta http-equiv="reply-to" content="tfn.yldrm@hotmail.com">
<?php
/**
* Printing Style link as <link href=…
*/
echo $ribbon->style_link();
?>
</head>
<body>
<?php
/**
* build and print ribbon menu
*
* @var d3ribbon
*/
$ribbon->build(false);
?>
</body>
</html>
[/sourcecode]
Dan inilah hasil screenshootnya:
Silakan unduh PHP d3Ribbon dari sini, lengkap dengan stylesheet dan icon-iconnya.