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
Tata Usaha User pengunjung
Website Madrasah Aliyah Negeri MAN 2
Model Medan
Kepala Sekolah - data fasilitas
- data guru - data matapelajaran
- Buku tamu Buku tamu
- info fasilitas - info guru
- info matapelajaran - info siswa
Buku tamu Guru
Siswa Data guru
Data siswa
- Info fasilitas tahun - Info guru tahun
- Info matapelajaran tahun - Info siswa tahun
1. Diagram Konteks
Gambar 4. 1 Diagram Konteks
Universitas Sumatera Utara
Tata Usaha User pengunjung
Upload data 1.0
Kepala Sekolah F1
fasilitas F2
guru F3
matapelajaran
Pembuatan laporan
2.0 - info fasilitas
- info guru - info matapelajaran
- info siswa
F4 Siswa
F5 Buku tamu
Buku tamu - data fasilitas
- data guru - data matapelajaran
- data siswa - Buku tamu
- Info fasilitas tahun - Info guru tahun
- Info matapelajaran tahun - Info siswa tahun
Info Buku tamu
Guru Siswa
Data siswa
Data guru
2. Diagram Level 0
Gambar 4. 2 Diagram Level 0 Nol
Universitas Sumatera Utara
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
Universitas Sumatera Utara
Gambar 4. 3 Flowchart Halaman Utama Home
2. Flowchart Halaman Menu Navigasi
Gambar 4.4 Flowchart Halaman Menu Navigasi
3. Flowchart Halaman Login Administrator
Universitas Sumatera Utara
Gambar 4.5 Flowchart Halaman Login Administrator
4. Flowchart Halaman Menu Administrator
Universitas Sumatera Utara
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 Id_fasilitas
Char 4
Id. Fasilitas Nm_fasilitas Varchar
50 Nama fasilitas
Jumlah Integer
4 Jumlah fasilitas
Gambar Varchar
50 Gambar fasilitas
Universitas Sumatera Utara
c. Tabel guru terdiri dari :
Tabel 4. 3 Guru
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
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
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
f. Tabel buku tamu terdiri dari :
Tabel 4. 6 Buku Tamu
Field Data Type
Size Description
Id_tamu Integer
4 Id. Tamu
Nama Varchar
50 Nama
Email Varchar
50 Email
Komentar Longtext
- Komentar
Universitas Sumatera Utara
Id_tamu Nama
Email Komentar
Status Buku Tamu
Nis Nm_siswa
Jenkel Tgl_lahir
Temp_lahir Alamat
Kelas Jurusan
Photo Kd_guru
Siswa
Kd_fasilitas Nm_fasilitas
Jlh_fasilitas Gambar
Fasilitas Kd_guru
Nm_guru Jenkel
Temp_lahir Tgl_lahir
Pendidikan Photo
Kd_mp Guru
Usernm Pwd
Admin 1
M Kd_mp
Nm_mp Jlh_temu
Matapelajaran 1
M Relasi antar tabel
Gambar 4. 7 Relasi Antar Tabel Database
4. 5 Desain Dialog