Integrasi CodeIgniter Dan Bootstrap

Mei 06, 2018 deifa satrio 1 Comments


Halo halo, salam sejahtera buat kawan-kawan semua, gimana kabar kalian ? sehat kan. Harus sehat ya, soal nya di artikel kali ini saya akan membahas tentang bagaimana cara menambahkan bootstrap di project Codeingniter kalian. Kalo kemaren kemaren kita sibuk di script sistem, kali ini kita akan beranjak 1 level lebih tinggi, yaitu ke tampilan website.

Ok, langsung saja kita lanjut, sebelumnya untuk kawan-kawan yang belum membaca artikel sebelumnya yaitu : mengedit data gambar menggunakan codeigniter harap dibaca dulu ya untuk menghindari kebingungan. nah sebelum kita melangkah lebih jauh, pastikan kawan-kawan mendownload file-file yang di butuhkan disini. kalo sudah, sekarang ikuti langkah-langkah di bawah ini dengan teliti dan hati-hati :

1. Exstrack file "assets.rar" yang barusan kawan-kawan download, maka kalian akan menemukan 3 folder dan 1 file di dalamnya yaitu :












kemudian buatlah folder bernama "assets" di dalam folder "belajarci" dan copy 3 folder dan 1 file tadi ke dalam nya.

2. Kemudian kita tinggal dulu folder assets tadi, buka project kalian di texteditor lalu edit "main.php" yang berada di "belajarci/application/views/main.php" seperti berikut :

Penjelasan Script :
Sebenarnya di penjelasan kali ini gak terlalu berubah banyak sih untuk script, hanya sicrpt html nya jadi saya akan menjelaskan perubahan-perubahan penting saja. 

 - script <link href="<?php echo base_url(); ?>assets/css/bootstrap.min.css" rel="stylesheet"> berfungsi untuk memanggil file bootstrap.min.css yang berada di lokasi "belajarci1/assets/css/bootstrap.min.css" nah kalo temen-temen bingung apasih arti dari "<?php echo base_url(); ?>" arti script ini adalah "https//127.0.0.1/namafolderkalian/" coba kalian tulis alamat ini di browser "127.0.0.1/namafolder/assets/css/bootstrap.min.css" maka akan muncul script css yang sangat banyak di browser kalian. 

 nah sekarang apa sih css itu bang ? hehehe css adalah bahasa style sheet yang digunakan untuk mengatur tampilan dokumen. Dengan adanya CSS memungkinkan kita untuk menampilkan halaman yang sama dengan format yang berbeda. Jadi gampangnya css adalah sebuah bahasa khusus yang membuat tampilan website lebih menarik.

- scirpt "<script src="<?php echo base_url(); ?>assets/jquery-3.3.1.min.js"></script>" berfungsi untuk memanggil file javasacript atau ".js" yang bernama "jquery-3.3.1" di folder "belajarci1/assets/jquery-3.3.1.min.js".

 kawan-kawan pasti bertanya-tanya apasih jquery itu ???

  jQuery adalah sebuah library JavaScript. Dalam dunia pemrograman, library adalah kumpulan dari berbagai fungsi ‘siap pakai’ untuk memudahkan pembuatan sebuah aplikasi. Dengan demikian, jQuery adalah kumpulan fungsi-fungsi JavaScript yang memudahkan penulisan kode JavaScript.  Nah dalam kasus kita disini adalah, paket bootstrap itu membutuhkan jquery.

 - script "<script src="<?php echo base_url(); ?>assets/js/bootstrap.min.js"></script>" memiliki fungsi yang sama, yaitu memanggil file "bootstrap.min.js" di folder "belajarci1/assets/js/bootstrap.min.js"  

 - Terakhir untuk kawan-kawan yang bingung dengan tambahan script html lainya kalian bisa lihat langsung di website resmi bootstrap , kemudian untuk script di bawah nya egak saya jelaskan karena memang sama langkah-langkah dan penjelasan script nya
 

3. jangan lupa kita edit juga file "input.php" yang berada di "belajarci/application/views/input.php" seperti berikut :


4. Terakhir jangan lupa edit juga file "edit.php" yang berada di "belajarci/application/views/edit.php" seperti berikut :

5. Selanjut nya silahkah kawan-kawan coba buka "127.0.0.1/belajarci" kenapa kog pake "127.0.0.1" bukan "localhost", alasanya karena kadang kalo pake "localhost" icon-icon yang telah kita pasang di project kita tidak muncul.

