Administrasi Sistem Manajemen Surat Resmi #2 Webfree

Hello
gitgetster yang
budiman, kita akan lanjutkan tutorial pembuatan Administrasi Sistem Manajemen Surat Resmi , tentunya webfree alias gratis, setelah kita membuat datasbase
pada cara sebelumnya, selanjutnya adalah kita akan membangun websitenya secara
satu persatu, oleh karena itu siapkan kopi dan snack biar gak jenuh dan tetep
semangat. (artikel sebelumnya)

Mengisi File Include Sistem Manajemen Surat

Kembali ke explore di direktori pembuatan website kita yang berada di c:\xampp\htdocs\surat\include yang sudah kita buat sebelumnya, disini kita akan membuat file :

  • config.php
  • footer.php
  • head.php
  • header_instansi.php
  • menu.php
folder include

Membuat “config.php” Penghubung Database Admin Sistem Website Surat

Selanjutnya buat file baru dengan nama config.php, dimana file ini yang akan menghubungkan website kita ke database pada hosting lokal dengan nama database ams_native (sesuai nama database anda), untuk source code silahkan simak aja di bawah ini :

Keterangan : fungsi php ini adalah menghubungkan database dengan website, dimana host adalah “localhost”, usernamenya “root” dengan passwordnya kosong, databasenya “ams_native” sesuaikan sendiri dengan settingan hosting database anda

Membuat “head.php” Template Webfree

kenapa kita membuat head.php kenapa tidak langsung index aja?, tentu untuk sebuah website sistem memerlukan pengulang load tampilannya, untuk memepringan kerja loadnya maka kita harus memecah templatenya sesuai design, nah kali ini kita membuat head,php di folder include dengan source code di bawah ini lengkap dengan cssnya :

Membuat “menu.php” pada Template Webfree

Setalah membuat bagian headnya, selanjutnya adalah membuat menu pada tampilan website kita, nah menu ini harus di sesuaikan kebutuhan dan kerangkanya, karena menu yang simple dan powerful lebih baik dari pada terlalu banyak menu.

silahkan buka file menu.php dan isi dengan source code seperti di bawah ini :

Membuat “footer.php” pada web manajemen surat resmi

untuk file ini akan bekerja sebagai template website bagian bawah sendiri , sesuai namanya “footer”, langsung saja isi dengan source code footer.php di bawah ini :

Membuat “header_instansi.php”

hloh kok headernya ada 2 yah?, iya memang ada 2 dimana keduanya di fungsikan sebagai header pada tampilan yang berbeda, yaitu sebelum login dan sesudah login di dalam web sistem kita nantinya, nah langsung aja cus isi filenya dengan source code di bawah ini :

Oke segitu dulu teman-teman, tunggu update lagi yah di gitgets.com, jangan lupa komen jika belum faham, karena bertanya lebih baik dari pada diam-diam nikung pacar teman.

untuk file include seluruhnya bisa anda download disini