sebelumnya saya akan menjelaskan terlebih dahulu apa yang di maksud dengan menu.. 
Menu sangat banyak digunakan dalam aplikasi Android karena menu dapat mempermudah untuk
pindah dari satu activity ke activity lain. Saat aplikasi berjalan, Menu akan tersembunyi secara
otomatis sehingga tidak mengganggu aktivitas yang dilakukan dalam satu activity. Jika ingin
melihat menu, cukup dengan menekat tombol menu yang sudah disiapkan oleh Android.


File : src/ jhohannes.purba / MainActivity.java
kemudian masukan Koding berikut ini.

package com.example.menu;

import android.app.Activity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.widget.Toast;
public class MainActivity extends Activity {
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
}
@Override
public boolean onCreateOptionsMenu(Menu menu) {
// menu(group id, id, order,title )
menu.add(0, 1, 2, "Java");
menu.add(0, 2, 3, "C++");
menu.add(0, 3, 1, "PHP");
menu.add(1, 4, 0, "Mysql");
menu.add(1, 5, 4, "SqLite");
menu.add(2, 6, 5, "Eclipse");
menu.add(2, 7, 6, "Netbeans");
return super.onCreateOptionsMenu(menu);
}
@Override
public boolean onMenuItemSelected(int featureId, MenuItem item) {
String group = "";
if (item.getGroupId() == 0) {
    group = "Bahasa Pemrograman";
    } else if (item.getGroupId() == 1) {
    group = "Database";
    } else if (item.getGroupId() == 2) {
    group = "Editor";
    }
    Toast.makeText(
    MainActivity.this,
    "\nGroup: " + group +
    "Item ID : " + item.getItemId()+
    "\nTitle: " + item.getTitle() +
    "\nUrutan: "+ item.getOrder(),
    Toast.LENGTH_LONG).show();
    return super.onMenuItemSelected(featureId, item);
    }
    }


Untuk masing-masing parameter dari menu.add() adalah add(id group, id item, urutan tampil,
judul).
· Parameter pertama : group dari masing-masing item, untuk contoh kasus ini akan dibuat
group Bahasa Pemrograman, database dan Editor
· Parameter kedua : id dari masing-masing item yang dibuat, pastikan bahwa id dari
masing-masing item ini tidak ada yang sama
· Parameter ketiga : urutan tampil dari masing-masing item
· Parameter keempat : judul item yang akan ditampilkan

Setelah semuanya telah selesai kita Run Project,
Maka akan tampil seperti di bawah ini..

kemudian Kita klik pilihan yang sudah saya beri tanda merah, maka akan muncul tampilan di bawah ini.

Kemudian kita klik lagi pilihan yang kita mau, contohnya seperti tanda yang sudah saya beri, maka akan muncul  Toast.makeText seperti di bawah ini..

Demikian Blog pembuatan Menu,
Semoga bermanfaat.

Cara membuat Spinner Dan ArrayAdapter pada android

kita buka MainActivity.Java
kemudian masukan koding berikut ini..


package com.example.spinnerdanarrayadapter;
import java.util.ArrayList;
import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.ArrayAdapter;
import android.widget.Button;
import android.widget.Spinner;
import android.widget.TextView;

public class MainActivity extends Activity implements OnClickListener {
Spinner spinnerPemrograman;
Button buttonPilih;
TextView textViewLaporan;
ArrayList<String> arrayListPemrograman = new ArrayList<String>();
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
// memasukkan item kedalam arraylist
arrayListPemrograman.add("Java");
arrayListPemrograman.add("PHP");
arrayListPemrograman.add("Android");
spinnerPemrograman = (Spinner) findViewById(R.id.SpinnerPemrograman);
buttonPilih = (Button) findViewById(R.id.buttonPilih);
textViewLaporan = (TextView) findViewById(R.id.textViewLaporan);
// membuat adapter untuk menghubungkan spinner dengan data arraylist
ArrayAdapter<String> adapterPemrograman = new ArrayAdapter<String>(
this, android.R.layout.simple_spinner_item,
arrayListPemrograman);
adapterPemrograman
.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);
// masukkan adapter kedalam spinner
spinnerPemrograman.setAdapter(adapterPemrograman);
// mengatur yang akanditampilkan secara default
// posisi arraylist adalah
// index 0 : Java
// index 1 : PHP
// index 2 : Android
// maka yang ditampilkan adalah Android
spinnerPemrograman.setSelection(2);
buttonPilih.setOnClickListener(this);
}
@Override
public void onClick(View view) {
// ambil data dari arraylist berdasarkan posisi index
textViewLaporan.setText("Spinner yang dipilih adalah : "
+ spinnerPemrograman.getSelectedItem().toString());
}
}

Setelah itu kita buka activity_main.xml
kemudian Kita masukan koding berikut ini..


<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >
<Spinner
android:id="@+id/SpinnerPemrograman"
android:layout_width="match_parent"
android:layout_height="wrap_content" />
<Button
android:id="@+id/buttonPilih"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="Pilih" />
<TextView
android:id="@+id/textViewLaporan"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="TextView" />
</LinearLayout>

kemudian kita Run Project
mka hasil yang akan di tampilkan seperi di bawah ini..

jika kita mengklik Java maka akan tanpil java. seperti gambar di bawah ini.

Cara membuat kuis pada android

 Disini saya akan mencoba membuat Kuis pada Android, seperti jika kita memilih salah satu yang benar maka nilainya 10 dan jika salah maka nilainya di kurangi 5,.
nah diwabah ini koding dari pembuatan kuis.
kita masuk pada MainActivity.java kemudian masuakn koding berikut ini.

package com.kuis.aplication;

 import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.CheckBox;
import android.widget.TextView;

public class MainActivity extends Activity implements OnClickListener {

    Button proses;

    CheckBox cekdelima1, cekduku1, ceksemangka1, cekbawang1;
    TextView outputnilai;
    String nilai;

    private CheckBox cekdelima;

    private CheckBox cekduku;

    private CheckBox ceksemangka;

    private CheckBox cekbawang;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);

        proses = (Button) findViewById(R.id.proses);

        cekbawang1 = (CheckBox) findViewById(R.id.cbawang);
        cekduku1 = (CheckBox) findViewById(R.id.cduku);
        ceksemangka1 = (CheckBox) findViewById(R.id.csemangka);
        cekdelima1  = (CheckBox) findViewById(R.id.cdelima);
        outputnilai = (TextView) findViewById(R.id.tnilai);

        proses.setOnClickListener(this);

    }

    @Override
    public void onClick(View klik) {
        // TODO Auto-generated method stub

        if (cekbawang1.isChecked() && ceksemangka1.isChecked()
                && cekduku.isChecked() && cekdelima1.isChecked()) {
            outputnilai.setText("25");
        } else if (cekbawang1.isChecked() && ceksemangka1.isChecked()
                && cekduku.isChecked()) {
            outputnilai.setText("15");
        } else if (cekdelima1.isChecked() && ceksemangka1.isChecked()
                && cekdelima1.isChecked()) {
            outputnilai.setText("15");
        } else if (ceksemangka1.isChecked() && cekduku.isChecked()
                && cekdelima1.isChecked()) {
            outputnilai.setText("30");
        } else if (cekbawang1.isChecked() && ceksemangka1.isChecked()) {
            outputnilai.setText("5");
        } else if (cekbawang1.isChecked() && cekduku.isChecked()) {
            outputnilai.setText("5");
        } else if (cekbawang1.isChecked()
                && cekdelima1.isChecked()) {
            outputnilai.setText("5");
        } else if (cekduku.isChecked() && ceksemangka1.isChecked()) {
            outputnilai.setText("20");
        } else if (cekdelima1.isChecked() && ceksemangka1.isChecked()) {
            outputnilai.setText("20");
        } else if (cekdelima1.isChecked() && cekduku.isChecked()) {
            outputnilai.setText("20");
        } else if (cekbawang1.isChecked()) {
            outputnilai.setText("0");
        } else if (ceksemangka1.isChecked()) {
            outputnilai.setText("10");
        } else if (cekduku.isChecked()) {
            outputnilai.setText("10");
        } else if (cekdelima1.isChecked()) {
            outputnilai.setText("10");
        } else {
        }

        cekbawang.setChecked(false);
        ceksemangka1.setChecked(false);
        cekduku1.setChecked(false);
        cekdelima1.setChecked(false);
    }

}