Ok sekian dulu tutorial singkat kali ini, kalo kawan-kawan masih banyak yang bingung silahkan coret-coret tab komentar di bawah ini atau download source code nya disini. sampai ketemu di artikel selanjutnya dan salam sejahtera untuk kawan-kawan semua.

1 komentar:

Mengedit Data & Gambar Menggunakan Codeigniter

Mei 01, 2018 deifa satrio 15 Comments


halo halo gimana kabar nya kawan ? baik kan ? kali ini seperti biasa saya akan melanjutkan artikel sebelumnya yaitu membuat input data beserta gambar, jadi untuk yang belum baca artikel-artikel yang sebelumnya silahkan baca terlebih dahulu supaya gak bingung ya kawan. Ok sesuai judul, artikel kali ini saya akan menjelaskan edit data sekaligus gambar.

Sebelum kita beranjak ke coding, kita harus tau dulu alur dari edit data sekaligus gambar seperti berikut :
1. user mengedit data.
2. jika user hanya mengedit data saja tanpa mengedit gambar, maka gambar tidak berubah.
3. jika user mengedit data sekaligus foto maka data akan berubah dan foto akan berganti.
4. eksekusi aksi user.


Setelah faham dengan alurnya sekarang kita lanjut ke coding. Ikuti langkah di bawah ini dengan teliti dan hati-hati:

1. Ubah file "edit.php" yang berada di "belajarci/application/views/edit.php" seperti berikut.


Penjelasan Script :  

 - Script "form_open_multipart" memiliki fungsi untuk membolehkan form    mengupload file. 

 - Untuk script 
" <?php if($row->gambar==''){ ?>

 <label>Belum Ada Gambar</label><br>

 <?php }else{ ?>

<img src="<?php echo base_url('uploads/thumbnail/'.$row->gambar)?>"><br>


 <?php }?> " berfungsi untuk memperindah tampilan aja, hehehe. jadi bila misal data buku itu sudah memiliki gambar, maka akan di tampilkan gambar tersebut, dan apabila tidak memiliki gambar maka akan muncul tulisan "Belum ada gambar".

 - kemudian untuk script " <input type="file" name="gambar"> " berfungsi untuk membuat form inputan untuk file atau foto yang akan di tambahkan.



2. Jika sudah Edit fungsi "edit()" di controller "C_buku.php" yang berada di folder "belajarci/application/controllers/C_buku.php" menjadi seperti berikut.


Penjelasan Script :

 - Script " $config = array(......); " berfungsi untuk membuat setelah upload file seperti lokasi, format file yang di ijinkan dan ukuran maksimal sebuah file.

 - Lalu script  
              " $id = $this->input->post('id');
$judul = $this->input->post('judul');
$tebal = $this->input->post('tebal');
$penerbit = $this->input->post('penerbit'); " 
berfungsi untuk mengambil data berupa text yang telah di postkan atau di kirim dari form edit.

 -  Selanjutnya untuk script 
"  if($foto->num_rows()>0){
      $pros=$foto->row();
      $name=$pros->gambar;
      
      if(file_exists($lok=FCPATH.'/uploads/'.$name)){
        unlink($lok);
      }
      if(file_exists($lok=FCPATH.'/uploads/thumbnail/'.$name)){
        unlink($lok);
      }} "

 berfungsi untuk meng unlink atau menghapus file foto yang tersimpan pada folder uploads dan thumbnail, bingung kan ? hehehehe. saya jelasin pelan-pelan, jadi misal kalian udah input data dan gambarnya ya kawan, kan pasti foto nya itu di taruh di suatu folder penyimpanan kan, nah unlink itu berfungsi untuk menghapus foto yang tersimpan di folder penyimpanan tersebut. 

 Dalam kasus ini saya gunakan untuk menghindari apabila data telah memiliki gambar, kemudian di edit gambar nya, jika tidak kita unlink nanti file fotonya akan menumpuk.

 - Selanjutnya script " $this->load->library('upload',$config); " memiliki fungsi untuk menset library upload file sesuai setelan yang kitu sudah buat di variable array " $config ".

 - Dan yang terakhir adalah script berikut
" if($this->upload->do_upload('gambar')){

 $finfo = $this->upload->data();
