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 c:\xampp\htdocs\Meita\application\controllers\blog.php
namanya
'blog'
,
$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 c:\xampp\htdocs\Meita\application\views\hello.php
Calculator Codeigniter <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; }
Form
Silahkan pilih menu dibawah ini :
kita
buat
view
nya
Page endered in 0.0326 second
Setelah itu kita buat juga file pertambahan, pengurangan, perkalian, dan pembagian. c:\xampp\htdocs\Meita\application\views\perkalian.php
Calculator Codeigniter <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; }
Perkalian
Silahkan masukan data berikut :
Page endered in 0.0326 second
c:\xampp\htdocs\Meita\application\views\pembagian.php
Calculator Codeigniter <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; }
Pembagian
Silahkan masukan data berikut :
Page endered in 0.0326 second
c:\xampp\htdocs\Meita\application\views\pertambahan.php
Calculator Codeigniter <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; }
Pertambahan
Silahkan masukan data berikut :
Page endered in 0.0326 second
c:\xampp\htdocs\Meita\application\views\pengurangan.php
Calculator Codeigniter <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; }
Pengurangan
Silahkan masukan data berikut :
Page endered in 0.0326 second
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
