Tugas 3 PBKK

Tugas 3 PBKK

Pada pertemuan kali ini saya akan membuat sebuah aplikasi menggunakan template SB Admin dari Bootstrap 4.
nb : klik foto jika terlihat kurang jelas

  1. Langkah pertama yang harus kita lakukan adalah mengkonfigurasi base url pada /application/config/config.php seperti gambar dibawah. Dimana base url itu sendiri berfungsi untuk menentukan alamat atau URL yang akan digunakan oleh web.


  2. Selanjutnya kita juga perlu mengkonfigurasi autoload pada /application/config/autoload.php dengan cara meload helper ke memori secara otomatis melalui autoload.php tadi.


  3. Setelah itu kita akan membuat sebuah konstanta SITE_NAME yang berguna untuk menyimpan nama web pada file /application/config/constants.php yang nantinya akan diperlukan untuk mengambil judul web pada template.

  4. Kita juga perlu mendownload dan mengekstrak SB Admin dan copykan folder css, js, dan vendor dari folder tersebut ke folder CodeIgniter kalian. Dengan catatan bahwa folder vendor kita ganti namanya dengan folder assets.

  5. Lalu buatlah sebuah folder baru bernama admin pada folder views dan didalam folder admin tersebut kita tambahkan sebuah file bernama overview.php. Pada file overview.php berisi copyan dari file index.html yang terdapat pada folder hasil ekstrak SB Admin yang berada pada folder dist.

  6. Kita juga perlu membuat sebuah controller baru dengan nama file Overview.php didalam sebuah folder bernama admin pada folder controllers.

  7. Dan jangan lupa untuk menambahkan route baru yang menuju pada controller Overview pada /application/config/routes.php .


  8. Tidak lupa dengan menambahkan fungsi base_url() pada /application/agar CSS dan Javascriptnya bisa terbaca seperti gambar dibawah ini :


  9. Maka Hasil akhir dari tampilan web kita setelah menggunakan bootstrap SB Admin seperti gambar dibawah ini :



Cukup segitu saja untuk kali ini, untuk source codenya bisa dilihat di 
Source Code

Komentar

Posting Komentar

Postingan populer dari blog ini

Project Charter E-Surat Pemerintah Kota Surabaya Kelas : MPPL - E Anggota Kelompok : Haekal Azmi (05111540000110) Tubagus Irkham Izzata A (05111740000012) M Thalut Nadhil Q (05111740000143)
Baca selengkapnya

UTS PBKK A

Gambar
UTS PBKK A Buatlah asumsi dan tuliskan deskripsi sistemnya              Kali ini saya membuat sebuah sistem informasi bernama Ansha's Shop . Dimana toko online ini menjualkan beberapa barang elektronik, pakaian, dan barang-barang olah ra ga. Sistem informasi ini mempunyai 2(dua) role, yaitu sebagai admin dan user. admin berkerja sebagai pemilik toko sedangkan user bertindak sebagai pembeli. Dan jika user mau menggunakan sistem informasi ini, maka user harus daftar akun dan login terlebih dahulu. Setelah itu, baru mereka bisa menggunakan sistem informasi ini. Sistem informasi ini bisa diakses melalui :  Anshasshop Untuk code lebih lengkapnya bisa dilihat di   Source Code Terangkan fitur yang ada di aplikasi sertakan screenshoot aplikasi untuk menjelaskan 1. GUEST Jadi untuk fitur-fitur yang bisa diakses oleh Guest adalah Fitur Dashboard yang tampilanya seperti gambar dibawah ini :             Disini para pengunjung dapat melihat barang-barang yang di
Baca selengkapnya

Tugas 2 PBKK

Gambar
Tugas 2 PBKK Pada pertemuan kali ini saya akan menambah 2 halaman baru pada web ini, Yaitu halaman About Us dan Contact Us. nb : klik foto jika terlihat kurang jelas Pertama-tama kita harus menambahkan route about dan contact pada file routes.php pada folder confi Setelah menambahkan route pada file routes.php langkah selanjutnya adalah membuat function about dan contact pada file Welcome.php Dan tentu saja kita perlu membuat 2 file yang bernama about.php dan contact.php pada folder views Setelah menambahkan langkah langkah diatas maka hasil dari kerja kita diatas adalah Halaman pada Welcome Halaman pada About Us Halaman pada Contact Us Cukup segitu saja untuk kali ini, untuk source codenya bisa dilihat di Source Code
Baca selengkapnya