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