Membuat Halaman Login dan Dashboard Menggunakan CodeIgniter

 Langkah - Langkah Membuat Halaman Dashboard 

Untuk dapat membuat halaman dashboard dari sebuah web, terlebih dahulu kita harus membuat halaman login.

Berikut merupakan langkah - langkah membuat halaman login menggunakan framework CodeIgniter

1.  Buat file baru dalam folder belajarcodeigniter.test dengan nama file .htaccess

2. Selanjutnya ketik source code berikut ke dalam file .htaccess

3. Buka file config.php pada folder config kemudian tambahkan nama domian pada baris 26

4.  Buka file autoload.php pada folder config kemudian tambahkan url pada baris 92

5. Buat file baru dengan nama login.php pada folder views kemudian ketik source code berikut:

6. Tambahkan source code berikut: action="<?=base_url('auth/checklogin') ?>" method="POST" pada baris 49

7. Tambahkan name pada baris 51 dan 56

8. Buat tombol login dengan menambahkan tag button pada baris 69

9.  Tambahkan source code berikut: <?= $base_url ?> pada baris 16, 21, 98, 99, 102 dan 105

10. Buat file baru dengan nama M_user.php pada folder models kemudian ketik source code berikut:

11. Selanjutnya buka file Auth.php pada folder controllers kemudian pada baris 22 tambahkan checklogin agar sama dengan baris 49 pada langkah kerja no.6

12. Buat database untuk menyimpan akun login pada web. Database dibuat dengan nama kelas_tifb

13. Selanjutnya buka file database.php pada folder config kemudian isi 79 dan 81

14. Tampilan web setelah melakukan login



Berikut merupakan langkah - langkah membuat halaman dasboard menggunakan framework CodeIgniter
1. Tambahkan file baru dengan nama dashboard.php pada folder controllers kemudian ketik source code berikut:

2. selanjutnya buka file autoload.php pada folder config kemudian tambahkan 'database','session' pada baris 61
3. Buka file login.php pada folder views kemudian tambahkan source code pada baris 43 - 47 
4. Selanjutnya buka file Auth.php pada folder controllers kemudian tambahkan source code berikut:
5. Selanjutnya buat file baru dengan nama dashboard.php dalam folder views kemudian ketik source code berikut:
6. Tambahkan folder template dalam folder views kemudian buat file header.php, javascript.php, sidebar.php dan stylesheet.php
7. Tambahkan file template.php pada folder views kemudian ketik source code berikut:
8.  Buka file header.php yang telah dibuat kemudian ketik source code berikut:
9. Buka file sidebar.php kemudian salin source code berikut:
10. Buka file stylesheet.php kemudian ketik sourcecode berikut: 
11. Buka file javascript.php kemudian ketik sourcecode berikut:
12. Setelah selesai aktifkan apache dan mysql pada xampp kemudian buka web browser lalu ketik nama domian dan lakukan login
13. Setelah login berhasil maka akan tampil halaman dashboard seperti pada gambar berikut.
14. Selanjutnya pada halaman dasboard user sudah dapat melakukan logout dengan memilih menu administrator lalu logout maka akan tampil halaman login


Sekian langkah - langkah untuk membuat halaman login dan dashboard menggunakan framework CodeIgniter semoga bermanfaat, SEIYUUUU......:)



Komentar

Posting Komentar

Postingan populer dari blog ini

LANGKAH - LANGKAH INSTALASI & KONFIGURASI CODEIGNITER 3

Gambar
Ha lo Frends, apa kabar? kali ini saya akan membahas tentang langkah - langkah instalasi dan konfigurasi CodeIgniter 3. CodeIgniter adalah sebuah web application network yang bersifat open source untuk membangun aplikasi php dimanis.  CodeIgniter merupakan salah satu framework PHP dengan model MVC ( Model, View dan Controller) untuk membangun website dinamis dengan menggunakan PHP yang dapat mempercepat pekerjaan pengembang untuk membuat sebuah aplikasi web. Terdapat 4 alat yang diperlukan dalam menjalankan  CodeIgniter yaitu: Teks editor (saya menggunakan Sublime Text) Web browser Web server (PHP, Mysql, dab Phpmyadmin File project  CodeIgniter Berikut merupakan cara membuat Project  CodeIgniter 3                                                                         1.  Edit fi...
Baca selengkapnya

Membuat Controllers Dengan Method Index, View dan Edit Pada CodeIgniter 3

Gambar
Ha lo Prends, apa kabar? kali ini saya akan membahas tentang langkah - langkah  membuat controllers pada CodeIgniter 3. Controller merupakan sebuah file class yang diberi nama sesuai dengan nama URL atau dikaitkan dengan URL. Controller juga disebut sebagai jantung aplikasi yang bertugas untuk meng-handle HTTP request. Berikut merupakan langkah - langkah dalam membuat Controllers d engan method Index, View dan Edit. 1. Buat file baru dalam folder controllers dengan cara buka data D lalu pilih folder                                           vhost/belajarcodeigniter.test/application/controllers kemudian buat file baru dengan format                   penulisan file diawali huruf besar 2. Buka file yang telah dibuat dengan cara klik kanan lalu pilih open with Sublime Text 3. Tulis source code ...
Baca selengkapnya

Penggunaan Netbeans dengan Java

Gambar
 Menampilkan HALLO DUNIA halo teman-teman, kembali lagi nih di blog Hennita Gultom tentunya masih dengan rutinitas yang sama yaitu membuat tulisan seputaran tugas kuliah saya. Nah untuk tugas kali ini saya akan menampilkan kata "HALLO DUNIA"  dengan bahasa java menggunakan netbeans.  Oke teman-teman langkah-langkah untuk membuatnya dengan netbeans yaitu: 1. pertama-tama kita instal aplikasi netbeans serta java JDK karena kita akan menggunakan bahasa java dalam proses pengerjaannya 2. Kemudian buka netbeans lalu pilih new project 3. Pada bagian project pilih java application lalu next 4. Beri nama project lalu finish 5. Ubah nama user menjadi nama kita kemudian pada bagian "TODO code application logic here" tuliskan sourcecode yang ingin di buat seperti gambar berikut 6. Dan yang terakhir yaitu pilih menu run pada bagian atas netbeans untuk mengcompile perintah yang dibuat atau dapat dilakukan dengan menekan f6 maka akan muncul output dibawah yaitu kata "Hallo D...
Baca selengkapnya