Instalasi Framework - adinda1700016019/visin-gcharts GitHub Wiki

Kita akan mulai dengan melakukan instalasi pada framework yang di gunakan :

Instalasi Codeigniter

1. Unduh file master Codeigniter v3.1.11
2. Extrak file CI dan letakkan folder CI pada folder htdocs Xampp. Nama folder yang kita gunakan adalah visin-gcharts.
3. Pastikan Xampp sudah berjalan dan akses melalui browser ke alamat localhost/visin-gcharts.

Instalasi UIKIT

1. Unduh Uikit dari web resmi. Versi yang kita gunakan adalah Uikit Versi 3.4.0
2. Simpan folder CSS dan JS dari Uikit kedalam folder vendor/uikit/.
3. Buka file application/config/autoload.php dan cari baris kode $autoload['helper']=array(). Update menjadi $autoload['helper']=array('url') agar fungsi-fungsi berkaitan dengan URL dan URI dapat berfungsi seperti base_url().

4. Buat file application/views/visin.php dan isi dengan kode berikut;

5. Buat file application/controllers/Visin.php dan isi dengan kode dibawah ini. Fungsi $this->load->view('visin'); akan menampilkan view ke file views/visin.php.

6. Update file application/config/routes.php. cari kode $route['default_controller'] = 'welcome'; dan ganti menjadi $route['default_controller'] = 'visin';. Ini akan membuat default controller mengarah ke file Visin.php sehingga saat diakses melalui browser localhost/visin-gcharts maka akan langsung mengarah ke halaman visin.

7. akses melalui browser ke alamat localhost/visin-gcharts.

Instalasi Gchart

1. Update file application/views/visin.php. Tambahkan librari Javascript pada elemen head :

2. Buat contoh grafik seperti berikut ini untuk memeriksa apakah librari sudah berhasil diintegrasikan kedalam Codeigniter. Lalu Update file application/views/visin.php

3. akses melalui browser ke alamat localhost/visin-gcharts.