My agone

Pada URL aplikasi “Halooo” yang dibuat sebelumnya, dapat dilihat bahwa adanya index.php pada url yang terlihat menggangu.

Untuk menghilangkan index.php dapat dilakukan dengan cara membuat file .htaccess. Yaitu dengan cara membuat sebuah file dengan nama .htaccess pada web root dan ketikan kode berikut:

RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(.*)$ index.php/$1 [L]

Simpan file .htaccess difolder utama

Kemudian buka file config.php pada folder application/config/ dengan text editor. Dan cari kode berikut

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

Edit kode tersebut dengan menghilangkan index.php menjadi

$config['index_page'] = '';

untuk mengujinya dapat dicoba dengan mengunjumgi url berikut

http://localhost/alfarisi/engineering/electrical

sepertinya tampak berhasil.

Membuat view

Untuk membuat file View dengan menggunakan text editor script yang digunakan seperti berikut :

<html>
<head>
        <title>My Blog</title>
</head>
<body>
        <h1>
Welcome to my Blog!</h1>
</body>
</html>

disimpan pada folder applicatio/view

Menampilkan View
Untuk menampilkan view dengan menggunakan script berikut

$this->load->view('blog');

dimana blog adalah file yang disimpan difolder application/view.

Membuat controller Blog.php untuk menampilkan view blog

<?php
class Blog extends CI_Controller {

        public function index()
        {
                $this->load->view('blogview');
        }
}

Untuk melihat hasil yang ditampilkan, pada url browser masukan

localhost/index.php/blog

dimana blog localhost/index.php/blog/

Menampilkan banyak View

<?php

class Page extends CI_Controller {

        public function index()
        {
                $data['page_title'] = 'Your title';
                $this->load->view('header');
                $this->load->view('menu');
                $this->load->view('content', $data);
                $this->load->view('footer');
        }

}

Menampilkan View yang disimpan di sub-directory folder

$this->load->view('directory_name/file_name');

Buka file controller Welcome.php pada folder Xampp\htdocs\alfarisi\application\controllers maka akan tampak seperti berikut

<?php
defined('BASEPATH') OR exit('No direct script access allowed');

class Welcome extends CI_Controller {

 /**
  * Index Page for this controller.
  *
  * Maps to the following URL
  *   http://example.com/index.php/welcome
  * - or -
  *   http://example.com/index.php/welcome/index
  * - or -
  * Since this controller is set as the default controller in
  * config/routes.php, it's displayed at http://example.com/
  *
  * So any other public methods not prefixed with an underscore will
  * map to /index.php/welcome/<method_name>
  * @see https://codeigniter.com/user_guide/general/urls.html
  */
 public function index()
 {
  $this->load->view('welcome_message');
 }
}

Susunan controller diawali dengan

class Welcome extends CI_Controller

Welcome merupakan nama controller-nya dan diikuti oleh CI_Controller.

dan function yang pertama digunakan adalah fuction index

public function index()

Sedangkan code dibawah ini adalah untuk me-load view

$this->load->view('welcome_message');

Mencoba membuat contoller baru dengan nama Engineering.php simpan di folder application\controllers,

<?php
class Engineering extends CI_Controller {

 
}

kemudian buka di browser localhost/alfarisi/index.php/engineering, maka akan tampak seperti error

hal ini terjadi karena belum mendefinisikan fuction. Tambahkan function pada Engineering.php misalnya seperti

<?php
class Engineering extends CI_Controller {

 public function index()
 {
  echo "halooo";
 }
 
}

jika pada browser diketikan localhost/alfarisi/index.php/engineering, maka akan tampak

bila ditambahkan fuction baru misal seperti

<?php
class Engineering extends CI_Controller {

 public function index()
 {
  echo "halooo";
 }
 
 public function electrical()
 {
  echo "panel";
 }
}

jika pada browser diketikan localhost/alfarisi/index.php/engineering/electrical, maka akan tampak

dimana engineering --> controller-nya disebut juga uri segment 1 dan
electrical --> fuction-nya disebut juga uri-segment 2

Namun jika pada browser hanya mengetikan localhost/alfarisi/index.php/engineering maka yang muncul di browser adalah halooo.
Dimana Engineering -->controller-nya dan index -->fuction-nya. Karena yang pertama diload adalah fuction index jadi tidak diperlu diketik index pada browser, jadi tidak seperti localhost/alfarisi/index.php/engineering/index, cukup localhost/alfarisi/index.php/engineering/.

Disambung lagi ..............

Peralatan yang dibutuhkan :

Local server Xampp
CodeIgniter terbaru
Text editor seperti notepad++, sublime, netbeans dll

Setelah xampp diinstal dan diaktifkan, selanjutnya menginstall codeigniter. Ekstrak codeigniter dan rename sesuai dengan keinginan, disini saya rename menjadi alfarisi. Kemudian copy folder tersebut ke D:\Xampp\htdocs. D: merupakan tempat instal xampp berada.