$nama_foto = $finfo['file_name'];

 $data_buku = array(
'judul'=>$judul,
'tebal'=>$tebal,
'penerbit'=>$penerbit,
'gambar'=>$nama_foto
);

 $config2 = array(
'source_image'=>'uploads/'.$nama_foto,
'image_library'=>'gd2',
'new_image'=>'uploads/thumbnail',
'maintain_ratio'=>true,
'width'=>150,
'height'=>200
);

$this->load->library('image_lib',$config2);
$this->image_lib->resize();

}else{
$data_buku = array(
'judul'=>$judul,
'tebal'=>$tebal,
'penerbit'=>$penerbit
);

 } "
nah jadi saya akan jelasin secara singkat ya, sebelumnya kalo temen-temen bingung harap pelajari dulu materi "if else php" jadi script panjang tersebut berfungsi mendeteksi apakah ada foto atau file yang di upload.

 Apabila ada file yang di upload maka script diatas akan melakukan aksi mengambil nama file, menyimpan data ke variable array dan membuat thumbnail dari foto yang telah di upload.

 Dan jika tidak ada foto atau file yang di upload maka script tersebut hanya akan membuat variable array yang nantinya akan di simpan di database.


3. Coba script baru kalian dengan membuka browser dan mengetik alamat "localhost/belajarci", dan jangan lupa nyalakan xampp kalian terlebih dahulu.

Ok saya kira sekian tutorial pendek kali ini, semoga bermanfaat dan berguna. Kalo kawan-kawan masih bingung silahkan coret-coret tab komentar yang berada di bawah ini dan bila kawan-kawan kurang jelas dengan potongan script di atas kalian bisa download source code nya disini, sampai ketemu di artikel selanjutnya dan salam sejahtera untuk kawan-kawan semua.

15 komentar:

Membuat Input Data Beserta Gambar

April 26, 2018 deifa satrio 0 Comments


hay hay, salam sejahtera kawan ku gimana kabarnya ? baik kan ? di kesempatan kali ini saya ingin menjelaskan tetang sesuatu yang sangat penting dalam pemrograman berbasis web yaitu input data beserta gambar. jika kawan-kawan belum membaca artikel yang sebelumnya : menghapus data menggunakan codeigniter silahkan baca terlebih dahulu supaya tidak bingung. ok langsung aja tanpa banyak bicara, saya yakin kawan-kawan udah penasaran kan ? kalo gitu ikuti langkah-langkah di bawah dengan teliti dan hati-hati :

1. Buat folder "uploads" di dalam folder "belajarci", kemudian buat folder lagi bernama "thumbnail" di dalam folder "belajarci/uploads".


2. Tambahkan field "gambar" di tabel "tb_buku" pada database "db_belajar".











3. Edit file "input.php" yang berada dalam "belajarci/views/input.php" seperti berikut.


Penjelasan Script : script form_open_multipart berfungsi agar form dapat mengupload file lalu script <input type="file" name="gambar"> berfungsi untuk menambah kan form upload file atau gambar.


4. kemudian edit funsi "input" yang berada di controller "C_buku.php" di "belajarci/controller/C_buku.php" seperti berikut.


Penjelasan Script : 
fungsi dari script

  1. $config = array(
  2.                         'upload_path'=>'./uploads',
  3.                         'allowed_types'=>'jpg|png|jpeg',
  4.                         'max_size'=>2086
  5.                         );

adalah untuk mensetting tempat penyimpanan foto, exstensi file yang di ijinkan dan ukuran maksimum file yang di upload. 

kemudian script ini 
  2. $this->load->library('upload',$config);
  3. $this->upload->do_upload('gambar');
  4. $finfo = $this->upload->data();

 berfungsi untuk mengapload foto berdasarkan setting yang sudah kita siap kan di dalam variabel array $config.

 setelah itu script ini $nama_foto = $finfo['file_name']; berfungsi untuk mengambil data nama file yang di upload.

kalo untuk script ini

  1.  $config2 = array(
  2.                 'source_image'=>'uploads/'.$nama_foto,//mengambil alamat foto yang akan di duplikat
  3.                 'image_library'=>'gd2',
  4.                 'new_image'=>'uploads/thumbnail',//alamat menyimpan foto hasil duplikat
  5.                 'maintain_ratio'=>true,
  6.                 'width'=>150,
  7.                 'height'=>200
  8.             );
  9.         $this->load->library('image_lib',$config2);//gunkan setting dari variabel $config2
  10.         $this->image_lib->resize();//eksekusi

berfungsi untuk membuat salinan gambar yang telah kita upload dan meresize nya sehingga kita memiliki 1 file gambar asli dan 1 file gambar yang telah di resize.

