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


4. Selanjutnya buka file database.php di folder config 


5. Kemudian edit file database.php


6. Selanjutnya membuat Model M_user.php dan ketikan syntax berikut


7. Maka seperti ini tampilan halaman login



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.


Postingan populer dari blog ini

Cara menghubungkan Mysql ke netbeans 8.2

Gambar
Assalamu'aklaikum warahmatullah wabarakatu selamat siang teman-teman semua selamat membaca blogger dari saya kali ini akan kami bahas tentang bagaimana cara membuat mengkoneksikan antara java dan MySQL (disini saya menggunakan xampp sebagai softwere pendukung untuk database). Langkah - langkahnya adalah : 1. Buat database MySQL Disini saya sudah membuat database di MySQL dengan nama penjualan_barang. kemudian kita buat tabel baru/ create table dengan nama tabelnya pengguna. Dimana isi dari tabelnya adalah id dengan tipe int dan panjang datanya 2, id ini digunakan juga sebagai primary keynya, kemudian nama dengan tipe varchar dan panjang/length nya 15, lalu terakhir sandi dengan tipe varchar dan panjangnya 500. 2. Kita buka aplikasi Xampp > tekan start di Apache dan MySQL 3. Buka aplikasi Netbeans IDE 8.2 > buka libraries >klik kanan>import MySQL JDBC Driver 4. Kemudian masuk ke projek yang telah kita telah kita buat di pelajaran lalu. Disini saya sudah menyimpan...
Baca selengkapnya

MEMBUAT PASING DATA FORM LOGIN SEDERHANA

Gambar
  Assalamu'alaikum Warahmatullahi Wabarakatuh Perkenalkan nama saya Nur Haliza dari kelas Teknik informatika pada kesempatan kali ini saya akan  membuat Form Login (passing data)  Sebagai langkah pertama, kita akan membuat file form.html yang berisi kode HTML sebagai berikut: Kode HTML diatas hanya berisi struktur kode HTML sederhana dengan 1 buah form yang berisi 2 text inputan untuk nama dan password. Struktur form ini persis sama dengan form kita bahas pada bagian awal tutorial ini. setelah berhasil masuk kita akan masuk ke halaman beranda, sourcode nya di bawah ini: Dan hasil nya seperti dibawah ini: dan ini hasilnya: dan pada tambah_pengguna ini menggunakan placeholder merupakan atribut pada HTML yang mendeskripsikan singkat pada kolom input agar sesuai format yang diinginkan. Placeholder bukan merupakan value dari kolom input tersebut, melainkan placeholder akan hilang dengan sendirinya saat kita mulai mengetik dalam kolom input tersebut.
Baca selengkapnya