PBKK A - Tugas 6 - Pengenalan Framework CodeIgniter
Tugas ini menunjukkan cara membuat tampilan website menggunakan CodeIgniter yang berisikan instalasi XAMPP dan instalasi CodeIgniter serta membuat tampilan website About dan Contact.
1. Instalasi XAMPP
- Download XAMPP pada link ini: Install XAMPP
- Kemudian install XAMPP (klik tombol next saja sampai finish) dan tunggu instalasi XAMPP selesai.
- Aktifkan module apache pada pilihan module XAMPP Control Panel seperti pada gambar:
2. Instalasi CodeIgniter
- Download CodeIgniter 3 (Install CodeIgniter 3)
- Buat folder baru pada "xampp/htdocs/" (folder ketika menginstal XAMPP). Di sini folder akan diberi nama pbkk-project
- Extract file hasil download Framework CodeIgniter yang berbentik .zip tersebut pada folder "xampp/htdocs/pbkk-project"
- Tampilan website bisa dilihat dengan menggunakan web browser (Chrome, Firefox)
- Buka browser (Chrome, Firefox) yang anda gunakan
- Tuliskan "http://localhost/pbkk-project/index.php". Web brower akan menampilkan seperti ini:
3. Membuat Tampilan About dan Contact
- Buka folder pbkk-project menggunakan aplikasi IDE, di sini saya menggunakan Visual Studio Code.
- Buka folder application/controllers
- Buka file Welcome.php dan edit Welcome.php seperti berikut:
- Kemudian membuat view baru untuk menambahkan halaman about dan contact.
- Buka application/views, buat file baru about.php dan tuliskan codenya seperti berikut:
- Setelah view selesai dibuat, kita edit routers.php. Buka folder application/config kemudian buka file routers.php. Tambahkan code seperti berikut:
Comments
Post a Comment