Buka browser dan ketik http://localhost/alfarisi/ dan enter jika muncul Welcome to CodeIgniter berarti instalasi codeigniter telah berhasil.

Selanjutnya melakukan konfigurasi awal dengan membuka config.php dengan text editor. File config.php berada di Xampp\htdocs\alfarisi\application\config.

Isikan alamat url http://localhost/alfarisi/ pada

$config['base_url'] = '';

sehingga menjadi

$config['base_url'] = 'http://localhost/alfarisi/';

Demikian tahap instalasi dan tahap awal konfigurasi CodeIgniter.

Terlebih dahulu download versi terbaru Ant yang berekstensi .zip seperti apache-ant-1.10.0-bin.zip. Download disini.

Ekstrak file .zip tersebut, misal ekstrak di direktori D:\ sehingga pathnya menjadi D:\apache-ant-1.10.0.
Selanjutnya Masukkan path folder Ant ke dalam variable PATH pada sistem Windows.
    Buka Control Panel,
    pilih System and Security,
    pilih System, pilih Advanced System Settings,
    akan muncul jendela System Properties.
    Pada tab Advanced klik tombol Environment Variables.

Pada jendela Environment Variables bagian list user variables,
pilih variable PATH

lalu klik tombol Edit.
Pada bagian akhir Variable value,
tambahkan path folder Ant, misalnya disini ;D:\apache-ant-1.10.0\bin.
Pisahkan path value sebelumnya dengan path baru Ant dengan titik koma.

Klik tombol OK pada jendela Edit.

Selanjutnya buat variable dengan mengklik tombol New..,
pada bagian Variable name isi dengan ANT_HOME

Jika variabel ini sudah ada, maka pilih dan klik tombol Edit, lalu pada bagian Variable value isi path folder Ant seperti langkah sebelumnya dengan tanpa diakhiri folder \bin.

Dalam kasus di komputer saya adalah ;D:\apache-ant-1.10.0.
Kemudian klik tombol OK.
Klik tombol OK sekali lagi untuk menutup jendela Environment Variable.

Setelah selesai, coba tes hasil instalasi.
Buka jendela terminal atau cmd baru lalu ketik perintah

ant -version

Kalo muncul nomor versi, itu tandanya ant sudah siap digunakan.

Download Java SE JDK (Standard Edition) dari website Oracle,
Klik pada gambar Java

Klik pada Accept License Agreement

lalu klik tautan Windows x86 bila menggunakan OS 32bit dan Windows x64 bila 64bit.

Stelah didownload, mulai instalasi JDK. Pastikan mengingat dimana letak folder JDK ini tersimpan karena akan kita daftarkan pada PATH di Windows.

Setelah proses instalasi selesai, update path dengan lokasi instalasi JDK agar JDK dapat dikenali di command line. Buka Control Panel, pilih System and Security, pilih System, pilih Advanced System Settings, akan muncul jendela System Properties. Pada tab Advanced klik tombol Environment Variables..

Pada jendela Environment Variables bagian list user variables, pilih variable PATH lalu klik tombol Edit. Pada bagian akhir Variable value, tambahkan path folder tempat JDK disimpan, dalam kasus di komputer saya pathnya adalah ;C:\Program Files\Java\jdk1.8.0_112\bin. Kita pisahkan path value sebelumnya dengan path baru JDK kita dengan titik koma. Klik tombol OK pada jendela Edit.

Selanjutnya buat variable dengan mengklik tombol New.., pada bagian Variable name isi dengan JAVA_HOME (kalo variabel ini sudah ada, maka pilih dan klik tombol Edit), lalu pada bagian Variable value isi path folder JDK seperti langkah sebelumnya dengan tanpa diakhiri folder \bin. Dalam kasus di komputer saya adalah ;C:\Program Files\Java\jdk1.8.0_112.
Klik tombol OK.

Klik tombol OK lagi untuk menutup jendela Environment Variable.

Sekarang tes hasil instalasi. Buka jendela terminal atau cmd baru lalu ketik perintah

javac -version

Kalo muncul nomor versi, itu tandanya JDK sudah siap digunakan.

Apache Cordova diinstal menggunakan Node Package Manager (NPM), Maka dari itu terlebih dahulu kita install Node JS.
Download Node.js disini, pilih sesuai spesifik sistem operasi dan berapa bit OS yang digunakan, kemudian install.
Setelah berhasil diinstal, buka terminal cmd untuk install cordova, hal ini memerlukan koneksi internet.Pada terminal cmd ketik perintah

npm install -g cordova

pastikan koneksi internet baik dan tunggu hingga selesai

Tampilan ketika selesai instalasi

untuk tes hasil instalasi ketik pada terminal cmd

cordova -v

jika keluar nomor versi, berarti instalasi telah berhasil.

Agus Hiwansyah

Popular Posts

Like us on Facebook

Labels

Flickr Images

Video of the Day

Most Trending