3.

4 Tahapan Perancangan Portal

a. Diagram Koteks

Laporan Data Beranda Data Umum

Laporan Data Profil
Laporan Data Pusat Informasi
Laporan Buku Tamu
Laporan Hubugi Kami

MAN 01 Ipuh
MAN 01 Ipuh umum

Data Beranda
Data Profil
Data Pusat Informasi
Data Buku Tamu
Data Hubungi Kami
Laporan Data Umum

Dari diagram konteks Portal MAN 1 Ipuh menjelaskan dari sistem

secara umum dan keseluruhan, dimana proses alir datanya bersumber dari

masyarakat yang memberikan data ke Portal MAN 1 Ipuh.

b. Data Flow Diagram Level 0

 Diagram alir data menggambarkan aliran data yang terjadi didalam

pembuaan Portal MAN 1 Ipuh. Adapun alir data tersebut dapat dilihat

dibawah ini:

Umum

MAN 1 Ipuh

1
1 Beranda
Beranda

2
2 Profil
Profil

3
Pusat 3 Pusat Iformasi
Informasi

Buku 4 Buku Tamu

Tamu

5
5 Hubungi Kami
Hubungi
Kami
Laporan Data Beranda
Laporan Data Profil
Laporan Data Pusat Informasi
Laporan Buku Tamu 6

Laporan Hubugi Kami Laporan

 Pada Diagram alir data level 0 menggambarkan aliran data yang

terjadi dialam proses Portal MAN Ipuh.

c. Data Flow Diagram Level 1 Proses 0

1.1 1.2
MAN Ipuh Tambah Simpan
Data Data
Beranda
Beranda

1 Beranda

1.3 1.4
Koreksi Hapus
Data Data

Beranda Beranda

Pada data flow diagram level 1 proses 0 yang menggambarkan

aliran data berupa data beranda, yang dimulai dari menginputkan data

beranda yang disimpan dengan file data beranda. Dalam proses ini juga

dapat dilakukan up-date dengan cara koreksi, menghapus data, menambah

data dan menyimpan kembali data.

d. Data Flow Diagram Level 1 Proses 1

2.1 2.2
MAN Ipuh Tambah Simpan
Data Data
Profil
Profil

2 Profil

2.3 2.4
Koreksi Hapus
Data Data

Profil profil

Pada data flow diagram level 1 proses 1 yang menggambarkan

aliran data berupa data profil, yang dimulai dari menginputkan data profil

yang disimpan dengan file data profil. Dalam proses ini juga dapat

dilakukan up-date dengan cara koreksi, menghapus data, menambah data

dan menyimpan kembali data.

e. Data Flow Diagram Level 1 Proses 2

3.1 3.2
MAN Ipuh Tambah Simpan
Data Data
Informasi
Informasi

3 Informasi

3.3 3.4
Koreksi Hapus
Data Data

Informasil Informasi

Pada data flow diagram level 1 proses 2 yang menggambarkan

aliran data berupa data Informasi, yang dimulai dari menginputkan data

Informasi yang disimpan dengan file data Informasi. Dalam proses ini

juga dapat dilakukan up-date dengan cara koreksi, menghapus data,

menambah data dan menyimpan kembali data.

f. Data Flow Diagram Level 1 Proses 3

4.1 4.2
Tambah Simpan
MAN Ipuh
Data Buku Data
Tamu
Buku
Tamu

4 Buku Tamu

4.3 4.4
Koreksi Hapus
Data Data

Buku Buku
Tamu Tamu

Pada data flow diagram level 1 proses 2 yang menggambarkan

aliran data berupa data buku tamu, yang dimulai dari menginputkan data

Informasi yang disimpan dengan file data buku tamu. Dalam proses ini

juga dapat dilakukan up-date dengan cara koreksi, menghapus data,

menambah data dan menyimpan kembali data.

g. Data Flow Diagram Level 1 Proses 4

5.1 5.2
Tambah Simpan
MAN Ipuh
Data Data
Hubungi
Kami Hubungi
Kami

5 Hubungi Kami

5.3 5.4
Koreksi Hapus
Data Data

Hubungi Hubungi
Kami Kami

Pada data flow diagram level 1 proses 2 yang menggambarkan

aliran data berupa data kontak, yang dimulai dari menginputkan data

Informasi yang disimpan dengan file data kontak. Dalam proses ini juga

dapat dilakukan up-date dengan cara koreksi, menghapus data, menambah

data dan menyimpan kembali data.