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

Size: px
Start display at page:

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

Transcription

1 LAMPIRAN add_anggota.php(potongan kode untuk menambah anggota) session_start(); if (empty($_session['username'])){ header('location:login.php'); else { include "../koneksi.php"; <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content="creative - Bootstrap 3 Responsive Admin Template"> <meta name="author" content="geekslabs"> <meta name="keyword" content="creative, Dashboard, Admin, Template, Theme, Bootstrap, Responsive, Retina, Minimal"> <link rel="shortcut icon" href="img/favicon.png"> <title>dashboard</title> <!-- Bootstrap CSS --> <link href="css/bootstrap.min.css" rel="stylesheet"> <!-- bootstrap theme --> <link href="css/bootstrap-theme.css" rel="stylesheet"> <!--external css--> <!-- font icon --> <link href="css/elegant-icons-style.css" rel="stylesheet" /> <link href="css/font-awesome.min.css" rel="stylesheet" /> <!-- full calendar css-->

2 <link href="assets/fullcalendar/fullcalendar/bootstrap-fullcalendar.css" rel="stylesheet" /> <link href="assets/fullcalendar/fullcalendar/fullcalendar.css" rel="stylesheet" /> <!-- easy pie chart--> <link href="assets/jquery-easy-pie-chart/jquery.easy-pie-chart.css" rel="stylesheet" type="text/css" media="screen"/> <!-- owl carousel --> <link rel="stylesheet" href="css/owl.carousel.css" type="text/css"> <link href="css/jquery-jvectormap css" rel="stylesheet"> <!-- Custom styles --> <link rel="stylesheet" href="css/fullcalendar.css"> <link href="css/widgets.css" rel="stylesheet"> <link href="css/style.css" rel="stylesheet"> <link href="css/style-responsive.css" rel="stylesheet" /> <link href="css/xcharts.min.css" rel=" stylesheet"> <link href="css/jquery-ui min.css" rel="stylesheet"> <!-- HTML5 shim and Respond.js IE8 support of HTML5 --> <!--[if lt IE 9]> <script src="js/html5shiv.js"></script> <script src="js/respond.min.js"></script> <script src="js/lte-ie7.js"></script> <![endif]--> </head> <body> <!-- container section start --> <section id="container" class=""> <header class="header dark-bg"> <div class="toggle-nav"> <div class="icon-reorder tooltips" data-original-title="toggle Navigation" dataplacement="bottom"><i class="icon_menu"></i> <!--logo start-->

3 <a href="index.php" class="logo">nice <span class="lite">admin</span></a> <!--logo end--> <div class="nav search-row" id="top_menu"> <!-- search form start --> <ul class="nav top-menu"> <li> <form class="navbar-form"> <input class="form-control" placeholder="search" type="text"> </form> </li> </ul> <!-- search form end --> <div class="top-nav notification-row"> <!-- notificatoin dropdown start--> <ul class="nav pull-right top-menu"> <!-- alert notification end--> <!-- user login dropdown start--> <li class="dropdown"> <a data-toggle="dropdown" class="dropdown-toggle" href="#"> <span class="profile-ava"> <img alt="" src="img/avatar1_small.jpg"> </span> <span class="username"> echo $_SESSION['level']; </span> </a> </li> <!-- user login dropdown end --> </ul> <!-- notificatoin dropdown end-->

4 </header> <!--header end--> <!--sidebar start--> <aside> <div id="sidebar" class="nav-collapse "> include ('panel.php'); </aside> <!--sidebar end--> <!--main content start--> <section id="main-content"> <section class="wrapper"> <div class="row"> <div class="col-lg-12"> <h3 class="page-header"><i class="fa fa-file-text-o"></i>tambah Anggota</h3> <div class="row"> <div class="col-lg-12"> <div class="row"> <div class="col-lg-6"> <section class="panel"> <header class="panel-heading"> </header> <div class="panel-body"> <form action="insert_anggota.php"; method="post"> <div class="form-group"> <label class="control-label col-sm-4">id</label>

5 $tampil=mysql_query("select * from t_anggota"); $doto=0; while($data=mysql_fetch_array($tampil)){ $doto = $data['id_anggota']; name="kode" value="agt0 <input id="cp1" type="text" size="10" class="form-control" echo $doto+1; " readonly><br> <label class="control-label col-sm-4">nama Angggota</label> name="nama" required><br> <input id="cp1" type="text" size="10" class="form-control" <label class="control-label col-sm-4">alamat</label> name="alamat" required><br> <input id="cp1" type="text" size="10" class="form-control" <label class="control-label col-sm-4">kontak</label> name="no_telp" required><br> <input id="cp1" type="text" size="10" class="form-control" <input type="submit" value="simpan" class="btn btn-primary" > </form>

6 <div class="row"> <!-- Bootsrep Editor --> <!-- CKEditor --> <!-- page end--> <!--main content end--> <!-- container section end --> <!-- javascripts --> <script src="js/jquery.js"></script> <script src="js/bootstrap.min.js"></script> <!-- nice scroll --> <script src="js/jquery.scrollto.min.js"></script> <script src="js/jquery.nicescroll.js" type="text/javascript"></script> <!-- jquery ui --> <script src="js/jquery-ui custom.min.js"></script> <!--custom checkbox & radio--> <script type="text/javascript" src="js/ga.js"></script> <!--custom switch--> <script src="js/bootstrap-switch.js"></script> <!--custom tagsinput--> <script src="js/jquery.tagsinput.js"></script>

7 <!-- colorpicker --> <!-- bootstrap-wysiwyg --> <script src="js/jquery.hotkeys.js"></script> <script src="js/bootstrap-wysiwyg.js"></script> <script src="js/bootstrap-wysiwyg-custom.js"></script> <!-- ck editor --> <script type="text/javascript" src="assets/ckeditor/ckeditor.js"></script> <!-- custom form component script for this page--> <script src="js/form-component.js"></script> <!-- custome script for all page --> <script src="js/scripts.js"></script> </body> </html> add_rekening.php(ptongan kode untuk menambah rekening) session_start(); if (empty($_session['username'])){ header('location:login.php'); else { include "../koneksi.php"; <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content="creative - Bootstrap 3 Responsive Admin Template"> <meta name="author" content="geekslabs"> <meta name="keyword" content="creative, Dashboard, Admin, Template, Theme, Bootstrap, Responsive, Retina, Minimal">

8 <link rel="shortcut icon" href="img/favicon.png"> <title>dashboard</title> <!-- Bootstrap CSS --> <link href="css/bootstrap.min.css" rel="stylesheet"> <!-- bootstrap theme --> <link href="css/bootstrap-theme.css" rel="stylesheet"> <!--external css--> <!-- font icon --> <link href="css/elegant-icons-style.css" rel="stylesheet" /> <link href="css/font-awesome.min.css" rel="stylesheet" /> <!-- full calendar css--> /> <link href="assets/fullcalendar/fullcalendar/bootstrap-fullcalendar.css" rel="stylesheet" <link href="assets/fullcalendar/fullcalendar/fullcalendar.css" rel="stylesheet" /> <!-- easy pie chart--> <link href="assets/jquery-easy-pie-chart/jquery.easy-pie-chart.css" rel="stylesheet" type="text/css" media="screen"/> <!-- owl carousel --> <link rel="stylesheet" href="css/owl.carousel.css" type="text/css"> <link href="css/jquery-jvectormap css" rel="stylesheet"> <!-- Custom styles --> <link rel="stylesheet" href="css/fullcalendar.css"> <link href="css/widgets.css" rel="stylesheet"> <link href="css/style.css" rel="stylesheet"> <link href="css/style-responsive.css" rel="stylesheet" /> <link href="css/xcharts.min.css" rel=" stylesheet"> <link href="css/jquery-ui min.css" rel="stylesheet"> <!-- HTML5 shim and Respond.js IE8 support of HTML5 --> <!--[if lt IE 9]> <script src="js/html5shiv.js"></script> <script src="js/respond.min.js"></script> <script src="js/lte-ie7.js"></script> <![endif]-->

9 </head> <body> <!-- container section start --> <section id="container" class=""> <header class="header dark-bg"> <div class="toggle-nav"> <div class="icon-reorder tooltips" data-original-title="toggle Navigation" data-placement="bottom"><i class="icon_menu"></i> <!--logo start--> <a href="index.php" class="logo">nice <span class="lite">admin</span></a> <!--logo end--> <div class="nav search-row" id="top_menu"> <!-- search form start --> <ul class="nav top-menu"> <li> <form class="navbar-form"> <input class="form-control" placeholder="search" type="text"> </form> </li> </ul> <!-- search form end --> <div class="top-nav notification-row"> <!-- notificatoin dropdown start--> <ul class="nav pull-right top-menu"> <!-- alert notification end--> <!-- user login dropdown start--> <li class="dropdown">

10 <a data-toggle="dropdown" class="dropdown-toggle" href="#"> <span class="profile-ava"> <img alt="" src="img/avatar1_small.jpg"> </span> <span class="username"> echo $_SESSION['level']; </span> </a> </li> <!-- user login dropdown end --> </ul> <!-- notificatoin dropdown end--> </header> <!--header end--> <!--sidebar start--> <aside> <div id="sidebar" class="nav-collapse "> include ('panel.php'); </aside> <!--sidebar end--> <!--main content start--> <section id="main-content"> <section class="wrapper"> <div class="row"> <div class="col-lg-12"> Rekening</h3> <h3 class="page-header"><i class="fa fa-file-text-o"></i>tambah

11 <div class="row"> <div class="col-lg-12"> <div class="row"> <div class="col-lg-6"> <section class="panel"> <header class="panel-heading"> </header> <div class="panel-body"> <form action="insert_rekening.php"; method="post"> <div class="form-group"> <label class="control-label col-sm-4">kode</label> <input id="cp1" type="text" size="10" class="form-control" name="kode" required><br> Rekening</label> <label class="control-label col-sm-4">nama <input id="cp1" type="text" size="10" class="form-control" name="nama" required><br> Normal</label> <label class="control-label col-sm-4">saldo required> <select class="form-control m-bot15" name="saldo" <option value="">saldo Normal</option> <option value="d">debit</option> <option value="k">kredit</option> </select> Rekening</label> <label class="control-label col-sm-4">kelompok

12 bot15" required>" Kelompok Rekening--</option> <select name="kelompok" class="form-control m- <option value="" selected="selected">-- include "../koneksi.php"; t_kelompok"); $tampilrek=mysql_query("select * FROM while($rek=mysql_fetch_array($tampilrek)) { value=$rek[kode]>$rek[kelompok]</option>"; echo "<option </select> 4">Penyesuaian</label> <label class="control-label col-sm- name="penyesuaian" required> <select class="form-control m-bot15" <option value="">penyesuaian</option> <option value="yes">yes</option> <option value="no">no</option> </select> <label class="control-label col-sm-4">laporan</label> name="laporan" required> <select class="form-control m-bot15" <option value="">laporan</option> <option value="nr">neraca</option> <option value="lr">laba Rugi</option> </select> btn-primary" > <input type="submit" value="simpan" class="btn

13 </form> <div class="row"> <!-- Bootsrep Editor --> <!-- CKEditor --> <!-- page end--> <!--main content end--> <!-- container section end --> <!-- javascripts --> <script src="js/jquery.js"></script> <script src="js/bootstrap.min.js"></script> <!-- nice scroll --> <script src="js/jquery.scrollto.min.js"></script> <script src="js/jquery.nicescroll.js" type="text/javascript"></script> <!-- jquery ui --> <script src="js/jquery-ui custom.min.js"></script> <!--custom checkbox & radio--> <script type="text/javascript" src="js/ga.js"></script>

14 <!--custom switch--> <script src="js/bootstrap-switch.js"></script> <!--custom tagsinput--> <script src="js/jquery.tagsinput.js"></script> <!-- colorpicker --> <!-- bootstrap-wysiwyg --> <script src="js/jquery.hotkeys.js"></script> <script src="js/bootstrap-wysiwyg.js"></script> <script src="js/bootstrap-wysiwyg-custom.js"></script> <!-- ck editor --> <script type="text/javascript" src="assets/ckeditor/ckeditor.js"></script> <!-- custom form component script for this page--> <script src="js/form-component.js"></script> <!-- custome script for all page --> <script src="js/scripts.js"></script> </body> </html> set_saldo_awal.php(potongan kode untuk menambah saldo awal) session_start(); if (empty($_session['username'])){ header('location:../login.php'); else { include "../koneksi.php"; <!DOCTYPE html> <html lang="en"> <head>

15 <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content="creative - Bootstrap 3 Responsive Admin Template"> <meta name="author" content="geekslabs"> <meta name="keyword" content="creative, Dashboard, Admin, Template, Theme, Bootstrap, Responsive, Retina, Minimal"> <link rel="shortcut icon" href="img/favicon.png"> <title>set Saldo</title> <!-- Bootstrap CSS --> <link href="css/bootstrap.min.css" rel="stylesheet"> <!-- bootstrap theme --> <link href="css/bootstrap-theme.css" rel="stylesheet"> <!--external css--> <!-- font icon --> <link href="css/elegant-icons-style.css" rel="stylesheet" /> <link href="css/font-awesome.min.css" rel="stylesheet" /> <!-- full calendar css--> <link href="assets/fullcalendar/fullcalendar/bootstrap-fullcalendar.css" rel="stylesheet" /> <link href="assets/fullcalendar/fullcalendar/fullcalendar.css" rel="stylesheet" /> <!-- easy pie chart--> <link href="assets/jquery-easy-pie-chart/jquery.easy-pie-chart.css" rel="stylesheet" type="text/css" media="screen"/> <!-- owl carousel --> <link rel="stylesheet" href="css/owl.carousel.css" type="text/css"> <link href="css/jquery-jvectormap css" rel="stylesheet"> <!-- Custom styles --> <link rel="stylesheet" href="css/fullcalendar.css"> <link href="css/widgets.css" rel="stylesheet"> <link href="css/style.css" rel="stylesheet"> <link href="css/style-responsive.css" rel="stylesheet" /> <link href="css/xcharts.min.css" rel=" stylesheet"> <link href="css/jquery-ui min.css" rel="stylesheet"> <!-- HTML5 shim and Respond.js IE8 support of HTML5 -->

16 <!--[if lt IE 9]> <script src="js/html5shiv.js"></script> <script src="js/respond.min.js"></script> <script src="js/lte-ie7.js"></script> <![endif]--> </head> <body> <!-- container section start --> <section id="container" class=""> <header class="header dark-bg"> <div class="toggle-nav"> <div class="icon-reorder tooltips" data-original-title="toggle Navigation" dataplacement="bottom"><i class="icon_menu"></i> <!--logo start--> <a href="index.php" class="logo">e- Coperative <span class="lite"></span></a> <!--logo end--> <div class="nav search-row" id="top_menu"> <!-- search form start --> <ul class="nav top-menu"> <li> <form class="navbar-form"> <input class="form-control" placeholder="search" type="text"> </form> </li> </ul> <!-- search form end --> <div class="top-nav notification-row">

17 <!-- notificatoin dropdown start--> <ul class="nav pull-right top-menu"> <!-- alert notification end--> <!-- user login dropdown start--> <li class="dropdown"> <a data-toggle="dropdown" class="dropdown-toggle" href="#"> <span class="profile-ava"> <img alt="" src="img/avatar1_small.jpg"> </span> <span class="username"> echo $_SESSION['level']; </span> </a> </li> <!-- user login dropdown end --> </ul> <!-- notificatoin dropdown end--> </header> <!--header end--> <!--sidebar start--> <aside> <div id="sidebar" class="nav-collapse "> include ('panel.php'); </aside> <!--main content start--> <section id="main-content"> <section class="wrapper"> <!-- page start-->

18 <div class="row"> <div class="col-lg-12"> <section class="panel"> <header class="panel-heading"> Daftar Rekening </header> date_default_timezone_set('asia/jakarta'); $tanggal= mktime(date("m"),date("d"),date("y")); $periode = date("m", $tanggal); $tahun = date("y", $tanggal); $tampil=mysql_query("select t_akun.kode_rek,nama_akun,kode_kelompok,periode,tahun,saldo_debit,saldo_kredit from t_akun left join t_saldo on t_saldo.kode_rek=t_akun.kode_rek where periode= '$periode' and tahun='$tahun' " ); $D=0; $K=0; <table class="table table-bordered"> <tbody> <tr> <th>kode</th> <th>nama Rekening</th> <th>periode</th> <th>tahun</th> <th>debit</th> <th>kredit</th> </tr> while($data=mysql_fetch_array($tampil)) { <tr> <form action="update_saldo.php" method="post">

19 <td><input type="text" value=" echo $data['kode_rek']; " size="2" class="form-control" name="kode[]" readonly></td> <td><input type="text" value=" echo $data['nama_akun']; " size="20" class="form-control" name="nama[]" readonly></a></td> date_default_timezone_set('asia/jakarta'); $tanggal= mktime(date("m"),date("d"),date("y")); $periode = date("m", $tanggal); $tahun = date("y", $tanggal); <td><input type="text" value=" echo $periode ; " size="2" class="form-control" name="periode[]" readonly></td> <td><input type="text" value=" echo $tahun ; " size="2" class="form-control" name="tahun[]" readonly></a></td> <td> name="debit[]"><br> <input type="text" size="5" class="form-control" </td> <td> name="kredit[]"><br> <input type="text" size="5" class="form-control" </td> </tr> </tbody> </table> <button type="submit">posting Saldo <i class="icon_check_alt2"></i></a> </form> <!-- page end-->

20 <!--main content end--> <!-- container section end --> <!-- javascripts --> <script src="js/jquery.js"></script> <script src="js/bootstrap.min.js"></script> <!-- nicescroll --> <script src="js/jquery.scrollto.min.js"></script> <script src="js/jquery.nicescroll.js" type="text/javascript"></script> <!--custome script for all page--> <script src="js/scripts.js"></script> </body> </html> Jurnal_penerimaan.php (potongan kode untuk jurnal penerimaan) session_start(); if (empty($_session['username'])){ header('location:../login.php'); else { include "../koneksi.php"; $LastID=FormatNoTrans(OtomatisID()); function OtomatisID() { $querycount="select count(no_bukti) as LastID FROM detail_jurnal_penerimaan"; $result=mysql_query($querycount) or die(mysql_error()); $row=mysql_fetch_array($result, MYSQL_ASSOC); return $row['lastid'];

21 function FormatNoTrans($num) { $num=$num+1; switch (strlen($num)) { case 1 : $NoTrans = "JKM00000".$num; break; case 2 : $NoTrans = "JKM0000".$num; break; case 3 : $NoTrans = "JKM000".$num; break; case 4 : $NoTrans = "JKM00".$num; break; case 5 : $NoTrans = "JKM0".$num; break; default: $NoTrans = $num; return $NoTrans; <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content="creative - Bootstrap 3 Responsive Admin Template"> <meta name="author" content="geekslabs"> <meta name="keyword" content="creative, Dashboard, Admin, Template, Theme, Bootstrap, Responsive, Retina, Minimal"> <link rel="shortcut icon" href="img/favicon.png"> <title>dashboard</title> <!-- Bootstrap CSS --> <link href="css/bootstrap.min.css" rel="stylesheet"> <!-- bootstrap theme --> <link href="css/bootstrap-theme.css" rel="stylesheet"> <!--external css--> <!-- font icon --> <link href="css/elegant-icons-style.css" rel="stylesheet" />

22 <link href="css/font-awesome.min.css" rel="stylesheet" /> <!-- full calendar css--> <link href="assets/fullcalendar/fullcalendar/bootstrap-fullcalendar.css" rel="stylesheet" /> <link href="assets/fullcalendar/fullcalendar/fullcalendar.css" rel="stylesheet" /> <!-- easy pie chart--> <link href="assets/jquery-easy-pie-chart/jquery.easy-pie-chart.css" rel="stylesheet" type="text/css" media="screen"/> <!-- owl carousel --> <link rel="stylesheet" href="css/owl.carousel.css" type="text/css"> <link href="css/jquery-jvectormap css" rel="stylesheet"> <!-- Custom styles --> <link rel="stylesheet" href="css/fullcalendar.css"> <link href="css/widgets.css" rel="stylesheet"> <link href="css/style.css" rel="stylesheet"> <link href="css/style-responsive.css" rel="stylesheet" /> <link href="css/xcharts.min.css" rel=" stylesheet"> <link href="css/jquery-ui min.css" rel="stylesheet"> <!-- HTML5 shim and Respond.js IE8 support of HTML5 --> <!--[if lt IE 9]> <script src="js/html5shiv.js"></script> <script src="js/respond.min.js"></script> <script src="js/lte-ie7.js"></script> <![endif]--> </head> <body> <!-- container section start --> <section id="container" class=""> <header class="header dark-bg"> <div class="toggle-nav"> <div class="icon-reorder tooltips" data-original-title="toggle Navigation" dataplacement="bottom"><i class="icon_menu"></i>

23 <!--logo start--> <a href="index.php" class="logo">e- Cooperative <span class="lite"></span></a> <!--logo end--> <div class="nav search-row" id="top_menu"> <!-- search form start --> <ul class="nav top-menu"> <li> <form class="navbar-form"> <input class="form-control" placeholder="search" type="text"> </form> </li> </ul> <!-- search form end --> <div class="top-nav notification-row"> <!-- notificatoin dropdown start--> <ul class="nav pull-right top-menu"> <!-- alert notification end--> <!-- user login dropdown start--> <li class="dropdown"> <a data-toggle="dropdown" class="dropdown-toggle" href="#"> <span class="profile-ava"> <img alt="" src="img/avatar1_small.jpg"> </span> <span class="username"> echo $_SESSION['level'];</span> </a> </li> <!-- user login dropdown end --> </ul> <!-- notificatoin dropdown end-->

24 </header> <!--header end--> <!--sidebar start--> <aside> <div id="sidebar" class="nav-collapse "> include ('panel.php'); </aside> <!--sidebar end--> <!--main content start--> <section id="main-content"> <section class="wrapper"> <div class="row"> <div class="col-lg-12"> <h3 class="page-header"><i class="fa fa-file-text-o"></i> Jurnal Penerimaan</h3> <div class="row"> <div class="col-lg-12"> <div class="row"> <div class="col-lg-12"> <section class="panel"> <header class="panel-heading"> </header> <div class="panel-body"> <form action=""; method="post"> <div class="form-group"> <label class="control-label col-sm-4">tanggal Pencatatan</label>

25 date_default_timezone_set('asia/jakarta'); $tanggal= mktime(date("m"),date("d"),date("y")); $tglsekarang = date("y-m-d", $tanggal); <input id="cp1" type="text" value=" echo $tglsekarang " size="10" class="form-control" name="tanggal_pencatatan"><br> <label class="control-label col-sm-4">tanggal nota</label> date_default_timezone_set('asia/jakarta'); $tanggal= mktime(date("m"),date("d"),date("y")); $tglsekarang = date("y-m-d", $tanggal); <input id="cp1" type="text" value=" echo $tglsekarang " size="10" class="form-control" name="tanggal_nota"><br> <label class="control-label col-sm-4">no Bukti</label> <input id="cp1" type="text" value=" echo $LastID " size="10" class="form-control" name="no_bukti" readonly><br> <label class="control-label col-sm-4">anggota</label> include "../koneksi.php"; required>"; echo "<select name='anggota' class='form-control m-bot15' $tampilrek=mysql_query("select * FROM t_anggota "); echo "<option value='' selected>- Anggota -</option>"; while($rek=mysql_fetch_array($tampilrek)) {

26 echo "<option value='$rek[kode_anggota]'>$rek[nama]</option>"; echo "</select>"; <label class="control-label col-sm-4">kode Transaksi</label> <select name="kode_transaksi" class="form-control m-bot15" required> <option value="">-- Transaksi --</option> <option value="spp">simpanan Pokok</option> <option value="spw">simpanan Wajib</option> <option value="sps">simpanan Sukarela</option> <option value="spb">simpanan Berjangka</option> <option value="tbg">tabungan</option> </select> <label class="control-label col-sm-4">rekening</label> include "../koneksi.php"; required>"; kode_rek "); echo "<select name='rekening' class='form-control m-bot15' $tampilrek=mysql_query("select Distinct * FROM t_akun order by echo "<option value='' selected>- Rekening -</option>"; while($rek=mysql_fetch_array($tampilrek)) { $rek[nama_akun]</option>"; echo "<option value=$rek[kode_rek]>$rek[kode_rek] -- echo "</select>"; <label class="control-label col-sm-4">debit</label>

27 name="debit"><br> <input id="cp1" type="number" size="10" class="form-control" <label class="control-label col-sm-4">kredit</label> name="kredit"><br> <input id="cp1" type="number" size="10" class="form-control" <label class="control-label col-sm-4">keterangan</label> name="keterangan"><br> <input id="cp1" type="text" size="10" class="form-control" <input type="submit" value="tambah" class="btn btn-primary" > </form> <div class="col-sm-12"> <form action="insert_jurnal.php" method="post"> <section class="panel"> <header class="panel-heading"> Jurnal Penerimaan </header> <table class="table"> <thead> <tr> <th>no Bukti.</th> <th>tanggal</th> <th>anggota</th>

28 <th>transaksi</th> <th>rekening </th> <th>debit</th> <th>kredit</th> <th>keterangan</th> </tr> </thead> <tbody> $awal=1;$sub=0;$total=0; if if (empty($_session["isi"])==true){ $_SESSION["isi"]=1; else{ = = $_POST['anggota']; = '$koderek'")); $tampil = mysql_fetch_array(mysql_query("select * FROM t_akun where kode_rek $agt = mysql_fetch_array(mysql_query("select * FROM t_anggota where kode_anggota = @$krek= $tampil["kode_rek"]; //@$xx=$xx+$sub;

29 $_SESSION["akhir"][$_SESSION["isi"]]=array($ref,$tanggal,$koe,$ktrans,$rek,$debit,$kredit,$ket,$kodeanga,$krek); //else{ //echo "<script type='text/javascript'>alert('silahkan isi terlebih dahulu!')</script>"; = $_SESSION["isi"]; for ($i=0;$i<=$awal;$i++) { if (@$_SESSION['akhir'][$i][0]!=''){ <tr class="active"> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> </td> </td> <td> echo number_format(@$_session['akhir'][$i][5],2,",","."); <td> echo number_format(@$_session['akhir'][$i][6],2,",","."); <td> </td> </tr> </tbody> </table> if ($awal==null) { else { echo " <input type='submit' value='simpan' class='btn btn-primary'/> <a href='cancel_jurnal_penerimaan.php' class='btn btn-primary'>cancel</a>";

30 </form> <div class="row"> <!-- Bootsrep Editor --> <!-- CKEditor --> <!-- page end--> <!--main content end--> <!-- container section end --> <!-- javascripts --> <script src="js/jquery.js"></script> <script src="js/bootstrap.min.js"></script> <!-- nice scroll --> <script src="js/jquery.scrollto.min.js"></script> <script src="js/jquery.nicescroll.js" type="text/javascript"></script> <!-- jquery ui --> <script src="js/jquery-ui custom.min.js"></script> <!--custom checkbox & radio--> <script type="text/javascript" src="js/ga.js"></script> <!--custom switch--> <script src="js/bootstrap-switch.js"></script> <!--custom tagsinput--> <script src="js/jquery.tagsinput.js"></script>

31 <!-- colorpicker --> <!-- bootstrap-wysiwyg --> <script src="js/jquery.hotkeys.js"></script> <script src="js/bootstrap-wysiwyg.js"></script> <script src="js/bootstrap-wysiwyg-custom.js"></script> <!-- ck editor --> <script type="text/javascript" src="assets/ckeditor/ckeditor.js"></script> <!-- custom form component script for this page--> <script src="js/form-component.js"></script> <!-- custome script for all page --> <script src="js/scripts.js"></script> </body> </html> jurnal_pengeluaran.php (potongan kode untuk transaksi pengeluaran) session_start(); if (empty($_session['username'])){ header('location:../login.php'); else { include "../koneksi.php"; $LastID=FormatNoTrans(OtomattampungD()); function OtomattampungD() { $querycount="select count(no_bukti) as LastID FROM detail_jurnal_pengeluaran"; $result=mysql_query($querycount) or die(mysql_error()); $row=mysql_fetch_array($result, MYSQL_ASSOC); return $row['lastid'];

32 function FormatNoTrans($num) { $num=$num+1; switch (strlen($num)) { case 1 : $NoTrans = "JKK00000".$num; break; case 2 : $NoTrans = "JKK0000".$num; break; case 3 : $NoTrans = "JKK000".$num; break; case 4 : $NoTrans = "JKK00".$num; break; case 5 : $NoTrans = "JKK0".$num; break; default: $NoTrans = $num; return $NoTrans; <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content="creative - Bootstrap 3 Responsive Admin Template"> <meta name="author" content="geekslabs"> <meta name="keyword" content="creative, Dashboard, Admin, Template, Theme, Bootstrap, Responsive, Retina, Minimal"> <link rel="shortcut icon" href="img/favicon.png"> <title>dashboard</title> <!-- Bootstrap CSS --> <link href="css/bootstrap.min.css" rel="stylesheet"> <!-- bootstrap theme --> <link href="css/bootstrap-theme.css" rel="stylesheet"> <!--external css--> <!-- font icon --> <link href="css/elegant-icons-style.css" rel="stylesheet" />

33 <link href="css/font-awesome.min.css" rel="stylesheet" /> <!-- full calendar css--> <link href="assets/fullcalendar/fullcalendar/bootstrap-fullcalendar.css" rel="stylesheet" /> <link href="assets/fullcalendar/fullcalendar/fullcalendar.css" rel="stylesheet" /> <!-- easy pie chart--> <link href="assets/jquery-easy-pie-chart/jquery.easy-pie-chart.css" rel="stylesheet" type="text/css" media="screen"/> <!-- owl carousel --> <link rel="stylesheet" href="css/owl.carousel.css" type="text/css"> <link href="css/jquery-jvectormap css" rel="stylesheet"> <!-- Custom styles --> <link rel="stylesheet" href="css/fullcalendar.css"> <link href="css/widgets.css" rel="stylesheet"> <link href="css/style.css" rel="stylesheet"> <link href="css/style-responsive.css" rel="stylesheet" /> <link href="css/xcharts.min.css" rel=" stylesheet"> <link href="css/jquery-ui min.css" rel="stylesheet"> <!-- HTML5 shim and Respond.js IE8 support of HTML5 --> <!--[if lt IE 9]> <script src="js/html5shiv.js"></script> <script src="js/respond.min.js"></script> <script src="js/lte-ie7.js"></script> <![endif]--> </head> <body> <!-- container section start --> <section id="container" class=""> <header class="header dark-bg"> <div class="toggle-nav"> <div class="icon-reorder tooltips" data-original-title="toggle Navigation" dataplacement="bottom"><i class="icon_menu"></i>

34 <!--logo start--> <a href="index.php" class="logo">e- Cooperative <span class="lite"></span></a> <!--logo end--> <div class="nav search-row" id="top_menu"> <!-- search form start --> <ul class="nav top-menu"> <li> <form class="navbar-form"> <input class="form-control" placeholder="search" type="text"> </form> </li> </ul> <!-- search form end --> <div class="top-nav notification-row"> <!-- notificatoin dropdown start--> <ul class="nav pull-right top-menu"> <!-- alert notification end--> <!-- user login dropdown start--> <li class="dropdown"> <a data-toggle="dropdown" class="dropdown-toggle" href="#"> <span class="profile-ava"> <img alt="" src="img/avatar1_small.jpg"> </span> <span class="username"> echo $_SESSION['level'];</span> </a> </li> <!-- user login dropdown end --> </ul> <!-- notificatoin dropdown end-->

35 </header> <!--header end--> <!--sidebar start--> <aside> <div id="sidebar" class="nav-collapse "> include ('panel.php'); </aside> <!--sidebar end--> <!--main content start--> <section id="main-content"> <section class="wrapper"> <div class="row"> <div class="col-lg-12"> <h3 class="page-header"><i class="fa fa-file-text-o"></i> Jurnal pengeluaran</h3> <div class="row"> <div class="col-lg-12"> <div class="row"> <div class="col-lg-12"> <section class="panel"> <header class="panel-heading"> </header> <div class="panel-body"> <form action=""; method="post"> <div class="form-group"> <label class="control-label col-sm-4">tanggal Pencatatan</label>

36 date_default_timezone_set('asia/jakarta'); $tanggal= mktime(date("m"),date("d"),date("y")); $tglsekarang = date("y-m-d", $tanggal); <input id="cp1" type="date" value=" echo $tglsekarang " size="10" class="form-control" name="tanggal_pencatatan"><br> <label class="control-label col-sm-4">tanggal nota</label> date_default_timezone_set('asia/jakarta'); $tanggal= mktime(date("m"),date("d"),date("y")); $tglsekarang = date("y-m-d", $tanggal); <input id="cp1" type="date" value=" echo $tglsekarang " size="10" class="form-control" name="tanggal_nota"><br> <label class="control-label col-sm-4">no Bukti</label> <input id="cp1" type="text" value=" echo $LastID " size="10" class="form-control" name="no_bukti" readonly><br> <label class="control-label col-sm-4">anggota</label> include "../koneksi.php"; required>"; echo "<select name='anggota' class='form-control m-bot15' $tampilrek=mysql_query("select * FROM t_anggota "); echo "<option value=' ' selected>- Anggota -</option>"; while($rek=mysql_fetch_array($tampilrek)) {

37 echo "<option value='$rek[kode_anggota]'>$rek[nama]</option>"; echo "</select>"; <label class="control-label col-sm-4">kode Transaksi</label> <select name="kode_transaksi" class="form-control m-bot15" required> <option value="">-- Transaksi --</option> <option value="pjm">pinjaman</option> </select> <label class="control-label col-sm-4">rekening</label> include "../koneksi.php"; echo "<select name='rekening' class='form-control m-bot15' required>"; kode_rek "); $tampilrek=mysql_query("select Distinct * FROM t_akun order by echo "<option value='' selected>- Rekening -</option>"; while($rek=mysql_fetch_array($tampilrek)) { echo "<option value=$rek[kode_rek]>$rek[kode_rek] -- $rek[nama_akun]</option>"; echo "</select>"; <label class="control-label col-sm-4">debit</label> <input id="cp1" type="number" size="10" class="form-control" name="debit" required><br> <label class="control-label col-sm-4">kredit</label>

38 <input id="cp1" type="number" size="10" class="form-control" name="kredit" required><br> <label class="control-label col-sm-4">keterangan</label> <input id="cp1" type="text" size="10" class="form-control" name="keterangan" required><br> <input type="submit" value="tambah" class="btn btn-primary" > </form> <div class="col-sm-12"> <form action="insert_jurnal_pengeluaran.php" method="post"> <section class="panel"> <header class="panel-heading"> Jurnal pengeluaran </header> <table class="table"> <thead> <tr> <th>no Bukti.</th> <th>tanggal</th> <th>anggota</th> <th>transaksi</th> <th>rekening </th> <th>debit</th> <th>kredit</th>

39 <th>keterangan</th> </tr> </thead> <tbody> $awal=1;$sub=0;$total=0; if if (empty($_session["tampung"])==true){ $_SESSION["tampung"]=1; else{ = = $_POST['anggota']; '$koderek'")); $tampil = mysql_fetch_array(mysql_query("select * FROM t_akun where kode_rek = $agt = mysql_fetch_array(mysql_query("select * FROM t_anggota where kode_anggota = @$krek= $tampil["kode_rek"]; //@$xx=$xx+$sub; $_SESSION["var"][$_SESSION["tampung"]]=array($ref,$tanggal,$koe,$ktrans,$rek,$debit,$kredit,$k et,$kodeanga,$krek); //else{ //echo "<script type='text/javascript'>alert('silahkan tampung terlebih dahulu!')</script>"; //

40 @$awal = $_SESSION["tampung"]; for ($i=0;$i<=$awal;$i++) { if (@$_SESSION['var'][$i][0]!=''){ <tr class="active"> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> </td> </td> <td> echo number_format(@$_session['var'][$i][5],2,",","."); <td> echo number_format(@$_session['var'][$i][6],2,",","."); <td> </td> </tr> </tbody> </table> if ($awal==null) { else { echo " <input type='submit' value='simpan' class='btn btn-primary'/> <a href='cancel_jurnal_pengeluaran.php' class='btn btn-primary'>cancel</a>"; </form> <div class="row"> <!-- Bootsrep Editor -->

41 <!-- CKEditor --> <!-- page end--> <!--main content end--> <!-- container section end --> <!-- javascripts --> <script src="js/jquery.js"></script> <script src="js/bootstrap.min.js"></script> <!-- nice scroll --> <script src="js/jquery.scrollto.min.js"></script> <script src="js/jquery.nicescroll.js" type="text/javascript"></script> <!-- jquery ui --> <script src="js/jquery-ui custom.min.js"></script> <!--custom checkbox & radio--> <script type="text/javascript" src="js/ga.js"></script> <!--custom switch--> <script src="js/bootstrap-switch.js"></script> <!--custom tagsinput--> <script src="js/jquery.tagsinput.js"></script> <!-- colorpicker --> <!-- bootstrap-wysiwyg --> <script src="js/jquery.hotkeys.js"></script> <script src="js/bootstrap-wysiwyg.js"></script>

42 <script src="js/bootstrap-wysiwyg-custom.js"></script> <!-- ck editor --> <script type="text/javascript" src="assets/ckeditor/ckeditor.js"></script> <!-- custom form component script for this page--> <script src="js/form-component.js"></script> <!-- custome script for all page --> <script src="js/scripts.js"></script> </body> </html> jurnal_penyesuaian.php( potongan kode untuk transaksi penyesuaian) session_start(); if (empty($_session['username'])){ header('location:../login.php'); else { include "../koneksi.php"; $LastID=FormatNoTrans(OtomatisID()); function OtomatisID() { $querycount="select count(no_bukti) as LastID FROM detail_jurnal_penyesuaian"; $result=mysql_query($querycount) or die(mysql_error()); $row=mysql_fetch_array($result, MYSQL_ASSOC); return $row['lastid']; function FormatNoTrans($num) { $num=$num+1; switch (strlen($num)) { case 1 : $NoTrans = "JPY00000".$num; break;

43 case 2 : $NoTrans = "JPY0000".$num; break; case 3 : $NoTrans = "JPY000".$num; break; case 4 : $NoTrans = "JPY00".$num; break; case 5 : $NoTrans = "JPY0".$num; break; default: $NoTrans = $num; return $NoTrans; <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content="creative - Bootstrap 3 Responsive Admin Template"> <meta name="author" content="geekslabs"> <meta name="keyword" content="creative, Dashboard, Admin, Template, Theme, Bootstrap, Responsive, Retina, Minimal"> <link rel="shortcut icon" href="img/favicon.png"> <title>dashboard</title> <!-- Bootstrap CSS --> <link href="css/bootstrap.min.css" rel="stylesheet"> <!-- bootstrap theme --> <link href="css/bootstrap-theme.css" rel="stylesheet"> <!--external css--> <!-- font icon --> <link href="css/elegant-icons-style.css" rel="stylesheet" /> <link href="css/font-awesome.min.css" rel="stylesheet" /> <!-- full calendar css--> <link href="assets/fullcalendar/fullcalendar/bootstrap-fullcalendar.css" rel="stylesheet" /> <link href="assets/fullcalendar/fullcalendar/fullcalendar.css" rel="stylesheet" /> <!-- easy pie chart-->

44 <link href="assets/jquery-easy-pie-chart/jquery.easy-pie-chart.css" rel="stylesheet" type="text/css" media="screen"/> <!-- owl carousel --> <link rel="stylesheet" href="css/owl.carousel.css" type="text/css"> <link href="css/jquery-jvectormap css" rel="stylesheet"> <!-- Custom styles --> <link rel="stylesheet" href="css/fullcalendar.css"> <link href="css/widgets.css" rel="stylesheet"> <link href="css/style.css" rel="stylesheet"> <link href="css/style-responsive.css" rel="stylesheet" /> <link href="css/xcharts.min.css" rel=" stylesheet"> <link href="css/jquery-ui min.css" rel="stylesheet"> <!-- HTML5 shim and Respond.js IE8 support of HTML5 --> <!--[if lt IE 9]> <script src="js/html5shiv.js"></script> <script src="js/respond.min.js"></script> <script src="js/lte-ie7.js"></script> <![endif]--> </head> <body> <!-- container section start --> <section id="container" class=""> <header class="header dark-bg"> <div class="toggle-nav"> <div class="icon-reorder tooltips" data-original-title="toggle Navigation" dataplacement="bottom"><i class="icon_menu"></i> <!--logo start--> <a href="index.php" class="logo">e- Cooperative <span class="lite"></span></a> <!--logo end-->

45 <div class="nav search-row" id="top_menu"> <!-- search form start --> <ul class="nav top-menu"> <li> <form class="navbar-form"> <input class="form-control" placeholder="search" type="text"> </form> </li> </ul> <!-- search form end --> <div class="top-nav notification-row"> <!-- notificatoin dropdown start--> <ul class="nav pull-right top-menu"> <!-- alert notification end--> <!-- user login dropdown start--> <li class="dropdown"> <a data-toggle="dropdown" class="dropdown-toggle" href="#"> <span class="profile-ava"> <img alt="" src="img/avatar1_small.jpg"> </span> <span class="username"> echo $_SESSION['level'];</span> </a> </li> <!-- user login dropdown end --> </ul> <!-- notificatoin dropdown end--> </header> <!--header end--> <!--sidebar start--> <aside>

46 <div id="sidebar" class="nav-collapse "> include ('panel.php'); </aside> <!--sidebar end--> <!--main content start--> <section id="main-content"> <section class="wrapper"> <div class="row"> <div class="col-lg-12"> <h3 class="page-header"><i class="fa fa-file-text-o"></i> Jurnal penyesuaian</h3> <div class="row"> <div class="col-lg-12"> <div class="row"> <div class="col-lg-12"> <section class="panel"> <header class="panel-heading"> </header> <div class="panel-body"> <form action=""; method="post"> <div class="form-group"> <label class="control-label col-sm-4">tanggal Pencatatan</label> date_default_timezone_set('asia/jakarta'); $tanggal= mktime(date("m"),date("d"),date("y")); $tglsekarang = date("y-m-d", $tanggal);

47 <input id="cp1" type="text" value=" echo $tglsekarang " size="10" class="form-control" name="tanggal_pencatatan"><br> date_default_timezone_set('asia/jakarta'); $tanggal= mktime(date("m"),date("d"),date("y")); $tglsekarang = date("y-m-d", $tanggal); <input id="cp1" type="hidden" value=" echo $tglsekarang " size="10" class="form-control" name="tanggal_nota"><br> <label class="control-label col-sm-4">no Bukti</label> <input id="cp1" type="text" value=" echo $LastID " size="10" class="form-control" name="no_bukti" readonly><br> <label class="control-label col-sm-4">rekening</label> include "../koneksi.php"; required>"; kode_rek "); echo "<select name='rekening' class='form-control m-bot15' $tampilrek=mysql_query("select Distinct * FROM t_akun order by echo "<option value='' selected>- Rekening -</option>"; while($rek=mysql_fetch_array($tampilrek)) { $rek[nama_akun]</option>"; echo "<option value=$rek[kode_rek]>$rek[kode_rek] -- echo "</select>"; <label class="control-label col-sm-4">debit</label> name="debit"><br> <input id="cp1" type="number" size="10" class="form-control"

48 <label class="control-label col-sm-4">kredit</label> name="kredit"><br> <input id="cp1" type="number" size="10" class="form-control" <label class="control-label col-sm-4">keterangan</label> name="keterangan"><br> <input id="cp1" type="text" size="10" class="form-control" <input type="submit" value="tambah" class="btn btn-primary" > </form> <div class="col-sm-12"> <form action="insert_jurnal_penyesuaian.php" method="post"> <section class="panel"> <header class="panel-heading"> Jurnal penyesuaian </header> <table class="table"> <thead> <tr> <th>no Bukti.</th> <th>tanggal Catat</th> <th>rekening </th> <th>debit</th> <th>kredit</th> <th>keterangan</th> </tr> </thead>

49 <tbody> $awal=1;$sub=0;$total=0; if if (empty($_session["dalam"])==true){ $_SESSION["dalam"]=1; else{ = $_POST['rekening']; $tampil = mysql_fetch_array(mysql_query("select * FROM t_akun where kode_rek = $tampil["kode_rek"]; //@$xx=$xx+$sub; $_SESSION["luar"][$_SESSION["dalam"]]=array($ref,$tanggal,$tanggalno,$rek,$debit,$kredit,$ket, $krek); //else{ //echo "<script type='text/javascript'>alert('silahkan dalam terlebih dahulu!')</script>"; = $_SESSION["dalam"]; for ($i=0;$i<=$awal;$i++) { if (@$_SESSION['luar'][$i][0]!=''){ <tr class="active"> <td> </td>

50 <td> </td> <td> </td> </td> </td> <td> echo <td> echo <td> </td> </tr> </tbody> </table> if ($awal==null) { else { echo " <input type='submit' value='simpan' class='btn btn-primary'/> <a href='cancel_jurnal_penyesuaian.php' class='btn btn-primary'>cancel</a>"; </form> <div class="row"> <!-- Bootsrep Editor --> <!-- CKEditor --> <!-- page end--> <!--main content end-->

51 <!-- container section end --> <!-- javascripts --> <script src="js/jquery.js"></script> <script src="js/bootstrap.min.js"></script> <!-- nice scroll --> <script src="js/jquery.scrollto.min.js"></script> <script src="js/jquery.nicescroll.js" type="text/javascript"></script> <!-- jquery ui --> <script src="js/jquery-ui custom.min.js"></script> <!--custom checkbox & radio--> <script type="text/javascript" src="js/ga.js"></script> <!--custom switch--> <script src="js/bootstrap-switch.js"></script> <!--custom tagsinput--> <script src="js/jquery.tagsinput.js"></script> <!-- colorpicker --> <!-- bootstrap-wysiwyg --> <script src="js/jquery.hotkeys.js"></script> <script src="js/bootstrap-wysiwyg.js"></script> <script src="js/bootstrap-wysiwyg-custom.js"></script> <!-- ck editor --> <script type="text/javascript" src="assets/ckeditor/ckeditor.js"></script> <!-- custom form component script for this page--> <script src="js/form-component.js"></script> <!-- custome script for all page --> <script src="js/scripts.js"></script> </body> </html>

52 jurnal_koreksi.php( potongan kode untuk transaksi koreksi) session_start(); if (empty($_session['username'])){ header('location:../login.php'); else { include "../koneksi.php"; $LastID=FormatNoTrans(OtomatisID()); function OtomatisID() { $querycount="select count(no_bukti) as LastID FROM detail_jurnal_penyesuaian"; $result=mysql_query($querycount) or die(mysql_error()); $row=mysql_fetch_array($result, MYSQL_ASSOC); return $row['lastid']; function FormatNoTrans($num) { $num=$num+1; switch (strlen($num)) { case 1 : $NoTrans = "JPY00000".$num; break; case 2 : $NoTrans = "JPY0000".$num; break; case 3 : $NoTrans = "JPY000".$num; break; case 4 : $NoTrans = "JPY00".$num; break; case 5 : $NoTrans = "JPY0".$num; break; default: $NoTrans = $num; return $NoTrans;

53 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content="creative - Bootstrap 3 Responsive Admin Template"> <meta name="author" content="geekslabs"> <meta name="keyword" content="creative, Dashboard, Admin, Template, Theme, Bootstrap, Responsive, Retina, Minimal"> <link rel="shortcut icon" href="img/favicon.png"> <title>dashboard</title> <!-- Bootstrap CSS --> <link href="css/bootstrap.min.css" rel="stylesheet"> <!-- bootstrap theme --> <link href="css/bootstrap-theme.css" rel="stylesheet"> <!--external css--> <!-- font icon --> <link href="css/elegant-icons-style.css" rel="stylesheet" /> <link href="css/font-awesome.min.css" rel="stylesheet" /> <!-- full calendar css--> <link href="assets/fullcalendar/fullcalendar/bootstrap-fullcalendar.css" rel="stylesheet" /> <link href="assets/fullcalendar/fullcalendar/fullcalendar.css" rel="stylesheet" /> <!-- easy pie chart--> <link href="assets/jquery-easy-pie-chart/jquery.easy-pie-chart.css" rel="stylesheet" type="text/css" media="screen"/> <!-- owl carousel --> <link rel="stylesheet" href="css/owl.carousel.css" type="text/css"> <link href="css/jquery-jvectormap css" rel="stylesheet"> <!-- Custom styles --> <link rel="stylesheet" href="css/fullcalendar.css"> <link href="css/widgets.css" rel="stylesheet"> <link href="css/style.css" rel="stylesheet"> <link href="css/style-responsive.css" rel="stylesheet" />

54 <link href="css/xcharts.min.css" rel=" stylesheet"> <link href="css/jquery-ui min.css" rel="stylesheet"> <!-- HTML5 shim and Respond.js IE8 support of HTML5 --> <!--[if lt IE 9]> <script src="js/html5shiv.js"></script> <script src="js/respond.min.js"></script> <script src="js/lte-ie7.js"></script> <![endif]--> </head> <body> <!-- container section start --> <section id="container" class=""> <header class="header dark-bg"> <div class="toggle-nav"> <div class="icon-reorder tooltips" data-original-title="toggle Navigation" dataplacement="bottom"><i class="icon_menu"></i> <!--logo start--> <a href="index.php" class="logo">e- Cooperative <span class="lite"></span></a> <!--logo end--> <div class="nav search-row" id="top_menu"> <!-- search form start --> <ul class="nav top-menu"> <li> <form class="navbar-form"> <input class="form-control" placeholder="search" type="text"> </form> </li> </ul>

55 <!-- search form end --> <div class="top-nav notification-row"> <!-- notificatoin dropdown start--> <ul class="nav pull-right top-menu"> <!-- alert notification end--> <!-- user login dropdown start--> <li class="dropdown"> <a data-toggle="dropdown" class="dropdown-toggle" href="#"> <span class="profile-ava"> <img alt="" src="img/avatar1_small.jpg"> </span> <span class="username"> echo $_SESSION['level'];</span> </a> </li> <!-- user login dropdown end --> </ul> <!-- notificatoin dropdown end--> </header> <!--header end--> <!--sidebar start--> <aside> <div id="sidebar" class="nav-collapse "> include ('panel.php'); </aside> <!--sidebar end--> <!--main content start-->

56 <section id="main-content"> <section class="wrapper"> <div class="row"> <div class="col-lg-12"> <h3 class="page-header"><i class="fa fa-file-text-o"></i> Jurnal penyesuaian</h3> <div class="row"> <div class="col-lg-12"> <div class="row"> <div class="col-lg-12"> <section class="panel"> <header class="panel-heading"> </header> <div class="panel-body"> <form action=""; method="post"> <div class="form-group"> <label class="control-label col-sm-4">tanggal Pencatatan</label> date_default_timezone_set('asia/jakarta'); $tanggal= mktime(date("m"),date("d"),date("y")); $tglsekarang = date("y-m-d", $tanggal); <input id="cp1" type="text" value=" echo $tglsekarang " size="10" class="form-control" name="tanggal_pencatatan"><br> date_default_timezone_set('asia/jakarta'); $tanggal= mktime(date("m"),date("d"),date("y")); $tglsekarang = date("y-m-d", $tanggal);

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

web-sockets-homework Directions

web-sockets-homework Directions web-sockets-homework Directions For this homework, you are asked to use socket.io, and any other library of your choice, to make two web pages. The assignment is to create a simple box score of a football

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

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

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

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

А «- - «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

Lampiran Source Code:

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

More information

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

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

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

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

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

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

Bootstrap 1/20

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

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

Lampiran 1: Struktur Organisasi PT. Argo Manunggal Triasta

Lampiran 1: Struktur Organisasi PT. Argo Manunggal Triasta Lampiran 1: Struktur Organisasi PT. Argo Manunggal Triasta 1 Lampiran 2 A : Flowchart dalam Prosedur Kas Keil PT. Argo Manunggal Triasta Lampiran 2 A : Flowchart dalam Prosedur Laporan Kas Keil PT. Argo

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

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

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

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

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

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

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

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

Udacity Frontend Nanodegree Style Guide

Udacity Frontend Nanodegree Style Guide HTML CSS JavaScript Git Udacity Frontend Nanodegree Style Guide Introduction This style guide acts as the of cial guide to follow in your projects. Udacity evaluators will use this guide to grade your

More information

Date Picker Haim Michael

Date Picker Haim Michael Date Picker Introduction The date picker is one of the most popular jquery widgets in use. It is highly configurable and extremely easy to implement. Introduction Simple Date Picker

More information

A designers guide to creating & editing templates in EzPz

A designers guide to creating & editing templates in EzPz A designers guide to creating & editing templates in EzPz Introduction...2 Getting started...2 Actions...2 File Upload...3 Tokens...3 Menu...3 Head Tokens...4 CSS and JavaScript included files...4 Page

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

For instructions to change the logo, please refer to: ore

For instructions to change the logo, please refer to:   ore Header Note: VapeDay Theme have 2 versions. Version 1.0 with Left bar for long list of categories and Version 2.0 with No Left bar with categories in the header. While editing the theme files from template

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

WEBSI TE DESIGNING TRAINING

WEBSI TE DESIGNING TRAINING WEBSI TE DESIGNING TRAINING WHAT IS WEB DESIGN? We b s ite design m e a n s p l a n n i n g, c r e a t i o n and u p d a t i n g of websites. We bsite design also involves i n f o r m a t i o n a rchitecture,

More information

Zero to Hero. CSS Frameworks. Zero to Hero. - Boris Fritscher 1 / 26. Bootstrap (

Zero to Hero. CSS Frameworks. Zero to Hero. - Boris Fritscher 1 / 26. Bootstrap ( 643-1-1 Projet de technologies WEB de présentation Zero to Hero Part 1: From blank page to deployed website Tools and git CSS Frameworks don't reinvent the wheel use best practices get reusable components

More information

Mobile Web Development

Mobile Web Development Mobile Web Development By Phil Huhn 2013-04-30 2013 Northern Software Group Agenda Web-site issues for mobile devices Responsive Design Media Queries Twitter Bootstrap As-is (themes) less variables.less

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

The starter app has a menu + 2 Views : Dashboard. About

The starter app has a menu + 2 Views : Dashboard. About Front End The starter app has a menu + 2 Views : Dashboard About All views will be based on structure laid down in Layout layout/main.hbs. Includes Semantic-UI CSS library View content will

More information

NukaCode - Front End - Bootstrap Documentation

NukaCode - Front End - Bootstrap Documentation Nuka - Front End - Bootstrap Documentation Release 1.0.0 stygian July 04, 2015 Contents 1 Badges 3 1.1 Links................................................... 3 1.2 Installation................................................

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

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

For instructions to change the logo, please refer to:

For instructions to change the logo, please refer to: Header Logo: For instructions to change the logo, please refer to: https://support3dcartcom/knowledgebase/article/view/630/5/how-do-i-add-logos-to-mystore Menu Links and Phone Number: Menu LInks: From

More information

Web Programming and Design. MPT Senior Cycle Tutor: Tamara Week 1

Web Programming and Design. MPT Senior Cycle Tutor: Tamara Week 1 Web Programming and Design MPT Senior Cycle Tutor: Tamara Week 1 What will we cover? HTML - Website Structure and Layout CSS - Website Style JavaScript - Makes our Website Dynamic and Interactive Plan

More information

MPT Web Design. Week 1: Introduction to HTML and Web Design

MPT Web Design. Week 1: Introduction to HTML and Web Design MPT Web Design Week 1: Introduction to HTML and Web Design What will we do in this class? Learn the basics of HTML and how to create our own template Basic website structure Learn design concepts for a

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

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

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

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

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

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

Css Manually Highlight Current Link Nav Link

Css Manually Highlight Current Link Nav Link Css Manually Highlight Current Link Nav Link way to automatically highlight the "current" link. And I can manually add the following CSS to each page to get them highlighted, but I want to avoid added.

More information

The Structure of the Web. Jim and Matthew

The Structure of the Web. Jim and Matthew The Structure of the Web Jim and Matthew Workshop Structure 1. 2. 3. 4. 5. 6. 7. What is a browser? HTML CSS Javascript LUNCH Clients and Servers (creating a live website) Build your Own Website Workshop

More information

Responsive Web Design and Bootstrap MIS Konstantin Bauman. Department of MIS Fox School of Business Temple University

Responsive Web Design and Bootstrap MIS Konstantin Bauman. Department of MIS Fox School of Business Temple University Responsive Web Design and Bootstrap MIS 2402 Konstantin Bauman Department of MIS Fox School of Business Temple University Exam 3 (FINAL) Date: 12/06/18 four weeks from now! JavaScript, jquery, Bootstrap,

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

For instructions to change the logo, please refer to: ore

For instructions to change the logo, please refer to:   ore Header Logo: For instructions to change the logo, please refer to: https://support.3dcart.com/knowledgebase/article/view/630/5/how-do-i-add-logos-to-my-st ore Menu Links and Phone Number: Menu LInks: From

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

LAMPIRAN Kode Program

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

More information

Overview

Overview HTML4 & HTML5 Overview Basic Tags Elements Attributes Formatting Phrase Tags Meta Tags Comments Examples / Demos : Text Examples Headings Examples Links Examples Images Examples Lists Examples Tables Examples

More information

Creating Web Pages Using HTML

Creating Web Pages Using HTML Creating Web Pages Using HTML HTML Commands Commands are called tags Each tag is surrounded by Some tags need ending tags containing / Tags are not case sensitive, but for future compatibility, use

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

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

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

More information

~Arwa Theme~ HTML5 & CSS3 Theme. By ActiveAxon

~Arwa Theme~ HTML5 & CSS3 Theme. By ActiveAxon ~Arwa Theme~ HTML5 & CSS3 Theme By ActiveAxon Thank you for purchasing our theme. If you have any questions that are beyond the scope of this help file, please feel free to email us via our user page contact

More information

Programming of web-based systems Introduction to HTML5

Programming of web-based systems Introduction to HTML5 Programming of web-based systems Introduction to HTML5 Agenda 1. HTML5 as XML 2. Basic body elements 3. Text formatting and blocks 4. Tables 5. File paths 6. Head elements 7. Layout elements 8. Entities

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

Enhancing Responsive Layouts With

Enhancing Responsive Layouts With CSS Layouts Enhancing Responsive Layouts With JQuery Enhancing Responsive Layouts With JQuery You can do a lot with just HTML and CSS (particularly HTML5 and CSS3), and we can design beautiful and beautifully

More information

Programming web design MICHAEL BERNSTEIN CS 247

Programming web design MICHAEL BERNSTEIN CS 247 Programming web design MICHAEL BERNSTEIN CS 247 Today: how do I make it?! All designers need a medium. Napkin sketches aren t enough.! This week: core concepts for implementing designs on the web! Grids!

More information

HTML. HTML Evolution

HTML. HTML Evolution Overview stands for HyperText Markup Language. Structured text with explicit markup denoted within < and > delimiters. Not what-you-see-is-what-you-get (WYSIWYG) like MS word. Similar to other text markup

More information

CSS Mapping in Advanced Mode for Events. Cvent, Inc 1765 Greensboro Station Place McLean, VA

CSS Mapping in Advanced Mode for Events. Cvent, Inc 1765 Greensboro Station Place McLean, VA CSS Mapping in Advanced Mode for Events 2018 Cvent, Inc 1765 Greensboro Station Place McLean, VA 22102 www.cvent.com Contents CSS Mapping in Advanced Mode for Events... 3 Layout Options and Structure...

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

Integrated Dashboard Design

Integrated Dashboard Design Integrated Dashboard Design integrating Zabbix data with other systems Lukasz Lipski IT Operations Specialist, Nordea Bank Polska SA September 2013 NORDEA IT POLAND AND BALTIC COUNTRIES IT support for

More information

Using htmlarea & a Database to Maintain Content on a Website

Using htmlarea & a Database to Maintain Content on a Website Using htmlarea & a Database to Maintain Content on a Website by Peter Lavin December 30, 2003 Overview If you wish to develop a website that others can contribute to one option is to have text files sent

More information

Review of HTML. Chapter Pearson. Fundamentals of Web Development. Randy Connolly and Ricardo Hoar

Review of HTML. Chapter Pearson. Fundamentals of Web Development. Randy Connolly and Ricardo Hoar Review of HTML Chapter 3 Fundamentals of Web Development 2017 Pearson Fundamentals of Web Development http://www.funwebdev.com - 2 nd Ed. What Is HTML and Where Did It Come from? HTML HTML is defined as

More information

appendix Introduction to Foundation, the front-end framework

appendix Introduction to Foundation, the front-end framework APPENDIX B appendix Introduction to Foundation, the front-end framework When prototyping responsive websites, building quickly is key. They don t call it rapid prototyping for nothing. Using a front-end

More information

Index. alt, 38, 57 class, 86, 88, 101, 107 href, 24, 51, 57 id, 86 88, 98 overview, 37. src, 37, 57. backend, WordPress, 146, 148

Index. alt, 38, 57 class, 86, 88, 101, 107 href, 24, 51, 57 id, 86 88, 98 overview, 37. src, 37, 57. backend, WordPress, 146, 148 Index Numbers & Symbols (angle brackets), in HTML, 47 : (colon), in CSS, 96 {} (curly brackets), in CSS, 75, 96. (dot), in CSS, 89, 102 # (hash mark), in CSS, 87 88, 99 % (percent) font size, in CSS,

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

Building and packaging mobile apps in Dreamweaver CC

Building and packaging mobile apps in Dreamweaver CC Building and packaging mobile apps in Dreamweaver CC Requirements Prerequisite knowledge Previous experience with Dreamweaver, jquery Mobile, and PhoneGap will help you make the most of this tutorial.

More information

WEB DESIGNING COURSE SYLLABUS

WEB DESIGNING COURSE SYLLABUS F.A. Computer Point #111 First Floor, Mujaddadi Estate/Prince Hotel Building, Opp: Okaz Complex, Mehdipatnam, Hyderabad, INDIA. Ph: +91 801 920 3411, +91 92900 93944 040 6662 6601 Website: www.facomputerpoint.com,

More information

Challenge: Working with the MIS2402 Template

Challenge: Working with the MIS2402 Template Challenge: Working with the MIS2402 Template In this challenge we will see how the appearance of the MIS2402 template can be modified. Start by downloading mis2402template04.zip and setting up a corresponding

More information

Web UI. Survey of Front End Technologies. Web Challenges and Constraints. Desktop and mobile devices. Highly variable runtime environment

Web UI. Survey of Front End Technologies. Web Challenges and Constraints. Desktop and mobile devices. Highly variable runtime environment Web UI Survey of Front End Technologies Web UI 1 Web Challenges and Constraints Desktop and mobile devices - mouse vs. touch input, big vs. small screen Highly variable runtime environment - different

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

django-amp-tools Documentation Release latest

django-amp-tools Documentation Release latest django-amp-tools Documentation Release latest February 07, 2017 Contents 1 Installation 3 2 Usage 5 2.1 Usage app................................................ 5 3 Contributing 9 4 Source code and contacts

More information

Introduction to WEB PROGRAMMING

Introduction to WEB PROGRAMMING Introduction to WEB PROGRAMMING Web Languages: Overview HTML CSS JavaScript content structure look & feel transitions/animation s (CSS3) interaction animation server communication Full-Stack Web Frameworks

More information

django-sekizai Documentation

django-sekizai Documentation django-sekizai Documentation Release 0.6.1 Jonas Obrist September 23, 2016 Contents 1 About 3 2 Dependencies 5 3 Usage 7 3.1 Configuration............................................... 7 3.2 Template

More information

Manual Html A Href Onclick Submit Button

Manual Html A Href Onclick Submit Button Manual Html A Href Onclick Submit Button When you submit the form via clicking the radio button, it inserts properly into Doing a manual refresh (F5 or refresh button) will then display the new updated

More information

UI Course HTML: (Html, CSS, JavaScript, JQuery, Bootstrap, AngularJS) Introduction. The World Wide Web (WWW) and history of HTML

UI Course HTML: (Html, CSS, JavaScript, JQuery, Bootstrap, AngularJS) Introduction. The World Wide Web (WWW) and history of HTML UI Course (Html, CSS, JavaScript, JQuery, Bootstrap, AngularJS) HTML: Introduction The World Wide Web (WWW) and history of HTML Hypertext and Hypertext Markup Language Why HTML Prerequisites Objective

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

Last class we looked at HTML5.

Last class we looked at HTML5. ADVANCED HTML5. #2 2.1 Recap 2 3 Last class we looked at HTML5. headings There are 6 levels available, ranging from h1 to h6. paragraphs links

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

GROUPER EVALUATION & REMEDIATION REPORT

GROUPER EVALUATION & REMEDIATION REPORT GROUPER EVALUATION & REMEDIATION REPORT Reviewer: Howard Kramer, hkramer@colorado.edu Technology Used: NVDA (ver. 2016.1), Firefox (ver. 48.0.2) on Windows 10 PC Background This report evaluates the Grouper

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

Web Designing. Course Content. Basic HTML Tags. Getting started with CSS. Dealing with Images

Web Designing. Course Content. Basic HTML Tags. Getting started with CSS. Dealing with Images Web Designing Course Content Basic HTML Tags Basic HTML template Heading Tags Paragraph and Break tags Bold and Italics HTML lists Getting started with CSS Introduction to CSS CSS rules Where to put your

More information

IEEE Wordpress Theme Documentation

IEEE Wordpress Theme Documentation IEEE Wordpress Theme Documentation Version 1.0.2 2014-05- 16 Table of Contents TABLE OF CONTENTS 2 INITIAL SETUP 3 FRONT PAGE 3 POSTS PAGE 4 CONTACT 5 SITE MAP 6 MENU 7 HOME PAGE 8 PAGE TEMPLATES 10 LEFT

More information

LISTING KODE PROGRAM

LISTING KODE PROGRAM LISTING KODE PROGRAM Kategori PHP

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