</div> </form> </div> <div class="col-xs-6 col-sm-6 col-md-6 collg-6">

Size: px
Start display at page:

Download "</div> </form> </div> <div class="col-xs-6 col-sm-6 col-md-6 collg-6">"

Transcription

1 LIST CODING include "template/header.php"; class="row"> class="col-md-6 co-xs-6"> <form method="post" role="form" class="form-inline"> <legend>buat Surat Perintah</legend> class="form-group"> <label for="">nip</label> <input type="text" class="form-control" name="nip"> <button type="submit" name="tambah_karyawan" class="btn btnwarning">tambah Karyawan</button> </form> <ul> if (isset($_session['pengikut'])): foreach ($_SESSION['pengikut'] as $row): $nama = select_where("pegawai",array("nip" => $row)); <li> echo $nama[0] ['nama']; </li> endforeach endif </ul> <a href="../function/proses_link.php? hapus_rekomendasi" class="btn btn-sm btn-danger">hapus data</a> <hr> <form method="post"> class="col-xs-6 col-sm-6 col-md-6 collg-6"> class="form-group"> <label for="">tujuan Perjalanan Dinas</label> <input type="text" class="form-control" name="maksud_perjalanan_dinas"> <button type="submit" name="kirim_usulan" class="btn btnprimary">kirim</button> </form> class="col-xs-6 col-sm-6 col-md-6 col-lg-6"> class="panel panel-primary"> class="panel-heading"> <h3 class="panel-title">daftar Pegawai</h3> class="panel-body"> <table class="table table-hover table-condensed table-bordered"> <thead> <th colspan="4">

