CRUD - Delete - Edit - Update ~ okyuanda

Catatanku untuk pelajaran Web Dinamyc hari Jumat, 1 November 2013

Download CI lalu rename (latihan-ppdb) dan letakkan bootstrap didalamnya

1. Buat layout Web PPDB di http://www.layoutit.com/build, setelah itu kita download (fixed).
Buat layout seperti di bawah ini.

2. Jika sudah di download, simpan pada folder views. lalu edit namanya menjadi lat-ppdb.php

3. Sekarang kita buat databasenya

nama database : dbppdb2014

nama table : tb_peserta

4. Kita buat file php dengan nama admin_ppdb.php dan simpan pada bootstrap ->application-> controller

Isikan scripnya sebagai berikut

<?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');

class Admin_lat_ppdb extends CI_Controller {

public function lat_ppdb ()
{

//menyiapkan data yang akan dikirim
$data['nama']="One Khusnawati Yuanda";
$data['alamat']="Moyudan, Sleman, Yogyakarta";

//mengambil view dan menyertakan data
$this->load->view ('lat_ppdb',$data);
}
}
?>

5. Setelah itu pada file lat_ppdb.php isikan seperti ini

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>PPDB</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">

<link href="<?php echo base_url();?>bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="css/bootstrap-responsive.min.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">





<link rel="apple-touch-icon-precomposed" sizes="144x144" href="img/apple-touch-icon-144-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="img/apple-touch-icon-114-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="img/apple-touch-icon-72-precomposed.png">
<link rel="apple-touch-icon-precomposed" href="img/apple-touch-icon-57-precomposed.png">
<link rel="shortcut icon" href="img/favicon.png">

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/scripts.js"></script>
</head>

<body>

<div class="container">
<div class="row">
<div class="span12">
<div class="page-header">
<h1>
Daftar Sementara Peserta PPDB <small>PPDB 2014</small>
</h1>
<a href="<?php echo base_url();?>index.php/admin_ppdb/pes_baru/" class="btn btn-primary">Peserta Baru</a>
</div>
<table class="table table-striped table-hover">
<thead>
<tr>
<th>
#
</th>
<th>
Id
</th>
<th>
No. Daftar
</th>
<th>
Tgl. Daftar
</th>
<th>
Nama
</th>
<th>
Tempat Lahir
</th>
<th>
Tanggal Lahir
</th>
<th>
Jenis Kelamin
</th>
<th>
Aksi
</th>
</tr>
</thead>

</table>
</div>
</div>
</div>
</body>
</html>

6. Dan tampilkan