Persiapan Installasi Framework Codeigniter4

FEBIE ELFALADONNA, S.KOM., M.
KOM || PRAKTIKUM REKAYASA WEB
PERSIAPAN dan INSTALLASI

FRAMEWORK CODEIGNITER-4
Software Requirment :
• PHP, Web Server, dan Database Serve (Boleh
menggunakan XAMPP)
• Text Editor (Visual Studio Code)
• Composer (Package manager untuk installasi CI
menggunakan terminal/cmd)
• Git bash
• CodeIgniter
Extention Visual Studio Code :
• Intelephense (untuk membantu Bahasa pemrograman
php)
• Prettier (untuk merapikan kodingan saat disimpan)
• Snippet (Optional)
Link Installasi :
• XAMPP ( apachefriends.org ), sesuaikan dengan system
operasi yang digunakan
• Visual Studio Code ( code.visualstudio.com )
• Composer ( getcomposer.org )
• Git bash ( git-scm.com )
• CodeIgniter ( https://codeigniter.com/ )
FEBIE ELFALADONNA, S.KOM., M.KOM || PRAKTIKUM REKAYASA WEB
A. INSTALLASI XAMPP
• Pengertian XAMPP
XAMPP adalah sebuah paket perangkat lunak

(software) komputer yang sistem penamaannya
diambil dari akronim kata Apache, MySQL (dulu) /
MariaDB (sekarang), PHP, dan Perl. Sementara
imbuhan huruf “X” yang terdapat pada awal kata
berasal dari istilah cross platform sebagai simbol
bahwa aplikasi ini bisa dijalankan di empat sistem
operasi berbeda, seperti OS Linux, OS Windows, Mac
OS, dan juga Solaris.
Sejarah mencatat, software XAMPP pertama kali

dikembangkan oleh tim proyek bernama Apache
Friends dan sampai saat ini sudah masuk dalam rilis
versi 7.2.34 , 7.3.23 , 7.4.11yang bisa didapatkan
secara gratis dengan label GNU (General Public
License).
• Fungsi XAMPP
Program aplikasi XAMPP berfungsi sebagai server

lokal untuk mengampu berbagai jenis data website
yang sedang dalam proses pengembangan.
Dalam prakteknya, XAMPP bisa digunakan untuk

menguji kinerja fitur ataupun menampilkan konten
yang ada didalam website kepada orang lain tanpa
harus terkoneksi dengan internet, cukup akses
melalui Xampp control panel, atau istilahnya website
offline.
XAMPP bekerja secara offline layaknya web hosting

biasa namun tidak bisa diakses oleh banyak orang.
Maka dari itu, XAMPP biasanya banyak digunakan

oleh para mahasiswa maupun pelajar untuk melihat
hasil desain website sebelum akhirnya dibuat online

menggunakan web hosting yang biasa dijual
dipasaran.
• Cara Install XAMPP di Laptop dan PC
• Download XAMPP melalui link

https://www.apachefriends.org/index.html .
Anda bisa memilih mendownload XAMPP
dengan menyesuaikan system operasi laptop/
PC yang anda miliki.
• Setelah XAMPP berhasil didownload maka hal

yang harus dilakukan adalah menginstall
XAMPP seperti pada gambar di bawah ini. Klik
Next.
• Setelah itu, Anda boleh memilih komponen apa

yang akan digunakan. Standar untuk server
web berbasis CMS WordPress menggunakan
MySQL, FileZilla FTP server, dan Apache,
sedangkan dari bahasa pemrograman bisa
menceklist pilihan phpMyAdmin, PHP, dan Perl.
Kemudian klik next.
• Pilih lokasi file XAMPP yang akan diinstal.

Sebaiknya gunakan pilihan default. Klik next.
• Tunggu beberapa saat sampai proses instalasi

XAMPP selesai.
• Apabila proses installasi telah selesai, maka

Anda dapat mengaktifkan Apache dan MySQL
dengan meng-klik tombol action – Start seperti
pada gambar di bawah ini. Proses installasi
berhasil.
B. INSTALLASI TEXT EDITOR VISUAL STUDIO CODE
Visual Studio Code (VS Code) adalah salah satu text editor
yang termasuk ringan dan memiliki banyak fitur yang
dapat memudahkan programmer. Salah satunya yaitu
Anda dapat mendownload plugin yang dibutuhkan
langsung dari VS Code. VS Code merupakan text editor
buatan Microsoft yang yang tersedia untuk Windows,
Linux, dan Mac. Text editor ini langsung mendukung
bahasa pemrograman JavaScript, TypeScript, dan
Node.js. serta bahasa pemrograman lainnya dengan
plugin yang dapat dipasang dari marketplce VS Code
seperti Java, C++, Python, Go, dll. VS Code memiliki banyak
fitur, di antaranya :
• Cross platform
• Lightweight
• Powerful
• Code Debugging
• Source control
• Integrated terminal
• dan masih banyak lainnya
• Cara Install Visual Studio Code di Laptop dan PC

• Download Visual Studio Code melalui link
https://code.visualstudio.com/download Anda bisa
memilih mendownload VS Code dengan
menyesuaikan system operasi laptop/ PC yang anda
miliki.
• Setelah VS Code berhasil didownload maka hal yang

harus dilakukan adalah double klik pada installer vs
code. Pilih “I accept the agreement” kemudian
klik next.
• Pilih lokasi dimana Anda akan menginstalnya. Jika

ingin melakukan perubahan, pilih Browse, lalu pilih
lokasi sesuai keinginan Anda. Jika tidak ingin
mengubah lokasinya, langsung klik Next.
(Direkomendasikan untuk tidak mengganti pilihan
lokasi).
• Klik next jika tidak ingin mengubah nama tampilan di

Start Menu.
• Di bagian Select Additional Tasks centang semua

atau sesuaikan dengan kebutuhan Anda. Lalu
klik next.
• Kemudian klik Install untuk memulai proses installasi.
• Tunggu beberapa saat hingga proses instalasi

selesai.
• Setelah selesai proses instalasi, klik Finish.
• Gambar di bawah merupakan tampilan awal VS

Code.
• Setelah melakukan installasi VS Code, Langkah

selanjutnya yang harus dilakukan adalah Anda
harus menginstall beberapa ekstensi yang ada pada
VS Code. Hal ini bertujuan untuk memudahkan Anda
dalam penggunaan/ menulis kodingan bahasa
pemrograman. Anda dapat meng-klik pilihan
extention pada sidebar sebelah kiri dari halaman VS
Code di laptop maupun PC Anda.
• Ekstensi pertama yang harus diinstal adalah PHP

Intelephense. Ketikan pada kolom extention dengan
kata “Intelephense”. Pada baris pertama pencarian
akan muncul PHP Intelephense. Kemudian install.
Setelah PHP Intelephense terinstal, apabila system
menyarankan untuk merestart VS Code maka
silahkan direstart.
• Sebelum menggunakan ekstensi PHP Intelephense,

terdapat beberapa konfigurasi yang harus
dilakukan. Scrooll down dokumentasi PHP
Intelephense dan temukan Quick Start. Pilihan yang
harus dilakukan adalah membuat Bahasa PHP
bawaan VS Code menjadi Disable. Ikuti Langkah
pada gambar di bawah ini.
Jadikan PHP Language Features Disable

• Ekstensi yang selanjutnya diinstall adalah code

formatter “Prettier”.
• Setelah menginstall code formatter “Prettier”,

lakukan setting konfigurasi dengan cara pilih file→
Preferences→ Setting→ Ketikan format pada kolom

setting.
• Ceklist pada Format On Save Mode, yang artinya

apabila Anda menyimpan file maka secara otomatis
kodingan Anda akan dirapikan terlebih dahulu

secara otomatis oleh system.
• Selanjutnya adalah installasi “Snippet”. Snippet

berfungsi untuk memudahkan pengetikan. Misal
kodingan yang akan Anda ketikan adalah kodingan
yang Panjang. Untuk mempermudah penulisan
menjadi lebih singkat, maka boleh menggunakan
snippet. Snippet pada tutorial ini adalah opsional.
Boleh diinstall dan boleh tidak. Untuk cara installasi
snippet masih seperti cara sebelumnya, namun
terdapat beberapa konfigurasi yang harus
dilakukan.
C. INSTALLASI COMPOSER
Composer adalah dependency manager untuk PHP.

Karena keandalan dan kemudahan penggunaannya, tool
ini kerap dipakai oleh para developer untuk mengelola dan
mengintegrasikan package atau library eksternal ke
proyek berbasis PHP. Mereka pun tidak perlu lagi
membuat halaman web (webpage) atau aplikasi web dari
nol.
• Cara Install Composer di Laptop dan PC

• Silahkan akses situs https://getcomposer.org/ dan
pada halaman download anda bisa langsung
mendownload installer composer.
• Setelah itu, pilih Composert-Setup.exe untuk

mendownload software composer.
• Setelah selesai mendowload silahkan double klik

pada file Composer-Setup.exe dan nanti akan
muncul jendela composer setup seperti dibawah ini,
silahkan klik next untuk melakukan proses instalasi.
• Klik next lagi tanpa melakukan perubahan apapun.

• Silahkan tunggu sampai proses instalasi selesai. Jika

proses installasi selesai silahkan klik finish. untuk
melakukan pengecekan apakah composer sudah
terinstall atau belum, silahkan buka command
prompt anda dan ketikkan composer-v. Apabila
composer sukses terinstall maka akan muncul
tampilan seperti berikut.
• Installasi Composer Selesai.

D. INSTALLASI GIT BASH

Git adalah salah satu sistem pengontrol versi (Version
Control System) pada proyek perangkat lunak yang
diciptakan oleh Linus Torvalds. Pengontrol versi
bertugas mencatat setiap perubahan pada file proyek
yang dikerjakan oleh banyak orang maupun sendiri. Git
dikenal juga dengan distributed revision control (VCS
terdistribusi), artinya penyimpanan database Git tidak
hanya berada dalam satu tempat saja.
Semua orang yang terlibat dalam pengkodean proyek

akan menyimpan database Git, sehingga akan
memudahkan dalam mengelola proyek baik online
maupun offline. Dalam Git terdapat merge untuk
menyebut aktifitas penggabungan kode. Sedangkan
pada VCS (Version Control System) yang terpusat,
database disimpan dalam satu tempat dan setiap
perubahan disimpan ke sana.
• Cara Install Git di Windows

• Silahkan buka website resminya Git ( git-scm.com).
Kemudian unduh Git sesuai dengan arsitektur
komputer kita. Kalau menggunakan 64bit, unduh
yang 64bit. Begitu juga kalau menggunakan 32bit.
• Silahkan double klik pada file instaler Git yang sudah

diunduh.
• Maka akan muncul infomasi lisensi Git, klik Next

untuk melanjutkan.
• Tentukan lokasi installasi. Sebaiknya tidak perlu

diubah. Klik next.
• Pada laman pemilihan komponen, biarkan default.

Klik next.
• Pemlilihan direktori start menu, klik next.

• Selanjutnya pengaturan PATH Environment. Pilih

yang tengah agar perintah git dapat di kenali
di Command Prompt (CMD). Setelah itu klik next.
• Selanjutnya konversi line ending. Biarkan saja

default, klik next.
• Pada pemilihan emulator terminal. Pilih saja yang

bawah, kemudian klik next.
• Pemilihan opsi ekstra. Klik next.

• Untuk pemilihan opsi ekspreimental, langsung saja

klik Install untuk memaulai instalasi.
• Tunggu beberapa saat, hingga proses installasi

selesai.
• Klik finish, installasi selesai.
• Git teristall sempurna.
• Ketika anda meng-klik git bash here, maka akan

muncul tampilan seperti berikut. Tampilan ini
merupakan terminal yang akan kita gunakan untuk
melakukan installasi CodeIgniter-4. Selain itu juga
kita dapat menampilkan hasil installasi composer,

versi php yang digunakan dengan mengetik kode
berikut (composer : untuk melihat installasi
composer, dan php -version : untuk melihat versi
php, dan clear : untuk membersihkan layer).
E. INSTALLASI CODEIGNITER – 4
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. Karena kelebihan-
kelebihan yang dimiliki oleh CodeIgniter, pembuat PHP
Rasmus Lerdorf memuji CodeIgniter di frOSCon (Agustus
2008) dengan mengatakan bahwa dia menyukai
CodeIgniter karena “it is faster, lighter and the least like a
framework”. CodeIgniter pertama kali dikembangkan
pada tahun 2006 oleh Rick Ellis. Dengan logo api yang
menyala, CodeIgniter dengan cepat “membakar”
semangat para web developer untuk mengembangkan
web dinamis dengan cepat dan mudah menggunakan
framework PHP yang satu ini.
• Cara Install CodeIgniter-4 di Terminal Git
• Akses situs https://codeigniter.com/. Kemudian pilijh

Documentation.
• Kemudian pilih CodeIgniter 4 dan klik Online UG
• Pilih dan klik Composer Installation
• Scroll down kursor hingga menemukan cara

installasi dan Set-up
• Copy tulisan tersebut pada git bash here di folder

XAMPP→HTDOCS pada partisi C
• Klik kanan folder XAMPP/HTDOCS, dan pilih git bash

here hingga muncul terminal git.
• Paste kan perintah composer create-project

codeigniter4/appstarter --no-dev. Setelah dipaste-
kan ke dalam git, silahkan buat sebuah folder di
terminal git dengan nama belajarci4. Nama folder
tersebut dibuat sebelum script --no-dev. Sehingga
nantinya script tersebut menjadi composer create-
project codeigniter4/appstarter belajarci4 --no-dev
seperti pada tampilan berikut. Catatan : Untuk copy
dan paste sebaiknya klik kanan pada terminal.
Jangan gunakan kebiasaan ctrl+c dan ctrl+v
dikarenakan terminal tidak mengenal kebiasaan

Anda yang seperti itu 😊
• Tekan enter, maka secara otomatis Anda sudah

menginstall CI. Tunggu beberapa saat hingga proses
installasi berhasil dan selesai.
• Apabila terjadi kendala dalam installasi CI seperti

tampilan berikut, maka hal yang harus dilakukan
adalah dengan melakukan setting di folder
C:\xampp\php\php.ini
• Berikut adalah tampilan dari folder

C:\xampp\php\php.ini
• Kemudian cari script dengan cara ctrl+F dan ketikan

;extension=intl dan hapus tanda titik koma (;) menjadi
extension=intl dan save.
• Setelah itu restart XAMPP Anda.
• Ulangi kembali proses instalasi CI pada terminal Git

sesuai dengan langkah sebelumnya.
• Berikut adalah folder hasil installasi CI4 yang sudah

berhasil di instal.
• Pada terminal git, ketikan Kembali script cd

belajarci4 dan enter
• Selanjutnya Ketikan script php spark serve dan enter

hingga muncul tampilan seperti berikut. Ini
merupakan server local untuk menjalankan CI-4.
Terminal ini tidak boleh di close, cukup di minimize
kan saja dikarenakan server akan mati Ketika
terminal di close.
• Silahkan copykan URL http://localhost:8080 pada

browser Anda dan tekan enter hingga muncul
tampilan seperti berikut ini.
• Seluruh proses installasi selesai dan jangan lupa

sujud syukur

Persiapan Installasi Framework Codeigniter4

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Persiapan Installasi Framework Codeigniter4

Diunggah oleh

Hak Cipta:

Format Tersedia

FEBIE ELFALADONNA, S.KOM., M.

KOM || PRAKTIKUM REKAYASA WEB

PERSIAPAN dan INSTALLASI

XAMPP adalah sebuah paket perangkat lunak

Sejarah mencatat, software XAMPP pertama kali

Program aplikasi XAMPP berfungsi sebagai server

Dalam prakteknya, XAMPP bisa digunakan untuk

XAMPP bekerja secara offline layaknya web hosting

Maka dari itu, XAMPP biasanya banyak digunakan

hasil desain website sebelum akhirnya dibuat online

• Cara Install XAMPP di Laptop dan PC

• Download XAMPP melalui link

• Setelah XAMPP berhasil didownload maka hal

• Setelah itu, Anda boleh memilih komponen apa

• Pilih lokasi file XAMPP yang akan diinstal.

• Tunggu beberapa saat sampai proses instalasi

• Apabila proses installasi telah selesai, maka

B. INSTALLASI TEXT EDITOR VISUAL STUDIO CODE

• Cara Install Visual Studio Code di Laptop dan PC

• Setelah VS Code berhasil didownload maka hal yang

• Pilih lokasi dimana Anda akan menginstalnya. Jika

• Klik next jika tidak ingin mengubah nama tampilan di

• Di bagian Select Additional Tasks centang semua

• Kemudian klik Install untuk memulai proses installasi.

• Tunggu beberapa saat hingga proses instalasi

• Setelah selesai proses instalasi, klik Finish.

• Gambar di bawah merupakan tampilan awal VS

• Setelah melakukan installasi VS Code, Langkah

• Ekstensi pertama yang harus diinstal adalah PHP

• Sebelum menggunakan ekstensi PHP Intelephense,

Jadikan PHP Language Features Disable

• Ekstensi yang selanjutnya diinstall adalah code

• Setelah menginstall code formatter “Prettier”,

Preferences→ Setting→ Ketikan format pada kolom

• Ceklist pada Format On Save Mode, yang artinya

kodingan Anda akan dirapikan terlebih dahulu

• Selanjutnya adalah installasi “Snippet”. Snippet

Composer adalah dependency manager untuk PHP.

• Cara Install Composer di Laptop dan PC

• Setelah itu, pilih Composert-Setup.exe untuk

• Setelah selesai mendowload silahkan double klik

• Klik next lagi tanpa melakukan perubahan apapun.

• Silahkan tunggu sampai proses instalasi selesai. Jika

• Installasi Composer Selesai.

D. INSTALLASI GIT BASH

Semua orang yang terlibat dalam pengkodean proyek

• Cara Install Git di Windows

• Silahkan double klik pada file instaler Git yang sudah

• Maka akan muncul infomasi lisensi Git, klik Next

• Tentukan lokasi installasi. Sebaiknya tidak perlu

• Pada laman pemilihan komponen, biarkan default.

• Pemlilihan direktori start menu, klik next.

• Selanjutnya pengaturan PATH Environment. Pilih

• Selanjutnya konversi line ending. Biarkan saja

• Pada pemilihan emulator terminal. Pilih saja yang

• Pemilihan opsi ekstra. Klik next.

• Untuk pemilihan opsi ekspreimental, langsung saja

• Tunggu beberapa saat, hingga proses installasi

• Klik finish, installasi selesai.

• Git teristall sempurna.

• Ketika anda meng-klik git bash here, maka akan

kita dapat menampilkan hasil installasi composer,

Dokumentasi yang lengkap inilah yang menjadi salah satu