Desain Halaman admin aplikasi penjualan (POS) menggunakan AdminLTE

End TOC

AdminLTE merupakan CSS Framework yang tersedia secara gratis, Untuk membuat desain halaman admin menggunakan Template AdminLTE kita perlu download template tersebut kemudian memasukan file-file yang dibutuhkan kedalam projek yang kita buat. sebelum dibahas lebih lanjut berikut adalah desain yang akan kita buat pada halaman admin dengan menggunakan AdminLTE :

Desain tersebut akan kita pecah menjadi beberapa sub bagian agar memudahkan dalam mengelola data ataupun saat melakukan coding. struktur file yang akan kita buat adalah sebagai berikut :

Dari struktur diatas terdiri dari beberapa folder dan file serta yang sudah kita buat pada materi sebelumnya yang ada disini :

1. Folder assets berisi template AdminLTE, didalamnya berisi semua file-file yang dibutuhkan seperti CSS,JS,gambar-gambar default.
2. Folder Template, pada folder ini lah tampilan utama dipecah menjadi beberapa file yang terdiri dari footer,header,home dan sidebar.

Penjelasan File yang berada pada folder template:

• footer, berisi coding untuk menampung data footer dan javascript serta plugin yang ada pada AdminLTE
• header, berisi coding untuk menampung data header dan css serta menu-menu standar pada AdminLTE
• home, berisi coding untuk menampilkan jumlah barang,stok,terjual dan kategori.
• sidebar, berisi menu-menu untuk melakukan navigasi antar halaman.

Silahkan download template diatas, kemudian intergrasikan dengan project yang telah dibuat sebelumnya.

Download