Imelda R. Silalahi : Sistem Informasi SMA Swasta GBKP Kabanjahe Berbasis Web, 2009.
IV.3 Flowchart Diagram Alur
Gambar 4.5 Flowchart Halaman Utama Keterangan :
Link 01 = Login Admin Link 02 = Utama
Link 03 = Profil Link 04 = Berita
Link 05 = Direktori Link 06 = Agenda
Link 07 = Buku Tamu Link 08 = Galery
Stop Tampilan Halaman
Direktori Tampilan Halaman
Agenda Tampilan Halaman
Buku Tamu Tampilan Halaman
Galery y
Link 08 ?
n y
Link 07 ?
n y
Link 06 ?
n y
Link 05 ?
n
Start Tampil
x Baca Links
Prosedur Login Admin
Admin
Tampilan Halaman Utama
Tampilan Halaman Profil
Tampilan Halaman Berita
Link 01 ?
y
Link 02 ?
n y
y Link 04
? n
y Link 03
? n
n Close
? n
y
Imelda R. Silalahi : Sistem Informasi SMA Swasta GBKP Kabanjahe Berbasis Web, 2009.
Gambar 4.6 Flowchart Login Admin
Admin
Ketik User Name dan
Password
Login ?
Home ?
Valid ?
Baca User Name dan
Password
Menu Admin
Menu Password
Tidak Sesuai
x y
y
y n
n
n
Imelda R. Silalahi : Sistem Informasi SMA Swasta GBKP Kabanjahe Berbasis Web, 2009.
Gambar 4.7 Flowchart Menu Admin
Keterangan :
Pilihan 1, 3, 5 = Data Siswa Pilihan 2, 4, 6 = Data Guru
n Home
? n
y
x A
B
C
D
E
F
Input Data Siswa
Input Data Guru
Edit Data Siswa
Edit Data Guru
Delete Data Siswa
Delete Data Guru
Y
Baca Pilihan Menu
y Pilihan 6
? n
y Pilihan 5
? n
y Pilihan 4
? n
y Pilihan 3
? n
y Pilihan 2
? n
y Pilihan 1
?
Menu
Imelda R. Silalahi : Sistem Informasi SMA Swasta GBKP Kabanjahe Berbasis Web, 2009.
Gambar 4.8 Flowchart Halaman Input, Edit dan Hapus Data Siswa
Y
y
Tampil Halaman
y Edit
?
n
A
Pengisian Data Siswa
Hapus Data
y Hapus
?
n
Back
?
n y
Tambah Data
y n
y
Edit Data
Simpan ?
Batal ?
Simpan Data
Bersihkan Form
Siswa
C E
Imelda R. Silalahi : Sistem Informasi SMA Swasta GBKP Kabanjahe Berbasis Web, 2009.
Gambar 4.9 Flowchart Halaman Input, Edit dan Hapus Data Guru
Back
?
n
Y
y Tampil Halaman
y Edit
?
n
B
Pengisian Guru
Hapus Data
y Hapus
?
n y
Tambah Data
y n
y
Edit Data
Simpan
?
Batal ?
Simpan Data
Bersihkan Form
Data Guru
D F
Imelda R. Silalahi : Sistem Informasi SMA Swasta GBKP Kabanjahe Berbasis Web, 2009.
IV.5 Rancangan Input Output.
Sistem yang dirancang dalam situs ini bersifat internal, yang berarti pengguna program ini hanya kalangan tertentu yang memiliki hak akses terhadap program. Oleh
karena itu, perancangan tampilan dibagi – bagi berdasarkan hak akses.
Rancangan tampilan yang disajikan adalah sebagai berikut :
1. Tampilan Form untuk Admin
Admin bertanggungjawab atas data yang diinformasikan pada halaman web. Admin dapat menambah, mengubah, dan menghapus data yang ada pada database, karena
admin memiliki otoritas untuk melakukan hal tersebut. Beberapa halaman yang dapat diakses oleh admin adalah :
a. Admin Siswa