adminlte3

Menerapkan Dashboard AdminLTE 3 Pada PHP part 2

adminlte3

Halo teman Rumah Coding, kali ini saya akan melanjutkan pembahasan Menerapkan Dashboard AdminLTE 3 Pada PHP. bagi kalian yang belum mengikuti part1 silahkan dibaca Menerapkan Dashboard AdminLTE 3 Pada PHP part 1.

Setelah semua tahapan tadi selesai, sekarang kita lihat hasil nya dengan mengakses localhost/dashboard_adminlte. Apabila semua pengaturan sesuai maka akan tampil seperti ini

Template-dashboard

Setelah kita memecah atau mempartisi script menjadi beberapa bagian. Sekarang kita akan membuat template berdasarkan file index tersebut. Jadi nantinya kita lebih mudah dalam membuat halaman konten baru. Buka file index.php lalu potong script dari baris ke 1 sampai sebelum <!—Content Wrapper. Contains page content –> kemudian ganti dengan script

<?php include 'template_header.php' ?>

Potong script index.php

Ubah index.php

Buat file baru dengan nama template_header.php lalu pastekan potongan script tadi ke dalam file template_header.php

Template_header.php

Sekarang kita potong juga bagian bawah index.php. mulai dari setelah <!– /.content-wrapper –> sampai script bagian paling bawah, lalu ganti dengan script dibawah ini

<?php include 'template_footer.php' ?>

Potong script index.php

Ubah index.php


Buat file baru dengan nama template_footer.php lalu pastekan potongan script tadi kedalamnya.

Template_footer.php

Sekarang cek hasilnya setelah kita lakukan modifikasi, seharusnya tidak ada perubahan secara tampilan. Dan berarti kita selesai dalam tahap pembuatan template tersebut.


Bisa diperhatikan pada bagian content-wrapper index.php. disitu adalah script untuk mengatur tampilan dari konten dashboard. Jadi kedepannya kita bisa memanfaatkan file index.php ini untuk membuat halaman baru, dengan cara copy file index.php, rename sesuai dengan halaman yang akan dibuat lalu modifikasi sesuai dengan kebutuhan halaman baru.

Dengan melakukan pemotongan script ke beberapa bagian seperti ini tujuannya adalah memudahkan kita dalam membangun sebuah project. Misalnya kita ingin menggunakan plugin lain kedalam project kita. Cukup dengan tambahkan / modifikasi file stylesheet.php dan js-file.php dalam folder partials.

Demikian pembahasan kita tentang penerapan AdminLTE pada PHP, silahkan lakukan perubahan tampilan baik content maupun bagian lainnya menyesuaikan keinginan kalian. Terus berlatih dan sampai jumpa di artikel selanjutnya.

dashboard admin

3 Rekomendasi Dashboard Admin Bootstrap

dashboard admin

Halo teman Rumah Coding, pada artikel kali ini kita akan membahas tentang Rekomendasi dashboard admin Bootstrap.

Dalam pembuatan aplikasi berbasis website, kita pasti membutuhkan tempat untuk user mengatur data baik input, edit dan hapus. Dashboard admin adalah tempat untuk mengatur, mengkoordinir flow data sistem yang sudah kita buat secara User Interface.

Dalam kesempatan kali ini, saya akan memberikan 3 rekomendasi dashboard admin Bootstrap yang sering digunakan.


  • AdminLTE 3

Admin LTE 3 adalah template boostrap yang pertama saya gunakan, dan ini juga sebagai template yang paling favaorit bagi para pemula sampai menengah. Admin LTE 3 adalah template admin yang sangat responsive dan telah menggunakan framework bootstrap 4.6.1. Karena menggunakan boostrap 4 maka Admin LTE ini sangat mudah dikustomisasi dan digunakan.


  • SBAdmin 2

SB Admin 2 menggunakan bootstrap 4 dan memiliki tampilan yang lebih sederhana dari Admin LTE 3. Template ini sangat simple dan rapi dalam struktur codingannya. Meski tidak memiliki library custom sebanyak Admin LTE 3, tapi SB Admin 2 telah memberikan snippet code, pages, dan penggunaan library-library lain yang umum digunakan oleh pengembang web. salah satu kelebihan dari template yang satu ini adalah ringan. SB Admin 2 hanya memiliki ukuran sebesar 6 MB saja (compressed).

