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:

    Untuk tutorial lebih lengkap bisa dicek pada link berikut : Link Tutorial XAMPP

2. Instalasi CodeIgniter

    Untuk tutorial lebih lengkap bisa dicek pada link berikut : Link Tutorial CI
  • 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:

  • Kemudian buat file baru untuk contact.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:
  • Tampilan Halaman About

  • Tampilan Halaman Contact

Comments

Popular posts from this blog

PBKK A - EAS - CRUD Toko Online 'Bookshop & E-learning'

PBKK A - Tugas 1 - Portofolio Penggunaan Framework