selanjutnya kita masuk pada pengisian Main.xml,
Buka Res -> kemudian Layout dan buka Main.xml,
kemudian maksukan koding berikut ini,..


 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".Main" >

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="1.Manahkah Dibawah Ini Yang Merupakan buah-buahan?" />

    <CheckBox
        android:id="@+id/cbawang"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/textView1"
        android:layout_below="@+id/textView1"
        android:layout_marginTop="40dp"
        android:text="Bawang" />

    <CheckBox
        android:id="@+id/cduku"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/cbawang"
        android:layout_below="@+id/cbawang"
        android:text="Duku" />

    <CheckBox
        android:id="@+id/csemangka"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/cduku"
        android:layout_below="@+id/cduku"
        android:text="Semangka" />

    <CheckBox
        android:id="@+id/cdelima"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/csemangka"
        android:layout_below="@+id/csemangka"
        android:text="Delima" />

    <Button
        android:id="@+id/proses"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/cdelima"
        android:layout_alignRight="@+id/csemangka"
        android:layout_below="@+id/cdelima"
        android:layout_marginTop="17dp"
        android:text="proses" />

    <TextView
        android:id="@+id/tnilai"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/proses"
        android:layout_below="@+id/proses"
        android:layout_marginTop="30dp"
        android:text="Nilai Anda adalah?"
        android:textAppearance="?android:attr/textAppearanceLarge" />

</RelativeLayout>
kemudian kita Run Projectnya
dan hasilnya seperti ini..

Demikian Semoga bermanfaat..

 Isnawaty Ibrahim
131314018

Kali ini kita akan membuat  CRUD dengan CodeIgniter.
tapi sebelumnya saya akan menjelaskan apa itu CRUD
CRUD merupakan singkatan dari Membuat, Memahami, Mengubah, dan menghapus.di mana hal tersebut adalah sebuah fungsi dari aplikasi yang menggunakan Database.

Aplikasi yang diperlukan saat menjalankan CRUD

• Disini kita menggunakan XAMPP utuk Database MSQL-nya…
• Sublime sebagai Text Editor
• Codeigniter

nah sekarang saya akan menuliskan apa yang telah saya buat, atau telah saya praktekkan.
langkah pertma kita buat Database Mahasiswa dengan nama db_mahasiswa dan tabel mahasiswa

 setelah kita buat, Konigurasi database
kita buka Sublime dan masukan koding berikut ini.

Kemudian buat Database.php dan masukan koding di bawah ini.
$active_group = 'defauld';
$query_builder = TRUE;

$db['default'] = array(
'dsn'        => '',
'hostname'    => 'localhost',
'username'    => 'root',
'password'    => 'satu',
'database'    => 'db_mahasiswa_TI',
'dbdriver'    => 'mysql',
'dbprefix'    => '',
'pconnect'    => FALSE,
'db_debug'    => (ENVIRONMENT !== 'production'),
'cache_on'    => FALSE,
'cachedir'    => '',
'char_set'    => 'utf8',
'dbcollat'    => 'utf8_general_ci',
'swap_pre'    => '',
'encrypt'    =>FALSE,
'compress'    => FALSE,
'stricton'    =>FALSE,
'failover'    =>rray(),
'save_queries'    =>TRUE
);
kemudian simpan

dan utuk menampilkan  data di databases
kita buka Controller kemudian beri nama Mahasiswa.php
masukan koding berikut ini

<?php
defined('BASEPATH') OR exit('No direct script access allowed');

class Mahasiswa extends CI_Controller {
    public function index ()
{
    $this->load->model('modelmahasiswa');
    $judul                ="daftar mahasiswa";
    $data['judul']        = $judul;
    $data['mahasiswa']    = $this->modelmahasiswa->list_mahasiswa()->result();
    $this->load->view('vmahasiswa',$data);
}
}

