{"id":65,"date":"2026-03-08T22:19:50","date_gmt":"2026-03-08T22:19:50","guid":{"rendered":"https:\/\/advokatbersamagaruda.com\/lbh\/?page_id=65"},"modified":"2026-03-14T16:26:21","modified_gmt":"2026-03-14T16:26:21","slug":"sistem-pengelolaan-layanan","status":"publish","type":"page","link":"https:\/\/advokatbersamagaruda.com\/lbh\/sistem-pengelolaan-layanan\/","title":{"rendered":"Sistem pengelolaan layanan"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"65\" class=\"elementor elementor-65\">\n\t\t\t\t<div class=\"elementor-element elementor-element-18ac45f e-flex e-con-boxed e-con e-parent\" data-id=\"18ac45f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-40b3e0b elementor-widget elementor-widget-html\" data-id=\"40b3e0b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"id\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Sistem Manajemen Perkara LBH<\/title>\r\n\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\r\n\r\n<style>\r\n\r\nbody{\r\nmargin:0;\r\nfont-family:Arial;\r\nbackground:#f4f6f8;\r\ndisplay:flex;\r\n}\r\n\r\n\/* SIDEBAR *\/\r\n\r\n.sidebar{\r\nwidth:240px;\r\nbackground:#0b3d91;\r\ncolor:white;\r\nheight:100vh;\r\npadding:20px;\r\nposition:fixed;\r\n}\r\n\r\n.logo{\r\ntext-align:center;\r\nmargin-bottom:20px;\r\n}\r\n\r\n.logo img{\r\nwidth:120px;\r\n}\r\n\r\n.divider{\r\nheight:1px;\r\nbackground:rgba(255,255,255,0.3);\r\nmargin:15px 0;\r\n}\r\n\r\n.sidebar a{\r\ndisplay:block;\r\ncolor:white;\r\ntext-decoration:none;\r\npadding:12px;\r\nmargin-top:6px;\r\nborder-radius:6px;\r\ntransition:0.3s;\r\n}\r\n\r\n.sidebar a:hover{\r\nbackground:#072c6b;\r\n}\r\n\r\n\/* MAIN *\/\r\n\r\n.main{\r\nmargin-left:260px;\r\npadding:25px;\r\nwidth:100%;\r\n}\r\n\r\n.card{\r\nbackground:white;\r\npadding:20px;\r\nborder-radius:10px;\r\nmargin-bottom:20px;\r\nbox-shadow:0 4px 10px rgba(0,0,0,0.1);\r\n}\r\n\r\n.grid{\r\ndisplay:grid;\r\ngrid-template-columns:repeat(auto-fit,minmax(200px,1fr));\r\ngap:15px;\r\n}\r\n\r\n.stat{\r\nbackground:#0b3d91;\r\ncolor:white;\r\npadding:20px;\r\nborder-radius:10px;\r\ntext-align:center;\r\nfont-size:22px;\r\n}\r\n\r\ninput,select,textarea{\r\nwidth:100%;\r\npadding:10px;\r\nmargin-top:8px;\r\nmargin-bottom:12px;\r\nborder-radius:6px;\r\nborder:1px solid #ccc;\r\n}\r\n\r\nbutton{\r\nbackground:#0b3d91;\r\ncolor:white;\r\nborder:none;\r\npadding:12px;\r\nborder-radius:6px;\r\ncursor:pointer;\r\n}\r\n\r\nbutton:hover{\r\nbackground:#072c6b;\r\n}\r\n\r\ntable{\r\nwidth:100%;\r\nborder-collapse:collapse;\r\n}\r\n\r\nth{\r\nbackground:#0b3d91;\r\ncolor:white;\r\npadding:10px;\r\n}\r\n\r\ntd{\r\npadding:10px;\r\nborder-bottom:1px solid #ddd;\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<div class=\"sidebar\">\r\n\r\n<div class=\"logo\">\r\n<img decoding=\"async\" src=\"https:\/\/advokatbersamagaruda.com\/lbh\/wp-content\/uploads\/2026\/03\/backgroun-logo-e1773054914674.png\">\r\n<\/div>\r\n\r\n<div class=\"divider\"><\/div>\r\n\r\n<a href=\"#dashboard\">Dashboard<\/a>\r\n<a href=\"#input\">Input Perkara<\/a>\r\n<a href=\"#data\">Data Perkara<\/a>\r\n<a href=\"#upload\">Upload Dokumen<\/a>\r\n<a href=\"#statistik\">Statistik<\/a>\r\n\r\n<\/div>\r\n\r\n<div class=\"main\">\r\n\r\n<div class=\"card\" id=\"dashboard\">\r\n<h2>Dashboard Perkara<\/h2>\r\n\r\n<div class=\"grid\">\r\n<div class=\"stat\">1200<br>Target Perkara 2026<\/div>\r\n<div class=\"stat\">45<br>Proses<\/div>\r\n<div class=\"stat\">60<br>Selesai<\/div>\r\n<div class=\"stat\">15<br>Banding<\/div>\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<div class=\"card\" id=\"input\">\r\n<h2>Input Perkara Baru<\/h2>\r\n\r\n<input placeholder=\"Nama Klien\">\r\n<input placeholder=\"No HP\">\r\n<input placeholder=\"Jenis Perkara\">\r\n\r\n<select>\r\n<option>Pilih Advokat<\/option>\r\n<option>Advokat 1<\/option>\r\n<option>Advokat 2<\/option>\r\n<\/select>\r\n\r\n<textarea placeholder=\"Uraian Perkara\"><\/textarea>\r\n\r\n<button>Simpan Perkara<\/button>\r\n\r\n<\/div>\r\n\r\n<div class=\"card\" id=\"data\">\r\n<h2>Data Perkara<\/h2>\r\n\r\n<table>\r\n<tr>\r\n<th>No<\/th>\r\n<th>Klien<\/th>\r\n<th>Perkara<\/th>\r\n<th>Advokat<\/th>\r\n<th>Status<\/th>\r\n<\/tr>\r\n\r\n<tr>\r\n<td>1<\/td>\r\n<td>Budi<\/td>\r\n<td>Pidana<\/td>\r\n<td>Advokat 1<\/td>\r\n<td>Proses<\/td>\r\n<\/tr>\r\n\r\n<tr>\r\n<td>2<\/td>\r\n<td>Siti<\/td>\r\n<td>Perceraian<\/td>\r\n<td>Advokat 3<\/td>\r\n<td>Selesai<\/td>\r\n<\/tr>\r\n\r\n<\/table>\r\n\r\n<\/div>\r\n\r\n<div class=\"card\" id=\"upload\">\r\n<h2>Upload Dokumen Perkara<\/h2>\r\n\r\n<input type=\"file\">\r\n<button>Upload<\/button>\r\n<\/div>\r\n\r\n<div class=\"card\" id=\"statistik\">\r\n<h2>Statistik Layanan<\/h2>\r\n\r\n<div class=\"grid\">\r\n<div class=\"stat\">350<br>Pidana<\/div>\r\n<div class=\"stat\">420<br>Perdata<\/div>\r\n<div class=\"stat\">210<br>Perceraian<\/div>\r\n<div class=\"stat\">95<br>Mediasi<\/div>\r\n<\/div>\r\n\r\n<br>\r\n\r\n<canvas id=\"chartPerkara\"><\/canvas>\r\n<br>\r\n<canvas id=\"chartStatus\"><\/canvas>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n\r\nnew Chart(document.getElementById('chartPerkara'), {\r\ntype: 'bar',\r\ndata: {\r\nlabels: ['Pidana','Perdata','Perceraian','PHI','Pertanahan'],\r\ndatasets: [{\r\nlabel: 'Jumlah Perkara',\r\ndata: [350,420,210,90,75]\r\n}]\r\n}\r\n});\r\n\r\nnew Chart(document.getElementById('chartStatus'), {\r\ntype: 'doughnut',\r\ndata: {\r\nlabels: ['Proses','Selesai','Banding','Kasasi'],\r\ndatasets: [{\r\ndata: [45,60,15,5]\r\n}]\r\n}\r\n});\r\n\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Sistem Manajemen Perkara LBH Dashboard Input Perkara Data Perkara Upload Dokumen Statistik Dashboard Perkara 1200Target Perkara 2026 45Proses 60Selesai 15Banding Input Perkara Baru Pilih AdvokatAdvokat 1Advokat 2 Simpan Perkara Data Perkara No Klien Perkara Advokat Status 1 Budi Pidana Advokat 1 Proses 2 Siti Perceraian Advokat 3 Selesai Upload Dokumen Perkara Upload Statistik Layanan 350Pidana [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-65","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/advokatbersamagaruda.com\/lbh\/wp-json\/wp\/v2\/pages\/65","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/advokatbersamagaruda.com\/lbh\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/advokatbersamagaruda.com\/lbh\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/advokatbersamagaruda.com\/lbh\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/advokatbersamagaruda.com\/lbh\/wp-json\/wp\/v2\/comments?post=65"}],"version-history":[{"count":4,"href":"https:\/\/advokatbersamagaruda.com\/lbh\/wp-json\/wp\/v2\/pages\/65\/revisions"}],"predecessor-version":[{"id":334,"href":"https:\/\/advokatbersamagaruda.com\/lbh\/wp-json\/wp\/v2\/pages\/65\/revisions\/334"}],"wp:attachment":[{"href":"https:\/\/advokatbersamagaruda.com\/lbh\/wp-json\/wp\/v2\/media?parent=65"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}