BAB 4
PERANCANGAN SISTEM
4.1 Perancangan Sistem
Dalam perancangan sebuah website banyak hal yang harus dilakukan diantaranya adalah persiapan, perencanaan yang baik, tujuan yang jelas dan memastikan sistem
sesuai dengan yang diharapkan. Langkah sederhana untuk memastikan sistem berjalan dengan baik dengan cara mencobanya berulang - ulang karena menyangkut
dengan semua elemen yang membentuk website.
Agar menghasilkan sebuah website yang diinginkan sesuai dengan tujuan awal, maka perlu dilakukan identifikasi awal antara lain:
1. Website apa yang akan dibangun ? 2. Siapa saja pengunjung yang akan berkunjung ke website tersebut ?
3. Aktivitas apa saja yang dapat dilakukan pengunjung pada website tersebut ? 4. Target apa yang akan dicapai dalam pembuatan website tersebut ?
Universitas Sumatera Utara
Jawaban dari pertanyaan - pertanyaan di atas, akan semakin mempermudah dan memperjelas perancangan sistem dalam pembangunan sebuah website. Karena
hal ini lah yang menjadi kunci utama pembuatan dan pengembangan sebuah website sehingga menghasilkan hasil yang terbaik. Sesuai dengan kebutuhan untuk
membangun sebuah website, berikut jawaban dari beberapa pertanyaan diatas :
1. Website yang akan dibangun adalah website SLTP ST. LUCIA
DOLOKSANGGUL, sistem infromasi berbasis web ini hanya dipergunakan untuk kepentingan penyampaian data dan informasi kepada yang
membutuhkan. 2. Pengunjung website ini adalah para guru, siswa, staf tata usaha, dan umum
yang membutuhkan
informasi mengenai
SLTP ST.
LUCIA DOLOKSANGGUL.
3. Aktivitas utama adalah mengetahui informasi mengenai data guru, staf tata usaha dan siswa. Banyak informasi lain yang berkaitan dengan SLTP ST.
LUCIA DOLOKSANGGUL. 4. Target pembuatan website ini adalah pengunjung dapat mengetahui informasi
dan data yang terdapat pada SLTP ST. LUCIA DOLOKSANGGUL secara cepat dan akurat tanpa terhalang oleh jarak.
Universitas Sumatera Utara
4. 2 Perancangan DFD Data Flow Diagram
Data Flow Diagram merupakan diagram yang mengunakan notasi-notasi atau symbol - simbol untuk mengambarkan sistem jaringan kerja antar fungsi - fungsi yang
berhubungan satu sama lain dengan aliran dan penyimpanan data.
Berikut ini adalah Data Flow Diagram yang penulis gunakan untuk menerangkan data yang masuk dan keluar dari dan ke masing-masing entity yang
ada. Data Flow Diagram DFD yang penulis gunakan dibagi kedalam dua 2 level yaitu diagram konteks dan diagram level 0.
1. Diagram Konteks
Gambar 4.1 Diagram Konteks
Universitas Sumatera Utara
START
NO
NO
NO
z z
YES
YES
YES
YES
2. Flowchart Sistem
Flowchart Diagram Alir merupakan gambar atau bagan yang memperlihatkan urutan dan hubungan antar proses beserta instruksinya. Berikut ini adalah diagram
alir flowchart yang penulis gunakan untuk menggambarkan proses logika untuk menjalankan website, seperti gambar dibawah ini.
1. Flowchart Halama Utama Home
X
Tampilan Halaman Home
Baca Link
Beranda ?
Profil Sekolah
Fasilitas ?
Kegiatan ?
Tampilan Halaman Profil Sekolah
Tampilan Halaman Fasilitas
Tampilan Halaman Beranda
Tampilan Halaman Kegiatan
Universitas Sumatera Utara
NO
NO
NO
NO
NO
NO
z
z
YES
YES
YES
YES
YES
YES
NO
Gambar 4. 2 Flowchart Halaman Utama Home
Personalia ?
Kesiswaan ?
Kontak Kami ?
Fitur Website ?
Tampilan Halaman Personalia
Tampilan Halaman Siswa
Tampilan Halaman Kontak Kami
Tampilan Halaman Fitur Website
Log in ?
Close ?
STOP
Login
Login
Universitas Sumatera Utara
NO
YES
2. Flowchart Halaman Login Administrator
Gambar 4.3 Flowchart Halaman Login Administrator
3. Flowchart Halaman Menu Administrator
Admin Login
Tampilan Halaman Login
Input Username dan Password
Acces Denied ?
Menu Administrator
Admin Pesan Login
Gagal
Tampilan Halaman Admin
Baca Link Menu
X X
Universitas Sumatera Utara
YES
NO
NO NO
NO
NO NO
YES
YES
YES
YES
Gambar 4.4 Flowchart Halaman Menu Administrator
Home ?
Personalia ?
Kesiswaan ?
Fitur ?
Upload Images
? X
Tampilan Halaman Select Artikel, Buku Tamu
Tampilan Halaman Input Staff
Tampilan Halaman Staf, Input Staff
Tampilan Halaman Gallery
Tampilan Halaman Upload Images
Logout X
S
Universitas Sumatera Utara
4.3 Rancangan Database
Kategori