Bagian 03: Membuat Menu Navigasi

Membuat Menu Navigasi – Halo teman teman semuanya, selamat datang di blog saya. Blog yang selalu berhubungan dengan Teknologi Informasi Komunikasi. Di seri ini saya membahas tentang Aplikasi Pembayaran SPP, disini kita akan belajar bagaimana cara membuat aplikasi tersebut dari awal. Aplikasi yang kita buat ini menggunakan bahasa pemrograman PHP yang akan dijalankan di server local kita. Yo kita lanjutkan ke Menu Navigasi yang akan kita buat.

Tambahkan sedikit script pada halaman utama

Sekarang kita akan menambahkan sedikit script pada halaman index kita yaa. Gimana script nya? Lihat di bawah.

Coding index

Kita menempatkan sebuah struktur html biasa, seperti title dan body. Dibagian body kita memiliki script PHP yaitu <?php require_once(“header.php”); ?> Fungsinya sebagai pemanggilan file header.php yang nantinya kita akan isi berupa Site Title / Judul Aplikasi Kita dan Menu Navigasi. Selanjutnya kita menambahkan Kata Selamat datang kepada seorang petugas dan pesan “Silahkan dikelola dengan baik”. Bagian selanjut nya juga kita memannggil sebuah file footer.php, untuk bagian terbawah dari aplikasi kita.

Buat file header.php

Sekarang teman teman ketikkan Script header.php dibawah ini.

Coding header

Jika sudah Save dengan nama header.php !

Seperti yang saya terangkan sebelumnya, kita akan membuat sebuah logika. Jika Levelnya Admin maka menu apa saja yang dapat di akses dan jika levelnya petugas level apa saja yang dapat diakses. Caranya kita pakai statement if($hasil[‘level’] == “Administrator”){ Ini artinya, jika data yang kita panggil dari username levelnya adalah Administrator maka nanti menu yang akan tampil diantaranya seperti Data Siswa, Data Petugas, Data Kelas, Data SPP, Transaksi, History Pembayaran dan LogOut. Begitupun jika levelnya petugas maka yang tampil hanya menu Transaksi History, Pembayaran dan LogOut. Seluruh menu tersebut berdasarkan Soal/Tugas yang sudah dibahas ya teman teman. Untuk Level siswa, nanti kita akan buat secara terpisah.

Buat file footer.php

Ketikkan kembali script footer dibawah ini. Jika teman teman tidak memerlukannya silahkan teman teman boleh lewati.

Coding footer

Hasil Halaman Utama yang kita buat

Nantinya jika Levelnya adalah Administrator maka akan tampil seperti ini

Menu navigasi dengan level Administrator

Dan Apabila nanti Levelnya adalah Petugas maka akan tampil seperti ini

Menu navigasi dengan level Petugas

Baca Juga

Bagian 01: Pembahasan Soal UKK SPP

Bagian 02: Membuat Sistem Login

Bagian 03: Membuat Menu Navigasi

Bagian 04: Membuat CRUD Data Siswa dan Join Table

Bagian 05: Membuat Entry Transaksi Pembayaran

Bagian 06: Membuat Pencarian Data History Pembayaran

Bagian 07: Membuat Pagging Data

Bagian 08: Membuat Login Siswa

Bagaimana teman teman? apakah terjadi error pada coding kalian? Jika ada pertanyaan silahkan teman teman boleh comment dibawah