BAB 4
PERANCANGAN SISTEM
4.1. Perancangan Sistem
Membuat suatu situs memerlukan persiapan, perencanaan yang baik, tujuan yang jelas dan percobaan yang berulang-ulang karena menyangkut semua elemen yang membentuk
situs. Perancangan sistem merupakan upaya organisasi atau lembaga untuk memulai memiliki sistem yang lebih baik lagi dari sistem yang sebelumnya.
4.2. Data Flow Diagram DFD
Data Flow Diagram DFD adalah suatu gambaran grafis dari suatu sistem yang dapat
menggambarkan arus data di dalam sistem dengan stuktur, jelas dan menggunakan sejumlah bentuk-bentuk simbol untuk menggambarkan bagaimana data mengalir melalui suatu proses
yang saling berkaitan . Gambaran ini tidak tergantung pada perangkat keras, lunak, struktur
data atau organisasi. Pada tahap analisa, penanganan notasi symbol lingkaran dan anak panah mewakili mengambarkan arus data dalam perancangan system sangat membantu
sekali di dalam komunikasi dengan pemakaian system mengunakan notasi – notasi ini untuk menggambarkan arus dari data sistem.
Universitas Sumatera Utara
Berikut ini adalah bentuk Data FlowDiagram dari Perancangan Sistem Informasi Registrasi Online SMA Negeri 1 Sunggal:
Gambar 4.1 Diagram Konteks Sistem Penerimaan Siswa Baru
Calon Siswa
Sistem Penerimaan
Siswa Baru Kepala Sekolah
Dinas Pendidikan
Panitia PSB
Daftar Siswa Pengumuman
Data Calon Siswa
Petunjuk pelaksanaan
Persetujuan Daftar Calon
Siswa
Data Calon Siswa
Daftar Siswa Baru
Universitas Sumatera Utara
-
Data siswa terdaftar
-
Data siswa diterima - Data diri
-
Peng-input-an nilai calon siswa
- Info siswa terdaftar - Info pengumuman
-
Info siswa diterima - Info Siswa terdaftar -
Info hasil Ujian
Gambar 4.2 Diagram Konteks Sistem Informasi Registrasi Calon Siswa dan Siswa yang diterima
Sistem Penerimaan Siswa Baru
Admin Calon Siswa
pengguna
Siswa Baru Diterima
- Data Diri
- Info data diri
Universitas Sumatera Utara
F5 Daftar F1
Admin
F1 Admin
simpan edit hapus
F2
Lihat Siswa Terdaftar
simpan edit hapus
F3 Proses nilai
simpan simpan edit hapus
F6 Registrasi F4
Lihat Sisa diterima
simpan edit hapus
Gambar 4.3 DFD Level 1 Perancangan Sistem Informasi Registrasi Online
4.3 Flowchart Sistem
Flowchart adalah sekumpulan simbol-simbol yang menunjukkan atau menggambarkan
rangkaian kegiatan-kegiatan program dari awal hinggal akhir. Berikut ini flowchart- flowchart
sistem yang dirancang penulis. Sistem
Calon Siswa user
Admin
Login
Proses pengolahan data
Siswa baru
browsing
informasi simpan
Login
Universitas Sumatera Utara
Gambar 4.4 Flowchart Halaman Utama
Y Y
Y Y
Y Y
start
Halaman Utama Home
Input Pilihan
Menu
Pengumum an
Home
Pendaftaran siswa baru
Calon siswa
Pengumum an hasil
Login Admin
end A
Halaman Utama Home
Halaman Pengumuman
pendaftaran
Halaman Pendaftaran siswa
baru
Halaman Calon siswa terdaftar
Halaman Pengumuman hasil
ujian
Halaman Login Admin
Universitas Sumatera Utara
No Yes
Gambar 4.5 Flowchart Login Admin
Halaman Login Admin adalah halaman khusus login user admin. Setelah username
dan password admin dimasukkan dengan benar maka selanjutnya masuk ke halaman admin. Jika login gagal maka akan kembali ke halaman login admin.
B
Form Login Admin
Masukkan Username dan Password
Password dan username
sudah benar?
Halama n
Ad i
C
Universitas Sumatera Utara
Y No
Y No
Y No
No Y
Gambar 4.6 Flowchart Menu Admin
C
Menu admin
Pilih
Lihat Calon
Siswa
Proses nilai Siswa
Lihat Siswa yang
diterima
Logout Prosedur
Prosedur
C1
Login Admin
Halaman Calon Siswa terdaftar
Halaman Siswa yang diterima
Universitas Sumatera Utara
No Y
Gambar 4.7 Flowchart Halaman Proses nilai pada Admin
C1
Form Input Nomor Ujian
dan Nilai Masukkan Nomor
Ujian dan Nilai
Apakah Nomor Ujian
ada dalam
database
Selesa
Stop
Universitas Sumatera Utara
4.4 Mendesain Layout Web