5. Jangan lupa edit file "main.php" dengan menambahkan beberapa script di tag <table></table> yang berada di "belajarci/application/views/main.php" seperti ini :


Penjelasan Script :
script tambahan  
<img src="<?php echo base_url('uploads/thumbnail/'.$row->gambar)?>">
yang di sisipkan di tengah-tengah foreach ($buku as $row) {} pada tabel, berfungsi untuk menampilkan gambar yang telah di upload tadi berdasarkan alamat dan nama file.


6. Terakhir coba script baru kalian di "localhost/belajarci"

ok sekian dulu ya tutorial singkat ini semoga bermanfaat, apabila ada yang kurang jelas silahkan coret-coret kolom komentar di bawah ini atau download source code nya di sini.

0 komentar:

Menghapus Data Menggunakan CodeIgniter

April 07, 2018 deifa satrio 1 Comments



Hay hay kawan, gimana kabar nya ? baik kan ? dalam kesempatan kali ini saya akan melanjutkan kembali artikel sebelumnya yaitu : link edit data, bagi temen-temen yang belum baca artikel tersebut alangkah baiknya untuk membaca artikel-artikel sebelumnya agar tidak bingung. Ok langsung saja ke inti nya, dalam artikel ini kita akan membuat hapus data menggunakan CodeIgniter, Ikuti langkah-langkah di bawah ini dengan benar dan teliti :

1. Buka file "main.php" yang berada di "belajarci/application/views/", Kemudian ubah sedikit script yang ada di file tersebut menjadi seperti ini.


Penjelasan Script : untuk script "<?php echo anchor('C_buku/hapus/'.$row->id,'Hapus');?>" berfungsi sebagai link yang akan membawa kita ke fungsi "hapus" yang ada pada "C_buku" dengan membawa id dari data yang kita hapus.


2. Tambahkan fungsi "hapus" di file "C_buku.php" yang berada di "belajarci/application/controllers" seperti berikut.


Penjelasan Script : fungsi "hapus" berfungsi untuk membuat variabel array yang beri variabel kode dan nama colom yang menjadi parameter untuk menghapus data, kemudian mengirimnya ke fungsi "hapus_data" yang berada di model "M_buku.php". 


3. Buka file "M_buku.php" yang berada di "belajarci/application/models" kemudian tambahkan fungsi "hapus_data" seperti berikut.


Penjelasan Script : fungsi "hapus_data" adalah menghapus data dari tabel "tb_buku" berdasarkan variabel array "data_kode" yang tadi kita kirim melalui fungsi "hapus" di controller "C_buku"


4. Terakhir buka "localhost/belajarci" dan coba script terbaru kalian ya kawan-kawan.

Sekian dulu tutorial yang sangat singkat kali ini, semoga bermanfaat dan berguna. Untuk source code bisa di unduh disini, Kalo ada error atau penjelasan yang kurang tepat kawan-kawan bisa ketikan komentar di bawah ini. See you next time kawan, salam sejahtera dan tetap semangat ya.

1 komentar:

Mengedit Data Menggunakan Codeigniter

April 02, 2018 deifa satrio 0 Comments



Halo kawan-kawan salam sejahtera ya untuk kalian semua, gimana kabar kalian ? baik kan ?. Kali ini saya akan membahas lanjutan artikel sebelumnya yaitu : Menampilkan Data Menggunakan CodeIgniter. Nah buat kawan-kawan yang belum baca artikel sebelumnya, harap di baca dulu ya, karena materi saya ini saling terkait. Kali ini sesuai judul saya akan membuat tutorial untuk mengedit data menggunakan codeigniter.

Untuk tutorial kali ini mungkin akan sedikit lebih panjang soalnya juga langkah-langkahnya banyak, Jadi baca dengan teliti dan praktekan dengan benar ya, hehehe

1. Pertama buka model "M_buku" yang berada di "belajarci/application/models/". kemudian buat fungsi bernama "cari_data" dan "edit_data" seperti contoh di bawah ini.


Penjelasan Script : keguanaan dari fungsi "cari_data" adalah mengambil data dari database berdasarkan "$data_kode" yang di kirim dari controller, yaitu "C_buku". Sedangkan untuk fungsi "edit_data" adalah mengubah data terpilih dari tabel "tb_buku" berdasarkan variabel "$data_kode".  


