Cara menggunakan php prerequisites

MySQL ditetapkan sebagai RDBMS terpopuler kedua per Juli 2019 setelah Oracle [DB-Engines, 2019]. Keduanya dapat digunakan secara gratis, dirilis dengan lisensi open source, dan memiliki komunitas pengguna yang besar. Kelebihan-kelebihan tersebut menjadikan PHP dan MySQL sebagai salah satu pilihan teknologi yang digunakan untuk membuat website. Developer harus memiliki kompetensi yang memadahi untuk dapat memanfaatkan PHP dan MySQL. Untuk PHP diperlukan pemahaman sintaks, variabel, tipe data, metode pembuatan form, struktur kontrol, konsep cookies, konsep session, metode pembuatan fungsi, metode pengelolaan file, dan manajemen direktori. Untuk MySQL, developer harus memahami dasar-dasar Structure Query Language [SQL]. SQL merupakan bahasa standar untuk menyimpan, mengubah, dan mengambil data pada database.

Training PHP and MySQL Fundamental akan membahas konsep dan praktik PHP dan MySQL. Pembahasan materi PHP mencakup dasar-dasar PHP, variabel, formulir, tipe data, struktur kontrol, array, dan best practice pembuatan web application. Pembahasan materi MySQL mencakup dasar MySQL hingga pengoperasiannya menggunakan perintah SQL.

OBJECTIVES

1. Menguasai sintaks dasar PHP
2. Menguasai sintaks dasa HTML
3. Menguasai Structure Query Language [SQL] pada database MySQL
4. Mampu mengkoneksikan SQL dengan sintaks PHP
5. Mampu membuat form sederhana yang terkoneksi dengan database

AUDIENCE 

1. Programmer
2. Web Designer

PREREQUISITES

Mampu Mengoperasikan Komputer

CONTENT

1. Web Application Concepts

1.1. Konsep Pemrograman dan Paradigmanya
1.2. Teknologi PHP dan Perangkat Pemrograman
1.3. Konsep Dasar Pemrograman Aplikasi Web

2. HTML Basics

2.1. Pengantar HTML5
2.2. HTML Page Structures
2.3. HTML Form
2.4. HTML Media Elements

3. PHP Basics

3.1. Pernyataan dan Ekspresi
3.2. Pernyataan Penentu Keputusan
3.3. Pernyataan Pengulang Proses
3.4. Array dan Session

4. MySQL Basics

4.1. Pengantar Database dan SQL
4.2. Data Definition Language dan Data Manipulation Language
4.3. Single Table dan Join Table
4.4. Koneksi MySQL dengan Aplikasi PHP

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

Apa Saja itu?

Persiapan Sebelum Belajar CI 4

Prasyarat belajar Codeigniter 4..

• 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. Composer
5. 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, silahkan baca:

• Review dan Cara Install VS Code di Linux

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

3. Web Server

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

• PHP Versi 7.2+
• 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:

• Cara Install XAMPP di Windows [recommended]
• Persiapan Pemrograman Web PHP di Linux [recommended]
• Cara Install XAMPP di Linux [alternatif]

Setelah menginstal webserver, kita harus mengaktifkan beberapa ekstension yang dibutuhkan untuk pengembangan CI 4.

Apa saja itu?

• composer create-project codeigniter4/appstarter ci-news -vvv

  1 ekstension untuk bekerja dengan JSON;

• composer create-project codeigniter4/appstarter ci-news -vvv

  2 native driver untuk MySQL;

• composer create-project codeigniter4/appstarter ci-news -vvv

  3 ekstension untuk bekerja dengan XML;

• composer create-project codeigniter4/appstarter ci-news -vvv

  4 ekstensi untuk membuat aplikasi multibahasa;

• composer create-project codeigniter4/appstarter ci-news -vvv

  5 [opsional], jika ingin pakai Curl.

Silahkan install semuanya dengan perintah:

sudo apt install php-json php-mysqlnd php-xml php-intl libcurl

Untuk kamu yang menggunakan Windows dan XAMPP. Silahkan buka XAMPP Control Panel, lalu pada bagian apache klik Config->PHP.

Setelah itu, cari di bagian extension dan hapus

composer create-project codeigniter4/appstarter ci-news -vvv

6 yang ada di depan nama extension untuk mengaktifkannya.

4. Composer

Composer adalah program berbasis command line [CLI] untuk menajemen proyek PHP. Tugas dari composer adalah melakukan instalasi paket, membuat proyek baru, menjalankan script, dan lain-lain.

