Membuat Halaman Dashboard menggunakan CodeIgniter3
Membuat Halaman Dashboard Menggunakan CodeIgniter 3
Assalamu'alaikum warahatullahi wabarakatu, hai teman teman kembali lagi bersama saya Nur Haliza dari prodi Teknik Informatika kelas 2B Politeknik Kampar. pada kesempatan kali ini saya akan membuat sebuah halaman dashboard sb admin 2.
Dashboard merupakan tampilan antar muka pengguna yang menampilkan semua visualisasi data, mengatur dan menyajikan informasi dengan cara yang mudah di baca pengguna.
Berikut penjelasan mengenai langkah - langkah pembuatan halaman dashboard admin sb2 dimulai dari halaman login:
A. Membuat Halaman Login
1. Buka folder controller dan buat file baru dengan penamaan Auth.php
2. Kemudian buat database dan tabel menggunakan localhost phpMyadmin
3. Selanjutnya ketik syntax di bawah di flle Auth.php
B. Membuat Halaman Dashboard
1. Buka folder codeigniter menggunakan teks editor
2. Buka folder config pilih file config, lalu edit pada baris 26 untuk menambahkan URL Website Codeigniter dan simpan file
3. Selanjutnya buat folder baru dengan penamaan assets dan simpan seluruh file sb admin 2 di folder assets
4. Selanjutnya buka file index. html, pada folder assets
5. Kemudian copy file index.html dan pindahkan isi file
6. Selanjutnya buka folder view, lalu buat file template, dan ctrl+v syntax index.html
7. Kemudian buat file Dashboard.php di folder controller, dan ketikkan syntax berikut
8. Kemudian buka file Auth.php yang sudah dibuat di folder controller, edit pada baris 26 sampai 40
9. Selanjutnya buka file login, lalu edit pada baris 50 sampai 56 seperti gambar di bawah ini
10. Selanjutnya edit file autoload.php edit pada baris 61 menambahkan library database dan session
![]() |
11. Selanjutnya buat folder template pada folder view
12. Kemudian buat folder pages di folder view, lalu buat file dashboard.php
13. Kemudian buka folder template, buat file header, javascript, sidebar, dan stylesheet.php
14. Kemudian buka file template ctrl+x, lalu edit file stylesheet.php pada baris 14 dan pindahkan ke file stylesheet
15. Selanjutnya pada file template ctrl+x dari <ul? sampai </ul>, dan pastekan pada file sidebar.php
16. Selanjutnya buka file header.php, lalu ctrl+x dari <nav> sampai </nav> seperti gambar di bawah
17. Selanjutnya buka file template ctrl+x, lalu pindahkan ke file javascript. Setiap kalimat vendor ditambahkan script src = "<?=$base_url?>
18. Maka seperti ini tampilan halaman dashboard Codeigniter.