4.6 Entity Relation Diagram ERD
Berikut ini merupakan gambar Entity Relation Diagram ERD antara iswa dan guru pada portal akademik SMA Negeri 13 Medan.
1 1
Gambar 4.5 ERD
Wali kelas
jadwal
kelas guru
mengajar
pelajaran siswa
ditempati
menempati
ruangan
menghasilkan
nilai
nama_kelas Id_kelas
Telp_siswa Id_pel
Id_nilai
NIP
pas
kelamin
User_name Telp_guru
Id_guru
Almt_guru
Nama_guru
Nama_pel
id_siswa Id_pel
nilai Id_guru
Id_kls kelamin
User_name Id_siswa
Id_pel Id_kelas
Id_guru id_jadwal
pass
Id_siswa
Almt_siswa
NIS
Nama_siswa
Id_ruangan Id_kls
M M
1 1
M
Universitas Sumatera Utara
4.7 Perancangan Sistem
Diagram aktivitas atau activity diagram menggambarkan aliran kerja atau aktifitas apa saja yang dilakukan dari sebuah sistem atau proses bisnis. Berikut merupakan
alur activity atau aktivitas yang dapat dilakukan pada portal sekolah SMA Negeri 13 Medan yang dikelompokkan menurut level user.
1. Administrator
Adapun aktivitas yang dapat dilakukan administrator pada portal sekolah ini adalah:
Universitas Sumatera Utara
4.1 flowchart halaman admin
start
admin
Register input
home
laporan jadwal
input profil
Struktur organisasi
logo Visi misi
data
data
nilai
kelas pengajar
guru siswa
Ruang kelas
pengajar
end
Universitas Sumatera Utara
4.2 Flowchart Guru
Start
Guru
Register login
home
Visi misi Logo
profil
activity Struktur
organisasi
Input nilai
Penilaian laporan
End
Universitas Sumatera Utara
4.3 flowchart siswa
Start
End siswa
Login
Visi misi Logo
Profil Home
Struktur organisasi
Hasil nilai Activity
Universitas Sumatera Utara
4.8 Perancangan Antarmuka Interface
Antarmuka Interface merupakan bagian dari sistem aplikasi yang digunakan sebagai alat komunikasi antara sistem dan user. Perancangan antarmuka dalam
Portal Akademik ini terdiri dari : 1. Halaman Login index.php
Halaman untuk masuk kehalaman home.
Gambar 4.10 Rancangan login
logo PORTAL AKADEMIK
USER NAME PASSWORD
AKSES SUBMIT
Universitas Sumatera Utara
2. Halaman Utama Pada halaman ini berisi menu utama home, profil, input, jadwal, dan laporan.
Halaman ini juga berisi pengumuman.
GAMBAR 4.11 Halaman Utama
3. Halaman Setup Kelas Di halaman ini admin menginput nama kelas.
HEADER
HOME INPUT
PROFIL JADWAL
LOGOUT LAPORAN
ISI
PENGUMUMAN
Universitas Sumatera Utara
Gambar 4.12 Halaman Setup Kelas
4. Halaman Setup Pelajaran Di halaman ini admin dapat menginput nama pelajaran.
Gambar 4.13 Halaman Setup Pelajaran
HEADER
HOME INPUT
PROFIL JADWAL
LOGOUT LAPORAN
Nama kelas
submit
reset
Nama kelas no
HEADER
HOME INPUT
PROFIL JADWAL
LOGOUT LAPORAN
Nama kelas
submit
reset
Nama kelas no
Universitas Sumatera Utara
5. Halaman Data Guru Dihalaman ini admin dapat mengisi data guru seperti nama guru, nip, kelamin,
alamat, no telepon, user name dan password.
Gambar 4.14 Halaman Input Data Guru
No telp alamat
kelamin
User name password
NIP kelamin
alamat No telp
Uer name
HEADER
HOME INPUT
PROFIL JADWAL
LOGOUT LAPORAN
Nama guru
submit
reset
Nama guru no
NIP
Universitas Sumatera Utara
6. Halaman Data siswa Dihalaman ini admin dapat mengisi data guru seperti nama siswa, nis, kelamin,
alamat, no telepon, user name dan password.
Gambar 4.15 Halaman Input Data Siswa
HEADER
HOME INPUT
PROFIL JADWAL
LOGOUT LAPORAN
Nama siswa
submit
reset
Nama
siswa
no
NIS kelamin
alamat No telp
User name password
NIS kelamin
No telp alamat
Uer name
Universitas Sumatera Utara
7. Halaman Ruang Kelas
Dihalaman ini admin mengisi nama siswa dan nama kelas.
Gambar 4.16 Halaman Input Ruang Kelas
8. Halaman Jadwal Pengajar Di halaman ini admin memasukkan nama guru, pelajaran dan kelas. Dalam
pengimputan jadwal pengajar tidak diperbolehkan dalam 1 kelas dan 1 pelajaran diarar oleh 2 guru.
HEADER
HOME INPUT
PROFIL JADWAL
LOGOUT LAPORAN
Siswa
submit
reset
Nama siswa no
Kelas
Kelas
NIS
Universitas Sumatera Utara
Gambar 4.17 halaman Input Jadwal Guru
9. Halaman Laporan Penilaian Dihalaman ini admin bisa melihat siapa saja guru yang sudah memasukkan nilai .
HEADER
HOME INPUT
PROFIL JADWAL
LOGOUT LAPORAN
Siswa
submit
reset
Nama guru no
pelajaran
Kelas
NIP
Mata pelajaran kelas
Universitas Sumatera Utara
Gambar 4.18 halaman Laporan Penilaian
4.8 Implementasi