selanjutnya kita buat modelmahasiswa.php. masukan koding brikut ini,

<?php
class Modelmahasiswa extends CI_Model {

    function list_mahasiwa(){
    $mahasiswa = $this->db->get('mahasiswa');
    return $mahasiswa;
    }
}

View | vmahasiswa.php

<?php echo $judul; ?>
<hr>
<table border="1">
<tr>
<th>NIM</th>
<th>NAMA</th>
<th>AGAMA</th>
<th>ALAMAT</th>
<tr>
<?php
foreach ($mahasiswa as $m){
    echo"
    <tr>
    <td> $m->nim</td>
    <td> $m->nama</td>
    <td> $m->agama</td>
    <td> $m->alamat</td>
    </tr>";
}
?>
</table>

Kemudian kita simpan.

dan hasilnya akan seperti ini .

tapi berhubung punya saya eror maka percobaan saya berhenti di sini, 

tapi saya akan menuliskan meskipun eror. 

Input Data
Controller | Mahasiswa.php

 msukan koding berikut ini

<?php
defined('BASEPATH') OR exit('No direct script access allowed');

class Mahasiswa extends CI_Controller {
    public function index ()
{
    $this->load->model('modelmahasiswa');
    $judul                ="daftar mahasiswa";
    $data['judul']        = $judul;
    $data['mahasiswa']    = $this->modelmahasiswa->list_mahasiswa()->result();
    $this->load->view('vmahasiswa',$data);
}

function input (){
    $this->load->view('inputmahasiswa');

}
function simpan (){
    $datamahasiswa = array(
        'nim'        => $this->input->post('nim'),
        'nama'        => $this->input->post('nama'),
        'agama'        => $this->input->post('agama'),
        'alamat'    => $this->input->post('alamat'));
    $this->db->insert('mahasiswa', $datamahasiswa);
    redirect('mahasiswa');
        }
}

 Model | modelmahasiswa.php

<?php
class Modelmahasiswa extends CI_Model {

    function list_mahasiwa(){
    $mahasiswa = $this->db->get('mahasiswa');
    return $mahasiswa;
    }
}
function editmahasiswa ($nim) {
    return $this->db->get_where('Mahasiswa',array('nim'->$nim));
}
}

kemudian kita simpan. dan lihat hasilnya pada localhost.

demikian laporan dari saya. maaf tidak lengkap.

Isnawaty Ibrahim

Tempalate Bootsrap Pada CodeIgniter (CI)

Pemrograman Web II

Tempalate Bootsrap Pada CodeIgniter (CI)

 

Langkah pertama yang di lakukan adala menjalankan xampp. Kemudian ganti nama folder codeigniter sesuai keinginan anda. Untuk saya sendiri nama folder-nya saya ganti dengan nama Latihan_2. kemudian copy  kan folder tersebut ke xampp->htdocs. Pada template bootsrap terdapat folder assets, copy kan folder assets tersebut ke dalam folder Latihan_2  yang telah anda letakan ke dalam direktori xampp . Selanjutnya buka/jalankan browser dan ketikan localhost dan nama folder CodeIgniter yang sudah anda ganti dan sudah anda letakan ke dalam folder xampp. Misalnya localhost/Latihan_2 . 

berikut ini tampilan utama dari CodeIgniter.

Kemuidan buka text editor-nya. Untuk text editor anda bisa menggunakan notepad++, sublime text. Di sini saya menggunakan sublimetext sebagai text editor-nya. kemudian masukkan folder tadi ke dalam sublime text. Caranya pada menu bar klik project->add folder to project.  Seperti tampak pada gambar berikut ini

Pada application->config buka file config.php,  kemudian copy kan link yang ada di browser tadi, misalkan http://localhost/Latihan_1  ke dalam base-url seperti gambar di bawah ini

       

Pada folder assets terdapat file index di mana file tersebut merupakan tampilan/index tempalate bootsrap yang akan kita gunakan, dan kode yang ada pada file index ini akan kita copy kan ke dalam file-file yang akan kita buat pada folder view.

Sekarang pada folder view saya akan membuat file header.php. dan mencopy kan kode yang ada pada file index tadi.

