Size: px
Start display at page:

Download ""

Transcription

1

2

3

4

5

6

7

8

9

10 index.php <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv = "X-UA-Compatible" content="ie=edge"> <title>pemetaan Gizi Palembang</title> <meta content = "width=device-width, initialscale=1, maximum-scale=1, user-scalable=no" name = "viewport"> <link rel = "stylesheet" href = "bootstrap/css/bootstrap.min.css"> <link rel = "stylesheet" href = "dist/css/adminlte.min.css"> <style media="all"> h2color: #cccccc; text-shadow: 2px 2px 4px #000000; font-family: impact; h3color: #ffffff; text-shadow: 3px 3px 4px #000000; font-family: impact; h5color: #ffffff; </style> </head> <body class="hold-transition skin-blue sidebarmini"> <div class="content-wrapper" style="marginleft:0px;"> <section class="content"> <div class="row"> <div class="col-md-12" align="center"> <h3>sistem informasi Pemetaan Gizi Balita</h3> <h3>pada Dinas Kesehatan Kota Palembang</h3> <br><br><br><br> <div class="col-md-4"> <div class="col-md-4"> <div class="login-box-body"> <p class="login-box-msg">silakan Login!!!</p> <form action="cek_login.php" method="post"> <div class="form-group has-feedback"> <input type="text" class="form-control" name="username" placeholder="username" required oninvalid="this.setcustomvalidity('username Tidak Boleh Kosong')" oninput="setcustomvalidity('')"> <span class="glyphicon glyphicon-user formcontrol-feedback"></span> <div class="form-group has-feedback"> <input type="password" class = "form-control" name="password" placeholder = "Password" required Oninvalid = "this.setcustomvalidity('password Tidak Boleh Kosong')" oninput = "setcustomvalidity('')"> <span class = "glyphicon glyphicon-lock formcontrol-feedback"></span> <div class="row"> <div class="col-xs-4"> <button type="submit" class="btn btn-primary btnblock btn-flat">sign In</button> </form> <div class = "panel-footer panel-primary" style="background-color:#3c8dbc;"> <strong><center><h5> 2017 Sundari Nanang</h5></center></strong> <div class="col-md-4"></section> <script src = "plugins/jquery/jquery min.js"> </script> <script src="dist/js/app.min.js"></script> </body> </html> cek_login.php <? include("koneksi.php"); $sql=mysql_query("select * from user where username='$_post[username]' and password='$_post[password]'")or die("salah"); $data=mysql_fetch_array($sql); $ketemu=mysql_num_rows($sql); if($ketemu > 0 and $data[level]=='admin_puskes') session_start(); session_register("id_user"); session_register("username"); session_register("password"); session_register("nama_user"); session_register("level"); $_SESSION[id_user] = $data[id_user]; $_SESSION[username] = $data[username]; $_SESSION[password] = $data[password]; $_SESSION[nama_user] = $data[nama_user]; $_SESSION[level] = $data[level]; header("location:admin_puskes/utama.php?page=b eranda"); if($ketemu > 0 and $data[level] == 'admin_dinkes') session_start(); session_register("id_user"); session_register("username"); session_register("password"); session_register("nama_user"); session_register("level"); $_SESSION[id_user] = $data[id_user]; $_SESSION[username] = $data[username]; $_SESSION[password] = $data[password]; $_SESSION[nama_user] = $data[nama_user]; $_SESSION[level] = $data[level]; header("location:admin_dinkes/utama.php?page=b eranda"); if($ketemu > 0 and $data[level]=='kepala') session_start(); session_register("id_user");

11 session_register("username"); session_register("password"); session_register("nama_user"); session_register("level"); $_SESSION[id_user] = $data[id_user]; $_SESSION[username] = $data[username]; $_SESSION[password] = $data[password]; $_SESSION[nama_user] = $data[nama_user]; $_SESSION[level] = $data[level]; header("location:kepala/utama.php?page=beranda" ); echo"<script>alert('username dan Password salah!');window.location.href='index.php';</script"; logout.php <?php session_start(); session_destroy(); echo"<script>alert('logout Suksess!!');document.location.href='index.php'</sc ript>"; koneksi.php <? $host = "localhost"; $user = "root"; $pass = ""; $name = "dbdinkes"; $koneksi = mysql_connect($host, $user, $pass) or die("koneksi ke database gagal!"); $conn = new mysqli($host, $user, $pass, $name); mysql_select_db($name, $koneksi) or die("tidak ada database yang dipilih!"); //halaman admin dinkes utama.php <?php session_start(); if (!isset($_session['username'])) echo "<link href = '../config/adminstyle.css' rel='stylesheet' type='text/css'> <center> Ilegal Acces, Anda harus login <br>"; echo "<a href =../index.php><b>login</b></a></center>"; <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv = "X-UA-Compatible" content="ie=edge"> <title>admin Dinkes Palembang</title> <meta content="width=device-width, initialscale=1, maximum-scale=1, user-scalable=no" name="viewport"> <link rel = "stylesheet" href = "../bootstrap/css/bootstrap.min.css"> <link rel="stylesheet" href="../bootstrap/css/fontawesome.css"> <link rel = "stylesheet" href="../bootstrap/css/bootstrap-glyphicon.css"> <script type="text/javascript" src="../bootstrap/js/jquery min.js"></script> <link rel = "stylesheet" href="../dist/css/adminlte.min.css"> <link rel = "stylesheet" href="../bootstrap/css/jquery.datatables.min.css"> <link rel="stylesheet" href="../dist/css/skins/_allskins.min.css"> </head> <body class="hold-transition skin-blue layout-topnav"> <div class="wrapper"> <header class="main-header"> <nav class="navbar navbar-static-top" style="background-color:#0c3a55"> <div class="container"> <!-- Collect the nav links, forms, and other content for toggling --> <div class="collapse navbar-collapse pull-left" id="navbar-collapse"> <ul class="nav navbar-nav"> <li class="active"><a href="?page=beranda">home<span class="sronly">(current)</span></a></li> <li class="dropdown"> <a href="#" class="dropdown-toggle" datatoggle="dropdown">grafik Sebaran <span class="caret"></span></a> <ul class="dropdown-menu" role="menu"> <li><a href="?page=grafik_gizi_buruk">balita Gizi Buruk</a></li> <li><a href="?page=grafik_gizi_kurang">balita Gizi Kurang</a></li> <li><a href="?page=grafik_balita_pendek">balita Pendek</a></li> <li><a href="?page=grafik_balita_gemuk">balita Gemuk</a></li> </ul> </li> <li><a href="?page=data_puskesmas">data Puskesmas</a></li> <li><a href="?page=data_user">data User</a></li> <li><a href="?page=data_balita">data Balita</a></li> <li><a href="?page=pemetaan_gizi">pemetaan Gizi</a></li> </ul>

12 <div class="collapse navbar-collapse pull-right" id="navbar-collapse"> <ul class="nav navbar-nav"> <li class="dropdown user user-menu"> <a href="#" class="dropdown-toggle" datatoggle="dropdown"> <img src="../dist/img/logo_dinkes.png" class="user-image" alt="user Image"> <span class="hiddenxs"><?=$_session['nama_user']</span></a>< /li><li class="active treeview"> <a href="../logout.php"> <i class="glyphicon glyphicon-logout"></i><span> Logout</span></a></li></ul> </nav></header> <div class="content-wrapper"> <div class="container"> <section class="content"> <div class = "col-md-12"> <? include"tengah.php";</section></di v> <footer class="main-footer"> <div class="pull-right hidden-xs"> <b>manajemen Informatika</b> <strong>copyright 2017 Sundari Nanang Politeknik Negeri Sriwijaya</strong> </footer> <script src="../plugins/jquery/jquery min.js"></script> <script src="../bootstrap/js/bootstrap.min.js"></script> <script src="../dist/js/app.min.js"></script> <script src="../bootstrap/js/jquery.datatables.min.js"> </script> <script src="../bootstrap/js/app.js"></script> <script src="../bootstrap/js/jquery.min.js" type = "text/javascript"></script> </body> </html> <? tengah.php <? if($_get['page']=="beranda") include "beranda.php"; if($_get['page']=="data_user") include "form_data_user.php"; if($_get['page']=="edit_user") include "edit_data_user.php"; if($_get['page']=="data_puskesmas") include "form_data_puskesmas.php"; if($_get['page']=="pemetaan_gizi") include "form_pemetaan_gizi.php"; if($_get['page']=="edit_puskesmas") include "edit_data_puskesmas.php"; if($_get['page']=="tampilkan_grafik_gizi_buruk" ) include "ad_grafik_status_gizi_buruk.php"; if($_get['page']=="grafik_gizi_buruk") include "ad_grafik_status_gizi_buruk.php"; if($_get['page']=="grafik_gizi_kurang") include "ad_grafik_status_gizi_kurang.php"; if($_get['page']=="grafik_balita_pendek") include "ad_grafik_status_balita_pendek.php"; if($_get['page']=="grafik_balita_gemuk") include "ad_grafik_status_balita_gemuk.php"; if($_get['page']=="data_balita") include "form_data_balita.php"; if($_get['page']=="tampil_laporan_data_balita") include "tampil_laporan_data_balita.php"; beranda.php <div class = "col-md-12" align="center"> <h2> Selamat Datang!!! Admin <?=$_SESSION['nama_user'] </h2> <br> <br><br> <section class="content" style="padding-bottom:- 5px;"> <div class="row"> <div class="panel panel-primary"> <div class="panel-body"> <div class="panel-heading" style="backgroundcolor:#0c3a55"> <h4 class="panel-title" style="color:#fff; textalign:center;">grafik Sebaran Status Gizi Balita Se-Kota Palembang</h4> <div class="col-md-4"> <div class="box-body"> <? include_once "ad_grafik_status_gizi_bb_u.php"; <div class="col-md-4"> <div class="box-body"> <? include_once "ad_grafik_status_gizi_tb_u.php"; <div class="col-md-4"> <div class="box-body"> <? include_once "ad_grafik_status_gizi_bb_tb.php"; </section> ad_grafik_status_gizi_bb_u.php <html> <head> <script src = "../bootstrap/js/jquery.min.js" type="text/javascript"></script> <script src="../bootstrap/js/highcharts.js" type="text/javascript"></script> <script type="text/javascript"> var chart1; // globally available $(document).ready(function() chart1 = new Highcharts.Chart( chart: renderto: 'grafik_bb_u', type: 'column'

