Kamis, 04 Januari 2018

Cara Mengubah Tampilan Awal Ci (Codeigniter) Dengan Tampilan Gres (Pengenalan Ci)

Assalamu’alaikum..

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

            CodeIgniter yaitu framework dengan model MVC (Model, View, Controller) untuk membangun website dinamis dengan menggunakan PHP. CodeIgniter memudahkan developer untuk menciptakan aplikasi web dengan cepat dan gampang dibandingkan dengan membuatnya dari awal. Oke kini pribadi aku bahas cara pembuatannya.

1.         Sobat harus memiliki CI dan sudah terinstal XAMPP nya terlebih dahulu, disini aku menggunakan CI 2.2.0. Jika Belum Punya Download di website resminya, Disini

2.         Jika telah di d0wnl0ad, ubah folder terseut dengan nama CI, kemudian letakkan folder CI tersebut dalam folder instalan XAMPPhtdocs. Seperti gambar dibawah.


Gambar diatas folder CI nya sudah aku rename, semoga ketika nanti dipanggil di browser, mudah.

3.         Lalu teman buka browser, disini aku menggunakan mozilla firefox, panggil folder codeigniter tadi. localhost/codeigniter , kemudian tekan enter. Dan tampilan awal CI nya akan menyerupai dibawah.


4.         Oke sekarang, untuk merubah tampilan CI semoga tidak sama menyerupai gambar diatas.

5.         Untuk menciptakan tampilan gres sesuai dengan impian kita, caranya ketik perintah dibawah ini :


            Lalu simpan dengan ekstensi .php (saya contohkan aku menyimpan dengan nama edit.php) dan simpan pada C:\xampp\htdocs\CodeIgniter\application\views . menyerupai 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 gres 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 – kemudian 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
 

Sumber http://faris6593.blogspot.com


EmoticonEmoticon