Tugas 7

Saya ingin berbagi pengalaman dalam membuat proyek Pembuatan Halaman Intro yang Sederhana menggunakan Codeigniter 4. CodeIgniter adalah kerangka kerja PHP sumber terbuka yang ringan dan memfasilitasi pengembangan aplikasi web dengan cepat berkat dukungan dari beragam pustaka. Versi terbarunya, CodeIgniter 4, hanya mendukung PHP 7.3 ke atas dan masih mengadopsi konsep Model-View-Controller (MVC) dengan antarmuka dan struktur proyek yang sederhana, memungkinkan penulisan kode yang konsisten dan terstruktur. Kecepatan kinerja dan konfigurasi minimal menjadikannya populer di kalangan pengembang web.


Berikut adalah langkah-langkah yang saya lakukan untuk membuat Halaman Intro yang Sederhana:


1. **Instalasi Codeigniter 4 menggunakan Composer**

   - 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. Selanjutnya, saya perlu membuat Endpoint baru untuk menampilkan hasil sesuai keinginan.

3. **Buat Tindakan Baru**

   - Dalam file Home.php di folder /app/Controllers, buat fungsi Action dengan nama introHello dalam controller class Home.

4. **Tambahkan Tampilan Baru**

   - Di folder /Views, tambahkan file baru dengan nama introHello.php dan masukkan beberapa kode HTML/PHP yang akan ditampilkan, sebagai contoh saya akan menampilkan kata "Hello World" beserta beberapa kata lainnya.


5. **Buat Rute GET**

   - Dalam folder /app/Config, buka file Routes.php, kemudian tambahkan rute get baru dengan endpoint khusus (saya menggunakan /intro) dan hubungkan dengan controller Home dengan Action introHello.

6. **Uji Coba Running (Endpoint Intro)**

   - Jalankan seperti cara pertama, yaitu dengan `php spark serve`, dan buka link yang diberikan yaitu http://localhost:8080 dengan cara ctrl + klik pada Terminal VSCode, kemudian tambahkan Endpoint setelah port 8080, menjadi http://localhost:8080/intro, dan hasilnya akan tampak seperti berikut.




Dapat dilihat bahwa Endpoint /intro memberikan tampilan yang berbeda dengan tampilan pertama karena endpoint /intro akan menjalankan kode file introHello.php pada folder View.


Jika Anda tertarik untuk mengetahui lebih lanjut secara teknis, silakan kunjungi Repositori saya di Platform GitHub: IntroductionPage-Ci4-PHP-main


Sekian, Terima kasih! 😊

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