Tutorial Pemrograman

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

Tutorial Part 1 pada pembuatan website pendaftaran kursus dan workshop menggunakan framework Codeigniter telah membahas untuk menampilkan halaman utama dan login untuk user dengan menggunakan Modal.

Jika pembaca telah mencoba mempraktekan hasil kodingan tersebut, maka pada halaman utama akan muncul menu Home, Kursus, Workshop dan Login. Masing-masing menu tersebut akan mempunyai fungsi yang berbeda.

Maka dari itu, untuk tutorial Part 2 ini penulis akan memberikan penjelsan tentang bagaimana cara membuat halaman di menu kursus supaya ketika pengguna memilih menu tersebut akan muncul halaman baru. Serta, dalam pemakaiannya pengguna dapat melakukan searching data dengan bantuan plugin dataTables.js.

Baca juga:

Pembuatan Halaman Menu Kursus

Berikut ini langkah-langkah pembuatan menu kursus:

1. Buka folder controllers dan edit file Welcome.php. Tambahkan function kursus untuk memanggil tampilan kursus di dalam folder views.

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

Setelah Anda memasukan script kodingan seperti diatas, langkah selanjutnya yaitu dengan membuka browser kemudian ketik URL http://localhost/inwepo/welcome/kursus. Maka akan muncul tampilan seperti dibawah ini:

Cara Membuat Website Pendaftaran Halaman Kursus

Logika program :  Ketika Anda mengetik URL http://localhost/inwepo/welcome/kursus menunjukkan bahwa website ini dijalankan melalui localhost dengan nama folder inwepo. Welcome menunjukan nama controller sedangkan kursus menunjukan nama function di dalam controller Welcome.

Di dalam function kursus terdapat potongan program:

Berfungsi untuk menampilkan file bernama kursus.php di dalam folder view. Supaya user dapat melakukan pencarian data pada kolom search, maka penulis telah tambahkan  dataTables.js dengan nama class=”example” yang tedapat di file kursus.php.

3. Buat file .htaccess di dalam folder C:\xampp\htdocs\inwepo.

File .htaccess merupakan file konfigurasi yang disediakan oleh web server Apache, yang biasanya digunakan untuk mengubah setting default dari Apache. Sehingga kita tidak perlu lagi menggunakan index.php di dalam URL website.

Sekian dulu penjelasan mengenai pembuatan menu kursus yang ada di website pendaftaran ini. Silahkan ikuti terus pembuatan website ini karena seperti yang penulis jelaskan pada tutorial pertama bahwa dalam penulisan ini akan dipecah menjadi beberapa bagian. Selamat malam dan selamat beristirahat.


nulis di inwepo


Yunan Helmi Al Anbarry
Hello, I’m a UI/UX Designer & Front End Developer from Jakarta, Indonesia. I hold a Bachelor of Informatics Engineering from Gunadarma University.



1 Comment

1 Comment

  1. niro kuro

    at

    ijin edit buat tugas gan

Leave a Reply

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

Inwepo adalah media platform yang membantu setiap orang untuk belajar dan berbagi tutorial cara penyelesaian suatu masalah di kehidupan sehari-hari dalam bentuk teks, gambar. dan video.

Dengan bergabung bersama kami dan membuat 1 tutorial terbaik yang kamu miliki dapat membantu jutaan orang di Indonesia untuk menyelesaikan masalahnya. Ayo berbagi tutorial terbaikmu.

Download Aplikasi Inwepo

Copyright © 2017 Inwepo. Server by GoCloud

To Top