13 , title: text: '', xaxis: categories: ['Status Gizi'], yaxis: title: text: 'Jumlah Balita', series: [ <?php include('../koneksi.php'); $sql = "SELECT*FROM balita GROUP BY status_gizi_bb_u "; $query = mysql_query($sql); while($ret = mysql_fetch_array($query)) $status_gizi_bb_u=$ret['status_gizi_bb_u']; $sql_jumlah = "SELECT status_gizi_bb_u, COUNT(status_gizi_bb_u) AS total FROM balita WHERE status_gizi_bb_u='$status_gizi_bb_u' GROUP BY status_gizi_bb_u"; $query_jumlah = mysql_query($sql_jumlah); while( $data = mysql_fetch_array($query_jumlah)) $total = $data['total']; name: '<?php echo $status_gizi_bb_u; ', data: [<?php echo $total; ], <?php ]);); </script> </head> <body style="font-family:sans-serif"> <div class="panel panel-primary"> <div class="panel-heading" style="backgroundcolor:#0c3a55"> <h4 class="panel-title">grafik Sebaran Status Gizi BB/U</h4> <div class="panel-body"> <div id='grafik_bb_u'></body> </html> ad_grafik_status_gizi_bb_u.php <html> <head> <script src="../bootstrap/js/jquery.min.js" type="text/javascript"></script> <script src="../bootstrap/js/highcharts.js" type="text/javascript"></script> <script type="text/javascript"> var chart1; // globally available $(document).ready(function() chart1 = new Highcharts.Chart( chart: renderto: 'grafik_tb_u',type: 'column', title: text: '', xaxis: categories: ['Status Gizi'], yaxis: title: text: 'Jumlah Balita', series: [ <?php include('../koneksi.php'); $sql = "SELECT*FROM balita GROUP BY status_gizi_tb_u "; $query = mysql_query($sql); while($ret = mysql_fetch_array($query)) $status_gizi_tb_u=$ret['status_gizi_tb_u']; $sql_jumlah = "SELECT status_gizi_tb_u, COUNT(status_gizi_tb_u) AS total FROM balita WHERE status_gizi_tb_u='$status_gizi_tb_u' GROUP BY status_gizi_tb_u"; $query_jumlah = mysql_query($sql_jumlah); while( $data = mysql_fetch_array($query_jumlah)) $total = $data['total']; name: '<?php echo $status_gizi_tb_u; ',data: [<?php echo $total; ], <?php ]);); </script></head> <body style="font-family:sans-serif"> <div class="panel panel-primary"> <div class="panel-heading" style="backgroundcolor:#0c3a55"> <h4 class="panel-title">grafik Sebaran Status Gizi TB/U</h4> <div class="panel-body"> <div id='grafik_tb_u'> </body> </html> ad_grafik_balita_gizi_buruk.php <html> <head> <script src="../bootstrap/js/jquery.min.js" type="text/javascript"></script> <script src="../bootstrap/js/highcharts.js" type="text/javascript"></script> <script src=" <script src=" <script type="text/javascript"> var chart1; // globally available $(document).ready(function() chart1 = new Highcharts.Chart( chart: renderto: 'grafik_gizi_buruk', type: 'column', title: text: '', xaxis: categories: ['Kecamatan'], yaxis: title: text: 'Jumlah Balita', series: [ <?php error_reporting (0); include('../koneksi.php'); $tgl=date('y-m-d'); $tgl1=$_post['tgl1']; $bln1=$_post['bln1']; $thn1=$_post['thn1']; $tgl2=$_post['tgl2']; $bln2=$_post['bln2']; $thn2=$_post['thn2']; $sql = "SELECT*FROM balita WHERE (status_gizi_bb_u='gizi Buruk' and tgl_pemeriksaan >= '$thn1-$bln1-$tgl1' AND

14 tgl_pemeriksaan <= '$thn2-$bln2-$tgl2') GROUP BY kecamatan "; $query = mysql_query($sql); while($ret = mysql_fetch_array($query)) $kecamatan =$ret['kecamatan']; $status_gizi_bb_u =$ret['status_gizi_bb_u']; $sql_jumlah = "SELECT status_gizi_bb_u, COUNT(status_gizi_bb_u='Gizi Buruk') AS total FROM balita WHERE (status_gizi_bb_u='$status_gizi_bb_u' and tgl_pemeriksaan >= '$thn1-$bln1-$tgl1' AND tgl_pemeriksaan <= '$thn2-$bln2-$tgl2') GROUP BY kecamatan"; $query_jumlah = mysql_query($sql_jumlah); while( $data = mysql_fetch_array($query_jumlah)) $total = $data['total']; name: '<?php echo $kecamatan; ',data: [<?php echo $total; ], <?php ]);); </script></head> <body style="font-family:sans-serif"> <div class="panel-body"> <div class="col-md-2 col-xs-12"> <div class="col-md-8 col-xs-12 panel paneldefault"> <br /> <p align="center"><font style="color:#666"><b>tampilkan Grafik Balita Gizi Buruk </b></font></p> <hr /> <center> <form id="form1" name="form1" method="post"> <select name="tgl1" id="tgl1"> <option> 01 </option> <option> 02 </option> <option> 03 </option> <option> 04 </option> <option> 05 </option> <option> 06 </option> <option> 07 </option> <option> 08 </option> <option> 09 </option> <option> 10 </option> <option> 11 </option> <option> 12 </option> <option> 13 </option> <option> 14 </option> <option> 15 </option> <option> 16 </option> <option> 17 </option> <option> 18 </option> <option> 19 </option> <option> 20 </option> <option> 21 </option> <option> 22 </option> <option> 23 </option> <option> 24 </option> <option> 25 </option> <option> 26 </option> <option> 27 </option> <option> 28 </option> <option> 29 </option> <option> 30 </option> <option> 31 </option> </select> <select name="bln1" id="bln1"> <option value="01">januari </option> <option value="02">februari </option> <option value="03">maret </option> <option value="04">april </option> <option value="05">mei </option> <option value="06">juni </option> <option value="07">juli </option> <option value="08">agustus </option> <option value="09">september </option> <option value="10">oktober </option> <option value="11">nopember </option> <option value="12">desember </option> </select> <select name="thn1" id="thn1"> <? for($i=2010;$i<=date("y");$i++) <option><?=$i</option> <? </select> s/d <select name="tgl2" id="tgl2"> <option> 01 </option> <option> 02 </option> <option> 03 </option> <option> 04 </option> <option> 05 </option> <option> 06 </option> <option> 07 </option> <option> 08 </option> <option> 09 </option> <option> 10 </option> <option> 11 </option> <option> 12 </option> <option> 13 </option> <option> 14 </option> <option> 15 </option> <option> 16 </option> <option> 17 </option> <option> 18 </option> <option> 19 </option> <option> 20 </option> <option> 21 </option> <option> 22 </option> <option> 23 </option> <option> 24 </option> <option> 25 </option> <option> 26 </option> <option> 27 </option> <option> 28 </option> <option> 29 </option> <option> 30 </option>

