[TUTORIAL] PPDB ONLINE USING FRAMEWORK CODE IGNITER

Pada kesempatan kali ini saya akan menjelaskan mengenai sistem website ppdb online yang saya dan kelompok kerjakan sebagai tugas final project mata kuliah pemrograman web.

1. Pertama tama mari kita tentukan rancangan basis data yang kita gunakan dengan membuat user
    diagram dan pdm nya.
    - user diagram
   

   - pdm

     

2. Setelah kita mendapat gambaran mengenai basis datanya, realisasikan menggunakan phpMyAdmin 

    yang terdapat pada cPanel ketika anda telah login pada website penyedia hosting anda ( dalam hal 

    ini saya menggunakan rencong.net )

    

3. Setelah anda masuk pada halaman phpMyAdmin, silahkan buat tabel dan isi dengan data data 

    yang anda inginkan seperti berikut ini 

    

4. Seperti yang pernah saya jelaskan di post saya sebelumnya bahwa framework CodeIgniter dibagi menjadi 3 bagian yaitu Controller, Model, dan Views. 

Dalam struktur Model biasanya terdapat perintah query yang akan dijalankan pada database seperti select, update, delete, dll. Berikut merupakan isi dari folder model

Controller berfungsi sebagai penghubung antara struktur data yang didapatkan model dan apa yang akan ditampilkan oleh view, maka itu controller menyediakan variabel yang akan ditampilkan pada view dan juga menghubungkan model dengan databasenya (dalam hal ini phpmyadmin). Disini diharapkan tidak terdapat proses perhitungan karna akan mengganggu fungsi utama dari controller itu sendiri. Berikut ini merupakan isi dari folder controller

View adalah struktur konsep yang kontak langsung dengan apa yang ingin ditampilkan pada web browser user dimana dalam hal ini HTML, CSS, Javascript, dsb. Sama seperti controllers, pada view juga diharapkan untuk tidak mengandung proses perhitungan / logika karna view telah memiliki tugasnya sendiri.

5. Maka ketika diakses di web dengan url www.ppdb.ourtrav.com akan muncul tampilan utama website yaitu page beranda seperti berikut

Halaman ini adalah halaman utama yang berfungsi untuk mendeskripsikan kepada pengunjung mengenai latar belakang sekolah yang dimaksud dimana dalam hal ini MDI Amanatul Ummah. 

Lalu terdapat page hasil seleksi yang bertujuan untuk menampilkan daftar siswa yang lolos tahap seleksi.

Kemudian terdapat page pendaftaran dimana bertujuan untuk mempersilahkan calon peserta melakukan pendaftaran.

Jika ada page pendaftaran maka pasti terdapat page login yang bertujuan untuk admin melakukan kelola website. Halaman ini dapat diakses dari url www.ppdb.ourtrav.com/psb-admin

Terimakasih semoga bermanfaat !

HOW TO ADD CRUD USING CODEIGNITER ON YOUR DATABASE

1. Sebelumnya mari kita sempurnakan database kita pada tutorial sebelumnya dengan menambahkan kolom id pada tabel yang kita gunakan di CodeIgniter ( dalam hal ini tabel mahasiswa ). Jangan lupa set kolom id menjadi Auto Increment dengan mencentang kolom A_I dan jadikan primary key dengan cara memilih primary key pada tabel Index

2. Kemudian download Grocery CRUD disini

2. Setelah download berhasil, silahkan extract all files lalu pindahkan folder application dan assets ke folder xampp/htdocs/CodeIgniter ( sudah saya jelaskan pada tutorial saya sebelumnya ).

3. Lalu buka file Examples.php yang terletak pada folder application/controllers.

4. Silahkan edit fungsi offices_management dan offices_management2

edit set_table, set_subject dan columns seperti dibawah ini sesuaikan dengan database anda pada phpMyAdmin

5. Setelah itu silahkan buka file config.php pada application/config kemudian isi base url dengan url anda ketika mengakses CodeIgniter pada browser ( ex. $config['base_url'] = 'http://localhost:58500/CodeIgniter'; )

6. Kemudian silahkan buka file example.php pada folder application/views, dan ubah salah satu line pada body

menjadi seperti berikut

6. Sekarang silahkan akses pada web browser anda, jika berhasil maka akan muncul tampilan seperti berikut

Semoga bermanfaat, Terimakasih !