2. Ok, selanjutnya buat file view "edit.php" di folder "belajarci/application/views/", lalu ketikan script seperti berikut.


Penjelasan Script : script "foreach($data_buku as $row){" sampai dengan tutup nya "}" adalah menampilkan data terpilih yang telah di proses melalui "C_buku" dan datanya di cari di database menggunakan "M_buku"


Jika sudah tambahkan sedikit script di file "main.php" yang berada di "belajarci/application/views/" seperti di bawah ini.


Penjelasan Script : penjelasan dari script "<?php echo anchor('C_buku/e/'.$row->id,'Edit')?>" adalah kita melompat menuju controller "C_buku/e/' dengan menyisipkan "id" data yang ada di tabel "tb_buku", yang nantinya akan di proses di controller "C_buku".


3. Langkah selanjutnya buka file "C_buku" yang berada di folder "belajarci/application/controllers" dan tambahkan fungsi "e" dan fungsi "edit" seperti di bawah ini.


Penjelasan Script : kita mulai dari fungsi "e", di fungsi ini pada baris pertama kita menangkap variabel "$kode" yang tadi kita kirim dari view "main.php" dan kemudian kita jadikan dalam bentuk array, selanjutnya kita kirim ke "M_buku" setelah di "M_buku" data berhasil di cari, kita langsung tampilkan di page view "edit.php"

 sekarang kita ke fungsi "edit", fungsi ini juga hampir sama ya dengan fungsi "e" tadi, yaitu menangkap data dari form di dalam page view "edit.php", yang kemudia di jadikan bentuk array dan di kirim ke "M_buku" untuk di proses. 


4. terakhir buka browser kawan-kawan lalu ketikkan "localhost/belajarci", kemudian silahkan coba script baru kalian. Jika kawan-kawan mengikuti dengan benar langkah-langkah yang saya tuliskan di atas maka pasti akan berjalan karena saya selalu sebelum ngeblog saya coba dulu. hehehe


Ok sekian dulu tutorial kali ini kalo ada yang kurang jelas kalian bisa dowload script lengkap beserta database nya disini. Kalo kawan-kawan masih kurang jelas juga, silahkan coret-coret kolom komentar di bawah ini, Sekian dan tetap semangat ya !



0 komentar:

Menampilkan Data Menggunakan CodeIgniter

Maret 26, 2018 deifa satrio 4 Comments



Halo halo, apakabar kawan-kawan programmer yang hebat-hebat. kali ini seperti biasa saya akan melanjutkan artikel sebelumnya yaitu : Input Data Menggunakan Codeigniter. Sesuai judul nya "Menampilkan Data Menggunakan Codeigniter", kita akan menampilkan data dari tabel "tb_buku" yang ada di database "db_belajar" yang telah kita buat di tutorial sebelum-sebelumnya.

Ok, langsung saja praktek. Pertama pastikan kawan-kawan telah mengikuti tutorial yang sebelumnya agar tidak bingung di tutorial kali ini. Lanjut langsung ke langkah-langkahnya :

1. Buka folder "belajarci" yang berada di "xampp/htdocs" kawan-kawan di texteditor kalian. Kemudian buka file "M_buku.php" di folder "belajarci/application/models/", lalu tambahkan fungsi "tampil_data" pada model kalian.


Penjelasan Script :  Fungsi "tampil_data" adalah mengambil seluruh data yang berada di "tb_buku".


2. Buka file "main.php" yang berada di "belajarci/application/views" setelah itu ubah script di "main.php" dengan menambahkan beberapa script. kawan kawan bisa melihat file "main.php" milik saya di bawah ini.


Penjelasan Script : script "foreach ($buku as $row) {" sampai "}" berfungsi untuk menampilkan data yang di kirim dari Controller.


3. Buka file "C_buku.php" yang berada di "belajarci/application/views" kemudian edit fungsi "index" seperti berikut.

Penjelasan Script : "$data['buku']=$this->M_buku->tampil_data();" berfungsi untuk memanggil fungsi "tampil_data" yang berada di "M_buku", kemudian di masukan ke variabel data dengan nama "buku", untuk script ini "$this->load->view('main',$data);" berfungsi untuk menampilkan file "main.php" beserta menyisipkan variabel data yang sebelumnya telah di buat.

4. Terakhir buka "localhost/belajarci", jika kawan-kawan membaca dari awal dan teliti dalam mengetik maka akan tampil seperti berikut.




