+6281 911 911 301

Membuat Templit HTML pada Framework Codeigniter

Templit HTML adalah salah satu cara untuk efisiensi pembuatan script HTML. Dengan menggunakan teknik ini maka anda tidak perlu mengulangi script yang sama untuk diterapkan ke halaman lain yang mana halaman tersebut hanya memiliki perbedaan pada desain konten saja.

Contoh dari penerapan templit HTML yaitu dengan membagi tag HTML menjadi tiga bagian yaitu bagian header, konten, dan footer.

  1. Bagian header akan berisikan bait program yang nantinya akan menjadi header dari setiap halaman. Pada bagian ini akan ada tag pembuka html, tag head yang berisikan title, meta tag, css, javascript, dan script lain yang diletakkan di header. Selain bagian header akan berisi tag pembuka body dan juga bait program untuk membuat navbar dan bait program lain yang akan selalu nampak pada bagian header website.

  2. Bagian konten adalah bagian yang kemungkinan akan lebih berfariasi tergantung dengan tampilan yang diinginkan. Untuk bagian ini bisa anda sesuaikan dengan tampilan yang anda inginkan.

  3. Bagian footer adalah bagian yang berisi tag penutup body dan tag penutup html. Jika anda ingin melakukan load javascript di akhir halaman maka anda dapat meletakkan script-nya di bagian ini. Hal yang perlu diingat dari bagian footer adalah bagian ini yang akan selalu ada pada bagian akhir dari tiap halaman yang ada di dalam website. Sehingga anda perlu memikirkan bait program yang relefan untuk diletakkan pada bagian footer. Jika bait program yang anda buat hanya relefan untuk salah satu halaman saja, maka anda dapat meletakkan bait program tersebut pada akhir bagian konten.

Setelah memahami apa yang dimaksud dengan templit HTML, maka selanjutnya yaitu mengimplementasikan templit HTML pada Framework Codeigniter.

Implementasi Templit HTML pada Codeigniter

Sebelumnya pastikan anda telah membaca artikel tentang Pengenalan Codeigniter dari Struktur Folder, Fungsi, dan Instalasinya hal ini dikarenakan artikel ini merupakan artikel lanjutan dari artikel tersebut.

Langsung saja ke tata cara dari implementasi templit html pada framework Codeigniter. Adapun tata cara implementasi templit HTML pada framework Codeigniter yaitu sebagai berikut:

  1. Langkah pertama yaitu membuat file header.php pada direktori views. Kemudian letakkan coding berikut pada file header.php
    <!DOCTYPE html>
    <html>
      <head>
        <title>Latihan Membuat Templit HTML</title>
      </head>
      <body>


  2. Langkah kedua yaitu membuat file konten.php pada direktori yang sama yaitu direktori views, kemudian isikan bait program berikut pada file konten.php
    <p>Ini merupakan bagian konten dari templit html yang dibuat</p>


  3. Langkah selanjutnya yaitu membuat file footer.php pada direktori views kemudian isikan bait program berikut.
      </body>
    </html>


  4. Setelah templit html telah selesai dibuat maka selanjutnya anda dapat membuka file controller yaitu HomeControl.php yang terletak pada direktori controller. Pada file tersebut akan tampil coding seperti berikut.
    <?php
    defined('BASEPATH') OR exit('No direct script access allowed');
    
    class HomeControl extends CI_Controller 
    {
      function index()
      {
         $this->load->view('home');    
      }
    }


  5. Rubah coding yang ada pada HomeControl.php menjadi seperti berikut.
    <?php
    defined('BASEPATH') OR exit('No direct script access allowed');
    
    class HomeControl extends CI_Controller 
    {
      public function header()
      {
        $this->load->view('header');
      }
      public function footer()
      {
        $this->load->view('footer');
      }
    
      function index()
      {
        $this->header();
        $this->load->view('konten');    
        $this->footer();
      }
    }

    jika anda membuat halaman baru dengan tampilan header dan footer tetap dan yang dirubah hanya bagian konten saja maka anda dapat merubah bait code berikut.

    $this->load->view('konten');

    dengan mengganti konten menjadi nama file lain sesuai dengan konten yang ingin ditampilkan. Seperti contoh saya ingin menampilkan halaman profil, maka saya harus menambahkan bait program pada HomeControl.php menjadi seperti berikut.

    <?php
    defined('BASEPATH') OR exit('No direct script access allowed');
    
    class HomeControl extends CI_Controller 
    {
      public function header()
      {
        $this->load->view('header');
      }
      public function footer()
      {
        $this->load->view('footer');
      }
    
      function index()
      {
        $this->header();
        $this->load->view('konten');    
        $this->footer();
      }
    
      function profil()
      {
        $this->header();
        $this->load->view('profil');    
        $this->footer();
      }
    }
  6. Setelah semua langkah di atas selesai dilakukan maka anda dapat mencobanya dengan merefresh halaman. Jika tampilan sudah menampilkan konten yang ada di file konten.php maka proses pembuatan templit html sudah berhasil dilakukan.


Demikian artikel tentang tata cara membuat templit html pada framework Codeigniter, semoga dapat membantu anda dalam pembelajaran pemrograman web khususnya menggunakan framework Codeigniter.



Artikel Terkait

URL Routing pada Framework Codeigniter
Dipublikasikan
7 Nov 2017

Penerapan URL Routing pada Framework Codeigniter

Artikel ini akan menjelaskan kepada anda terkait penerapan routing (route) pada framework Codeigniter.
Redirect SSL pada Codeigniter dengan Hooks
Dipublikasikan
2 Oct 2017

Cara Redirect SSL pada Codeigniter dengan Hooks

Anda pengguna framework codeigniter dan saat ini kebingungan untuk redirect SSL, anda dapat membaca artikel ini.
Htaccess redirect 301 pada Codeigniter
Dipublikasikan
2 Oct 2017

Htaccess Redirect 301 pada Codeigniter

Anda mendapat error 301 dari aplikasi SEO yang anda gunakan, anda dapat menggunakan cara ini untuk mengatasinya.
Fungsi index.html pada Folder Codeigniter
Dipublikasikan
29 Oct 2017

Fungsi index.html pada Folder Codeigniter

Artikel ini menjelaskan tujuan dari penggunaan index.html pada setiap folder di Framework Codeigniter
Dasar Membuat Web dengan Codeigniter
Dipublikasikan
6 Nov 2017

Dasar yang Perlu Diketahui Saat Membuat Web dengan Codeigniter

Artikel ini menjelaskan tentang aturan dasar ketika belajar web dengan menggunakan framework Codeigniter.
peranan struktur data website
Dipublikasikan
15 Mar 2018

Peranan Struktur Data (JSON-LD dan Microdata) Bagi Mesin Pencari

Struktur data JSON-LD merupakan struktur data pada website yang direkomendasikan oleh Google. Ketahui lebih jauh peranan struktur data JSON-LD ini dengan mengunjungi artikel ini.