LAPORAN PRAKTIKUM

KONFIGURASI CODEIGNITER DAN MENAMBAHKAN TEMPLATE

Disusun untuk memenuhi tugas Mata kuliah WebGIS

Dosen Pengampu :
Haikal Muhammad Ihsan, S.Pd., Msc.

Disusun Oleh :
Firstamora Javanda Piscesa Markasabana (2102182)
Sains Informasi Geografi – 4A

PROGRAM STUDI SAINS INFORMASI GEOGRAFI

FAKULTAS PENDIDIKAN ILMU PENGETAHUAN SOSIAL

UNIVERSITAS PENDIDIKAN INDONESIA

BANDUNG

2023
A. Konfigurasi Perangkat Codeigniter
1. Jalankan text editor, menggunakan Visual Studio Code, lalu klik file > open
folder

2. Buka direktori file C:\xampp\htdocs dan pilh root project yang akan
dikembangkan. Karena disini folder yang saya miliki sudah diganti nama
menjadi amora.

3. Buka folder Application > config > autoload.php dengan Vscode, lalu scroll ke
baris 61 dan 92.
4. Lakukan konfigurasi baris 61 seperti berikut:
• $autoload['libraries'] = array(); menjadi
• $autoload['libraries'] = array('session','form_validation','upload');

5. Lakukan konfigurasi baris 92 seperti berikut:

• $autoload['helper'] = array(); menjadi
• $autoload['helper'] = array('url', 'file','form');

6. Buka folder Application > config > config.php dengan text editor, lalu pada
halaman tersebut scroll ke baris 26.
7. Lalu lakukan konfigurasi pada baris 26 sebagai berikut:
• $config['base_url'] = ''; menjadi
 • .$config['base_url'] = (isset($_SERVER['HTTPS']) ? "https://" : "h
ttp://")
. $_SERVER['HTTP_HOST'] .
. str_replace(
basename($_SERVER['SCRIPT_NAME']),
" ",
$_SERVER['SCRIPT_NAME']);

8. Lakukan konfigurasi pada baris 42 sebagai berikut:

• config['index_page'] = 'index.php'; menjadi
• $config['index_page'] = ' ';

9. Buat file .htaccess yaitu dengan mengklik kanan ruang kosong di sekitar file
amora

10. Lalu isi file .htaccess dengan kodingan berikut:

• RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(.*)$ index.php/$1 [L]
 11. Jika sudah, cek root project melalui browser http://localhost/latihanwebgis/
(karena nama folder saya disini adalah amora). Jika tidak ada error, maka proses
instalasi/konfigurasi berhasil.

B. Konfigurasi Template
12. Install Template AdminLTE 3 dengan mendownload template AdminLTE 3 di
link Releases, yakni ColorlibHQ/AdminLTE (github.com), pilih < > code >
Https > Download ZIP

13. Masukan template AdminLTE 3 tersebut kedalam folder assets

14. Rename template AdminLTE 3 menjadi template

15. Cek tampilan template dengan link berikut

http://localhost/amora/asset/template/

16. Model layout yang digunakan adalah tov-nav.html, untuk menampilkannya

klik layout option, kemulidian klik top-navigation

17. Berikut model layout yang adalah top navigation

 Beberapa fitur di dalam template tidak tergunakan. Oleh karena itu, fitur
tersebut terlebih dahulu dihapus.
a. Menghapus fitur Search.
1. Buka halaman top-nav.html di dalam \asset\template\pages\layout\

Hapus koding mulai dari <!—SEARCH FORM --> Sampai dengan </form>
2. Refresh browser, sehingga menghasilkan layout seperti berikut
b. Menghapus fitur notifikasi dan auto-nav
1. Gunakan tool find dengan tombol Ctrl+F, lakukan pencarian Right navbar links
Hapus koding mulai dari
<!-- Right navbar links -->
sampai dengan
<!-- Content Wrapper. Contains page content -->
sampai dengan Kecuali </nav>
2. Refresh browser, sehingga menghasilkan layout seperti berikut

c. Menghapus fitur (Card Title dan Feature) kolom yang ditandai dengan garis
orange di atas;
1. Gunakan tool find dengan tombol Ctrl+F, lakukan pencarian content-header
Hapus koding mulai dari
<!-- /. content-header -->
Sampai dengan
<!-- Control Sidebar -->

2. Refresh browser, sehingga menghasilkan layout seperti berikut

Tahapan selanjutnya memasang template AdminLTE-3 didalam root project.
Adapun langkah-langkahnya sebagai berikut
1. Buka direktori C:\xampp\htdocs\amora\application\views.
2. Buat sebuah folder dengan nama layout didalam direktori views tersebut

3. Buka folder layout dengan text editor dan buat file viewcontent.php, viewfooter.php,
viewhead.php,viewheader.php, viewnav.php dan viewunion.php

4. Buka file viewcontent.php, isi dengan koding berikut

5. Buka file viewunion.php, isi dengan koding berikut

6. Buka direktori /application/config/, kemudian edit coding yang didalam

routes.php pada baris 52
Menjadi
Home yang dimaksud adalah nama file yang akan dibuat didalam folder controller

7. Buka direktori /application/controller/.

8. Variable Content adalah penentu halaman yang akan ditampilkan. Sebagai

contoh, didalam public punction index variable content mendeklarasikan halaman
peta_leaflet. Karena halaman tersebut belum ada, maka tahap selanjutnya
membuat halaman peta_leaflet.php didalam folder views. Buka application/views/
klik kanan/pilih new file. Beri nama filenya peta_leaflet.php
9. Buka halaman peta_leaflet di dalam folder view, isi dengan keterangan (Hello
World).
1 <h1>Hello World</h1>
10. Refresh root project di browser, pastikan hasilnya sudah seperti dibawah ini;

Sebagaimana penjelasan sebelumnya bahwa Model layout yang digunakan adalah

top-nav, oleh karena itu koding yang akan dicopas dari di file top-nav.html.
Berikut tahapannya;
11. Buka direktori C:\xampp\htdocs\amora\asset\template\pages.
Tampikan halaman topnav.html.

12. Copy koding dari baris 1 s/d 18 dan paste kan dihalaman viewhead.php
13. Kembali buka file top-nav.html, cut lagi koding berikut dan paste kan di
viewhead.php;

14. Tambahkan koding berikut pada setiap libraries di halaman viewhead.php

<?=base_url()?>asset/template/
15. Sehingga tampilan halaman viewhead.php menjadi sebagai berikut
pastikan </head> selalu berada dipaling bawah <?=base_url()?>assets/template/
16. Buka lagi halaman top-nav.html, cut koding berikut;

17. Tambahkan koding ini <?=base_url()?>assets/template seperti dibawah ini

18. Refresh browser pastikan hasilnya sebagai berikut;

Kendala :
1. Terdapat di awal step dimana xampp tidak berjalan dengan lancar sehingga tidak
dapat melanjutkan ke tahap selanjutnya
2. Saat mengcopy bagian yang terdapat di top-nav.html kemudian mem-paste di
viewheader dan viewfooter. Kemudian saat me-refresh laman admin-lte3 tidak
berubah
Solusi :
1. Menginstall ulang xampp atau men-downgrade php ke versi 7.3.16
2. Mengecek ulang setiap coddingan dan memastikan tidak ada yang terhapus atau
terlewat.