Tips : usahakan dalam dunia pemrogramman kawan-kawan menghindari Copy Paste, karena skill mengetik dengan cepat itu adalah nilai tambah di dunia pemrogramman.

Ok, saya kira cukup dulu untuk artikel kali ini, kalo ada yang kurang faham. Silahkan coret-coret kolom komentar di bawah ini ya. Salam sejahtera dan tetap semangat.

4 komentar:

Input Data Menggunakan CodeIgniter

Maret 21, 2018 deifa satrio 3 Comments

Hay hay kawan ketemu lagi dengan saya, seperti biasa kita akan melanjutkan artikel sebelumnya yaitu Database Pertamaku, kalo belum baca silahkan di baca dulu artikel yang itu karena kita akan meneruskan kelangkah yang paling sulit dalam pemrogramman berbasis web, yaitu coding.

Hehehe jangan tegang dulu ya pertama-tama saya akan kenalkan senjata saya dalam mengerjakan proyek berbasis web, yaitu CodeIgniter. Ada yang sudah tau CodeIgniter atau yang biasa disebut CI, kalo sudah tau saya kasih jempol 5 buat kawan-kawan yang sudah tau, kalo belum saya akan menceritakan dulu sedikit tentang CI.

Codeigniter adalah framework PHP yang menggunakan metode MVC(Model, View, Controller) yang memudahkan para developer untuk membuat aplikasi web dinamis. Pertama dirilis tahun 28 Februari 2006, Versi stabil terakhir CI sendiri adalah versi 3.1.7 yang sekarang akan kita pelajari.

Ok cukup untuk pengenalanya, sekarang kita akan masuk ke tahab persiapan. Pastikan teman-teman sudah menginstall Xampp ya ?, jika belum baca dulu artikel berikut : Installasi Xampp. Untuk tutorial kali ini saya menggunakan Xampp versi 3.2.2, jadi untuk teman-teman yang akan mengikuti harap menyelaraskan versi Xampp nya ya, agar tidak terjadi hal yang tidak di inginkan.
Untuk CodeIgniternya temen-temen bisa download sendiri di website resmi CI berikut : https://codeigniter.com/.

Nah semua siap, sekarang perhatikan instruksi saya secara hati-hati ya:

1. Nyalakan apache dan mysql pada aplikasi Xampp milik kawan-kawan. untuk database kita menggunakan database yang kita buat di artikel sebelumnya yaitu : Database Pertamaku.

2. Sekarang Buat folder "belajarci" di dalam folder htdocs yang bertempat di folder installasi Xampp.

3. Kemudian extract "CodeIgniter-3.1.7.zip" yang temen-temen download dari website resmi CI ke folder "belajarci". Ok sudah ?, jika sudah maka akan muncul file dan folder framework CI di folder "belajarci" milik temen-temen.

4. Setelah selesai buka browser kemudian ketikan url seperti berikut "localhost/belajarci", jika langkah-langkah sebelumnya ini telah terpernuhi dan benar maka akan muncul tampilan seperti berikut ini di browser temen-temen :



5. Selanjutnya buka file "database.php" ke text editor kawan-kawan yang berada di dalam folder "belajarci/application/config/",kalo kawan-kawan belum punya text editor atau bahkan belum tau apa itu text editor, saya sarankan kawan-kawan baca dulu artikel lama saya yaitu : 5 text editor terbaik. sudah kawan ? kalo sudah perhatikan gambar berikut.


pasti punya kawan-kawan berbedakan ?, ubah script "database.php" kalian seperti gambar diatas ini.

Penjelasan Script : script diatas adalah mengubah username dan password sesuai dengan akun localhost kawan-kawan. Untuk Xampp di windows, biasanya tidak ada passwordnya dan untuk usernamenya pasti "root", "root" adalah username default Xampp.


6. Ok lanjut kawan. sekarang kita buka file "autoload.php" yang berada di folder "belajarci/application/config/".

Lalu cari script ini :


$autoload['libraries'] = array();

kemudian ganti seperti berikut :


$autoload['libraries'] = array('database');


Penjelasan script : memanggil fungsi database yang berada di autoload libraries, berfungsi agak kita dapat memanipulasi data yang berada di database mysql/maria db.

selanjutnya cari script seperti berikut :


$autoload['helper'] = array();


kemudian ganti menjadi seperti berikut :


$autoload['helper'] = array('url','form');


