Perancangan Halaman Website Flowchart Absensi Harian Pegawai

4.5 Perancangan Halaman Website

Adapun halaman - halaman yang dibangun adalah: 1. Halaman index.php, merupakan halaman utama yang akan diakses pertama kali situs dibuka. Halaman ini berisikan berita dan artikel secara singkat dan link-link menuju halaman berikutnya. Halaman index yang penulis bangun dibagi menjadi 2 bagian, yaitu : a. Halaman index untuk admin Merupakan halaman yang dikhususkan untuk bagian umum dan administrasi yang mana untuk masuk ke halaman ini harus melakukan login terlebih dahulu. Di halaman ini admin bisa melakukan pengeditan maupun penghapusan terhadap data guru dan pegawai, artikel, ataupun absensi pegawai terhadap sistem informasi absensi dan sekolah tersebut. b. Halaman index untuk guru dan pegawai user Merupakan halaman untuk guru dan pegawai user , dimana guru dan pegawai user dapat melihat halaman web tersebut. Pada halaman ini guru dan pegawai user tidak dapat mengedit ataupun menghapus data mereka ataupun absensi harian dan bulanan mereka. Mereka hanya dapat mengisi absensi Universitas Sumatera Utara harian mereka, jika lewat dari pukul 07.30 pagi maka guru dan pegawai dinyatakan terlambat atau alpa. 2. Halaman home merupakan halaman yang berisikan sekilas tentang SMA Negeri 1 Lawe Sigala gala serta link-link menuju halaman berikutnya. 3. Halaman sejarah merupakan halaman yang berisikan tentang sejarah singkat SMA Negeri 1 Lawe Sigala gala. 4. Halaman visi misi merupakan halaman berisikan tentang visi dan misi SMA Negeri 1 Lawe Sigala gala. 5. Halaman kegiatan OSIS merupakan halaman berisikan tentang kegiatan – kegiatan anggota OSIS di SMA Negeri 1 Lawe Sigala gala. 6. Halaman struktur organisasi tata usaha merupakan halaman yang berisikan tentang strukur organisasi SMA Negeri 1 Lawe Sigala gala. 7. Halaman struktur organisasi OSIS merupakan halaman yang berisikan tentang struktur organisasi OSIS SMA Negeri 1 Lawe Sigala gala. 8. Halaman artikel merupakan halaman yang berisikan tentang artikel sekolah ataupun artikel tentang pendidikan. 9. Halaman galeri sekolah merupakan halaman yang berisikan foto ataupun gambar – gambar SMA Negeri 1 Lawe Sigala gala. 10. Halaman contact us merupakan halaman yang berisikan tentang letak sekolah dan juga tempat untuk memberikan kritik dan saran melalui email. Universitas Sumatera Utara Tahap-tahap yang dilakukan penulis dalam membangun halaman website adalah sebagai berikut: 1. Membuka Macromedia Dreamweaver 8 sebagai software pengatur letak layout dan penulisan skrip-skrip PHP dalam membangun halaman. Tampilannya dapat dilihat seperti gambar berikut ini: Gambar 4.14 Tampilan Macromedia Dreamweaver 8 2. Mengatur letak layout dengan memanfaatkan tool dan perintah yang terdapat pada Macromedia Dreamweaver yaitu dengan meletakkan link-link, grafik, isi berita dan modul-modul lainnya di tempat yang telah ditentukan. Universitas Sumatera Utara 3. Menulis dan meletakkan skrip-skrip PHP dan HTML yang diperlukan pada tempat yang sesuai yang dikerjakan di jendela Code pada Macromedia Dreamweaver. 4. Mengerjakan halaman-halaman berikutnya.

4.6 Perancangan User Interface