Tugas 7 - CodeIgniter View

Nama    : Irsyad Fikriansyah Ramadhan

NRP     : 5025211149 

Kelas   : Pemrograman Berbasis Kerangka Kerja - A

Tahun   : 2023

Tugas 7

Di pertemuan ke-11 ini, kami ditugaskan untuk membuat view PPDB sederhana menggunakan CodeIgniter. 

Link Repository: Github

Berikut adalah langkah-langkahnya:

1. Buka directory `/Applications/XAMPP/htdocs/` pada terminal dan jalankan `composer create-project codeigniter4/appstarter view_codeigniter --no-dev `

2. Buka directory yang terlah terbuat dan jalankan `php spark serve`
3. Buka pada browser `localhost:8080` untuk mengecek apakah web sudah berjalan dengan normal

4. Jika step diatas telah berhasil, buka directory `/Applications/XAMPP/htdocs/view_codeigniter` pada text editor. Kemudian tambahkan routnya pada `app/Config/Routes.php`

4. Jika step diatas telah berhasil, buka directory `/Applications/XAMPP/htdocs/view_codeigniter` pada text editor. Kemudian tambahkan routnya pada `app/Config/Routes.php`
5. Edit `Home.php` pada `app/Controllers/` seperti berikut
6. Buat file Controllers baru bernama `Ppdb.php` pada `app/Controllers/` dan buat fungsi bernama `pendaftaran()` seperti berikut

7. Kemudian, untuk membuat View PPDB, pertama-tama download template frontend dari https://adminlte.io/ kemudian ekstrak pada `/Applications/XAMPP/xamppfiles/htdocs/view_codeigniter/public/` dan rename menjadi `AdminLTE`. Lalu, buat direktori baru bernama `template` pada `app/Views/` dan file baru di dalamnya `template-frontend.php`. Masukkan  template html code front-end  yang telah di ekstrak kedalam file `template-frontend.php` tersebut.
8. Buat directory `logo` dan `ppdb` pada `/Applications/XAMPP/xamppfiles/htdocs/view_codeigniter/public/` dan isi dengan gambar yang sesuai
9. Buat view `v_home.php` dan `v_pendaftaran.php` pada `app/Views/` dan isi code php untuk masing-masing view
9. Save semua perubahan yang telah dilakukan, kemudian buka `http://localhost:8080/` pada browser


Komentar

Postingan populer dari blog ini

Tugas 8 - Codelgniter CRUD

Quiz 1

Tugas 2 - Media Capture