Silahkan install Composer dengan perintah berikut:

apt install composer

Jika kamu ingin belajar tentang composer lebih lanjut, silahkan baca:

• Cara Menggunakan Composer untuk Manajemen Proyek PHP

O ya, di sana juga ada penjelasan tentang cara installComposer di Windows.

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

File project ini juga dapat kita download dengan composer.

Silahkan ikuti:

Install CI 4 dengan Composer

Untuk menginstal CI 4 dengan composer, silahkan ketik perintah berikut.

composer create-project codeigniter4/appstarter ci-news -vvv

Tungulah sampai prosesnya selesai.

Ada beberapa argumen yang kita berikan pada perintah ini:

• composer create-project codeigniter4/appstarter ci-news -vvv

  7 adalah perintah untuk membuat proyek baru dengan composer;

• composer create-project codeigniter4/appstarter ci-news -vvv

  8 adalah file CI yang akan di-download;

• composer create-project codeigniter4/appstarter ci-news -vvv

  9 adalah nama proyek yang akan kita buat;

• composer install -vvv

  0 berfungsi untuk melihat proses install lebih detail.

Setelah prosesnya selesai, kita akan mendapatkan folder baru dengan nama

composer create-project codeigniter4/appstarter ci-news -vvv

9.

buka folder

composer create-project codeigniter4/appstarter ci-news -vvv

9 dengan teks editor VS Code.