Penjelasan Script : memanggil fungsi url dan form yang berada di autoload helper, fungsi dari helper url adalah agar kita dapat membuat link pada aplikasi web kita dan masih banyak lagi fungsinya. untuk fungsi helper form adalah untuk membuat form pada aplikasi web, sebagai contoh form input dan form edit.

7. Setelah proses di "autoload.php" selesai sekarang kita membuat file yang bernama "M_buku.php" di folder "belajarci/application/models/", dan ketikan script seperti berikut




Penjelasan Script : sebelum saya menjelaskan script saya akan menjelaskan apa itu Model. Model ada tempat programmer menaruh script yang berhubungan langsung dengan database atau yang lebih sering di katakan SQL. Singkatnya model berisi fungsi-fungsi yang akan langsung mempengaruhi database. nah untuk penjelasan script diatas adalah kita membuat fungsi untuk memasukan data yang nanti di kirimkan dari Controller ke database.

8. Setelah selesai kita buat file baru lagi bernama "main.php" pada folder "belajarci/application/views/" kemudian ketikan script seperti berikut :




Penjelasan Script : pertama-tama saya akan menerangkan tentang apa itu views. semua file yang berada di folder views berfungsi untuk menjadi tampilan pada website kalian. nah jadi file-file ini nanti yang akan di lihat oleh user.


9. Ok, kemudian buat lagi file "input.php" di folder "belajarci/application/views" dan ketikan kode seperti berikut :





Penjelasan Script : di file input.php ini kita akan membuat form untuk menambahkan data, untuk di script form_open, kawan-kawan bisa lihat ada kata-kata "C_buku/input" yang berati data yang kita masukan atau insert kan akan di kirim ke alamat ini.

10. Nah sekarang kita bikin controller nya, buat file "C_buku.php" di folder "belajarci/application/controllers/" kemudian ketikan script di bawah ini :





Penjelasan Script : Controller, Controller adalah file yang mengatur segala sesuatu mulai transfer data, menampilkan file view dan lain-lain. disini saya akan langsung menjelaskan script diatas per function nya.

Pertama function __construct , fungsi ini adalah fungsi yang harus ada di setiap controller dan bertugas untuk meload Model, Helper, Libraries dan lain lain pada script diatas kita meload model "M_buku" yang sebelumnya sudah kita buat. 

 Kemudian function index, fungsi ini adalah fungsi default yang akan tampil ketika kita memanggil suatu controller di browser, di script di atas saya memanggil file view yaitu "main.php". 

 Selanjutnya function i, fungsi ini saya kasih aksi yaitu menampilkan file view : "input.php" yang di dalamnya terdapat form yang akan kita isi data nya.

 Yang terakhir adalah function input, fungsi ini saya beri aksi membuat variabel yang isi dari setiap variabel tadi adalah data yang kita kirim dari file view "input.php",dan kemudian kita kirim ke fungsi tambah_data yang berada di file model : "M_buku.php" agar di eksekusi dan disimpan di database.


11. kalo sudah selesai, terakhir kita buka file "routes.php" pada folder "belajarci/application/config/" kemudian cari script seperti di bawah ini


$route['default_controller'] = 'Welcome';
$route['404_override'] = '';
$route['translate_uri_dashes'] = FALSE;

kemudian ganti default controller nya menjadi controller yang telah kita buat yaitu "C_buku" seperti berikut :


$route['default_controller'] = 'C_buku';
$route['404_override'] = '';
$route['translate_uri_dashes'] = FALSE;




Penjelasan Script : script defaut cotroler diatas kita ganti dari "Welcome" ke "C_buku" bertujuan untuk saat pertama kali kita membuka url : localhost/belajarci di browser controller "C_buku" lah yang akan tampil terlebih dahulu.

12. Sekarang kita tes di browser, ketikan "locahost/belajarci" kemudian tambahkan data dan lihat apakah data telah di insertkan di database. Jika proses input data berhasil atau sukses, maka akan muncul data yang teman-teman inputkan di tabel buku



Untuk temen-temen yang masih bingung bisa coret-coret tab comentar atau download source code nya disini. Ok saya kira sudah panas kepala temen-temen ya ? sementara cukup dulu untuk artikel ini semoga bermanfaat dan memberi pengetahuan baru, jika masih bingung silahkan coret-coret tab komentar di bawah ini ya kawan. sampai ketemu di tutorial selanjut nya dan salam sejahtera.

3 komentar:

Database Pertamaku

Maret 18, 2018 deifa satrio 0 Comments


