BAB 4
PERANCANGAN SISTEM
4.1 Perancangan Sistem
Perancangan sistem merupakan upaya perusahaan atau suatu lembaga untuk memulai memiliki sistem yang baik yang lama maupun yang baru. Perancangan sistem dilakukan
setelah mendapat gambaran dengan jelas apa yang harus dikerjakan.
4.2 Data Flow DiagramDFD
Data Flow DiagramDFD atau diagram aliran data merupakan model dari sistem untuk menggambarkan pembagian sistem ke modul yang lebih kecil. Salah satu keuntungan
menggunakan diagram aliran data adalah memudahkan pemakaian atau user yang kurang menguasai bidang komputer untuk mengerti sistem yang dikerjakan.
4.2.1 Diagram Konteks
Diagram konteks adalah diagram yang terdiri dari suatu proses dan menggambarkan ruang lingkup suatu sistem. Diagram konteks merupakan level tertinggi dari DFD yang
menggambarkan seluruh input ke sistem atau dari output dari sistem.
Universitas Sumatera Utara
4.2.2 Diagram NolOverview Diagram
Diagram nol adalah diagram yang menggambarkan proses dari data flow diagram. Diagram nol memberikan secara menyeluruh mengenai sistem yang ditangani, menunjukkan tentang
fungsi-fungsi utama atau proses yang ada, aliran data, dan entitas luar.
Universitas Sumatera Utara
- Data Pribadi Pegawai
-Input Data Pegawai -
Slip Gaji -Input Gaji Pegawai
- Informasi Data pegawai
-informasi Gaji Pegawai
Laporan
Gambar 4.1 DFD Konteks
Pegawai
SISTEM INFORMASI
PENGGAJIAN PEGAWAI RUMAH
TAHANAN NEGARA KELAS
IIB TANJUNG PURA Bagian
Pengelolaan
Pimpinan
Universitas Sumatera Utara
-Informasi data pegawa
-Informasi gaji pegawai
-Data Pegawai -Data Penghasilan
-Data Potongan -Data Golongan
-Data Gaji
Laporan data pegawai
Laporan gaji pegawai Pegawai
03 Pembuatan
Laporan 01
Input data pegawai
Kepala RUTAN 02
Penggajian pegawai
Bagian Pengelolaan
F1 Data Pegawai
Universitas Sumatera Utara
Gambar 4.2 DFD Level Nol 4.3 Perancangan Flowcart
Tahap selanjutnya adalah tahap pembuatan flowcartdiagram alir atau aliran informasi dari situs tersebut. Flowcart atau diagram alir adalah gambaran yang menampilkan struktur,
hirarki, dan isi halaman per halaman. Dengan adanya flowcart, akan sangat membantu untuk memvisualisasi isi dari setiap halaman situs tersebut
Flowcart merupakan bagan-bagan yang mempunyai arus yang menggambakan langkah-langkah penyelesaian suatu masalah. Flowcart merupakan cara penyajian dari
suatu algoritma. Secara sederhana flowcart dalam membangun situs ini dapat dilihat pada gambar di
bawah ini:
IndexHalaman Utama
Login administrator
Menu Berada
Galeri Kontak
Login profil
Sarana dan Prasarana
Ka.rutan
Pengamanan Lapas
Struktur Hot News
Judul Hot News
Universitas Sumatera Utara
Gambar 4.3 Aliran Informasi Rancangan Situs
4.3.1 Flowcart Menu Utama
Start
Menampilkan Halaman Utama
Halaman Utama
Memilih Daftar Link
Login Administator
Menu
Profil
Hot News
Keluar Form Login
A
Pilih Link Yang Ada
B
Pilih Link Yang Ada
C
Pilih Judul Berita
Ya
Tidak Ya
Ya
Ya Tidak
Tidak
Tidak Tampil Berita
Universitas Sumatera Utara
Gambar 4.4 Flowcart Halaman Utama 4.3.2 Flowcart Halaman Login Administrator
A
Input Nama Password
If True Status=Administator
Halaman Utama Admin
Keluar
END AdministatorPassword
Salah
F Ya
Ya Tidak
Gambar 4.5 Flowcart Halaman Login Administator
Universitas Sumatera Utara
4.3.3 Flowcart Halaman Menu