Tutorial Membuat Web Pendaftaran Kursus Menggunakan Codeigniter: Function Tambah Data Peserta [Bagian 12]

Artikel sebelumnya telah membahas bagaimana cara menampilkan jadwal kursus tersedia di dalam halaman user. Hal itu berguna untuk mengetahui materi kursus, tanggal pelaksanaan, sisa kuota serta biaya yang harus dibayar oleh pendaftar ketika ingin mengikuti kursus tersebut.

Dalam penggunaan framework codeigniter, proses tersebut dikenal dengan istilah CRUD (Create, Read, Update, Delete). Seorang programmer website dapat mengatur CRUD di dalam folder model.

Baca juga:

Materi kali ini akan membahas mengenai:

Proses Pembuatan Function Tambah Data Peserta

1. Buka kembali file M_kursus.php di dalam folder C:\xampp\htdocs\inwepo\application\models.

function tambah_peserta($npm,$nama,$nama_kursus,$kelas,$jurusan) {
	$data = array(
			'npm'=>$npm,
			'nama'=>$nama,
			'nm_kursus'=>$nama_kursus,
			'kelas'=>$kelas,
			'jurusan'=>$jurusan,
			'id_user'=>$this->session->userdata('id_user')
			);
	$this->db->insert('peserta',$data);
	$this->db->set('kuota', 'kuota-1', FALSE);
	$this->db->where('nama_kursus', $nama_kursus);
	$this->db->update('daftar_kursus');
 }

Nah, kodingan diatas berguna untuk membuat function tambah data peserta. Jadi, ketika pendaftar menekan tombol daftar yang tersedia di halaman jadwal tersedia, pengguna dapat mengisi biodata sehingga data yang di input masuk ke table peserta yang akan penulis bahas tentang proses pembuatannya di artikel selanjutnya.

2. Buka file Welcome.php Anda di dalam folder C:\xampp\htdocs\inwepo\application\controllers\user untuk menambahkan potongan program berikut:

function daftar($nm_kursus)
  {
        $nm_kursus=str_replace('%20',' ',$nm_kursus);
        $data['nm_kursus']= $nm_kursus;
        $user = $this->session->userdata('username');
                $this->data['pengguna'] = $this->m_login->data($user);
        $this->load->view('user/header',$this->data);
        $this->load->view('user/daftar_peserta', $data);
        $this->load->view('user/footer');
  }

Potongan program diatas berfungsi untuk menampilkan daftar peserta ketika pendaftar menenkan tombol daftar tadi. Selanjutnya pendaftar akan masuk ke dalam halaman untuk mengisi biodata diri.

Buka kembali file Welcome.php di dalam folder C:\xampp\htdocs\inwepo\application\controllers\user untuk menambahkan function tambah data peserta

function daftar_peserta()
  {
        $data['title']="Pendaftaran Kursus dan Workshop"; 
        $npm=$this->input->post('npm');
        $nama=$this->input->post('nm_peserta');
        $kursus=$this->input->post('nm_kursus');
        $kelas=$this->input->post('kelas');
        $jurusan=$this->input->post('jurusan');
        $periode=$this->input->post('periode');
        $this->m_kursus->tambah_peserta($npm,$nama,$kursus,$kelas,$jurusan,$periode); 
        redirect('user/welcome/daftar_peserta_kursus'); 
  }
 function daftar_peserta_kursus()
  {
        $data['title']="Data Peserta Kursus"; 
        $data['d_peserta']=$this->m_kursus->ambil();  
        $user = $this->session->userdata('username');
        $this->data['pengguna'] = $this->m_login->data($user);
        $this->load->view('user/header',$this->data);
        $this->load->view('user/form_daftar', $data);
        $this->load->view('user/footer');     
  }

Hadirnya function daftar_peserta_kursus akan menampikan form_daftar yang tersimpan di folder view.

3. Langkah terakhir adalah membuat tampilan form_daftar.php di dalam folder C:\xampp\htdocs\inwepo\application\views\user seperti berikut:

<div id="page-wrapper">
  <div class ="container-fluid">
    <div class="row">
      <div class="col-md-12">
      <h1 align="center">Data Peserta Kursus</h1>
<table class="table" border=1>
<div class="table-responsive">
  <table class="table table-striped table-bordered table-hover">
<thead>
  <tr class="progress-bar-info">
     <th>No</th>
     <th>NPM</th>
     <th>Nama</th>
     <th>Nama Kursus</th>
     <th>Kelas</th>
     <th>Jurusan</th>
     <th>Aksi</th> 
  </tr>
  </thead>
  <tbody>
  <?php 
  $no=1;
  foreach ($d_peserta->result() as $dt): ?>
  <tr>  
	<td><?php echo $no++?></td>
	<td><?php echo $dt->npm ?></td>
	<td><?php echo $dt->nama ?></td>
	<td><?php echo $dt->nm_kursus ?></td>
	<td><?php echo $dt->kelas ?></td>
  	<td><?php echo $dt->jurusan ?></td>
	<td><a href="<?php echo base_url();?>user/welcome/ubah/<?php echo $dt->id;?>" class="btn btn-sm btn-default"><span class="glyphicon glyphicon-edit"></span></a>
      <a href="<?php echo base_url();?>user/welcome/hapus/<?php echo $dt->id;?>" onClick="return checkMe()" class="btn btn-sm btn-default"><span class="glyphicon glyphicon-trash"></span></a>
            </td>
  </tr>
  <?php endforeach?>
  </tbody>
  </table>
  </div>
  </div>
</div>

Sehingga ketika pengguna telah menekan tombol daftar akan muncul tampilan seperti ini:

Form Pendaftaran Kursus

Selanjutnya, setelah mengisi biodata diri maka pendaftar dapat menekan tombol daftar yang telah tersedia di form seperti gambar diatas. Maka akan muncul ke halaman seperti ini:

Form Data Peserta Kursus

Jika terjadi kesalahan pada saat pengisian data peserta, pada artikel selanjutnya penulis akan memberikan function untuk update dan delete yang fungsinya untuk mengubah dan menghapus data pendaftara kursus tersebut.

Maka dari itu, saksian terus ya progress penulisan dari pembuatan website ini.

Komentar

Leave a Reply

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

Inwepo adalah media platform yang membantu setiap orang untuk belajar dan berbagi tutorial, tips dan trik cara penyelesaian suatu masalah di kehidupan sehari-hari dalam bentuk teks, gambar. dan video.

Dengan bergabung bersama kami dan membuat 1 tutorial terbaik yang kamu miliki dapat membantu jutaan orang di Indonesia untuk mendapatkan solusinya. Ayo berbagi tutorial terbaikmu.

Ikuti Kami di Sosmed

Copyright © 2020 Inwepo - All Rights Reserved.

To Top