Monday 12 October 2015

Aplikasi CRUD sederhana dengan CodeIgniter (PART 1)

CRUD adalah singkatan dari Create, Read, Update dan Delete yang merupakan fungsi dasar dalam sebuah database.
Peralatan :
  • Text Editor : notepad++, sublime tedxt atau sebagainya
  • PHP server, Database MYSQL : bisa menggunakan XAMP/ WAMP / 
Bahan-bahan:
  • Code Igniter versi terbaru (http://www.codeigniter.com/)

CREATE 

 Pertama kita akan membuat fungsi penginputan data. Fungsi yang digunakan adalah 'insert'
  1. Buat Database namanya : ci
    kemudian buat tabel 'buku' dengan ketentuan sebagai berikut









  2. Lakukan perubahan pada file autoload.php yang ada di [Aplikasi Codeigniter]/application/config/autoload.php 
  3. berfungsi untuk memuat library basis data untuk dapat digunakan
    fungsinya untuk memuat helper-helper yang sering digunakan.
  4. Lakukan perubahan pada file database.php yang ada di [Aplikasi Codeigniter]/application/config/database.php

  5. Membuat Controler Buku. Buat file buku.php di [Aplikasi Codeigniter]/application/controller
    <?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');
    class Buku extends CI_Controller {
    public function __construct() {
     parent::__construct(); 
     $this->load->model('m_buku'); 
    }
     public function index() {
     $data['judul'] = 'TOKO BUKU'; 
     $this->load->view('v_buku', $data);
     }
     public function v_tambah(){
     $data['judul'] = 'TOKO BUKU'; 
    $this->load->view('v_tambah', $data); 
    }
    public function proses_tambah(){
     $this->load->model('m_buku','',TRUE); 
     $this->m_buku->tambah_buku();
     redirect('buku','refresh');
     }
     }
    ?>
    Font yang bercentak merah adalah nama file model yang akan kita buat nanti
    Font yang bercentak hijau adalah nama file view buku yang akan kita buat nanti
    Font yang bercentak biru adalah nama file view tambah yang akan kita buat nanti

  6. Lakukan perubahan pada routes.php yang ada di [Aplikasi Codeigniter]/application/config/routes.php 
  7. sesuaikan dengan nama controller yang telah di buat tadi

  8. Membuah view v_buku.php di [Aplikasi Codeigniter]/application/views (v_buku.php adalah halaman awal yang akan di tampilkan)
    <html>
     <head>
     <title> <? echo"$judul";?>
     </title> 
    </head> 
    <body> 
    <header> 
    <h1> <? echo"$judul";?> </h1>
     </header> 
    <?php echo anchor('buku/v_tambah',"Tambah Buku");?> </body> </html>
    </body>
    </html>
    font yang bercetak biru berfungsi untuk melink kan ke views v_tambah.php
  9. Membuat view v_tambah.php di [Aplikasi Codeigniter]/application/views (v_tambah.php adalah halaman untuk menambah data)
    <html>
    <head>
     <title> <? echo"$judul";?> 
    </title>
     <head>
     <body>
    <header> 
     <h1> <? echo"$judul";?> </h1> 
    </header>
     <h3> Tambah Buku Baru </h3>
     <?php echo form_open('buku/proses_tambah') ?> 
    <table>
     <tr>
    <td width ="70px"> ID_Buku </td> 
    <td>: <input type="text" name="ID_Buku" value="" size="30"/> </td>
     </tr>
     <tr> 
    <td> Judul </td> 
     <td>: <input type="text" name="Judul" value="" size="30"/></td>
     </tr>
     <tr> 
    <td> Pengarang </td>
     <td>: <input type="ttext" name="Pengarang" value="" size="30"/></td>
     </tr>
     <tr> 
     <td> Kategori </td> 
    <td>: <input type="text" name="Kategori" value="" size="30"/></td> 
     </tr> 
    <tr>
     <td><input type="submit" name="simapn" value="simpan"/></td>
     </tr>
     </table>
    </form>
     </body>
    </html>

  10. Membuat file model m_buku.php di [Aplikasi Codeigniter]/application/model
    <?php
    Class M_buku extends CI_Model{
     public function __construct() {
     $this->load->database();
     }
     function tambah_buku(){
    $data = array(
     'ID_Buku' => $this->input->post('ID_Buku'),
     'Judul' => $this->input->post('Judul'),
     'Pengarang' => $this->input->post('Pengarang'), 
    'Kategori' => $this->input->post('Kategori')
     );
     return $this->db->insert('buku', $data); 
    }
     }
     ?>
akhinya fungsi penginputan data selesai
 bisa di cek di http://localhost/[Aplikasi Codeigniter]

Tampilan awal (v_buku.php)
Tampilan penginputan data (v_tambah.php)

Sunday 11 October 2015

Membuat tampilan CodeIgniter dengan Bootstrap
















Kali ini kita akan membahas penggabungan Bootstrap dengan CodeIgniter
  1. Langkah pertama kita siapkan :
      • Bootstrap (download di :http://getbootstrap.com/)
      • JQuery 
      • Code Igniter(download di :http://www.codeigniter.com/)
  2. Instalkan Code Igniter yang sudah di download lalu simpan di folder htdocs (saya beri nama folder 'CI_Study')
  3. Buat folder 'assets' di dalam folder 'CI_Study' untuk menyimpan bootstrap yang sudah di instal
  4. Copykan script di bawah untuk menyambungan dengan bootstrap. copykan di file yang akan di jadikan views dalam code igniter
  5. <link rel="stylesheet" href="assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="assents/css/bootstrap-theme.min.css">
    <script src="assets/js/jquery.min.js"></script>
    <script src="assets/js/bootstrap.min.js"></script>
  6. Untuk tampilan bootstrap kita bisa lihat beberapa templatenya di website bootstrap (http://www.tutorialrepublic.com/twitter-bootstrap-tutorial/)

Thursday 8 October 2015

Code Igniter

CodeIgniter adalah framework yang bekerja dengan menggunakan PHP (Hypertext Preprocessor). PHP sendiri adalah sebuah bahasa pemrograman yang banyak dipergunakan dalam pembuatan website dinamis. CodeIgniter memudahkan programmer dalam mengembangkan aplikasi secara cepat tanpa harus melakukan pemrograman dari nol. Dengan demikian, programmer PHP yang telah memiliki dasar pemrograman, dapat bekerja lebih cepat menghasilkan aplikasi yang dibutuhkan.
Code Igniter dapat di download langsung di web official CodeIgniter yaitu http://www.codeigniter.com/ .
Disini juga saya menyediakan beberapa modul panduan Code Igniter yang sudah saya download dari website lain

Download Modul Disini

Password : adiliatrizkya

Wednesday 7 October 2015

Membuat konfirmasi Hapus dengan Code Igniter, PHP dan Javascript

Ketika akan melakukan penghapusan sebuah data dalam database, kita harus berhati-hati. jika kita salah menghapus maka data tersebut akan hilang dan sangat sulit untuk di kembalikan lagi, untuk mencegah hal itu terjadi adalah dengan cara memberikan konfirmasi kepada user sebelum menghapus data. berikut ini adalah code sederhana
  • Menggunakan Code Igniter
        Berikut adalah kode JavaScript untuk memunculkan Jendela Konfirmasi
        dan berikut adalah penempatan kode PHP untuk tombol hapus
  • Menggunakan PHP
         Berikut adalah kode JavaScript untuk menampilkan jendela konfirmasi
        dan berikut adalah penempatan kode PHP untuk tombol hapus

Semoga Bermanfaat !!!

luvne.com luvne.com ayeey.com cicicookies.com mbepp.com kumpulanrumusnya.comnya.com.com