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 :
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:
Untuk tampilan "List Berita" ditunjukkan oleh Gambar.3 berikut :
Anda dapat mencoba versi demo kami pada link "Live Preview" dan mendownload keseluruhan source code beserta librari yang diperlukan pada link "Download" .
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.
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" .
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.