BAB V KESIMPULAN DAN SARAN
ANALISIS DAN PERANCANGAN
3.4 Pembuatan Aplikasi penyampaian permasalahan mesin ATM & EDC
3.4.3 Rancangan Sistem untuk halaman nasabah (pelapor)
3.4.3.2 Rancangan halaman sub menu untuk nasabah
Pada tahap ini penulis akan merancangan tampilan sub menu untuk nasabah. Sub menu ini digunakan untuk menu pelaporan permasalahan mesin ATM & EDC. Adapun potongan script dan hasil perancangan yang dibuat penulis akan dibuat dengan sistem auto responsive dan teknik CSS for retina display.
a) Perancangan menu awal sub menu index.php
<script type=”text/javascript”>
function validate(&$data, $format) { global $ost;
//Call parent to Validate the structure if(!parent::validate($data, $format))
$this->exerr(400, 'Unexpected or invalid data received');
//Nuke attachments IF API files are not allowed.
if(!$ost->getConfig()- >allowAPIAttachments())
$data['attachments'] = array();
//Validate attachments: Do error checking... soft fail - set the error and pass on the request. if($data['attachments'] && is_array($data['attachments'])) { foreach($data['attachments'] as &$attachment) { if(!$ost- >isFileTypeAllowed($attachment)) $data['error'] = 'Invalid
file type (ext) for '.Format::htmlchars($attachment['name']);
elseif ($attachment['encoding']
&& !strcasecmp($attachment['encoding'], 'base64')) {
if(!($attachment['data'] = base64_decode($attachment['data'], true)))
$attachment['error'] = sprintf('%s: Poorly encoded base64 data', Format::htmlchars($attachment['name'])); } } unset($attachment); } return true; } </script>
<body class="<?php echo $bodyclass; ?>"> <header class="container">
<div class="row">
<div class="twelvecol last">
<h1><img src="<?php echo ROOT_PATH; ?>images/mandiri.png"><h1>
<!--<h1><a href="<?php echo ROOT_PATH; ?>index.php" title="Support Ticket Center" class="title">Bank Mandiri Kantor Wilayah 1 Medan</a></h1> -->
<nav id="mainNav"> <ul id="topNav">
<li><a class="home" href="<?php echo ROOT_PATH; ?>index.php">Menu
Utama</a></li>
<?php if($thisclient && is_object($thisclient) && $thisclient- >isValid()) { ?>
<li><a class="my_tickets"
?>tickets.php">Laporan Permasalahan Saya</a></li>
<?php } else { ?>
<li><a class="ticket_status" href="<?php echo ROOT_PATH; ?>tickets.php">Cek Status Penyelesaian</a></li>
<?php } ?>
<li><a class="new_ticket"
href="<?php echo ROOT_PATH; ?>open.php">Laporkan Permasalahan Baru</a></li>
<li><a class="Kembali" href="<?php echo ROOT_PATH; ?>index.php">Kembali</a></li>
<?php
if($thisclient && is_object($thisclient) && $thisclient->isValid()) { ?>
<li><a class="log_out" href="<?php echo ROOT_PATH; ?>logout.php">Log Out</a></li> <?php } ?> </ul> </nav> <a href="#" id="mobileNavLink">Nav</a> </div> </div> </header> <?php
if($cfg && $cfg->isKnowledgebaseEnabled()){
?>
<div class="row">
<div class="twelvecol last">
<!--<p>Be sure to browse our <a href="kb/index.php">Frequently Asked Questions (FAQs)</a>, before opening a ticket.</p> -->
</div> </div>
</div>
b) Perancangan form laporkan permasalahan baru open.php
<?php
if(!defined('OSTCLIENTINC')) die('Access Denied!');
$info=array();
if($thisclient && $thisclient->isValid()) { $info=array('name'=>$thisclient->getName(), 'email'=>$thisclient->getEmail(), 'phone'=>$thisclient->getPhone(), 'phone_ext'=>$thisclient->getPhoneExt()); } $info=($_POST && $errors)?Format::htmlchars($_POST):$info; ?> <div class="container"> <div class="row">
<div class="twelvecol last">
<p class="headline">Silahkan isi form berikut untuk melaporkan permasalahan baru.</p>
</div> </div>
<div class="container greyBlock"> <div class="row">
<div class="twelvecol last">
<form id="ticketForm" method="post"
action="open.php" enctype="multipart/form-data"> <?php csrf_token(); ?>
<input type="hidden" name="a" value="open">
<div>
<label>Nama Anda: <span
class="required">(diperlukan)</span></label>
<?php
if($thisclient && $thisclient->isValid()) { echo $thisclient->getName();
} else { ?>
<input id="name" type="text" name="name" size="25" value="<?php echo $info['name']; ?>">
<font class="error">* <?php echo $errors['name']; ?></font>
<?php } ?> </div>
<div>
<label>Email Anda: <span
class="required">(diperlukan)</span></label>
<?php
echo $thisclient->getEmail(); } else { ?>
<input id="email" type="text" name="email"
size="25" value="<?php echo $info['email']; ?>"> <font class="error">* <?php echo
$errors['email']; ?></font> <?php } ?> </div> <div> <label>Handphone:</label>
<input id="phone" type="text" name="phone"
size="17" value="<?php echo $info['phone']; ?>"> <font class="error"> <?php echo
$errors['phone']; ?> <?php echo $errors['phone_ext']; ?></font>
</div>
<div>
<label>Jenis Permasalahan: <span
class="required">(diperlukan)</span></label>
<select id="topicId" name="topicId">
<option value="" selected="selected" >— Pilih permasalahan —</option>
<?php
if($topics=Topic::getPublicHelpTopics()) { foreach($topics as $id =>$name) {
$id,
($info['topicId']==$id)?'selected="selected"':'', $name);
}
} else { ?>
<option value="0" >General Inquiry</option> <?php
} ?>
</select>
<font class="error">* <?php echo $errors['topicId']; ?></font>
</div>
<div>
<label>Subject:(mis: ATM .. ) <span
class="required">(diperlukan)</span></label>
<input id="subject" type="text" name="subject" size="40" value="<?php echo $info['subject']; ?>"> <font class="error">* <?php echo
$errors['subject']; ?></font> </div>
<div>
<label>Keterangan Permasalahan:</label>
<div><em>Mohon berikan keterangan yang jelas dan detail.</em></div>
<textarea id="message" cols="60" rows="8" name="message"><?php echo $info['message']; ?></textarea>
<font class="error">* <?php echo $errors['message']; ?></font> </div> <?php if(($cfg->allowOnlineAttachments() && !$cfg- >allowAttachmentsOnlogin()) || ($cfg->allowAttachmentsOnlogin() &&
($thisclient && $thisclient->isValid()))) { ?> <div>
<label>Lampiran Photo(jpg, png) *jika Ada:</label>
<div class="uploads"></div><br>
<input type="file" class="multifile"
name="attachments[]" id="attachments" size="30" value="" />
<font class="error"> <?php echo $errors['attachments']; ?></font> </div> <?php } ?> <?php if($cfg->allowPriorityChange() && ($priorities=Priority::getPriorities())) { ?> <div> <label>Ticket Priority:</label>
<select id="priority" name="priorityId"> <?php
if(!$info['priorityId']) $info['priorityId'] = $cfg-
>getDefaultPriorityId(); //System default. foreach($priorities as $id =>$name) {
$id, ($info['priorityId']==$id)?'selected="selected"':' ', $name); } ?> </select>
<font class="error"> <?php echo $errors['priorityId']; ?></font> </div> <?php } ?> <?php
if($cfg && $cfg->isCaptchaEnabled() &&
(!$thisclient || !$thisclient->isValid())) { if($_POST && $errors && !$errors['captcha']) $errors['captcha']='Please re-enter the text again';
?>
<div class="captchaRow">
<span class="captcha"><img src="captcha.php" border="0" align="left"></span>
<input id="captcha" type="text" name="captcha" size="6">
<em>Enter the text shown on the image.</em> <font class="error">* <?php echo
$errors['captcha']; ?></font> </div>
<?php } ?>
<input type="submit" class="button" value="Kirimkan Laporan">
</form> </div> </div> </div>
c) Perancangan form cek status permasalahan view.php
<div>
<div id="reply" class="clear" style="padding- bottom:10px;">
<?if($ticket->isClosed()) {?>
<div class="msg">Ticket will be reopened on message post</div>
<?}?>
<?php if($errors['err']) { ?>
<div id="msg_error"><?php echo $errors['err']; ?></div>
<?php }elseif($msg) { ?>
<div id="msg_notice"><?php echo $msg; ?></div> <?php }elseif($warn) { ?>
<div id="msg_warning"><?php echo $warn; ?></div> <?php } ?>
<form id="reply" action="tickets.php?id=<?php echo $ticket->getExtId(); ?>#reply" name="reply"
method="post" enctype="multipart/form-data"> <?php csrf_token(); ?>
<input type="hidden" name="id" value="<?php echo $ticket->getExtId(); ?>">
<input type="hidden" name="a" value="reply"> <div>
<label> Kirim Pesan:</label>
<span id="msg"><em><?php echo $msg; ?> </em></span>
<textarea name="message" id="message" cols="50" rows="9" wrap="soft"><?php echo $info['message']; ?></textarea> </div> <?php if($cfg->allowOnlineAttachments()) { ?> <div> <label for="attachment">Lampiran:</label> <div class="uploads"> </div> <div class="file_input">
<input class="multifile" type="file"
name="attachments[]" size="30" value="" /> </div>
</div> <?php } ?>
<input type="submit" value="Posting Balasan" class="button" id="postReply">
</form> </div> </div>