SB ADMIN PBKK B

Nama    : Javier Nararya Aqsa S

NRP      : 5025211245

Kelas     : PBKK B


Pada tugas kali ini, saya mengerjakan sebuah tugas yang memadukan antara Code Igniter 4 dengan Boostrap. tugas tersebut adalah membuat SB Admin. SB Admin adalah sebuah template dashboard yang dibangun dengan menggunakan Bootstrap, yaitu framework front-end dari Twitter. Template ini menyediakan struktur siap pakai untuk panel administrasi web, lengkap dengan berbagai elemen UI seperti tabel responsif, grafik, formulir, dan navigasi Bootstrap. Desainnya sangat bersih, modern, dan responsif, memastikan kenyamanan akses dari berbagai perangkat. Template ini sudah dipecah-pecah sehingga load kode HTML dan CSS lebih efisien dan tentunya sudah menyesuaikan dengan konsep MVC.

Step-step nya sebagai berikut :

1. Persiapkan Proyek CodeIgniter 4

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

2. Unduh dan Tanamkan SB Admin

Dapatkan versi terbaru SB Admin dari sumber resminya. Ekstrak file ZIP dan letakkan struktur direktorinya di dalam folder public proyek CodeIgniter Anda.

3. Buat View Parsial

Buat direktori baru di dalam folder app/Views dan namai folder tersebut partials. Di dalam folder ini, buat file header.php dan footer.php yang berisi bagian atas (header) dan bagian bawah (footer) dari tata letak SB Admin.

4. Gunakan View Parsial dalam Controller

Di dalam Controller Anda, gunakan $this->load->view() untuk menyematkan view parsial ke dalam tampilan utama.

5. Tingkatkan Keindahan dengan Dinamisasi

Manfaatkan variabel dan data dari model untuk membuat konten dinamis dalam tampilan parsial dan utama.

Berikut adalah tampilannya



Berikut adalah source code nya : 


Komentar

Posting Komentar

Postingan populer dari blog ini

EAS FINAL PROJECT PBKK B

Gambar
Nama     : Javier Nararya Aqsa Setiyono NRP       : 5025211245 Kelas      : PBKK B Paper referensi sebagai berikut : https://www.akrabjuara.com/index.php/akrabjuara/article/view/1302/1150 Berdasarkan referensi yang sudah didapatkan, 1.  Buatlah deskripsi studi kasus aplikasi ditinjau dari MVC nya(individu) Pada zaman sekarang, sistem informasi sangat dibutuhkan dalam kehidupan sehari-hari. Bukan tanpa sebab,  p erkembangan teknologi informasi telah memberikan dampak positif terhadap berbagai sektor, termasuk industri penjualan makanan. Untuk meningkatkan efisiensi dan keterjangkauan pelanggan, dibangunlah Sistem Informasi Penjualan makanan Berbasis Web menggunakan Framework CodeIgniter. Framework ini dipilih karena kemampuannya yang tangguh dalam mempermudah pengembangan aplikasi web dengan pola desain Model-View- Controller (MVC). Model : Model dalam sistem ini bertanggung jawab untuk mengelola data terkait penjualan makanan geprek. In...
Baca selengkapnya

Tugas 6 PPB Woof App

Gambar
Nama     : Javier Nararya Aqsa Setiyono NRP       : 5025211245 Kelas      : Pemrograman Perangkat Bergerak B Pada kesempatan kali ini saya akan membuat aplikasi  yang menampilkan daftar anjing dengan menggunakan Desain Material untuk membuat tampilan dan pengalaman aplikasi yang menarik. Woof App ini merupakan penerapan dari material desain. Woof App ini menggunakan tampilan yang modern. Berikut tampilan dari woof app yang saya buat : Tampilan pertama adalah saya membaut tampilam light pada menu Woof App sebagai berikut : Tampilan berikutnya adalah saya membuat darkmode untuk menu pada Woof App sebagai berikut :
Baca selengkapnya

Tugas 2 PPB Membuat Aplikasi Happy Birthday dengan Composable Text

Gambar
Nama     : Javier Nararya Aqsa Setiyono NRP       : 5025211245 Kelas      : Pemrograman Perangkat Bergerak B Membuat Aplikasi Happy Birthday dengan Composable Text Pada kesempatan kali ini saya akan membuat aplikasi dengan tema happy birthday dengan composable text menggunakan aplikasi Android Studio. Android Studio sendiri merupakan aplikasi text editor yang digunakan untuk membuat sebuah desain UI. Toolkit modern yang saya pilih untuk membangun UI android ini adalah jetpack compose. Dimana toolkit ini menggunakan lebih sedikit kode, dan memiliki API kotlin yang intuitif. Berikut Langkah umum pembuatan aplikasi ini : 1. Pilih  New Project pada laman W elcome to Android Studio 2. Pilih  Empty Activity pada laman New Project 3. Berikan nama file untuk project yang dibuat pada kolom name 4. Pilih level API minimum 24 (Nougat) di kolom  Minimum SDK lalu tekan Finish    Kemudian, saya ikuti langkah-langkah sesuai di tutoria...
Baca selengkapnya