Perancangan Halaman Website Perancangan User Interface

Ade Yulia Sari : Perancangan Sistem Informasi Sma Negeri 5 Medan Berbasis Web, 2009. profil siswa dan melihat jadwal pelajaran yang akan dilaksanakan sehari- hari.

4.3 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 home merupakan halaman yang berisikan tentang kata sambutan dari pihak sekolah serta link-link menuju halaman berikutnya. c. Halaman profil merupakan halaman yang berisikan tentang sejarah singkat dan motto SMA Negeri 5 Medan. d. Halaman berita merupakan halaman yang berisikan informasi, diantaranya mengenai pendidikan ataupun berita terkini. e. Halaman visi misi merupakan halaman berisikan tentang visi dan misi SMA Negeri 5 Medan. f. Halaman Guestbook merupakan halaman dikhususkan bagi pengunjung yang ingin memberikan komentar mengenai situs website tersebut. Ade Yulia Sari : Perancangan Sistem Informasi Sma Negeri 5 Medan Berbasis Web, 2009. g. Halaman admin merupakan halaman yang hanya dapat diakses oleh admin yang mempunyai tugas untuk mengola nilai siswa, jadwal, absensi, dan tidak hanya itu admin juga dapat melihat apakah sistem yang di buat dapat berjalan dengan ketentuan atau tidak. h. Halaman Guru merupakan halaman yang hannya diakses oleh guru yang memiliki username dan password, dan disini guru mempunyai tugas memberikan nilai kepada siswa, mengabsen siswa, memberikan penilaian ujian siswa. Data- data ini diberikan kepada tata usaha atau yang berperan untuk diinputkan kedalam database yang nantinya berguna untuk siswa untuk melihat data- data tersebut. i. Halaman Siswa hannya dapat diakses oleh siswa yang memiliki username dan password. Halaman ini siswa dapat melihat data nilai siswa yang telah diberikan guru kepada tata usaha tersebut, melihat data absensi siswa, melihat profil siswa dan melihat jadwal pelajaran yang akan dilaksanakan sehari- hari.

4.4 Perancangan User Interface

Tampilan utama situs ini dirancang dengan bantuan software dreamweaver 8. Perancangan tampilan utama pada situs ini dibagi menjadi dua bagian yaitu header dan isi halaman. Header adalah merupakan dari halaman yang terletak pada bagian Ade Yulia Sari : Perancangan Sistem Informasi Sma Negeri 5 Medan Berbasis Web, 2009. atas yang berisikan logo, sedangkan bagian isi adalah bagian terpenting karena merupakan tempat menampilkan informasi yang akan disampaikan.

4.4.1 Perancangan Halaman Utama Website

NNNN Gambar 4.2 Perancangan Halaman Utama Website

a. Penjelasan Rancangan Halaman Utama Website