Tutorial Codeigniter #02: Persiapan Belajar Codeigniter

Sebelum mulai belajar Codeigniter lebih lanjut, kita harus meyiapkan alat yang dibutuhkan untuk coding Codeigniter.

Apa Saja itu?

Persiapan Sebelum Belajar CI

Prasyarat belajar Codeigniter..

Memahami basic bahasa pemrograman PHP. Silahkan, ikuti tutorial basic pemrograman PHP jika kamu belum menguasainya.
Untuk bisa belajar Codeigniter dengan lancar setidaknya kamu sudah paham konsep pemrograman berorientasikan objek (OOP) dengan PHP.
Memahami sintaks dasar SQL;

Nah, setelah prasyarat ini terpenuhi. Selanjutnya silahkan siapkan alat-alatnya untuk mulai belajar.

Berikut ini beberapa peralatan yang harus kamu siapkan di komputermu:

Teks Editor
Web Browser
Web Server: PHP, MySQL, Phpmyadmin
File Project Codeigniter

Mari kita siapkan satu-per-satu.

1. Teks Editor

Teks editor akan kita gunakan untuk menulis kode. Kamu bebas menggunakan teks editor apa saja untuk coding CI.

Saya merekomendasikan menggunakan VS Code, karena mudah digunakan dan punya banyak fitur.

Untuk menginstal VS Code, nanti next post

2. Web Browser

Web browser akan kita gunakan untuk melihat hasil dari aplikasi. Kamu juga bebas menggunakan web browser apapun, asalkan masih mendukung teknologi web modern zaman sekarang.

Rekomendasi, gunakan Google Chrome atau Firefox.

3. Web Server

Codeigniter merupakan framework PHP, karena itu ia pasti membutuhkan web server. Berikut ini requirement server untuk Codeigniter 3:

PHP Versi 5.6+
MySQL Versi 5.1+
Phpmyadmin

Jika kamu sudah menginstal XAMPP, maka ketiga aplikasi server ini sudah terpenuhi. Tapi jika kamu pengguna Linux, maka ini bisa diinstal satu-per-satu satu

4. File Project Codeigniter

File project Codeigniter dapat di-download di website resmi Codeigniter. Nanti kita akan mendapatkan file berupa ZIP. File inilah yang akan kita gunakan untuk mulai membuat proyek Codeigniter.

Silahkan ikuti:

Cara Membuat Project Codeigniter

Langkah-langkah yang harus dilakukan untuk membuat project CI:

Download Codeigniter;
Ekstrak File ZIP Codeigniter ke htdocs.

Silahkan buka website Codeigniter untuk mendownload.

Kita akan mendapatkan sebuah file zip 📦 CodeIgniter-3.x.xx.zip, ekstrak file tersebut ke dalam c:\xampp\htdocs (XAMPP) atau /var/www/html (di Linux).

Setelah itu, ubah nama CodeIgniter-3.x.xx menjadi beritacoding.

Kenapa namanya beritacoding?

Karena kita akan membuat proyek semacam web portal sederhana yang berisi berita tentang dunia coding. Tujuannya, agar kita paham konsep dasar dari Codeigniter.

Sekarang coba buka web browser dan buka alamat: http://localhost/beritacoding/

Selamat 🎉 proyek Codeigniter berhasil dibuat.

Berikutnya, kita bisa mulai coding..

Membuat Domain Virtual Host

Ini sebenarnya opsional, kamu boleh membuatnya dan boleh tidak. Namun agar memudahkan dalam proses development, sebaiknya dibuatkan virtual host untuk tiap proyek.

Virtual host adalah alamat virtual yang akan digunakan untuk mengakses website di localhost.

Pada contoh di atas, kita membuka aplikasi melalui alamat http://localhost/beritacoding dengan virtual host kita bisa membukanya dari beritacoding.test.

Apa domainnya boleh diganti dengan .com, misalnya beritacoding.com.

Bisa, terserah kita mau pakai domain apapun. Soalnya ini kan di localhost. Tapi agar tidak membingungkan, baiknya pakai domain .test atau .local.

Membuat Virtual Host di Linux

Untuk kamu pengguna Linux atau Mac, bisa mengikuti cara berikut. Silahkan buka Terminal lalu ketik.

sudo cp /etc/apache2/sites-available/000-default.conf /etc/apache2/sites-available/beritacoding.test.conf

Perintah ini akan melakukan copy dari konfigurasi default host apache.

Setelah itu, buka file beritacoding.test.conf dengan tekes editor. Ketik perintah berikut:

sudo nano /etc/apache2/sites-available/beritacoding.test.conf

Lalu ubah isinya menjadi seperti ini:

<VirtualHost *:80>
    ServerAdmin admin@beritacoding.test
    ServerName beritacoding.test
    ServerAlias www.beritacoding.test
    DocumentRoot /var/www/html/beritacoding
    ErrorLog ${APACHE_LOG_DIR}/error.log
    CustomLog ${APACHE_LOG_DIR}/access.log combined
</VirtualHost>

Setelah itu, tekan Ctrl+x lalu pilih y untuk menyimpan.

Berikutnya, buka file /etc/hosts ketik perintah berikut:

sudo nano /etc/hosts

Setelah itu, tambahkan:

127.0.0.1 beritacoding.test

Ini akan menjadi alamat domain yang akan kita pakai. Kamu juga bisa menggantinya dengan yang lain.

Setelah itu, simpan dengan menekan Ctrl+x lalu pilih y.

Berikutnya, kita harus mengaktifkan konfigurasi site apache yang sudah dibuat. Silahkan ketik perintah berikut:

sudo a2ensite beritacoding.test.conf

Terakhir, restart server dengan perintah berikut:

sudo service apache2 restart

…dan coba buka alamat beritacoding.test dari web browser.

Membuat Virtual Host di Windows

Untuk kamu yang menggunakan XAMPP di Windows, berikut ini cara membuat virtual host.

Silahkan buka windows explorer, lalu masuk ke folder C:/xampp/apache/conf/extra.

Setelah itu, buka file httpd.vshosts.conf dengan Notepad atau Notepad++.

Selanjutnya tambahkan kode berikut ini pada file httpd-vhosts.conf:

<VirtualHost *:80>
    ServerAdmin admin@beritacoding.test
    ServerName beritacoding.test
    ServerAlias www.beritacoding.test
    DocumentRoot "c:\xampp\htdocs\beritacoding"
    ErrorLog ${APACHE_LOG_DIR}/error.log
    CustomLog ${APACHE_LOG_DIR}/access.log combined
    <Directory "c:\xampp\htdocs\beritacoding"></Directory>
</VirtualHost>

Setelah itu, tekan Windows+r, lalu masukkan..

C:\Windows\System32\drivers\etc\hosts

pada kolom Open

Tambahkan kode berikut:

127.0.0.1 beritacoding.test

Setelah itu simpan, dan restart server apache.

Sekarang coba buka browser dan arahkan ke alamat beritacoding.test, maka hasilnya:

Apa Selanjutnya?

Pada tahapan ini, kita sudah berhasil membuat proyek baru Codeigniter. Jadi intinya, kita hanya perlu mengekstrak file ZIP dari Codeigniter ke folder server htdocs atau /var/www/html. Setelah itu, mengubah namanya dengan nama proyek.

Tutorial Codeigniter #02: Persiapan Belajar Codeigniter