Hay hay kawan bagaimana kabarnya ? sehat kan, dan pasti masih semangat kan ?.
Kali ini saya akan melanjutkan topik tutorial yang kemarin yaitu Halaman HTML Pertamaku, nah kali ini sebelum kita membuild web yang sebenarnya mari kita belajar tentang localhost/phpmyadmin. Secara gambaran besar Phpmyadmin adalah adalah perangkat lunak berbasis web yang berguna untuk menangani administrasi MySQL. Sampek sini bingung ya ? hehehe, bagus lah nak bingung berati kawan-kawan masih serius.

Ok, dari pada saya menjelaskan panjang kali lebar tambah sisi miring, mending langsung praktek. Sebelumnya pastikan kawan-kawan telah menginstall XAMPP, kalo belum cek artikel saya yang ini : Insatallasi Xampp.

XAMPP udah, bingung juga udah, penasaran juga sudah, sekarang kita praktek langsung. Ikuti langkah-langkah di bawah ini :

1. Nyalakan Apache dan MySQL di aplikasi XAMPP.




2. Buka browser kemudian ketikan "localhost/phpmyadmin".



3. Jika berhasil maka akan tampil gambar seperti berikut.


4. Setelah ini buat database dengan mengklik button new database lalu beri nama db_belajar.

5. Kemudian buat tabel tb_buku di dalam database db_belajar seperti berikut.

kemudian buat field nya seperti berikut. oh iya Field adalah kumpulan dari karakter yang membentuk satu arti, maka jika terdapat field misalnya seperti NomerBarang atau NamaBarang, maka yang dipaparkan dalam field tersebut harus yang berkaitan dengan nomer barang dan nama barang. Atau definisi field yang lainnya yaitu tempat atau kolom yang terdapat dalam suatu tabel untuk mengisikan nama-nama (data) field yang akan di isikan.

 


ok database siap, kalo kawan-kawan bertanya-tanya kenapa kog tutorial nya membahas sedikit sekali setiap artikelnya. itu karena jujur saya sendiri ya menyempat-nyempat kan, ke-2 saya pengen kawan-kawan tidak terlalu tergesa-gesa. supaya lebih paham lagi, OK ?

Oh iya kawan, untuk artikel selanjutnya saya akan beri kategori berbeda yaitu CodeIgniter, tenang aja
artikel yang ada di kategori CodeIgniter adalah lanjutan dari artikel-artikel di kategori Belajar Pemrograman.Saya kira cukup untuk artikel kali ini, kalo ada penjelasan yang kurang jelas silahkan temen-temen coret-coret panel komentar di bawah ini. Sampai ketemu di artikel selanjutnya dan selamat belajar.


0 komentar:

Halaman HTML Pertamaku

Maret 14, 2018 deifa satrio 0 Comments


Halo, salam sejahtera untuk kalian semua. Di postingan kali ini saya akan memberikan tutorial bagaimana sih membuat halaman html pertama kalian, Mungkin untuk temen-temen yang sudah bisa, bisa diskipp tutorial ini tapi buat temen-temen yang baru pertama belajar pemrograman berbasis web, Wajib baca sampek selesai ya.

Ok langsung saja ya kawan, ikuti tutorial dibawah ini dengan teliti ya :
1. Buka xampp kalian, lalu nyalakan Apache dan MySql.














Kalo temen-temen belum install xampp lihat tutorial berikut : Installasi Xampp.


2. Buka folder htdocs yang berada di dalam forlder xampp teman-teman, kalo saya pribadi saya naruhnya di partisi E.










Nah, kalo sudah buat folder di dalam htdocs bernama "HelloWorld".


3. Setelah buat folder "HelloWord" buat file index.html di dalam folder tersebut.

4. Kemudian buka file "index.html" di text editor andalan kalian, ketikan kode berikut
di file "index.html"


untuk kalian yang belum memliki text editor yang pas, kalian bisa melihat rekomendasi text editor terbaik versi saya disini


5. Terakhir buka browser kalian lalu ketikan localhost/HelloWorld, dan taaadddaaaa ini lah hasil halaman html pertama kalian.














Gimana ? tambah susah apa menyenangkan ? kalo ada error atau kawan-kawan masih bingung silahkan coret-coret kolom komentar. Ok, saya kira cukup untuk tutorial kali ini semoga bermanfaat, dan salam sejahtera bagi kawan-kawan semua.

0 komentar:

Langganan: Postingan (Atom)