BAB 4
PERANCANGAN SISTEM
4.1. Perancangan Interface.
Perancangan Interface adalah merancang dan membuat bentuk dasar tampilan web yang akan ditransformasikan dalam bentuk sketsa digital.
a. Perancangan Interface halaman depan website berita Moderamen GBKP
Judul Website.
Pencarian.
Menu Utama.
Berita Terpopuler.
Banner.
Headline Berita. Headline Berita.
Headline Berita.
Berita Sebelumnya.
Arsip Berita.
Agenda. Pengumuman.
Copyright 2012 by..... Gambar 4.1. Interface halaman depan website berita Moderamen GBKP.
b. Perancangan interface halaman admin website Moderamen GBKP.
Judul Website.
Menu. Konten.
Copyright 2012 by.....
Gambar 4.2. Interface halaman admin website Moderamen GBKP.
4.2. Data Flow Diagram.
Laporan. Kirim Berita.
Feedback Berita Terbaru.
Hubungi Kami.
Gambar 4.3. Diagram Konteks Website Berita Moderamen GBKP. ADMIN.
BERITA.
PENGUNJUNG.
Mengisi Berita.
Laporan.
Kirim Feedback. Upload.
Laporan Feedback.
Feedback Hubungi Kami.
Berita Terbaru.
Gambar 4.4. Data Flow Diagram Level Nol. ADMIN.
D1. BERITA.
PENGUNJUNG. 1.
HALAMAN ADMIN.
2. HALAMAN UTAMA
WEBSITE. 3.
FEEDBACK HUBUNGI KAMI.
4.3. Flowchart Website Berita Moderamen GBKP.
Berikut adalah Diagram Alir Flowchart website berita Moderamen GBKP:
Y
N
Y
N Y
N
Y
N N
Y
Gambar 4.5. Diagram Alir Halaman Utaman Website Berita Moderamen GBKP. MULAI.
HEADLINE BERITA.
PILIHAN 4 ?
PILIHAN 1 ?
PILIHAN 2 ?
PILIHAN 3 ?
MENU UTAMA.
PENGUMUMAN. AGENDA.
SELESAI.
AKHIR.
Gambar 4.6. Diagram Alir Halaman Admin.
N
Y
Y
N
Y
N LOGIN ADMIN
Masukkan Username dan Password.
Apakah Username dan Password anda
benar?
Halaman Utama Admin.
Manajemen User.
Manajemen Modul.
Berita Disimpan. Berita Ditambah.
Isi Berita Baru.
Isi Berita Baru. Pilih berita
yang akan di perbaiki.
Berita Dihapus. Hapus Berita.
Tambah Berita. Edit Berita.
Validasi Berita
Baru?
Validasi Berita
yang Telah Diperbaiki
? Logout
4.4. ERD Website Berita Moderamen GBKP.
Berikut adalah ERD Entity Relationship Diagram website berita Moderamen GBKP:
Gambar 4.7. ERD Website Berita Moderamen GBKP. KATEGORI.
MODUL.
BERITA. USERS.
MENU UTAMA.
TAG. TULIS.
AKSES PUNYA
PUNYA PUNYA
4.5. Struktur Database.
