Langkah - Langkah Konfigurasi dan Instalasi Framework CodeIgniter 3

Nama    : Betti Natalia Nahampun
Prodi     : TIF 2B

FRAMEWORK CODEIGNITER 3

Mata kuliah Pemrograman Website pertemuan pertama ini yaitu konfigurasi dan instalasi Framework 

CodeIgniter 3 di windows. Sebelum masuk pembahasan mengenai langkah - langkah konfigurasi dan 

instalasi Framework CodeIgniter 3 saya akan memberikan penjelasan mengenai Framework 
CodeIgniter.

A. Framework

    Framework merupakan sebuah kerangka kerja yang terstruktur yang mampu mempermudah seorang 

programmer dalam membangun atau mengembangkan sebuah website atau aplikasi.

Fungsi Framework dalam web development sebagai berikut:

1. Kode program lebih terstruktur, program yang dibuat akan dimasukkan ke dalam setiap komponen 

yaitu, Model, View, dan Controller. Model berfungsi sebagai tempat untuk menampung kode program 

algoritma pemrograman dan penghubung database aplikasi. View berfungsi tempat menampung 

kode program untuk membuat tampilan yang nantinya di tampilkan kepada costomer. Controller 

berfungsi sebagai Menghubungkan model dan view agar menjadi sebuah website secara keseluruhan.

2. Praktis untuk developer, saat mengembangkan aplikasi dan website akan lebih praktis menggunakan 

framework karena karena framework sudah menyediakan kode berupa function dan class jadi proses 

pembuatan software atau aplikasi akan menjadi lebih cepat.

3. Memiliki keamanan yang lebih tinggi, Framework sangat berfungsi untuk mengamankan aplikasi 

dan website yang telah dibuat developer.

B. CodeIgniter

    CodeIgniter telah menjadi Framework PHP, dengan model MVC untuk membangun website dinamis 

dengan menggunakan PHP yang dapat mempercepat pengembang untuk membuat aplikasi web.

C. Persiapan Konfigurasi dan Instalasi Framework CodeIgniter 3

1. Teks Editor

    Teks editor merupakan sebuah aplikasi yang biasa digunakan developer untuk menyusun kode 

program membuat suatu aplikasi baru. Teks editor yang digunakan untuk menggunakan framework 

codeigniter 3, yaitu Sublime Text



Gambar1.1 Sublime Text

2. Web Browser

Web Browser digunakan untuk menampilkan hasil dari aplikasi yang dibuat. Direkomendasikan untuk 

menggunakan Google Chrome dan Firefox. 

Gambar1.2 Google Chrome

3. Web Server

Web server yang digunakan yaitu aplikasi Xampp yang sudah terinstal di laptop. Requirement server untuk codeigniter 3 sebagai berikut:
  • PHP versi 7.0 +
  • Mysql versi 5.1+
  • Phpmyadmin
Gambar1.3 Aplikasi Xampp

4. Framework CodeIgniter 3

File project codeigniter dapat di Donwload di situs resmi codeigniter menggunakan link berikut:  

https://codeigniter.com/user_guide/models/model.html

Gambar1.4 Situs download codeigniter 3

Silahkan pilih yang codeigniter versi 3 karena sudah sangat sering digunakan oleh developer dan 

memudahkan pemula menggunakannya. Setelah di download file nya akan berbentuk ZIP. 

D. Langkah - Langkah Membuat Project CodeIgniter 3

    Virtual Host merupakan konfigurasi pada web server yang memungkinkan penggunaan lebih dari satu domain pada sebuah server, dengan virtual host dapat membuat lebih dari satu website dengan konten yang berbeda pada server.

1. Edit File httpd.conf di XAMPP

Langkah pertama mengedit file httpd.conf buka disk C/xampp/apache\conf seperti gambar berikut:

Gambar1.5 File penyimpanan virtual host
Selanjutnya temukan virtual hosts dan hapus tanda pagar pada baris Include conf/extra/httpd-

vhosts.conf menjadi seperti gambar dibawah ini:
Gambar1.6 File httpd.conf

2. Edit File https-vhosts.conf di XAMPP

Selanjutnya membuat virtual host pada file httpd-vhost.conf caranya buka disk 

C:/xampp\apache\conf\extra pilih httpd-vhosts.conf seperti gambar di bawah ini:

Gambar1.7 File httpd-vhosts.conf

3. Buat Folder Baru di Disk

Selanjutnya yaitu membuat folder di disk D dengan penamaan folder: D:\vhost\belajarcodeigniter.test

Gambar1.8 Folder Vhost

4. Buat File Baru di Folder BelajarCodeigniter

Selanjutnya membuat file baru dengan ekstensi .PHP seperti gambar di bawah ini:

Gambar1.9 File index.php

Selanjutnya membuka file httpd-vhosts.conf:

Gambar1.9 File httpd-vhost.conf

Setelah file terbuka edit sesuai tampilan gambar berikut:

Gambar1.10 Isi file httpd-vshost.conf

pada baris 46 merupakan perintah untuk kode program nama tempat penyimpanan file vhost.
pada baris 47 merupakan kode program untuk membuat servername yaitu, belajarcodeigniter.test

5. Edit File Hosts di Windows

Selanjutnya membuat virtual host di xampp, dengan cara direktori C:\Windows\System32\drivers\etc. 

namun sebelumnya kita perlu akses sebagai administrator silahkan buka notepad dengan menggunakan 

akses Run as administrator, seperti gambar di bawah ini:

Gambar1.11 Buka notepad

Selanjutnya pilih menu file open ke direktori C:\Windows\System32\drivers\etc, kemudian klik file 

hosts dengan mengganti ekstensi menjadi all files, klik tombol open seperti gambar di bawah ini:

Gambar1.12 Buka file hosts

Selanjutnya ubah isi host dengan menambahkan nama host baru anda pada bagian akhir file :

Gambar1.13 Isi file hosts

6. Buat Folder Project di Vhost

Selanjutnya menambahkan file baru di belajarcodeigniter dari file ZIP codeigniter 3. Copy dan paste-

kan semua file ke folder vhost seperti gambar di bawah ini:

Gambar1.14 File codeigniter 3

7. Restart XAMPP

Selanjutnya klik tombol start pada modul apache dan MySQL seperti gambar di bawah ini:

Gambar1.15 Buka Xampp

8. Buka Web Browser dan Buka Belajarcodeigniter

Gambar1.16 Tampilan project codeigniter di Chrome

Itulah penjelasan dari saya mengenai konfigurasi dan instalasi codeigniter 3, bila ada kata yang salah mohon dimaafkan terima kasih...





























Komentar

Postingan populer dari blog ini

Menjelaskan Langkah -Langkah Download dan Install Odoo Versi 16 Windows 10

Langkah - Langkah Mengaktifkan dan Menonaktifkan Modul Aplikasi Odoo