Tugas 6 - Tampilan ABOUT Dan CONTACT Menggunakan CodeIgniter

Membuat Web Ber-Framework CodeIgniter


 Referensi yang digunakan:  Link Tutorial

Versi CodeIgniter yang digunakan adalah V 3.1.11 link untuk versi tersebut: Klik Disini  


1. Aktifkan XAMPP

        Aktifkan module apache pada pilihan module XAMPP Control Panel seperti pada gambar


2. Extract File

  • Buat folder baru pada "xampp/htdocs/" (folder ketika menginstal XAMPP). nama folder tersebut akan digunakan nantinya sebagai NamaFolder pada tutorial ini.
  • Temukan lokasi download Framework CI yang berbentuk .zip setelah didownload
  • Extract File tersebut pada folder "xampp/htdocs/NamaFolder

3. Melihat Tampilan Awal

  • Buka browser yang anda gunakan
  • isikan "http://localhost/NamaFolder/index.php". jangan lupa mengganti NamaFolder dengan nama folder yang anda buat ketika extract file. Maka kurang lebih akan tampil seperti berikut ini:


4. Mengubah Source Code

                Link Source Code Lengkap:  Source Code Program
  • Buka program dengan IDE kesayangan anda, disini saya menggunakan Visual Studio Code.
  • Buka Folder application/controllers, dan buka file Welcome.php.
  • Tambahkan Source Code sehingga seperti pada gambar berikut :

  • Kemudian buka Folder application/config, dan buka file routes.php.
  • Tambahkan Source Code sehingga terlihat seperti pada gambar berikut:


  • Setelah itu, buka Folder application/views, dan buat file contact.php dan about.php.
  • Isikan pada masing-masing file Source Code seperti pada gambar berikut:


5. Melihat Perubahan dari Source Code

  • Kembali ke browser, dan isikan "http://localhost/NamaFolder/index.php/contact" atau "http://localhost/NamaFolder/index.php/about". maka perubahan yang dilakukan akan muncul seperti pada contoh berikut:



Comments