Perancangan Halaman Website Perancangan Sistem Informasi Berbasis Web Menggunakan PHP Dan MySQL Pada SMA Negeri 1 Julok

Nama Field Type Size Keterangan Id Integer 10 primary key Nama Varchar 10 Link Varchar 50 Gambar Varchar 10 Urutan Integer 10 Tabel 4.12 Profil Nama Field Type Size Keterangan Id Integer 10 primary key nama Varchar 50 link Varchar 50 Static_content Text Gambar Varchar 100 Publish Enum‘Y’, ‘N’ 10 Status Enum‘user’, ‘dmin’ Aktif Enum‘Y’, ‘N’ Urutan Integer 5

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 SMA Negeri 1 Julok serta link-link menuju halaman berikutnya. c. Halaman visi misi merupakan halaman berisikan tentang visi dan misi SMA Negeri 1 Julok. Universitas Sumatera Utara 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 SMA Negeri 1 Julok. h. Halaman kepala sekolah merupakan halaman yang berisikan data kepala sekolah SMA Negeri 1 Julok. i. Halaman guru merupakan halaman yang berisikan daftar nama guru yang mengajar di sekolah SMA Negeri 1 Julok. j. Halaman guru merupakan halaman yang berisikan daftar nama guru yang mengajar di sekolah SMA Negeri 1 Julok. k. Halaman siswa merupakan halaman yang berisikan daftar nama siswa yang terdaftar di sekolah SMA Negeri 1 Julok. l. Halaman OSIS merupakan halaman yang berisikan tentang OSIS SMA Negeri 1 Julok. m. Halaman prestasi merupakan halaman yang berisikan tentang prestasi yang pernah dicapai oleh SMA Negeri 1 Julok. Universitas Sumatera Utara n. Halaman tata tertib merupakan halaman yang berisikan tentang tata tertib di SMA Negeri 1 Julok. o. Halaman bimbingan konseling merupakan halaman yang berisikan tentang penjelasan tentang arti bimbingan konseling SMA Negeri 1 Julok. p. Halaman roster pelajaran merupakan halaman yang berisikan tentang roster pelajaran dan mendownload roster pelajaran SMA Negeri 1 Julok. q. Halaman pengumuman terbaru merupakan halaman yang berisikan tentang pengumuman SMA Negeri 1 Julok. r. Halaman kalender akademik merupakan halaman yang berisikan tentang kalender akademik SMA Negeri 1 Julok. s. Halaman galleri photo merupakan halaman yang berisikan photo SMA Negeri 1 Julok. t. Halaman contact us merupakan halaman yang berisikan tentang contact us untuk memberikan kritik saran yang membangun kepada SMA Negeri 1 Julok. 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: Universitas Sumatera Utara 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.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. 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.7 Perancangan User Interface