Tugas 10

-

   

PBKK 

Nama : Rule Lulu Damara

NRP : 5025211050

Kelas : B

==================================================

Mengimplementasikan Bootstrap ke dalam CodeIgniter

Untuk mengintegrasikan Bootstrap ke dalam aplikasi CodeIgniter, langkah-langkah berikut dapat diikuti:


1. Unduh Bootstrap:

Unduh Bootstrap dari situs resminya atau gunakan CDN untuk mengambil file-file Bootstrap.


2. Struktur Direktori:

Pada direktori public di aplikasi CodeIgniter, buat direktori baru, misalnya assets/css dan assets/js.

Salin file-file Bootstrap (seperti bootstrap.min.css dan bootstrap.min.js) ke direktori css dan js yang baru dibuat.


3. Pengaturan Tautan:

Buka file app/Views/templates/header.php atau file lain yang digunakan sebagai template untuk header.

Tambahkan tautan ke file Bootstrap dalam tag <head>:

Copy code

<link rel="stylesheet" href="<?php echo base_url('assets/css/bootstrap.min.css'); ?>">

<script src="<?php echo base_url('assets/js/bootstrap.min.js'); ?>"></script>


4. Gunakan Kelas Bootstrap:

Di dalam file-file view atau tampilan Anda (app/Views), gunakan kelas-kelas Bootstrap untuk memperindah tampilan aplikasi Anda.

Misalnya, gunakan kelas seperti container, row, col-*, btn, form, dan lainnya untuk membangun tampilan yang responsif.


5. Struktur HTML:

Gunakan struktur HTML yang sesuai dengan komponen-komponen Bootstrap seperti navigasi (navbar), formulir (form), jumbotron, dan lainnya.


6. Pengujian:

Pastikan Bootstrap sudah terintegrasi dengan baik dengan menjalankan aplikasi dan memeriksa apakah tampilan telah mengadopsi gaya yang diberikan oleh Bootstrap.

Integrasi Bootstrap ke dalam CodeIgniter memungkinkan Anda untuk menggunakan komponen-komponen dan gaya-gaya yang disediakan oleh Bootstrap untuk membangun tampilan yang menarik dan responsif dalam aplikasi web Anda. Pastikan untuk mengikuti struktur direktori yang benar dan tautan yang tepat untuk memastikan Bootstrap terintegrasi dengan baik ke dalam aplikasi CodeIgniter Anda.






Komentar

Posting Komentar

Postingan populer dari blog ini

Assignment 4: Aplikasi Login Screen

-
Gambar
 Nama      : Rule Lulu Damara NRP        : 5025211050 Kelas      : Pemrograman Perangkat Bergerak (B) Login Screen Dalam tugas ini, kita akan membuat sebuah halaman login untuk aplikasi Android. Halaman ini akan meminta pengguna untuk memasukkan email dan password mereka. Selain itu, halaman ini akan menampilkan tombol untuk login, serta tombol teks "Forgot Password?" yang bisa digunakan jika pengguna lupa password mereka. Kami juga akan menambahkan opsi untuk login melalui aplikasi pihak ketiga seperti Gmail, Facebook, X.com, dan GitHub. Membuat Project 1. Di Android Studio, klik File > New > New Project. 2. Dalam dialog New Project, pilih Empty Activity, lalu klik Next. 3. Di kolom Name, masukkan MyLogin. 4. Di kolom Minimum SDK, pilih API level minimum 26 (Oreo) dari menu, lalu klik Finish. Berikut tampilan akhir beserta demo dari aplikasi yang telah dibuat: Ubah Kodenya menjadi seperti ini :  package com.example.mylog...
Read more »

EAS Pemrograman Perangkat Bergerak

-
Gambar
Nama : Rule Lulu Damara NRP : 5025211050 Kelas : Pemrograman Perangkat Bergerak B UAS PPB Soal : Buat use case dan user flow dari aplikasi  ? Deskripsikan fitur aplikasi yang akan dibuat? Gambarkan UI yang akan diimplementasikan. Implementasikan Rancangan ?  Buat Presentasi dan demo implementasi upload di Youtube, dan isi lembar monitoring? Jawab:  Aplikasi i.saku adalah uang elektronik yang telah mendapat izin dari Bank Indonesia. Pakai i.saku memudahkan kamu untuk transaksi apa aja, mulai dari bayar belanja di Merchant, kirim uang, tarik tunai, dan bayar semua tagihan. Mudahkan hidupmu dalam bertransaksi dan nikmati ekstra untungnya pake i.saku. Use Case Gambar di atas merupakan contoh use case diagram pada i.saku, adapun penjelasannya sebagai berikut ini: User: Orang yang dapat mengakses atau menggunakan aplikasi i.saku, mulai dari login ke aplikasi hingga melakukan aksi terhadap aplikasi seperti top up saldo, transfer, dan payment. Merchant: Toko atau penyedia j...
Read more »

TUGAS 2 - SYSTEM REQUEST WARUNG TEGAL

-
Gambar
TUGAS 2 - SYSTEM REQUEST WARUNG TEGAL      Warung tegal (warteg)  adalah salah satu jenis usaha  yang menyediakan makanan dan minuman dengan harga terjangkau.  Hidangan-hidangan di warteg pada umumnya bersifat sederhana dan tidak memerlukan peralatan dapur yang sangat lengkap .  Nasi goreng  dan  mi instan  hampir selalu dapat ditemui, demikian pula  makanan ringan  seperti  pisang goreng , minuman seperti  kopi ,  teh  dan  minuman ringan .       System Request  adalah dokumen permintaaan yang mendeskripsikan alasan bisnis diperlukannya membangun sebuah sistem, serta nilai yang diprediksi akan diberikan oleh sistem. Dokumen ini dibuat oleh Project Sponsor.  System Request memiliki 5 elemen : Project Sponsor CP dari sebuah proyek Kebutuhan bisnis merepresentasikan alasan yang mendasari proyek Keperluan bisnis mengacu pada kemampuan bisnis yang harus dimiliki oleh sistem Nil...
Read more »