Teknologi
•
2 min baca
•
7 x dilihat
Desain Halaman admin aplikasi penjualan (POS) menggunakan AdminLTE
m
Ditulis oleh
mrjj
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 :
- Folder assets berisi template AdminLTE, didalamnya berisi semua file-file yang dibutuhkan seperti CSS,JS,gambar-gambar default.
- 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.
← Artikel Sebelumnya
Artikel Selanjutnya →