15 <option> 31 </option> </select> <select name="bln2" id="bln2"> <option value="01">januari </option> <option value="02">februari </option> <option value="03">maret </option> <option value="04">april </option> <option value="05">mei </option> <option value="06">juni </option> <option value="07">juli </option> <option value="08">agustus </option> <option value="09">september </option> <option value="10">oktober </option> <option value="11">nopember </option> <option value="12">desember </option> </select> <select name="thn2" id="thn2"> <? for($i=2010;$i<=date("y");$i++) <option><?=$i</option> <? </select> <button type="submit" name="submit" class="btn btn-xs btn-muted"> Tampilkan</button> </form> </center> <br /> <div class="panel panel-primary"> <div class="panel-heading" style="backgroundcolor:#0c3a55"> <h4 class="panel-title">grafik Sebaran Status Gizi Buruk</h4> <div class="panel-body"> <? echo "Grafik Balita Gizi Buruk: ",$tgl1, "/",$bln1, "/",$thn1, " s/d ",$tgl2, "/",$bln2, "/",$thn2; <br> <div id='grafik_gizi_buruk' style="height:10%"> </body> </html> form_data_puskesmas.php <?php include"../koneksi.php"; if(isset($_post['simpan'])) $id_user = $_POST['id_user']; $username = $_POST['username']; $password = $_POST['password']; $nama_user = $_POST['nama_user']; $nama_puskesmas = $_POST['nama_puskesmas']; $alamat_puskesmas=$_post['alamat_puskesmas'; $kecamatan = $_POST['kecamatan']; $lintang = $_POST['lintang']; $bujur = $_POST['bujur']; $insert = "INSERT INTO user VALUES('$id_user','$username','$password','admi n_puskes','$nama_user')"; $insert_conf = mysql_query("insert INTO puskesmas VALUES('$id_user','$id_user','$nama_puskesmas',' $alamat_puskesmas','$kecamatan','$lintang','$bujur' )"); $query = mysql_query($insert); if($query) echo"<script>alert('data Berhasil Disimpan'); window.location.href='utama.php?page=data_pusk esmas'</script>"; echo"<script>alert('data Gagal Disimpan');</script>"; <div class ="col-md-5"> <button type="button" class="btn btn-primary glyphicon glyphicon-plus" data-toggle="modal" data-target=".bs-example-modal"> Tambah</button> <div class="modal fade bs-example-modal" tabindex="-1" role="dialog" arialabelledby="mysmallmodallabel"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" datadismiss="modal" aria-label="close"><span ariahidden="true"> </span></button> <h4 class="modal-title">input Data Puskesmas </h4> <div class="modal-body"> <form class="form-horizontal" method="post" enctype="multipart/form-data"> <label for="inputiduser" class="col-sm-3 controllabel" style="text-align:left;">id User</label> <input type="text" name="id_user" class="formcontrol" id="id_user" placeholder="id User" required> <label for="inputusername" class="col-sm-3 control-label" style="textalign:left;">username</label>

16 <input type="text" name="username" class="formcontrol" id="username" placeholder="username" required> <label for="inputpassword" class="col-sm-3 control-label" style="textalign:left;">password</label> <input type="password" name="password" class="form-control" id="password" placeholder="password" required> <label for="inputnamauser" class="col-sm-3 control-label" style="text-align:left;">nama User</label> <input type="text" name="nama_user" class="form-control" id="nama_user" placeholder="nama User" required> <label for="inputnamapuskesmas" class="col-sm- 3 control-label" style="text-align:left;">nama Puskesmas</label> <input type="text" name="nama_puskesmas" class="form-control" id="nama_puskesmas" placeholder="nama Puskesmas" required> <label for="input_alamat" class="col-sm-3 controllabel" style="text-align:left;">alamat</label> <textarea class="form-control" name="alamat_puskesmas" rows="3" placeholder="alamat" required> </textarea> <label for="input_kecamatan" class="col-sm-3 control-label" style="textalign:left;">kecamatan</label> <select name="kecamatan" style=width:100% class="form-control" id="input_kecamatan" required> <option>ilir Barat I</option> <option>ilir Barat II</option> <option>gandus</option> <option>seberang Ulu I</option> <option>seberang Ulu II</option> <option>kertapati</option> <option>plaju</option> <option>bukit Kecil</option> <option>ilir Timur I</option> <option>ilir Timur II</option> <option>kemuning</option> <option>kalidoni</option> <option>sako</option> <option>sematang Borang</option> <option>sukarame</option> <option>alang-alang Lebar</option> </select> <label for="inputy" class="col-sm-3 control-label" style="text-align:left;">lintang</label> <input type="text" name="lintang" class="formcontrol" id="lintang" placeholder="lintang" required> <label for="inputx" class="col-sm-3 control-label" style="text-align:left;">bujur</label> <input type="text" name="bujur" class="formcontrol" id="bujur" placeholder="bujur" required> <div class="modal-footer"> <input type="reset" name="batal" class="btn btndefault" data-dismiss="modal" value="batal"> <input type="submit" name="simpan" class="btn btn-primary" value="simpan"> </form><br><br> <br> <div class="panel panel-primary"> <div class="panel-heading" style="backgroundcolor:#0c3a55"> <h4 class="panel-title">data Puskesmas</h4> <div class="panel-body"> <table class="table table-bordered table-striped table-responsive datatable"> <caption> </caption> <thead> <th style = "text-align:center;">id Puskesmas</th> <th style = "text-align:center;">nama Puskesmas </th> <th style = "text-align:center;">alamat Puskesmas </th> <th style="text-align:center;">kecamatan</th> <th style="text-align:center;">lintang</th> <th style="text-align:center;">bujur</th> <th style="text-align:center;">aksi</th> </tr> </thead>

17 <tbody> <? include "../koneksi.php"; $sql=mysql_query("select * from puskesmas"); while($data=mysql_fetch_array($sql)) <td align="center"> <?=$data['id_puskesmas'] </td> <td align="center"> <?=$data['nama_puskesmas'] </td> <td align="center"> <?=$data['alamat_puskesmas'] </td> <td align="center"><?=$data['kecamatan']</td> <td align="center"><?=$data['lintang']</td> <td align="center"><?=$data['bujur']</td> <td align="center"> <? $id_puskesmas=$data['id_puskesmas']; <button type="button" class="btn btn-muted glyphicon glyphicon-pencil" data-toggle="button" aria-pressed="false" autocomplete="off" onclick="window.location='?page=edit_puskesmas &id_puskesmas=<?=$id_puskesmas';"> </button> <button type="button" class="btn btn-muted glyphicon glyphicon-trash" data-toggle="button" aria-pressed="false" autocomplete="off" onclick="window.location='hapus_puskesmas.php? id_puskesmas=<?=$id_puskesmas'; return confirm('apakah Anda Yakin Ingin Menghapus Data?');"> </button> </td> </tr><? </tbody> </table> edit_data_puskesmas.php <? include"../koneksi.php"; $id_puskesmas = mysql_escape_string($_get['id_puskesmas']); $sql= mysql_query("select*from puskesmas where id_puskesmas='$id_puskesmas'"); $data= mysql_fetch_array($sql); <? if(isset($_post['simpan'])) $sql = "UPDATE `puskesmas` SET `nama_puskesmas`='$_post[nama_puskesmas]', `alamat_puskesmas`='$_post[alamat_puskesmas], `kecamatan`='$_post[kecamatan]', `lintang`='$_post[lintang]', `bujur`='$_post[bujur]' id_puskesmas='$_get[id_puskesmas]'"; $simpan = mysql_query($sql); WHERE if($sql) echo"<script>alert('data Berhasil Di Edit!');window.location.href='?page=data_puskesm as';</script>"; echo"<script>alert('data Gagal Disimpan');</script>"; <form class="form-horizontal" method="post" enctype="multipart/form-data"> <h4 class="modal-title">edit Data Puskesmas </h4> <label for="inputidpuskesmas" class="col-sm-3 control-label" style="text-align:left;">id Puskesmas</label> <label for="idpuskesmas" class="col-sm-9 controllabel" style="textalign:left;"><?=$data['id_puskesmas']</label> <label for="inputnamapuskesmas" class="col-sm- 3 control-label" style="text-align:left;">nama Puskesmas</label> <input type="text" name="nama_puskesmas" value="<?=$data['nama_puskesmas']" class="form-control" id="nama_puskesmas" placeholder="nama Puskesmas"> <label for="input_alamat" class="col-sm-3 controllabel" style="text-align:left;">alamat</label> <textarea class="form-control" name="alamat_puskesmas" rows="3" placeholder="alamat"><?=$data['alamat_puskesm as'] </textarea> <label for="input_kecamatan" class="col-sm-3 control-label" style="textalign:left;">kecamatan</label>

18 <select name="kecamatan" style=width:100% class="form-control" id="input_kecamatan"> <option value="<?=$data['kecamatan']"><?=$data['keca matan']</option> <option>ilir Barat I</option> <option>ilir Barat II</option> <option>gandus</option> <option>seberang Ulu I</option> <option>seberang Ulu II</option> <option>kertapati</option> <option>plaju</option> <option>bukit Kecil</option> <option>ilir Timur I</option> <option>ilir Timur II</option> <option>kemuning</option> <option>kalidoni</option> <option>sako</option> <option>sematang Borang</option> <option>sukarame</option> <option>alang-alang Lebar</option> </select> <label for="inputy" class="col-sm-3 control-label" style="text-align:left;">lintang</label> <input type="text" name="lintang" value="<?=$data['lintang']" class="formcontrol" id="lintang" placeholder="lintang"> <label for="inputx" class="col-sm-3 control-label" style="text-align:left;">bujur</label> <input type="text" name="bujur" value="<?=$data['bujur']" class="form-control" id="bujur" placeholder="bujur"> <div class="modal-footer"> <input type="reset" name="batal" class="btn btndefault" data-dismiss="modal" value="batal" Onclick="window.location.href='?page=data_pusk esmas';"> <input type="submit" name="simpan" class="btn btn-primary" value="simpan"> </form> hapus_puskesmas.php <? include"../koneksi.php"; $id_puskesmas = $_GET['id_puskesmas']; $sql=mysql_query("delete from puskesmas where id_puskesmas='$id_puskesmas'"); $sql=mysql_query("delete from user where id_user='$id_puskesmas'"); if($sql) header("location:utama.php?page=data_puskesma s"); form_data_user.php <div class="panel panel-primary" > <div class="panel-heading" style="backgroundcolor:#0c3a55"> <h3 class="panel-title">data User</h3> <div class="panel-body"> <table class="table table-bordered table-striped table-responsive"> <caption> </caption> <thead> <th>id User</th> <th>username</th> <th>password</th> <th>nama User</th> <th>level</th> <th>aksi</th> </tr> </thead> <tbody> <? include"../koneksi.php"; $sql2=mysql_query("select*from user "); while($data2=mysql_fetch_array($sql2)) <td><?=$data2['id_user']</td> <td><?=$data2['username']</td> <td><?=$data2['password']</td> <td><?=$data2['nama_user']</td> <td><?=$data2['level']</td> <td><button type="button" class="btn btn-muted glyphicon glyphicon-pencil" data-toggle="button" aria-pressed="false" autocomplete="off" onclick="window.location='?page=edit_user&id_u ser=<?=$data2['id_user']';"> </button> </td> </tr><? </tbody></table> form_data_balita.php <div class="panel panel-primary"> <div class="panel-heading" style="backgroundcolor:#0c3a55"> <h4 class="panel-title">laporan Data Balita</h4> <div class="panel-body"> <div class="col-md-2 col-xs-12">

19 <div class="col-md-8 col-xs-12 panel paneldefault"> <br /> <p align="center"><font style=" color:#666"><b>data Balita </b></font></p> <hr /> <center> <form id="form1" name="form1" method="post" action="file_balita.php" target="_blank"> <select name="tgl1" id="tgl1"> <option> 01 </option> <option> 02 </option> <option> 03 </option> <option> 04 </option> <option> 05 </option> <option> 06 </option> <option> 07 </option> <option> 08 </option> <option> 09 </option> <option> 10 </option> <option> 11 </option> <option> 12 </option> <option> 13 </option> <option> 14 </option> <option> 15 </option> <option> 16 </option> <option> 17 </option> <option> 18 </option> <option> 19 </option> <option> 20 </option> <option> 21 </option> <option> 22 </option> <option> 23 </option> <option> 24 </option> <option> 25 </option> <option> 26 </option> <option> 27 </option> <option> 28 </option> <option> 29 </option> <option> 30 </option> <option> 31 </option> </select> <select name="bln1" id="bln1"> <option value="01"> Januari </option> <option value="02"> Februari </option> <option value="03"> Maret </option> <option value="04"> April </option> <option value="05"> Mei </option> <option value="06"> Juni </option> <option value="07"> Juli </option> <option value="08"> Agustus </option> <option value="09"> September </option> <option value="10"> Oktober </option> <option value="11"> Nopember </option> <option value="12"> Desember </option> </select> <select name="thn1" id="thn1"> <? for($i=2010;$i<=date("y");$i++) <option><?=$i</option> <? </select>s/d <select name="tgl2" id="tgl2"> <option> 01 </option> <option> 02 </option> <option> 03 </option> <option> 04 </option> <option> 05 </option> <option> 06 </option> <option> 07 </option> <option> 08 </option> <option> 09 </option> <option> 10 </option> <option> 11 </option> <option> 12 </option> <option> 13 </option> <option> 14 </option> <option> 15 </option> <option> 16 </option> <option> 17 </option> <option> 18 </option> <option> 19 </option> <option> 20 </option> <option> 21 </option> <option> 22 </option> <option> 23 </option> <option> 24 </option> <option> 25 </option> <option> 26 </option> <option> 27 </option> <option> 28 </option> <option> 29 </option> <option> 30 </option> <option> 31 </option> </select> <select name="bln2" id="bln2"> <option value="01"> Januari </option> <option value="02"> Februari </option> <option value="03"> Maret </option> <option value="04"> April </option> <option value="05"> Mei </option> <option value="06"> Juni </option> <option value="07"> Juli </option> <option value="08"> Agustus </option> <option value="09"> September </option> <option value="10"> Oktober </option> <option value="11"> Nopember </option> <option value="12"> Desember </option> </select> <select name="thn2" id="thn2"> <? for($i=2010;$i<=date("y");$i++)

20 <option><?=$i</option> <? </select> <button type="submit" name="submit" class="btn btn-xs btn-muted"> Tampilkan</button> </form> </center><br /><br /><br /> file_balita.php <?php include("../mpdf_5_7/mpdf.php"); $mpdf=new mpdf('win-1252','letter- L','','',15,10,16,10,10,10);//A4 page in portrait for landscape add -L. $mpdf->setheader(' LAPORAN DATA BALITA '); $mpdf->setfooter('pageno');// Giving page number to your footer. $mpdf->useonlycorefonts = true; // false is default $mpdf->setdisplaymode('fullpage'); // Buffer the following html with PHP so we can store it to a variable later ob_start(); <?php include "tampil_laporan_data_balita.php"; //This is your php page <?php $html = ob_get_contents(); ob_end_clean(); // send the captured HTML from the output buffer to the mpdf class for processing $mpdf->writehtml($html); //$mpdf->setprotection(array(), 'user', 'password'); uncomment to protect your pdf page with password. $mpdf->output(); exit; tampil_laporan_data_balita.php <?php error_reporting (0); include ('../koneksi.php'); include_once('tglindo.php'); $tgl=date('y-m-d'); $tgl1=$_post['tgl1']; $bln1=$_post['bln1']; $thn1=$_post['thn1']; $tgl2=$_post['tgl2']; $bln2=$_post['bln2']; $thn2=$_post['thn2']; <html> <head> <title>data Balita</title> <style> bodyfont-size:14px; th,tdpadding:8px; table thead trbackground:#2571be; fontcolor:#ffffff;.kmargin-bottom:30px; </style> </head> <body> <div class="table_responsive" width="100%"> <? echo "Laporan Data Balita : ",$tgl1, "/",$bln1, "/",$thn1, " s/d ",$tgl2, "/",$bln2, "/",$thn2;<br><br> <table width="100%" border="0" cellspacing="0"> <th width="100%" style="text-align:center; fontsize=12;">laporan DATA BALITA YANG MENGIKUTI POSYANDU</th></tr> <th width="100%" style="text-align:center; fontsize=12;">kota PALEMBANG</th></tr> <th width="100%" style="text-align:center; fontsize=12;">tahun <? echo $thn2</th></tr> </table> <br> <table border="1" cellspacing="0" style="bordercollapse:collapse; border-color:blue;"> <thead> <th width="100px" style="text-align:center;">id Puskesmas</th> <th width="100px" style="textalign:center;">nama Puskesmas</th> <th width="100px" style="textalign:center;">nama Balita</th> <th width="50px" style="text-align:center;">jenis Kelamin</th> <th width="100px" style="textalign:center;">tanggal Lahir</th> <th width="120px" style="textalign:center;">umur</th> <th width="100px" style="text-align:center;">tgl Pemeriksaan</th> <th width="100px" style="textalign:center;">status Gizi BB/U</th> <th width="100px" style="textalign:center;">status Gizi TB/U</th> <th width="100px" style="textalign:center;">status Gizi BB/TB</th> <th width="100px" style="textalign:center;">alamat</th> <th width="50px" style="textalign:center;">kecamatan</th> </tr> </thead> <tbody> <?

21 $sql=mysql_query("select * from balita, puskesmas where balita.id_puskesmas=puskesmas.id_puskesmas and (tgl_pemeriksaan >= '$thn1-$bln1-$tgl1' AND tgl_pemeriksaan <= '$thn2-$bln2-$tgl2')"); while($data=mysql_fetch_array($sql)) <td align="center"><?=$data['id_puskesmas']</td> <td align="center"><?=$data['nama_puskesmas']</t d> <td align="center"><?=$data['nama_balita']</td> <td align="center"><?=$data['jk_balita']</td> <td align="center"><?=$data['tgl_lahir']</td> <td align="center"><?=$data['umur']</td> <td align="center"> <?=$data['tgl_pemeriksaan']</td> <td align="center"> <?=$data['status_gizi_bb_u']</td> <td align="center"> <?=$data['status_gizi_tb_u']</td> <td align="center"> <?=$data['status_gizi_bb_tb']</td> <td align="center"><?=$data['alamat']</td> <td align="center"><?=$data['kecamatan']</td> </tr><? </tbody> </table> <table width="300" align="right"> <th align="left" style="font-size=12;">palembang, <? echo $tgl2, "/",$bln2, "/",$thn2 </th></tr> <td align="left" style="font-size=12;">kepala Bidang Pelayanan Kesehatan </th></tr> <td align="left" style="font-size=12;">dr. H. Alfarobi, M.Kes. </th></tr> <td height="75" scope="col"> </th></tr> <td align="left" style="font-size=12;">nip </th></tr> </table> </body> <html> form_pemetaan_gizi.php <div class="col-md-12"> <div class="panel panel-info panel-dashboard centered"> <div class="panel-heading" style="backgroundcolor:#0c3a55; border-color:#999;"> <h2 class="panel-title" style="color:#f5f5f5;"><strong> - PEMETAAN STATUS GIZI - </strong></h2> <div class="panel-body"> <div id="map" style="width:100%;height:500px;"> <script src=" ries=places&key=aizasyabxf62gvyhjovkrith cvp_bkjpydqfh5w"></script> <script type="text/javascript"> function initialize() var mapoptions = zoom: 12, center: new google.maps.latlng( , ), disabledefaultui: true ; var mapelement = document.getelementbyid('map'); var map = new google.maps.map(mapelement, mapoptions); setmarkers(map, officelocations); var officelocations = [ <?php $data = file_get_contents(' nkes/ambildata.php'); $no=1; if(json_decode($data,true)) $obj = json_decode($data); foreach($obj->results as $item) ['<?php echo $item->id_puskesmas ','<?php echo $item->nama_puskesmas ','<?php echo $item- >alamat_puskesmas ', <?php echo $item->bujur, <?php echo $item->lintang ], <?php ]; function setmarkers(map, locations) var globalpin = '../dist/img/puskes.png'; for (var i = 0; i < locations.length; i++) var office = locations[i]; var mylatlng = new google.maps.latlng(office[4], office[3]); var infowindow = new google.maps.infowindow(content: contentstring); var contentstring = '<div id="content">'+ '<div id="sitenotice">'+

22 ''+ '<h5 id="firstheading" class="firstheading">'+ office[1] + '</h5>'+ '<div id="bodycontent">'+ '<a href=detail.php?id_puskesmas='+office[0]+'>info Detail</a>'+ ''+ ''; var marker = new google.maps.marker( position: mylatlng, map: map, title: office[1], icon:'../dist/img/puskes.png'); google.maps.event.addlistener(marker, 'click', getinfocallback(map, contentstring)); function getinfocallback(map, content) var infowindow = new google.maps.infowindow(content: content); return function() infowindow.setcontent(content); infowindow.open(map, this);; initialize();</script> detail.php <?php session_start(); $id_puskesmas = $_GET['id_puskesmas']; include_once "ambildata_id.php"; $obj = json_decode($data); $id_puskesmas=""; $nama_puskesmas=""; $alamat_puskesmas=""; $kecamatan=""; $lintang=""; $bujur=""; foreach($obj->results as $item) $id_puskesmas.=$item->id_puskesmas; $nama_puskesmas.=$item->nama_puskesmas; $alamat_puskesmas.=$item->alamat_puskesmas; $kecamatan.=$item->kecamatan; $lintang.=$item->lintang; $bujur.=$item->bujur; <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <title>admin Dinkes Palembang</title> <meta content="width=device-width, initialscale=1, maximum-scale=1, user-scalable=no" name="viewport"> <link rel="stylesheet" href="../bootstrap/css/bootstrap.min.css"> <link rel="stylesheet" href="../bootstrap/css/fontawesome.css"> <link rel="stylesheet" href="../bootstrap/css/bootstrap-glyphicon.css"> <script type="text/javascript" src="../bootstrap/js/jquery min.js"></script> <link rel="stylesheet" href="../dist/css/adminlte.min.css"> <link rel="stylesheet" href="../bootstrap/css/jquery.datatables.min.css"> <link rel="stylesheet" href="../dist/css/skins/_allskins.min.css"> <script src="../bootstrap/js/highcharts.js" type="text/javascript"></script> <script type="text/javascript"> var chart1; // globally available $(document).ready(function() chart1 = new Highcharts.Chart( chart: renderto: 'grafik1', type: 'column', title: text: '', xaxis: categories: ['Status Gizi'], yaxis: title: text: 'Jumlah Balita', series: [ <?php include('../koneksi.php'); $sql = "SELECT*FROM balita,user where balita.id_puskesmas=user.id_user and balita.id_puskesmas='$id_puskesmas' GROUP BY status_gizi_bb_u "; $query = mysql_query($sql); while($ret = mysql_fetch_array($query)) $status_gizi_bb_u=$ret['status_gizi_bb_u']; $sql_jumlah = "SELECT status_gizi_bb_u, COUNT(status_gizi_bb_u) AS total FROM balita WHERE (status_gizi_bb_u='$status_gizi_bb_u' and id_puskesmas='$id_puskesmas') GROUP BY status_gizi_bb_u"; $query_jumlah = mysql_query($sql_jumlah); while( $data = mysql_fetch_array($query_jumlah)) $total = $data['total']; name: '<?php echo $status_gizi_bb_u; ',

23 data: [<?php echo $total; ], <?php ]);); </script> </head> <body class="hold-transition skin-blue layout-topnav"> <div class="wrapper"> <header class="main-header"> <nav class="navbar navbar-static-top" style="background-color:#0c3a55"> <div class="container"> <!-- Collect the nav links, forms, and other content for toggling --> <div class="collapse navbar-collapse pull-left" id="navbar-collapse"> <ul class="nav navbar-nav"> <li class="active"><a href="?page=beranda">home<span class="sronly">(current)</span></a></li> <li class="dropdown"> <a href="#" class="dropdown-toggle" datatoggle="dropdown">grafik Sebaran <span class="caret"></span></a> <ul class="dropdown-menu" role="menu"> <li><a href="?page=grafik_gizi_buruk">balita Gizi Buruk</a></li> <li><a href="#">balita Gizi Kurang</a></li> <li><a href="#">balita Pendek</a></li> <li><a href="#">balita Gemuk</a></li> </ul> </li> <li><a href="utama.php?page=data_puskesmas">data Puskesmas</a></li> <li><a href="utama.php?page=data_user">data User</a></li> <li><a href="utama.php?page=data_balita">data Balita</a></li> <li><a href="utama.php?page=pemetaan_gizi">pemetaan Gizi</a></li> </ul> <div class="collapse navbar-collapse pull-right" id="navbar-collapse"> <ul class="nav navbar-nav"> <li class="dropdown user user-menu"> <a href="#" class="dropdown-toggle" datatoggle="dropdown"> <img src="../dist/img/logo_dinkes.png" class="user-image" alt="user Image"> <span class="hiddenxs"><?=$_session['nama_user']</span> </a> </li> <li class="active treeview"> <a href="../logout.php"> <i class="glyphicon glyphicon-logout"></i><span> Logout</span> </a></li></ul></nav> </header> <div class="content-wrapper"> <div class="container"> <section class="content"> <div class="row"> <div class="col-md-5"> <div class="panel panel-primary"> <div class="panel-heading" style="backgroundcolor:#0c3a55"> <h4 class="panel-title">grafik Sebaran Status Gizi</h4> <div class="panel-body"> <div id='grafik1'> <div class="col-md-7"> <div class="panel panel-info panel-dashboard"> <div class="panel-heading centered" style="background-color:#0c3a55"> <h2 class="panel-title" style="text-align:center; color:#fff;"><strong>detail</strong></h4> <div class="panel-body"> <table class="table" style="font-family:sans-serif"> <th>atribut</th> <th>detail</th></tr> <td><h4>id Puskesmas</h4></td> <td><h4><?php echo $id_puskesmas </h4></td></tr> <td><h4>nama Puskesmas</h4></td> <td><h4><?php echo $nama_puskesmas </h4></td></tr> <td><h4>alamat</h4></td> <td><h4><?php echo $alamat_puskesmas </h4></td></tr> <td><h4>kecamatan</h4></td> <td><h4><?php echo $kecamatan </h4></td> </tr> </table> <div class="row"> <div class="col-md-12"> <div class="panel panel-primary"> <div class="panel-heading" style="backgroundcolor:#0c3a55"> <h4 class="panel-title">data Balita</h4> <div class="panel-body"> <table class="table table-bordered table-striped table-responsive datatable"> <thead>

