Kamus data Desain Halaman Index Desain Header dan Footer

nim semester tahun kurikulum Kode_ mk Waktu_ rekam nilai kelas Relasi diatas sudah 2NF, karena sudah dalam bentuk 1NF, dan setiap atribut yang bukan kunci tergantung secara fungsional pada primasi_key. table mahaiswa nim Nama alamat Alamat_ asal Alamat_ sekarang Tempat_ lahir Tgl_lahir Agama Jenis_ kelamin Kurikulu m Kode_jr nip_pa Jenis_ kelamin Status Password Nama_ ortu Alamat_ ortu Pendapatan_ ortu Pendidik an_ortu Sekolah Alamat_ sekolah Pendapatan _ortu Jalur sksmaks Semesters angkatan Relasi diatas sudah 2NF, karena sudah dalam bentuk 1NF, dan setiap atribut yang bukan kunci tergantung secara fungsional pada primasi_key.

4.2.2.3 Struktur Database

1. Kamus data

Table database terdiri dari : ‐ Administrator = table administrator system Login_name + password + alamat_email ‐ Bebansks = tabel beban sks mahasiswa Ipk + sks + semester ‐ Bobotnilai = table bobot nilai mahasiswa Kode_nilai + nilai ‐ Dosen = table dosen Nip + nama_dosen + kode_jur ‐ Jenjang = table jenjang kuliah Kode_jenjang + nama_jenjang + masa_studi ‐ Fakultas = table fakultas Kode_fak + nama_fak ‐ Jurusan = table jurusan Kode_jur + nama_jur + kode_fak + jenjang ‐ Krs = table kartu rencana studi Nim + semester + tahun + kurikulum + kode_mk + waktu_rekam + nilai + kelas ‐ Kurikulum = table kurikulum Kurikulum + keterangan ‐ Mahasiswa = table mahasiswa Nim + nama + alamat_asal + alamat_sekarang + tempat_lahir + tgl_lahir + agama + warga_negara + jenis_kelamin + kurikulum + kode_jr + nip_pa + status + password + nama_ortu + alamat_ortu + pekerjaan_ortu + pendapatan_ortu + pendidikan_ortu + sekolah + alamat_sekolah + jalur + sksmaks + semester + angkatan ‐ Matakuliah = table mata kuliah Kode_mk + nama_mk + sks + semester_mk + kurikulum + kode_jr + nip_dosen + keterangan_mk + aktif ‐ Petugas = table petugas Login_nama + password + alamat_email + tipe_petugas ‐ Status = table status mahasiswa Kode_status + keterangan ‐ Waktu = table waktu online Kode + awal + akhir + th_akademik + semester ‐ Tailler = table petugas keuangan pusat Login_name + password + alamat_email ‐ Biaya fakultas = table biaya Fakultas + nama_fakultas + biaya + semester + biaya + semester + spp + dkm + dop + dp + dm + lain2 Keterangan : = primary key

2. Spesifikasi data

Spesifikasi database yang sudah dinormalisasikan mendapatkan data sebagai berikut : Nama table : mahasiswa Primary key: nim Fungsi table : table untuk menjelaskan data seluruh mahasiswa tabel 3 spesifikasi data pada Mahasiswa N a m nama table : administrator Primary key: login_name Fungsi table : table untuk data login administrator Table 4 spesifikasi data pada administrator Nama table : beban sks Primary key: ipk Fungsi table : table untuk mengetahui beban sks yang bisa diambil. Table 5 spesifikasi data pada beban sks Nama table : biaya fakultas Primary key: - Fungsi table : table untuk mengetahui biaya perkuliahan Table 6 spesifikasi data pada biaya fakultas Nama table : bobot nilai Primary key: kode_nilai Fungsi table : table untuk mengetahui bobot nilai Table 7 spesifikasi data pada bobot nilai Nama table : dosen Primary key: - Fungsi table : table untuk mengetahui data-data dosen Table 8 spesifikasi data pada dosen Nama table : fakultas Primary key: kode_fakultas Fungsi table : table untuk mengetahui data-data fakultas Table 9 spesifikasi data pada fakultas Nama table : jenjang Primary key: kode_jenjang Fungsi table : table untuk mengetahui jenjang apa saja yang ada. Table 10 spesifikasi data pada jenjang Nama table : jurusan Primary key: kode_jur Fungsi table : table untuk mengetahui jurusan apa saja yang ada. Table 11 spesifikasi data pada jurusan Nama table : krs Primary key: - Fungsi table : table untuk mengetahui krs apa saja yang dapat diambil Table 12 spesifikasi data pada krs Nama table : kurikulum Primary key: - Fungsi table : table untuk mengetahui kurikulum apa saja yang ada. Table 13 spesifikasi data pada kurikulum Nama table : mata kuliah Primary key: kode_mk Fungsi table : table untuk mengetahui mata kuliah apa saja yang ada. Table 14 spesifikasi data pada mata kuliah Nama table : petugas Primary key: login_name Fungsi table : table untuk mengetahui data-data petugas Table 15 spesifikasi data pada petugas Nama table : status Primary key: kode_status Fungsi table : table untuk mengetahui status dari mahasiswa Table 16 spesifikasi data pada status Nama table : tailler Primary key: kode_jenjang Fungsi table : table untuk mengetahui login data petugas keungan pusat yang melakukan aktivasi mahasiswa yang sudah melakukan pembayaran perkuliahan. Table 17 spesifikasi data pada tailler Nama table : waktu Primary key: kode Fungsi table : table untuk mengetahui waktu online kapan mahasiswa dapat melakukan registrasi. Table 18 spesifikasi data pada waktu online

4.2.3 Desain Interface

4.2.3.1 State Transition Diagram STD

Struktur program aplikasi ini dibuat secara modular, yaitu program dipecah menjadi modul-modul kecil yang mudah dibuat, mudah dites, mudah melacak kesalahan program, dan mudah dimodifikasi. Dalam pembuatan aplikasi web ini menggunakan alat bantu yaitu bagan struktur seperti dibawah ini : Diagram 16 Struktur Menu Mahasiswa Diagram 17 Struktur Menu Petugas bank Diagram 18 Struktur Menu petugas fakultas bagian keuangan Menu Utama Mahasiswa Dosen Kurikulum Mata Kuliah KHS KRS Data Pengaturan Bobot Nilai Beban SKS Pemasukan Nilai Logout Diagram 19 Struktur Menu Petugas Fakultas Bagian Akademik Menu Utama Mahasiswa Dosen Jurusan Fakultas Kurikulum Jenjang Akademik Mata Kuliah Petugas KHS KRS Administrator Data Pengaturan Waktu Online Bobot Nilai Beban SKS Pemasukan Nilai Nomor Registrasi Logout Diagram 20 Struktur Menu Administrasi

4.2.3.2 Desain Menu

Dalam perancangan tampilan web, setiap halaman web terdiri dari area untuk menmpilkan menu atau submenu dan area header-footer yang sering digunakan dalam seluruh halaman web.

1. Desain Halaman Index

Universitas Islam Negri Syarif Hidayatullah jakarta Image Map Gambar 1 design halaman index

2. Desain Header dan Footer

Rancangan Header tersusun oleh beberapa bagian, pada bagian atas merupakan area banner dan pada bagian bawah digunakan menu utama. Rancangannya dapat dilihat pada gambar 22. Gambar 2 Desain Header Menu Utama Banner Rancangan Footer terdiri dari area untuk menampilkan pembuat program. Rancangannya dapat dilihat pada gambar 23. Gambar 3 Desain Footer Copyright UIN 2010 by wuri handayani

3. Desain Menu Utama