Tugas 8 PBKK

 

Nama : Tigo S Yoga

Kelas : PBKK A

NRP : 5025211125


Membuat View PPDB dengan CodeIgniter4


Kali ini saya akan membuat tampilan atau view website PPDB Online dengan menggunakan framework PHP CodeIgniter4 dan untuk styling menggunakan framework CSS Bootstrap.
Berikut langkah-langkahnya :

1. Buka terminal dan buat projek baru dengan ketik `composer create-project codeigniter4/appstarter view_codeigniter --no-dev`.

2. Masuk ke direktori projek dengan ketik `cd view_codeigniter`.

3. Buka projek pada vscode dan jalankan dengan ketik `php spark serve`.

4. Untuk melihat tampilan, akses 'http://localhost:8080' . Berikut tampilan default CodeIgniter :




5. Pada '/app/Config/Routes.php' tambahkan route berikut :

6. Lalu pada '/app/Controllers/Home.php' tambahkan return view home :

 7. Pada '/app/Controllers' tambahkan file Ppdb.php untuk mengelola file pendaftaran. Tambahkan fungsi construct berisi helper form dan fungsi pendaftaran berisi return view pendaftaran :


8. Untuk membuat tampilan, kita menggunakan template frontend dari website https://adminlte.io/. Setelah mendownload template, ekstrak dan masukkan folder pada projek CodeIgniter pada direktori '/public'. Buat folder 'template-frontend.php' pada '/app/views/template' dan masukkan kode frontendnya :


9. Pada 'app/views' tambahkan file view_home.php dan view_pendaftaran, lalu masukkan kode berikut :




10. Simpan perubahan, lalu akses 'http://localhost:8080' untuk melihat tampilan :
home

pendaftaran


Source Code : Link Github







  

Komentar

Postingan populer dari blog ini

Tugas 2 PBKK

Quiz 1 PBKK

Quiz 2 PBKK