Relasi Antar Tabel Rancangan Antarmuka Interface

3.2.2.4 Relasi Antar Tabel

Relasi antar tabel dari Sistem Informasi Akademik ini adalah sebagai berikut : Gambar 3.7 Relasi Antar Tabel Universitas Sumatera Utara NAMA LOGO UNIVERSITAS Nama Logo Universitas diletakkan disebelah kiri Animasi Menggunakan Macromedia Flash MX LOGIN DOSEN LOGIN MAHASISWA LOGIN BAAK 2008 Powered by Hamdani Kepala Tengah Kaki

3.2.2.5 Rancangan Antarmuka Interface

Rancangan antarmuka dari Sistem Informasi Akademik ini dibagi menjadi 3 bagian yaitu bagian kepala header, bagian tengah, dan bagian kaki footer. Semua halaman dari Sistem Informasi Akademik terdiri dari tiga bagian ini. Bagian kepala berisi logo dari Universitas. Bagian tengah terdiri dari dua sub bagian lagi, bagian kiri dan kanan. Bagian kiri berisikan daftar menu, sedangkan bagian kanan berisikan tampilan menu yang dipilih. Bagian tengah merupakan isi dari Sistem informasi Akademik itu sendiri. Bagian ini sangat dinamis, karena setiap saat selalu berubah sesuai data yang tersimpan di dalam database. Bagian kaki menampilkan nama dan versi dari Sistem Informasi Akademik serta nama webmaster. Bagian kaki ini bersifat statis tidak berubah-ubah.

1. Tampilan Halaman Utama.

Rancangan tampilan halaman utama situs Sitem informasi Akademik dapat dilihat pada Gambar 3.8 berikut ini : Gambar 3.8 Rancangan Tampilan Halaman Utama Button untuk masuk ke dalam menu login dosen Button untuk masuk ke dalam menu login mahasiswa Button untuk masuk ke dalam menu login BAAK Universitas Sumatera Utara

2. Tampilan Halaman Login Dosen

Rancangan tampilan halaman login dosen situs Sitem informasi Akademik dapat dilihat pada Gambar 3.9 berikut ini : Gambar 3.9 Rancangan Tampilan Halaman Login Dosen 3. Tampilan Halaman Login Mahasiswa Rancangan tampilan halaman login mahasiswa situs Sitem informasi Akademik dapat dilihat pada Gambar 3.10 berikut ini : NAMA LOGO UNIVERSITAS Nama Logo Universitas diletakkan disebelah kiri Animasi Menggunakan Macromedia Flash MX 2008 Powered by Hamdani LOGIN DOSEN User Password LOGIN Kepala Tengah Kaki User name dosen Password dosen Button untuk masuk ke dalam menu dosen Universitas Sumatera Utara Gambar 3.10 Rancangan Tampilan Halaman Login Mahasiswa 4. Tampilan Halaman Login BAAK Rancangan tampilan halaman login BAAK situs Sitem informasi Akademik dapat dilihat pada Gambar 3.11 berikut ini : Gambar 3.11 Rancangan Tampilan Halaman Login BAAK NAMA LOGO UNIVERSITAS LOGIN LOGIN MAHASISWA Nama Logo Universitas diletakkan disebelah kiri 2008 Powered by Hamdani User Password Kepala Tengah Kaki Animasi Menggunakan Macromedia Flash MX NAMA LOGO UNIVERSITAS Nama Logo Universitas diletakkan disebelah kiri Animasi Menggunakan Macromedia Flash MX 2008 Powered by Hamdani LOGIN BAAK User Password LOGIN Kepala Tengah Kaki User name mahasiswa Password mahasiswa Button untuk masuk ke dalam menu mahasiswa User name BAAK Password BAAK Button untuk masuk ke dalam menu BAAK Universitas Sumatera Utara

5. Tampilan Halaman Dosen

