Knowledge Management System

Posted: April 6, 2010 in Pendidikan

Knowledge Management is the explicit and systematic management of vital knowledge and its associated processes of creation, organisation, diffusion, use and exploitation.” Definisi Knowledge Management menurut Skyrme adalah manajemen pengetahuan vital secara eksplisit dan sistematis dan proses yang berasosiasi pada pembentukan, pengorganisasian, difusi, penggunaan dan eksploitasi. “Knowledge Management is the process through which organization generate value from intelectual and knowledge based assets.” Definisi Knowledge Management menurut yang lain adalah proses bagaimana sebuah organisasi mengambil keuntungan dari aset berbasis intelektual dan pengetahuan. Menurut Von Krogh, Ichiyo dan Nonaka mengemukakan bahwa penciptaan pengetahuan organisasional terdiri dari lima langkah utama, yaitu:

  1. Berbagi pengetahuan
  2. Menciptakan konsep
  3. Membenarkan konsep
  4. Membangun prototype
  5. Melakukan penyebaran pengetahuan berbagai fungsi dan tingkat di organisasi

Berawal dari keinginan di atas, maka dibangunlah Knowledge Management System di sini. Meskipun tampilan masih jauh dari yang diharapkan, tetapi fungsi utama sudah dapat tercover. Saya hanya ingin sharing tentang cara pembuatan web tersebut (chat via YM -> wajar_jaya). Atau bisa download source code lengkap secara gratis jika ada yang mau otak-atik lebih lanjut, nanti saya kirim lewat email. Gambaran umum Knowledge Management System seperti di bawah ini:

Gambar di atas menunjukkan bahwa kita bisa membuat anak pohon sampai cabang yang terkecil. Kemudian kita dapat memberi keterangan perihal tiap pohon atau anak pohon tersebut. Kita juga dapat melengkapi keterangan tersebut dengan file-file pendukung melalui upload file. Mudah bukan dan silahkan mencoba jika berminat 🙂

Berikut contoh listing program untuk ajax-tree.js sebagai tampilan anak pohonnya, semoga manfaat 😀

