Tugas 8

 Saya ingin berbagi pengalaman membuat tampilan UI untuk Halaman Penerimaan Peserta Didik Baru (PPDB) menggunakan Codeigniter 4. CodeIgniter adalah kerangka kerja PHP sumber terbuka yang ringan, memungkinkan pengembangan aplikasi web yang cepat berkat dukungan dari berbagai pustaka. CodeIgniter 4, versi terbaru, hanya mendukung PHP 7.3 ke atas dan mempertahankan konsep Model-View-Controller (MVC) dengan antarmuka dan struktur proyek yang sederhana. Kecepatan performa dan konfigurasi minim membuatnya populer di kalangan pengembang web.


Berikut adalah langkah-langkah yang saya lakukan untuk membuat tampilan UI Halaman PPDB:


1. **Instalasi CodeIgniter 4 menggunakan Composer (Buat Folder)**

   - Pastikan Composer terinstal, buka Terminal, atur path folder ke C:\xampp\htdocs, dan jalankan perintah `composer create-project codeigniter4/appstarter nama_folder -vvv` (opsional untuk Verbose Mode).

2. **Uji coba (Contoh Proyek Default)**

   - Buka Visual Studio Code atau tetap di Terminal, jalankan perintah `php spark serve`.

   - Buka link yang diberikan (ctrl + klik), yaitu http://localhost:8080.

   - Dengan ini, proyek CodeIgniter 4 berhasil dijalankan.


3. **Buat Tindakan Baru**

   - Dalam file Home.php di folder /app/Controllers, ubah `return view` dalam fungsi Action bernama index menjadi "home.php".

   - Buat Action untuk halaman Pendaftaran dengan membuat file baru bernama Register.php di folder /app/Controllers.


4. **Penyusunan Template & Tampilan**

   - Tambahkan template eksternal dari https://adminlte.io/ ke folder /Views/template sebagai "template-fe.php".

   - Tambahkan folder yang diekstrak ke /Public dengan nama AdminLTE untuk menggunakan aset template dalam proyek.


5. **Buat Rute GET**

   - Atur Rute dari program ketika berjalan dalam file Routes.php di folder /app/Config.

   - Tambahkan rute baru dengan endpoint khusus untuk menampilkan tampilan Pendaftaran dan hubungkan dengan controller Register dengan Action register.

6. **Uji Coba Running**

   - Jalankan dengan `php spark serve` dan buka link http://localhost:8080.

   - Tampilan index sekarang menampilkan View dari home.php.

   - Untuk melihat tampilan Form Pendaftaran PPDB, klik navbar "Mendaftar" atau tombol "Daftar Sekarang!" atau tambahkan Endpoint setelah port 8080, seperti http://localhost:8080/ppdb/register.








Catatan: Semua gambar yang digunakan disimpan dalam folder /Public dengan nama folder "ui-img".


Jika Anda tertarik melihat lebih lanjut secara teknis, Anda dapat mengunjungi repositori saya di GitHub.

tugas7

Komentar

Posting Komentar

Postingan populer dari blog ini

FINAL PROJECT PWEB

Gambar
Nama: Fauzi Rizki Pratama NRP: 5025211220 Kelas: PWEB B   1. Studi Kasus Description    Sebagai studi kasus dalam pembuatan kursus pemrograman web, kita dapat mengembangkan sebuah situs web kursus online yang melibatkan fungsi-fungsi seperti halaman kursus, formulir pendaftaran, bahan pembelajaran, serta interaksi antara pengajar dan peserta kursus. 2. Overall Architecture Design or Application Features    Situs web kursus online akan memiliki antarmuka pengguna berbasis web yang responsif. Fitur utama termasuk halaman kursus, formulir pendaftaran, bahan pembelajaran, dan interaksi antara pengajar dan peserta kursus. Semua data kursus akan disimpan dalam database. 3. **Database Design** 4. **Front End Design** 5. **Backend Logic Handling Actions**    **User Management:**    - Registrasi pengguna baru    - Otentikasi pengguna (login/logout)    - Pengelolaan peran pengguna (admin, guru, siswa)    Materi Manage...
Baca selengkapnya

PBKK - Hello World CodeIgniter

Gambar
Dalam sesi pertemuan ini, saya telah menerapkan secara sederhana framework CodeIgniter. Implementasi ini melibatkan pembuatan route baru yang akan menampilkan view dengan pesan "Hello, World." 1. Konfigurasi routes dilakukan pada file Routes.php. 2. Konfigurasi controller dilakukan pada file Home.php. 3. Tambahkan view dengan nama hello_world.php. 4. Buka browser dan ketikkan "localhost:8080/hello-world."
Baca selengkapnya

This is me

Gambar
 Dengan penuh semangat, saya hadir di sini untuk berbagi pengalaman dalam mata kuliah "Pengembangan Berorientasi Kerangka Kerja (PBKK)" dengan fokus khusus pada .NET Framework. Nama saya Fauzi Rizki Pratama, seorang mahasiswa yang sedang berusaha mendalami teknologi modern. Pada tahap akademik saya, PBKK memiliki peran penting dalam upaya pengembangan diri. Inspirasi saya berasal dari konsep berorientasi objek dan keunggulan .NET Framework. Melalui blog ini, tujuannya bukan hanya untuk memenuhi persyaratan perkenalan diri, tetapi juga untuk membagikan pandangan pribadi dan pengalaman saya. Saya ingin membawa Anda dalam perjalanan saya dalam memahami dan menerapkan konsep-konsep yang diajarkan dalam PBKK, dengan dukungan .NET Framework. Saya sangat antusias untuk mengeksplorasi berbagai aspek PBKK dan peran penting .NET Framework dalam membangun dasar untuk pengembangan berorientasi kerangka kerja. Mari bersama-sama menjelajahi dunia yang kaya dengan pemahaman mendalam dan men...
Baca selengkapnya