24 <th width="100px" style="textalign:center;">nama Balita</th> <th width="50px" style="text-align:center;">jenis Kelamin</th> <th width="100px" style="textalign:center;">tanggal Lahir</th> <th style="text-align:center;">berat Badan (Kg)</th> <th style="text-align:center;">tinggi/pjg Badan (Cm)</th> <th width="200px" style="textalign:center;">umur</th> <th width="100px" style="text-align:center;">tgl Pemeriksaan</th> <th width="150px" style="textalign:center;">status Gizi</th> <th width="100px" style="textalign:center;">alamat</th> </tr> </thead> <tbody> <? $sql=mysql_query("select * from balita, user where balita.id_puskesmas=user.id_user and balita.id_puskesmas='$id_puskesmas'"); while($data=mysql_fetch_array($sql)) <? $id_balita=$data['id_balita']; <td align="center"><?=$data['nama_balita']</td> <td align="center"><?=$data['jk_balita']</td> <td align="center"><?=$data['tgl_lahir']</td> <td align="center"><?=$data['bb']</td> <td align="center"><?=$data['tb_pb']</td> <td align="center"><?=$data['umur']</td> <td align="center"> <?=$data['tgl_pemeriksaan']</td> <td align="center"> <?=$data['status_gizi_bb_u']</td> <td align="center"> <?=$data['alamat']</td> </tr> <? </tbody> </table></section> <footer class="main-footer"> <div class="pull-right hidden-xs"> <b>manajemen Informatika</b> <strong>copyright 2017 Sundari Nanang Politeknik Negeri Sriwijaya</strong> </footer> <script src="../plugins/jquery/jquery min.js"></script> <script src="../bootstrap/js/bootstrap.min.js"></script> <script src="../dist/js/app.min.js"></script> <script src="../bootstrap/js/jquery.datatables.min.js"></scr ipt> <script src="../bootstrap/js/app.js"></script> <script src="../bootstrap/js/jquery.min.js" type="text/javascript"></script></body></html> ambildata.php <?php include("../koneksi.php"); $Q = mysql_query("select * FROM puskesmas")or die(mysql_error()); if($q) $posts = array(); if(mysql_num_rows($q)) while($post = mysql_fetch_assoc($q)) $posts[] = $post; $data = json_encode(array('results'=>$posts)); echo $data; ambildata_id.php <?php include "../koneksi.php"; $Q = mysql_query("select * FROM puskesmas where id_puskesmas='$id_puskesmas'")or die(mysql_error()); if($q) $posts = array(); if(mysql_num_rows($q)) while($post = mysql_fetch_assoc($q)) $posts[] = $post; $data = json_encode(array('results'=>$posts)); //halaman admin puskes utama.php <?php session_start(); if (!isset($_session['username'])) echo "<link href='../config/adminstyle.css' rel='stylesheet' type='text/css'> <center>ilegal Acces, Anda harus login <br>"; echo "<a href=../index.php><b>login</b></a></center>"; <!DOCTYPE html> <html> <head> <meta charset="utf-8">

