PET 10_Faiz Haq Noviandra Ciptadi Putra_5025211132

 

Nama: Faiz Haq Noviandra Ciptadi Putra

NRP: 5025211132

Kelas: PBKK-B


TUGAS PERTEMUAN 10


Memanfaatkan SB Admin dengan View Parsial di CodeIgniter 4

SB Admin 5 adalah tema administrasi Bootstrap yang keren dan responsif. Tema ini dapat digunakan untuk membuat antarmuka pengguna yang dinamis dan estetis untuk aplikasi web Anda.

Dalam panduan ini, kita akan membahas cara menggunakan View Parsial di CodeIgniter 4 untuk mengintegrasikan SB Admin ke dalam aplikasi Anda.

Langkah 1: Menyiapkan Proyek CodeIgniter 4

Pastikan Anda telah menginstal dan mengonfigurasi CodeIgniter 4 pada server atau lingkungan pengembangan lokal Anda.

Langkah 2: Mengunduh dan Menyematkan SB Admin

Dapatkan versi terbaru SB Admin dari sumber resminya.

Ekstrak file ZIP dan tempatkan struktur direktorinya di dalam folder public proyek CodeIgniter Anda.

Langkah 3: Membuat View Parsial

Buat direktori baru di dalam folder app/Views dan beri nama partials.

Dalam folder ini, buat file header.php dan footer.php. Isi keduanya dengan bagian atas (header) dan bagian bawah (footer) dari tata letak SB Admin.

Langkah 4: Menggunakan View Parsial dalam Controller

Di dalam Controller Anda, gunakan fungsi loadView() untuk menyematkan view parsial ke dalam tampilan utama.

Misalnya, untuk menyematkan view header.php, Anda dapat menggunakan kode berikut:

$this->loadView('header', ['data' => $data]);

Argumen pertama adalah nama view parsial yang ingin Anda sematkan. Argumen kedua adalah array data yang ingin Anda kirim ke view parsial.

Langkah 5: Meningkatkan Keindahan dengan Dinamisasi

Anda dapat menggunakan variabel dan data dari model untuk membuat konten dinamis dalam tampilan parsial dan utama.

Misalnya, Anda dapat menggunakan variabel user dari model untuk menampilkan nama pengguna di bagian header.

Untuk melakukan ini, Anda dapat membuat variabel user di dalam view header.php. Kemudian, Anda dapat menggunakan variabel ini untuk menampilkan nama pengguna dalam kode view.

<div class="navbar-brand">
  <a href="#">
    <img src="<?= base_url('assets/img/logo.png') ?>" alt="Logo">
  </a>
  <span class="navbar-brand-text">
    <?= $user->name ?>
  </span>
</div>

Langkah 6: Melihat Hasilnya

Jalankan aplikasi Anda dan nikmati antarmuka yang dioptimalkan oleh SB Admin, sambil mempertahankan organisasi dan kemudahan pengembangan CodeIgniter.

Kesimpulan

Dengan mengikuti langkah-langkah di atas, Anda dapat memanfaatkan kehebatan SB Admin dalam proyek CodeIgniter 4 Anda dengan mengoptimalkan struktur tampilan melalui penggunaan view parsial.


SOURCE CODE
LINK GITHUB


Komentar

Posting Komentar

Postingan populer dari blog ini

TUGAS 1 KALKULATOR PBKK-B

Gambar
  Nama: Faiz Haq Noviandra Ciptadi Putra Nrp: 5025211132 PBKK B Tugas 1 PBKK kali ini membuat kalkulator sederhana dengan menggunakan IDE Visual Studio, sebelumnya diharuskan menginstall .NET Framework untuk menjalankan IDE dengan bahasa dasar yaitu C#. Beberapa Fungsi kalkulator sederhana yang bisa di gunakan pada aplikasi sederhana ini misalnya, penjumlahan, pengurangan, perkalian, serta pembagian, User hanya perlu menekan tombol angka pada UI untuk memilih angka, kemudian menekan tombol operasi yang diinginkan, dan dilanjutkan menekan kembali angka yang ingin dilakukan operasi tersebut, step terakhir yaitu menekan tombol sama dengan (=) untuk menampilkan hasilnya, fitur tambahan yaitu, hasil dari operasi tersebut, dapat dilanjutkan dengan melakukan operasi selanjutnya, begitu seterusnya sampai hasil yang diinginkan. Berikut adalah ss hasil; Berikut adalah source code: Berikut ialah link github:  Link github
Baca selengkapnya

Infografis Mengenai Teknologi Perangkat Bergerak

Gambar
Teknologi Perangkat Bergerak: Evolusi, Komponen, dan Tren Masa Depan 1. Pengertian Teknologi Perangkat Bergerak Teknologi perangkat bergerak (mobile technology) mengacu pada berbagai teknologi yang memungkinkan komunikasi, komputasi, dan konektivitas internet menggunakan perangkat portabel seperti smartphone, tablet, smartwatch, dan perangkat Internet of Things (IoT). Teknologi ini terus berkembang seiring kemajuan dalam jaringan seluler, kecerdasan buatan (AI), dan integrasi cloud computing. 2. Evolusi Teknologi Perangkat Bergerak Teknologi perangkat bergerak telah mengalami perkembangan pesat sejak diperkenalkan pertama kali. Berikut adalah tahapan evolusi jaringan seluler yang menjadi tulang punggung teknologi ini: 1G (1980-an): Menggunakan sistem analog, hanya mendukung panggilan suara. 2G (1990-an): Peralihan ke komunikasi digital dengan dukungan SMS dan MMS. 3G (2000-an): Memungkinkan akses internet seluler, panggilan video, dan streaming media. 4G (2010-an): ...
Baca selengkapnya

PERT 9_Faiz Haq Noviandra Ciptadi Putra_5025211132

Gambar
  Nama: Faiz Haq Noviandra Ciptadi Putra NRP: 5025211132 Kelas: PBKK-B TUGAS PERTEMUAN 9  CodeIgniter adalah kerangka kerja PHP yang ringan, cepat, dan mudah dipelajari. Kerangka kerja ini mengadopsi pola desain MVC, menyediakan dokumentasi yang baik, mendukung PHP 7, kompatibel dengan berbagai macam database, memiliki komunitas pengguna yang aktif, dan menyediakan berbagai pustaka dan helper bawaan. Berikut adalah beberapa keunggulan CodeIgniter: Ringan dan Cepat: CodeIgniter memiliki ukuran inti yang relatif kecil, sehingga dapat meningkatkan kinerja aplikasi. MVC: CodeIgniter mengadopsi pola desain MVC, yang memisahkan aplikasi menjadi tiga komponen utama: Model (manipulasi data), View (menangani tampilan dan presentasi), dan Controller (menangani logika aplikasi). Dokumentasi yang Baik: Dokumentasi CodeIgniter sangat baik dan mudah dipahami, sehingga memudahkan pengembang untuk memahami konsep dan fungsionalitasnya. Dukungan untuk PHP 7: CodeIgniter men...
Baca selengkapnya