Cara Mudah Membuat HMVC pada CodeIgniter Versi 2.x dan 3.x

Cara Mudah Membuat HMVC pada CodeIgniter Versi 2.x dan 3.x akan admin bahas kali ini. Seperti yang sudah dibahas pada artikel sebelumnya, mengenai Mana yang Lebih Baik MVC atau HMVC ?, bahwasannya HMVC lebih mudah digunakan untuk pembuatan aplikasi yang besar. Sedikit mereview tulisan kemarin, bahwasannya metode arsitektur HMVC pada CodeIgniter memiliki beberapa kelebihan dan kekurangan. Namun, jika dipertimbangkan lebih jauh, maka HMVC cenderung lebih baik dari MVC. Konsep HMVC menitik beratkan pada masing masing module yang bisa dikembangkan secara terpisah.

Buat teman teman yang ingin melihat kelebihan, kekurangan, maupun perbandingan HMVC dan MVC dapat membaca di artikel Perbandingan MVC dan HMVC. Lalu bagaimana cara membuat HMVC? Bukankah konsep standar bawaan dari CI hanyalah MVC? Nah, jawabannya akan admin bahas di artikel ini.

 

Module HMVC pada CI

Cara Mudah Membuat HMVC pada CodeIgniter Versi 2.x dan 3.x

Cara Mudah Membuat HMVC pada CodeIgniter Versi 2.x dan 3.x

Cara Mudah Membuat HMVC pada CodeIgniter

Untuk dapat membuat HMVC (Hierarchical Module View Controller) teman teman bisa mengikut step step berikut ini:

  1. Download CodeIgniter, kemudian extract, dan copy ke folder: C/Xampp/htdocs/ayongoding,
  2. Download Paket Extension Modular, kemudian Extract hasil download,
  3. Pindahkan hasil extract ke dalam modul CI di : C/Xampp/htdocs/ayongoding/application,
  4. Buat folder baru bernama “modules“,
  5. Buatlah folder baru di dalam modules bernama “programmer“,
  6. Buatlah 3 folder (models, views, dan controllers) pada folder programmer,
  7. Buatlah file baru didalam folder controllers bernama “Belajar.php“,
  8. Buatlah file baru didalam folder views bernama “V_belajar.php“,
  9. Aktifkan webserver apache, kemudian akses localhost/ayongoding/belajar.

Untuk lebih lengkap dan jelasnya, berikut tutorial cara membuat HMVC pada CI.

 

Tutorial Cara Membuat HMVC di CI

1. Download CodeIgniter

Langkah pertama, download dulu codeigiter versi terbaru (saat ini admin menggunakan CodeIgniter versi 3..8), berikut link downloadnya: Download CI Versi 3.1.8. Setelah didownload, silahkan di extract, kemudian seluruh folder ke dalam C/Xampp/htdocs/ayongoding. Setelah seluruhnya dipindahkan, aktifkan xampp, lalu akses localhost/ayongoding pastikan hasilnya seperti gambar dibawah yah.

Langkah Pertama, Menginstall CodeIgniter di Apache

Langkah Pertama, Menginstall CodeIgniter di Apache

Jika belum berhasil, jangan khawatir yah, silahkan baca artikel cara install CodeIgniter di localhost terlebih dahulu, dijamin langsung bisa. Jika sudah bisa, silahkan lanjut ke step berikutnya.

 

2. Download dan Extract Paket Extension Modular

Karena kita menggunakan HMVC, maka kita bisa menggunakan bantuan extension ini, caranya silahkan unduh pluginnya terlebih dahulu di: Paket Extenxion Modular HMVC. Pastikan kamu klik yang tulisannya “Download Repository“.

Langkah Kedua, Download Extension Modular untuk HMVC

Langkah Kedua, Download Extension Modular untuk HMVC

 

3. Pindahkan Hasil Extract ke Folder Kerja

Setelah di extract, maka akan ada 2 folder, dan 2 file. Copy 2 folder tersebut, kemudian paste di dalam folder C/Xampp/htdocs/ayongoding/applications. Pastikan bukan di root folder yah. Kalau ada notifikasi replace, di konfirmasi saja. Berikut gambar setelah folder applications telah ditambahkan Paket Extension Modular.

Langkah Ketiga, pindahkan extension ke folder applications

Langkah Ketiga, pindahkan extension ke folder applications

 

4. Buat Folder Baru Bernama modules

Selanjutnya buatlah folder modules di dalam folder application. Folder ini nantinya akan menjadi induk bagi module lainnya.

 

5. Buat Folder Baru Bernama programmer

Buatlah folder programmer di dalam folder modules yang baru saja dibuat.

 

6. Buat 3 Folder (models, views, controllers)

Sekarang buatlah folder module nya yang berisi models, views, dan controllers. Setelah dibuat, nantinya akan menjadi seperti gambar dibawah ini:

Lagkah Keenam, buatlah folder models, views, dan controllers di dalam folder programmer yang baru dibuat

Lagkah Keenam, buatlah folder models, views, dan controllers di dalam folder programmer yang baru dibuat

 

7. Buatlah file “Belajar.php” di dalam Controllers

Nah, setelah HMVC telah diinstal pada CodeIgniter, sekarang kamu dapat mencobanya dengan membuat file Controller, bernama Belajar.php. Berikut listing code yang ada pada Belajar.php:

<?php defined('BASEPATH') OR exit('No direct script access allowed'); 
class Belajar extends CI_Controller { 

public function index() { 
$this->load->view('V_belajar');
}
}
?>

 

8. Buatlah file “V_belajar.php di Views

Sekarang buatlah tampilan untuk user di folder applications/modules/programmer/views, berikut source code yang admin gunakan:

<?php
defined('BASEPATH') OR exit('No direct script access allowed');
?><!DOCTYPE html>
<html lang="en">
<body>

<div id="container">
 <h1>Latihan HMVC</h1>

<div id="body">
 <p>HMVC itu Mudah</p>
 </div>

<p class="footer">Page rendered in <strong>{elapsed_time}</strong> seconds. <?php echo (ENVIRONMENT === 'development') ? 'CodeIgniter Version <strong>' . CI_VERSION . '</strong>' : '' ?></p>
</div>

</body>
</html>

 

9. Aktifkan Xampp, Buka Projek

Langkah terakhir, aktifkan Apache di Xampp, kemudian buka localhost/ayongoding/index.php/programmer/belajar.

 

Sekian bahasan Cara Mudah Membuat HMVC pada CodeIgniter Versi 2.x dan 3.x semoga bermanfaat.

Leave a Reply

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

This site uses Akismet to reduce spam. Learn how your comment data is processed.