25 <meta http-equiv="x-ua-compatible" content="ie=edge"> <title>admin Puskesmas Dinkes Palembang</title> <meta content="width=device-width, initialscale=1, maximum-scale=1, user-scalable=no" name="viewport"> <link rel="stylesheet" href="../bootstrap/css/bootstrap.min.css"> <!-- Bootstrap > <link rel="stylesheet" href="../bootstrap/css/jquery.datatables.min.css"> <link rel="stylesheet" href="../bootstrap/css/fontawesome.css"> <script type="text/javascript" src="../bootstrap/js/jquery min.js"></script> <link rel="stylesheet" href="../bootstrap/css/bootstrap-glyphicon.css"> <link rel="stylesheet" href="../dist/css/adminlte.min.css"> <link rel="stylesheet" href="../dist/css/skins/_allskins.min.css"> <style media="all"> h2color: #cccccc; text-shadow: 2px 2px 4px #000000; font-family: impact; h3color: #ffffff; text-shadow: 3px 3px 4px #000000; font-family: impact; </style> </head> <body class="hold-transition skin-blue sidebarmini"> <div class="wrapper"> <header class="main-header"> <a class="logo"></a> <nav class="navbar navbar-static-top"> <div class="navbar-custom-menu"> <ul class="nav navbar-nav"> <li class="dropdown user user-menu"> <a href="#" class="dropdown-toggle" datatoggle="dropdown"> <img src="../dist/img/user2-160x160.jpg" class="user-image" alt="user Image"> <span class="hiddenxs"><?=$_session['nama_user']</span> </a></li></ul></nav> </header> <aside class="main-sidebar"> <section class="sidebar"> <ul class="sidebar-menu"> <li class="active treeview"> <a href="?page=beranda"> <i class="glyphicon glyphicon-home"></i><span> Home</span></a></li></ul> <ul class="sidebar-menu"> <li class="active treeview"> <a href="?page=data_balita"> <i class="glyphicon glyphicon-user"></i><span> Data Balita</span></a></li></ul> <ul class="sidebar-menu"> <li class="active treeview"> <a href="?page=ubah_password"> <i class="glyphicon glyphicon-edit"></i><span> Ubah Password</span></a></li></ul> <ul class="sidebar-menu"> <li class="active treeview"> <a href="../logout.php"> <i class="glyphicon glyphicon-logout"></i><span>logout</span></a></li></ul> </section></aside> <div class="content-wrapper"> <section class="content"> <div class="col-md-12"><? include"tengah.php"; </section> <footer class="main-footer"> <div class="pull-right hidden-xs"> <b>manajemen Informatika</b> <strong>copyright 2017 Sundari Nanang Politeknik Negeri Sriwijaya</strong> </footer></aside> <script src="../plugins/jquery/jquery min.js"></script> <script src="../bootstrap/js/jquery.datatables.min.js"></scr ipt> <script src="../bootstrap/js/app.js"></script> <script src="../dist/js/app.min.js"></script> <script src="../bootstrap/js/bootstrap.min.js"></script> <script src="../bootstrap/js/jquery.min.js" type="text/javascript"></script> </body> </html> <? form_data_balita.php <?php include("../koneksi.php"); $id_puskesmas=$_session['id_user']; if(isset($_post['simpan'])) date_default_timezone_set('asia/jakarta'); $waktu = date("y-m-d"); $rentang= strtotime($waktu)- strtotime($_post['tgl_lahir']); $umur_bulan = $rentang/(60*60*24*30); $umur_hari = $rentang/(60*60*24); $hasil = round($umur_bulan,0); $hasil_bulan = (string) $hasil; $str = $hasil; $hasil_hari = $hasil*30; $kurang_hasil_hari = $umur_hari-$hasil_hari;

26 $umur = $str.' Bulan'. ' '.$kurang_hasil_hari. ' Hari' ; $jk = $_POST['jk_balita']; $bb = $_POST['bb']; $tb_pb=$_post['tb_pb']; //status gizi bb/u if($jk == "Laki-Laki") if ($str == 0) if($bb < 2.1) $status_gizi = "Gizi Buruk"; if ($bb >=2.1 && $bb < 2.5) $status_gizi = "Gizi Kurang"; if ($bb >= 2.5 && $bb < 4.4) $status_gizi = "Gizi Baik"; $status_gizi = "Gizi Lebih"; if ($str==1) if($bb < 2.9) $status_gizi = "Gizi Buruk"; if ($bb >= 2.9 && $bb < 3.4) $status_gizi = "Gizi Kurang"; if ($bb >= 3.4 && $bb < 5.8) $status_gizi = "Gizi Baik"; $status_gizi = "Gizi Lebih"; if ($str==2) if($bb < 3.8) $status_gizi = "Gizi Buruk"; if ($bb >= 3.8 && $bb < 4.3) $status_gizi = "Gizi Kurang"; if ($bb >= 4.3 && $bb < 7.1) $status_gizi = "Gizi Baik"; $status_gizi = "Gizi Lebih"; if ($str==3) if($bb < 4.4) $status_gizi = "Gizi Buruk"; if ($bb >= 4.4 && $bb < 5.0) $status_gizi = "Gizi Kurang"; if ($bb >= 5.0 && $bb < 8.0) $status_gizi = "Gizi Baik"; $status_gizi = "Gizi Lebih"; if ($str==4) if($bb < 4.9) $status_gizi = "Gizi Buruk"; if ($bb >= 4.9 && $bb < 5.6) $status_gizi = "Gizi Kurang"; if ($bb >= 5.6 && $bb < 8.7) $status_gizi = "Gizi Baik"; $status_gizi = "Gizi Lebih"; if ($str==5) if($bb < 5.3) $status_gizi = "Gizi Buruk"; if ($bb >= 5.3 && $bb < 6.0) $status_gizi = "Gizi Kurang"; if ($bb >= 6.0 && $bb < 9.3) $status_gizi = "Gizi Baik"; $status_gizi = "Gizi Lebih"; if ($str==6) if($bb < 5.7) $status_gizi = "Gizi Buruk"; if ($bb >= 5.7 && $bb < 6.4) $status_gizi = "Gizi Kurang"; if ($bb >= 6.4 && $bb < 9.8) $status_gizi = "Gizi Baik"; $status_gizi = "Gizi Lebih"; if ($str==7) if($bb < 5.9) $status_gizi = "Gizi Buruk"; if ($bb >= 5.9 && $bb < 6.7) $status_gizi = "Gizi Kurang"; if ($bb >= 6.7 && $bb < 10.3) $status_gizi = "Gizi Baik"; $status_gizi = "Gizi Lebih"; if ($str==8) if($bb < 6.2) $status_gizi = "Gizi Buruk"; if ($bb >= 6.2 && $bb < 6.9) $status_gizi = "Gizi Kurang"; if ($bb >= 6.9 && $bb < 10.7) $status_gizi = "Gizi Baik"; $status_gizi = "Gizi Lebih"; if ($str==9) if($bb < 6.4) $status_gizi = "Gizi Buruk"; if ($bb >= 6.4 && $bb < 7.1) $status_gizi = "Gizi Kurang"; if ($bb >= 7.1 && $bb < 11.0) $status_gizi = "Gizi Baik";