Cocok buat  yang sedang belajar web programming sampai pengerjaan project yang membutuhkan efisiensi size dalam pembuatan aplikasi, dimana plugin bisa ditambahkan manual sesuai kebutuhan.


  • Stisla

Stisla adalah salah satu template admin bootstrap buatan orang Indoensia, pembuatnya adalah Muhamad Nauval Azhar. Stisla memberikan banyak fitur serba guna dan gratis untuk diunduh. Dalam laman resmi stisla mengatakan, bahwa simple version dan pro version sama saja, artinya kalian bisa menikmati semua fitur yang diberikan.

Stisla di desain untuk kalian dan klien kalian, terintegrasi dengan 30+ library pihak ketiga dan banyak komponen lainnya. Sehingga kamu bisa mengembangkan aplikasi dengan lebih mudah. Stisla menyediakan javascript APIs untuk memudahkan interaksi antar komponen, kemudian semua halaman HTMLnya bebas error, karena semuanya telah diverifikasi oleh W3C.


Sebenarnya masih banyak dashboard-dashboard yang masih bisa digunakan secara gratis, kalian bisa explore lebih untuk mencarinya. Namun disini saya memberi rekomendasi yang umumnya digunakan para developer serta fungsi yang efisiensi.

Penggunaan template dashboard admin ini dimaksudkan agar mempermudah dan mempercepat pengerjaan project kita, jadi kita bisa lebih fokus dalam pembuatan logic aplikasi kita.

Di kesempatan lain akan saya buat tutorial penerapan masing-masing dashboard admin pada PHP dan Laravel. Ditunggu saja ya teman-teman Rumah Coding.

Demikian artikel kali ini tentang 3 Rekomendasi Dashboard Admin Bootstrap, semoga bermanfaat dan jangan lupa untuk terus berlatih.

Workshop Rumah Coding Bulan Juli 2017

Bulan Juli 2017 mendatang, Rumah Coding kembali mengadakan workshop dan pelatihan seputar coding. Berbeda dengan workshop-workshop sebelumnya yang banyak mengangkat tema aplikasi Android, workshop kali ini mengambil tema seputar pengembangan website serta big data. Dengan mendatangkan pemateri yang kompeten di bidangnya, tentunya sangat sayang untuk dilewatkan. Tentunya workshop ini diperuntukan bagi para pemula, jadi jika belum memiliki skill coding, jangan putus asa, inilah waktu yang tepat untuk belajar. Berikut adalah beberapa workshop pada bulan Juli 2017 mendatang.

1. Membuat Website Responsif dengan Bootstrap 3
Hari: Minggu,
Tanggal: 16 Juli 2017
Waktu: 09:00 – 17:00
Biaya: Rp. 200.000

2. Membuat Aplikasi CRUD dengan Laravel
Hari: Minggu,
Tanggal: 23 Juli 2017
Waktu: 09:00 – 17:00
Biaya: Rp. 200.000

3. Pengenalan Big Data dengan Hadoop
Hari: Minggu,
Tanggal: 30 Juli 2017
Waktu: 09:00 – 17:00
Biaya: Rp. 200.000

Tempat: DILo (Digital Innovation Longue ) Depok
Jl. Margonda Raya No. 23 (Rukan Sebelah BPJS Kesehatan Kota Depok),
Kel. Depok, Kec. Pancoran MAS, Depok, Pancoran MAS, Kota Depok, Jawa Barat 16431
https://goo.gl/maps/2cb1AZBRGZQ2

Persyaratan:
1. Memiliki laptop sendiri (Windows/Linux/Mac 2GB RAM)

Tahap pendaftaran:
1. Mengisi formulir di bawah.
2. Peserta akan dihubungi melalui email/whatsapp
3. Pembayaran via transfer
4. Workshop.

Fasilitas:
1. Sertifikat
2. Lunch
3. Ruangan Full AC

Catatan:
– Tersedia koneksi internet, tetapi untuk berjaga-jaga, silahkan mempersiapkan koneksi internet masing-masing.

Informasi:
087876335618
[email protected]

 

Silahkan lengkapi formulir pendaftaran di bawah ini: