Codeigniter : Membuat kalkulator sederhana
Oleh: Meyta
Posting yang keduaa :D , belum dapet sambutan nih :( . tapi gapapa deh
usaha itu perlu ! :D Sekarang kita mau buat aplikasi kalkulator sederhana
berbasis Web menggunakan bahasa PHP dan framework CI, saya juga
masih belajar tapi gaada salahnya bagi2 kan ? hehe .. jadi kita mau buat
aplikasi kaya gini : Nantinya kalo kita klik Perkalian misalnya bakal
keluar form perkalian, aplik...
Posting yang keduaa :D , belum dapet sambutan nih :( . tapi gapapa deh usaha itu perlu ! :D
Sekarang kita mau buat aplikasi kalkulator sederhana berbasis Web menggunakan bahasa PHP dan framework CI, saya juga masih belajar tapi gaada salahnya bagi2 kan ? hehe ..
jadi kita mau buat aplikasi kaya gini :
Nantinya kalo kita klik Perkalian misalnya bakal keluar form perkalian, aplikasi yg kita mau buat ini harus ada validasinya . Nah berhubung si codeigniternya udah lengkap nih jadi kita udah tinggal pake :D .
1. Kita harus punya codeigniternya (saya pake CodeIgniter versi 2.0.2.), kalo yang gapunya bisa kita
download disini
2. Kita extract file ini di c:/xampp/htdocs (atau tergantung kalian pake web server apa dan dimana nyimpennya).
Nah, kalo saya nama folder yang tadinya 'CodeIgniter_2.0.2' dirubah jadi 'Meita' jadi aplikasi saya namanya 'Meita'. Nah gausah otak atik bagian folder system maupun user_guide, kita bekerja nya di folder application.
4. Coba buka browsernya lalu ketikan localhost/Meita (tergantung nama folder). Maka akan muncul tampilan seperti ini :
Udah ? kalo udah kita lanjutkan ! (hehehe..)
5 . K e m u d i a n k i t a b u a t c o n t r o l l e r b a r u m i s a l n y a n a m a n y a ' b l o g ' , c:\xampp\htdocs\Meita\application\controllers\blog.php
<?php if ( ! defined('BASEPATH')) exit('No direct script access allowed'); class Blog extends CI_Controller {
function __construct(){ parent::__construct();
$this->load->helper(array('url','form')); //mengambil helper yang sudah disediakan CI
}
public function index() {
$this->load->view("hello"); //maksudanya menampilkan file hello.php yg difolder view
}
public function perkalian() //membuat function perkalian {
$this->load->library('form_validation'); //mengambil validasi di library yg sudah disediakan CI
$this->form_validation->set_rules('v1','Variabel 1','required|integer'); $this->form_validation->set_rules('v2','Variabel 2','required|integer'); if ($this->form_validation->run()) {
$data['v1']=(int)$this->input->post('v1',true); //mengambil nilai yg dimasukan
$data['v2']=(int)$this->input->post('v2',true); //mengambil nilai yg dimasukan
$data['hasil']=$data['v1']*$data['v2']; //proses data } else { $data['v1']=0; $data['v2']=0; $data['hasil']=0; }
$this->load->view('perkalian',$data); //menampilkan hasil proses data
}
public function pertambahan() { $data['v1']=(int)$this->input->post('v1',true); $data['v2']=(int)$this->input->post('v2',true); $data['hasil']=$data['v1']+$data['v2'];; $this->load->view('pertambahan',$data); }
public function pengurangan() { $data['v1']=(int)$this->input->post('v1',true); $data['v2']=(int)$this->input->post('v2',true); $data['hasil']=$data['v1']-$data['v2'];; $this->load->view('pengurangan',$data); }
public function pembagian() {
$data['v1']=(int)$this->input->post('v1',true); $data['v2']=(int)$this->input->post('v2',true); if ($data['v2']>0)
$data['hasil']=$data['v1']/$data['v2']; else
$data['hasil']='Error, v2 tidak boleh 0 !'; $this->load->view('pembagian',$data);
} }
/* End of file welcome.php */
/* Location: ./application/controllers/blog.php */ 6 . S e t e l a h k i t a b u a t c o n t r o l l e r , s e k a r a n g k i t a b u a t v i e w n y a c:\xampp\htdocs\Meita\application\views\hello.php <html> <head> <title>Calculator Codeigniter</title> <style type="text/css"> body { backgroun-color:#fff;
font-family: Lucida Grande, Verdana, Sans-serif; margin:40px; font-size:14px; color: #4f55155; } 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; padding: 5px 0 6px 0; } </style> </head> <body> <h1>Form </h1>
<ul>
<li><?php echo anchor('blog/perkalian','Perkalian'); ?></li> <li><?php echo anchor('blog/pembagian','Pembagian'); ?></li> <li><?php echo anchor('blog/pertambahan','Pertambahan'); ?></li> <li><?php echo anchor('blog/pengurangan','Pengurangan'); ?></li> </ul>
<p> Page endered in {elapsed_time} second </p> </body>
</html>
Setelah itu kita buat juga file pertambahan, pengurangan, perkalian, dan pembagian. c:\xampp\htdocs\Meita\application\views\perkalian.php <html> <head> <title>Calculator Codeigniter</title> <style type="text/css"> body { background-color:#fff;
font-family: Lucida Grande, Verdana, Sans-serif; margin:40px; font-size:14px; color: #4f55155; } 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; padding: 5px 0 6px 0; } </style> </head> <body> <h1>Perkalian </h1>
<p>Silahkan masukan data berikut :</p> <ul>
<?php echo form_open('blog/perkalian'); ?> <?php echo form_input('v1',$v1); ?> x
<?php echo form_input('v2',$v2); ?> <br> <p><?php echo validation_errors();?></p> <?php echo form_submit('submit','Hitung'); ?> <?php echo form_close(); ?> <br>
Hasil : <?php echo $hasil; ?> </ul>
<p><?php echo anchor('blog','Home'); ?></p> <p> Page endered in {elapsed_time} second </p> </body> </html> c:\xampp\htdocs\Meita\application\views\pembagian.php <html> <head> <title>Calculator Codeigniter</title> <style type="text/css"> body { background-color:#fff;
font-family: Lucida Grande, Verdana, Sans-serif; margin:40px; font-size:14px; color: #4f55155; } 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; padding: 5px 0 6px 0; } </style> </head> <body> <h1>Pembagian </h1>
<ul> <?php echo form_open('blog/pembagian'); ?> <?php echo form_input('v1',$v1); ?> : <?php echo form_input('v2',$v2); ?> <br> <?php echo form_submit('submit','Hitung'); ?> <?php echo form_close(); ?> <br>
Hasil : <?php echo $hasil; ?> </ul>
<p><?php echo anchor('blog','Home'); ?></p> <p> Page endered in {elapsed_time} second </p> </body> </html> c:\xampp\htdocs\Meita\application\views\pertambahan.php <html> <head> <title>Calculator Codeigniter</title> <style type="text/css"> body { background-color:#fff;
font-family: Lucida Grande, Verdana, Sans-serif; margin:40px; font-size:14px; color: #4f55155; } 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; padding: 5px 0 6px 0; } </style> </head> <body> <h1>Pertambahan </h1>
<p>Silahkan masukan data berikut :</p> <ul> <?php echo form_open('blog/pertambahan'); ?> <?php echo form_input('v1',$v1); ?> + <?php echo form_input('v2',$v2); ?> <br> <?php echo form_submit('submit','Hitung'); ?> <?php echo form_close(); ?> <br>
Hasil : <?php echo $hasil; ?> </ul>
<p><?php echo anchor('blog','Home'); ?></p> <p> Page endered in {elapsed_time} second </p> </body> </html> c:\xampp\htdocs\Meita\application\views\pengurangan.php <html> <head> <title>Calculator Codeigniter</title> <style type="text/css"> body { background-color:#fff;
font-family: Lucida Grande, Verdana, Sans-serif; margin:40px; font-size:14px; color: #4f55155; } 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; padding: 5px 0 6px 0; } </style> </head> <body>
<h1>Pengurangan </h1>
<p>Silahkan masukan data berikut :</p> <ul> <?php echo form_open('blog/pengurangan'); ?> <?php echo form_input('v1',$v1); ?> <?php echo form_input('v2',$v2); ?> <br> <?php echo form_submit('submit','Hitung'); ?> <?php echo form_close(); ?> <br>
Hasil : <?php echo $hasil; ?> </ul>
<p><?php echo anchor('blog','Home'); ?></p> <p> Page endered in {elapsed_time} second </p> </body>
</html>
7. Sekarang yg ketujuh bukan yah ? hehe lupa, pokoknya yg selanjutnya :
- Kita rubah bagian c:\xampp\htdocs\Meita\application\config\config.php (line 17) $config['base_url']= 'http://localhost/Meita';
(tergantung nama folder kalian)
- Kemudian bagian c:\xampp\htdocs\Meita\application\config\routes.php (line 41) $route['default_controller'] = "blog";
8. Dan finish ! silahkan coba di browser nya :D .
kalian juga bisa download selengkapnya disini
Tentang Penulis
Meyta
"Bukan dari kesempurnaan kita bercermin, melainkan dari sebuah
kekurangan kita belajar" visit to MyBlog : http://thality.blogspot.com work at Rhino Technology http://rhino.co.id/about.do?pid=3539
