Codeigniter - Membuat Kalkulator Sederhana

6/10/2019 Codeigniter : Membuat kalkulator sederhana - Jagocoding.
com
(/)
Sign In (/u/login) Login FB (/user/login_fb)
Search everything here...

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...
(/category/php)
Codeigniter : Membuat kalkulator

sederhana
Posted Jun 1st 2013, 08:26 2 0
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 :
jagocoding.com/tutorial/231/Codeigniter_Membuat_kalkulator_sederhana 1/11
6/10/2019 Codeigniter : Membuat kalkulator sederhana - Jagocoding.com
(/)
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 (http://www.4shared.com/zip/wnJbhMTS/codeigniter_202.html)
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
1 <?php if ( ! defined('BASEPATH')) exit('No direct script access allowe

2
3 class Blog extends CI_Controller {
4
5 function __construct(){
6 parent::__construct();
7 $this->load->helper(array('url','form')); //mengambil helper y
8 }
9 public function index()
10 {
11 $this->load->view("hello"); //maksudanya menampilkan file hell
12 }
13
14 public function perkalian() //membuat function perkalian
15 {
16 $this->load->library('form_validation'); //mengambil validasi
17 $this->form_validation->set_rules('v1','Variabel 1','required
18 $this->form_validation->set_rules('v2','Variabel 2','required
19 if ($this->form_validation->run())
20 {
21 $data['v1']=(int)$this->input->post('v1',true); //mengambil ni
22 $data['v2']=(int)$this->input->post('v2',true); //mengambil ni
23 $data['hasil']=$data['v1']*$data['v2']; //proses data
24 }
25 else
26 {
27 $data['v1']=0;
28 $data['v2']=0;
29 $data['hasil']=0;
30 }
31 $this->load->view('perkalian',$data); //menampilkan hasil pros
(/) 32 }
33 public function pertambahan()
34 {
35 $data['v1']=(int)$this->input->post('v1',true);
37 $data['hasil']=$data['v1']+$data['v2'];;
38 $this->load->view('pertambahan',$data);
39 }
40 public function pengurangan()
41 {
44 $data['hasil']=$data['v1']-$data['v2'];;
45 $this->load->view('pengurangan',$data);
46 }
47
48 public function pembagian()
49 {
52 if ($data['v2']>0)
53 $data['hasil']=$data['v1']/$data['v2'];
54 else
55 $data['hasil']='Error, v2 tidak boleh 0 !';
56 $this->load->view('pembagian',$data);
57 }
58 }
59
60 /* End of file welcome.php */
61 /* Location: ./application/controllers/blog.php */
6. Setelah kita buat controller, sekarang kita buat view nya

c:\xampp\htdocs\Meita\application\views\hello.php
1 <html>
2 <head>
3 <title>Calculator Codeigniter</title>
(/) 4
5 Signtype="text/css">
<style In (/u/login) Login FB (/user/login_fb)
6 body {
7 backgroun-color:#fff;
8 font-family: Lucida Grande, Verdana, Sans-serif;
9 margin:40px;
10 font-size:14px;
11 color: #4f55155;
12 }
13
14 a {
15 color: #003399;
16 background-color: transparent;
17 font-weight: normal;
18 }
19
20 h1 {
21 color: #444;
23 border-bottom: 1px solid #d0d0d0;
24 font-size: 16px;
25 font-weight: bold;
26 margin: 24px 0 2px;
27 padding: 5px 0 6px 0;
28 }
29 </style>
30 </head>
31
32 <body>
33 <h1>Form </h1>
34 <p>Silahkan pilih menu dibawah ini :</p>
35 <ul>
36 <li><?php echo anchor('blog/perkalian','Perkalian'); ?></li>
37 <li><?php echo anchor('blog/pembagian','Pembagian'); ?></li>
38 <li><?php echo anchor('blog/pertambahan','Pertambahan'); ?></li>
39 <li><?php echo anchor('blog/pengurangan','Pengurangan'); ?></li>
40 </ul>
41 <p> Page endered in {elapsed_time} second </p>
42 </body>
43 </html>
Setelah itu kita buat juga file pertambahan, pengurangan, perkalian, dan pembagian.
c:\xampp\htdocs\Meita\application\views\perkalian.php
1 <html>
2 <head>
(/) 4
6 body {
7 background-color:#fff;
9 margin:40px;
10 font-size:14px;
11 color: #4f55155;
12 }
13
14 a {
15 color: #003399;
18 }
19
20 h1 {
21 color: #444;
24 font-size: 16px;
28 }
29 </style>
30 </head>
31
32 <body>
33 <h1>Perkalian </h1>
34 <p>Silahkan masukan data berikut :</p>
35 <ul>
36 <?php echo form_open('blog/perkalian'); ?>
37 <?php echo form_input('v1',$v1); ?> x
38 <?php echo form_input('v2',$v2); ?> <br>
39 <p><?php echo validation_errors();?></p>
40
41 <?php echo form_submit('submit','Hitung'); ?>
42 <?php echo form_close(); ?> <br>
43
44 Hasil : <?php echo $hasil; ?>
45 </ul>
46
47 <p><?php echo anchor('blog','Home'); ?></p>
49 </body>
50 </html>
c:\xampp\htdocs\Meita\application\views\pembagian.php
1 <html>
2 <head>
(/) 4
5 <style type="text/css">
6 body {
9 margin:40px;
10 font-size:14px;
11 color: #4f55155;
12 }
13
14 a {
15 color: #003399;
18 }
19
20 h1 {
21 color: #444;
24 font-size: 16px;
28 }
29 </style>
30 </head>
31
32 <body>
33 <h1>Pembagian </h1>
35 <ul>
36 <?php echo form_open('blog/pembagian'); ?>
37 <?php echo form_input('v1',$v1); ?> :
39
42
44 </ul>
47 </body>
48 </html>
c:\xampp\htdocs\Meita\application\views\pertambahan.php
1 <html>
2 <head>
(/) 4
5 <style type="text/css">
6 body {
9 margin:40px;
10 font-size:14px;
11 color: #4f55155;
12 }
13
14 a {
15 color: #003399;
18 }
19
20 h1 {
21 color: #444;
24 font-size: 16px;
28 }
29 </style>
30 </head>
31
32 <body>
33 <h1>Pertambahan </h1>
35 <ul>
36 <?php echo form_open('blog/pertambahan'); ?>
37 <?php echo form_input('v1',$v1); ?> +
39
42
44 </ul>
47 </body>
48 </html>
c:\xampp\htdocs\Meita\application\views\pengurangan.php
1 <html>
2 <head>
(/) 4
6 body {
9 margin:40px;
10 font-size:14px;
11 color: #4f55155;
12 }
13
14 a {
15 color: #003399;
18 }
19
20 h1 {
21 color: #444;
24 font-size: 16px;
28 }
29 </style>
30 </head>
31
32 <body>
33 <h1>Pengurangan </h1>
35 <ul>
36 <?php echo form_open('blog/pengurangan'); ?>
37 <?php echo form_input('v1',$v1); ?> -
39
42
44 </ul>
47 </body>
48 </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)
1 $config['base_url']= 'http://localhost/Meita (http://localhost/Meita)';
(/)
(tergantung nama folder kalian)
- Kemudian bagian c:\xampp\htdocs\Meita\application\config\routes.php (line 41)
1 $route['default_controller'] = "blog";
8. Dan finish ! silahkan coba di browser nya :D .
kalian juga bisa download selengkapnya disini

(http://www.4shared.com/rar/K90rXuaw/Meita.html)
#codeiginer (/tag/codeiginer) #tutorial-ci (/tag/tutorial_ci)
DOWNLOAD PDF (/tutorial/pdf/231/Codeigniter_Membuat_kalkulator_sederhana)
Tweet
About Author
(/)
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
(/profile/MZennis)
Comment & Discussions

Melik (Guest) on 27/4/14
pingin bisa membuat program menggunakan ci
Meyta (/profile/MZennis) on 12/7/16
yuk belajar ^^
(/profile/MZennis)
Please LOGIN (/u/login) before if you want to give the comment.
Jagocoding.com adalah situs tutorial pemrograman no 1 di Indonesia yang berbasis jejaring sosial (social
network). Bagikan tulisanmu ke semua penjuru dunia. Pelajari semua tutorial di sini untuk menjadi seorang yang
"jago coding".
Copyright © 2014 Jagocoding.com
Home (/) | Advices (/) | Become a Member (/u/register) | Terms and Conditions (/pages/syarat-dan-
ketentuan) | FAQ (/pages/faq)

Codeigniter - Membuat Kalkulator Sederhana

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Codeigniter - Membuat Kalkulator Sederhana

Diunggah oleh

Hak Cipta:

Format Tersedia

6/10/2019 Codeigniter : Membuat kalkulator sederhana - Jagocoding.

Search everything here...

Codeigniter : Membuat kalkulator

jadi kita mau buat aplikasi kaya gini :

3. Seudah di extract kita buka pasti bentuknya kaya gini :

Udah ? kalo udah kita lanjutkan ! (hehehe..)

5. Kemudian kita buat controller baru misalnya namanya 'blog' ,

1 <?php if ( ! defined('BASEPATH')) exit('No direct script access allowe

6. Setelah kita buat controller, sekarang kita buat view nya

7. Sekarang yg ketujuh bukan yah ? hehe lupa, pokoknya yg selanjutnya :

- Kita rubah bagian c:\xampp\htdocs\Meita\application\conﬁg\conﬁg.php (line 17)

1 $config['base_url']= 'http://localhost/Meita (http://localhost/Meita)';

- Kemudian bagian c:\xampp\htdocs\Meita\application\conﬁg\routes.php (line 41)

8. Dan ﬁnish ! silahkan coba di browser nya :D .

kalian juga bisa download selengkapnya disini

#codeiginer (/tag/codeiginer) #tutorial-ci (/tag/tutorial_ci)

DOWNLOAD PDF (/tutorial/pdf/231/Codeigniter_Membuat_kalkulator_sederhana)

"Bukan dari kesempurnaan kita bercermin, melainkan dari sebuah

Comment & Discussions

Meyta (/proﬁle/MZennis) on 12/7/16

Please LOGIN (/u/login) before if you want to give the comment.

Copyright © 2014 Jagocoding.com

Anda mungkin juga menyukai