Perancangan Data Flow Diagram DFD Perancangan Flowchart

4.3 Perancangan Data Flow Diagram DFD

Data Flow Diagram DFD merupakan diagram yang menggunkan 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: Universitas Sumatera Utara Profile Struktur Organisasi Visi dan Misi OSIS Fasilitas Info Terbaru Ekstrakurikuler Galeri Foto Gambar 4.3 Diagram Konteks Struktur Organisasi Profile Desain Sistem Informasi SMP Negeri 22 Medan OSIS Visi dan Misi Fasilitas Kepala Sekolah Galeri Info Terbaru Ekstrakurikuler Universitas Sumatera Utara Profile Struktur Organisasi OSIS Visi dan Misi Fasilitas Info Terbaru Ekstrakurikuler Galeri Foto Gambar 4.4 Diagram Konteks Level 0 Nol Struktur Organisasi Profile Desain Sistem Informasi SMP Negeri 22 Medan OSIS Visi dan Misi Fasilitas Kepala Sekolah Pembuatan Laporan Info Terbaru Ekstrakurikuler Galeri Universitas Sumatera Utara

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 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. Berikut adalah flowchart dari sistem informasi SMP Negeri 22 Medan yang penulis rancang: Index Halaman Utama Struktur Organisasi Profile Info Terbaru Kalender Akademik Galeri Visi dan Misi Fasilitas Ekstrakuri- kuler Login Admin Mading Digital OSIS Universitas Sumatera Utara 1. Flowchart Halaman Utama Menampilkan Halaman Utama Admin Visi Misi Ekstrakurikuler Struktur OSIS Mading Digital Info Terbaru Login Admin Ekstrakurikuler Mading Digital B C E H Visi dan Misi Fasilitas Fasilitas D ya tidak tidak tidak tidak tidak tidak tidak tidak ya ya ya ya ya ya END START Halaman Utama Memilih Daftar LInk OSIS G Struktur Organisasi F Galeri ya Info Terbaru I Keluar Galeri J Profile Profile A ya tidak ya tidak Universitas Sumatera Utara 2. Flowchart Halaman Admin Gambar 4.7 Flowchart Halaman Admin Keluar END ya A Login Admin Halaman Utama Admin Administrator Password Salah tidak tidak If True Input Username dan Password B ya Universitas Sumatera Utara 3. Flowchart Halaman Artikel Gambar 4.8 Flowchart Halaman Artikel B Pilih Artikel Halaman Edit Keluar ya ya tidak Halaman Hapus tidak END ya ya Masukkan Data Halaman tampil Edit Hapus Database Universitas Sumatera Utara 4. Flowchart Halaman Tag All About Gambar 4.9 Flowchart Halaman Tag All About Visi dan Misi Fasilitas Struktur OSIS Halaman Visi dan Misi Halaman Struktur Visi dan Misi Fasilitas Struktur Halaman Fasilitas Eks.kul Halaman Ekstrakurukuler Ekskul ya tidak tidak tidak tidak ya ya ya END C Keluar Halaman OSIS OSIS ya tidak Universitas Sumatera Utara

4.5 Mempersiapkan Database Server