Mei 24, 2021

TUGAS 6 PBKK A - Pengenalan Framework CodeIgniter

1. Persiapan

Tutorial yang digunakan adalah Persiapan Belajar Codeigniter dan MVC dan Routing, Konsep dasar CI yang Harus Kamu Pahami

Install XAMPP dengan mengikuti tutorial disini
Download Codeigniter disini
Ekstrak file zip Code igniter ke folder htdocs
Rename folder hasil ekstrak zip sesuai yang kita inginkan, pada kali ini kita ganti nama foldernya menjadi PengenalanCI

Saat kita membuka web browser dan mengakses alamat berikut:

http://localhost/PengenalanCI/

Akan muncul halaman seperti gambar berikut

2. Membuat MVC dasar dan Routing

Ubah application\controllers\Welcome.php dengan menambahkan fungsi about dan contact menjadi sebagai berikut

<?php
defined('BASEPATH') OR exit('No direct script access allowed');

class Welcome extends CI_Controller {

  /**
   * Index Page for this controller.
   *
   * Maps to the following URL
   *    http://example.com/index.php/welcome
   *  - or -
   *    http://example.com/index.php/welcome/index
   *  - or -
   * Since this controller is set as the default controller in
   * config/routes.php, it's displayed at http://example.com/
   *
   * So any other public methods not prefixed with an underscore will
   * map to /index.php/welcome/<method_name>
   * @see https://codeigniter.com/user_guide/general/urls.html
   */
  public function index()
  {
    $this->load->view('welcome_message');
  }
  
  public function about()
  {
    // fungsi untuk me-load view about.php
    $this->load->view('about');
  }

  public function contact()
  {
    // fungsi untuk me-load view contact.php
    $this->load->view('contact');
  }
}

Tambahkan route untuk fungsi about dan contact ke application\config\routes.php sehingga menjadi sebagai berikut

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

$route['about'] = 'welcome/about';
$route['contact'] = 'welcome/contact';

Kemudian kita membuat file about.php dan contact.php pada folder application\views\ dengan isi sebagai berikut

about.php

<h1>About Us</h1>
<p>Ini adalah halaman about</p>

contact.php

<h1>Contact Us</h1>
<p>Ini adalah halaman Contact</p>

Hasil

3. Membuat CV Menggunakan Bootstrap

Untuk memasangkan bootstrap pada halaman yang kita inginkan, kita cukup menambahkan css dan js pada bagian head pada halaman yang diinginkan. File css dan js dapat kita peroleh dari CDN yang disediakan oleh Bootstrap disini. Kemudian kita ikuti beberapa tutorial awal dari petanikode sampai bagian konstanta saja disini. Setelah itu kita bebas berkreasi. Dibawah ini adalah hasil perubahan yang saya lakukan pada halaman welcome_message.php, about.php, dan contact.php