a. Situs akan dibuat adalah sistem informasi sekolah berbasis web, dalam hal ini
adalah SMA Negeri 1 Pematang Siantar, yang menyediakan informasi- informasi tentang sekolah tersebut dan kegiatan yang dilakukan sekolah.
b. Pengunjung dari website tersebut diharapkan adalah para siswa siswi, guru,
wali siswa SMA Negeri 1 Pematang Siantar serta masyarakat luas yang ingin tahu mengenai segala sesuatu tentang sekolah ini.
c. Aktivitas yang akan dijumpai di dalam situs tersebut adalah pengunjung dapat
mengetahui informasi mengenai SMA Negeri 1 Pematang Siantar, mengetahui data siswa, serta informasi penting lainnya.
d. Target yang ingin dicapai dari situs tersebut adalah pengunjung mendapatkan
informasi tentang SMA Negeri 1 Pematang Siantar, dan dapat memberikan kemudahan bagi para siswa, guru, maupun wali siswa dalam memperoleh
informasi yang dibutuhkan serta dapat membantu sekolah dalam mempromosikan sekolahnya.
3.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:
Guru Siswa
User Administrator
Sistem Informasi SMA
- Login Admin - Info Guru
- Data Siswa - Data Berita
- Mata Pelajaran - Info Profil Sekolah
- Info Kegiatan - Info Siswa
- Data Guru
- Info Berita - Data Galeri
- Data Kegiatan - Info Galeri
Universitas Sumatera Utara
Gambar 4.1 Diagram Konteks
3.4 Perancangan Flowchart
Tahap selanjutnya adalah tahap pembuatan flowchart diagram alir atau aliran informasi dari situs tersebut. Flowchart atau diagram alir adalah gambaran yang
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:
No Simbol
Fungsi
1 Terminator, untuk memulai dan mengakhiri sustu
program
2 Proses, Suatu simbol yang menunjukan setiap
pengolahan yang dilakukan oleh komputer 3
Data, untuk memasukkan data maupun menunjukan hasil dari suatu proses.
4 Decision, suatu kondisi yang akan menghasilkan
beberapa kemungkinan jawaban atau pilihan. 5
Preparation, suatu simbol untuk menyediakan tempat tempat pengolahan data dalam storage.
6 Connector merupakan simbol untuki masuk dan
keluarnya suatu prosedur pada lembar kertas yang sama.
7 Off-page Connector, merupakan simbol untuk masuk
dan keluarnya suatu prosedur pada lembar kertas yang lain.
8 Arus atau flow, prosedur yang dapat dilakukan dari
atas ke bawah,bawah keatas, dari kiri ke kanan atau
Universitas Sumatera Utara
kanan ke kiri. 9
Document, merupakan simbol untuk data yang berbentuk informasi.
10 Predefined proses, untuk menyatakan kesimpulan
langkah yang ditulis sebagai prosedur 11
Display, Untuk output yang ditujukan suatu device, seperti monitor.
12 Magnetic disk, untuk menyimpan data.
Universitas Sumatera Utara
Berikut adalah flowchart dari sistem informasi SMA Negeri 1 Pematang Siantar yang penulis rancang:
Gambar 3.3 Aliran Informasi rancangan situs
Index Halaman Utama
Media sosial Profil
Galeri Sejarah
Visi Misi
Struktur Organisasi
Gambarfoto
Pedoman Siswa
Instagram, Fb, Twitter
Direktori Sekolah
Data Guru
Data Siswa Kontak
Kotak komentar
Universitas Sumatera Utara
1. Flow Chart Halaman Utama
Home
Direktori Sekolah
Galeri
Kontak
Media
Keluar Beranda
Kontak Komentar situs
Profil
Foto
E D
C B
END A
Memilih Daftar Link
Halaman Utama Menampilkan
Halaman Utama
ya
ya
ya
ya
ya
ya Tidak
Tidak
Tidak
Tidak
Tidak
Tidak
Universitas Sumatera Utara
Gambar 3.4 Flowchart halaman Utama
2. Flowchart Manage Guru
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
Gambar 3.5 Flowchart Manage Data Guru
Universitas Sumatera Utara
3. Flowchart Manage Siswa
D
Tampil Data Siswa
Tampil Data Siswa
Tamba data Siswa
Pilih Kelas Siswa
Tampil Form
Tambah data Siswa
Tambah data Sisea
Tambah? Database
D1
Edit Data Siswa
Edit Data Siswa Edit?
Database D2
Hapus Data Siswa
Hapus data Siswa Hapus Data
Siswa? Database
D3
Keluar
D1 T
Y Y
Y Y
T Y
Y T
T T
Y
Y Y
Y Y
Y Y
X XI
XII Y
Pilih Kelas Siswa
Tampil Form Edit
data Siswa Y
X XI
XII Y
Y Y
Y Y
Y
Y
Y
T Y
Y
Y Y
Y
Gambar 3.6 Flowchart Manage Data Siswa
Universitas Sumatera Utara
4. Flowchart Manage Artikel
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 3.7 Flowchart Manage Artikel
Universitas Sumatera Utara
5. Flowchart Manage Login Admin
3.8 Flowchart Manage login admin