Monday, July 10, 2017

Login Multi User Codeigniter

Pada tutorial kali ini kita akan membuat login multi user pada CodeIgniter dengan database MySQL, lantas apa itu login multi user ? login multi user adalah proses mengakses suatu sistem dimana lebih dari satu pengguna dapat mengakses sistem tersbut. jadi tidak hanya satu pengguna saja, kita bisa mengakses sistem tersebut asalalkan kita memiliki sebuah akun untuk mengaksesnya.

Simak tutorial berikut untuk mempelajari Pembuatan Login Multi User pada Codeigniter dengan Database MySQL

Tutorial ini merupakan tutorial berkelanjutan, untuk melihat daftar isi silahkan baca artikel : Tutorial Pembuatan Apliakasi PPDB Online Berbasis Web Lihat Artikel )
Login Multi User Codeigniter
Login Multi User Codeigniter

Dalam tutorial kali ini saya menggunakan framework codeigniter, dengan bahasa pemrograman php. serta untuk databasenya sendiri saya menggunakan mysql. dan untuk layout dari halaman login saya menggunakan bootstrap.

Simak tutorial kali ini, untuk mempelajari pembuatan login multi user menggunakan php dan mysql pada codeigniter :

  • Pembuatan Model
    1. Buatlah sebuah file model di direktori application/models/ namai dan simpan model tersebut dengan nama MLogin.php 
    2. Masukan script di bawah ini kedalam file MLogin.php lalu simpan
      <?php
      class MLogin extends CI_Model {
      
       public function login($table, $where)
       {
        return $this->db->get_where($table, $where);
       }
       
      } 
    1. Pembuatan View
      1. Buatlah sebuah file view di direktori application/views/ namai dan simpan view tersebut dengan nama tampil_login.php
      2. Masukan script di bawah ini kedalam file tampil_login.php lalu simpan
        <!DOCTYPE html>
        <html lang="en">
          <head>
            <meta charset="utf-8">
            <meta http-equiv="X-UA-Compatible" content="IE=edge">
            <meta name="viewport" content="width=device-width, initial-scale=1">
            <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
            <meta name="description" content="">
            <meta name="author" content="">
            <link rel="icon" href="../../favicon.ico">
        
            <title><?php echo $title; ?></title>
        
            <!-- Bootstrap core CSS -->
            <link href="<?php echo base_url('assets/css/bootstrap.min.css') ?> " rel="stylesheet">
        
            <!-- Custom styles for this template -->
            <link href="<?php echo base_url('assets/css/signin.css') ?>" rel="stylesheet">
        
            <!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
            <!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
            <script src="<?php echo base_url('assets/js/ie-emulation-modes-warning.js') ?>"></script>
        
            <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
            <!--[if lt IE 9]>
              <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
              <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
            <![endif]-->
          </head>
        
          <body>
        
            <div class="container center">
                <?php echo form_open(base_url('login/aksilogin'), 'class="form-signin"'); ?>
                  <div class="panel panel-primary">
                      <div class="panel-heading">
                          <h3 class="form-signin-heading text-center"><?php echo $title; ?></h3>
                          <center>
                              <a href="<?php echo base_url('beranda'); ?>" style="color:#fff; text-decoration: none;">
                                <?php echo $web->nama_web; ?>
                              </a>
                          </center>
                      </div>
                      <div class="panel-body">
                        <?php if ($this->session->flashdata('gagal_login')) { ?>
                          <?php $this->load->view('alert/gagal_login'); ?>
                        <?php } ?>
        
                          <label for="id_user" class="sr-only">ID User</label>
                          <input type="text" id="id_user" class="form-control" placeholder="ID User" name="id_user" required autofocus>
                          <br>
                          <label for="Password" class="sr-only">Password</label>
                          <input type="password" id="password" class="form-control" placeholder="Password" name="password" required>
                          <button class="btn btn-lg btn-primary btn-block" type="submit" name="login">Masuk</button>
                      </div>
                  </div>
                <?php echo form_close(); ?>
            </div> <!-- /container -->
        
        
            <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
            <script src="<?php echo base_url('assets/js/jquery.min.js'); ?>"></script>
            <script src="<?php echo base_url('assets/js/bootstrap.min.js'); ?>"></script>
          </body>
        </html>
        
         
      1. Pembuatan Controller
        1. Buatlah sebuah file controller di direktori application/controllers/ namai dan simpan model tersebut dengan nama Login.php 
        2. Masukan script di bawah ini kedalam file Login.php lalu simpan
           <?php
          
          class Login extends CI_Controller {
          
           public function __construct()
           {
            parent::__construct();
            $this->load->model('MLogin');
            if ($this->session->userdata('status') == 'login') {
             redirect(base_url('dashboard'));
            }
           }
          
           public function index()
           {
            $data['web'] = $this->MWeb->tampil()->row();
            $data['title']  = "Login Aplikasi";
            $this->load->view('tampil_login', $data);
           }
          
           public function aksilogin()
           {
            $id_user = $this->input->post('id_user');
            $password = $this->input->post('password');
          
            $where = array(
             'id_user' => $id_user,
             'password' => md5($password)
            );
          
            $cek = $this->MLogin->login("tb_user", $where )->num_rows();
          
            if ($cek > 0 ) {
          
             $data_session = array(
              'id_user' => $id_user,
              'status' => "login"
             );
          
             $this->session->set_userdata($data_session);
             redirect(base_url('dashboard'));
            } else {
             $this->session->set_flashdata('gagal_login', 'gagal');
             redirect(base_url('login'));
            }
           }
          } 

        Baca juga artikel terkait :
        Demikian tutorial Pemembuatan Halaman Login Multi User 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