Selasa, 04 Desember 2018

Tugas Pemrograman Web C - 11

Tugas Pemrograman Web C - 11
Tutorial Menggunakan Framework CodeIgniter

Nama : Muhammad Harits Fadlilah
NRP   : 05111740000102
Kelas  : Pemrograman Web C

1. Pengenalan CodeIgniter


CodeIgniter adalah sebuah web application network yang bersifat open source yang digunakan untuk membangun aplikasi php dinamis.

CodeIgniter menjadi sebuah framework PHP dengan model MVC (Model, View, Controller) untuk membangun website dinamis dengan menggunakan PHP yang dapat mempercepat pengembang untuk membuat sebuah aplikasi web. Selain ringan dan cepat, CodeIgniter juga memiliki dokumentasi yang super lengkap disertai dengan contoh implementasi kodenya. Dokumentasi yang lengkap inilah yang menjadi salah satu alasan kuat mengapa banyak orang memilih CodeIgniter sebagai framework pilihannya
Untuk tutorial membuat project CodeIgniter, silahkan buka link berikut :
2. MVC dan Routing


MVC (Model, View, Controller) adalah sebuah pola desain (design pattern) arsitektur pengembangan aplikasi yang memisahkan dan mengelompokan beberapa kode sesuai degan fungsinya.

MVC membagi aplikasi ke dalam tiga bagian fungsional: model, view, dan controller.
  • Model adalah kode-kode untuk model bisnis dan data. Biasanya berhubungan langsung dengan database untuk memanipulasi data (insert, update, delete, search), menangani validasi dari bagian controller, namun tidak dapat berhubungan langsung dengan bagian view.
  • View merupakan bagian yang menangani presentation logic. berisi kode-kode untuk tampilan.
  • Controller merupakan bagian yang mengatur hubungan antara bagian model dan bagian view, controller berfungsi untuk menerima request dan data dari user kemudian menentukan apa yang akan diproses oleh aplikasi
Untuk memahami lebih lanjut mengenai alur kerja MVC serta router pada CodeIgniter, bisa dibuka link berikut ini :
3. Cara Menggunakan Bootstrap pada CodeIgniter

Langkah-langkah yang harus dilakukan untuk menggunakan bootstrap (template SB Admin) pada Codeigniter:
  1. Konfigurasi Codeigniter;
  2. Download SB Admin;
  3. Ekstrak SB Admin;
  4. Copy file assets yang dibutuhkan;
  5. Membuat Template : Buat kode php bernama overview.php yang akan menjadi template untuk halaman home admin.
  6. Membuat partial template;
  7. Menggunakan partial pada template
 Berikut adalah hasil tampilan dari template SB Admin :
Tutorial lengkapnya bisa dilihat pada link berikut :
4. Teknik Membuat Template Admin yang Efektif

Setelah melakukan tutorial sebelumnya, masih terdapat kekurangan yang perlu diperbaiki.

Template masih terdapat dalam satu file saja. Hal ini tentu bermasalah karena kita akan menghabiskan banyak waktu dan tenaga untuk mengubah semua file template yang kita buat satu per satu hanya karena ada perubahan seperti perubahan link pada navbar.

Salah satu solusi dari permasalahan ini yaitu dengan menggunakan partials. Dengan partials kita akan membagi template menjadi bagian-bagian kecil yang dapat digunakan kembali.


Berdasarkan template pada SB Admin, berikut ini partial yang bisa kita buat:
  •  head.php untuk meinyimpan isi dari tag <head>;
  •  navbar.php untuk menyimpan kode navbar;
  •  sidebar.php untuk menyimpan kode menu bagian samping (sidebar);
  •  breadcrumb.php untuk menyimpan kode link breadcrumb;
  •  scrolltop.php untuk menyimpan kode tombol scrolltop;
  •  footer.php untuk menyimpan kode footer;
  •  modal.php untuk menyimpan kode modal;
  •  js.php untuk meload javascript.
Berikut adalah source code partial yang bisa kita buat :
1. head.php
2. navbar.php
3. sidebar.php
4. breadcrumb.php
5. scrolltop.php
6. footer.php
7. modal.php
8. js.php


Isi kode dalam file overview.php akan menjadi seperti berikut setelah diparsial :
Tutorial lengkapnya bisa dilihat pada link berikut :
Hasilnya akan menjadi seperti ini :

5. Membuat Fitur CRUD

CRUD (Create, Read, Update Delete) adalah fitur dasar yang harus kita buat saat bekerja dengan database.
Berikut adalah alur kerja yang harus kita lakukan untuk membuat fitur CRUD :
  •  
Membuat Model untuk Tabel
Buatlah file baru bernama Product_model.php untuk membuat pemodelan data dari database sehingga kita akan lebih mudah mengaksesnya.
Product_model.php :


Membuat Controller
Buat file baru bernama Products.php untuk memanggil method-method yang ada di dalam model untuk mendapatkan data.
Products.php :

Untuk tutorial selanjutnya mengenai pembuatan view, form add, form edit, serta fitur hapus data, bisa dilihat pada link berikut :

Hasilnya adalah sebagai berikut :
Form Add

List products

Form edit

Fitur delete


6. Membuat Fitur Upload File

Membuat fitur upload pada CodeIgniter

Upload file memiliki alur proses seperti ini:
  1. User mengirim file melalui form;
  2. File di-upload ke server dan disimpan dalam folder tmp dulu;
  3. Kita pindahkan file yang ada di direktori tmp ke dalam direktori upload/product/ yang sudah kita buat;
Tambahkan method _uploadImage() pada model Product_model.php seperti yang telah tercantum kodenya di atas.
Hasilnya adalah sebagai berikut :

Untuk tutorial lebih lengkapnya, bisa dilihat pada link berikut :
Diposting oleh di

Tidak ada komentar:

Posting Komentar

Langganan: Posting Komentar (Atom)