Diagram Konteks Perancangan Prosedur yang diusulkan

4. Prosedur Pengelolaan Bimbingan dan Konseling a. Sebelum mengelola data bimbingan dan konseling, anggota harus login terlebih dahulu. b. Kemudian Guru Pengampu menambah nilai siswa. c. Guru Pengampu dan Wali Kelas mengisi form catatan anekdot. d. Konselor mengisi form catatan kasus. e. Setelah semua data masuk, kemudian dibuat Laporan Akhir Bimbingan dan konseling siswa

4.2.3.1 Diagram Konteks

Diagram konteks adalah diagram yang terdiri dari suatu proses dan menggambarkan ruang lingkup suatu sistem. Diagram konteks menggambarkan hubungan aliran-aliran data ke dalam dan keluaran sistem atau entitas-entitas yang terletak diluar sistem output atau menerima dari sistem tersebut input. Satu hal yang perlu diperhatikan, diagram konteks hanya menggunakan satu lingkaran proses yang mewakili proses dari semua sistem tersebut. Siswa GURU PENGAMPU APLIKASI BIMBINGAN KONSELING ONLINE Data_login_anggota, Data_chat, Data_forum, Data_anggota, Data_siswa Info_nilai, Info_chat, Info_forum, Info_komentarforum, Info_anggota, Info_login_anggota, Info_siswa, data_berita, Data_sekilasinfo, Data_album, Data_gallery, Data_download Data_forum, Data_login_anggota, Data_anggota, Data_nilai, Data_anekdot, Data_guru Info_anggota, Info_login_anggota, Info_nilai, Info_anekdot, Info_forum, Info_komentarforum, Info_guru data_berita, Data_sekilasinfo, Data_album, Data_gallery, Data_download Kepala Sekolah KONSELOR Info_chat, Info_forum, Info_komentarforum, Info_anggota, Info_login_anggota, Info_anekdot, Info_kasus, Info_nilai, Info_guru data_berita, Data_sekilasinfo, Data_album, Data_gallery, Data_download Data_chat, Data_forum, Data_kasus, Data_anggota, Data_login_anggota, Data_guru WALI KELAS Info_anggota, Info_login_anggota, Laporan kegiatan pelayanan Info_forum, Info_komentarforum, Info_anekdot, Info_kasus, Info_nilai, Data_guru Data_forum, Data_anekdot, Data_anggota, Data_login_anggota, Info_guru, data_berita, Data_sekilasinfo, Data_album, Data_gallery, Data_download Laporan Akhir Bimbingan Konseling Siswa, Info_login_anggota, Info_guru, data_berita, Data_sekilasinfo, Data_album, Data_gallery, Data_download Data_login_anggota, data_guru Gambar IV.7 Diagram Konteks yang diusulkan 4.2.3.2 Data Flow Diagram DFD Data Flow Diagram DFD adalah alat yang digunakan untuk menggambarkan suatu sistem yang telah ada atau sistem baru yang akan dikembangkan secara logika tanpa mempertimbangkan lingkungan fisik dimana data tersebut mengalir atau disimpan. 1.0 Login 2.0 Ubah Data Anggota F.anggota F.guru F.siswa 3.0 Proses Bimbingan dan Konseling SISWA KONSELOR WALI KELAS GURU PENGAMPU KEPALA SEKOLAH 4.0 Pengelolaan Data Bimbingan dan Konseling F.chat F.forum F.komentarforum F.slbk 5.0 Tampil Content website F.berita F.sekilasinfo F.album F.gallery F.download Data_anggota Data_anggota Info_anggota info_guru data_guru data_siswa info_siswa Info_siswa, info_anggota Data_siswa, data_anggota Data_login_anggota Info_login_anggota Data_guru, data_anggota Info_guru, info_anggota Data_guru, data_anggota Info_guru, info_anggota Info_guru, info_anggota Data_guru, data_anggota Data_guru, data_anggota Info_guru, info_anggota Data_login_anggota in fo _ lo g in _ a n g g o ta Da ta _ lo g in _ a n g g o ta in fo _ lo g in _ a n g g o ta info_login_anggota Data_login_anggota Data_login_anggota info_login_anggota In fo _ s lb k In fo _ ko me n ta rf o ru m In fo _ fo ru m In fo _ c h a t data_berita data_sekilasinfo data_album data_gallery data_download data_berita, data_sekilasinfo, data_album, data_gallery, data_download data_berita, data_sekilasinfo, data_album, data_gallery, data_download d a ta _ c h a t d a ta _ fo ru m d a ta _ k o me n ta rf o ru m d a ta _ s lb k d a ta _ b e ri ta , d a ta _ se k ila si n fo , d a ta _ a lb u m, d a ta _ g a lle ry , d a ta _ d o wn lo a d d a ta _ b e ri ta , d a ta _ se k ila s in fo ,d a ta _ a lb u m, d a ta _ g a lle ry , d a ta _ d o wn lo a d data_berita, data_sekilasinfo, data_album, data_gallery, data_download Data_login_anggota Data_chat, data_forum, data_komentarforum in fo _ ch a t, in fo _ fo ru m, in fo _ k o m e n ta rfo ru m Data_forum, data_komentarforum info_forum, info_komentarforum Data_chat, data_forum, data_komentarforum info_chat, info_forum, info_komentarforum Data_forum, data_komentarforum info_forum, info_komentarforum, Laporan kegiatan pelayanan Data_login_anggota Data_kasus Info_anekdot, info_kasus, info_nilai Data_anekdot Info_anekdot, info_kasus , info_nilai Data_nilai, data_anekdot Info_nilai, info_anekdot Laporan Akhir Bimbingan dan Konseling Siswa F.anekdot F.kasus F.nilai Info_nilai Data_nilai Info_anekdot Data_anekdot Data_kasus Info_kasus F.matapelajaran Data_matapelajaran In fo _ n ila i F.kelas Data_kelas Data_siswa Gambar IV.8 DFD Level 1 yang diusulkan 79 2.1 Ubah Profil 2.2 Ubah password Data_login_anggota F.anggota SISWA WALI KELAS GURU PENGAMPU KONSELOR info_siswa Info_guru Info_guru Info_guru Info_anggota Info_anggota Info_anggota Data_anggota Info_anggota Info_anggota Info_anggota KEPALA SEKOLAH Info_guru Info_anggota F.siswa Data_siswa Info_siswa F.guru Data_guru Info_guru Data_login_anggota Data_login_anggota Data_login_anggota Data_login_anggota Gambar IV.9 DFD Level 2 Proses 2 Proses Ubah Data Anggota 80 SISWA 3.1 Konsultasi Data_chat, data_login_anggota F.chat Data_chat Info_chat Info_chat F.slbk KONSELOR Data_chat, data_login_anggota Info_chat 3.2 Pengisian Forum Info_slbk Data_slbk WALI KELAS GURU PENGAMPU Data_forum, Data_login_anggota Data_forum, Data_login_anggota Data_forum, Data_login_anggota Info_forum Data_forum, Data_login_anggota Info_forum Info_forum Info_forum F. forum Data_forum Info_forum Gambar IV.10 DFD Level 2 Proses 3 Proses Bimbingan dan Konseling 81 GURU PENGAMPU 4.1 Pengelolaan Nilai 4.2 Pengelolaan Anekdot 4.3 Pengelolaan Kasus 4.4 Pembuatan Laporan KEPALA SEKOLAH F.nilai F.anekdot F.kasus Data_nilai, Data_login_anggota Data_nilai Data_anekdot Info_nilai Info_anekdot Info_nilai Data_kasus Info_kasus Data_kasus Data_anekdot, Data_login_anggota Info_anekdot Data_anekdot Data_nilai Laporan Akhir BimbinganKonseling Siswa Info_nilai WALI KELAS Data_anekdot, Data_login_anggota Info_anekdot KONSELOR Data_kasus, Data_login_anggota Info_kasus Info_nilai SISWA Info_nilai Info_anekdot Info_kasus F.matapelajaran Data_matapelajaran F.kelas Data_kelas Data_kelas F.siswa Data_siswa Data_siswa Data_siswa Data_login_anggota Gambar IV.11 DFD Level 2 Proses 4 5.1 Tampil Berita 5.2 Tampil Sekilas Info 5.3 Tampil Gallery 5.4 Tampil Album 5.5 Tampil Download F.berita F.sekilasinfo F.gallery F.album F.download KEPALA SEKOLAH SISWA KONSELOR WALI KELAS Data_berita Data_sekilasinfo Data_gallery Data_album Data_download Data_berita Data_berita Data_berita Data_berita Data_sekilasinfo Data_sekilasinfo Data_sekilasinfo Data_gallery Data_gallery Data_gallery Data_gallery Data_download Data_download Data_download Data_sekilasinfo Gambar IV.12 DFD Level 2 Proses 5 Tampil Content WEB SISWA 3.1.1 Chatting Data_chat, Data_login_anggota F.chat Data_chat Info_chat Info_chat 3.1.2 Input SLBK In fo _ ch a t F.slbk 3.1.3 Pembuatan Laporan kegiatan pelayanan WALI KELAS Data_slbk Info_slbk Laporan Kegiatan Pelayanan KONSELOR Data_chat, Data_login_anggota Info_chat Gambar IV.13 DFD Level 3 Proses 3.1 Proses Konsultasi SISWA 3.2.1 Input Forum GURU PENGAMPU 3.2.2 Komentar Forum F.forum Data_forum, Data_login_anggota Data_forum Data_forum, Data_login_anggota Data_forum Info_komentarforum Info_komentarforum Info_forum Info_forum Info_forum F.komentarforum Data_komentarforum Info_komentarforum KONSELOR WALI KELAS Data_forum, Data_login_anggota Info_forum Data_forum, Data_login_anggota Info_forum Info_komentarforum Info_komentarforum Gambar IV.14 DFD Level 3 Proses 3.2 Pengisian Forum 4.1.1 Input nilai 4.1.2 Tampil Laporan Nilai F.nilai Data_nilai, Data_login_anggota GURU PENGAMPU Data_nilai Data_nilai Info_nilai 4.1.3 Edit nilai SISWA Info_nilai KONSELOR Info_nilai WALI KELAS Info_nilai Data_nilai info_nilai info_nilai F.matapelajaran Data_matapelajaran Gambar IV.15 DFD Level 3 Proses 4.1 Pengelolaan Nilai 4.2.1 Tambah anekdot 4.2.2 Tampil Laporan anekdot F. anekdot GURU PENGAMPU Data_anekdot, Data_login_anggota WALI KELAS Data_anekdot 4.2.3 Edit anekdot KONSELOR Data_anekdot, Data_login_anggota Info_anekdot Data_anekdot Info_anekdot Info_anekdot Info_anekdot Info_anekdot Data_anekdot F.kelas F.siswa F.siswa F.kelas Gambar IV.16 DFD Level 3 Proses 4.2 Pengelolaan Anekdot 4.3.1 Tambah kasus 4.3.2 Tampil Laporan kasus F. kasus WALI KELAS Data_kasus 4.3.3 Edit kasus KONSELOR Data_kasus Info_kasus Data_kasus Data_kasus, Data_login_anggota Info_kasus Info_kasus F.siswa F.kelas Data_siswa Data_kelas Gambar IV.17 DFD Level 3 Proses 4.3 Pengelolaan Kasus

4.2.3.4. Kamus Data