Membuat form Kali dan Bagi menggunakan CODEIGNITER

assalamualaikum warrohmatullahi wabarokatuh berjumpa lagi bersama saya giunjay ngoprek,untuk postingan kali ini saya akan memperlihatkan aplikasi perhitungan sederhana menggunakan code igniter,mungkin bagi yang belum mengerti php bisa belajar dulu sedikit agar tidak terlalu pusing karna codeigniter ini sebenarnya mempunyai dasar dari php hanya kita lebih dimudahkan lagi dalam membuat dan mengatur structur koding yang akan kita buat nanti agar bisa menjadi sebuah aplikasi.

Langsung saja aplikasi yang akan kita buat adalah seperti gambar 1 :

gambar 1

form tersebut adalah form utama ,nah jika kita klik perkalian maka akan pergi ke form perkalian dan begitupun ketika mengklik pembagian.

1.bahan yang pertama kita butuhkan adalah codeigniter ,silahkan anda download code igniternya bisa cari di google banyak mau pake versi manapun sama saja hanaya semakin tinggi versinya fiturenya pun semakin banyak dan mengurangi bug.

2.ketika sudah anda download silahkan extrak codeigniter tersebut di C:/XAMP/HTDOC/  (yang terpenting simpan code igniter tersebut pada folder htdoc dmnapun anda menginstal xamp).

3.ketika sudah di extrak maka structur foldernya akan seperti gambar 2,saya menggunakan IDE netbeans silahkan sesuka anda ingin menggunakan IDE lain seperti sublime,notepad++ dll,sebelumnya nama foldernya adalah codeigniter-2.0 kemudian saya ganti dengan nama latihan_ci seperti yang saya beri tanda merah.

Gambar 2

4.kemudian kita buat controller baru dengan nama hitung.php bisa dilihat seperti gambar 3,simpan hitung.php tersebut di c:\xampp\htdocs\latihan_ci\application\controllers\hitung.php.

Gambar 3

5.code dalam hitung.php seperti dibawah ini.

6.KETERANGAN mengenai kode di atas ,

Gambar 4

koding Gambar 4 tersebut yaitu dilakukan loading terhadap helper url dan form sekaligus,loading tersebut dilakukan fungsi konstruktor karena kedua helper tersebut digunakan pada semua fungsi dan view yang ada.

Gambar 5

koding Gambar 5 tersebut yaitu pemanggilan index utama pada view yang kita inginkan sebelumnya disana alamat url view nya default dari codeigniter,kemudian saya ganti menjadi form utama saya yaitu menu_hitung.php(tidak usah di ketik dengan .php nya hanya nama filenya saja) yang ada dalam folder views nanti.

Gambar 6

kode pada gambar 6 tersebut yaitu berisi kan rules atau aturan-aturan yang saya masukan dan aturan-aturan tersebut sebenarnya sudah disediakan oleh codeigniter anda bisa cari tahu di google lebih jelasnya mengetahui aturan pada codeigniter tersebut,kemudian pada tanda merah kedua adalah proses pengenalan variabel dan proses perhitunganperkalian dengan menggunakan method post.

Gambar 7

kode pada gambar 7 adalah kode function pembagian dengan menggunakan aturan juga seperti pada function perkalian ,kemudian terdapat proses perhitungan pembagian dengan pemanggilan menggunakan method post.

7.setelah controllers nya sudah kita buat,lalu kita membuat view nya pertama kita akan membuat view untuk menu utama kita/form utama dengan nama menu_hitung.php dengan penyimpanan c:\xampp\htdocs\latihan_ci\application\views\menu_hitung.php,seperti gambar 8.

Gambar 8 

8.code untuk menu_hitung.php seperti dibawah ini 

9.KETERANGAN mengenai kode di atas

Gambar 9 

coding pada Gambar 9 yaitu style css yang saya gunakan pada setiap form view yang kita buat nanti jadi kita bisa langsung copas pada style ini karna pada form perkalian dan pembagian juga saya menggunakan style css ini ,jika anda tidak ingin style ini anda bisa membuat style sndri mengatur sesuai keinginan anda.

Gambar 10

coding pada Gambar 10 yaitu menu yang berisikan tombol link yang akan menuju ke form perkalian dan pembagian ,itu adalah koding yang digunakan pada kode igniter jika pada php basic itu adalah href .

10.setelah menunya kita buat sekarang kitapun membuat file untuk perkalian dan pembagiannya ,pertama kita buat untuk perkaliannya terlebih dahulu penyimpanannya seperti pada gambar 11,

 c:\xampp\htdocs\latihan_ci\application\views\perkalian.php.

Gambar 11

11.koding untuk perkalian.php seperti dibawah ini

12.KETERANGAN mengenai koding di atas.

Gamabr 12

coding pada gambar 12 yaitu adalah tampilan pada form perkalian yang berisi untuk inputan kemudian tombol submit,hasil perhitungan dan keterangan render saat aplikasi dijalankan,untuk style css nya seperti sebelumnya saya katakan semua file view menggunakan style css yang sama .

13.setelah form untuk perkalian sudah selesai ,sekarang buat juga untuk pembagiannya dengan nama pembagian.php disimpan pada  c:\xampp\htdocs\latihan_ci\application\views\pembagian.php, bisa dilihat pada gambar 13.

Gambar 13

14. coding untuk pembagian.php seperti dibawah ini

15.KETERANGAN coding diatas

Gambar 14

coding pada gambar 14 yaitu tampilan untuk form pembagian berikan input dan tombol hitung kemudian menampilkan hasil dan kecepatan render .

16.jika semua file sudah dibuat antara lain file yang sudah kita buat yaitu hitung.php(pada controllers),menu_hitung.php, perkalian.php, pembagian.php (pada views).

maka selanjutnya buka rubah pada file config.php (c:\xampp\htdocs\latihan_ci\application\config\config.php) cari coding base_url seperti tanda merah pada gambar 15 kemudian ganti dengan alamat url utama(alamat folder codeigniter) kita.

Gambar 15

17.jangan lupa juga ubah seperti tanda merah pada bagian routes.php(c:\xampp\htdocs\latihan_ci\application\config\routes.php) dengan nama controllers kita bisa dilihat seperti gambar 16.

Gambar 16

18.setelah semua nya selsai kita tinggal mencobanya,owh iya saya lupa menampilkan hasil untuk perkalian dan pembagian nya bisa dilihat pada gambar 17 dan gambar 18.

Gambar 17

Gambar 18

19.untuk cara pemanggilannya seperti ini jika anda belum tahu lihat tanda merah (url) pda gambar 19.

Gambar19

20.tampilan ketika error inputan seperti yang kita buat pada aturan di controllers pada bagian function perkalian dan pembagian bisa dilihat seperti gambar 20.

Gambar 20

21.mungkin sekian dari saya semoga tutorial codeigniter ini bisa bermanfaat bagi kitta semua,jika ada yang ingin ditanyakan silahkan comment atau email saya.

Mohon maaf jika banyak kekurangan karna saya juga masih dalam tahap belajar 😁 

TERIMA KASIH ✌.