Kamis, 26 Maret 2015

Web Sederhana Dengan Code Igniter

Web Sederhana Dengan Code Igniter


Copy folder CI ke dalam xampp/htdocs, lalu edit pada file yg terdapat pada folder application/views/welcome_message.php. Lalu ubah file tersebut seperti coding di bawah ini :



<html>
<body>
<div id="container">
<div id="judul">
      <h1><center>Welcome To My Web CodeIgniter</center></h1></div>
      <h1>
<a href="http://localhost/CodeIgniter_2.1.3/index.php/welcome/aku"> Rumah Galau</a></h1>
      <div id="body">
      <img src="http://localhost/CodeIgniter_2.1.3/gambar/kecil.png"></img>
      <p><h3>Catatan Harian Ini penting dalam mendokumentasikan praktikum</h3></p>
      <p><h3>apa saja yang di lakukan dalam pemrograman web.<h3></p>
      <p><h3>Selain untuk memenuhi tugas mata kuliah pemrograman web juga sebagai</h3></p>
      <p><h3>media pembelajaran online dan pendokumentasian pelaksanaan praktikum.<h3></p>
</div>
</body>
</html>


Folder views pada application folder ini untuk mensetting tampilan yag akan ditampilkan ke dalam Code Igniter. Tampilan yang dihasilkan pada Pengkodingan di atas adalah sebagai berikut :









Setelah itu, kita membuat file aku.php dimana pada halaman utama tadi apabila Rumah Galau kita klik, maka akan muncul file aku.php. Dalam pembuatan halaman web aku.php ini, saya menggunakan bahasa pemrograman php. Dengan coding seperti berikut :



<?php
  echo "<br />";
  echo "<center> <h1>WEB GALAU</h1></center>";
  echo "<br />";
  echo "<center> <img src= 'http://localhost/CodeIgniter_2.1.3/gambar/baner.jpg' </img> </center>";
  echo "<br />";
  echo "<code><h2>Created By : Fitriana</h2></code>"
?>




Coding di atas kita simpan ke dalam folder application/views/aku.php. Hasil dari file aku.php ini sebagai berikut 


Setelah mensetting pada tampilan, kita setting file pada folder application/controlles/welcome.php, ubah file menjadi seperti berikut :


<?php if(!defined('BASEPATH')) exit('No direct script access allowed');
class Welcome extends CI_Controller {
public function index()
{
       $this->load->view('welcome_message');
}
public function aku()
{
       $this->load->view('aku');
}
}
?>
 


Pada file tersebut berisi pemanggilan file/mengkontrol tampilan yang akan ditampilkan pada web. Dengan mendeklarasikan function yang disebutkan pada coding di atas,file ini me-load folder view yang memanggil file welcome_message.php dan aku.php (Lihat yang bercetak Merah). Save dan lihat hasilnya,






0 komentar :

Posting Komentar