Perancangan Halaman Website Perancangan Sistem Informasi Berbasis Web Menggunakan PHP dan MySql pada SMP Negeri 1 Tebing-Tinggi

4.6 Perancangan Halaman Website

Adapun halaman-halaman yang dibangun oleh penulis adalah: a. Halaman index merupakan halaman yang pertama kali muncul pada saat website dibuka. Halaman ini berisikan artikel dan link-link menuju halaman berikutnya. b. Halaman sejarah merupakan halaman yang berisikan sejarah tentang SMP Negeri 1 Tebing-Tinggi serta link-link menuju halaman berikutnya. c. Halaman visi misi merupakan halaman berisikan tentang visi dan misi SMP Negeri 1 Tebing-Tinggi. d. Halaman perpustakaan merupakan halaman yang berisikan tentang fasilitas perpustakaan. e. Halaman laboratorium merupakan halaman yang berisikan tentang fasilitas laboratorium. f. Halaman mushalla merupakan halaman yang berisikan tentang fasilitas mushalla. g. Halaman struktur organisasi merupakan halaman yang berisikan tentang strukur organisasi SMP Negeri 1 Tebing-Tinggi. Universitas Sumatera Utara h. Halaman kepala sekolah merupakan halaman yang berisikan data kepala sekolah SMP Negeri 1 Tebing-Tinggi. i. Halaman guru merupakan halaman yang berisikan daftar nama guru yang mengajar di sekolah SMP Negeri 1 Tebing-Tinggi. j. Halaman guru merupakan halaman yang berisikan daftar nama guru yang mengajar di sekolah SMP Negeri 1 Tebing-Tinggi. k. Halaman siswa merupakan halaman yang berisikan daftar nama siswa yang terdaftar di sekolah SMP Negeri 1 Tebing-Tinggi. l. Halaman OSIS merupakan halaman yang berisikan tentang OSIS SMP Negeri 1 Tebing-Tinggi. m. Halaman prestasi merupakan halaman yang berisikan tentang prestasi yang pernah dicapai oleh SMP Negeri 1 Tebing-Tinggi. n. Halaman tata tertib merupakan halaman yang berisikan tentang tata tertib di SMP Negeri 1 Tebing-Tinggi. o. Halaman bimbingan konseling merupakan halaman yang berisikan tentang penjelasan tentang arti bimbingan konseling SMP Negeri 1 Tebing-Tinggi. p. Halaman roster pelajaran merupakan halaman yang berisikan tentang roster pelajaran dan mendownload roster pelajaran SMP Negeri 1 Tebing-Tinggi. q. Halaman pengumuman terbaru merupakan halaman yang berisikan tentang pengumuman SMP Negeri 1 Tebing-Tinggi. Universitas Sumatera Utara r. Halaman kalender akademik merupakan halaman yang berisikan tentang kalender akademik SMP Negeri 1 Tebing-Tinggi. s. Halaman galleri photo merupakan halaman yang berisikan photo SMP Negeri 1 Tebing-Tinggi. t. Halaman contact us merupakan halaman yang berisikan tentang contact us untuk memberikan kritik saran yang membangun kepada SMP Negeri 1 Tebing-Tinggi. u. Halaman artikel merupakan halaman yang berisikan tentang berbagai artikel yang sedang berkembang saat ini. 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: Universitas Sumatera Utara Gambar 4.10 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. 3. Menulis dan meletakkan skrip-skripPHP dan HTML yang diperlukanpada tempat yang sesuai yang dikerjakan di jendelaCode pada Macromedia Dreamweaver. 4. Mengerjakan halaman-halaman berikutnya. Universitas Sumatera Utara

4.7 Perancangan User Interface