Lailan Harahap : Sistem Informasi Berbasis Web Pada Kantor Bupati Padang Lawas Utara Dengan Menggunakan Php Dan MySQL, 2009.
BAB 3
PERANCANGAN SISTEM
3.1 Perancangan Sistem
Perancangan system adalah merupakan upaya perusahaan untuk memiliki system, baik yang lama maupun untuk memulai system yang baru. Perancangan system dilakukan
setelah mendapat gambaran dengan jelas apa yang harus dikerjakan.
3.2 Data Flow Diagram DFD
Data Flow Diagram adalah gambaran sistem secara logika. Gambaran ini tidak tergantung pada perangkat keras, perangkat lunak, sturuktur data atau organisasi. Pada
tahap analisis, penanganan notasi simbol lingkaran dan anak panah mewakilimenggambarkan arus data pada perancangan sistam sangat membantu
didalam komunikasi dengan pemakaian sistem menggunakan notasi-notasi ini untuk menggambarkan arus dari data sistem.
Lailan Harahap : Sistem Informasi Berbasis Web Pada Kantor Bupati Padang Lawas Utara Dengan Menggunakan Php Dan MySQL, 2009.
DATA FLOW DIAGRAM DFD
Gambar 3.1 Data Flow Diagram DFD Diagram Konteks
Pegawai Pemerintahan
Admin
Pimpinan
- Data Pegawai Pemerintahan Kab. Padang Lawas Utara
- Data Buku Tamu - Data Pegawai
Pemerintahan Kab. Padang Lawas Utara
- Info Pegawai Pemerintahan
Kab. Padang Lawas Utara
- Info Pegawai Pemerintahan - Info Buku Tamu
Laporan
Sistem Informasi Berbasis Web
Lailan Harahap : Sistem Informasi Berbasis Web Pada Kantor Bupati Padang Lawas Utara Dengan Menggunakan Php Dan MySQL, 2009.
Registrasi Administrator
1.0
Input Data, Edit Data,
Hapus Data
2.0
Pembuatan Laporan
3.0
Admin
Pegawai Pemerintahan
F3 Sekretariat
DPRD F4
Login
- Data Pegawai Sekretariat - Data Pegawai Sekretariat DPRD
- Data Pegawai Dinas Pendidikan - Data Pegawai Dinas Pekerjaan Umum,
Pertambangan dan Energi - Data Pegawai Dinas Pertanian
- Data Pegawai Dinas Kehutanan dan Perkebunan
- Data Pegawai Dinas Kesehatan dan Sosial
- Data Buku Tamu - Info Pegawai
Pemerintahan
Laporan
Pi
F1
Admin
Pendidikan F5
Pekerjaan F6
Pertanian F7
Kehutanan F8
Kesehatan F9
Buku Tamu F2
Data Pegawai Pemerintahan
Lailan Harahap : Sistem Informasi Berbasis Web Pada Kantor Bupati Padang Lawas Utara Dengan Menggunakan Php Dan MySQL, 2009.
Gambar 3.2 Data Flow Diagram DFD Level 0 3.3.
Rancangan Database
Database adalah kumpulan dari data yang berhubungan satu dengan yang lainnya, tersimpan diperangkat keras computer dan menggunakan perangkat lunak untuk
memanipulasinya. Database merupakan salah satu komponen yang penting dalam system komputerisasi, karena merupakan database dalam menyediakan informasi bagi
pengguna. Adapun perancangan database mengenai system informasi ini diperlukan beberapa
table database sebagai berikut :
NB :
Semua field name : not null semua. Setiap tipe data int pada database ini dalam bentuk auto_increment
Tabel 3.1 admin Field Name
Data Type Width
Description Nama
Varchar 10
User Name Password
Varchar 10
Password
Tabel 3.2 bukutamu Field Name
Data Type Width
Description No
Int 3
Nomor Nama
Varchar 25
Nama Pengisi Buku Tamu Email
Varchar 25
Alamat Email Pengisi Buku Tamu Komentar
Varchar 100
Komentar
Tabel 3.3 secretariat Field Name
Data Type Width
Description
Lailan Harahap : Sistem Informasi Berbasis Web Pada Kantor Bupati Padang Lawas Utara Dengan Menggunakan Php Dan MySQL, 2009.
Nip Varchar
9 Nomor NIP
Nama Varchar
30 Nama Pegawai
Gol Varchar
5 Golongan Pegawai
Posisi Varchar
35 Posisi Pegawai
Tabel 3.4 dprd
Field Name Data Type
Width Description
Nip Varchar
9 Nomor NIP
nama Varchar
30 Nama Pegawai
gol Varchar
5 Golongan Pegawai
posisi Varchar
35 Posisi Pegawai
Tabel 3.5 pendidikan
Field Name Data Type
Width Description
nip
Varchar 9
Nomor NIP nama
Varchar 30
Nama Pegawai gol
Varchar 5
Golongan Pegawai posisi
Varchar 35
Posisi Pegawai
Tabel 3.6 pekerjaan Field Name
Data Type Width
Description nip
Varchar 9
Nomor NIP nama
Varchar 30
Nama Pegawai gol
Varchar 5
Golongan Pegawai posisi
Varchar 35
Posisi Pegawai Tabel 3.7 pertanian
Field Name Data Type
Width Description
nip
Varchar 9
Nomor NIP nama
Varchar 30
Nama Pegawai gol
Varchar 5
Golongan Pegawai posisi
Varchar 35
Posisi Pegawai
Lailan Harahap : Sistem Informasi Berbasis Web Pada Kantor Bupati Padang Lawas Utara Dengan Menggunakan Php Dan MySQL, 2009.
Tabel 3.8 kehutanan
Field Name Data Type
Width Description
nip Varchar
9 Nomor NIP
nama Varchar
30 Nama Pegawai
gol Varchar
5 Golongan Pegawai
posisi Varchar
35 Posisi Pegawai
Tabel 3.9 kesehatan Field Name
Data Type Width
Description nip
Varchar 9
Nomor NIP nama
Varchar 30
Nama Pegawai gol
Varchar 5
Golongan Pegawai posisi
Varchar 35
Posisi Pegawai
Lailan Harahap : Sistem Informasi Berbasis Web Pada Kantor Bupati Padang Lawas Utara Dengan Menggunakan Php Dan MySQL, 2009.
3.4
Flowchart Diagram Alir
Start
Tampil x
Baca Links
Stop
Prosedur Login Admin
Admin
Tampilan Halaman Visi dan Misi
Tampilan Halaman Agenda
Tampilan Halaman Arti Lambang
Tampilan Halaman Struktur Organisasi
Tampilan Halaman Buku Tamu
Tampilan Halaman Sekretariat
Tampilan Halaman Sekretariat DPRD
Tampilan Halaman Dinas Pendidikan
Tampilan Halaman Dinas Pekerjaan
Tampilan Halaman Dinas Pertanian
Tampilan Halaman Dinas Kehutanan
Tampilan Halaman Dinas Kesehatan
Link 01 ?
y Link 02
? n
y
y Link 13
? n
y Link 12
? n
y Link 11
? n
y Link 10
? n
y Link 09
? n
y Link 08
? n
y Link 07
? n
y Link 06
? n
y Link 05
? n
y Link 04
? n
y Link 03
? n
n Close
? n
y
Lailan Harahap : Sistem Informasi Berbasis Web Pada Kantor Bupati Padang Lawas Utara Dengan Menggunakan Php Dan MySQL, 2009.
Gambar 3.12 Flowchart Halaman Utama Keterangan :
Link 01 = Login Admin Link 02 = Visi dan Misi
Link 03 = Agenda Pembangunan Link 04 = Arti Lambang Daerah
Link 05 = Struktur Organisasi Link 06 = Buku Tamu
Link 07 = Sekretariat Kab. Paluta Link 08 = Sekretariat DPRD
Link 09 = Dinas Pendidikan Link 10 = Dinas Pekerjaan Umum, Pertambangan
dan Energi Link 11 = Dinas Pertanian
Link 12 = Dinas Kehutanan dan Perkebunan Link 13 = Dinas Kesehatan dan Sosial
Lailan Harahap : Sistem Informasi Berbasis Web Pada Kantor Bupati Padang Lawas Utara Dengan Menggunakan Php Dan MySQL, 2009.
Gambar 3.13 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
Lailan Harahap : Sistem Informasi Berbasis Web Pada Kantor Bupati Padang Lawas Utara Dengan Menggunakan Php Dan MySQL, 2009.
n Home
? n
y
x Y
Baca Pilihan M
Input Data Sekretariat
A
y Pilihan 8
? n
y Pilihan 7
? n
y Pilihan 6
? n
y Pilihan 5
? n
y Pilihan 4
? n
y Pilihan 3
? n
y Pilihan 2
? n
y Pilihan 1
?
Input Data Sekretariat
DPRD
B
Input Data Dinas
P didik
C
Input Data Dinas
P k j
D
Input Data Dinas
P i
E
Input Data Dinas
K h
F
Input Data Dinas
K h t
G
Edit Data Buku Tamu
H
Men u
Lailan Harahap : Sistem Informasi Berbasis Web Pada Kantor Bupati Padang Lawas Utara Dengan Menggunakan Php Dan MySQL, 2009.
Gambar 3.14 Flowchart Menu Admin
Keterangan :
Pilihan 1 = Sekretariat Kab. Paluta Pilihan 2 = Sekretariat DPRD Pilihan 3 = Dinas Pendidikan
Pilihan 4 = Dinas Pekerjaan Umum, Pertambangan dan Energi
Pilihan 5 = Dinas Pertanian Pilihan 6 = Dinas Kehutanan dan Perkebunan
Pilihan 7 = Dinas Kesehatan dan Sosial Pilihan 8 = Buku Tamu
Tampil Halaman
y Edit
?
n
A
Pengisian Data
Sekretariat
Hapus Data
y Hapus
?
n
Back
?
n y
Tambah Data
y n
y
Edit Data
Simpan ?
Batal ?
Simpan Data
Bersihkan Form
Y
y
Sekretaria t
Lailan Harahap : Sistem Informasi Berbasis Web Pada Kantor Bupati Padang Lawas Utara Dengan Menggunakan Php Dan MySQL, 2009.
Gambar 3.15 Flowchart Halaman Input, Edit dan Hapus Data Sekretariat Kab. Paluta
Tampil Halaman
y Edit
?
n
B
Pengisian Data Sekretariat
Hapus Data
y Hapus
?
n
Back
?
n y
Tambah Data
y n
y
Edit Data
Simpan
?
Batal ?
Simpan Data
Bersihkan Form
Y
y
Sekretariat DPRD
Lailan Harahap : Sistem Informasi Berbasis Web Pada Kantor Bupati Padang Lawas Utara Dengan Menggunakan Php Dan MySQL, 2009.
Gambar 3.16 Flowchart Halaman Input, Edit dan Hapus Data Sekretariat DPRD
Tampil Halaman
y Edit
?
n
C
Pengisian Data Sekretariat
Hapus Data
y Hapus
?
n
Back
?
n y
Tambah Data
y n
y
Edit Data
Simpan ?
Batal ?
Simpan Data
Bersihkan Form
Y
y
Dinas pendidikan
Lailan Harahap : Sistem Informasi Berbasis Web Pada Kantor Bupati Padang Lawas Utara Dengan Menggunakan Php Dan MySQL, 2009.
Gambar 3.17 Flowchart Halaman Input, Edit dan Hapus Data Dinas Pendidikan
Tampil Halaman
y Edit
?
n
D
Pengisian Data Sekretariat
Hapus Data
y Hapus
?
n
Back
?
n y
Tambah Data
y n
y
Edit Data
Simpan ?
Batal ?
Simpan Data
Bersihkan Form
Y
y
Dinas Pekerjaan
Lailan Harahap : Sistem Informasi Berbasis Web Pada Kantor Bupati Padang Lawas Utara Dengan Menggunakan Php Dan MySQL, 2009.
Gambar 3.18 Flowchart Halaman Input, Edit dan Hapus Data Dinas Pekerjaan Umum, Pertambangan dan Energi
Tampil Halaman
y Edit
?
n
E
Pengisian Data
Sekretariat
Hapus Data
y Hapus
?
n
Back
?
n y
Tambah Data
y n
y
Edit Data
Simpan ?
Batal ?
Simpan Data
Bersihkan Form
Y
y
Dinas Pertanian
Lailan Harahap : Sistem Informasi Berbasis Web Pada Kantor Bupati Padang Lawas Utara Dengan Menggunakan Php Dan MySQL, 2009.
Gambar 3.19 Flowchart Halaman Input, Edit dan Hapus Data Dinas Pertanian
Tampil Halaman
y Edit
?
n
F
Pengisian Data Sekretariat
Hapus Data
y Hapus
?
n
Back
?
n y
Tambah Data
y n
y
Edit Data
Simpan ?
Batal ?
Simpan Data
Bersihkan Form
Y
y
Dinas Kehutanan
Lailan Harahap : Sistem Informasi Berbasis Web Pada Kantor Bupati Padang Lawas Utara Dengan Menggunakan Php Dan MySQL, 2009.
Gambar 3.20 Flowchart Halaman Input, Edit dan Hapus Data Dinas Kehutanan dan Perkebunan
Tampil Halaman
y Edit
?
n
G
Pengisian Data Sekretariat
Hapus Data
y Hapus
?
n
Back
?
n y
Tambah Data
y n
y
Edit Data
Simpan ?
Batal ?
Simpan Data
Bersihkan Form
Y
y
Dinas Kesehatan
Lailan Harahap : Sistem Informasi Berbasis Web Pada Kantor Bupati Padang Lawas Utara Dengan Menggunakan Php Dan MySQL, 2009.
Gambar 3.21 Flowchart Halaman Input, Edit dan Hapus Data Dinas Kesehatan dan Sosial
Tampil Halaman
H
y Edit
?
Hapus Data
y Hapus
?
n
Back
?
n y
n
y
Edit Data
Simpan
?
Batal ?
Simpan Data
Bersihkan Form
Y
y
Buku Tamu
Lailan Harahap : Sistem Informasi Berbasis Web Pada Kantor Bupati Padang Lawas Utara Dengan Menggunakan Php Dan MySQL, 2009.
Gambar 3.22 Flowchart Halaman Edit dan Hapus Data Buku Tamu
BAB 4
IMPLEMENTASI SISTEM
4.1 Pengertian Implementasi Sistem