Cara Mengubah Tampilan Awal CI (Codeigniter) Dengan Tampilan Baru (Pengenalan CI)

Assalamu’alaikum..

            Dalam pembahasan kali ini saya ingin membahas Pada Praktikum Lab TI PWeb ke 4 tentang Cara Mengubah Tampilan Awal Ci (Codeigniter) Dengan Tampilan Baru, seperti ngelink gitu. Oke sebelum saya membahasnya, alangkah baiknya mengenal lebih dulu apa itu CI ?

            CodeIgniter adalah framework dengan model MVC (Model, View, Controller) untuk membangun website dinamis dengan menggunakan PHP. CodeIgniter memudahkan developer untuk membuat aplikasi web dengan cepat dan mudah dibandingkan dengan membuatnya dari awal. Oke sekarang langsung saya bahas cara pembuatannya.

1.         Sobat harus mempunyai CI dan sudah terinstal XAMPP nya terlebih dahulu, disini saya memakai CI 2.2.0. Jika Belum Punya Download di website resminya, Disini

2.         Jika telah di download, ubah folder terseut dengan nama CI, lalu letakkan folder CI tersebut dalam folder instalan XAMPP – htdocs. Seperti gambar dibawah.

Gambar diatas folder CI nya sudah saya rename, agar saat nanti dipanggil di browser, mudah.

3.         Lalu sobat buka browser, disini saya memakai mozilla firefox, panggil folder codeigniter tadi. localhost/codeigniter , lalu tekan enter. Dan tampilan awal CI nya akan seperti dibawah.

4.         Oke sekarang, untuk merubah tampilan CI agar tidak sama seperti gambar diatas.

5.         Untuk membuat tampilan baru sesuai dengan keinginan kita, caranya ketik perintah dibawah ini :

            Lalu simpan dengan ekstensi .php (saya contohkan saya menyimpan dengan nama edit.php) dan simpan pada C:\xampp\htdocs\CodeIgniter\application\views . seperti gambar dibawah.

6.         Selanjutnya buka file welcome.php yang berada pada folder :

C:\xampp\htdocs\codeigniter\application\controllers. Seperti gambar dibawah.

7.         lalu buat lembar kerja baru di notepad++, dan copy semua isi yang ada pada file welcome.php. paste pada lembar kerja tersebut – save dengan nama link.php pada folder C:\xampp\htdocs\CodeIgniter\application\controllers.              kita rubah "welcome_message" dengan nama edit. Seperti gambar dibawah.

 Lalu ubah class nya juga dari welcome menjadi link – lalu save. Seperti gambar dibawah.

 8.        sekarang buka file routes.php menggunakan notepad++, pada folder C:\xampp\htdocs\codeigniter\application\config. Lalu rubah filei "welcome" menjadi nama link. Seperti gambar dibawah.

OUTPUT :

            Mungkin itu saja pembahasan kali ini, apabila ada kata yang salah dan kurang berkenan mohon dimaafkan. Terima kasih. ^^

Wassalamu’alaikum..

Download CodeIgniter dari Website Resminya : Disini

Download File LA 5 PWeb Lengkapnya  : Disini

 

Tweet

Jika Menyukai Artikel di blog ini, Silahkan masukkan email sobat. Akan dapat Update artikel dari blog ini, "GRATISS!!"