Setelah itu buka terminal dengan menekan Ctrl+` dan jalankan perintah:

composer install -vvv

Perintah ini akan menginstal semua library yang dibutuhkan CI 4.

Setelah selesai, coba ketik perintah:

php spark serve

Perintah ini akan menjalankan server CI 4 pada port

composer install -vvv

3.

Coba buka web browser dan arahkan ke alamat

composer install -vvv

4, maka hasilnya:

Selamat. 👏👏👏

CI 4 sudah berhasil diinstal.

Selanjutnya kita tinggal mulai coding.

Install CI 4 dengan Cara Manual

Nah, buat kamu yang ingin menginstal CI4 dengan cara manual, tanpa harus melalui Composer, bisa ikuti cara ini.

Langkah-langkah yang harus dilakukan:

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

Silahkan buka website Codeigniteruntuk mendownload.

Note: Biar versi CI4 sama dengan versi yang digunakan pada tutorial ini, yakni

composer install -vvv

5.. silahkan Download CI dari link ini.

Kita akan mendapatkan sebuah file zip 📦

composer install -vvv

6, ekstrak file tersebut ke dalam

composer install -vvv

7 [XAMPP] atau

composer install -vvv

8 [di Linux].

Setelah itu, ubah nama

composer install -vvv

9 menjadi

composer create-project codeigniter4/appstarter ci-news -vvv

9.

Sekarang coba buka web browser dan buka alamat:

php spark serve

1.

Jiak hasilnya kosong atau blank, maka kita harus melakukan install library yang dibutuhkan.

Silahkan buka folder

composer create-project codeigniter4/appstarter ci-news -vvv

9 dengan Visual Studio Code, lalu buka terminal dan ketik perintah berikut.

composer install -vvv

Perintah ini akan menginstal semua library yang dibutuhkan CI 4.

Setelah itu, ubah kepemilikan dari folder

php spark serve

3 dengan perintah berikut ini:

sudo chown -Rv www-data writable/

Note: ini khusus di Linux

Setelah selesai, coba buka kembali

php spark serve

1, maka hasilnya:

Selamat. 👏👏👏

CI 4 sudah berhasil diinstal.

Selanjutnya kita tinggal mulai coding.

Biar Enak, Hidupkan Mode Debugging

CI4 menyediakan fitur debugging yang cukup bagus. Ini sama seperti profiler pada CI3.

Secara default, fitur ini belum aktif. Jika ada error pada aplikasi, maka ia akan menampilkan pesan Whoops! seperti ini:

Kita tidak akan bisa tahu tempat masalahnya jika aplikasi cuma menampilkan ini. Cocoknya ini dipakai pada aplikasi production.

Nah, untuk mengaktifkan mode debugging, kita harus mengubah environment variabel

php spark serve

5 menjadi

php spark serve

6.

Silahkan buka file

php spark serve

7, kemudian cari variabel

php spark serve

5 dan ubahlah nilainya menjadi

php spark serve

6.

Setelah itu, ubah nama file

php spark serve

7 menjadi

composer install -vvv

1 [tinggal tambah titik di depan].

Sekarang, coba buat sebuah kesalahan. Misalnya, saya menghapus titik koma pada controller

composer install -vvv

2.

Lalu buka kembali aplikasinya.

Maka hasilnya:

Nah, dengan begini.. kita bisa debug aplikasi dengan lebih mudah. CI akan ngasih tahu, di mana letak error-nya.

Nanti, setelah kita selesai mengembangkan aplikasi. Ubah kembali

composer install -vvv

3 menjadi

composer install -vvv

4.

Membuat Virutal Host Domain

Ini boleh kamu lakukan dan boleh juga tidak.

Buat kamu yang menginstal CI4 secara manual di

composer install -vvv

5, ada baiknya membuatkan virtual host agar memudahkan dalam proses development.

Virtual host adalah alamat khusus yang kita buat di localhost untuk mengakses aplikasi.

Pada contoh di atas, kita membuka aplikasi melalui

php spark serve

1.

Nah, dengan virtual host, kita bisa membukanya melalui

composer install -vvv

7.

Nama domain yang digunakan terserah kita, bisa

composer install -vvv

8,

composer install -vvv

9,

sudo chown -Rv www-data writable/

0, dan sebagainya.

Tapi..

Biar tidak membingungkan dan bentrok dengan domain yang sudah ada di internet, kita berikan domain

sudo chown -Rv www-data writable/

1 atau

sudo chown -Rv www-data writable/

2 saja.

Biaklah, langkah-langkah berikut:

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/cinews.test.conf

Perintah ini akan melakukan copy dari konfigurasi default host apache.

Setelah itu, buka file

sudo chown -Rv www-data writable/

3 dengan tekes editor. Ketik perintah berikut:

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

Lalu ubah isinya menjadi seperti ini:

    ServerAdmin [email protected]
    ServerName cinews.test
    ServerAlias www.cinews.test
    DocumentRoot /var/www/html/ci-news/public
    ErrorLog ${APACHE_LOG_DIR}/error.log
    CustomLog ${APACHE_LOG_DIR}/access.log combined

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

Berikutnya, buka file

sudo chown -Rv www-data writable/

4 ketik perintah berikut:

apt install composer

0

Setelah itu, tambahkan:

apt install composer

1

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:

apt install composer

2

Terakhir, restart server dengan perintah berikut:

apt install composer

3

…dan coba buka alamat

composer install -vvv

7 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

sudo chown -Rv www-data writable/

6.

Setelah itu, buka file

sudo chown -Rv www-data writable/

7 dengan Notepad atau Notepad++.

Selanjutnya tambahkan kode berikut ini pada file

sudo chown -Rv www-data writable/

8:

apt install composer

4

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

apt install composer

5

pada kolom Open.

Tambahkan kode berikut:

apt install composer

1

Setelah itu simpan, dan restart server apache.

Sekarang coba buka browser dan arahkan ke alamat

composer install -vvv

7, maka hasilnya:

Troubleshooting..

Saya yakin ada beberapa diantara kamu yang akan mendapatkan masalah saat install Codeigniter 4. Berikut ini beberapa masalah yang sering ditemukan.

Tidak bisa menjalankan server

Saat menjalankan server dengan perintah

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

0 muncul pesan error seperti ini:

apt install composer

7

Contoh:

Kalau kita lihat, perintah ini akan mencari file di folder

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

1. Folder ini adalah folder yang berisi library yang diinstal dengan composer.

✅ Solusi:

Lakukan install dengan perintah

composer install -vvv

Argumen

composer install -vvv

0 berfungsi untuk melihat proses instalasi lebih detail.

Tunggulah sampai prosesnya selesai..

..dan akan ada folder

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

1 di proyek kita.

Tidak bisa melakukan install

Saat melakukan install dengan perintah

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

4, muncul pesan seperti ini:

apt install composer

9

Ini artinya ekstensi

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

5 belum terinstal

✅ Solusi:

Instal ekstensi tersebut dengan perintah:

composer create-project codeigniter4/appstarter ci-news -vvv

0

Setelah itu, coba jalankan lagi

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

4

Apa Selanjutnya?

Pada tahapan ini, kita sudah berhasil membuat proyek baru Codeigniter. Baik itu dengan composer, maupun install secara manual ke

composer install -vvv

5.

Bagaimana cara menjalankan PHP?

Apa sajakah yang di butuhkan untuk menjalankan PHP?

Bagaimana langkah langkah menjalankan file PHP menggunakan XAMPP?

Bagaimana cara membuka localhost?