Universitas Sumatera Utara
1. Website yang akan dibangun adalah website MAN 2 Model Medan, sistem infromasi berbasis web ini hanya dipergunakan untuk kepentingan
penyampaian data dan informasi kepada yang membutuhkan. 2. Pengunjung website ini adalah para guru, siswa, staf tata usaha, dan
masyarakat umum yang membutuhkan informasi mengenai MAN 2 Model Medan.
3. Aktivitas utama adalah mengetahui informasi mengenai data guru, staf tata usaha dan siswa. Banyak informasi lain yang berkaitan dengan MAN 2 Model
Medan. 4. Target pembuatan website ini adalah pengunjung dapat mengetahui informasi
dan data yang terdapat pada MAN 2 Model Medan secara cepat dan akurat tanpa terhalang oleh jarak.
4. 2 Perancangan DFD Data Flow Diagram
Data Flow Diagram merupakan diagram yang mengunakan notasi-notasi atau simbol- simbol untuk mengambarkan sistem jaringan kerja antar fungsi-fungsi yang
berhubungan satu sama lain dengan aliran dan penyimpanan data. Berikut ini adalah Data Flow Diagram yang penulis gunakan untuk
menerangkan data yang masuk dan keluar dari dan ke masing-masing entity yang ada. Data Flow Diagram DFD yang penulis gunakan dibagi kedalam dua 2 level yaitu
diagram konteks dan diagram level 0.
Universitas Sumatera Utara
1. Diagram Konteks
Guru
Buku tamu Data guru
Tata Usaha User pengunjung
- info fasilitas
- info guru
- info matapelajaran - info
siswa
- data fasilitas - data guru
- data matapelajaran
- Buku tamu Website
Madrasah Aliyah Negeri MAN
2 Model
Medan Buku tamu
Data siswa
Siswa
- Info fasilitas tahun - Info guru
tahun - Info matapelajaran tahun
- Info siswa tahun
Kepala Sekolah
Gambar 4. 1 Diagram Konteks
2. Diagram Level 0
Siswa
Info Buku tamu Data siswa
Tata Usaha User pengunjung
- info fasilitas - info
guru - info matapelajaran
- info siswa
- data fasilitas - data guru
- data matapelajaran
- data siswa - Buku tamu
1.0 Buku tamu
Upload data Data
guru Guru
F1 fasilitas F2 guru
F3 matapelajaran
F4 Siswa F5 Buku tamu
2.0 Pembuata
n laporan
- Info fasilitas tahun - Info guru
tahun - Info matapelajaran tahun
- Info siswa tahun
Kepala Sekolah
Gambar 4. 2 Diagram Level 0 Nol
4. 3 Flowchart Sistem
Flowchart Diagram Alir merupakan gambar atau bagan yang memperlihatkan urutan dan hubungan antar proses beserta instruksinya. Gambaran ini dinyatakan
dengan symbol, simbol akan menggambarkan proses tertentu, dan hubungan antar proses digambarkan dengan garis penghubung. Berikut ini adalah diagram
alir flowchart yang penulis gunakan untuk menggambarkan proses logika untuk menjalankan website, seperti gambar dibawah ini.
1. Flowchart Halaman Utama Home
Gambar 4. 3 Flowchart Halaman Utama Home
2. Flowchart Halaman Menu Navigasi
Gambar 4.4 Flowchart Halaman Menu Navigasi
3. Flowchart Halaman Login Administrator
Gambar 4.5 Flowchart Halaman Login Administrator
4. Flowchart Halaman Menu Administrator
Field Data Type Size
Description Id_fasilitas
Char 4
Id. Fasilitas Nm_fasilitas Varchar
50 Nama fasilitas
Jumlah Integer
4 Jumlah fasilitas
Gambar Varchar
50 Gambar fasilitas
Gambar 4.6 Flowchart Halaman Menu Administrator 4. 4 Rancangan Database
Pada tahap ini dipersiapkan tempat untuk menampung data di server, data tersebut nantinya akan diproses oleh program yang dibuat pada tahap pemrograman, baik
penambahan, pengeditan, penghapusan dan menampilkan isi database ke halaman web. Database terdiri dari beberapa tabel yang dibuat dengan menggunakan
program MySQL. Berikut ini adalah rancangan database yang digunakan dalam pembuatan
Website Sistem Informasi Pada Madrasah Aliyah Negeri MAN 2 Model Medan. Adapun database yang dibuat oleh penulis adalah database dbman2 dengan table-
tabel sebagai berikut: a. Tabel admin terdiri dari :
Tabel 4.1 Admin
Field Data Type Size
Description Username Varchar
30 User name
Pwd Char
15 Password
b. Tabel fasilitas terdiri dari :
Tabel 4. 2 Fasilitas
Field Data Type Size
Description NIP
Char 9
NIP Guru Nm_guru
Varchar 30
Nama guru Almt
Varchar 30
Alamat Telp
Varchar 13
Telepon Mail
Varchar 30
Email Jenkel
Char 7
Jenis kelamin Pendidikan
Char 4
Pendidikan Kd_mp
Char 4
Kode matapelajaran
Field Data Type
Size Description
Nis Char
5 NIS
Nm_siswa Varchar
30 Nama siswa
Tpt_lahir Varchar
30 Tempat lahir
Tgl_lahir Date
12 Tanggal lahir
Jenkel Char
10 Jenis kelamin
Jurusan Char
10 Jurusan
Kelas Char
1 Kelas
Field Data Type
Size Description
Id_tamu Integer
4 Id. Tamu
Nama Varchar
50 Nama
Email Varchar
50 Email
Komentar Longtext
- Komentar
c. Tabel guru terdiri dari :
Tabel 4. 3 Guru
d. Tabel matapelajaran terdiri dari :
Tabel 4. 4 Matapelajaran
Field Data Type
Size Description
Kd_mp Char
4 Kode matapelajaran
Nm_mp Varchar
30 Nama matapelajaran
Jlh_temu Integer
2 Jumlah pertemuan
e. Tabel siswa terdiri dari :
Tabel 4. 5 Siswa
f. Tabel buku tamu terdiri dari :
Tabel 4. 6 Buku Tamu
Relasi antar tabel
Buku Tamu Id_tamu
Nama Email
Komentar Status
Matapelajaran 1
Kd_mp Nm_mp
Jlh_temu
Guru 1
Siswa Nis
Fasilitas Kd_guru
Nm_guru Nm_siswa
Kd_fasilitas Nm_fasilitas
Jlh_fasilitas Gambar
Admin Usernm
Pwd Jenkel
Temp_lahir Tgl_lahir
Pendidikan Photo
Kd_mp
M Jenkel
Tgl_lahir Temp_lahir
Alamat Kelas
Jurusan Photo
Kd_guru
M
Gambar 4. 7 Relasi Antar Tabel Database
4. 5 Desain Dialog
