Tutorial Membuat Web Pendaftaran Kursus Menggunakan Codeigniter: Menu Workshop [Bagian 3]

Tutorial By yunanhlmi

Last updated on Desember 27th, 2020

Sama seperti pembuatan menu kursus yang telah penulis jelaskan pada tutorial sebelumnya. Pada penulisan kali ini akan membahas pembuatan halaman di menu workshop.

Pada halaman workshop nanti akan menampilkan informasi mengenai workshop yang tersedia serta nama laboratorium yang menyelenggarakannya. Pengguna juga dapat mencari data di dalam kotak search dan dapat menampilkan data berdasarkan urutan abjad, entah itu secara ascending maupun descending.

Pembuatan Halaman Menu Workshop

Berikut ini langkah-langkah pembuatan halaman workshop di website pendaftaran kursus menggunakan Codeigniter:

1. Tambahkan function workshop di dalam file Welcome.php yang tedapat di folder C:\xampp\htdocs\inwepo\application\controllers.

public function workshop()
{
	$this->load->view('header');
	$this->load->view('workshop');
}

2. Membuat file bernama workshop.php di dalam folder C:\xampp\htdocs\inwepo\application\views.

<div class="workshop">
<h2>Pendaftaran Workshop</h2>
<table id="example" class="table table-striped table-bordered table-condensed " cellspacing="0" width="85%">
   <thead>
            <tr class="danger">
                <th>No</th>
                <th width=50%>Nama Workshop</th>
                <th width=30%>Laboratorium</th>
                <th width=15%>Biaya</th>
            </tr>
        </thead>
        <tbody>
            <tr class="warning">
                <td>1</td>
                <td>User Management in Novell Netware 4</td>
                <td>Jaringan Komputer</td>
                <td>Rp 60.000</td>
            </tr>
            <tr class="success">
                <td>2</td>
                <td>Introduction to Microsoft Access</td>
                <td>Aplikasi Database</td>
                <td>Rp 50.000</td>
            </tr>
            <tr class="danger">
                <td>3</td>
                <td>Introduction to Visual FoxPro</td>
                <td>Aplikasi dan Pemrograman Komputer</td>
                <td>Rp 50.000</td>
            </tr>
            <tr class="info">
                <td>4</td>
                <td>Introduction to Delphi Programming</td>
                <td>Aplikasi dan Pemrograman Komputer</td>
                <td>Rp 50.000</td>
            </tr>
            <tr class="danger">
                <td>5</td>
                <td>Introduction to Ms. Front Page</td>
                <td>E-Commerce</td>
                <td>Rp 50.000</td>
            </tr>
        </tbody>
    </table>
</div>

3. Terakhir ketik URL berikut http://localhost/inwepo/welcome/workshop. URL tersebut didapatkan dari nama controller welcome dengan nama function workshop. Di dalam function workshop terdapat perintah untuk menampilkan file workshop.php yang berada di folder views.

Setelah membuat tampilan home (halaman utama), kursus, workshop dan login maka pada tutorial berikutnya penulis akan menjelaskan bagaimana membuat database serta table proses login pengguna. Maka ikuti terus perkembangan pembuatan website pendaftaran kursus menggunakan framework Codeigniter.