Perlu anda ingat bahwa praktikum kali ini saya hanya membahas tentang CV (Controller dan View)  di sini kita hanya akan bermain di controller dan view, dan  ini sangat dasar sekali pada CodeIgniter. Saya akan membagi tahu tentang pemanggilan function.  Kode yang ada pada file index tadi akan kita pilah ke dalam tiga bagian file yaitu header content dan footer. Kemudian akan kita panggil function nya pada controller.

Berikut kode header

# Header

<!DOCTYPE html> <html lang="en">  <head>  <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title> Tampilan Boostrap</title> <meta name="description" content="Source code generated using layoutit.com"> <meta name="author" content="LayoutIt!">  <link href="<?php echo base_url (); ?>assets/css/bootstrap.min.css" rel="stylesheet"> <link href="<?php echo base_url (); ?>assets/css/style.css" rel="stylesheet"> </head>    <body> <div class="container-fluid"> <div class="row"> <div class="col-md-12"> <nav class="navbar inverse" role="navigation">  <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">  <span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span> </button> <a class="navbar-brand" href="#">Brand</a> </div> <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav"> <li class="active">     <a href="#">Link</a> </li> <li> <a href="#">Link</a> </li>

 

<li class="dropdown">  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown<strong class="caret"></strong></a> <ul class="dropdown-menu"> <li> <a href="#">Action</a> </li> <li> <a href="#">Another action</a> </li> <li> <a href="#">Something else here</a> </li> <li class="divider"> </li> <li> <a href="#">Separated link</a> </li> <li class="divider"> </li> <li> <a href="#">One more separated link</a> </li> </ul> </li> </ul> <form class="navbar-form navbar-left" role="search"> <div class="form-group"> <input type="text" class="form-control"> </div> <button type="submit" class="btn btn-default">                 Submit </button> </form> <ul class="nav navbar-nav navbar-right"> <li> <a href="#">Link</a> </li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown<strong class="caret"></strong></a> <ul class="dropdown-menu"> <li> <a href="#">Action</a> </li> <li> <a href="#">Another action</a> </li> <li> <a href="#">Something else here</a> </li>

 

           

<li class="divider"> </li> <li> <a href="#">Separated link</a> </li> </ul> </li> </ul> </div> </nav> <div class="carousel slide" id="carousel-322977"> <ol class="carousel-indicators"> <li data-slide-to="0" data-target="#carousel-322977"> </li> <li data-slide-to="1" data-target="#carousel-322977" class="active"> </li> <li data-slide-to="2" data-target="#carousel-322977"> </li> </ol> <div class="carousel-inner"> <div class="item"> div class="carousel-caption"> </div> </div> <div class="item active"> <img alt="Carousel Bootstrap Second" src="<?php echo base_url (); ?>assets/img/5.jpg"> <div class="carousel-caption"> </div> </div> <div class="item"> <img alt="Carousel Bootstrap Third" src="<?php echo base_url (); ?>assets/img/6.jpg"> <div class="carousel-caption"> </div> </div> </div> <a class="left carousel-control" href="#carousel-322977" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a> <a class="right carousel-control" href="#carousel-322977" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a> </div> </div> </div>

 

Pada folder config kita buka file autoload.php dan menambahkan kode url pada $autoload[‘helper’]. Yaitu seperti berikut  ini

Karena jika tidak di tambahnkan url pada autoload nya maka kita tidak dapat memanggil base_url nya. pada kode di atas kita akan mamanggil base_url nya, jika kita tidak memanggil base_url maka tampilan tempalte akan seperti berikut ini

Jadi kita harus memanggil base_url nya agar template nya terlihat rapih. Berikut kode  pemanggilannya. Kode base_url nya di letakkan sebelum kode css. Bisa kita lihat pada gambar di bawah ini.

Tampilan bootsrap ketika base_url nya di panggil.

Untuk pemanggilan url gambar kode nya sama seprti di atas, tinggal kita copy kan kode base_url nya pada gambar yang ingin di panggil. Yaitu seperti ini

# Content

