Membuat Antrian PTSP part 1

Bismillahirrahmanirrahim.

aplikasi ini adalah lanjutan dari sistem yang sebelumnya telah dibuat dan dikembangkan. untuk memulai desain Antrian PTSP ini harus terlebih dahulu mempunyi file aplikasi PTSP yang bisa di download disini.

Berikut silahkan ikutin step by step

– Download bootstrap 4.2.x atau klik disini

– Ekstrak Bootstrap didalam folder aplikasi (ptsp) usahakan nama yang digunakan untuk menampung folder css dan js adalah bootstrap4, lihat gambar dibawah ini

 

– kemudian selanjutnya buat tabel baru dengan nama tbl_antrian_depan didalam database ptsp yang sebelumnya sudah di import

CREATE TABLE `tbl_antrian_depan` (
  `ad_id` bigint(10) NOT NULL,
  `ad_nomor` varchar(10) DEFAULT NULL,
  `ad_jenis_id` int(1) DEFAULT NULL,
  `ad_jenis_nama` varchar(50) DEFAULT NULL,
  `ad_tgl` datetime DEFAULT NULL,
  `ad_status` int(11) DEFAULT NULL,
  `ad_ke` int(11) DEFAULT NULL COMMENT 'panggilan ke'
) ENGINE=InnoDB DEFAULT CHARSET=latin1;

--
-- Indexes for dumped tables
--

--
-- Indexes for table `tbl_antrian_depan`
--
ALTER TABLE `tbl_antrian_depan`
  ADD PRIMARY KEY (`ad_id`);

– selanjutnya buat folder baru dengan nama antrian_depan di dalam folder aplikasi (ptsp) lokasi di application/tray_app/antrian_depan, di dalam folder antrian_depan buat 3 buah folder baru masing-masing diberi nama models, views, dan controllers.

– setelah folder MVC dibuat, disinilah nanti setelah code PHP akan dibuat dan dijalankan menurut tugasnya masing-masing

– untuk tahap pertema kita akan mulai desain tampilkan (views)

– silahkan buat file baru dengan nama v_antrian_depan.php didalam folder views (application/tray_app/antrian_depan/views/)

<?php 
  $fav = $this->db->query("SELECT gambar FROM tbl_pengaturan WHERE id = 7")->row()->gambar;
  $sistem = $this->db->query("SELECT * FROM tbl_pengaturan WHERE id = 14")->row();
  $instansi = $this->db->query("SELECT * FROM tbl_pengaturan WHERE id = 11")->row();
?>
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title><?php echo $sistem->judul.' | '.$sistem->deskripsi;?></title>
  <!-- Tell the browser to be responsive to screen width -->
  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<!--=================================================================-->
  <link rel="icon" type="image/png" href="<?php echo base_url('img/'.$fav);?>"/>
<!--=================================================================-->
  <link rel="stylesheet" href="<?php echo base_url('bootstrap4/css/bootstrap.min.css');?>">
  <link rel="stylesheet" href="<?php echo base_url();?>bower_components/font-awesome/css/font-awesome.min.css">

</head>
<body>
<div class="container">
<h1 align="center">SELAMAT DATANG DI PTSP<br/>
<?php echo strtoupper($instansi->keterangan);?></h1>
<hr/>
<div class="row" style="text-align: center;">
  <div class="col-md alert btn-lg btn-info" style="height: 300px;color:white;">
    <b style="font-size:30px;">MEJA INFORMASI</b><br/><br/>
    <i class="fa fa-info-circle" style="font-size:40px;"></i><br/><br/>
    <a href="#" class="btn btn-lg btn-block btn-danger">AMBIL ANTRIAN</a>
  </div>
  <div class="col-md alert btn-lg btn-danger" style="height: 300px;color:white;">
    <b style="font-size:30px;">LAYANAN PENGADUAN</b><br/><br/>
    <i class="fa fa-ticket" style="font-size:40px;"></i><br/><br/>
    <a href="#" class="btn btn-lg btn-block btn-info">AMBIL ANTRIAN</a>
  </div>
  <div class="col-md alert btn-lg btn-success" style="height: 300px;color:white;">
    <b style="font-size:30px;">PENDAFTARAN PERKARA</b><br/><br/>
    <i class="fa fa-book" style="font-size:40px;"></i><br/><br/>
    <a href="#" class="btn btn-lg btn-block btn-warning" style="color:white;">AMBIL ANTRIAN</a>
  </div>
  <div class="col-md alert btn-lg btn-warning" style="height: 300px;color:white;">
    <b style="font-size:30px;">PRODUK PENGADILAN</b><br/><br/>
    <i class="fa fa-file" style="font-size:40px;"></i><br/><br/>
    <a href="#" class="btn btn-lg btn-block btn-success">AMBIL ANTRIAN</a>
  </div>
</div>
<hr/>
</div> <!-- end container -->
</body>
</html>

– selanjutnya buat controller untuk memanggil view yang telah dibuat tersebut, buat file baru dengan nama Antrian_depan.php (huruf pertama harus kapital) didalam folder controllers (application/tray_app/antrian_depan/controllers/)

<?php if (!defined('BASEPATH')) exit('No direct script access allowed');

class Antrian_depan extends CI_Controller
{
    function __construct()
    {
        parent::__construct();
    }

    public function index()
    {
        $data = array(

        );
    $this->load->view('antrian_depan/v_antrian_depan',$data);
  }

}

hasil yang didapat harusnya seperti pada gambar dibawah ini.

sampai disini kita telah berhasil membuat controllers dan views pada calon antrian PTSP. selanjutnya akan dikembangkan lagi setiap kali saya melakukan update terhadap sistem.

referensi

Recommended For You

About the Author: adyrhs

Leave a Reply

Your email address will not be published. Required fields are marked *