TUGAS PERTEMUAN 3, WEB PROGRAMMING II (VTA)

Oktober 11, 2020

TUGAS PERTEMUAN 3, WEB PROGRAMMING II (VTA)

Buatlah sebuah kontroler yang akan digunakan untuk menampilkan view.

Web.php lalu simpan di application/controllers/Web.php.

Kemudian buatlah 3 buah file view beri nama v_header.php, v_index.php, dan
v_footer.php lalu simpan dalam folder application/views/ kemudian ketik script berikut:

v_header.php

v_index.php

V_footer.php

Kemudian buatlah stylebuku.css untuk membuat tampilan lebih bagus dan simpan di dalam folder root seperti berikut: CodeIgniter/assets/css/

Setelah membuat file-file di atas. sebelum di jalankan melalui browser, terlebih dahulu perlu dilakukan seting base_url( ) untuk memudahkan dalam menghubungkan file view dengan file css nya

Seting base_url () pada codeigniter

Untuk melakukan seting base_url( ), dapat dilakukan melalui file config.php yang ada di dalam application/config/config.php. buka file tersebut lalu cari baris sintak seperti berikut:

Kemudian diubah menjadi :

pengaturan di atas mengikuti alamat path projek masing-masing. Kemudian dapat diperhatikan pada contoh file v_index.php di bagian <head> bahwa untuk menghubungkan dengan file css, dibutuhkan bantuan base_url( ). seperti berikut:

Hasil perintah di atas akan sama seperti ini :

Hal tersebut di atas dikarenakan base_url( ) sudah terlebih dahulu di seting menjadi
“localhost/pustaka-booking”. Ketika base_url( ) sudah diseting atau diubah dari bentuk default menjadi seperti di atas, maka perlu juga dilakukan pengaktifan helper url. Hal ini dapat dilakukan dengan cara menambahkan script load helper pada controller Web.php yang sudah dibuat pada bagian construct.

Atau bisa juga melalu file autoload.php yang ada di dalam folder application/config/ kemudian cari baris sintak seperti di bawah

Kemudian diubah dengan ditambahkan kata ‘url’ menjadi seperti di bawah

Setelah selesai, bisa dilihat hasilnya dengan menjalankan kontroler Web.php

http://localhost/pustaka-booking/web

hasilnya seperti gambar di bawah.

Demikian tampilan web sederhana sudah berhasil dibuat pada codeigniter. Template yang dibuat di atas merupakan template dinamis. Maksudnya tampilan header dan footer tidak akan berubah namun bagian konten bisa berubah-ubah. Contoh untuk membuat halaman lainnya yaitu akan dibuat halam v_about.php. Yang mana link untuk menuju halaman about sudah dibuat sebelumnya pada file v_header.php. Link yang sudah dibuat yaitu Home diseting untuk menuju atau mengakses method index() dan About diseting menuju atau mengakses methode about()