Tutorial Membuat Web Pendaftaran Kursus Menggunakan Codeigniter: Menampilkan Table Jadwal Kursus [Bagian 10]

Tutorial By yunanhlmi

Last updated on Desember 27th, 2020

Selamat berakhir pekan para pembaca setia inwepo. Pada libur akhir pekan ini, penulis masih akan melanjutkan artikel tentang cara membuat website pendaftaran kursus menggunakan framework codeigniter.

Dimana materi kali ini adalah membahas mengenai pembuatan tampilan daftar kursus yang tersedia. Untuk pembaca yang ingin mengikuti proses pembuatan website ini, penulis sarankan telah mengikuti artikel ini dari Part 1. Namun, untuk mempermudah hal tersebut, penulis telah memberikan link artikel yang akan mengingatkan cara pembuatannya.

MEMBUAT TAMPILAN JADWAL KURSUS TERSEDIA

1. Menambahkan kodingan berikut di dalam file header.php yang terdapat di dalam C:\xampp\htdocs\inwepo\application\views\user

<li>
     <a href="<?php echo base_url(); ?>user/welcome/kursus"><i class="fa fa-sitemap fa-fw"></i> Kursus<span class="fa arrow"></span></a>
     <ul class="nav nav-second-level collapse">
        <li>
            <a href="<?php echo base_url(); ?>user/welcome/kursus">Jadwal Tersedia</a>
        </li>
</li>

Tujuan dari penambahan kodingan ini adalah untuk menampilkan menu Jadwal Tersedia di dalam halaman user. Sehingga nantinya pendaftar dapat masuk dan melihat materi kursus yang tersedia.

2. Membuat function kursus di dalam file Welcome.php yang tersimpan di folder user.

function kursus()
	{
    	$query = $this->m_kursus->selectAll();
   	$data['internet'] = $this->m_kursus->selectAll($id);
    	$data['lock'] = $this->m_kursus->get_lock(); //untuk mengunci ketika kuota telah habis
   	$user = $this->session->userdata('username');
            $this->data['pengguna'] = $this->m_login->data($user);
        if($query){
        $data['internet'] = $query;
        $this->load->view('user/header',$this->data);
        $this->load->view('user/kursus',$data);
        $this->load->view('user/footer');
       }
  }

Function kursus selain berfungsi untuk memanggil tampilan jadwal yang tersedia juga digunakan untuk menampilkan table daftar_kursus yang telah dibuat yang tersimpan di folder models m_kursus. Potongan program diatas juga telah memberikan pembagian session untuk setiap user yang masuk. Sehingga nantinya data setiap user yang diproses akan berbeda satu sama lain.

3. Membuat file di dalam folder model dengan nama M_kursus.php.

<?php
class m_kursus extends CI_Model{
  function selectAll()
  {
	$this->db->order_by("id","asc");
	return $this->db->get('daftar_kursus')->result();
  }
  function get_lock()
  {	  		
	return $this->db->get('daftar_kursus')->row();
  }
}

4. Membuat file bernama kursus.php di dalam folder views/user.

<div id="page-wrapper">
  <div class ="container-fluid">
    <div class="row">
      <div class="col-md-11">
      <h1 align="center">Pendaftaran Kursus</h1>
<table class="table" border=1>
<div class="table-responsive">
  <table class="table table-striped table-bordered table-hover" id="example">
    <thead>
      <tr class="progress-bar-info">
        <th><b>No</b></th>
        <th><b>Nama Kursus</b></th>
        <th><b>Nama Laboratorium</b></th>
        <th><b>Tanggal</b></th>
        <th><b>Harga</b></th>
        <th><b>Kuota</b></th>
        <th><b>Aksi</b></th>
      </tr>
    </thead>
  <tbody>
  <?php 
  $no=1;
  foreach($internet as $b):?>
    <tr>
      <td><?php echo $no++?></td>
      <td><?php echo $b->nama_kursus?></td>
      <td><?php echo $b->lepkom?></td>
      <td><?php echo $b->periode?></td>
      <td><?php echo $b->harga?></td>
      <td><?php echo $b->kuota?></td>
      <?php if ($b->status ==1){
      echo '<td><a href="<?php echo base_url();?>user/welcome/daftar/<?php echo $b->nama_kursus;?>" disabled="disabled" class="btn btn-sm btn-default">Locked <span class="glyphicon glyphicon-remove-sign">';}
      else{?>
     <td><a href="<?php echo base_url();?>user/welcome/daftar/<?php echo $b->nama_kursus;?>" class="btn btn-sm btn-default">Daftar <span class="glyphicon glyphicon-new-window"><?php
      }?>
      </span></a>
      </td>
    </tr>
    <?php endforeach?>
  </tbody>
</table>
</div>
</div>
</div>
</div>

File kursus.php ini berfungsi untuk menampilkan table daftar_kursus. Sehingga pengguna dapat melihat jadwal apa saja yang tersedia. Pengguna juga dapat melihat kuota yang tersedia, tanggal kursus serta yang paling penting materi kursus. Nanti, jika pengguna ingin mendaftar pada materi kursus yang diinginkan, calon peserta dapat menekan tombol daftar. Kemudian akan menuju halaman selanjutnya untuk mengisi biodata diri.

Nah, untuk proses pembuatan pengisian biodata diri tersebut akan penulis bahas pada artikel selanjutnya. Maka dari itu, ikuti terus proses pembuatan website ini sampai tahap terakhir.

Akhir kata, penulis ucapkan selamat menikmati libur akhir pekan Anda.