27 $status_gizi = "Gizi Lebih"; if ($str==10) if($bb < 6.6) $status_gizi = "Gizi Buruk"; if ($bb >= 6.6 && $bb < 7.4) $status_gizi = "Gizi Kurang"; if ($bb >= 7.4 && $bb < 11.4) $status_gizi = "Gizi Baik"; $status_gizi = "Gizi Lebih"; if ($str==11) if($bb < 6.8) $status_gizi = "Gizi Buruk"; if ($bb >= 6.8 && $bb < 7.6) $status_gizi = "Gizi Kurang"; if ($bb >= 7.6 && $bb < 11.7) $status_gizi = "Gizi Baik"; $status_gizi = "Gizi Lebih"; if ($str==12) if($bb < 6.9) $status_gizi = "Gizi Buruk"; if ($bb >= 6.9 && $bb < 7.7) $status_gizi = "Gizi Kurang"; if ($bb >= 7.7 && $bb < 12.0) $status_gizi = "Gizi Baik"; $status_gizi = "Gizi Lebih"; if ($str==13) if($bb < 7.1) $status_gizi = "Gizi Buruk"; if ($bb >= 7.1 && $bb < 7.9) $status_gizi = "Gizi Kurang"; if ($bb >= 7.9 && $bb < 12.3) $status_gizi = "Gizi Baik"; $status_gizi = "Gizi Lebih"; if ($str==14) if($bb < 7.2) $status_gizi = "Gizi Buruk"; if ($bb >= 7.2 && $bb < 8.1) $status_gizi = "Gizi Kurang"; if ($bb >= 8.1 && $bb < 12.6) $status_gizi = "Gizi Baik"; $status_gizi = "Gizi Lebih"; if ($str==15) if($bb < 7.4) $status_gizi = "Gizi Buruk"; if ($bb >= 7.4 && $bb < 8.3) $status_gizi = "Gizi Kurang"; if ($bb >= 8.3 && $bb < 12.8) $status_gizi = "Gizi Baik"; $status_gizi = "Gizi Lebih"; if ($str==16) if($bb < 7.5) $status_gizi = "Gizi Buruk"; if ($bb >= 7.5 && $bb < 8.4) $status_gizi = "Gizi Kurang"; if ($bb >= 8.4 && $bb < 13.1) $status_gizi = "Gizi Baik"; $status_gizi = "Gizi Lebih"; if ($str==17) if($bb < 7.7) $status_gizi = "Gizi Buruk"; if ($bb >= 7.7 && $bb < 8.6) $status_gizi = "Gizi Kurang"; if ($bb >= 8.6 && $bb < 13.4) $status_gizi = "Gizi Baik"; $status_gizi = "Gizi Lebih"; if ($str==18) if($bb < 7.8) $status_gizi = "Gizi Buruk"; if ($bb >= 7.8 && $bb < 8.8) $status_gizi = "Gizi Kurang"; if ($bb >= 8.8 && $bb < 13.7) $status_gizi = "Gizi Baik"; $status_gizi = "Gizi Lebih"; if ($str==19) if($bb < 8.0) $status_gizi = "Gizi Buruk"; if ($bb >= 8.0 && $bb < 8.9) $status_gizi = "Gizi Kurang"; if ($bb >= 8.9 && $bb < 13.9) $status_gizi = "Gizi Baik"; $status_gizi = "Gizi Lebih"; if ($str==20) if($bb < 8.1)

LAMPIRAN. Index.php. <?php. unset($_session["status"]); //session_destroy(); //session_destroy();

LAMPIRAN. Index.php. <?php. unset($_session[status]); //session_destroy(); //session_destroy(); LAMPIRAN Index.php unset($_session["status"]); //session_destroy(); //session_destroy();?>

More information

Building beautiful websites with Bootstrap: A case study. by Michael Kennedy michaelckennedy.net

Building beautiful websites with Bootstrap: A case study. by Michael Kennedy michaelckennedy.net Building beautiful websites with Bootstrap: A case study by Michael Kennedy DevelopMentor @mkennedy michaelckennedy.net Objectives Learn what Bootstrap has to offer web developers Install and use Bootstrap

More information

CSS (Cascading Style Sheets)

CSS (Cascading Style Sheets) CSS (Cascading Style Sheets) CSS (Cascading Style Sheets) is a language used to describe the appearance and formatting of your HTML. It allows designers and users to create style sheets that define how

More information

Bootstrap 1/20

Bootstrap 1/20 http://getbootstrap.com/ Bootstrap 1/20 MaxCDN

More information

Lampiran Source Code:

Lampiran Source Code: Lampiran Source Code: Halaman Login Siswa Sourcecode : @session_start(); $db = mysqli_connect("localhost", "root", "", "learning");

More information

LAMPIRAN-LAMPIRAN A. Source Code 1) Sample Controller pada HomeController.php

LAMPIRAN-LAMPIRAN A. Source Code 1) Sample Controller pada HomeController.php 67 LAMPIRAN-LAMPIRAN A. Source Code 1) Sample Controller pada HomeController.php

More information

Django AdminLTE 2 Documentation

Django AdminLTE 2 Documentation Django AdminLTE 2 Documentation Release 0.1 Adam Charnock Jul 02, 2018 Contents 1 Contents 3 1.1 Quickstart................................................ 3 1.2 Templates & Blocks Reference.....................................

More information

Description: This feature will enable user to send messages from website to phone number.

Description: This feature will enable user to send messages from website to phone number. Web to Phone text message Description: This feature will enable user to send messages from website to phone number. User will use this feature and can send messages from website to phone number, this will

More information

Chapter6: Bootstrap 3. Asst.Prof.Dr. Supakit Nootyaskool Information Technology, KMITL

Chapter6: Bootstrap 3. Asst.Prof.Dr. Supakit Nootyaskool Information Technology, KMITL Chapter6: Bootstrap 3 Asst.Prof.Dr. Supakit Nootyaskool Information Technology, KMITL Objective To apply Bootstrap to a web site To know how to build various bootstrap commands to be a content Topics Bootstrap

More information

Dingle Coderdojo 6. Project Part 2 (of 2) - Movie Poster And Actor! - Lookup. Week 6

Dingle Coderdojo 6. Project Part 2 (of 2) - Movie Poster And Actor! - Lookup. Week 6 Dingle Coderdojo 6 Week 6 Project Part 2 (of 2) - Movie Poster And Actor! - Lookup This is an extension of what you did the last time (the Movie Poster lookup from Week 5). Make sure you ve finished that

More information

Project Part 2 (of 2) - Movie Poster And Actor! - Lookup

Project Part 2 (of 2) - Movie Poster And Actor! - Lookup Getting Started 1. Go to http://quickdojo.com 2. Click this: Project Part 2 (of 2) - Movie Poster And Actor! - Lookup This is an extension of what you did the last time (the Movie Poster lookup from Week

More information

,.., «..»

,.., «..» ,.., 2018. 09.03.03.19 - «..».... 2018 1 : - 39, 5, 1. : -. :,, -,. -.,,. 2 ... 4 1 -. 6 1.1 -... 6 1.2 -... 9 1.3 -... 11 1.4, -... 13 2. - «..»... 16 2.1.... 16 2.2 CMS WordPress... 17 2.3 -... 22...

More information

LAMPIRAN. Index.php. <script type="text/javascript" src="jquery-min.js"></script> <script type="text/javascript"> Universitas Sumatera Utara

