author Ahmad Muhardian

Tutorial Codeigniter #02: Persiapan Belajar Codeigniter


Codeigniter Install

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:

  1. Teks Editor
  2. Web Browser
  3. Web Server: PHP, MySQL, Phpmyadmin
  4. 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.

vscode untuk coding codeigniter

Untuk menginstal VS Code, silahkan baca:

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.

Web Browser Firefox
Web Browser 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.

Silahkan baca:

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:

  1. Download Codeigniter;
  2. Ekstrak File ZIP Codeigniter ke htdocs.

Silahkan buka website Codeigniter untuk mendownload.

download Codeigniter

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).

Ekstrak Codeigniter

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/

halaman welcome codeigniter

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 [email protected]
    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.

hosts

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.

Virtual Host project CI

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.

folder-extra-xampp

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

open file httpd vhosts

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

<VirtualHost *:80>
    ServerAdmin [email protected]
    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.

win-run

Tambahkan kode berikut:

127.0.0.1 beritacoding.test

Setelah itu simpan, dan restart server apache.

restart

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

Virtual Host project CI

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.

Berikutnya, silahkan pelajari tentang:

➑️ Tutorial Codeigniter #03: Memahami Konsep MVC di Codeigniter

Baca Juga ini

Tutorial Codeigniter #5: Cara Membuat Fitur CRUD yang Benar!

Tutorial Codeigniter #5: Cara Membuat Fitur CRUD yang Benar!

Banyak yang salah? ini cara benar membuat fitur CRUD pada Codeigniter. Sehingga aplikasimu akan mudah dirawat dan kamu pun akan suka.

Cara Menggunakan Dompdf di Codeigniter

Cara Menggunakan Dompdf di Codeigniter

Dompdf merupakan salah satu pustaka PHP untuk membuat PDF. Dompdf membuat PDF dari HTML, sehingga lebih praktis. Selain itu juga, Kita bisa menggunakan CSS di dalamnya. Saat ini Dompdf mendukung CSS versi 2.1. Untuk menggunakan Dompdf di Codeigniter, silahkan ikuti langkah-langkah berikut ini. 1. Aktifkan Autoload ComposerKita akan menginstal Dompdf melalui Composer. Karena itu, autoload untuk Composer perlu diaktifkan. Silahkan buka file application/config/config.php, kemudian isi bagian autoload Composer seperti ini.

Tutorial Codeigniter #11: Membuat Fitur Upload File

Tutorial Codeigniter #11: Membuat Fitur Upload File

Pada tutorial ini, kita akan belajar cara membuat fitur upload file di Codeigniter dengan menggunakan library upload yang sudah disediakan.

Tutorial Codeigniter #4: Teknik Membuat Template Admin yang Efektif

Tutorial Codeigniter #4: Teknik Membuat Template Admin yang Efektif

Pada tutorial ini, kita akan belajar cara menata template Codeigniter dengan mengikuti praktek terbaik (best practice) yang direkomendasikan.

Tutorial Codeigniter #3: Cara Menggunakan Bootstrap pada Codeigniter

Tutorial Codeigniter #3: Cara Menggunakan Bootstrap pada Codeigniter

Pada tutorial ini, kita akan belajar cara menerapkan Bootstrap pada Codeigniter dengan mengikuti praktek terbaik (best practice) yang direkomendasikan. Bootstrap adalah...

Tutorial Codeigniter #03: Memahami Konsep MVC dan Routing

Tutorial Codeigniter #03: Memahami Konsep MVC dan Routing

MVC dan Routing merupakan dua hal yang harus kamu pahami dalam Codeigniter. MVC (Model, View, Controller) adalah sebuah pola desain (design pattern) arsitektur pengembangan aplikasi yang...