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