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). 3. Seudah di extract kita buka pasti bentuknya kaya gini :
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. Kemudian kita buat controller baru misalnya namanya 'blog', 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. Setelah kita buat controller, sekarang kita buat view nya 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; font-weight: normal; h1 color: #444; 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> <p>silahkan pilih menu dibawah ini :</p>
<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; font-weight: normal; h1 color: #444; 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; font-weight: normal; h1 color: #444; 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> <p>silahkan masukan data berikut :</p>
<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; font-weight: normal; h1 color: #444; 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; font-weight: normal; h1 color: #444; 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