BAB 4
PERANCANGAN SISTEM
4.1 Analisis Sistem
Seiring dengan perkembangan teknologi informasi saat ini serta untuk meningkatkan efesiensi kerja dan waktu, maka masih banyak sistem yang ada saat ini yang masih manual, yang harus
diganti dengan sistem yang lebih baik lagi, yaitu dengan membangun sistem yang terkomputerisasi atau online. Untuk memulai membangun suatu program mengenai
perancangan website Pemerintahan Desa Firdaus Kecamatan Sei Rampah, maka penulis terlebih dahulu merencanakan alur kerja berdasarkan kebutuhan dari pengguna yang akan
menggunakan website. 4.2
Perancangan Sistem
Perancangan merupakan proses yang dilakukan oleh perancang sistem untuk mengerjakan spesifikasi sistem, membuat keputusan tentang bagaimana komponen sistem diaplikasikan.
Proses ini menyangkut tujuan sistem tersebut, audience, objek dan informasi domain. Perancangan yang baik harus mengetahui bagaimana mendapatkan efek yang dibutuhkan oleh
spesifikasi tersebut dengan cara paling tepat dan akurat. Dalam hal ini, sistem yang akan dibuat adalah dengan menggunakan PHP sebagai
bahasa pemogramannya dan MySQL sebagai database nya serta Notepad++ sebagai media untuk membuat sistem inforamsi berbasis web ini. Adapun spesifikasi serta target terhadap
sistem yang akan dibuat yaitu : 1.
Perancangan yang akan dibuat yaitu “Perancangan Sistem Informasi Pemerintahan Desa Firdaus Kecamatan Sei Rampah Kabupaten Serdang Bedagai Berbasis Web”.
Yang menyediakan informasi-informasi yang berkaitan dengan desa dan pengenalan desa secara luas.
2. Target yang ingin dicapai dalam perancangan sistem informasi berbasis web ini adalah
diharapkan pengunjung mendapatkan segala informasi mengenai desa tersebut secara
fleksibel dan diharapkan pula dapat memberikan kemudahan bagi masyarakat luas dalam mencari informasi tentang Desa Firdaus Kecematan Sei Rampah Kabupaten
Serdang Bedagai.
4.4 Metode Perancangan
Metode perancangan sistem ini menggunakan metode pendekatan atas-bawah top and down approach. Perancangan ini dimulai dari bentuk yang luas yaitu diagram konteks, kemudian
diturunkan secara bertahap menjadi bentuk yang lebih detail.
4.4.1 Pembuatan Diagram Alir
Flowchart
Dengan adanya flowchart, akan sangat membantu untuk memvisualisasikan isi dari setiap halaman dan navigasi antara halaman tersebut. Secara sederhana flowchart keseluruhan
web ini dapat dilihat sebagai berikut :
N
N Y
N Y
Start
Tampilan Home Tombol
Halaman Utama
Tombol Profil
Tampilan Profil
Tampilan Gallery
Tombol Berita Tampilan Berita
Tombol Gallery
A
D C
B
N Y
Y
Keterangan : A = Tampilan Home
F = Tampilan Contact B = Tampilan Profil
G = Tampilan Berita Terkini C = Tampilan Gallery
H = Tampilan berita Sebelumnya D = Tampilan Berita
I = Tampilan Peta E = Tampilan Komentar
Tombol Komentar
Tombol Contact
Tampilan Contact Tampilan Komentar
F E
Tombol Berita Terkini
Stop Tampilan Berita Terkini
G N
N Y
N Y
Y
Tombol Berita Sebelumnya
Tampilan Berita Sebelumnya H
Tombol Peta
Tampilan Peta
I Y
N Y
N
Gambar 4.1 Flowchart Perancangan Perancangan Website Pemerintahan Desa Firdaus Kecamatan Sei Rampah Kabupaten Serdang Bedagai
Gambar 4.2 Flowchart Admin
4.4.2 Diagram Konteks Contex Diagram
Login
Login
Logout
Halaman Admin Input Username dan Pasword
Home
Data Username dan Password
Update Data
Tampilan Home
Tampilan P
fil Tampilan
Gallery Tampilan
B i Tampilan
Komenta Tampilan
Contact Tampilan
peta
Diagram Kontek Contex Diagram adalah diagram level tertinggi dari DFD yang menggambarkan hubungan sistem dengan sistem dengan lingkungan luar web. Data flow
Diagram DFD merupakan model dari sistem untuk menggambarkan pembagian sistem ke modul yang lebih kecil. Salah satu keuntungan menggunakan diagram alir data adalah
memudahkan pemakai yang kurang menguasai bidang komputer untuk mengerti sistem yang akan dikerjakan. Pada tahap analisa, penanganan notasi simbol lingkaran dan anak panah
menggambarkan arus data dalam perancangan sistem sangat membantu dalam komunikasi dengan pemakaian sistem menggunakan notasi-notasi untuk menggambarkan arus dari data
sistem. Berikut ini adalah gambar DFD level 0 dan DFD level 1 yang merupakan perincian dari diagram konteks.
Disamping itu DFD adalah salah satu alat pembuatan model yang sering digunakan, khususnya bila fungsi-fungsi sistem merupakan bagian yang lebih penting dan kompleks dari
pada data yang dimanipulasi oleh sistem.
Gambar 4.3 Diagram Konteks Perancangan Website Pemerintahan Desa Firdaus Kecamatan Sei Rampah Kabupaten Serdang Bedagai
Pengunjung
Website Pemerintahan Desa
Admin
Pengunjung
Data Berita Data Komentar
Update Data
Tampilan Home
Tampilan P
fil Tampilan
Gallery Tampilan
B i Tampilan
Komenta Tampilan
Contact Tampilan
peta
D1 Berita D2 Gallery
D3 Komentar
Gambar 4.4 DFD Level 0
Admin
2 B i
3 Gallery
4 Komentar
4 Halaman Admin
Data Komentar Data Gallery
Data Berita Data Gallery
Update Data Berita
Update Data Gallery
Update
Data Username dan Password
Admin 1
Halaman Utama
Hasil Update
Update Berita
Edit Berita
Data Berita Data Username
dan password Update
Data
Hasil Update D1 Berita
Update Berita
D1 Berita
Data Berita Tambah
Berita
Gambar 4.5 DFD Level 1 Berita
2.3 Manage
Berita
1 Halaman
Utama 2.1
Berita
Admin Update
Data Berita 4
Halaman Ad i
2.2 Tambah
B it
2.3 Manage
Berita
Edit Gallery
Data Gallery Hasil Update
Update Gallery Data Username
dan password Update
Data
Data Username dan password
Update Data
D2 Gallery
Gambar 4.6 DFD Level 1 Gallery
1 Halaman Utama
3.1 Gallery
3.2 Manage Gallery
Update Data Gallery
4 Halaman Admin
Admin
Edit Komentar
Data Komentar Hasil Update
Update Komentar D3 Komentar
Gambar 4.7 DFD Level 1 Komentar
4.4.3 Entity Relationship Diagram ERD
1 Halaman Utama
4.1 Komentar
4.2 Manage Komentar
Update Data Komentar
4 Halaman Admin
Entity Relationship Diagram ERD adalah suatu model untuk menjelaskan hubungan antar data dalam basis data database berdasarkan objek-objek dasar data yang mempunyai
hubungan antar relasi.
Gambar 4.8 ERD Berita
Gambar 4.9 ERD Gallery
Gambar 4.10 ERD Berita
Gambar 4.11 ERD Admin 4.5 Tabel Database
Berita Tanggal
Isi Berita Id Berita
Nomor Foto Foto Berita
Judul Berita
Admin Gallery
Keterangan Tanggal
Nama Foto
Komentar Tanggal
Id Komentar E-Mail
Isi Komentar
Nama Pengunjung
Id Petugas Pasword
User Name
Database digunakan untuk tempat penyimpanan data yang di masukkan atau diinput. Kemudian data tersebut akan ditampilkan dalam website. Berikut tabel database Website
Pemerintahan Desa Firdaus Kecamatan Sei Rampah.
Tabel 4.1 Tabel Database Berita Nama Field
Tipe Data Ukuran
Keterangan
Tanggal Date
Date Tanggal Berita
Id_berita Int
5 Id Berita
Judul_berita Varchar
500 Judul Berita
Isi_berita Text
Text Isi Berita
Foto Varchar
1000 Foto Berita
4.2 Tabel Database Gallery Nama Field
Kategori