Rancangan tampilan halaman dosen situs Sitem informasi Akademik dapat dilihat pada Gambar 3.12 berikut ini : Gambar 3.12 Rancangan Tampilan Halaman Dosen NAMA LOGO UNIVERSITAS Nama Logo Universitas diletakkan disebelah kiri Animasi Menggunakan Macromedia Flash MX 2008 Powered by Hamdani Kepala Tengah Kaki MATA KULIAH TUGAS AKHIR JADWAL MENGAJAR INPUT NILAI BIMBINGAN PERWALIAN Isi berupa Informasi yang dipilih Logout Button untuk masuk ke dalam menu Tugas akhir Button untuk masuk ke dalam menu mata kuliah Button untuk masuk ke dalam menu jadwal mengajar Button untuk masuk ke dalam menu bimbingan Button untuk masuk ke dalam menu perwalian Button untuk masuk ke dalam menu input nilai Button untuk logout Universitas Sumatera Utara

6. Tampilan Halaman Mahasiswa

Rancangan tampilan halaman mahasiswa situs Sitem informasi Akademik dapat dilihat pada Gambar 3.13 berikut ini : Gambar 3.13 Rancangan Tampilan Halaman Mahasiswa Logout NAMA LOGO UNIVERSITAS Nama Logo Universitas diletakkan disebelah kiri Animasi Menggunakan Macromedia Flash MX 2008 Powered by Hamdani Kepala Tengah Kaki MATA KULIAH YANG DITAWARKAN LIHAT KRS DISETUJUI ISI KRS LIHAT NILAI ISI TUGAS AKHIR JADWAL KULIAH Isi berupa informasi dari Menu yang dipilih Button untuk masuk ke dalam menu lihat KRS Button untuk masuk ke dalam menu mata kuliah Button untuk masuk ke dalam menu isi KRS Button untuk masuk ke dalam isi tugas akhir Button untuk masuk ke dalam menu jadwal kuliah Button untuk masuk ke dalam menu lihat nilai Universitas Sumatera Utara

7. Tampilan Halaman BAAK

Rancangan tampilan halaman BAAK situs Sitem informasi Akademik dapat dilihat pada Gambar 3.14 berikut ini : Gambar 3.14 Rancangan Tampilan Halaman BAAK NAMA LOGO UNIVERSITAS Nama Logo Universitas diletakkan disebelah kiri Animasi Menggunakan Macromedia Flash MX 2008 Powered by Hamdani Kepala Tengah Kaki DATA MAHASISWA MATA KULIAH DITAWARKAN DATA DOSEN PERWALIAN KRS DISETUJUI JADWAL KULIAH Isi berupa informasi dari Menu yang dipilih Logout BIMBINGAN Button untuk masuk ke dalam menu mata kuliah Button untuk masuk ke dalam menu data mahasiswa Button untuk masuk ke dalam menu data dosen Button untuk masuk ke dalam menu KRS disetujui Button untuk masuk ke dalam menu jadwal kuliah Button untuk masuk ke dalam menu perwalian Button untuk masuk ke dalam menu bimbingan Button untuk logout Universitas Sumatera Utara BAB 4 IMPLEMENTASI

4.1 Batasan Implementasi

Sistem informasi akademik Siakad pada perguruan tinggi ini merupakan aplikasi berbasis web dimana aplikasi ini bisa digunakan pada jaringan internet. Namun pada penelitian ini, implementasi dari Siakad ini tidak sampai pada tahap pengaplikasiannya secara nyata ke jaringan internet. Lingkungan pengembangan dari Siakad ini adalah mengenai proses akademis di kampus secara online. Perangkat lunak yang digunakan untuk mendesain Siakad ini adalah Macromedia Dreamweaver MX. Perangkat lunak ini dipilih karena memiliki fasilitas yang lengkap untuk mendesain suatu web.

4.2 Implementasi

Implementasi dari Siakad dibagi menjadi aplikasi untuk dosen, aplikasi untuk mahasiswa, dan aplikasi untuk BAAK Bagian Administrasi Akademik Kampus.

4.2.1 Tampilan Halaman Utama

Halaman utama dari Siakad adalah tampilan yang pertama kali muncul ketika pengguna mengakses Siakad. Pada halaman utama ini menampilkan pilihan login dari pengunjung sesuai dengan status pengunjung tersebut. Yang terdiri dari: login dosen, login mahasiswa, dan login BAAK. Bentuk dari tampilan halaman utama dapat dilihat pada Gambar 4.1. Universitas Sumatera Utara