Keterangan : Pada gambar 3.15 dijelaskan mengenai Menu Admin untuk mengelola jenis
permasalahan. Admin dapat masuk melalui halaman Admin dan melakukan login setelah itu masuk ke menu jenis permasalahan. Admin dapat mengubah,
menambahkan dan menghapus data jenis permasalahan melalui halaman tersebut.
3.2.2 Rancangan Antar Muka
Untuk rancangan antar muka dari sistem yang akan dibangun menggunakan bahasa pemograman HTML 5, CSS, Javascript dan PHP. Sistem akan dibangun
menggunakan compiler Eclipse dengan Android SDK dan Xcode. HTML 5 digunakan untuk menampilkan antar muka yang responsive menyesuaikan dengan display
perangkat, tempat aplikasi berjalan. Antar muka menggunakan 1 Menu Utama dan 1 Sub Menu Utama, yaitu sebagai berikut:
Menu Utama
1.1 Intro Menjelaskan mengenai manfaat aplikasi
1.2 Tentang Menjelaskan mengenai pembuat aplikasi
1.3 Produk Menjelaskan mengenai produk perbankan
1.4 Event Menjelaskan mengenai kegiatan perbankan
1.5 SaranInfo Sistem penyampaian permasalahan mesin ATM EDC
1.5.1 Sub Menu Utama
1.5.2 Cek Status Penyelesaian
1.5.3 Laporkan permasalahan baru
1.5.4 Kembali
1.6 Photo Berisi mengenai gallery perbankan
1.7 Call Perintah untuk melakukan panggilan ke no perbankan
1.8 Text Perintah untuk melakukan SMS Kotak Saran
1.9 Mail Perintah untuk mengirimkan email terkait saran
Ubiversitas Sumatera Utara
3.2.2.1 Antar Muka Menu Utama
Gambar 3.16 Rancangan Tampilan Menu Utama di IOS 6.1 dan Android 4.2
Keterangan Gambar 3.16 Tampilan menu utama berisikan icon dan akan mengarahkan ke sub menu. Tampilan utama menggunakan system auto responsive yang mana akan
menyesuaikan dengan ukuran layar atau display. System ini juga dibuat menggunakan Teknik CSS for Retina Display yang meningkatkan ketajaman content dengan
kerapatan dua kali lipat. Berikut akan dijelaskan mengenai script yang digunakan untuk Teknik CSS for Retina Display dan penggunaan HTML 5 untuk tampilan yang
responsive .
a Teknik CSS For Retina Display Berikut potongan script yang digunakan untuk menghasilkan ketajaman pada content
gambar sebagai berikut:
function highdpi_init { ifjQuery.replace-2x.cssfont-size== 1px {
var els = jQuery.replace-2x.get; forvar i = 0; i els.length; i++ {
var src = els[i].src src = src.replace.png, 2x.png;
els[i].src = src;
Ubiversitas Sumatera Utara
} }
} jQuerydocument.readyfunction {
highdpi_init; };
media all and -webkit-min-device-pixel-ratio:2 {
.nav-logo{ background-
image:url..imageslogo mandiri2x.png;
- webkit-background-size: 148px 70px;}
.nav-home{ background-
image:url..imagesnavigationhome2x.png; -
webkit-background-size: 51px 51px;} .nav-about{
background- image:url..imagesnavigationabout2x.png;
- webkit-background-size: 51px 51px;}
.nav-features{ background- image:url..imagesnavigationfeatures2x.png; -webkit-
background-size: 51px 51px;} .nav-portfolio{
background- image:url..imagesnavigationfolio2x.png;
- webkit-background-size: 51px 51px;}
.nav-videos{ background-
image:url..imagesnavigationvideo2x.png; -
webkit-background-size: 51px 51px;} .nav-blog{
background- image:url..imagesnavigationblog2x.png;
- webkit-background-size: 51px 51px;}
.nav-mobile{ background-
image:url..imagesnavigationphone2x.png; -
webkit-background-size: 51px 51px;}
Ubiversitas Sumatera Utara
.nav-sms{ background-
image:url..imagesnavigationchat2x.png; -
webkit-background-size: 51px 51px;} .nav-mail{
background- image:url..imagesnavigationmail2x.png;
- webkit-background-size: 51px 51px;}
.icon-heading{ background- image:url..imagesnavigationheading2x.png;
- webkit-background-size: 20px 20px;}
.deploy-share{ background- image:url..imagesnavigationgo-home2x.png;
-webkit- background-size:16px 16px;}
.deploy-menu{ background- image:url..imagesnavigationnav-deploy2x.png;
- webkit-background-size:16px 16px;}
Diatas merupakan potongan script untuk membuat tampilan konten gambar lebih tajam dan jelas dengan menggunakan teknik CSS For Retina Display. Pada contoh
penulis mengambil potongan script yang dicetak tebal diatas yaitu:
mandiri2x.png ini merupakan sebuah gambar yang berformat .PNG Portable
Network Graphics yang digunakan oleh aplikasi untuk menampilkan logo.
Mandiri.png tersebut akan dua kali dirapatkan dari ukuran yang semula sehingga system harus menemukan sebuah gambar misalnya mandiri.png Dimensi pixel: 148
X 67 maka harus terdapat gambar yang kedua dengan nama gambar mandiri2x.png Dimensi pixel: 296 X 134. Dimensi gambar yang kedua harus dua
kali lipat dari gambar yang pertama. Sistem akan membaca kedua gambar dan menggabungkan kedua gambar tersebut sehingga tampilan gambar lebih jelas dan
tajam. Adapun model teknik penggabungan gambar pada CSS For Retina Display dapat dilihat pada gambar 3.17
Ubiversitas Sumatera Utara
Gambar 3.17 Penggabungan dua gambar dengan Teknik CSS For Retina Display
Berikut untuk lebih jelasnya akan dibandingkan potongan script CSS yang menggunakan teknik CSS For Retina Display dengan script CSS tanpa menggunakan
teknik CSS For Retina Display.
style.css tanpa menggunakan teknik CSS For Retina Display
Untuk Resolusi rendah
.image { background-image: urlpathtomy
mandiri.png;
background-size: 200px 300px; height: 300px;
width: 200px; }
style.css menggunakan teknik CSS For Retina Display
.image { background-image: urlpathtomy
mandiri.png;
background-size: 200px 300px; height: 300px;
width: 200px; }
for high resolution display media only screen and min--moz-device-pixel-ratio: 2,
only screen and -o-min-device-pixel-ratio: 21, only screen and -webkit-min-device-pixel-ratio: 2,
only screen and min-device-pixel-ratio: 2 {
Ubiversitas Sumatera Utara
.image { background: urlpathtomy
mandiri2x.png no-repeat;
background-size: 200px 400px; rest of your styles...
} }
retina.jstambahan javascript dalam teknik CSS For Retina Display
document.readyfunction{ if window.devicePixelRatio 1 {
var lowresImages = img; images.eachfunctioni {
var lowres = this.attrsrc; var highres = lowres.replace., 2x.;
this.attrsrc, highres; };
} };
b Penggunaan HTML 5 untuk tampilan Auto Responsive Tampilan auto responsive adalah tampilan yang dapat menyesuaikan layardisplay
perangkat yang menjalankan aplikasi. Penulis menggunakan model auto responsive agar aplikasi ini dapat digunakan dengan nyaman baik dengan perangkat tablet
ataupun perangkat mobile lainnya. Berikut ini penulis akan membandingkan penggunaan script dengan teknik auto responsive dan script tanpa penggunaan teknik
auto responsive . Adapun perbedaan script akan ditampilkan sebagai berikut:
Ubiversitas Sumatera Utara
Konten.htmltanpa menggunakan auto responsive
DOCTYPE HTML html
head meta http-equiv=Content-Type content=texthtml;
charset=UTF-8 style
.navigation { margin: 20px 0 0 0;
} .navigation ul {
margin: 0; padding: 0;
} .navigation li {
margin: 0 5px 10px 0; padding: 0;
list-style: none; display: inline-block;
display:inline; ie7 }
.navigation a { padding: 3px 12px;
text-decoration: none; color: ff4e00;
line-height: 100; }
.navigation a:hover { color: 000;
} .navigation .current a {
background: 555; color: fff;
Ubiversitas Sumatera Utara
border-radius: 5px; }
style head
body img src=imageslogomandiri.png alt=img class=nav-
logo logo width=148 height=70
div class=content h4 class=slider-heading center-textATM EDC CAREbr
tempat untuk menampung semua permasalahan mesin ATM EDCbr
BSampaikan sekarang juga permasalahan Andabh4 div class=decorationdiv
div class=container big-left-icon --img class=column-icon replace-2x
src=imagesmiscphone.png width=48 alt=img -- h4Jika Anda melihat ATM EDC Bank Mandiri
bermasalahh4 p class=no-bottomSampaikan secara langsung
kepada kami. Aplikasi ini akan membantu untuk menyelesaiakan permasalahan mesin melalui laporan yang
Anda berikan. Aplikasi ini adalah wujud dari pelayanan e-channel Bank Mandiri Kantor Wilayah 1 Medan
p div
div body
html
Ubiversitas Sumatera Utara
Konten.htmlmenggunakan teknik auto responsive
DOCTYPE HTML html
head meta http-equiv=Content-Type content=texthtml;
charset=UTF-8
—TAMBAHAN UNTUK MENYESUAIKAN TINGGI DAN LEBAR PERANGKAT--
meta name=viewport content=width=device-width,
initial-scale=1
titleDemo: Responsive Menutitle style
.navigation { margin: 20px 0 0 0;
} .navigation ul {
margin: 0; padding: 0;
} .navigation li {
margin: 0 5px 10px 0; padding: 0;
list-style: none; display: inline-block;
display:inline; ie7 }
.navigation a { padding: 3px 12px;
text-decoration: none; color: ff4e00;
line-height: 100; }
.navigation a:hover {
Ubiversitas Sumatera Utara
color: 000; }
.navigation .current a { background: 555;
color: fff; border-radius: 5px;
}
TAMBAHAN STYLE untuk AUTORESPONSIVE
media screen and max-width: 500px { .navigation {
position: relative; min-height: 36px;
margin-bottom:10px; }
.navigation ul { width: 180px;
padding: 5px 0; position: absolute;
top: 0; left: 0;
border: solid 1px aaa; background: fff;
border-radius: 5px; box-shadow: 0 1px 2px rgba0,0,0,.3;
} .navigation li {
display: none; menyembunyikan codelicode
margin: 0; }
.navigation .current {
Ubiversitas Sumatera Utara
display: block; menampilkan codelicode yang pertama dengan class current
} .navigation a {
display: block; padding: 5px 5px 5px 32px;
text-align: left; }
.navigation .current a { background: none;
color: 666; }
on navigation hover .navigation ul:hover {
background-image: none; }
.navigation ul:hover li { display: block;
margin: 0 0 5px; }
.sidebar .column-1 { display:block;
} .sidebar .column-3, .sidebar .column-2 {
display:none; }
}
style head
body
Ubiversitas Sumatera Utara
img src=imageslogomandiri.png alt=img class=nav- logo logo width=148 height=70
div class=content h4 class=slider-heading center-textATM EDC CAREbr
tempat untuk menampung semua permasalahan mesin ATM EDCbr
BSampaikan sekarang juga permasalahan Andabh4 div class=decorationdiv
div class=container big-left-icon --img class=column-icon replace-2x
src=imagesmiscphone.png width=48 alt=img -- h4Jika Anda melihat ATM EDC Bank Mandiri
bermasalahh4 p class=no-bottomSampaikan secara langsung
kepada kami. Aplikasi ini akan membantu untuk menyelesaiakan permasalahan mesin melalui laporan yang
Anda berikan. Aplikasi ini adalah wujud dari pelayanan e-channel Bank Mandiri Kantor Wilayah 1 Medan
p div
divbody html
3.2.2.2 Antar Muka Sub Menu
Sub Menu menampilkan beberapa Link Menu yang digunakan oleh nasabah dalam
menyampaikan permasalahan, melihat status permasalahan yang telah dikirimkan, dan kembali ke menu utama. Adapaun tampilan sub menu yang ingin dirancang dapat
dilihat pada gambar 3.18.
Ubiversitas Sumatera Utara
Gambar 3.18 Rancangan Tampilan Sub Menu
3.2.2.3 Antar Muka Form Laporkan permasalahan baru
Form laporkan permasalahan baru digunakan untuk menerima data input dari nasabah. Form ini akan menghubungkan data yang diinput oleh nasabah ke database.
Nasabah dapat menginputkan semua permasalahan mesin ATM EDC melalui form ini untuk disimpan kedalam database. Adapun bentuk form yang akan dibangun dapat
dilihat pada gambar 3.19.
Ubiversitas Sumatera Utara
Gambar 3.19 Rancangan Tampilan form laporkan permasalahan baru
Form laporkan permasalahan memiliki 7 komponen antara lain;
1. Nama Anda : jenis input text, dapat menerima panjang
karakter maximal 30 karakter dan wajib diisi oleh nasabah sebagai tanda pengenal.
2. Email
anda : jenis input email dan harus diisi oleh nasabah untuk media notifikasi.
Ubiversitas Sumatera Utara
3. Handphone
: jenis input number angka dan optional boleh diisi oleh nasabah dan boleh juga tidak diisi
4. Jenis Permasalahan : jenis input select memilih satu dari
pilihan yang tersedia dan wajib diisi oleh nasabah. 5.
Subject : jenis input text, dapat menerima panjang karakter maximal 50 karakter dan wajib diisi oleh nasabah. Subject dapat diisi
dengan ringkasan penjelasan permasalahan judul permasalahan misalnya: ATM Jl. Pulau pinang offline, EDC Toko ABC bermasalah.
6. Keterangan permasalahan : jenis input text area, dapat
menerima panjang karakter maximal 700 karakter dan wajib diisi oleh nasabah. Nasabah dapat mengisi keterangan permasalahan dengan penjelasan
permasalahan secara detail sehingga memudahkan staff dalam menindaklanjuti ataupun menyelesaikan permasalahan tersebut.
7. Lampiran : Nasabah dapat memberikan lampiran dalam
format gambar .jpg, .png misalnya : gambar ATM offline atau pesan error pada mesin ATM EDC. Lampiran ini bersifat optional boleh melampirkan
dan boleh juga tidak melampirkan. Lampiran sangat membantu staff sebagai informasi untuk menindaklanjuti permasalahan yang disampaikan oleh
nasabah tersebut. 8.
Kirimkan laporan : tombol submit yang berfungsi menyampaikan semua data yang diinput pada form untuk diproses pada server
dan disimpan kedalam database.
3.2.2.4 Antar Muka Form Cek Status permasalahan
Form cek status permasalahan digunakan nasabah dalam melihat status permasalahan
yang telah disampaikan sebelumnya. Apakah sudah selesai ditindaklanjuti ataupun belum diselesaikan oleh staff. Melalui form ini nasabah harus menginputkan email
beserta dengan no permasalahan. Kemudian sistem akan mencari status permasalahan dalam database. Adapun bentuk form yang akan dibangun dapat dilihat pada gambar
3.20.
Ubiversitas Sumatera Utara
Gambar 3.20 Rancangan Tampilan form cek status permasalahan
Form laporkan permasalahan memiliki 2 komponen antara lain;
1. Email
anda : jenis input email dan digunakan untuk mengenali permasalahan yang ingin dilihat.
2. Nomor permasalahan : jenis input angka dan wajib diisi
oleh nasabah agar sistem mudah mengenali permasalahan.
3.3 Persiapan Phonegap Framework
Pada bagian ini akan dijelaskan tahap penggunaan phonegap untuk pengembangan aplikasi berbasis Android dan IOS secara detail. Phonegap framework adalah tools
yang digunakan untuk melakukan generate template project untuk masing masing sistem operasi mobile. Namun ada beberapa syarat yang diperlukan dalam instalasi
phonegap framework . Penulis menggunakan komputer yang menggunakan sistem
operasi Mac OS Maverick dalam implementasi sistem. Adapun tahapannya untuk instalasi adalah sebagai berikut :
1. Instalasi node.js dari website http:nodejs.org, setelah melakukan download
secara gratis maka extract dan install paket tersebut. 2.
Setelah itu akan ada dua path yang dihasilkan dari instalasi node.js
Ubiversitas Sumatera Utara
a Node telah terinstall pada path :
usrlocalbinnode b
NPM telah terinstall pada path : usrlocalbinnpm c
usrlocalbin harus masuk kedalam PATH
3. Instalasi phonegap framework melalui terminal Command Line dapat dilihat
pada gambar 3.21. sudo npm install -g phonegap
Gambar 3.21 Instalation Phonegap with Command Line Terminal
3.3.1 Phonegap Framework di Android
Pada bagian ini akan dijelaskan mengenai pembuatan generate project Android dengan phonegap framework. Adapun langkahnya adalah sebagai berikut :
a Buka terminalcommand line dan input perintah berikut untuk
pembuatan project android phonegap create my-app
cd my-app phongap run android
b Setelah berhasil melakukan perintah diatas maka akan tampil berupa
project android yang masih kosongpada gambar 3.22.
Ubiversitas Sumatera Utara
Gambar 3.22 Hasil Project Android dari Phonegap Framework
c Untuk membuka project Android tersebut maka harus menggunakan
compiler yang sudah tersedia untuk Android yang digunakan penulis
adalah Compiler Eclipse yang sudah ditambahkan dengan Android SDK
dan ADT Plugin seperti gambar 3.23
Gambar 3.23 Project Android pada Eclipse
d Setelah itu penulis membuat AVD Android Virtual Device untuk
melakukan Run Program Android melihat tampilan aplikasi yang dirancang.
Ubiversitas Sumatera Utara
3.3.2 Phonegap Framework di IOS
Pada bagian ini akan dijelaskan mengenai pembuatan generate project IOS dengan phonegap framework. Adapun langkahnya adalah sebagai berikut :
a Buka terminalcommand line dan input perintah berikut untuk
pembuatan project IOS. Pada contoh penulis membuat nama project :my.atm, nama folder : myatm dan nama package atm.adyazp.adya.
Sehingga syntax sebagai berikut: .phonegap-2.9.1libiosbincreate
myatm atm.adyazp.adya myatm
b Setelah berhasil melakukan perintah diatas maka akan tampil berupa
project IOS yang masih kosong terlihat pada gambar3.24.
Gambar 3.24 hasil project IOS dari Phonegap Framework
c Untuk membuka project IOS tersebut maka harus menggunakan compiler
yang sudah tersedia untuk IOS yang digunakan penulis adalah Compiler Xcode
yang sudah dilengkapi simulator seperti gambar 3.25.
Ubiversitas Sumatera Utara
Gambar 3.25 Project IOS pada Xcode
3.4 Pembuatan Aplikasi penyampaian permasalahan mesin ATM EDC
Setelah menyiapkan project Android dan IOS, Penulis akan menyiapkan aplikasi berbasis mobile web untuk dimasukkan kedalam project yang telah dibuat
sebelumnya. Phonegap framework memerlukan mobile web untuk membangun aplikasi mobile berbasis IOS dan Android sehingga pada tahap ini penulis akan
mengembangkan aplikasi penyampaian permasalahan mesin ATM EDC berbasis mobile web
.
3.4.1 Rancangan Sistem untuk halaman Admin
Halaman Admin digunakan untuk melakukan aktivitas admin seperti : Mengelola departemen, mengelola staff, mengelola jenis permasalahan dan melihat dashboard.
Penulis akan menjabarkan semua rancangan aktivitas tersebut.
3.4.1.1 Rancangan Antar muka Login untuk Admin
Untuk masuk ke halaman admin, Admin harus terlebih dahulu melakukan login.
Adapun potongan script yang digunakan untuk membentuk halaman login
untuk Admin adalah sebagai berikut:
Ubiversitas Sumatera Utara
login.php
?php require_once..main.inc.php;
ifdefinedINCLUDE_DIR dieFatal Error. Kwaheri;
require_onceINCLUDE_DIR.class.staff.php; require_onceINCLUDE_DIR.class.csrf.php;
dest = _SESSION[_staff][auth][dest]; msg = _SESSION[_staff][auth][msg];
msg = msg?msg:Authentication Required; if_POST {
_SESSION[_staff]=array; Uncomment to disable login strikes.
ifuser=Staff::login_POST[username], _POST[passwd], errors{
dest=dest strstrdest,login.php strstrdest,ajax.php?dest:index.php;
headerLocation: dest; require_onceindex.php; Just incase
header is messed up. exit;
}
msg = errors[err]?errors[err]:Invalid login;
} defineOSTSCPINC,TRUE; Make includes happy
include_onceINCLUDE_DIR.stafflogin.tpl.php; ?
Ubiversitas Sumatera Utara
login.tpl.php
?php definedOSTSCPINC or dieInvalid path;
info = _POST errors?Format::htmlchars_POST:array;
? DOCTYPE html
html xmlns=http:www.w3.org1999xhtml xml:lang=en lang=en
head script type=textjavascript
document.readyfunction { input:not.dp:visible:enabled:first.focus;
}; script
head body id=loginBody
div id=loginBox h1 id=logoa href=index.phpATM EDC Care
Bank Mandiri Kantor Wilayah 1 Medanah1 h3?php echo Format::htmlcharsmsg; ?h3
form action=login.php method=post ?php csrf_token; ?
input type=hidden name=do value=scplogin
fieldset input type=text name=username
id=name value=?php echo info[username]; ? placeholder=username autocorrect=off
autocapitalize=off
Ubiversitas Sumatera Utara
input type=password name=passwd id=pass placeholder=password autocorrect=off
autocapitalize=off fieldset
input class=submit type=submit name=submit value=Log In
form div
div id=copyRightsCopyright copy; aApp Made by Adya ZP Bank Mandiri Kantor Wilayah 1
Medanadiv body
html
Script diatas merupakan script yang digunakan untuk mengkoneksikan form
login kedalam database. Form tersebut berisikan input untuk username dan password.
Admin dapat memasukkan username dan password kemudian Sistem akan mengecek validasi data. Jika sesuai maka admin tersebut
memiliki otorisasi untuk masuk ke halaman Admin.
3.4.1.2 Rancangan halaman utama admin
Setelah Admin berhasil login maka akan masuk kedalam halaman Admin. Adapaun potongan script yang dirancang penulis untuk membentuk sebuah
halaman Admin adalah sebagai berikut:
home.php
?php switch_POST[a] {
case mass_process: ifthisstaff-canManageTickets
Ubiversitas Sumatera Utara
errors[err]=You do not have permission to mass manage tickets. Contact admin for
such access; elseif_POST[tids]
|| is_array_POST[tids]
errors[err]=No tickets selected. You must select at least one ticket.;
else { count=count_POST[tids];
i = 0; switchstrtolower_POST[do]
{ case reopen:
ifthisstaff- canCloseTickets || thisstaff-
canCreateTickets { note=Ticket
reopened by .thisstaff-getName;
foreach_POST[tids] as k=v { ifi==count
msg = Selected tickets i marked overdue;
elseifi warn =
i of count selected tickets marked overdue;
else errors[err] =
Unable to flag selected tickets as overdue; break;
case delete: ifthisstaff-
canDeleteTickets {
Ubiversitas Sumatera Utara
foreach_POST[tids] as k=v {
ift=Ticket::lookupv t-delete i++; }
Log a warning ifi {
log = sprintfs s just deleted d tickets,
thisstaff-getName, thisstaff-getUserName, i;
ost- logWarningTickets deleted, log, false;
} }
} break;
case open: ticket=null;
ifthisstaff || thisstaff- canCreateTickets {
errors[err]=You do not have permission to create tickets. Contact admin for such
access; } else {
vars = _POST; if_FILES[attachments]
vars[files] = AttachmentFile::format_FILES[attachments];
Ubiversitas Sumatera Utara
ifticket=Ticket::openvars, errors {
msg=Ticket created successfully;
_REQUEST[a]=null; ifticket-
checkStaffAccessthisstaff || ticket- isClosed
ticket=null; } elseiferrors[err] {
errors[err]=Unable to create the ticket. Correct the errors and try
again; }
} break;
} }
iferrors thisstaff -resetStats; Well need to
reflect any changes just made endif;
... Quick stats ... stats= thisstaff-getTicketsStats;
Navigation nav-setTabActivetickets;
ifcfg-showAnsweredTickets { nav-addSubMenuarraydesc=Open
.number_formatstats[open]+stats[answered]. ,
title=Open Tickets,
Ubiversitas Sumatera Utara
href=tickets.php, iconclass=Ticket,
_REQUEST[status] || _REQUEST[status]==open;
} else {
ifstats[assigned] { ifost-getWarning stats[assigned]10
ost-setWarningstats[assigned]. tickets assigned to you Do something about it;
nav-addSubMenuarraydesc=Permasalahan Saya .number_formatstats[assigned].,
title=Assigned Tickets,
href=tickets.php?status=assigned,
iconclass=assignedTickets,
_REQUEST[status]==assigned; }
ifstats[overdue] { nav-addSubMenuarraydesc=Permasalahan
terlambat .number_formatstats[overdue]., title=Stale Tickets,
href=tickets.php?status=overdue,
iconclass=overdueTickets,
Ubiversitas Sumatera Utara
_REQUEST[status]==overdue;
ifsysnotice stats[overdue]10 sysnotice=stats[overdue] . overdue
tickets; }
?
3.4.2 Rancangan Sistem untuk halaman Staff