Pusat Ilmu Secara Detil

Bootstrap Dasboard Admin Berita dengan PHP MySQL

Bootstrap Dasboard Admin Berita dengan PHP MySQL

Kekuatan sebuah web dinamis terletak pada sisi Dasboard Administrator. Proses insert, delete dan update data dilakukan disisi administrator. Dalam tutorial ini kita menggunakan template bootstrap dashboard admin LTE. Kelebihan dalam tutorial ini, editor yang digunakan untuk menginput berita mirip degan microsoft word, sehingga admin seolah-olah sedang membuat berita di Ms.Word. Editor tersebut dikenal dengan istilah WYSIWYG Web Editor. WYSIWYG Editor yang kita gunakan adalah Summernote.

Dalam tutorial membuat dasboard admin berita, fitur-fitur yang disediakan :
  • Terdapat submenu : input berita dan list berita.
  • Pada submenu input berita,terdapat : 
    • Tanggal untuk mengpublikasikan artike berita terdeteksi secara otomatis dari tanggal pada sistem komputer anda.
    • Judul berita digunakan untuk menginputkan judul berita yang diinginkan.
    • Isi berita menggunakan editor summernote. Seperti yang dijelaskan diatas, dengan WYSIWYG Web Editor, memudahkan kita dalam membuat artikel seperti menggunakan microsoft word.
    • Upload gambar. Biasanya artikel berita dilengkapi dengan gambar.
  • Pada submenu list berita terdapat :
    • kumpulan berita yang dipublikasikan lengkap dengan tanggal, judul dan cuplikan dari isi berita.
    • aksi untuk menghapus berita atau mengupdate berita.
    • berapa berita yang ditampilkan dalam satu halaman. Dalam hal ini tentunya juga dilengkapi dengan pagination.
    • proses search, untuk kumpula berita yang begitu banyak, disaat admin ingin mencarinya dapat mengetikkan sebuah kata pada proses search.
Berikut ini adalah halaman utama dari Dashboard Admin Berita seperti yang ditunjukkan oleh Gambar.1 :
halaman utaman dashboard admin php mysql
Gambar.1

Ketika anda klik pada menu berita, maka terdapat submenu "Input Berita" dan "List Berita". Berikut ini adalah tampilan untuk Input Berita seperti yang ditunjukkan oleh Gambar.2 berikut:
Gambar.2

Untuk tampilan "List Berita" ditunjukkan oleh Gambar.3 berikut :
Gambar.3

Anda dapat mencoba versi demo kami pada link "Live Preview" dan mendownload keseluruhan source code beserta librari yang diperlukan pada link "Download" .

  • DEMO
  •                                    
  • DOWNLOAD



Note : Sudah diupdate versi link downloadnya tanggal 19 Novemper 2016 sehubungan link downloadnya berubah menjadi .exe jika didownload melalui 4shared. Sekarang source codenya sudah dipindah ke google drive.

Share this:

You Might Also Like:

Disqus Comments