[ Mini Kiebo ]
Server: Windows NT AKFAR_SERVER 10.0 build 26200 (Windows 10) AMD64
Path:
D:
/
BACKUP C 19-12
/
XAMPP74
/
htdocs
/
pmb
/
[
Home
]
File: laporand3farmasistatussekolah.php
<?php session_start(); include'config.php'; ?> <!DOCTYPE html> <html lang="zxx"> <head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>PMB Akfar Bumsil</title> <meta name="description" content="PMB Akfar Bumsil"> <meta name="keywords" content="PMB, bumsil"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- Favicon --> <link href="img/logo_ico.ico" rel="shortcut icon"/> <!-- Google font --> <link href="https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,500,500i,600,600i,700,700i&display=swap" rel="stylesheet"> <!-- Stylesheets --> <link rel="stylesheet" href="css/bootstrap.min.css"/> <link rel="stylesheet" href="css/font-awesome.min.css"/> <link rel="stylesheet" href="css/owl.carousel.min.css"/> <link rel="stylesheet" href="css/slicknav.min.css"/> <link rel="stylesheet" href="css/tabel.css"/> <!-- Main Stylesheets --> <link rel="stylesheet" href="css/style.css"/> <!-- Grafik Chart --> <script type="text/javascript" src="chartjs/Chart.js"></script> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <![endif]--> </head> <body> <!-- Page Preloder --> <div id="preloder"> <div class="loader"></div> </div> <!-- Header section --> <header class="header-section clearfix"> <a href="homeadmin.php" class="site-logo"> <img src="img/logokecil.png" alt=""> </a> <div class="header-right"> <div class="user-panel"> <a href="home.php" class="hr-btn">Log Out</a> </div> </div> <ul class="main-menu"> <li><a href="homeadmin.php">Home</a></li> <li><a href="daftar1admin.php">Pendaftaran PMB</a></li> <li><a href="datapendaftar.php">Data Pendaftar</a></li> <li><a href="homekartu.php">Cetak Kartu PMB</a></li> <li><a href="laporan.php">Laporan</a> <ul class="sub-menu"> <li><a href="laporand3farmasi.php">Laporan D3 Farmasi</a></li> </ul> </li> <li><a href="dataadmin.php">Data Admin</a></li> </ul> </header> <!-- Header section end --> <!-- Tabel section end --> <section class="premium-section spad"> <div class="container"> <header> <h3>Laporan PMB D3 Farmasi</h3> </header> <div style="width: 800px;margin: 0px auto;"> <canvas id="myChart"></canvas> <p> </p> <caption class="title">Laporan Peserta Per Status Sekolah</caption> <p> </p> <?php //Inisialisasi nilai variabel awal $nama_jurusan= ""; $jumlah=null; //Query SQL $sql="select statussekolah,COUNT(*) as 'total' from peserta GROUP by statussekolah"; $hasil=mysqli_query($koneksi,$sql); while ($data = mysqli_fetch_array($hasil)) { //Mengambil nilai jurusan dari database $jur=$data['statussekolah']; $nama_jurusan .= "'$jur'". ", "; //Mengambil nilai total dari database $jum=$data['total']; $jumlah .= "$jum". ", "; } ?> <script> var ctx = document.getElementById('myChart').getContext('2d'); var chart = new Chart(ctx, { // The type of chart we want to create type: 'bar', // The data for our dataset data: { labels: [<?php echo $nama_jurusan; ?>], datasets: [{ label:'Data Status Sekolah ', backgroundColor: ['rgb(255, 99, 132)', 'rgba(56, 86, 255, 0.87)', 'rgb(60, 179, 113)','rgb(175, 238, 239)'], borderColor: ['rgb(255, 99, 132)'], data: [<?php echo $jumlah; ?>] }] }, // Configuration options go here options: { scales: { yAxes: [{ ticks: { beginAtZero:true } }] } } }); </script> </div> <p> <p> <a href="laporand3farmasi.php" class="btn btn-danger btn-block">Kembali</a> </p> </div> </section> <!-- Tabel section end --> <!-- Footer section --> <footer class="footer-section"> <div class="container"> <div class="row"> <div class="col-xl-6 col-lg-5 order-lg-1"> <img src="img/logokecil.png" alt=""> <div class="copyright"><!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. --> Copyright ©<script>document.write(new Date().getFullYear());</script> All rights reserved | ICT Akfar Bumsil <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. --></div> <div class="social-links"> <a href="https://www.instagram.com/akfarbumsil/" target="_blank"><i class="fa fa-instagram"></i></a> <a href=""><i class="fa fa-facebook"></i></a> <a href="https://www.youtube.com/channel/UCH977lptXXP3PuNoOrJSbiQ" target="_blank"><i class="fa fa-youtube"></i></a> </div> </div> </div> </div> </footer> <!-- Footer section end --> <!--====== Javascripts & Jquery ======--> <script src="js/jquery-3.2.1.min.js"></script> <script src="js/bootstrap.min.js"></script> <script src="js/jquery.slicknav.min.js"></script> <script src="js/owl.carousel.min.js"></script> <script src="js/mixitup.min.js"></script> <script src="js/main.js"></script> </body> </html>