Menampilkan HELLO WORLD !

Pada tutorial sebelumnya kita telah melakukan Configurasi pada Framework Langit Inspirasi, kali ini akan saya bahas tentang menampilkan HELLO WORLD ! dengan Framework Langit Inspirasi secara sederhana :

1. Bukalah file view.php yang terdapat pada direktori C:\xampp \htdocs\latihan_framework\views dengan teks editor NotePad++, Sublime, PHP Storm atau text editor lainnya.

 

2. Hapuslah pada bagian script program yang terdapat pada baris 79 s/d 108.

<div class="wthree_steps_grids">
  <div class="col-md-4 wthree_steps_grid">
    <div class="wthree_steps_grid1 wthree_steps_grid1_after">
      <div class="wthree_steps_grid1_sub">
	<span class="glyphicon glyphicon-education" aria-hidden="true"></span>
      </div>
    </div>
    <h4>Mudah</h4>
	<p>Mudah digunakan untuk membuat website dengan teknik OOP.</p>
  </div>
  <div class="col-md-4 wthree_steps_grid">
    <div class="wthree_steps_grid1 wthree_steps_grid1_after">
      <div class="wthree_steps_grid1_sub">
	<span class="glyphicon glyphicon-fire" aria-hidden="true"></span>
      </div>
    </div>
    <h4>MVC</h4>
    <p>Model-View-Controller menjadi dasar dari Framework Langit Inspirasi.</p>
   </div>
   <div class="col-md-4 wthree_steps_grid">
      <div class="wthree_steps_grid1">
	 <div class="wthree_steps_grid1_sub">
	    <span class="glyphicon glyphicon-thumbs-up" aria-hidden="true"></span>
	 </div>
      </div>
      <h4>Gratis</h4>
	<p>Framework Langit Inspirasi disediakan untuk para developer dan programmer muda.</p>
    </div>
    <div class="clearfix"> </div>
</div>

Sehingga pada saat dijalankan atau dipanggil melalui web browser akan terlihat ada bagian halaman yang hilang. Halaman yang normal atau sebelum terjadi penghapusan script akan terlihat seperti pada gambar dibawah ini.

Sedangkan setelah dilakukan penghapusan script, akan terlihat seperti pada gambar berikut dibawah ini. Penghapusan script dilakukan untuk membuat ruang atau tempat yang nantinya berfungsi untuk menampilkan output program.

 

3. Setelah baris 79 s/d 108 dihapus, selanjutnya tambahkan script dibawah ini kedalam baris ke 79.

<h2><?php echo $data["title"]; ?></h2>

Sehingga penambahan script diatas akan terlihat seperti pada gambar berikut dibawah ini.

4. Langkah selanjutnya, bukalah file php yang terdapat pada direktori C:\xampp\htdocs\latihan_framework \controllers dengan text editor anda.

5. Setelah file HomeController.php anda buka menggunakan text editor, selanjutnya ubahlah script didalamnya dengan script dibawah ini.

use \controllers\WelcomeController;

  class HomeController extends WelcomeController {

    public function index(){

    $this->welcome('home');

  }

}

6. Kemudian bukalah text editor NotePad++, setelah itu buatlah file dengan nama php dan ketikkan script dibawah ini kedalamnya, selanjutnya simpan kedalam direktori C:\xampp\htdocs\latihan_frame work\controllers

<?php

namespace controllers;
use \Controller;

class welcomeController extends Controller {

   protected function welcome($viewName, $data = array()) {
   /*
    Menampilkan semua query ke halaman welcome.php
   */
   $view = $this->view('welcome');
   $view->bind('viewName', $viewName);
   $view->bind('data', array_merge($data, array('title' => 'Hello World !')));

  }
}

?>

7. Bukalah web browser Mozilla Firefox pada komputer atau laptop anda, kemudian panggil alamat http://localhost/latihan_ framework/, maka hasilnya akan terlihat yaitu kalimat “Hello World !” seperti pada gambar dibawah ini.

Leave a Reply

Your email address will not be published. Required fields are marked *