informasi yang dibutuhkan serta dapat membantu sekolah dalam mempromosikan sekolahnya.
4.3 Perancangan Data Flow Diagram DFD
Data Flow Diagram DFD merupakan diagram yang menggunakan notasi-notasi simbol-simbol untuk menggambarkan arus dari data sistem. DFD sering digunakan
untuk menggambarkan suatu sistem yang telah ada atau sistem baru yang akan dikembangkan secara logika tanpa mempertimbangkan lingkungan fisik dimana data
tersebut mengalir. Gambaran ini tidak tergantung pada perangkat keras, lunak, struktur data atau organisasi. Adapun Data Flow Diagram yang penulis ajukan, yaitu:
Sejarah Pengumuman
Galery Photo Visi dan Misi
Contact Us Struktur Organisasi
Gambar 4.1 Diagram Konteks
Pengumuman
Sejarah
Desain Sistem Informasi SMA
Negeri Unggul Aceh Timur
Galeri Photo Visi dan Misi
Identitas Sekolah
Kepala Sekolah Contact Us
Universitas Sumatera Utara
Sekilas Pengumuman
Galleri Photo Visi dan Misi
Struktur Organisasi Contact Us
Gambar 4.2 Diagram Konteks Level 0 Nol
4.4 Perancangan Flowchart
Tahap selanjutnya adalah tahap pembuatan flowchart diagram alir atau aliran informasi dari situs tersebut. Flowchart atau diagram alir adalah gambaran yang
Pengumuman
Sejarah
Desain Sistem Informasi SMA
Negeri Unggul Aceh Timur
Galleri Photo Visi dan Misi
Struktur Organisasi
Kepala Sekolah Pembuatan
Laporan Contact US
Universitas Sumatera Utara
menampilkan struktur, hierarki, dan isi halaman per halaman. Dengan adanya flowchart, akan sangat membantu untuk memvisualisasikan isi dari setiap halaman
situs tersebut. Dengan pembuatan flowchart dalam suatu situs dapat membantu mempermudah dalam pemeliharaan dan pembaharuan isi situs. Hal ini sangat penting
dilakukan karena isi situs harus selalu diperbaharui sehingga pengunjung tidak bosan.
Penjelasan arti lambang-lambang flowchart dapat didefenisikan seperti berikut:
Simbol Fungsi
Terminator, untuk memulai dan mengakhiri suatu program.
Process, suatu simbol yang menunjukkan setiap pengolahan yang dilakukan oleh komputer.
Data, untuk
memasukkan data
maupun menunjukkan hasil dari suatu proses.
Decision, suatu kondisi yang akan menghasilkan beberapa kemungkinan jawaban atau pilihan.
Preparation, suatu simbol yang menyediakan tempat-tempat pengolahan data dalam storage.
Connector, merupakan simbol untuk masuk dan keluarnya suatu prosedur pada lembar kertas yang
sama.
Off-Page Connector, merupakan simbol untuk masuk dan keluarnya suatu prosedur pada lembar
kertas yang lain.
Arus atau flow, prosedur yang dapat dilakukan dari atas ke bawah, bawah ke atas, dari kiri ke kanan,
atau dari kanan ke kiri.
Document, merupakan simbol untuk data yang berbentuk informasi.
Predefined process, untuk menyatakan sekumpulan langkah proses yang ditulis sebagai prosedur.
Display, untuk output yang ditujukan suatu device, seperti monitor.
Magnetic Disk, untuk menyimpan data.
Berikut adalah flowchart dari sistem informasi SMA Negeri Unggul Aceh Timur yang penulis rancang:
Universitas Sumatera Utara
Gambar 4.3 Aliran Informasi rancangan situs
Login Admin Index Halaman
Utama
Kesiswaan
Kepala Sekolah
Struktur Organisasi
Guru
Profil Fasilitas
Personalia
Sejarah
Visi Misi Identitas
Sekolah Perpustakaan
Mushalla Laboratorium
Siswa Osis
Tata Tertib Siswa
Prestasi
Bimbingan Konseling
Roster Pelajaran
Universitas Sumatera Utara
1. Flow Chart Halaman Utama
Start Profil Sekolah
Sejarah Visi dan Misi
Identitas Sekolah
Tampil Sejarah
Tampil Visi dan Misi
Tampil Identitas
Fasilita SMA Perpustakaan
Laboratorium Mushola
Tampil Perpustaka
an Tampil
Laboraturiu m
Tampil Mushola
Personalia Stuktur
Organisasi Kepala
Sekolah Guru
Siswa Tampil
Sruktur Tampil
Kepala sekolah
Tampil Guru
Tampil siswa
Kalender Akademik
Galeri Contact Us
Keluar Stop
Pengumuman Terbaru
Tampil Pengumum
an Tampil
kalender Tampil
Galeri Tampil Form
Input Kontak Tampil
Form Input Kontak
Y Y
Y T
T T
Y Y
Y T
Y T
T Y
Y
T T
Y Y
T Y
T Y
T
Y Y
Y Y
Y T
T T
T
Gambar 4.4 Flowchart Halaman Utama
Universitas Sumatera Utara
2. Flowchart halaman login administrator
B
Start
Homepage
Manage Kepala
Sekolah
Manage Guru
Manage Pengumuman
Manage Artikel
Manage Kontak
Keluar Tampil
Hompage
C
D
E
F
G
Log Out Prosedur Log
Out X
Y Y
T Y
T Y
T Y
T Y
T Y
T Y
Y
Gambar 4.5 Flowchart halaman Login Administrator
3. Flowchart Manage Kepala Sekolah
Universitas Sumatera Utara
C
Tampil Data Kepsek
Tampil Data Kepsek
Tambah data Kepsek
Tampil Form Tambah data
Kepsek Tampil
Form Tambah
data Kepsek
Tambah data Kepsek
Tambah? Database
C1 Edit Data
Kepsek Tampil form
Edit Data Kepsek
Tampil Form Edit
Data Kepsek
Edit Data Kepsek Edit?
Database
C2
Hapus Data Kepsek
Hapus data Kepsekk
Hapus Data Kepsek?
Database C3
Keluar
Ci T
Y Y
Y Y
T Y
Y Y
y Y
Y T
T T
Y
Y Y
Y Y
Y Y
Gambar 4.6 Flowchart Manage Kepala Sekolah
4. Flowchart Manage Guru
Universitas Sumatera Utara
D
Tampil Data Guru
Tampil Data Guru
Tambah data Guru
Tampil Form Tambah data
Guru Tampil
Form Tambah
data Guru Tambah data
Guru Tambah?
Database D1
Edit Data Guru Tampil form
Edit Data Guru Tampil
Form Edit Data Guru
Edit Data Guru Edit?
Database
D2
Hapus Data Guru
Hapus data Guru Hapus Data
Guru? Database
D3
Keluar
D1 T
Y Y
Y Y
T Y
Y Y
y Y
Y T
T T
Y
Y Y
Y Y
Y Y
Gambar 4.7 Flowchart Manage Guru
5. Flowchart Manage Pengumuman Terbaru
Universitas Sumatera Utara
E
TampilPengum uman
Tampil Pengumum
an TambahPengu
muman Tampil Form
Tambah Pengumuman
Tampil Form
Tambah Pengumuna
n TambahPengumu
man Tambah?
Database E1
Edit Pengumuman
Tampil form Pengumuman
Tampil Form
Pengumum an
Edit Pengumuman Edit?
Database
E2
Hapus pengumuman
HapusPengumum an
HapusPengum uman
Database E3
Keluar
E1 T
Y Y
Y Y
T Y
Y Y
y Y
Y T
T T
Y
Y Y
Y Y
Y Y
Gambar 4.8 Flowchart Manage Pengumuman Terbaru
6. Flowchart Manage Artikel
Universitas Sumatera Utara
F
TampilArtikel Tampil
Artikel
Tambah Artikel Tampil Form
Tambah Artikel Tampil
Form Tambah
Artikelk Tambah Artikel
Tambah? Database
F1 Edit Artikel
Tampil form Edit Artikel
Tampil Form Artikel
Edit Artikel Edit?
Database
F2
Hapus Artikel Hapus Artikel
Hapus Artikel Database
F3
Keluar
F1i T
Y Y
Y Y
T Y
Y Y
y Y
Y T
T T
Y
Y Y
Y Y
Y Y
Gambar 4.9 Flowchart Manage Artikel
4.5 Mempersiapkan Database Server
Kategori