b. Pengunjung dari website tersebut diharapkan adalah para siswa siswi, guru, wali
siswa SMP Negeri 1 Tebing-Tinggi 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 SMP Negeri 1 Tebing-Tinggi, mengetahui data siswa, serta informasi penting lainnya.
d. Target yang ingin dicapai dari situs tersebut adalah pengunjung mendapatkan
informasi tentang SMP Negeri 1 Tebing-Tinggi, dan dapat memberikan kemudahan bagi para siswa, guru, maupun wali siswa dalam memperoleh
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
Universitas Sumatera Utara
tersebut mengalir. Gambaran ini tidak tergantung pada perangkat keras, lunak, struktur data atau organisasi. Adapun Data Flow Diagram yang penulis ajukan, yaitu:
Home Siswa
Galeri Profil
Contact Us Guru
Gambar 4.1 Diagram Konteks
Home Pengumuman
Siswa
Home
Desain Sistem Informasi SMP
Negeri 1 Tebing-Tinggi
Galeri Profil
Guru
Kepala Sekolah
Siswa
Home
Desain Sistem Informasi SMP
Negeri 1 Tebing-Tinggi
Galeri Profil
Contact Us
Universitas Sumatera Utara
Galeri Profil
Guru 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
Guru
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.
Universitas Sumatera Utara
Magnetic Disk, untuk menyimpan data.
Berikut adalah flowchart dari sistem informasi SMP Negeri 1 Tebing-Tinggi yang penulis rancang:
Universitas Sumatera Utara
Gambar 4.3 Aliran Informasirancangan situs
Index Halaman Utama
Kesiswaan Profil
Guru
Sejarah Visi Misi
Struktur Organisasi
Prestasi Guru
Program Kerja Osis
Ekstrakulikuler Roster
Pelajaran
Universitas Sumatera Utara
1. Flow Chart Halaman Utama
Universitas Sumatera Utara
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
Universitas Sumatera Utara
Gambar 4.4 Flowchart Halaman Utama
2. Flowchart Manage Kepala Sekolah
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
Universitas Sumatera Utara
Gambar 4.6 Flowchart Manage Kepala Sekolah
3. 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
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
Universitas Sumatera Utara
Gambar 4.9 Flowchart Manage Artikel
4.5 MempersiapkanDatabase Server