Rancangan Antarmuka Interface Hasil Perancangan

Tabel 3.9 Struktur Tabel Administrator Field Name Type Field Size Keterangan Nip Varchar 15 Nip administrator Primary key, index password Varchar 100 Password administrator Level Varchar 8 Level administrator Email Email administrator Status Varchar 8 Status Administrator

4.2.7 Rancangan Antarmuka Interface

Rancangan antarmuka dari Sistem ini dibagi menjadi tiga bagian yaitu bagian kepala Header, bagian tengah, dan bagian kaki Footer. Semua halaman dari Sistem ini terdiri dari tiga bagian ini. Bagian kepala berisi tut wuri handayani yang dijadikan logo oleh sma swasta mulia medan dan menu login. Bagian kaki menampilkan nama organisasi. Bagian kaki ini bersifat statis tidak berubah-ubah. Bagian kepala terdapat animasi yang menampilkan tulisan selamat datang yang bergerak berputar dan membesar. Hal ini sangat berguna agar user tidak merasa bosan. Dengan adanya animasi yang dibuat diharapkan dapat membuat mahasiswa yang login tertarik dan merasa nyaman dengan tampilan tersebut. Bagian tengah merupakan isi dari sistem itu sendiri. Bagian tengah sangat dinamis, karena setiap saat selalu berubah sesuai data yang tersimpan dalam database. Struktur rancangan antarmuka dari sistem yang dirancang ini dapat dilihat pada Gambar 3.10 serta rancangan awal dari sistem ini terlihat pada Gambar 3.11. Putri Prihatini : Sistem Informasi Data Siswa Pada Sekolah SMA Yayasan Pendidikan Mulia Tanjung Sari Medan, 2008. USU Repository © 2009 Tt Gambar 3.10 Struktur Rancangan Antarmuka Sistem Informasi Akademik Sistem Informasi Manajemen Database Akademik Berbasis Web dengan PHP dan MySQl pada SMA Swasta Mulia Bagian tengah isi Bagian kaki Isi dari Menu Utama: Jika sebagai administrator yang ditampilkan edit mahasiswa, , pengajar. Bagian Tengah isi Selamat datang kepada pengunjung website Nama sekolah ANIMASI BANNER SELAMAT DATANG HOME Home | Copyright©2008 – PUTRI PRIHATINI Putri Prihatini : Sistem Informasi Data Siswa Pada Sekolah SMA Yayasan Pendidikan Mulia Tanjung Sari Medan, 2008. USU Repository © 2009 Jika tampilan halaman utama sebelum login adalah terdiri dari tiga bagian, maka tampilan halaman utama setelah login terdiri dari empat bagian utama, yaitu bagian header, bagian kiri, bagian isi, dan kaki. Tampilan bagian kepala dan kaki tetap sama sedangkan yang berbeda hanyalah bagian isi dan bagian kiri seperti terlihat pada Gambar 3.11. Gambar 3.11 Rancangan Tampilan Sebelum Login Halaman Utama Sistem Informasi Akademik Rancangan tampilan Login baik untuk administrator memiliki tiga bagian utama, yaitu: bagian kepala, isi, dan bagian kaki. ANIMASI BANNER Profil Tentang Kami Login Home Staf Pengajar Halaman Untuk Administrator Login Nip Password LOGIN Home | Copyright©2008 – PUTRI PRIHATINI Buku Tamu Putri Prihatini : Sistem Informasi Data Siswa Pada Sekolah SMA Yayasan Pendidikan Mulia Tanjung Sari Medan, 2008. USU Repository © 2009

4.2.8 Algoritma