Tugas 7 PBKK - Instalasi CodeIgniter
(Pertemuan 10, 30 Oktober 2023)
Nama : Nadya Zuhria Amana
NRP : 5025211058
Kelas : PBKK A
Aplikasi yang dibutuhkan dalam instalasi CodeIgniter adalah
1. Aplikasi XAMPP
2. CodeIgniter
Berikut langkah langkah dari instalasi Aplikasi CodeIngniter:
Langkah 1: Mengunduh dan Menginstal XAMPP
1. Unduh XAMPP untuk Windows dari situs web resmi XAMPP: [https://www.apachefriends.org/index.html](https://www.apachefriends.org/index.html)
2. Pilih versi XAMPP yang sesuai untuk Windows 64-bit (contoh: `xampp-windows-x64-7.4.27-0-VC15-installer.exe`) atau 32-bit (jika Anda menggunakan sistem 32-bit).
3. Setelah mengunduh, buka file installer XAMPP yang sudah diunduh.
4. Ikuti panduan penginstalan. Anda dapat memilih komponen yang ingin diinstal. Untuk menjalankan CodeIgniter, Anda perlu memastikan bahwa Apache dan MySQL dicentang.
5. Anda akan diminta untuk memilih direktori instalasi. Anda dapat membiarkannya pada pengaturan default atau memilih direktori yang sesuai untuk Anda. Klik "Next" dan tunggu hingga proses instalasi selesai.
Langkah 2: Memulai dan Mengonfigurasi XAMPP
1. Setelah instalasi selesai, jalankan XAMPP Control Panel. Anda dapat menemukan pintasan ke aplikasi ini di Desktop atau dalam direktori instalasi XAMPP.
2. Aktifkan Apache dan MySQL dengan mengklik tombol "Start" di sebelah kiri setiap servis.
3. Pastikan kedua servis berjalan dengan baik (warna "Running").
4. Buka browser web dan ketikkan `http://localhost` dalam bilah alamat. Jika halaman web XAMPP muncul, ini berarti Apache berjalan dengan baik.
Langkah 3: Menginstal CodeIgniter
1. Instal XAMPP:
- Download dan instal XAMPP di komputer Anda.
- Pastikan XAMPP sudah berjalan, dan layanan Apache dan MySQL diaktifkan.
2. Buat Proyek CodeIgniter:
- Buat folder proyek CodeIgniter Anda di direktori htdocs XAMPP, misalnya "myproject."
3. Download CodeIgniter:
- Unduh versi terbaru dari CodeIgniter dari situs resminya (https://codeigniter.com/download).
4. Ekstrak dan Salin File:
- Ekstrak file yang Anda unduh.
- Salin semua file dan folder yang ada dalam direktori CodeIgniter ke dalam folder proyek "myproject."
5. Konfigurasi baseURL:
- Buka file `app/Config/App.php` dalam proyek Anda.
- Ganti nilai `$baseURL` menjadi URL proyek Anda. Dalam kasus Anda, itu adalah `http://localhost/myproject`.
6. Konfigurasi .htaccess:
- Buat file `.htaccess` dalam folder proyek "myproject" jika belum ada.
- Salin konfigurasi `.htaccess` yang Anda berikan ke dalam file tersebut.
7. Aktifkan ekstensi intl:
- Buka `php.ini` yang terletak dalam direktori XAMPP.
- Temukan baris `;extension=intl`, dan hilangkan tanda titik koma `;` sehingga menjadi `extension=intl`.
- Simpan file `php.ini` dan restart Apache melalui XAMPP Control Panel.
8. Uji Aplikasi:
- Buka browser dan masuk ke `http://localhost/myproject/public`.
- Jika semuanya diatur dengan benar, Anda akan melihat pesan "Welcome to CodeIgniter."
Membuat Laman Hello World
LINK GITHUB : Hello World
1. Edit Controller di Home.php sebagai berikut
.png)
2. Jangan lupa mengubah file env menjadi .env dan menghilangkan # pada CI_ENVIRONMENT = Development
.png)
3. Lalu buat file pada hello.php dengan code sebagai berikut
1. Deklarasi Jenis Dokumen (`<!DOCTYPE html>`):
- Menyatakan jenis dan versi HTML yang digunakan, dalam hal ini HTML5.
2. Elemen Utama HTML (`<html lang="en">`):
- Tag `<html>` merepresentasikan akar dokumen HTML.
- Atribut `lang="en"` menentukan bahasa dokumen sebagai bahasa Inggris.
3. Bagian Head (`<head>`):
- Berisi metadata tentang dokumen HTML.
- Meta Charset: `<meta charset="UTF-8">` menetapkan pengkodean karakter dokumen sebagai UTF-8.
- Meta Viewport: `<meta name="viewport" content="width=device-width, initial-scale=1.0">` umumnya digunakan untuk desain web responsif.
4. Menautkan Stylesheet Eksternal (`<link rel="stylesheet" href="<?= base_url('/style.css'); ?>">`):
- Menghubungkan stylesheet CSS eksternal ke dokumen HTML.
- `<?= base_url('/style.css'); ?>` adalah potongan kode PHP yang digunakan untuk menghasilkan URL dasar aplikasi CodeIgniter, diikuti dengan path ke stylesheet (`/style.css`).
5. Bagian Body (`<body>`):
- Berisi konten dokumen HTML yang akan ditampilkan di browser.
- Container (`<div class="container">`):** Elemen `<div>` dengan kelas "container" digunakan untuk mengelompokkan dan memberi gaya pada konten.
- Heading (`<h1>`): Menampilkan judul utama halaman, "Hello, World!"
- Paragraf (`<p>`): Menampilkan paragraf teks yang menjelaskan tujuan halaman.
6. Penutup HTML (`</html>`):
- Menandai akhir dokumen HTML.
Catatan:
- Penggunaan `<?= base_url('/style.css'); ?>` diasumsikan bahwa fungsi `base_url()` di CodeIgniter tersedia dan dikonfigurasi dengan benar. Ini digunakan untuk membuat URL dasar aplikasi CodeIgniter, berguna untuk membuat URL ke aset seperti stylesheet.
.png)
4. Jangan lupa untuk menambahkan di routes.php untuk halaman hello agar muncul
.png)
5. Maka hasilnya akan sebagai berikut