LAMPIRAN. Index.php. <script type=text/javascript src=jquery-min.js></script> <script type=text/javascript> Universitas Sumatera Utara LAMPIRAN Index.php session_start(); error_reporting(0); include "timeout.php"; include "config/koneksi.php"; if($_session[login]==1){ if(!cek_login()){ $_SESSION[login] = 0; if($_session[login]==0){ header('location:logout.php');

More information

Bootstrap Carousel. jquery Image Sliders

Bootstrap Carousel. jquery Image Sliders Bootstrap Carousel jquery Image Sliders Bootstrap Carousel Carousel bootstarp css js jquery js bootstrap.js http://getbootstrap.com/javascript/#carousel item ol.carousel-indicators li

More information

Front-End UI: Bootstrap

Front-End UI: Bootstrap Responsive Web Design BootStrap Front-End UI: Bootstrap Responsive Design and Grid System Imran Ihsan Assistant Professor, Department of Computer Science Air University, Islamabad, Pakistan www.imranihsan.com

More information

Lampiran. Lampiran 1 : Database

Lampiran. Lampiran 1 : Database 78 Lampiran Lampiran 1 : Database 79 80 Lampiran 2 : Coding List a. Coding Login

More information

CSS (Cascading Style Sheets): An Overview

CSS (Cascading Style Sheets): An Overview CSS (Cascading Style Sheets): An Overview CSS (Cascading Style Sheets) is a language used to describe the appearance and formatting of your HTML. It allows designers and users to create style sheets that

More information

Spring Data JPA, Spring Boot, Oracle, AngulerJS 적용게시판실습 게시판리스트보기.

Spring Data JPA, Spring Boot, Oracle, AngulerJS 적용게시판실습 게시판리스트보기. Spring Data JPA, Spring Boot, Oracle, AngulerJS 적용게시판실습 http://ojc.asia, http://ojcedu.com 게시판리스트보기 Spring JDBC 또는 MyBatis로만들때보다쉽고빠르게작성할수있다. 스프링컨트롤러는 RestController를적용했으며, 뷰페이지에 Bootstrap 및 AngulerJS 적용했다.

More information

LAMPIRAN. <meta name="description" content="creative - Bootstrap 3 Responsive Admin Template">

LAMPIRAN. <meta name=description content=creative - Bootstrap 3 Responsive Admin Template> LAMPIRAN add_anggota.php(potongan kode untuk menambah anggota) session_start(); if (empty($_session['username'])){ header('location:login.php'); else { include "../koneksi.php";

More information

This project will use an API from to retrieve a list of movie posters to display on screen.

This project will use an API from   to retrieve a list of movie posters to display on screen. Getting Started 1. Go to http://quickdojo.com 2. Click this: Project Part 1 (of 2) - Movie Poster Lookup Time to put what you ve learned to action. This is a NEW piece of HTML, so start quickdojo with

More information

TUTORIAL CRUD CODEIGNITER

TUTORIAL CRUD CODEIGNITER TUTORIAL CRUD CODEIGNITER With MySQL Tutorial ini saya dedikasikan untuk yang baru terjun di framework codeigniter, dan para pemula yang ingin belajar secara otodidak. Crud merupakan kewajiban dasar yang

More information

5 Snowdonia. 94 Web Applications with C#.ASP

5 Snowdonia. 94 Web Applications with C#.ASP 94 Web Applications with C#.ASP 5 Snowdonia In this and the following three chapters we will explore the use of particular programming techniques, before combining these methods to create two substantial

More information

Summary 4/5. (contains info about the html)

Summary 4/5. (contains info about the html) Summary Tag Info Version Attributes Comment 4/5

More information

LAMPIRAN Kode Program

LAMPIRAN Kode Program 73 LAMPIRAN Kode Program 1. Index.php

More information

Making a live edit contact list with Coldbox REST & Vue.js

Making a live edit contact list with Coldbox REST & Vue.js Tweet Making a live edit contact list with Coldbox REST & Vue.js Scott Steinbeck Mar 28, 2016 Today we will be making a contact database that you can quickly and easily manage using ColdBox and Vue.js.

More information

HTML Summary. All of the following are containers. Structure. Italics Bold. Line Break. Horizontal Rule. Non-break (hard) space.

HTML Summary. All of the following are containers. Structure. Italics Bold. Line Break. Horizontal Rule. Non-break (hard) space. HTML Summary Structure All of the following are containers. Structure Contains the entire web page. Contains information

More information

Create First Web Page With Bootstrap

Create First Web Page With Bootstrap Bootstrap : Responsive Design Create First Web Page With Bootstrap 1. Add the HTML5 doctype Bootstrap uses HTML elements and CSS properties that require the HTML5 doctype. 2. Bootstrap 3 is mobile-first

More information

Purpose of this doc. Most minimal. Start building your own portfolio page!

Purpose of this doc. Most minimal. Start building your own portfolio page! Purpose of this doc There are abundant online web editing tools, such as wordpress, squarespace, etc. This document is not meant to be a web editing tutorial. This simply just shows some minimal knowledge

More information

Working Bootstrap Contact form with PHP and AJAX

Working Bootstrap Contact form with PHP and AJAX Working Bootstrap Contact form with PHP and AJAX Tutorial by Ondrej Svestka Bootstrapious.com Today I would like to show you how to easily build a working contact form using Boostrap framework and AJAX

More information

Responsive Web Design (RWD)

Responsive Web Design (RWD) Responsive Web Design (RWD) Responsive Web Design: design Web pages, so that it is easy to see on a wide range of of devices phone, tablet, desktop,... Fixed vs Fluid layout Fixed: elements have fixed

More information

Lab 7 Introduction to MySQL

Lab 7 Introduction to MySQL Lab 7 Introduction to MySQL Objectives: During this lab session, you will - Learn how to access the MySQL Server - Get hand-on experience on data manipulation and some PHP-to-MySQL technique that is often

More information

Environmental Sanitation Management Information System - ESMIS

Environmental Sanitation Management Information System - ESMIS Environmental Sanitation Management Information System - ESMIS System Manual Contents 1 General Information... 1 1.1 System Overview... 1 1.2 Organization of the Manual... 1 1.3 User Access Level... 2

More information

PROJECT ON EMPLOYEE DATABASE AND PAYROLL MANAGEMENT SYSTEM

PROJECT ON EMPLOYEE DATABASE AND PAYROLL MANAGEMENT SYSTEM PROJECT ON EMPLOYEE DATABASE AND PAYROLL MANAGEMENT SYSTEM REPORT OF MAJOR PROJECT SUBMITTED FOR FULFILLMENT OF THE REQUIREMENT FOR THE DEGREE OF MASTER IN COMPUTER APPLICATION MARCUS ATISH D ROZARIO REGISTRATION

More information

LISTING KODE PROGRAM

LISTING KODE PROGRAM LISTING KODE PROGRAM Kategori PHP

More information

А «- - «Exellent»» 50, 18, «Exellent»., , -., -. -,, html -. - «Exellent»,.

А «- - «Exellent»» 50, 18, «Exellent»., , -., -. -,, html -. - «Exellent»,. А «- - «Exellent»» 50, 18, 21. - - «Exellent»., -. -. -. -, -., -. -,, html -. - «Exellent»,. А... 3 1 -... 5 1.1, -... 5 1.2 Э -... 8 1.3 -... 9 1.4, -... 16 1.4.1... 16 1.4.2... 18 1.4.3.... 18 2 - «Exellent»...

More information

Wireframe :: tistory wireframe tistory.

Wireframe :: tistory wireframe tistory. Page 1 of 45 Wireframe :: tistory wireframe tistory Daum Tistory GO Home Location Tags Media Guestbook Admin 'XHTML+CSS' 7 1 2009/09/20 [ ] XHTML CSS - 6 (2) 2 2009/07/23 [ ] XHTML CSS - 5 (6) 3 2009/07/17

More information

Enhancing Koha s Public Reports Feature

Enhancing Koha s Public Reports Feature Enhancing Koha s Public Reports Feature A presentation to the Koha-Oz User Group Melbourne Athenaeum 18 August 2016 Bob Birchall / Chris Vella Reports in Koha can be made public FROM THE Koha MANUAL: Report

More information

Session 5. Web Page Generation. Reading & Reference

Session 5. Web Page Generation. Reading & Reference Session 5 Web Page Generation 1 Reading Reading & Reference https://en.wikipedia.org/wiki/responsive_web_design https://www.w3schools.com/css/css_rwd_viewport.asp https://en.wikipedia.org/wiki/web_template_system

More information

By the end of this section of the practical, the students should be able to:

By the end of this section of the practical, the students should be able to: By the end of this section of the practical, the students should be able to: Connecting to a MySQL database in PHP with the mysql_connect() and mysql_select_db() functions Trapping and displaying database

More information

HTML TAG SUMMARY HTML REFERENCE 18 TAG/ATTRIBUTE DESCRIPTION PAGE REFERENCES TAG/ATTRIBUTE DESCRIPTION PAGE REFERENCES MOST TAGS

HTML TAG SUMMARY HTML REFERENCE 18 TAG/ATTRIBUTE DESCRIPTION PAGE REFERENCES TAG/ATTRIBUTE DESCRIPTION PAGE REFERENCES MOST TAGS MOST TAGS CLASS Divides tags into groups for applying styles 202 ID Identifies a specific tag 201 STYLE Applies a style locally 200 TITLE Adds tool tips to elements 181 Identifies the HTML version

More information

Make a Website. A complex guide to building a website through continuing the fundamentals of HTML & CSS. Created by Michael Parekh 1

Make a Website. A complex guide to building a website through continuing the fundamentals of HTML & CSS. Created by Michael Parekh 1 Make a Website A complex guide to building a website through continuing the fundamentals of HTML & CSS. Created by Michael Parekh 1 Overview Course outcome: You'll build four simple websites using web

More information

L A M P I R A N. Universitas Sumatera Utara

L A M P I R A N. Universitas Sumatera Utara L A M P I R A N LAMPIRAN 1. Listing Program Aplikasi e-election Berbasis SMS Gateway index.php

More information

Web Development and HTML. Shan-Hung Wu CS, NTHU

Web Development and HTML. Shan-Hung Wu CS, NTHU Web Development and HTML Shan-Hung Wu CS, NTHU Outline How does Internet Work? Web Development HTML Block vs. Inline elements Lists Links and Attributes Tables Forms 2 Outline How does Internet Work? Web

More information

CSS CSS how to display to solve a problem External Style Sheets CSS files CSS Syntax

CSS CSS how to display to solve a problem External Style Sheets CSS files CSS Syntax CSS CSS stands for Cascading Style Sheets Styles define how to display HTML elements Styles were added to HTML 4.0 to solve a problem External Style Sheets can save a lot of work External Style Sheets

More information

Technical Guide Login Page Customization

Technical Guide Login Page Customization Released: 2017-11-15 Doc Rev No: R2 Copyright Notification Edgecore Networks Corporation Copyright 2019 Edgecore Networks Corporation. The information contained herein is subject to change without notice.

More information

Integrating the Quotation page with your site

Integrating the Quotation page with your site Integrating the with your site Introduction Until June 2014, for customers to obtain a quote for your service, it was necessary to redirect the customer to the Instant-Quote.co site. This is no longer

More information

Produced by. Agile Software Development. Eamonn de Leastar

Produced by. Agile Software Development. Eamonn de Leastar Agile Software Development Produced by Eamonn de Leastar (edeleastar@wit.ie) Department of Computing, Maths & Physics Waterford Institute of Technology http://www.wit.ie http://elearning.wit.ie Pacemaker

More information

recall: a Web page is a text document that contains additional formatting information in the HyperText Markup Language (HTML)

recall: a Web page is a text document that contains additional formatting information in the HyperText Markup Language (HTML) HTML & Web Pages recall: a Web page is a text document that contains additional formatting information in the HyperText Markup Language (HTML) HTML specifies formatting within a page using tags in its

More information

Mobile Design for the Future That is Here Already. Rick Ells UW Information Technology University of Washington

Mobile Design for the Future That is Here Already. Rick Ells UW Information Technology University of Washington Mobile Design for the Future That is Here Already Rick Ells UW Information Technology University of Washington Why Mobile? Why Accessible? Are UW Web sites a public accomodation under the Americans with

More information

CSC 121 Computers and Scientific Thinking

CSC 121 Computers and Scientific Thinking CSC 121 Computers and Scientific Thinking Fall 2005 HTML and Web Pages 1 HTML & Web Pages recall: a Web page is a text document that contains additional formatting information in the HyperText Markup Language

More information

Mateen Eslamy 10/31/13

Mateen Eslamy 10/31/13 Mateen Eslamy 10/31/13 Tutorial In this tutorial, you ll learn how to create a webpage using Twitter Bootstrap 3. The goal of this tutorial is to create a responsive webpage, meaning that if the webpage

More information

Static Webpage Development

Static Webpage Development Dear Student, Based upon your enquiry we are pleased to send you the course curriculum for PHP Given below is the brief description for the course you are looking for: - Static Webpage Development Introduction

More information

Multimedia Systems and Technologies Lab class 6 HTML 5 + CSS 3

Multimedia Systems and Technologies Lab class 6 HTML 5 + CSS 3 Multimedia Systems and Technologies Lab class 6 HTML 5 + CSS 3 Instructions to use the laboratory computers (room B2): 1. If the computer is off, start it with Windows (all computers have a Linux-Windows

More information

Markup Language. Made up of elements Elements create a document tree

Markup Language. Made up of elements Elements create a document tree Patrick Behr Markup Language HTML is a markup language HTML markup instructs browsers how to display the content Provides structure and meaning to the content Does not (should not) describe how

More information

Web Programming BootStrap Unit Exercises

Web Programming BootStrap Unit Exercises Web Programming BootStrap Unit Exercises Start with the Notes packet. That packet will tell you which problems to do when. 1. Which line(s) are green? 2. Which line(s) are in italics? 3. In the space below

More information

HTML HTML5. DOM(Document Object Model) CSS CSS

HTML HTML5. DOM(Document Object Model) CSS CSS HTML HTML5 DOM(Document Object Model) CSS CSS HTML html img jpg png gif jpg png gif

More information

Listing Program. return false; return true; } </script> </body> </html>

Listing Program. return false; return true; } </script> </body> </html> Listing Program koneksi.php $mysql_user="root"; $mysql_password=""; $mysql_database="korpri"; $mysql_host="localhost"; $koneksi_db = mysql_connect($mysql_host, $mysql_user, $mysql_password); mysql_select_db($mysql_database,

More information

WEB/DEVICE DEVELOPMENT CLIENT SIDE MIS/CIT 310

WEB/DEVICE DEVELOPMENT CLIENT SIDE MIS/CIT 310 WEB/DEVICE DEVELOPMENT CLIENT SIDE MIS/CIT 310 Project #4 Updating your class project to be more mobile friendly To gain a fuller appreciate for Responsive Design, please review Chapter 8. Another great

More information

Deccansoft Software Services

Deccansoft Software Services Deccansoft Software Services (A Microsoft Learning Partner) HTML and CSS COURSE SYLLABUS Module 1: Web Programming Introduction In this module you will learn basic introduction to web development. Module

More information

Адаптивный дизайн веб-страниц с использованием сеточных технологий

Адаптивный дизайн веб-страниц с использованием сеточных технологий Адаптивный дизайн веб-страниц с использованием сеточных технологий ТНК 2018 Теоретический материал http://www.w3.org/tr/2015/wdcss-grid-1-20150917/#propdef-gridauto-columns 960 System (960.gs) Пример

More information

Basic CSS Lecture 17

Basic CSS Lecture 17 Basic CSS Lecture 17 Robb T. Koether Hampden-Sydney College Wed, Feb 21, 2018 Robb T. Koether (Hampden-Sydney College) Basic CSSLecture 17 Wed, Feb 21, 2018 1 / 22 1 CSS 2 Background Styles 3 Text Styles

More information

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.3/css/materialize.min.css">

<link rel=stylesheet href=https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.3/css/materialize.min.css> About the Tutorial Materialize is a UI component library created with CSS, JavaScript, and HTML. Materialize UI components help in constructing attractive, consistent, and functional web pages and web

More information

A Balanced Introduction to Computer Science, 3/E

A Balanced Introduction to Computer Science, 3/E A Balanced Introduction to Computer Science, 3/E David Reed, Creighton University 2011 Pearson Prentice Hall ISBN 978-0-13-216675-1 Chapter 2 HTML and Web Pages 1 HTML & Web Pages recall: a Web page is

More information

Website Development with HTML5, CSS and Bootstrap

Website Development with HTML5, CSS and Bootstrap Contact Us 978.250.4983 Website Development with HTML5, CSS and Bootstrap Duration: 28 hours Prerequisites: Basic personal computer skills and basic Internet knowledge. Course Description: This hands on

More information

Introduction to Computer Science Web Development

Introduction to Computer Science Web Development Introduction to Computer Science Web Development Flavio Esposito http://cs.slu.edu/~esposito/teaching/1080/ Lecture 14 Lecture outline Discuss HW Intro to Responsive Design Media Queries Responsive Layout

More information

Structure Bars. Tag Bar

Structure Bars. Tag Bar C H E A T S H E E T / / F L A R E 2 0 1 8 Structure Bars The XML Editor provides structure bars above and to the left of the content area in order to provide a visual display of the topic tags and structure.

More information

HTML, CSS, Bootstrap, Javascript and jquery

HTML, CSS, Bootstrap, Javascript and jquery HTML, CSS, Bootstrap, Javascript and jquery Meher Krishna Patel Created on : Octorber, 2017 Last updated : May, 2018 More documents are freely available at PythonDSP Table of contents Table of contents

More information

ゼミ Wiki の再構築について 資料編 加納さおり

ゼミ Wiki の再構築について 資料編 加納さおり Wiki [ Fukuda Semi Wiki] [ 2 wiki] [ 3 ] [ 4 ] [ 5 ] [ 6 ] [ 7 ] [ 8 ] [ 9 ] [ 10 ] [ 11 ] [ 12 ] [ 13 ] [ 14 Menu1] [ 15 Menu2] [ 16 Menu3] [ 17 wiki Menu] [ 18 TOP ] [ 19 ] [ 20 ] [ 20] [ 21 ] [ 22 (

More information

CSS Scripting and Computer Environment - Lecture 09

CSS Scripting and Computer Environment - Lecture 09 CSS Scripting and Computer Environment - Lecture 09 Saurabh Barjatiya International Institute Of Information Technology, Hyderabad 1 st October, 2011 Contents 1 CSS stands for Cascading Style Sheets Styles

More information

HTML BEGINNING TAGS. HTML Structure <html> <head> <title> </title> </head> <body> Web page content </body> </html>

HTML BEGINNING TAGS. HTML Structure <html> <head> <title> </title> </head> <body> Web page content </body> </html> HTML BEGINNING TAGS HTML Structure Web page content Structure tags: Tags used to give structure to the document.

More information

HTML & CSS Cheat Sheet

HTML & CSS Cheat Sheet 1 HTML & CSS Cheat Sheet Fall 2017 HTML & CSS Cheat Sheet from Typographic Web Design 3 by Laura Franz Web safe fonts vs web fonts You can expect these web safe fonts to work across most platforms and

More information

Oliver Pott HTML XML. new reference. Markt+Technik Verlag

Oliver Pott HTML XML. new reference. Markt+Technik Verlag Oliver Pott HTML XML new reference Markt+Technik Verlag Inhaltsverzeichnis Übersicht 13 14 A 15 A 16 ABBR 23 ABBR 23 ACCEPT 26 ACCEPT-CHARSET

More information

CHAPTER 2 MARKUP LANGUAGES: XHTML 1.0

CHAPTER 2 MARKUP LANGUAGES: XHTML 1.0 WEB TECHNOLOGIES A COMPUTER SCIENCE PERSPECTIVE CHAPTER 2 MARKUP LANGUAGES: XHTML 1.0 Modified by Ahmed Sallam Based on original slides by Jeffrey C. Jackson reserved. 0-13-185603-0 HTML HELLO WORLD! Document

More information

Study Guide 2 - HTML and CSS - Chap. 6,8,10,11,12 Name - Alexia Bernardo

Study Guide 2 - HTML and CSS - Chap. 6,8,10,11,12 Name - Alexia Bernardo Study Guide 2 - HTML and CSS - Chap. 6,8,10,11,12 Name - Alexia Bernardo Note: We skipped Study Guide 1. If you d like to review it, I place a copy here: https:// people.rit.edu/~nbbigm/studyguides/sg-1.docx

More information

The Hypertext Markup Language (HTML) Part II. Hamid Zarrabi-Zadeh Web Programming Fall 2013

The Hypertext Markup Language (HTML) Part II. Hamid Zarrabi-Zadeh Web Programming Fall 2013 The Hypertext Markup Language (HTML) Part II Hamid Zarrabi-Zadeh Web Programming Fall 2013 2 Outline HTML Structures Tables Forms New HTML5 Elements Summary HTML Tables 4 Tables Tables are created with

More information

A WEB APPLICATION FOR ONLINE POLLING. A Thesis. Presented to the. Faculty of. San Diego State University. In Partial Fulfillment

A WEB APPLICATION FOR ONLINE POLLING. A Thesis. Presented to the. Faculty of. San Diego State University. In Partial Fulfillment A WEB APPLICATION FOR ONLINE POLLING A Thesis Presented to the Faculty of San Diego State University In Partial Fulfillment of the Requirements for the Degree Master of Science in Computer Science by Ashok

More information

Cascading style sheets, HTML, DOM and Javascript

Cascading style sheets, HTML, DOM and Javascript CSS Dynamic HTML Cascading style sheets, HTML, DOM and Javascript DHTML Collection of technologies forming dynamic clients HTML (content content) DOM (data structure) JavaScript (behaviour) Cascading Style

More information

Guide to Integrate. ADSelfService Plus with. Outlook Web App.

Guide to Integrate. ADSelfService Plus with. Outlook Web App. Guide to Integrate ADSelfService Plus with Outlook Web App Contents Document Summary 1 ADSelfService Plus Overview 1 ADSelfService Plus Integration with Outlook Web App 1 Steps Involved 2 Step 1: Locate

More information

Chapter 7 BMIS335 Web Design & Development

Chapter 7 BMIS335 Web Design & Development Chapter 7 BMIS335 Web Design & Development Site Organization Use relative links to navigate between folders within your own site o Sometimes dividing your site into folders makes maintenance and updating

More information

LING 408/508: Computational Techniques for Linguists. Lecture 14

LING 408/508: Computational Techniques for Linguists. Lecture 14 LING 408/508: Computational Techniques for Linguists Lecture 14 Administrivia Homework 5 has been graded Last Time: Browsers are powerful Who that John knows does he not like? html + javascript + SVG Client-side

More information

<page> 1 Document Summary Document Information <page> 2 Document Structure Text Formatting <page> 3 Links Images <page> 4

<page> 1 Document Summary Document Information <page> 2 Document Structure Text Formatting <page> 3 Links Images <page> 4 Document Summary Document Information Document Structure Text Formatting Links Images Lists Forms Input Type Attributes Select Attributes Option Attributes Table Formatting Objects and iframes iframe Attributes

More information

UNIVERSITY OF TORONTO Faculty of Arts and Science APRIL 2016 EXAMINATIONS. CSC309H1 S Programming on the Web Instructor: Ahmed Shah Mashiyat

UNIVERSITY OF TORONTO Faculty of Arts and Science APRIL 2016 EXAMINATIONS. CSC309H1 S Programming on the Web Instructor: Ahmed Shah Mashiyat UNIVERSITY OF TORONTO Faculty of Arts and Science APRIL 2016 EXAMINATIONS CSC309H1 S Programming on the Web Instructor: Ahmed Shah Mashiyat Duration - 2 hours Aid Sheet: Both side of one 8.5 x 11" sheet

More information

As we design and build out our HTML pages, there are some basics that we may follow for each page, site, and application.

As we design and build out our HTML pages, there are some basics that we may follow for each page, site, and application. Extra notes - Client-side Design and Development Dr Nick Hayward HTML - Basics A brief introduction to some of the basics of HTML. Contents Intro element add some metadata define a base address

More information

Using Visual Studio 2017

Using Visual Studio 2017 C H A P T E R 1 Using Visual Studio 2017 In this chapter, I explain the process for installing Visual Studio 2017 and recreate the Party Invites project from Chapter 2 of Pro ASP.NET Core MVC. As you will

More information

Programmazione Web a.a. 2017/2018 HTML5

Programmazione Web a.a. 2017/2018 HTML5 Programmazione Web a.a. 2017/2018 HTML5 PhD Ing.Antonino Raucea antonino.raucea@dieei.unict.it 1 Introduzione HTML HTML is the standard markup language for creating Web pages. HTML stands for Hyper Text

More information

Lab 1: Introducing HTML5 and CSS3

Lab 1: Introducing HTML5 and CSS3 CS220 Human- Computer Interaction Spring 2015 Lab 1: Introducing HTML5 and CSS3 In this lab we will cover some basic HTML5 and CSS, as well as ways to make your web app look and feel like a native app.

More information

Django Part II SPARCS 11 undead. Greatly Inspired by SPARCS 10 hodduc

Django Part II SPARCS 11 undead. Greatly Inspired by SPARCS 10 hodduc Django Part II 2015-05-27 SPARCS 11 undead Greatly Inspired by SPARCS 10 hodduc Previously on Django Seminar Structure of Web Environment HTTP Requests and HTTP Responses Structure of a Django Project

More information

Web development using PHP & MySQL with HTML5, CSS, JavaScript

Web development using PHP & MySQL with HTML5, CSS, JavaScript Web development using PHP & MySQL with HTML5, CSS, JavaScript Static Webpage Development Introduction to web Browser Website Webpage Content of webpage Static vs dynamic webpage Technologies to create

More information

CS 350 COMPUTER/HUMAN INTERACTION. Lecture 6

CS 350 COMPUTER/HUMAN INTERACTION. Lecture 6 CS 350 COMPUTER/HUMAN INTERACTION Lecture 6 Setting up PPP webpage Log into lab Linux client or into csserver directly Webspace (www_home) should be set up Change directory for CS 350 assignments cp r

More information

MUSE Web Style Guide DRAFT v3

MUSE Web Style Guide DRAFT v3 MUSE Web Style Guide 2016 DRAFT v3 STYLE GUIDE CONTENTS STYLE GUIDE PURPOSE COLOR PALETTE TYPOGRAPHY MOOD BOARD IMAGERY FOR CONCEPTUALIZING HEADER, FOOTER, NAVIGATION HOMEPAGE and DROP DOWN NAVIGATION

More information

WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5

WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 Chapter 7 Key Concepts 1 In this chapter, you will learn how to... LEARNING OUTCOMES Code relative hyperlinks to web pages in folders within a website Configure

More information

Table-Based Web Pages

Table-Based Web Pages Table-Based Web Pages Web Authoring and Design Benjamin Kenwright Outline What do we mean by Table-Based Web Sites? Review Table Tags/Structure Tips/Debugging/Applications Summary Review/Discussion Submissions/Quizzes/GitHub

More information