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:

Langganan: Postingan (Atom)