Monday, July 10, 2017

Membuat Halaman Register / Pendaftaran di Codeigniter

Halaman Register ialah halaman yang difungsikan untuk mendaftarkan sebuah data, dan nantinya data tersebut akan disimpan kedalam sebuah database. Dalam hal ini saya buat sebuah contoh pendaftaran calon peserta didik baru yang nantinya akan mendafatar pada sekolah tertentu sebagai siswa baru.

Bagaimana cara pembuatan registrasi menggunakan Codeigniter dan Database MYSQL ? Simak tutorial berikut :

Tutorial ini merupakan tutorial berkelanjutan, untuk melihat daftar isi silahkan baca artikel : Tutorial Pembuatan Apliakasi PPDB Online Berbasis Web Lihat Artikel )
Membuat Halaman Register / Pendaftaran di Codeigniter
Membuat Halaman Register / Pendaftaran di Codeigniter

Halaman register kali ini kita buat dengan beberapa komponen yang ada di bootstrap antarai, menggunakan form, radio button, form date, select form dan textarea.
Nah dengan adanya framework ini, kita bisa membuat halaman register resposive. bukan ganya halamanya saja. tapi form yang nantinya kita buat juga akan responsive.

Langsung saja untuk tahapan pembuatan halaman awal suatu web pada codeigniter, simak tutorial tutorial berikut :

  • Pembuatan Model
    1. Buatlah sebuah file model di direktori application/models/ namai dan simpan model tersebut dengan nama MDaftar.php 
    2. Masukan script di bawah ini kedalam file MDaftar.php lalu simpan
      <?php
      defined('BASEPATH') OR exit('No direct script access allowed');
      
      class MDaftar extends CI_Model {
      
       public function simpan($data) {
        return $this->db->insert('tb_daftar', $data);
       }
      
      } 
    1. Pembuatan View
      1. Buatlah sebuah file view di direktori application/views/ namai dan simpan view tersebut dengan nama daftar.php
      2. Masukan script di bawah ini kedalam file daftar.php lalu simpan
        <h3><?php echo $title; ?></h3>
        <hr>
        <?php if ($this->session->flashdata('berhasil_simpan')) { ?>
          <?php $this->load->view('alert/berhasil_simpan'); ?>
         <?php } ?>
        <?php echo form_open(base_url('daftar'), 'class="form-horizontal"' ); ?>
         <div class="form-group">
          <label class="col-sm-2">Nama</label>
          <div class="col-sm-4">
           <input type="text" name="nama_siswa" class="form-control" placeholder="Isi Nama Anda" required="" autofocus>
          </div>
         </div>
         <div class="form-group">
          <label class="col-sm-2">Jenis Kelamin</label>
          <div class="col-sm-4">
           <input type="radio" name="kelamin_siswa" value="Pria" required=""> Pria
           <input type="radio" name="kelamin_siswa" value="Wanita" required=""> Wanita
          </div>
         </div>
         <div class="form-group">
          <label class="col-sm-2">Tanggal Lahir</label>
          <div class="col-sm-4">
           <input type="date" name="tgl_lahir_siswa" class="form-control" required="">
          </div>
         </div>
         <div class="form-group">
          <label class="col-sm-2">Agama</label>
          <div class="col-sm-4">
           <select name="agama_siswa" class="form-control" required="">
            <option></option>
            <option value="Islam">Islam</option>
            <option value="Kristen">Kristen</option>
            <option value="Katholik">Katholik</option>
            <option value="Budha">Budha</option>
            <option value="Hindu">Hindu</option>
            <option value="Konghuchu">Konghuchu</option>
           </select>
          </div>
         </div>
         <div class="form-group">
          <label class="col-sm-2">Alamat</label>
          <div class="col-sm-4">
           <textarea name="alamat_siswa" class="form-control" placeholder="Isi Alamat Anda" required=""></textarea>
          </div>
         </div>
         <div class="form-group">
          <label class="col-sm-2">Asal Sekolah</label>
          <div class="col-sm-4">
           <input type="text" name="asal_sekolah_siswa" class="form-control" placeholder="Isi Asal Sekolah Anda" required="">
          </div>
         </div>
         <div class="form-group">
          <label class="col-sm-2">No HP</label>
          <div class="col-sm-4">
           <input type="number" name="no_hp_siswa" class="form-control" placeholder="No HP" required="">
          </div>
         </div>
         <div class="form-group">
          <label class="col-sm-2">Nama Ayah</label>
          <div class="col-sm-4">
           <input type="text" name="nama_ayah_siswa" class="form-control" placeholder="Isi Nama Ayah Anda" required="">
          </div>
         </div>
         <div class="form-group">
          <label class="col-sm-2">Nama Ibu</label>
          <div class="col-sm-4">
           <input type="text" name="nama_ibu_siswa" class="form-control" placeholder="Isi Nama Ibu Anda" required="">
          </div>
         </div>
         <div class="form-group">
          <div class="col-sm-offset-2 col-sm-4">
           <input type="submit" value="Daftar" name="submit" class="btn btn-success">
           <input type="reset" value="Hapus" class="btn btn-danger">
           <a href="<?php echo base_url('beranda'); ?>" class="btn btn-warning">Batal</a>
          </div>
         </div>
        <?php echo form_close(); ?>
         
      1. Pembuatan Controller
        1. Buatlah sebuah file controller di direktori application/controllers/ namai dan simpan model tersebut dengan nama Daftar.php 
        2. Masukan script di bawah ini kedalam file Daftar.php lalu simpan
          <?php
          defined('BASEPATH') OR exit('No direct script access allowed');
          
          class Daftar extends CI_Controller {
           public function __construct()
           {
            parent::__construct();
            $this->load->model('MDaftar');
           }
          
           public function index()
           {
            $data['title'] = "Daftar Calon Peserta Didik";
            $data['web'] = $this->MWeb->tampil()->row();
            if ($this->input->post('submit')) {
          
                      $a = $this->input->post('nama_siswa');
                      $b = $this->input->post('kelamin_siswa');
                      $c = $this->input->post('tgl_lahir_siswa');
                      $d = $this->input->post('agama_siswa');
                      $e = $this->input->post('alamat_siswa');
                      $f = $this->input->post('asal_sekolah_siswa');
                      $g = $this->input->post('no_hp_siswa');
                      $h = $this->input->post('nama_ayah_siswa');
                      $i = $this->input->post('nama_ibu_siswa');
          
                      $objek = array(
                          'nama_siswa' => $a,
                          'kelamin_siswa' => $b,
                          'tgl_lahir_siswa' => $c,
                          'agama_siswa' => $d,
                          'alamat_siswa' => $e,
                          'asal_sekolah_siswa' => $f,
                          'no_hp_siswa' => $g,
                          'nama_ayah_siswa' => $h,
                          'nama_ibu_siswa' => $i
                           );
          
                      $query = $this->MDaftar->simpan($objek);
          
                      if ($query) {
                          $this->session->set_flashdata('berhasil_simpan', 'sukses');
                          redirect(base_url('daftar'));
                      }
          
                  } else {
                      $data['konten_public'] = "daftar";
             $this->load->view('template_public', $data);
                  }
           }
          
          
          } 

        Baca juga artikel terkait :
        Demikian tutorial Pemembuatan Halaman Register / Pendaftaran di Codeigniter jika anda mengalami kendala atau error anda bisa bertanya di kolom komentar. Semoga tutorial ini bermanfaat bagi anda yang sedang belajar pemrograman php khususnya Framework Codeigniter, dan apabila anda menyukai tutorial ini, silahkan untuk berlangganan artikel secara gratis dan anda dapat membagikan artikel ini di akun sosial media milik anda.


        EmoticonEmoticon