Skip to main content

Tugas 9 - Pemrograman Berbasis Kerangka Kerja (A)

 Memasang template HTML Bootstrap SB Admin di Codeigniter


1. Atur konfigurasi Codeigniter

Buka file pada "~/application/config/config.php", ubah bagian $config['base_url'], isikan yang di bagian kanan dengan nama website yang digunakan. 


2. Atur autoload Codeigniter

Buka file pada "~/application/config/autoload.php", ubah bagian $autoload['helper'], isikan yang di bagian kanan dengan url. 


3. Download SB Admin 

4. Pindahkan folder js, css, dan assets ke Codeigniter

Exract SB Admin yang sudah di download, lalu buka foldernya dan masuk ke folder dist. Pindahkan folder js, css, dan assets yang ada disitu ke folder Codeigniter.

5.Buat page admin

 Pada directory "~/application/views/admin", buatlah file overview.php yang isinya diambil pada folder SB Admin yang dist. di dalam folder dist itu, terdapat index.html, langsung saja salin isinya ke overview.php, lalu ubah beberapa direktorinya sehingga sesuai dengan css, js, dan asset yang digunakan. 


6. Buat controller untuk admin

Buka direktori "~/application/controllers/admin/", buat file Overview.php dan isikan kode seperti di bawah ini.


7. Atur routing

Buka file "~/application/config/routes.php", tambahkan potongan kode seperti ini.


8. Hasilnya bisa dilihat

Buka web hasil pengerjaan (localhost bila di PC).


Untuk hasil pengerjaan saya, bisa dilihat di bawah ini:

Comments

Popular posts from this blog

EAS - Pemrograman Web (A)

Nama: Nadya Permata Sari NRP: 5025201015 Penjelasan Soal EAS Sebuah lembaga kursus ingin membuat aplikasi e-learning. Aplikasinya mempunyai modul : admin halaman admin tutors admin partners admin Admission admin contact login Sedangkan menu yang ada di aplikasi adalah : Home Courses Tutors Partners Admission Contact Sign Up Berdasarkan hal di atas:  Jelaskan perbedaan front end dan Back End Kompetensi apa saja yang harus dikuasai oleh Front End Engineer, dan Back End Developer Buatlah struktur tabel dari aplikasi Desainkan bentuk masing-masing menu Implementasikan keseluruhan modul Buat video presentasi dan dokumentasikan keseluruhan program ke dalam blog. Tuliskan komen di halaman EAS ini link blog Anda JAWABAN:  1.Front end dan back end merupakan komponen penting dalam suatu perangkat lunak atau website. Secara mudah, front end adalah apa yang kita dapat lihat sementara back end adalah apa yang tidak bisa kita lihat secara langsung.  Front end merupakan bagian dari apli...

Tugas 5 - Pemrograman Web (A)

Pada tugas ke-5 ini, kami berlatih untuk menggunakan bootstrap. Link deploy dan source code terletak di bawah. Berikut dokumentasi website yang telah dibuat:  Link Deploy :  Click Me Link Github :  Click Me Nama    : Nadya Permata Sari NRP      : 5025201015  

Tugas 7 - Pemrograman Web (A)

Pada tugas ke-7 ini, kami diminta untuk membuat sebuah sistem CRUD Pendaftaran Siswa Baru. Link source code terletak di bawah. Berikut dokumentasi dalam website yang telah dibuat: Link Github :  Click Me Nama    : Nadya Permata Sari NRP      : 5025201015