Diartikel sebelumnya yang berjudul BELAJAR MEMBUAT WEBSITE INSTALL CODEIGNITER kita telah berhasil menginstall dan me-LIVE kan web pertama kita dengan framework codeigniter. Seperti yang kita ketahui tanda sukses web telah live adalah seperti pada gambar dibawah ini:

Okey, langsung saja kita belajar cara membuat halaman pertama kita pada framework codeigniter.

1. Buka folder web sitemu seperti contoh pada gambar dibawah ini:

Pada contoh diatas, admin partheon memberi nama folder webnya dengan nama FIRSTWEB dan lokasi file ada pada

C:\xampp\htdocs\firstweb (untuk penamaan web bebas, cuman pastikan ada dihtdocs). Bila belum mengetahui tentang XAMPP webserver dan settingnya dapat berkunjung ke link berikut INSTALL DAN SETTING XAMPP WEBSERVER. 

2. Pergi ke folder application dan perhatikan folder controller, model, dan view (ini yang disebut MVC). Contoh step 2 dapat dilihat pada gambar dibawah ini:

Seperti yang sobat lihat pada gambar diatas, folder MVC direpresentasikan pada folder Controller,model,dan view.

Ketiga folder tersebut memiliki fungsi sebagai berikut:

• Controller, folder ini berisi file-file yang digunakan untuk proses logic disisi server (web server).
• Model, folder ini berisi file-file yang mengatur akses ke operasi database (bisa mysql, postgree, mongodb,dll).
• View, folder ini bertanggung jawab terhadap tampilan website pada browser, sehingga penulisan html, javascript, css ada pada file yang ada didalam folder ini.

3.  Buat halaman pertamamu, namun pertama-tama cek posisi default controller pada path Application\config\routes.php.

Buka routes.php dengan notepad++ (yang dipakai admin, sobat bisa pakai aplikasi lain, seperti sublime,dll). Lalu cari variable $route['default_controller'] seperti pada gambar dibawah ini:

Pada contoh diatas, variable $route['default_controller'] bertuliskan 'welcome'. Hal ini berarti bahwa setiap web site dipanggil di browser (http://127.0.0.1/firstweb) akan selalu mengacu pada controller file welcome. 

4. Buat file baru pada folder VIEW. Langkah selanjutnya adalah kita akan membuat halaman kosong baru. Masuk ke notepad++ dan buat page baru seperti pada gambar dibawah ini:

Pada gambar diatas, kita akan membuat file bernama belajar.php dan disave pada folder c:\xampp\htdocs\firstweb\application\view.  Pada file belajar.php kita tulis code sebagai berikut:

<?php echo "HELLO SAYA BARU BELAJAR" ?>

Dimana akan menampilkan tulisan HELLO SAYA BARU BELAJAR di browser ketika web dijalankan.

5.  Rubah controller Welcome untuk menampilkan belajar.php. Pergi ke file welcome.php pada folder c:\xampp\htdocs\firstweb\application\controller\welcome.php. Buka file tersebut pada notepad++ seperti yang dilihat pada gambar dibawah ini:

pada script diatas kita akan mengubah target tampilan dari file welcome_message.php ke belajar.php yang baru kita buat tadi. 

6. Setelah itu, kita cek perubahannya dengan memanggil http://127.0.0.1/firstweb atau http://localhost/firstweb. Hasilnya akan kita lihat seperti gambar dibawah ini:

Di browsermu akan keluar tulisan "Hello saya baru belajar". Okey, dalam sesi ini kita telah belajar cara membuat halaman baru pada framework codeigniter. Sesi berikutnya kita akan membahas mengenai pengenalan HTML dasar agar halamanmu lebih cantik dan enak dipandang.

Klik untuk link berikutnya -> BELAJAR WEBSITE part 5 pengenalan HTML DASAR

Artikel terkait