function AjaxMenuOpen(id,move,path,editor) {
ShowMessage(msgboxloading, “loading”);
script = path + “ajax-xml.php”;
var ajaxopen = new Ajax.Request(
script,
{
method:’post’,
postBody: ‘ajaxopen=’+id+’&move=’+move+’&editor=’+editor,
onComplete:showOpen,
onFailure:showError
}
);
document.getElementById(“menuimg_”+id).src = path + “images/minus.jpg”;
document.getElementById(“linkid_”+id).onclick = function () { AjaxMenuClose(id,move,path,editor); };
}
function AjaxMenuClose(id,move,path,editor) {
ShowMessage(msgboxloading, “loading”);
script = path + “ajax-xml.php”;
var ajaxopen = new Ajax.Request(
script,
{
method:’post’,
postBody: ‘ajaxclose=’+id+’&move=’+move+’&editor=’+editor,
onComplete:showClose,
onFailure:showError
}
);
document.getElementById(“menuimg_”+id).src = path + “images/plus.jpg”;
document.getElementById(“linkid_”+id).onclick = function () { AjaxMenuOpen(id,move,path,editor); };
}
var showOpen = function(r) {
try {
//alert(r.responseText);
var root = r.responseXML.getElementsByTagName(“root”);
var id = root[0].getElementsByTagName(“parentid”)[0].firstChild.nodeValue;
if(navigator.appName == “Opera” || navigator.appName == “opera”) {
var data = unescape(root[0].getElementsByTagName(“html”)[0].textContent);
new Insertion.After(‘menu_’+id, data);
} else if (document.all) {
var data = unescape(r.responseXML.getElementsByTagName(“html”)[0].firstChild.nodeValue);
new Insertion.After(‘menu_’+id, data);
} else {
var data = unescape(root[0].getElementsByTagName(“html”)[0].textContent);
new Insertion.After(‘menu_’+id, data);
}
HideMessage(“loading”);
} catch (e) {
ShowMessage(e.message + “#” + e.name + “#” + e.number + “#” + e.file, “error”);
setTimeout(“HideMessage()”, 7000);
//alert(e.message + “#” + e.name + “#” + e.number);
}
}
var showClose = function(r) {
try {
//alert(r.responseText);
var root = r.responseXML.getElementsByTagName(“root”);
var elements = root[0].getElementsByTagName(“element”);
for(var i=0; i<elements.length; i++) {
var id = root[0].getElementsByTagName(“element”)[i].firstChild.data;
//var node = document.getElementById(“menu_”+id);
//var temp = document.getElementById(“menu_”+id).removeChild(node.firstChild);
//Element.remove(“menu_”+id);
// extra function because fucking ie is so stupid
removeElement(“menu_”+id);
}
// remove content elements
var contents = root[0].getElementsByTagName(“content”);
for(var i=0; i<contents.length; i++) {
var id = root[0].getElementsByTagName(“content”)[i].firstChild.data;
removeElement(“contenttreeid_”+id);
}
HideMessage(“loading”);
} catch (e) {
ShowMessage(e.message + “#” + e.name + “#” + e.number, “error”);
setTimeout(“HideMessage()”, 7000);
//alert(e.message + “#” + e.name + “#” + e.number);
}
}
var removeElement = function(id) {
try {
Element.remove(id);
} catch (e) {
}
}
var showError = function(r) {
}
var ShowTree = function() {
$(“tree”).style.display = “block”;
$(“treeopener”).style.display = “none”;
}
var HideTree = function() {
$(“tree”).style.display = “none”;
$(“treeopener”).style.display = “block”
}
var TreeFixed = function() {
$(“tree”).style.position = “static”;
$(“treeslide”).style.display = “block”;
$(“treefixed”).style.display = “none”;
}
var TreeSlide = function() {
$(“tree”).style.position = “absolute”;
$(“treeslide”).style.display = “none”;
$(“treefixed”).style.display = “block”;
}
var TreeExpand = function(move) {
ShowMessage(msgboxloading, “loading”);
var ajaxopen = new Ajax.Request(
“ajax-xml.php”,
{
method:’post’,
postBody: ‘expandtree=yes&move=’+move,
onComplete:showReloadTree,
onFailure:showError
}
);
}
var TreeCollapse = function(move) {
ShowMessage(msgboxloading, “loading”);
var ajaxopen = new Ajax.Request(
“ajax-xml.php”,
{
method:’post’,
postBody: ‘collapsetree=yes&move=’+move,
onComplete:showReloadTree,
onFailure:showError
}
);
}
var TreeReload = function(move) {
ShowMessage(msgboxloading, “loading”);
var ajaxopen = new Ajax.Request(
“ajax-xml.php”,
{
method:’post’,
postBody: ‘reloadtree=yes&move=’+move,
onComplete:showReloadTree,
onFailure:showError
}
);
}
var showReloadTree = function(r) {
try {
var root = r.responseXML.getElementsByTagName(“root”);
if(navigator.appName == “Opera” || navigator.appName == “opera”) {
var data = unescape(root[0].getElementsByTagName(“html”)[0].textContent);
} else if (document.all) {
var data = unescape(r.responseXML.getElementsByTagName(“html”)[0].firstChild.nodeValue);
} else {
var data = unescape(root[0].getElementsByTagName(“html”)[0].textContent);
}
Element.remove(“treeelementtable”);
new Insertion.Top(‘treeelements’, data);
//alert(data);
//$(“treeanchor”).nodeValue = data;
HideMessage(“loading”);
} catch (e) {
ShowMessage(e.message + “#” + e.name + “#” + e.number, “error”);
setTimeout(“HideMessage()”, 7000);
}
}
var AjaxMoveTree = function(source, destination) {
if(source != destination) {
ShowMessage(msgboxloading, “loading”);
script = “ajax-xml.php”;
var ajaxopen = new Ajax.Request(
script,
{
method:’post’,
postBody: ‘action=ajaxmove&source=’+source+’&destination=’+destination,
onComplete:showReloadTree,
onFailure:showError
}
);
}
}
var AjaxMoveContent = function(source, destination) {
ShowMessage(msgboxloading, “loading”);
script = “ajax-xml.php”;
var ajaxopen = new Ajax.Request(
script,
{
method:’post’,
postBody: ‘action=ajaxmovecontent&source=’+source+’&destination=’+destination,
onComplete:showMoveTree,
onFailure:showError
}
);
}
var showMoveTree = function(r) {
try {
var root = r.responseXML.getElementsByTagName(“root”);
if(navigator.appName == “Opera” || navigator.appName == “opera”) {
var action = unescape(root[0].getElementsByTagName(“action”)[0].textContent);
} else if (document.all) {
var action = unescape(r.responseXML.getElementsByTagName(“action”)[0].firstChild.nodeValue);
} else {
var action = unescape(root[0].getElementsByTagName(“action”)[0].textContent);
}
if(action == “contentremove”) {
if(navigator.appName == “Opera” || navigator.appName == “opera”) {
var contentid = unescape(root[0].getElementsByTagName(“element”)[0].textContent);
} else if (document.all) {
var contentid = unescape(r.responseXML.getElementsByTagName(“element”)[0].firstChild.nodeValue);
} else {
var contentid = unescape(root[0].getElementsByTagName(“element”)[0].textContent);
}
Element.remove(“contentid_” + contentid);
}
HideMessage(“loading”);
} catch (e) {
ShowMessage(e.message + “#” + e.name + “#” + e.number, “error”);
setTimeout(“HideMessage()”, 7000);
}
}

function AjaxMenuOpen(id,move,path,editor) { ShowMessage(msgboxloading, “loading”);
script = path + “ajax-xml.php”;
var ajaxopen = new Ajax.Request( script, { method:’post’, postBody: ‘ajaxopen=’+id+’&move=’+move+’&editor=’+editor, onComplete:showOpen, onFailure:showError } );
document.getElementById(“menuimg_”+id).src = path + “images/minus.jpg”; document.getElementById(“linkid_”+id).onclick = function () { AjaxMenuClose(id,move,path,editor); }; }
function AjaxMenuClose(id,move,path,editor) { ShowMessage(msgboxloading, “loading”);
script = path + “ajax-xml.php”;
var ajaxopen = new Ajax.Request( script, { method:’post’, postBody: ‘ajaxclose=’+id+’&move=’+move+’&editor=’+editor, onComplete:showClose, onFailure:showError } );
document.getElementById(“menuimg_”+id).src = path + “images/plus.jpg”; document.getElementById(“linkid_”+id).onclick = function () { AjaxMenuOpen(id,move,path,editor); }; }
var showOpen = function(r) { try { //alert(r.responseText); var root = r.responseXML.getElementsByTagName(“root”);
var id = root[0].getElementsByTagName(“parentid”)[0].firstChild.nodeValue;
if(navigator.appName == “Opera” || navigator.appName == “opera”) { var data = unescape(root[0].getElementsByTagName(“html”)[0].textContent); new Insertion.After(‘menu_’+id, data); } else if (document.all) { var data = unescape(r.responseXML.getElementsByTagName(“html”)[0].firstChild.nodeValue); new Insertion.After(‘menu_’+id, data); } else { var data = unescape(root[0].getElementsByTagName(“html”)[0].textContent); new Insertion.After(‘menu_’+id, data); }
HideMessage(“loading”); } catch (e) { ShowMessage(e.message + “#” + e.name + “#” + e.number + “#” + e.file, “error”); setTimeout(“HideMessage()”, 7000); //alert(e.message + “#” + e.name + “#” + e.number); } }
var showClose = function(r) { try { //alert(r.responseText); var root = r.responseXML.getElementsByTagName(“root”); var elements = root[0].getElementsByTagName(“element”);
for(var i=0; i<elements.length; i++) { var id = root[0].getElementsByTagName(“element”)[i].firstChild.data; //var node = document.getElementById(“menu_”+id); //var temp = document.getElementById(“menu_”+id).removeChild(node.firstChild);
//Element.remove(“menu_”+id); // extra function because fucking ie is so stupid removeElement(“menu_”+id); }
// remove content elements var contents = root[0].getElementsByTagName(“content”);
for(var i=0; i<contents.length; i++) { var id = root[0].getElementsByTagName(“content”)[i].firstChild.data; removeElement(“contenttreeid_”+id); }
HideMessage(“loading”); } catch (e) { ShowMessage(e.message + “#” + e.name + “#” + e.number, “error”); setTimeout(“HideMessage()”, 7000); //alert(e.message + “#” + e.name + “#” + e.number); } }
var removeElement = function(id) { try { Element.remove(id); } catch (e) {
} }
var showError = function(r) { }
var ShowTree = function() { $(“tree”).style.display = “block”; $(“treeopener”).style.display = “none”; }
var HideTree = function() { $(“tree”).style.display = “none”; $(“treeopener”).style.display = “block” }
var TreeFixed = function() { $(“tree”).style.position = “static”; $(“treeslide”).style.display = “block”; $(“treefixed”).style.display = “none”; }
var TreeSlide = function() { $(“tree”).style.position = “absolute”; $(“treeslide”).style.display = “none”; $(“treefixed”).style.display = “block”; }
var TreeExpand = function(move) { ShowMessage(msgboxloading, “loading”); var ajaxopen = new Ajax.Request( “ajax-xml.php”, { method:’post’, postBody: ‘expandtree=yes&move=’+move, onComplete:showReloadTree, onFailure:showError } ); }
var TreeCollapse = function(move) { ShowMessage(msgboxloading, “loading”); var ajaxopen = new Ajax.Request( “ajax-xml.php”, { method:’post’, postBody: ‘collapsetree=yes&move=’+move, onComplete:showReloadTree, onFailure:showError } ); }
var TreeReload = function(move) { ShowMessage(msgboxloading, “loading”); var ajaxopen = new Ajax.Request( “ajax-xml.php”, { method:’post’, postBody: ‘reloadtree=yes&move=’+move, onComplete:showReloadTree, onFailure:showError } ); }
var showReloadTree = function(r) { try { var root = r.responseXML.getElementsByTagName(“root”); if(navigator.appName == “Opera” || navigator.appName == “opera”) { var data = unescape(root[0].getElementsByTagName(“html”)[0].textContent); } else if (document.all) { var data = unescape(r.responseXML.getElementsByTagName(“html”)[0].firstChild.nodeValue); } else { var data = unescape(root[0].getElementsByTagName(“html”)[0].textContent); }
Element.remove(“treeelementtable”); new Insertion.Top(‘treeelements’, data); //alert(data); //$(“treeanchor”).nodeValue = data;
HideMessage(“loading”); } catch (e) { ShowMessage(e.message + “#” + e.name + “#” + e.number, “error”); setTimeout(“HideMessage()”, 7000); } }
var AjaxMoveTree = function(source, destination) { if(source != destination) { ShowMessage(msgboxloading, “loading”);
script = “ajax-xml.php”;
var ajaxopen = new Ajax.Request( script, { method:’post’, postBody: ‘action=ajaxmove&source=’+source+’&destination=’+destination, onComplete:showReloadTree, onFailure:showError } ); } }
var AjaxMoveContent = function(source, destination) { ShowMessage(msgboxloading, “loading”);
script = “ajax-xml.php”;
var ajaxopen = new Ajax.Request( script, { method:’post’, postBody: ‘action=ajaxmovecontent&source=’+source+’&destination=’+destination, onComplete:showMoveTree, onFailure:showError } ); }
var showMoveTree = function(r) { try { var root = r.responseXML.getElementsByTagName(“root”); if(navigator.appName == “Opera” || navigator.appName == “opera”) { var action = unescape(root[0].getElementsByTagName(“action”)[0].textContent); } else if (document.all) { var action = unescape(r.responseXML.getElementsByTagName(“action”)[0].firstChild.nodeValue); } else { var action = unescape(root[0].getElementsByTagName(“action”)[0].textContent); }
if(action == “contentremove”) { if(navigator.appName == “Opera” || navigator.appName == “opera”) { var contentid = unescape(root[0].getElementsByTagName(“element”)[0].textContent); } else if (document.all) { var contentid = unescape(r.responseXML.getElementsByTagName(“element”)[0].firstChild.nodeValue); } else { var contentid = unescape(root[0].getElementsByTagName(“element”)[0].textContent); }
Element.remove(“contentid_” + contentid); }
HideMessage(“loading”); } catch (e) { ShowMessage(e.message + “#” + e.name + “#” + e.number, “error”); setTimeout(“HideMessage()”, 7000); } }

Advertisements
Comments
  1. dik adit says:

    oom ajari aku oom… :p

  2. aldo says:

    manteb gan. bisa di online kan gan??

  3. wulanekadalu says:

    apa ini?? nda ngerti 😀

  4. wulanekadalu says:

    nda wis, maturtengkyu pak hehehe

  5. coba kirim source codenya bos, buat referensi. ke rollieztapetrucci@gmail.com…. dtunggu ya boss, thanks

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s