Assalamu'alaikum warahamtullah wabarakatuh
selamat datang di blog ana alirahmannyait.blogspot.com
semoga agan semua dalam keadaan sehat dan bahagia selalu, amin amin amin
nah disini ana akan memberikan sedikit tutorial dalam membuat form perkalian dan pembagian pada codeigniter
Langkah-langkah dalam membuat form perkalian dan pembagian adalah sebagai berikut
1. Download Codeigniter terlebih dahulu, disini ana memakai Codeigniter Versi 3.1.7
silahkan download dibawah ini
https://codeigniter.com/download
2. Aktifkan xampp agan
3. Copy Codeigniter yang agan download tadi kedalam file C:\xampp\htdocs\codeigniter
file codeigniter terserah agan mau merubah jadi apa, ana disini tetap memakai nama codeigniter
4. untuk obrak abrik kodingnya ana disini memakai sublime text 2, bisa agan download terlebih dahulu jika tidak mempunya software tersebut
5. jika sudah agan download semua file yang ana minta, sekarang tiba saatnya kita siapkan segelas kopi untuk menemani kita disaat sedang ngoding, biar gak terasa hampa hehehe
6. agan buka sublime text
klik file kemudian open folder nah pilih nama yang agan buat tadi
7. Tambah library auto helper autoload.php di c:/xamp/htdocs/codeigniter/application/
config :
$autoload['helper'] = array('url','form');
8. Ubah file : Routes.php menjadi di bawah ini :
9. Ubah controller awal.php di c:/xamp/htdocs/codeigniter/application/controller :
<?php
defined('BASEPATH') OR exit('No direct script access allowed');
class Awal extends CI_Controller {
function __construct()
{
parent::__construct();
$this->load->helper(array('url','form'));
}
function index()
{
$this->load->view('awal');
}
function perkalian()
{
$data['bil1']=(int)$this->input->post('bil1', true);
$data['bil2']=(int)$this->input->post('bil2', true);
$data['hasil']=$data['bil1']*$data['bil2'];
$this->load->view('perkalian',$data);
}
function pembagian()
{
$data['bil1']=(int)$this->input->post('bil1', true);
$data['bil2']=(int)$this->input->post('bil2', true);
if ($data['bil2']>0)
$data['hasil']=$data['bil1']/$data['bil2'];
else
Pemrograman Framework – Program Studi Teknik Informatika – S1
Oleh : Ali Rahman Saputra , S.Kom,
$data['hasil']='Error, bilangan 2 tidak boleh 0 ...!!!';
$this->load->view('pembagian',$data);
}
}
10. Ubah View awal.php di c:/xamp/htdocs/codeigniter/application/view/ menjadi sebagai berikut :
<?php
defined('BASEPATH') OR exit('No direct script access allowed');
?><!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>Code Igniter</title>
<style type="text/css">
body {
background-color: #fff;
margin: 40px;
font-family: Lucida Grande, Verdana, Sans-serif;
font-size: 14px;
color: #4F5155;
}
a {
color: #003399;
background-color: transparent;
font-weight: normal;
}
h1 {
color: #444;
background-color: transparent;
border-bottom: 1px solid #D0D0D0;
font-size: 16px;
font-weight: bold;
margin: 24px 0 2px 0;
padding: 5px 0 6px 0;
}
</style></head>
<body>
<h1>Selamat Datang</h1>
<p>Silahkan pilih menu dibawah ini :</p>
<ul><li><?php echo anchor('awal/perkalian','Perkalian'); ?>
<li><?php echo anchor('awal/pembagian','Pembagian'); ?>
å</ul>
<p><br />Halaman ditampilkan dalam {elapsed_time} detik</p>
</body>
</html>
11. Buat file baru bernama perkalian.php di c:/xamp/htdocs/codeigniter/application/view/ dan isinya adalah:
<?php
defined('BASEPATH') OR exit('No direct script access allowed');
?><!DOCTYPE html><html lang="en">
Pemrograman Framework – Program Studi Teknik Informatika – S1
Oleh : Astrid Novita Putri , S.Kom, M.Kom 3
<head>
<meta charset="utf-8">
<title>Code Igniter</title>
<style type="text/css">
body { background-color: #fff;
margin: 40px;
font-family: Lucida Grande, Verdana, Sans-serif;
font-size: 14px;
color: #4F5155; }
a { color: #003399;
background-color: transparent;
font-weight: normal; }
h1 { color: #444;
background-color: transparent;
border-bottom: 1px solid #D0D0D0;
font-size: 16px;
font-weight: bold;
margin: 24px 0 2px 0;
padding: 5px 0 6px 0; }
</style></head>
<body>
<h1>Perkalian</h1>
<p>Silahkan masukan data berikut :</p>
<?php echo form_open('awal/perkalian'); ?>
<?php echo form_input('bil1',$bil1); ?> x
<?php echo form_input('bil2',$bil2); ?> <br />
<?php echo form_submit('submit','Hitung!!!'); ?>
<?php echo form_close();?><br />
Hasil : <?php echo $hasil;?>
<br />
Kembali ke <?php echo anchor('awal','Form'); ?>
<p><br />Halaman ditampilkan dalam {elapsed_time} detik</p>
</body>
</html>
12. Buat file baru bernama pembagian.php di c:/xamp/htdocs/codeigniter/application/view/ dan isinya adalah :
<?php
defined('BASEPATH') OR exit('No direct script access allowed');
?><!DOCTYPE html><html lang="en">
<head>
<meta charset="utf-8">
<title>Code Igniter</title>
<style type="text/css">
body { background-color: #fff;
margin: 40px;
font-family: Lucida Grande, Verdana, Sans-serif;
font-size: 14px;
color: #4F5155; }
a { color: #003399;
background-color: transparent;
Pemrograman Framework – Program Studi Teknik Informatika – S1
Oleh : Astrid Novita Putri , S.Kom, M.Kom 4
font-weight: normal; }
h1 { color: #444;
background-color: transparent;
border-bottom: 1px solid #D0D0D0;
font-size: 16px;
font-weight: bold;
margin: 24px 0 2px 0;
padding: 5px 0 6px 0; }
</style></head>
<body>
<h1>Pembagian</h1>
<p>Silahkan masukan data berikut :</p>
<?php echo form_open('awal/pembagian'); ?>
<?php echo form_input('bil1',$bil1); ?> :
<?php echo form_input('bil2',$bil2); ?> <br>
<?php echo form_submit('submit','Hitung!!!'); ?>
<?php echo form_close();?><br>
Hasil : <?php echo $hasil;?>
<br />
Kembali ke <?php echo anchor('awal','Form'); ?>
<p><br />Halaman ditampilkan dalam {elapsed_time} detik</p>
</body></html>
13. taraaaa, maka hasilnya akan seperti ini
semoga artikel ini bisa membantu agan semuanya yaa
terima kasih
dan alangkah indah dan baiknya agan memberi sebuah komentar
Assalamu'alaikum Warahmatullah Wabarakatuh
