Skip to main content

Tugas Pertemuan 10: Menggunakan Bootstrap

Tugas Pertemuan: Menggunakan Bootstrap

Nama: Clarissa Luna Maheswari
NRP: 5025211003


A. Konfigurasi Codeigniter:
- Akses direktori "~/application/config/config.php" dan modifikasi bagian $config['base_url'] sehingga sesuai dengan berikut ini.


B. Pengaturan Autoload:
Buka direktori "~application/config/autoload.php" dan ubah bagian $autoload['helper'] agar sesuai dengan berikut ini.


C. Penyesuaian Konstanta:
Buka direktori "~application/config/constants.php". Ubah nilai konstanta SITE_NAME sesuai kebutuhan, contohnya 'tokobuah'

Tambahkan rute dan kontroller baru


D. Unduh SB Admin:
Ekstrak SB Admin. Kemudian, salin file-file yang diperlukan. Pindahkan folder css, js, vendor ke dalam direktori Tokobuah yang berada di htdocs. Ganti nama folder vendor menjadi assets.


Partial adalah suatu teknik yang digunakan untuk memecah sebuah template menjadi komponen-komponen kecil yang lebih mudah dikelola, sehingga tampilan menjadi lebih terstruktur dan lebih mudah dipahami.

Langkah-langkah yang perlu dilakukan adalah sebagai berikut:

Pertama-tama, buatlah direktori bernama "partial" di dalam folder "view/admin".
Selanjutnya, kita perlu membuat kode untuk masing-masing partial, seperti:
breadcrumb.php
footer.php
head.php
js.php



modal.php



navbar.php


scrolltop.php



sidebar.php

Terakhir, kita dapat menerapkan semua partial tersebut dalam kode aplikasi kita, seperti yang ditunjukkan dalam contoh berikut di overview:




Link Code:


Popular posts from this blog

Tugas Latihan CRUD

 Tugas Code Igniter CRUD Nama: Clarissa Luna Maheswari NRP: 5025211003      Pada pekan ini, Pak Fajar Baskoro memberikan tugas kepada kami untuk mengaplikasikan routing dan CRUD pada framework CodeIgniter. Saya membuat aplikasi sistem blog simpel. Sistem ini adalah sebuah aplikasi web sederhana yang dikembangkan menggunakan PHP dan kerangka kerja CodeIgniter. Aplikasi ini memiliki fitur CRUD (Create, Read, Update, Delete) untuk mengelola postingan blog. Beberapa fitur utamanya meliputi: 1) Beranda: Halaman utama aplikasi. 2) Tentang: Menyediakan informasi tentang aplikasi atau pengarang. 3) Daftar Blog: Menampilkan daftar postingan blog. 4) Buat Posting: Memungkinkan pengguna untuk membuat postingan blog baru. 5) Edit Posting: Memungkinkan pengguna untuk mengedit postingan yang sudah ada. 6) Hapus Posting: Memberikan kemampuan untuk menghapus postingan blog. Aplikasi ini menggunakan PHP, kerangka kerja CodeIgniter, Bootstrap (Bootswatch Bootstrap Library), dan basis ...
Post a Comment
Read more

Tugas Pertemuan 4: Latihan UWP : Membuat Photo Lab

  Tugas Pertemuan 4 -  08/09/2023 🍮 Nama      :   Clarissa Luna Maheswari NRP         : 5025211003 Pada pertemuan keempat, kelas diberikan materi mengenai UWP (Universal Windows Platform). UWP membangun aplikasi untuk Windows PC. UWP adalah platform induk pengembang pada windows 10. UWP mendukung NET Framework 2.0. Aplikasi UWP mampu menggunakna kemampuan khusu perangkat dan mengadaptasi UI ke ukuran layar perangkat, resolusi, dan DPI yang berbeda. UWP dapat diprogram dalam C#, C++, Visual Basic, dan JavaScript. UI yang digunakan menggunakan WinUI, XAML, HTML, atau DirectX.  PhotoLab adalah sebuah aplikasi yang memperlihatkan berbagai konsep dalam pemrograman XAML, mulai dari dasar hingga tata letak yang adaptif dan disesuaikan. Aplikasi ini juga menunjukkan penggunaan data binding dalam XAML, termasuk ekstensi markup {x:Bind}. Selain itu, PhotoLab menggambarkan cara melakukan styling dan penyesuaian antarmuka pengguna (UI) da...
Post a Comment
Read more