Diagram Konteks Diagram NolOverview Diagram

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