<div class="row">    <div class="col-md-6">      <h3>            1. Lorem ipsum dolor sit amet.      </h3>  <p> Lorem ipsum dolor sit amet, <strong>consectetur adipiscing elit</strong>. Aliquam eget sapien sapien. Curabitur in metus urna. In hac habitasse platea dictumst. Phasellus eu sem sapien, sed vestibulum velit. Nam purus nibh, lacinia non faucibus et, pharetra in dolor. Sed iaculis posuere diam ut cursus. <em>Morbi commodo sodales nisi id sodales. Proin consectetur, nisi id commodo imperdiet, metus nunc consequat lectus, id bibendum diam velit et dui.</em> Proin massa magna, vulputate nec bibendum nec, posuere nec lacus. <small>Aliquam mi erat, aliquam vel luctus eu, pharetra quis elit. Nulla euismod ultrices massa, et feugiat ipsum consequat eu.</small> </p> </div <div class="col-md-6">    <h3>           2. Lorem ipsum dolor sit amet.    </h3> <p> Lorem ipsum dolor sit amet, <strong>consectetur adipiscing elit</strong>. Aliquam eget sapien sapien. Curabitur in metus urna. In hac habitasse platea dictumst. eu sem sapien, sed vestibulum velit. Nam purus nibh, lacinia non faucibus et, pharetra in dolor. Sed iaculis posuere diam ut cursus. <em>Morbi commodo sodales nisi id sodales. Proin consectetur, nisi id commodo imperdiet, metus nunc consequat lectus, id bibendum diam velit .</small> </p> </div> </div>

Untuk membuat content.php sama seperti cara pembuatan header.php tadi, yaitu di folder view buat file baru dengan nama content, dan berikut kode nya

		<div class="row">    <div class="col-md-12">      <table class="table">        <thead>           <tr>            <th>                 No            </th>            <th                Product          </th>          <th>               Payment Taken         </th>         <th>              Status        </th>        </tr>        </thead> <tbody>   <tr>        <td>                1       </td>       <td>              TB – Monthly       </td>       <td>              01/04/2012       </td>       <td>             Default      </td>      </tr> <tr class="active">     <td>           2     </td>     <td>          TB – Monthly     </td>     <td>         01/04/2012     </td>    <td>        Approved   </td>   </tr> <tr class="success">   <td>           3  </td>
	<td>       TB – Monthly </td> <td>       02/04/2012 </td> <td>       Declined </td> </tr <tr class="warning"> <td>      4 </td> <td>      TB – Monthly </td> <td>      03/04/2012 </td> <td>      Pending </td> </tr> <tr class="danger"> <td>      5 </td> <td>     TB – Monthly </td> <td>     04/04/2012 </td> <td>     Call in to confirm </td> </tr>           </tbody>        </table>     </div> </div>

 

# Footer

<div class="row">    <div class="col-md-12">      <form role="form">        <div class="form-group">          <label for="exampleInputEmail1">                 Email address          </label> <input type="email" class="form-control" id="exampleInputEmail1">  </div>  <div class="form-group">     <label for="exampleInputPassword1">                 Password     </label> <input type="password" class="form-control" id="exampleInputPassword1"> </div>     <div class="form-group">       <label for="exampleInputFile">                 File input       </label>  <input type="file" id="exampleInputFile">     <p class="help-block">                 Example block-level help text here.  </p> </div> <div class="checkbox"> <label>     <input type="checkbox">                 Check me out    </label> </div> <button type="submit" class="btn btn-default">                 Submit </button> </form> </div> </div> </div> </body> </html>

Berikut kode untuk footer

 Setelah selesai memilah kode yang ada pada file index, selanjutnya kita akan memanggil function nya, yaitu buka file welcome.php yang ada pada folder controller dan ketikkan kode berikut ini

<?php     defined('BASEPATH') OR exit('No direct script access allowed');       class Welcome extends CI_Controller {     public function latihan() {                 //function yang di panggil                 $this->load->view('header');                 $this->load->view('content');                 $this->load->view('footer'); } }

 

Berikut output nya setelah di jalankan.

Sekian  dulu yaaa pembahan kita tentang Tempalate bootsrap.