Home / Tutorial Pemrograman / Tutorial Membuat Web Pendaftaran Kursus Menggunakan Codeigniter: CRUD Data Peserta [Bagian 17]

Tutorial Membuat Web Pendaftaran Kursus Menggunakan Codeigniter: CRUD Data Peserta [Bagian 17]

Tutorial By yunanhlmi

Last updated on Maret 18th, 2021

Artikel sebelumnya telah menjelaskan tugas pertama dari administrator website pendaftaran kursus untuk mengatur jadwal yang tersedia.

Tugas lain dari admin adalah megecek data peserta yang akan mengikuti materi kursus. Untuk mengingatkan kembali materi mengenai proses pembuatan website pendaftaran ini, penulis telah memberika link artikel yang tersedia dibawah ini.

CARA MENAMPILKAN, MENGEDIT DAN MENHAPUS DATA PESERTA

1. Menambahkan kodingan berikut di dalam file Welcome.php yang terdapat di dalam folder C:\xampp\htdocs\inwepo\application\controllers\admin.

 function peserta()
  {
    $query = $this->admin_peserta->selectAll();
    $data['peserta']=$query;
    $user = $this->session->userdata('username');
    $this->data['pengguna'] = $this->m_login->data($user);
    $this->load->view('admin/header',$this->data);
    $this->load->view('admin/peserta',$data);
    $this->load->view('admin/footer');
  }
  function hapus_ps($id)
  {
        $this->admin_peserta->delete($id);
        redirect('admin/welcome/peserta');
  }
  function ubah_ps($id) 
  {
         if($_POST==NULL) {
            $data['peserta'] = $this->admin_peserta->select($id);
            $user = $this->session->userdata('username');
            $this->data['pengguna'] = $this->m_login->data($user);
            $this->load->view('admin/header',$this->data);
            $this->load->view('admin/edit_peserta',$data);
            $this->load->view('admin/footer');
        }else {
            $npm=$this->input->post('npm');
            $nama=$this->input->post('nama');
            $nm_kursus=$this->input->post('nm_kursus');
            $periode=$this->input->post('periode');
            $kelas=$this->input->post('kelas');
            $jurusan=$this->input->post('jurusan');
            $this->admin_peserta->update($id,$npm,$nama,$nm_kursus,$periode,$kelas,$jurusan); 
            redirect('admin/welcome/peserta');
        }
  }

2. Membuat file Admin_peserta.php di dalam folder C:\xampp\htdocs\inwepo\application\models.

<?php
class admin_peserta extends CI_Model{
function selectAll()
{	  		
	$this->db->order_by("id","asc");
	return $this->db->get('peserta')->result();
}
function delete($id) 
{
	$this->db->delete('peserta', array('id'=>$id));
}
function update($id,$npm,$nama,$nm_kursus,$periode,$kelas,$jurusan)
{
	$data = array(
	'npm'=>$npm,
	'nama'=>$nama,
	'nm_kursus'=>$nm_kursus,
	'periode'=>$periode,
	'kelas'=>$kelas,
	'jurusan'=>$jurusan,
	);
	$this->db->where('id',$id)->update('peserta', $data);
}
function select($id) 
{
	return $this->db->get_where('peserta', array('id'=>$id))->row();
}
}

3. Membuat tampilan peserta.php untuk menampilkan data peserta yang telah mendaftar materi kursus yang diinginkan di dalam folder C:\xampp\htdocs\inwepo\application\views\admin.

<div id="page-wrapper">
    <div class="row">
    <div class="col-md-12">
    <h2 class="page-header">
    Kursus  <small>Data Peserta</small>
    </h2>
    </div>
</div> 
<!-- /. ROW  -->
    <div class="row">
        <div class="col-md-12">
            <div class="panel panel-default">
                <div class="panel-heading">
                </div>
            <div class="panel-body">
        <div class="table-responsive">
            <table class="table table-striped table-bordered table-hover" >
            <thead>
                <tr class="danger">
                    <th><b>No</b></th>
                    <th><b>NPM</b></th>
                    <th><b>Nama</b></th>
                    <th><b>Nama Kursus</b></th>
                    <th><b>Kelas</b></th>
                    <th><b>Jurusan</b></th>
                    <th><b>Aksi</b></th>
                    </tr>
            </thead>

Maka ketika dibuka URL http://localhost/inwepo/admin/welcome/peserta akan muncul halaman seperti ini:

4. Membuat tampilan edit_peserta.php untuk menampilkan data peserta yang telah mendaftar materi kursus yang diinginkan di dalam folder C:\xampp\htdocs\inwepo\application\views\admin.

<div id="page-wrapper">
    <div class ="container-fluid">
        <div class="row">
        <div class="col-lg-12">
        <h1 class="page-header" >Edit Peserta</h1>
            </div>
            <div class="row">
            <div class="col-lg-12">
            <div class="panel panel-primary">
            <div class="panel-heading">
            Silahkan mengubah peserta kursus
            </div>
            <div class="panel-body">
            <form action="<?php echo base_url()?>admin/welcome/ubah_ps/<?php  echo $peserta->id?>" method="post">
            <div class="form-group">

Jadi admin bisa mengubah nama peserta jika terjadi kesalahan. Tampilan untuk kodingan diatas akan menjadi seperti gambar dibawah ini:

Penulis juga sudah menyiapkan source code untuk tampilan diatas sehingga pembaca bisa men-downloadnya. Hal itu juga dikarenakan scrip program yang lumayan banyak, sehingga penulis hanya memasukan potongan programnya saja.

Untuk artikel selanjutnya, penulis akan memberikan function logout di dashboard admin. Artikel selanjutnya juga akan menjadi tahap terakhir dalam pembuatan website pendaftaran kursus menggunakan framework codeigniter.

Maka dari itu, jangan sampai kelewatan ya sahabat setia inwepo. Sekian dan terima kasih.