hai semua.
Disini Nursam ingin menjelaskan mengenai tampilan pada Viewboard iDuHelp! yaitu Viewboard dapat menampilkan tampilan Userfriendly, tau apa itu tampilan user friendly?? yaitu adalah tampilan yang dimana bisa dioperasikan sangat mudah dan di dioperasikan dengan sederhana. 🙂
Berikut tampilan yang ada pada Viewboard iDuHelp!
<html lang=”en”><head> <meta charset=”utf-8″>
<meta http-equiv=”X-UA-Compatible” content=”IE=edge”>
<meta name=”viewport” content=”width=device-width, initial-scale=1″>
<meta name=”description” content=””>
<meta name=”author” content=””>
<link rel=”shortcut icon” href=”https://lh3.googleusercontent.com/-5z3_jeHAkXw/Vl2AZxIQ-gI/AAAAAAAABsU/y5iHBX6A7YQ/s426/logo.png”>
<title>ViewBoard iDuHelp!</title>
<!– Bootstrap Core CSS –>
<link href=”css/bootstrap.min.css” rel=”stylesheet”>
<!– Custom CSS –>
<link href=”css/sb-admin.css” rel=”stylesheet”>
<!– Morris Charts CSS –>
<link href=”css/plugins/morris.css” rel=”stylesheet”>
<!– Custom Fonts –>
<link href=”font-awesome/css/font-awesome.min.css” rel=”stylesheet” type=”text/css”>
<!– HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries –>
<!– WARNING: Respond.js doesn’t work if you view the page via file:// –>
<!–[if lt IE 9]>
<script src=”https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js”></script>
<script src=”https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js”></script>
<![endif]–>
</head>
<body>
<div id=”wrapper”>
<!– Navigation –>
<nav class=”navbar navbar-inverse navbar-fixed-top” role=”navigation”>
<!– Brand and toggle get grouped for better mobile display –>
<div class=”navbar-header”>
<button type=”button” class=”navbar-toggle” data-toggle=”collapse” data-target=”.navbar-ex1-collapse”>
<span class=”sr-only”>Toggle navigation</span>
<span class=”icon-bar”></span>
<span class=”icon-bar”></span>
<span class=”icon-bar”></span>
</button>
<a style=”color:white” class=”navbar-brand” href=”index.php” style=”Font-size:25px” ><div style=”font-family: ‘Forte’ , serif;”> <b>ViewBoard</b> iDuHelp!</div></a>
</div>
<!– Top Menu Items –>
<ul class=”nav navbar-right top-nav”>
</br>
<!– BEGIN: Powered by Supercounters.com –>
<?php
include ‘counter.php’;
?>
<!– END: Powered by Supercounters.com –>
<!– Sidebar Menu Items – These collapse to the responsive navigation menu on small screens –>
<div class=”collapse navbar-collapse navbar-ex1-collapse”>
<ul class=”nav navbar-nav side-nav”>
<li class=”active”>
<a style=”color:white” href=”index.php”><i class=”fa fa-home”></i> <b>Home</b></a>
</li>
<li>
<a style=”color:white” href=”javascript:;” data-toggle=”collapse” data-target=”#grafik”><i class=”fa fa-fw fa-bar-chart-o”></i> <span><b>History Report</b></span>
<i class=”fa fa-angle-left pull-right”></i></a>
<ul id=”grafik” class=”collapse”>
<li>
<a style=”color:white” href=”rekap.php”><i class=”fa fa-arrow-circle-o-right”></i> Peforma Operator iDuHelp! (Tabel)</a>
</li>
<li>
<a style=”color:white” href=”charts.php”><i class=”fa fa-arrow-circle-o-right”></i> Peforma Operator iDuHelp! (Chart)</a>
</li>
<!–Chart Peforma Operators iDuHelp! perbulan–>
</ul>
</li>
<li>
<a style=”color:white” href=”http://iduhelp.ilearning.me/” target=”_blank”><i class=”fa fa-mail-forward”></i> iMe iDuHelp!</a>
</li>
<li>
<a style=”color:white” href=”http://rhjfox.com/” target=”_blank”><i class=”fa fa-mail-forward”></i> Forum RhjFox</a>
</li>
<li>
<a style=”color:white” href=”http://leaderboard.raharja.info/” target=”_blank”><i class=”fa fa-mail-forward”></i> Rooster ViewBoard</a>
</li>
<li>
<a style=”color:white” href=”FAQ.php”><i class=”fa fa-fw fa-bullhorn”></i> FAQ iDuHelp!</a>
<!–<a style=”color:white” href=”#” data-toggle=”collapse” data-target=”#faq”><i class=”fa fa-fw fa-bullhorn”></i> FAQ iDuHelp! <i class=”fa fa-angle-left pull-right”></i></a>
<ul id=”faq” class=”collapse”>
<li>
<a style=”color:white” href=”#”><i class=”fa fa-arrow-circle-o-right”></i> FAQ iDuHelp! Item 1</a>
</li>
<li>
<a style=”color:white” href=”#”><i class=”fa fa-arrow-circle-o-right”></i> FAQ iDuHelp! Item 2</a>
</li>
</ul>–>
</li>
<!– <li>
<a style=”color:white” href=”lastlogin.php”><i class=”fa fa-fw fa-group”></i> Last Login Operators</a>
</li>–>
</ul>
</div>
<!– /.navbar-collapse –>
</nav>
<div id=”page-wrapper”>
<div class=”container-fluid”>
<!– Page Heading –>
<div class=”row”>
<div class=”col-lg-12″>
</body>
</html>
Terima kasih 🙂