2 <form action="" method="post" class="forminline" role="form"> class="form-group"> <input type="text" class="formcontrol" name="nama_pegawai" placeholder="nama Pegawai..."> $nama = $_POST['nama_pegawai']; query_bebas(" $query = SELECT nip, nama, jabatan, departemen, pangkat FROM pegawai INNER JOIN pangkat <button type="submit" name="cari" class="btn btn-primary">cari Pegawai</button> ON pegawai.kode_pangkat=pangkat.kode_pang kat </th> </form> INNER JOIN departemen ON pegawai.kode_departemen=departemen.ko de_departemen <th>jabatan</th> </thead> <tbody> <th>no</th> <th>nip</th> <th>nama</th> if (isset($_post['cari'])): LIKE '%$nama%' $row): $no++; </td> WHERE pegawai.nama "); $no = 1; foreach ($query as <td> echo $row['nip']; </td> $row['nama']; </td> <td> echo <td> echo

3 <td> echo $row['pangkat']." / ".$row['jabatan']." di ". $row['departemen']; </td> $no++; </td> $row['nip']; </td> <td> echo <td> echo query_bebas(" endforeach else: $query = $row['nama']; </td> <td> echo <td> echo $row['pangkat']." / ".$row['jabatan']." di ". $row['departemen']; </td> endforeach SELECT nip, nama, jabatan, departemen, pangkat FROM pegawai INNER JOIN pangkat ON pegawai.kode_pangkat=pangkat.kode_pang kat INNER JOIN departemen ON pegawai.kode_departemen=departemen.ko de_departemen $no = 1; "); </tbody> endif if(isset($_post['tambah_karyawan'])){ $nip = $_POST['nip']; $cari = select_where('pegawai',array('nip' => $nip)); if($cari){ $_SESSION['pengikut'][] = $nip; echo "<meta http-equiv='refresh' content='0'>"; else{ echo "<script>alert('nip TIDAK TERDAFTAR!');</script>"; $row): foreach ($query as echo "<meta httpequiv='refresh' content='0'>";

4 elseif(isset($_post['kirim_usulan'])){ $no_usulan = "U-".time(); $data = array( 'no_usulan' => $no_usulan, 'maksud_perjalanan_dinas' => $_POST['maksud_perjalanan_dinas'] ); $act = insert_data("usulan",$data); if($act){ foreach ($_SESSION['pengikut'] as $baris) { $data2 = array( 'no_usulan' 'nip' ); => $no_usulan, => $baris insert_data("pengikut",$data2); unset($_session['pengikut']); echo "<script>alert('usulan BERHASIL DIKIRIM!');</script>"; echo "<meta httpequiv='refresh' content='0'>"; include "template/footer.php"; include "template/header.php"; class="row"> class="col-md-12 coxs-12"> <p class="text-center"> <h1>selamat Datang Pimpinan</h1> </p> > <h3>silahkan pilih menu di sebelah kiri selamat bekerja</h3> include "template/footer.php"; error_reporting(0); if($_get['page'] == 'home'){ include "home.php"; elseif(!$_get['page']){ include "home.php"; elseif($_get['page'] == 'buat_rekomendasi'){ include "buat_rekomendasi.php"; elseif($_get['page'] == 'lihat_perintah'){ include "lihat_perintah.php"; else{ echo "<h1> Halaman tidak ditemukan, silahkan kembali ke <a href='? page=home'>halaman utama</a></h1>"; include "template/header.php"; <table class="table tablehover"> <thead> USULAN</th> <th>no</th> <th>status</th> <th>no <th>maksud PERJALANAN DINAS</th> <th>peserta</th> </thead> <tbody> $i =1;

5 $query = query_bebas("select * FROM usulan ORDER BY status ASC"); foreach (select_all("usulan") as $row): $no_usulan = $row['no_usulan']; $ambilpeserta = query_bebas(" nama FROM pegawai JOIN pengikut pegawai.nip=pengikut.nip SELECT INNER ON WHERE pengikut.no_usulan = '$no_usulan' "); php echo $i++; </td> <td><? <td> if ($row['status'] == "pending"): <b class="text-danger">belum DIBUATKAN SPPD</b> else: <b class="text-success">sudah DIBUAT SPPD</b> endif </td> <td><? php echo $row['no_usulan']; </td> <td><? php echo $row['maksud_perjalanan_dinas']; </td> <td> foreach($ambilpeserta as $row){ echo $row['nama'].", "; </td> endforeach </tbody> include "template/footer.php"; include "template/header.php"; class="row"> class="col-md-12 coxs-12"> <table class="table tablehover"> <thead> <th>no</th> <th>maksud PERJALANAN DINAS</th> <th>dari - KE / MENGGUNAKAN</th> <th>keterangan</th> <th>jumlah ORANG</th> <th>lamanya</th> <th></th> </thead> <tbody> $ambildata = query_bebas(" SELECT no_surat,maksud_perjalanan_dinas, asal_berangkat, tujuan, transportasi,

6 keterangan, tanggal_awal, tanggal_akhir, surat_tugas.no_usulan FROM usulan INNER JOIN surat_tugas ON usulan.no_usulan=surat_tugas.no_usulan WHERE usulan.status='dibuat' "); $date1 = new DateTime($row['tanggal_awal']); $date2 = new DateTime($row['tanggal_akhir']); $diff = $date2->diff($date1)- >format("%a"); $i = 1; foreach ($ambildata as $row): echo $diff." HARI, DARI TANGGAL ".date('dm-y',strtotime($row['tanggal_awal']))." SAMPAI TANGGAL ".date('d-m- Y',strtotime($row['tanggal_akhir'])); $no_usulan = $row['no_usulan']; $count = count_row("select nip FROM pengikut WHERE no_usulan = '$no_usulan'"); <td> echo $i++; </td> <td> echo strtoupper($row['maksud_perjalanan_dinas ']); </td> <td> echo strtoupper($row['asal_berangkat']." - ". $row['tujuan']." / ".$row['transportasi']);? ></td> <td> echo strtoupper($row['keterangan']); </td> <td> echo strtoupper($count)." ORANG"; </td> <td> </td> endforeach </tbody> include "template/footer.php"; include "template/header.php"; class="row"> class="col-md-12 coxs-12"> <table class="table tablehover"> <thead> <th>no</th> <th>nomor REKOMENDASI</th> <th>maksud PERJALANAN DINAS</th> <th>jumlah ORANG</th>

7 <th></th> $i = 1; </thead> <tbody> $query = select_where("usulan",array("status" => "pending")); foreach($query as $row){ $no_usulan = $row['no_usulan']; $hitung = count_row("select nip FROM pengikut WHERE no_usulan='$no_usulan'"); ></td> <td> echo $i++; </td> <td> echo $no_usulan;? <td> echo $row['maksud_perjalanan_dinas']; </td> <td> echo $hitung; Orang</td> <td><a href="index.php? page=buat_sppd&no_usulan= echo $no_usulan; " class="btn btnsuccess">buat SPPD</a></td> <? php </tbody> include "template/footer.php"; include "template/header.php"; $validasi = select_where("kwitansi",array("no_surat" => $_GET['no_surat'])); if (!$_GET['no_surat']): <script> window.location.href = "? page=lihat_bukti"; </script> elseif($validasi == TRUE): <script> alert("kwitansi sudah dibuat"); window.location.href = "? page=lihat_bukti"; </script> endif class="row"> <form method="post" role="form"> class="colxs-6 col-sm-6 col-md-6 col-lg-6"> class="panel panel-primary"> class="panel-heading"> <h3 class="panel-title">input Kwitansi</h3> col-xs-6"> class="panel-body"> id="baris_form"> class="form-group <label>pembayaran</label> <input type="text" class="form-control"

8 name="pembayaran[]" required="required"> col-xs-6"> class="inputgroup"> class="form-group <label>biaya</label> <span class="input-group-addon">rp</span> <input type="number" class="form-control" name="biaya[]" required="required"> class="colxs-12 col-sm-12 col-md-12 col-lg-12"> class="form-group col-xs-12"> <button type="submit" name="buat_kwitansi" class="btn btnprimary">cetak SPPD dan Kwitansi</button> </form> <script> $ ("#tambah_input").click(function(){ $ ("#baris_form").append( " class='form-group col-xs-6'>" +"<label>pembayaran</label>" +"<input type='text' class='formcontrol' name='pembayaran[]' required='required'>" class="form-group col-xs-12"> id="tambah_input" class="btn btn-sm btn-success">tambah Rincian Biaya <hr> class="form-group col-xs-12"> <label>keterangan</label> <textarea name="keterangan_kwitansi" class="formcontrol" rows="3" required="required"></textarea> 6'>" +"" +" class='form-group col-xs- +"<label>biaya</label>" +" class='input-group'>" +"<span class='inputgroup-addon'>rp</span>" +"<input type='number' class='form-control' name='biaya[]' required='required'>" +"" +""); ); </script> if (isset($_post['buat_kwitansi'])) {

9 $no_surat = $_GET['no_surat']; $act2 = update_data("bukti_bayar",array("status" => "diterima"),array("no_surat" => $no_surat)); if($act2){ array( $no_kwitansi = "KW-".time(); $data2 = "no_surat" => $no_surat, "no_kwitansi" "keterangan" => $_POST['keterangan_kwitansi'] => $no_kwitansi, echo "<script>alert('surat Berhasil Dibuat');</script>"; $link = "laporan/kwitansi.php?no_surat=". $no_surat; echo "<script>window.open('".$link."', '_blank');</script>"; include "template/footer.php"; ); insert_data("kwitansi",$data2); { $act3 = if($act3) include "template/header.php"; if (!$_GET['no_usulan']): <script> $gabung = array_combine($_post['pembayaran'], $_POST['biaya']); foreach($gabung as $pembayaran => $biaya){ $data3 = array( "no_kwitansi" => $no_kwitansi, "ket_pembayaran " => $pembayaran, "biaya" => $biaya ); insert_data("rincian_biaya", $data3); alert('butuh surat usulan'); window.location.href = "? page=lihat_rekomendasi"; endif role="form"> </script> class="colmd-6 co-xs-6"> class="row"> <form method="post" <legend>buat SPPD</legend> class="form-group"> <label>nomor Surat</label> class="form-group col-xs-6"> class="input-group">

10 <span class="input-groupaddon">800 / </span> <input type="number" name="nomor_surat1" class="form-control" > class="form-group col-xs-6"> class="input-group"> <input type="number" name="nomor_surat2" class="form-control" > <span class="input-groupaddon"> / Diskominfo</span> class="col-xs-6 col-sm-6 col-md-6 col-lg-6"> class="form-group"> <label for="">dari</label> <input type="text" class="formcontrol" name="asal_berangkat"> class="col-xs-6 col-sm-6 col-md-6 col-lg-6"> class="form-group"> <label for="">ke</label> <input type="text" class="formcontrol" name="tujuan"> class="form-group col-xs-12"> <label for="">menggunakan</label> <select name="transportasi" class="form-control" required="required"> <option value="pesawat">pesawat</option> <option value="kapal">kapal</option> <option value="bus">bus</option> <option value="kereta Api">Kereta Api</option> <option value="mobil">mobil</option> </select> class="col-xs-6 colsm-6 col-md-6 col-lg-6"> class="form-group"> <label for="">dari Tanggal</label> <input type="text" data-multipledates-separator=", " dataposition='bottom left' class="form-control datepickerhere" datalanguage='en' data-dateformat="yyyy-mm-dd" name="tanggal_awal">

11 class="col-xs-6 col-sm-6 col-md-6 col-lg-6"> ("#baris_form").append( $ class="form-group"> <label for="">sampai Tanggal</label> <input type="text" data-language='en' data-date-format="yyyy-mm-dd" data-multipledates-separator=", " dataposition='bottom left' " class='form-group col-xs-6'>" +"<label>pembayaran</label>" +"<input type='text' class='formcontrol' name='pembayaran[]' required='required'>" 6'>" +"" +" class='form-group col-xs- +"<label>biaya</label>" +" class='input-group'>" class="form-control datepickerhere" +"<span class='inputgroup-addon'>rp</span>" name="tanggal_akhir"> class="form-group col-xs-12"> <label for="">keterangan</label> <textarea name="keterangan" id="input" class="form-control" rows="3" required="required"></textarea> class="colxs-12 col-sm-12 col-md-12 col-lg-12"> class="form-group col-xs-12"> <button type="submit" name="buat_sppd" class="btn btnprimary">cetak SPPD</button> </form> <script> $ ("#tambah_input").click(function(){ +"<input type='number' class='form-control' name='biaya[]' required='required'>" +"" +""); ); </script> if (isset($_post['buat_sppd'])) { $no_usulan = $_GET['no_usulan']; $data = array( "no_surat" => "800-". $_POST['nomor_surat1']."-". $_POST['nomor_surat1']."-DISKOMINFO", "no_usulan" => $no_usulan, "asal_berangkat" => $_POST['asal_berangkat'], "tujuan" => $_POST['tujuan'],

12 "transportasi" => $_POST['transportasi'], "tanggal_awal" => $_POST['tanggal_awal'], "tanggal_akhir" => $_POST['tanggal_akhir'], "keterangan" => $_POST['keterangan'] ); $act = insert_data("surat_tugas",$data); if($act){ $act2 = update_data("usulan",array("status" => "dibuat"),array("no_usulan" => $no_usulan)); if($act2) { echo "<script>alert('surat Berhasil Dibuat');</script>"; "laporan/sppd.php?no_surat=". $data['no_surat']; $link = echo "<script>window.open('".$link."', '_blank');</script>"; include "template/footer.php"; include "template/header.php"; class="row"> class="col-md-12 coxs-12"> <p class="text-center"> <h1>selamat Datang Admin</h1> </p> > <h3>silahkan pilih menu di sebelah kiri selamat bekerja</h3> include "template/footer.php"; error_reporting(0); if($_get['page'] == 'home'){ include "home.php"; elseif(!$_get['page']){ include "home.php"; elseif($_get['page'] == 'buat_sppd' && $_GET['no_usulan']){ include "buat_sppd.php"; elseif($_get['page'] == 'buat_kwitansi' && $_GET['no_surat']){ include "buat_kwitansi.php"; elseif($_get['page'] == 'lihat_rekomendasi'){ include "lihat_rekomendasi.php"; elseif($_get['page'] == 'lihat_sppd'){ include "lihat_sppd.php"; elseif($_get['page'] == 'lihat_kwitansi'){ include "lihat_kwitansi.php"; elseif($_get['page'] == 'lihat_bukti'){ include "lihat_bukti.php"; else{ echo "<script>window.location.href = \"? page=home\"</script>"; include "template/header.php"; class="row"> class="col-md-12 coxs-12"> class="tableresponsive"> <table class="table table-hover table-bordered"> <thead>

13 <th>no</th> <th>no SURAT</th> <th>keterangan</th> <th>bukti PERJALANAN</th> <th>bukti PEMBAYARAN</th> <th>status</th> <th>aksi</th> <b class="textdanger">ditolak</b> elseif($row['status'] == "diterima"): <b class="textsuccess">diterima</b> else: <b class="textwarning">butuh DITINJAU</b> </td> endif </thead> $no = 1; <tbody> <td> class="dropdown"> foreach (select_all("bukti_bayar") as $row): <td> echo $no++; </td> <td> echo $row['no_surat']; </td> <td> echo $row['keterangan'] </td> <td><a href="../assets/uploads/<? php echo $row['bukti_perjalanan_dinas']? >" class="btn btn-sm btn-success" target="blank">lihat Bukti Perjalan Dinas</a></td> <td><a href="../assets/uploads/<? php echo $row['bukti_bayar'] " class="btn btn-sm btn-primary" target="blank">lihat Bukti Pembayaran</a></td> <td> <button class="btn btn-primary dropdown-toggle" type="button" datatoggle="dropdown"> <span class="caret"></span></button> <ul class="dropdown-menu"> <li><a href="../function/proses_link.php? tolak_kw= echo $row['no_surat'];? >">Tolak</a></li> <li><a href="? page=buat_kwitansi&no_surat= echo $row['no_surat']; ">Buat Kwitansi</a></li> </ul> "ditolak"): if ($row['status'] ==

14 </td> endforeach </tbody> include "template/footer.php"; include "template/header.php"; class="row"> class="col-md-12 coxs-12"> <table class="table tablehover"> <thead> <th>no</th> <th>no SURAT</th> <th>keterangan</th> <th>bukti KETERANGAN</th> <th></th> <td>1</td> <td> </td> <td> </thead> <tbody> <p>tiket PESAWAT = x 4 = RP , HOTEL x 4 = RP , MAKAN RP </p> </td> <td><a href="#">lihat bukti</a></td> <td><a href="buat_sppd.php" class="btn btn-success">buat KWITANSI</a></td> </tbody> include "template/footer.php"; <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <link rel="stylesheet" href="../../assets/bootstrap/css/bootstrap. min.css"> </head> <body> include "../../function/query.php"; $no_surat = $_GET['no_surat']; $query = select_where("kwitansi",array("no_surat" => $no_surat)); class="containerfluid"> class="row"> <table> <td colspan="2" width="600px"> DINAS KOMUNIKASI DAN INFORMATIKA SELATAN </td> <td> PROVINSI SUMATERA NO KWITANSI : echo $query[0]['no_kwitansi']; </td>

15 <td colspan="3"> <p class="textcenter"><b>kwitansi</b></p> </td> <td>tahun ANGGARAN : 2017</td> <td>no REKENING : </td> class="panel panel-default"> class="panel-body"> <hr> <table class="table tablecondensed"> <thead> <th>untuk PEMBAYARAN</th> <th> echo $query[0] ['keterangan']; </thead> <tbody> <td>keterangan</td> $arr = []; </th> <td> foreach (select_where("rincian_biaya",array("no_kw itansi" => $query[0]['no_kwitansi'])) as $row): echo $row['ket_pembayaran']." = Rp. ".number_format($row['biaya']).""; $arr[] = $row['biaya']; <th>sudah TERIMA DARI</th> endforeach <th>kuasa Pengguna DISKOMINFO Provinsi Sumatera Selatan</th> </td>

16 <td>jumlah</td> <td>rp. echo number_format(array_sum($arr)); </td> </tbody> class="row"> class="col-xs-4 col-sm-4 col-md-4 col-lg-4"> <p class="text-center">setuju Dibayar</p> <p class="text-center">kuasa Pengguna Anggaran</p> <p class="text-center">(john KENEDDY, SE, M.Si)</p> <p class="text-center">nip : </p> class="col-xs-4 col-sm-4 col-md-4 col-lg-4"> <p class="text-center">pejabat Pelaksana Teknis Kegiatan</p> <p class="text-center">(tetra RIANI, S.Kom., M.T)</p> <p class="text-center">nip : </p> class="col-xs-4 col-sm-4 col-md-3 col-lg-4"> <p>lunas dibayar pada tanggal 20 </p> <p class="text-center">bendahara Pengeluaran</p> <p class="textcenter">(rusmaini)</p> <p class="text-center">nip : </p> </body> </html> include "../../function/query.php"; <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <link rel="stylesheet" href="../../assets/bootstrap/css/bootstrap. min.css"> </head> <body>

17 $no_surat $query surat_tugas.no_surat, surat_tugas.no_usulan, surat_tugas.asal_berangkat, surat_tugas.tujuan, surat_tugas.transportasi, surat_tugas.tanggal_awal, surat_tugas.tanggal_akhir, surat_tugas.keterangan, usulan.maksud_perjalanan_dinas FROM surat_tugas INNER JOIN usulan = $_GET['no_surat']; = query_bebas("select ON surat_tugas.no_usulan=usulan.no_usulan WHERE surat_tugas.no_surat='$no_surat' "); $no_usulan = $query[0] ['no_usulan']; $pengikut = query_bebas("select pegawai.nip, pegawai.kode_pangkat, pegawai.nama, departemen.departe men, pangkat.pangkat FROM pegawai INNER JOIN departemen ON pegawai.kode_departemen=departemen.ko de_departemen INNER JOIN pangkat ON pegawai.kode_pangkat=pangkat.kode_pang kat INNER JOIN pengikut ON pegawai.nip=pengikut.nip WHERE pengikut.no_usulan='$no_usulan'"); <img src="../../assets/img/kop_sppd.png" width="1100"> class="container"> class="col-xs-12 col-sm-12 colmd-12 col-lg-12"> class="row"> <h1 class="textcenter"><u>surat PERINTAH TUGAS</u></h1> <h3 class="textcenter">nomor : echo $no_surat;? ></h3> <h4 class="text-center"> KEPALA DINAS KOMUNIKASI DAN INFORMATIKA PROVINSI SUMATERA SELATAN MENUGASKAN KEPADA </h4> style="margin-top: 50px"> class="row"> class="col-xs-6 col-sm-6 colmd-6 col-lg-6"> 1. Nama / NIP class="col-xs-6 col-sm-6 colmd-6 col-lg-6"> : <ol> foreach ($pengikut as $row): <li> echo strtoupper($row['nama']."/".$row['nip']);? ></li> endforeach </ol> class="row"> class="col-xs-6 col-sm-6 colmd-6 col-lg-6"> 2. Pangkat / (Golongan) Jabatan class="col-xs-6 col-sm-6 colmd-6 col-lg-6"> : <ol> foreach ($pengikut as $baris): <li> echo strtoupper($baris['pangkat']." / ". $baris['departemen']); </li> endforeach </ol>

18 class="row"> class="col-xs-6 col-sm-6 colmd-6 col-lg-6"> 3. Tujuan Perjalanan class="col-xs-6 col-sm-6 colmd-6 col-lg-6"> : <table> <td>dari</td> <td> echo $query[0] ['asal_berangkat']; </td> <td>ke</td> <td> echo $query[0] ['tujuan']; </td> <td colspan="2"> Transportasi Menggunakan : echo $query[0] ['transportasi']; </td> class="row"> class="col-xs-6 col-sm-6 colmd-6 col-lg-6"> 4. Maksud Perjalanan Dinas class="col-xs-6 col-sm-6 colmd-6 col-lg-6"> : echo $query[0] ['maksud_perjalanan_dinas']; class="row"> class="col-xs-6 col-sm-6 colmd-6 col-lg-6"> 5. Lama Perjalanan class="col-xs-6 col-sm-6 colmd-6 col-lg-6"> $date1 = new DateTime($query[0]['tanggal_awal']); $date2 = new DateTime($query[0]['tanggal_akhir']); $diff = $date2->diff($date1)- >format("%a"); : echo $diff." Hari, Dari tanggal ".date('d-m-y',strtotime($query[0] ['tanggal_awal']))." sampai tanggal ".date('dm-y',strtotime($query[0] ['tanggal_akhir'])); class="row"> class="col-xs-6 col-sm-6 colmd-6 col-lg-6"> 6. Keterangan class="col-xs-6 col-sm-6 colmd-6 col-lg-6"> : echo $query[0] ['keterangan']; style="margin-top: 30px"> class="row"> class="col-xs-6 col-sm-6 colmd-6 col-lg-6"> class="col-xs-6 col-sm-6 colmd-6 col-lg-6"> <table> <td><p style="font-size: 18px"> DIKELUARKAN DI</p></td> <td><p style="font-size: 18px">PADA TANGGAL</p></td> style="margin-top: 30px"> class="row">

19 class="col-xs-6 col-sm-6 colmd-6 col-lg-6"> class="col-xs-6 col-sm-6 colmd-6 col-lg-6"> <p class="text-center" style="font-size: 20px;"> Plh. KEPALA DINAS KOMUNIKASI DAN INFORMATIKA PROVINSI SUMATERA SELATAN </p> style="margin-top: 100px"> <p class="text-center" style="font-size: 20px;"> Drs. H. Iskandar Mirza, M.Si Pembina TK I (IV/b) Nip : </p> echo "<script>window.open('tanda_tangan.php', '_blank');</script>"; </body> </html> <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <link rel="stylesheet" href="../../assets/bootstrap/css/bootstrap. min.css"> </head> <body> class="containerfluid"> class="row"> class="col-xs-6 col-sm-6 col-md-6 col-lg- 6"> class="col-xs-6 col-sm-6 col-md-6 col-lg-6"> <table> <td>berangkat Dari </td> <td> : </td> <td>palembang</td> <td>(tempat Kedudukan)</td> <td> : </td> <td>pada Tanggal</td> <td> : </td> <td>ke</td> <td> : </td> <p class="text-center">kepala Dinas Kominfo Prov Sumatera Selatan</p> style="margin-top: 50px"> <p class="text-center" style="font-

20 size: 14px"><b><u> Drs. H. Iskandar Mirza, M.Si</u></b></p> <p class="text-center"> Pembina TK I (IV/b) Nip : </p> style="margin-top: 50px"> class="row"> class="col-xs-6 col-sm-6 col-md-6 col-lg-6"> <table> <td>i.</td> <td>tiba Di</td> style="margin-top: 80px"> <table> <td colspan="2">( )</td> <td>nip : </td> <td>pada Tanggal</td> <td>kepala</td> class="col-xs-6 col-sm-6 col-md-6 col-lg-6"> <table> <td>tiba Di</td> <td>pada Tanggal</td>

21 <td>ii.</td> <td>tiba Di</td> <td>kepala</td> style="margin-top: 80px"> <table> <td colspan="2">( )</td> <td>nip : </td> class="row"> class="col-xs-6 col-sm-6 col-md-6 col-lg-6"> <table> <td>pada Tanggal</td> <td>kepala</td> style="margin-top: 80px"> <table> <td colspan="2">( )</td>

22 <td>nip : </td> class="col-xs-6 col-sm-6 col-md-6 col-lg-6"> <table> <td>tiba Di</td> style="margin-top: 80px"> <table> <td colspan="2">( )</td> <td>nip : </td> <td>pada Tanggal</td> <td>kepala</td> class="row"> class="col-xs-6 col-sm-6 col-md-6 col-lg-6"> <table> <td>iii.</td> <td>tiba Di</td> <td>pada Tanggal</td>

23 <td>tiba Di</td> <td>kepala</td> <td>pada Tanggal</td> style="margin-top: 80px"> <table> <td colspan="2">( )</td> <td>nip : </td> class="col-xs-6 col-sm-6 col-md-6 col-lg-6"> <table> <td>kepala</td> style="margin-top: 80px"> <table> <td colspan="2">( )</td> <td>nip : </td>

24 Pembina TK I (IV/b) class="row"> class="col-xs-6 col-sm-6 col-md-6 col-lg-6"> Lain</td> <table> <td>v</td> <td>catatan Lain- class="col-xs-6 col-sm-6 col-md-6 col-lg-6"> <p class="text-center"> Telah diperiksa dengan keterangan bahwa perjalanan tersebut diatas benar dilakukan atas perintahnya dan semata-mata untuk kepentingan jabatan dalam waktu yang sesingkat singkatnya </p> <p class="text-center"></p> style="margin-top: 80px"> <p class="text-center"> Nip : </p> </body> </html> include "../function/query.php"; session_start(); if($_session['masuk']!= TRUE && $_SESSON['status']!= 'admin'){ session_destroy(); echo "<script>window.location.href = \"../index.php\"</script>"; <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="x-ua- Compatible" content="ie=edge"> <title>aplikasi SPPD</title> <meta content="width=devicewidth, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"> <link rel="stylesheet" href="../assets/bootstrap/css/bootstrap.min.css"> <link rel="stylesheet" href=" /font-awesome/4.5.0/css/fontawesome.min.css"> <link rel="stylesheet" href=" /ionicons/2.0.1/css/ionicons.min.css"> <link rel="stylesheet" href="../assets/plugins/jvectormap/jqueryjvectormap css"> <link rel="stylesheet" href="../assets/dist/css/adminlte.min.css"> <link rel="stylesheet" href="../assets/dist/css/skins/_allskins.min.css"> <link rel="stylesheet" href="../assets/plugins/airdatepicker/airdat epicker.css">

25 <!-- jquery > <script src="../assets/plugins/jquery/jquery min.js"></script> <!-- Bootstrap > <script src="../assets/bootstrap/js/bootstrap.min.js "></script> </head> <body class="hold-transition skingreen-light sidebar-mini"> class="wrapper"> <header class="main-header"> <a href="index2.html" class="logo"> <span class="logo-lg"><b>sppd DISKOMINFO</b></span> </a> <nav class="navbar navbar-statictop"> <a href="#" class="sidebartoggle" data-toggle="offcanvas" role="button"> <span class="sr-only">toggle navigation</span> </a> </nav> </header> <aside class="main-sidebar"> <section class="sidebar"> <!-- sidebar menu: : style can be found in sidebar.less --> <ul class="sidebar-menu"> <li class="header">menu UTAMA</li> <li> <a href="index.php? page=home"> <i class="fa fa-home"></i> <span>beranda</span> </a> </li> <li> <a href="index.php? page=lihat_rekomendasi"> <i class="fa fa-print"></i> <span>lihat Surat Perintah</span> </a> </li> <li> <a href="index.php? page=lihat_sppd"> <i class="fa fa-file"></i> <span>laporan Data SPPD</span> </a> </li> <li> <a href="index.php? page=lihat_bukti"> <i class="fa fa-print"></i> <span>lihat Bukti</span> </a> </li> <li><a href="../function/logout.php"><i class="fa fa-circle-o text-red"></i> <span>keluar Sistem</span></a></li> </ul> </section> </aside> <section class="contentheader"> class="content-wrapper"> <h1> Aplikasi SPPD DISKOMINFO <small>version 1.0</small> </h1> </section> <section class="content"> class="row"> class="col-md-12"> class="box"> class="box-body"> </section> <footer class="main-footer"> class="pull-right hidden-xs"> <b>version</b> 1.0 </footer> <!-- FastClick -->

26 <script src="../assets/plugins/fastclick/fastclick.js"> </script> <!-- AdminLTE App --> <script src="../assets/dist/js/app.min.js"></script> <!-- Sparkline --> <script src="../assets/plugins/sparkline/jquery.spar kline.min.js"></script> <!-- jvectormap --> <script src="../assets/plugins/jvectormap/jqueryjvectormap min.js"></script> <script src="../assets/plugins/jvectormap/jqueryjvectormap-world-mill-en.js"></script> <!-- SlimScroll > <script src="../assets/plugins/slimscroll/jquery.slim scroll.min.js"></script> <!-- ChartJS > <script src="../assets/plugins/chartjs/chart.min.js"> </script> <!-- AdminLTE dashboard demo (This is only for demo purposes) --> <script src="../assets/plugins/airdatepicker/airdate picker.min.js"></script> <script src="../assets/plugins/airdatepicker/airdate picker.en.js"></script> </body> </html> include 'connection.php'; function insert_data($table,$data){ try{ global $conn; $col = implode(",",array_keys($data)); $val = implode("','",array_values($data)); $value = rtrim(htmlspecialchars($val)); $sql = "INSERT INTO $table ($col) VALUES ('$val')"; $conn->exec($sql); return TRUE; catch(pdoexception $e){ echo $sql. "". $e->getmessage(); $conn = null; function select_all($table){ global $conn; $statement = $conn- >prepare("select * FROM ".$table); $exe = $statement- >execute(); if($exe == TRUE){ return $statement->fetchall(pdo::fetch_assoc); else{ return FALSE; function select_join($column, $table,$target,$requirement){ global $conn; $col = implode(",",array_values($column)); $statement = $conn- >prepare("select ".$col." FROM ".$table." INNER JOIN ".$target." ON ".$requirement); $statement->execute(); return $statement- >fetchall(pdo::fetch_assoc); function select_where($table, $data){ global $conn; $val = implode(",",array_keys($data)); $clause = implode(",",array_values($data));

27 $statement = $conn- >prepare("select * FROM ".$table." WHERE ".$val."=:clause"); $statement- >bindvalue(':clause', $clause); $act = $statement- >execute(); if($act!== FALSE){ return $statement->fetchall(pdo::fetch_assoc); else{ return FALSE; function delete_data($table,$data) { global $conn; $val = implode(",",array_keys($data)); $clause = implode(",",array_values($data)); $statement = $conn- >prepare("delete FROM ".$table." WHERE ".$val."=:clause"); $statement- >bindparam(':clause', $clause); $act = $statement- >execute(); if($act!== FALSE){ return TRUE; else{ return FALSE; function update_data($table, $update,$clause){ global $conn; $col = implode(",",array_keys($clause)); $val = implode("','",array_values($clause)); => $value){ " ".$key." = :".$key.","; $data_update = ""; foreach($update as $key $data_update.= $data_update = rtrim($data_update,','); $statement = $conn- >prepare("update ".$table." SET ". $data_update." WHERE ".$col." = :clause"); foreach($update as $key => $value){ $statement- >bindvalue(":$key",$value)."\r\n"; $statement- >bindparam(':clause',$val); $statement->execute(); return TRUE; function join3($column,$table, $target1,$target2,$requirement1,$requirem ent2,$clause){ global $conn; $col = implode(",",array_values($column)); $statement = $conn- >prepare("select ".$col. ".$table. JOIN ".$target1. $requirement1. JOIN ".$target2. $requirement2. " FROM " INNER " ON ". " INNER " ON ". " WHERE ".$clause); $statement->execute(); return $statement- >fetchall(pdo::fetch_assoc); function join_where($column, $table,$target,$requirement,$clause){ global $conn;

28 $col = implode(",",array_values($column)); $statement = $conn- >prepare("select ".$col." FROM ".$table." INNER JOIN ".$target." ON ".$requirement." WHERE ".$clause); $statement->execute(); return $statement- >fetchall(pdo::fetch_assoc); function select_where1($table, $data){ global $conn; $val = implode(",",array_keys($data)); $clause = implode(",",array_values($data)); $statement = $conn- >prepare("select * FROM ".$table." WHERE ".$val."=:clause"); $statement- >bindvalue(':clause', $clause); $act = $statement- >execute(); if($act!== FALSE){ return $statement->fetch(pdo::fetch_assoc); else{ return FALSE; function query_bebas($query){ global $conn; $statement = $conn- >prepare($query); $statement->execute(); return $statement- >fetchall(pdo::fetch_assoc); function count_row($query){ global $conn; $statement = $conn- >prepare($query); $statement->execute(); return $statement- >rowcount(); include "query.php"; if(isset($_get['hapus_rekomendasi'])){ session_start(); unset($_session['pengikut']); echo "<script>alert('data Berhasil Dihapus');</script>"; echo "<script>window.location.href = \"../pimpinan/index.php? page=buat_rekomendasi\"</script>"; elseif(isset($_get['tolak_kw'])){ $no_surat = $_GET['tolak_kw']; $act = update_data("bukti_bayar",array("status" => "ditolak"),array("no_surat"=>$no_surat)); if($act){ echo "<script>alert('usulan Ditolak');</script>"; echo "<script>window.location.href = \"../admin/index.php? page=lihat_bukti\"</script>"; else{ echo "<script>alert('usulan Diterima');</script>"; echo "<script>window.location.href = \"../admin/index.php? page=lihat_bukti\"</script>"; session_start(); session_destroy(); header("location:../index.php"); require_once("query.php"); $username = $_POST['username']; $password = $_POST['password']; $statement = $conn- >prepare("select * FROM pengguna WHERE nip=:username");

29 $statement- >bindvalue(':username', $username); $statement->execute(); $data = $statement- >fetch(pdo::fetch_assoc); if($data!== FALSE){ if(password_verify($password, $data['password'])){ if($data['status'] == 'admin'){ ); session_start(); $_SESSION = array( 'username' 'masuk' 'status' => 'admin' => $username, => TRUE, header('location:../admin/index.php? page=home'); elseif($data['status'] == 'kepala_dinas'){ ); session_start(); $_SESSION = array( 'username' 'masuk' => $username, => TRUE, 'status' => 'kepala_dinas' header('location:../pimpinan/index.php? page=home'); else{ session_start(); session_destroy(); echo "password anda salah, silahkan coba lagi"; else{ session_start(); session_destroy(); echo "username / password salah, silahkan coba lagi"; $host = 'localhost'; $username = 'root'; $password = ''; $db = 'db_sppd'; $conn = new PDO("mysql:host=$host;dbname=$db", $username, $password); $conn- >setattribute(pdo::attr_errmode, PDO::ERRMODE_EXCEPTION); include "../function/query.php"; session_start(); // if($_session['masuk']!= TRUE && $_SESSON['status']!= 'kepala_dinas'){ // session_destroy(); // echo "<script>window.location.href = \"../index.php\"</script>"; // <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="x-ua- Compatible" content="ie=edge"> <title>aplikasi SPPD</title> <meta content="width=devicewidth, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"> <link rel="stylesheet" href="../assets/bootstrap/css/bootstrap.min.css"> <link rel="stylesheet" href="

30 /font-awesome/4.5.0/css/fontawesome.min.css"> <link rel="stylesheet" href=" /ionicons/2.0.1/css/ionicons.min.css"> <link rel="stylesheet" href="../assets/plugins/jvectormap/jqueryjvectormap css"> <link rel="stylesheet" href="../assets/dist/css/adminlte.min.css"> <link rel="stylesheet" href="../assets/dist/css/skins/_allskins.min.css"> </head> <body class="hold-transition skingreen sidebar-mini"> class="wrapper"> <header class="main-header"> <a href="index2.html" class="logo"> <span class="logo-lg"><b>sppd DISKOMINFO</b></span> </a> <nav class="navbar navbar-statictop"> <a href="#" class="sidebartoggle" data-toggle="offcanvas" role="button"> <span class="sr-only">toggle navigation</span> </a> </nav> </header> <aside class="main-sidebar"> <section class="sidebar"> <!-- sidebar menu: : style can be found in sidebar.less --> <ul class="sidebar-menu"> <li class="header">menu UTAMA</li> <li> <a href="index.php? page=home"> <i class="fa fa-home"></i> <span>beranda</span> </a> </li> <li> <a href="index.php? page=buat_rekomendasi"> <i class="fa fa-print"></i> <span>buat Surat Perintah</span> </a> </li> <li> <a href="index.php? page=lihat_perintah"> <i class="fa fa-print"></i> <span>lihat Surat Perintah</span> </a> </li> <!-- <li><a href="../function/logout.php"><i class="fa fa-circle-o text-red"></i> <span>keluar Sistem</span></a></li> --> </ul> </section> </aside> <section class="contentheader"> --> class="content-wrapper"> <h1> Aplikasi SPPD DISKOMINFO <small>version 1.0</small> </h1> </section> <section class="content"> class="row"> class="col-md-12"> class="box"> class="box-body"> </section> <footer class="main-footer"> class="pull-right hidden-xs"> <b>version</b> 1.0 </footer> <!-- jquery 2.2.3

31 <script src="../assets/plugins/jquery/jquery min.js"></script> <!-- Bootstrap > <script src="../assets/bootstrap/js/bootstrap.min.js "></script> <!-- FastClick --> <script src="../assets/plugins/fastclick/fastclick.js"> </script> <!-- AdminLTE App --> <script src="../assets/dist/js/app.min.js"></script> <!-- Sparkline --> <script src="../assets/plugins/sparkline/jquery.spar kline.min.js"></script> <!-- jvectormap --> <script src="../assets/plugins/jvectormap/jqueryjvectormap min.js"></script> <script src="../assets/plugins/jvectormap/jqueryjvectormap-world-mill-en.js"></script> <!-- SlimScroll > <script src="../assets/plugins/slimscroll/jquery.slim scroll.min.js"></script> <!-- ChartJS > <script src="../assets/plugins/chartjs/chart.min.js"> </script> <!-- AdminLTE dashboard demo (This is only for demo purposes) --> </body> </html> <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>login Page</title> <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.c ss"> </head> <body> class="container"> class="row" style="margin-top: 50px"> class="col-xs-12 col-sm-12 col-md-6 col-lg-6 col-md-offset-3"> class="panel panel-success"> class="panel-heading"> <h3 class="paneltitle">login</h3> class="panel-body"> <form action="function/login.php" method="post" role="form"> class="formgroup"> <label>username</label> <input type="text" class="form-control" name="username"> class="formgroup"> <label>password</label> <input type="password" class="form-control" name="password"> <button type="submit" class="btn btnprimary">login</button> </form>

32 class="row"> <p class="text-center">aplikasi SPPD KOMINFO SUMSEL</p> </body> </html> include "template/header.php"; class="row"> class="col-md-12 coxs-12"> <th>no</th> <th>nomor SURAT</th> <th>status</th> KWITANSI</th> <th>no <table class="table table-hover table-condensed"> colspan="3"> <thead> <form method="post"> <td <button name="pending" value="pending" class="btn btnwarning">pending</button> <button name="tolak" value="tolak" class="btn btndanger">ditolak</button> </thead> <tbody> $no = 1; if (isset($_post['pending']) && $_POST['pending'] == "pending"): foreach(select_where("bukti_bayar",array(" status" => "pending")) as $row): <td> echo $no++; </td> <td> echo $row['no_surat']; </td> <button name="terima" value="terima" class="btn btnsuccess">diterima</button> <td><b class="textwarning">belum DISETUJUI</b></td> </form> </td>

33 endforeach elseif(isset($_post['tolak']) && $_POST['tolak'] == "tolak"): foreach(select_where("bukti_bayar",array(" status" => "ditolak")) as $row): <td> echo $no++; </td> <td> echo $row['no_surat']; </td> <td><b class="textdanger">ditolak</b></td> endforeach elseif(isset($_post['terima']) && $_POST['terima'] == "terima"): $query = query_bebas("select * FROM bukti_bayar JOIN kwitansi INNER ON bukti_bayar.no_surat=kwitansi.no_surat foreach($query as $row): <td> echo $no++; </td> <td> echo $row['no_surat']; </td> <td><b class="textsuccess">diterima</b></td> <td> echo $row['no_kwitansi']; </td> endforeach else: foreach(select_where("bukti_bayar",array(" status" => "pending")) as $row): <td> echo $no++; </td> <td> echo $row['no_surat']; </td> <td><b class="textwarning">belum DISETUJUI</b></td> "); endforeach

34 </tbody> endif include "template/footer.php"; include "template/header.php"; class="row"> class="col-xs-6 colsm-6 col-md-6 col-lg-6"> class="panel panel-default"> class="panel-body"> <form method="post" role="form" class="form-inline"> <legend>formulir PENGISIAN DATA PERJALANAN</legend> </label> class="form-group"> <label>no SURAT : <input type="text" class="form-control" name="no_surat"> <button type="submit" name="cek_surat" class="btn btnprimary">cek SURAT</button> </form> $form = ""; $nomor = ""; if(isset($_post['cek_surat'])){ $no_surat = strtoupper($_post['no_surat']); $ambil = select_where("surat_tugas", array("no_surat" => $no_surat)); = TRUE; = $no_surat; if($ambil){ else{ $form $nomor $form = FALSE; if ($form == TRUE): <form method="post" role="form" enctype="multipart/form-data"> <input type="hidden" name="no_surat" value="<? php echo $nomor; "> class="form-group"> <label >KETERANGAN BIAYA PERJALANAN</label> <textarea name="keterangan" id="inputketerangan" class="form-control" rows="3" required="required"></textarea> class="form-group"> <label >BUKTI PEMBAYARAN</label> <input type="file" class="form-

35 control" name="bukti_bayar" required="required"> class="form-group"> <label >BUKTI PERJALANAN</label> <input type="file" class="formcontrol" name="bukti_perjalanan" required="required"> $lower_bp = strtolower($nama_bp); $exp_bb = explode('.', $lower_bb); $exp_bp = explode('.', $lower_bp); = end($exp_bb); $extensi_bb <button type="submit" name="simpan_bukti" class="btn btn-primary">kirim</button> </form> endif = end($exp_bp); = array('pdf'); $extensi_bp $list_extensi if (isset($_post['simpan_bukti'])) { $nama_bb = $_FILES['bukti_bayar']['name']; $nama_bp = $_FILES['bukti_perjalanan'] ['name']; ['size']; $ukuran_bb = $_FILES['bukti_bayar']['size']; $ukuran_bp = $_FILES['bukti_perjalanan'] $tmp_bb = $_FILES['bukti_bayar'] ['tmp_name']; $tmp_bp = $_FILES['bukti_perjalanan'] ['tmp_name']; $lower_bb = strtolower($nama_bb); if(in_array($extensi_bb, $list_extensi) == FALSE in_array($extensi_bp, $list_extensi) == FALSE ){ echo "<script>alert('file yang di upload harus PDF!');</script>"; echo "<meta http-equiv='refresh' content='0'>"; elseif($ukuran_bb > $ukuran_bp > ){ echo "<script>alert('file tidak boleh lebih dari 5 MB!');</script>"; echo "<meta http-equiv='refresh' content='0'>"; else{

36 array( $data = "no_surat" => $_POST['no_surat'], "keterangan" => $_POST['keterangan'], else{ echo "<script>alert('data Gagal Di Simpan!');</script>"; echo "<meta http-equiv='refresh' content='0'>"; "bukti_bayar" => $_POST['no_surat']."-". $nama_bb, "bukti_perjalanan_dinas" => $_POST['no_surat']."-".$nama_bp, "status" => "pending" class="col-xs-6 colsm-6 col-md-6 col-lg-6"> class="panel panel-danger"> class="panel-heading"> ); insert_data("bukti_bayar",$data); $act = if($act){ <h3 class="panel-title">ketentuan pengiriman berkas</h3> class="panel-body"> Berikut ini adalah ketentuan untuk mengirim berkas data perjalanan dinas move_uploaded_file($tmp_bb,"assets/uplo ads/".$data['no_surat']."-".$nama_bb); move_uploaded_file($tmp_bp,"assets/uplo ads/".$data['no_surat']."-".$nama_bp); echo "<script>alert('data Berhasil Di Simpan!');</script>"; echo "<meta http-equiv='refresh' content='0'>"; <ol> <li>scan surat bukti perjalanan dinas yang sudah ditandatangani</li> <li>scan semua bukti pembayaran perjalanan dinas seperti tiket pesawat, tiket bus, bukti pembayaran hotel dan lainlain</li> <li>merge (gabung) semua bukti pembayaran tersebut, bisa menggunakan situs <a href=" target="blank">ini</a></li> <li>isi keterangan perjalanan beserta biaya yang dikeluarkan</li>

37 <li>unggah berkas bukti perjalanan dinas yang sudah di scan</li> <li>unggah bukti pembayaran yang sudah di merge (gabung)</li> </ol> include "template/footer.php";

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

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

Lampiran Source Code:

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

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

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

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

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

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

,.., «..»

,.., «..» ,.., 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

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

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

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

Bootstrap 1/20

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

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

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

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

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

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

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

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

Lampiran. Lampiran 1 : Database

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

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

Cara menggunakan TinyMCE

Cara menggunakan TinyMCE Cara menggunakan TinyMCE Oleh: Shidqi Halo semua kali ini gw mau share cara menggunakan tinymce apa itu tinymce? berikut penjelasanya dari wikipedia TinyMCE is a platform-independent, browser-based WYSIWYG

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

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

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

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

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

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

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

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

CSC Web Technologies, Spring HTML Review

CSC Web Technologies, Spring HTML Review CSC 342 - Web Technologies, Spring 2017 HTML Review HTML elements content : is an opening tag : is a closing tag element: is the name of the element attribute:

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

DOKUMEN TIDAK TERKAWAL

DOKUMEN TIDAK TERKAWAL Halaman: 1/12 Tujuan : Arahan kerja ini adalah untuk menerangkan tatacara pendaftaran ID Pengguna di dalam Sistem Kewangan SAGA (Standard Accounting for Government Agencies) Universiti Putra Malaysia bagi

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

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

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

Basic Bootstrap Classes

Basic Bootstrap Classes .container Basic Bootstrap Classes sets fixed width to an element (which changes depending on a screen size to other fixed values, so it's still responsive) on all screen sizes except xs - on xs, the width

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

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

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

Pratikum 8. Membuat Transaksi Penjualan

Pratikum 8. Membuat Transaksi Penjualan Pratikum 8 Membuat Transaksi Penjualan Transaksi adalah Hubungan tabel satu dengan yang lain menjadi sebuah form, di dalam form tersebut mengambil beberapa field dari tabel lain sehingga menjadi satu inputan.

More information

PANDUAN PENGGUNA (PENSYARAH)

PANDUAN PENGGUNA (PENSYARAH) Classroom Reservation User Manual (HEA) PANDUAN PENGGUNA (PENSYARAH) Table of Contents CLASSROOM RESERVATION MANAGEMENT SYSTEM - APLIKASI... 2 Apa itu CRMS?... 2 CRMS Feature Summary... 3 CRMS LOGIN...

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

[PDF] PHP MYSQL SCHOOL MANAGEMENT SYSTEM

[PDF] PHP MYSQL SCHOOL MANAGEMENT SYSTEM 26 December, 2017 [PDF] PHP MYSQL SCHOOL MANAGEMENT SYSTEM Document Filetype: PDF 168.42 KB 0 [PDF] PHP MYSQL SCHOOL MANAGEMENT SYSTEM A Library Management System with PHP and MySQL ###Purpose of the Project

More information

Panduan Menggunakan Autoresponder FreeAutobot.com

Panduan Menggunakan Autoresponder FreeAutobot.com Panduan Menggunakan Autoresponder FreeAutobot.com Dengan memperolehi e-book ini, anda mempunyai kebenaran untuk memberi secara percuma kepada pelanggan anda atau tawarkan sebagai bonus kepada pembelian

More information

REGISTRATION GUIDE MCIS CUSTOMER PORTAL. Page 1

REGISTRATION GUIDE MCIS CUSTOMER PORTAL. Page 1 REGISTRATION GUIDE MCIS CUSTOMER PORTAL Page 1 Customer Portal Registration Guide Go to www.mcis.my and click the Customer Portal tab Page 2 Customer Portal Registration Guide 1. The page shown below will

More information

Manual Pengguna. PCN Online Service Fulfillment System

Manual Pengguna. PCN Online Service Fulfillment System System 1 Subjek Muka Surat 1) CARTA ALIR SISTEM 2 2) PERMOHONAN OLEH AGENSI 3 3) PENGESAHAN PERMOHONAN OLEH MAMPU 8 4) LAMPIRAN 13 2 Carta alir sistem 3 PERMOHONAN OLEH AGENSI 4 Membuat permohonan baru

More information

PANDUAN PENGGUNA (PENTADBIR SYSTEM/SYSTEM ADMINISTRATOR) (INFOTECH, BPPF DAN POLIS

PANDUAN PENGGUNA (PENTADBIR SYSTEM/SYSTEM ADMINISTRATOR) (INFOTECH, BPPF DAN POLIS Classroom Reservation User Manual (HEA) PANDUAN PENGGUNA (PENTADBIR SYSTEM/SYSTEM ADMINISTRATOR) (INFOTECH, BPPF DAN POLIS Table of Contents CLASSROOM RESERVATION MANAGEMENT SYSTEM - APLIKASI... 2 Apa

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

LAMPIRAN Kode Program

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

More information

index.php pemetaan Gizi Palembang

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

P - 13 Bab 10 : PHP MySQL Lanjut (Studi Kasus)

P - 13 Bab 10 : PHP MySQL Lanjut (Studi Kasus) P - 13 Bab 10 : PHP MySQL Lanjut (Studi Kasus) 10.1 Tujuan Mahasiswa mampu : Mengetahui dan Memahami Integrasi PHP dengan MySQL Mengetahui dan Memahami Relasi Dengan phpmyadmin Designer Mengetahui dan

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

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

home.php 1/1 lectures/6/src/ include.php 1/1 lectures/6/src/

home.php 1/1 lectures/6/src/ include.php 1/1 lectures/6/src/ home.php 1/1 3: * home.php 5: * A simple home page for these login demos. 6: * David J. Malan 8: * Computer Science E-75 9: * Harvard Extension School 10: */ 11: // enable sessions 13: session_start();

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

Chapter 16 Mobile Web Page

Chapter 16 Mobile Web Page Sungkyunkwan University Chapter 16 Mobile Web Page Prepared by J. Jung and H. Choo Web Programming Copyright 2000-2018 Networking 2000-2012 Networking Laboratory Laboratory 1/26 Native App vs. Mobile Web

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

Visitor Management System

Visitor Management System WWW.VALLINME.COM Visitor Management System Ver 1.0 Mohd Noor Azam 18-03-2015 [Type the abstract of the document here. The abstract is typically a short summary of the contents of the document. Type the

More information

PANDUAN PENGGUNA (SUPPLIER) e-purchase ORDER FOR SERVICES

PANDUAN PENGGUNA (SUPPLIER) e-purchase ORDER FOR SERVICES PANDUAN PENGGUNA (SUPPLIER) e-purchase ORDER FOR SERVICES SUPPLIER RELATIONSHIP MANAGEMENT SUPPLY CHAIN MANAGEMENT SYSTEM (SCMS) DISEDIAKAN OLEH: UNIT SUPPLY CHAIN MANAGEMENT (SCM) JABATAN SOURCING CONTROLLER

More information

Pengguna akan diberikan Username dan Password oleh Administrator untuk login sebagai admin/conference Manager bagi conference yang akan diadakan.

Pengguna akan diberikan Username dan Password oleh Administrator untuk login sebagai admin/conference Manager bagi conference yang akan diadakan. Conference Manager Roles Guide - PENGGUNA MANUAL Login. Pengguna akan diberikan Username dan Password oleh Administrator untuk login sebagai admin/conference Manager bagi conference yang akan diadakan.

More information

CSS often uses hyphens in CSS property names but JavaScript uses camel case, e.g. color: blue; p { <!DOCTYPE html> <meta charset="utf-8" /> <head>

CSS often uses hyphens in CSS property names but JavaScript uses camel case, e.g. color: blue; p { <!DOCTYPE html> <meta charset=utf-8 /> <head> 1 of 9 CS1116/CS5018 Web Development 2 Dr Derek Bridge School of Computer Science & Information Technology University College Cork Recap To find nodes: queryselector, queryselectorall To create new element

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

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

Advantages: simple, quick to get started, perfect for simple forms, don t need to know how form model objects work

Advantages: simple, quick to get started, perfect for simple forms, don t need to know how form model objects work 1 Forms 1.1 Introduction You cannot enter data in an application without forms. AngularJS allowed the user to create forms quickly, using the NgModel directive to bind the input element to the data in

More information

HTML 5.0 KKCC INFO SYSTEMS. K.SrinivasaRao

HTML 5.0 KKCC INFO SYSTEMS. K.SrinivasaRao HTML 5.0 KKCC INFO SYSTEMS K.SrinivasaRao Document Type Declaration

More information

Lecture : 3. Practical : 2. Course Credit. Tutorial : 0. Total : 5. Course Learning Outcomes

Lecture : 3. Practical : 2. Course Credit. Tutorial : 0. Total : 5. Course Learning Outcomes Course Title Course Code WEB DESIGNING TECHNOLOGIES DCE311 Lecture : 3 Course Credit Practical : Tutorial : 0 Total : 5 Course Learning Outcomes At end of the course, students will be able to: Understand

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

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

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

Creating HTML files using Notepad

Creating HTML files using Notepad Reference Materials 3.1 Creating HTML files using Notepad Inside notepad, select the file menu, and then Save As. This will allow you to set the file name, as well as the type of file. Next, select the

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

Registration of Supplier (ROS) TM Supplier Registration Renewal via SUS Portal (Pembaharuan Pendaftaran Pembekal TM melalui SUS Portal)

Registration of Supplier (ROS) TM Supplier Registration Renewal via SUS Portal (Pembaharuan Pendaftaran Pembekal TM melalui SUS Portal) TM SUPPLIER REGISTRATION RENEWAL VIA SUPPLIER SELF-SERVICE (SUS) PORTAL USER GUIDE PEMBAHARUAN PENDAFTARAN PEMBEKAL TM MELALUI SUPPLIER SELF-SERVICE (SUS) PORTAL PANDUAN PENGGUNA Getting Started Step by

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

Understanding this structure is pretty straightforward, but nonetheless crucial to working with HTML, CSS, and JavaScript.

Understanding this structure is pretty straightforward, but nonetheless crucial to working with HTML, CSS, and JavaScript. Extra notes - Markup Languages Dr Nick Hayward HTML - DOM Intro A brief introduction to HTML's document object model, or DOM. Contents Intro What is DOM? Some useful elements DOM basics - an example References

More information

I completely understand your anxiety when starting learn codeigniter.

I completely understand your anxiety when starting learn codeigniter. I completely understand your anxiety when starting learn codeigniter. Confused, what have to know, and don't know start from where. The good news, In this tutorial, I will share with you how to start learning

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

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

User manual Scilab Cloud API

User manual Scilab Cloud API User manual Scilab Cloud API Scilab Cloud API gives access to your engineering and simulation knowledge through web services which are accessible by any network-connected machine. Table of contents Before

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

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

BOOTSTRAP RESPONSIVE.

BOOTSTRAP RESPONSIVE. BOOTSTRAP RESPONSIVE sandilyaponukumati@gmail.com BOOTSTRAP Twitter Bootstrap is the most popular front end frameworks currently. It is sleek and powerful mobile first front-end framework for faster and

More information

APPENDIX. dbskripsi.sql CREATE DATABASE drop database if exists dbskripsi; create database dbskripsi; use dbskripsi;

APPENDIX. dbskripsi.sql CREATE DATABASE drop database if exists dbskripsi; create database dbskripsi; use dbskripsi; APPENDIX dbskripsi.sql CREATE DATABASE drop database if exists dbskripsi; create database dbskripsi; use dbskripsi; PROCEDURE CREATE TABLES delimiter $$ create procedure spfirsttimerunning() begin drop

More information

Lecture 7. Action View, Bootstrap & Deploying 1 / 40

Lecture 7. Action View, Bootstrap & Deploying 1 / 40 Lecture 7 Action View, Bootstrap & Deploying 1 / 40 Homeworks 5 & 6 Homework 5 was graded Homework 6 was due last night Any questions? 2 / 40 How would you rate the di culty of Homework 6? Vote at http://pollev.com/cis196776

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

Chapter4: HTML Table and Script page, HTML5 new forms. Asst. Prof. Dr. Supakit Nootyaskool Information Technology, KMITL

Chapter4: HTML Table and Script page, HTML5 new forms. Asst. Prof. Dr. Supakit Nootyaskool Information Technology, KMITL Chapter4: HTML Table and Script page, HTML5 new forms Asst. Prof. Dr. Supakit Nootyaskool Information Technology, KMITL Objective To know HTML5 creating a new style form. To understand HTML table benefits

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

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

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

More information