Flowchart Sistem Informasi Berbasis Web Pada SMA Negeri 2 Lawe Sigala-Gala Kabupaten Aceh Tenggara

Frengky Adi Syahputra Siregar : Sistem Informasi Berbasis Web Pada Sma Negeri 2 Lawe Sigala-Gala Kabupaten Aceh Tenggara, 2009. Dengan menjawab pertanyaan-pertanyaan di atas, akan semakin memperjelas dan mempermudah dalam membangun situs karena dari situlah nantinya akan terbentuk kata kunci untuk membuat dan mengembangkan situs lebih lanjut. Berkenaan dengan situs yang akan dibangun, maka jawaban untuk pertanyaan diatas sebagai berikut: 1. Situs yang akan dibuat adalah situs lembaga pendidikan pemerintahan, dalam hal ini adalah SMA negeri 2 Lawe Sigala-gala , yang menyediakan informasi- informasi mengenai lembaga pendidikan tersebut. 2. Pengunjungnya adalah pegawaiguru, siswa-siswi tersebut dan masyarakat awam yang ingin mengetahui informasi terbaru seputar pendidikan dan informasi umum mengenai SMA negeri 2 Lawe Sigala-gala. 3. Aktivitas yang akan dijumpai di dalam situs tersebut adalah : a. Pengunjung dapat mengetahui informasi umum mengenai SMA negeri 2 Lawe Sigala-gala, membaca berita atau informasi terkini dari sekolah tersebut. b. Guru, pegawai, dan siswa dapat melihat biodata dan mengisi komentar- komentarnya pada form komentar yang telah disediakan. Tentu saja dengan melakukan login terlebih dahulu bagi mereka yang telah terdaftar di situs itu. c. Guru melakukan input nilai siswa berdasarkan kelas dan mata pelajaran yang diajarnya, d. Dan tiap siswa bisa lihat nilai secara online. 4. Target yang akan dicapai dari situs tersebut adalah pengunjung mendapatkan informasi tentang SMA negeri 2 Lawe Sigala-gala

4.2 Flowchart

Frengky Adi Syahputra Siregar : Sistem Informasi Berbasis Web Pada Sma Negeri 2 Lawe Sigala-Gala Kabupaten Aceh Tenggara, 2009. Flowchart atau diagram alir adalah bagan-bagan yang mempunyai arus yang menggambarkan langkah-langkah penyelesaian suatu masalah. Dengan adanya flowchart, akan sangat membantu untuk memvisualisasikan isi dari setiap halaman situs tersebut. Flowchart adalah sekumpulan simbol-simbol yang menunjukkan atau menggambarkan rangkaian kegiatan-kegiatan program dari awal hingga akhir, jadi flowchart juga digunakan untuk menggambarkan urutan langkah-langkah pekerjaan di suatu algoritma. Penjelasan arti dari lambang-lambang flowchart dapat didefinisikan seperti tabel berikut : No. Simbol Fungsi 1 Terminator, untuk memulai dan mengakhiri suatu program 2 Process, suatu simbol yang menunjukkan setiap pengolahan yang dilakukan oleh computer 3 Data, untuk memasukkan data maupun menunjukkan 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 untuk masuk dan keluarnya suatu prosedur pada lembar kertas yang sama Frengky Adi Syahputra Siregar : Sistem Informasi Berbasis Web Pada Sma Negeri 2 Lawe Sigala-Gala Kabupaten Aceh Tenggara, 2009. 7 Off-page Connector, merupakan simbol untuk masuk dan keluarnya suatu prosedur pada lembar kertas yang lain No Simbol Fungsi 8 Arus atau flow, prosedur yang dapat dilakukan dari atas ke bawah, bawah ke atas, dari kiri ke kanan atau dari kanan ke kiri 9 Document, merupakan simbol untuk data yang berbentuk informasi 10 Predefined Process, untuk menyatakan sekumpulan langkah proses yang ditulis sebagai prosedur 11 Display, untuk output yang ditujukan suatu device, seperti monitor 12 Magnetic disk, untuk menyimpan data Gbr 4.2.1 Simbol-Simbol Flowchart Frengky Adi Syahputra Siregar : Sistem Informasi Berbasis Web Pada Sma Negeri 2 Lawe Sigala-Gala Kabupaten Aceh Tenggara, 2009. Adapun flowchart dari situs yang penulis buat yaitu : Indeks Menu Frengky Adi Syahputra Siregar : Sistem Informasi Berbasis Web Pada Sma Negeri 2 Lawe Sigala-Gala Kabupaten Aceh Tenggara, 2009. Gbr 4.2.2 Flowchart Menu Ya Tidak =”sejarah” Ya Tidak =”organisasi Tidak Ya =”pengaja Ya =”siswa” ? Tidak Ya Tidak =”galerii” ? Ya Tidak =”profil” ? Tidak =”pegawai” ? Profil Sekolah Sejarah sekolah Semua Data Guru Data siswa Data Pegawai Photo-photo =”kontak” ? Daftar Buku Tamu login Ya Ya keluar Frengky Adi Syahputra Siregar : Sistem Informasi Berbasis Web Pada Sma Negeri 2 Lawe Sigala-Gala Kabupaten Aceh Tenggara, 2009. Gbr 4.2.3 Flowchart Login Form Login Username= username_usr Password= password_usr Halama n Admin Ya Tidak Halaman Utama atau pesan error Frengky Adi Syahputra Siregar : Sistem Informasi Berbasis Web Pada Sma Negeri 2 Lawe Sigala-Gala Kabupaten Aceh Tenggara, 2009. Ya Tidak =”Guru” ? Ya Tidak =”siswa ” ? Tidak Ya =”nilai” Ya =”Pegawai” Tidak Ya Tidak =”buku tamu” ? Ya Tidak =”Homel” Tidak =”kelas” ? Edit menu home Edit Data guru Edit data siswa Input nilai Edit data pegawai Input kelas Delete buku =”galerii” ? Input galery Ya Ya Menu logout Indeks Frengky Adi Syahputra Siregar : Sistem Informasi Berbasis Web Pada Sma Negeri 2 Lawe Sigala-Gala Kabupaten Aceh Tenggara, 2009. Gbr 4.2.4 .flowchart admin 4.3 Perancangan Halaman Website. Adapun halaman-halaman yang dirancang penulis yaitu : 1. Halaman index.php, merupakan halaman yang pertama kali muncul pada saat situs dibuka. Semua halaman navigasi akan ditampilkan di bagian isi. Gbr 4.3.1 Halaman Indeks.php Frengky Adi Syahputra Siregar : Sistem Informasi Berbasis Web Pada Sma Negeri 2 Lawe Sigala-Gala Kabupaten Aceh Tenggara, 2009. 2. Halaman profil.php, merupakan halaman yang berisikan tentang profil sekolah 3. Halaman sejarah.php, merupakan halaman yang berisikan berita-berita mengenai sejarah berdirinya sekolah. 4. Halaman organisasi.php, merupakan halaman yang berikan semua organisasi yang ada di SMA Negeri 2 LAwe Sigala-gala 5. Halaman pengajar.php, merupakan halaman yang menampilkan data guru Gambar 4.3.2 Halaman Guru.php 6. Halaman siswa.php, merupakan halaman yang menampilkan data siswa Halaman pegawai.php, merupakan halaman yang menampilkan data pegawai 7. Halaman galeri php, merupakan halaman yang menampilkan photo-photo 8. Halaman kontak.php, merupakan halaman yang menampilkan buku tamu yang di isi oleh pengunjung atau user pada tempat-tempat yang disediakan Frengky Adi Syahputra Siregar : Sistem Informasi Berbasis Web Pada Sma Negeri 2 Lawe Sigala-Gala Kabupaten Aceh Tenggara, 2009. 9. Halaman admin.php, merupakan halaman yang terdapat dalam folder admin. Halaman ini hanya dapat diakses oleh admin untuk melakukan pengaturan di dalam situs ini, seperti tambah, edit, dan hapus data siswa, guru, kelas, dan materi pelajaran, serta informasi umum seperti profil, berita, gallery, dan opini. Gambar 4.3.3 Halaman Admin.php 10. Halaman siswa.php yang terdapat dalam folder siswa. Halaman ini hanya dapat diakses oleh siswa yang sudah terdaftar di database. Di sini siswa bisa lihat biodata, isi komentar, dan lihat nilai raport online. Frengky Adi Syahputra Siregar : Sistem Informasi Berbasis Web Pada Sma Negeri 2 Lawe Sigala-Gala Kabupaten Aceh Tenggara, 2009. Gambar 4.3.4 Halaman Siswa.php Frengky Adi Syahputra Siregar : Sistem Informasi Berbasis Web Pada Sma Negeri 2 Lawe Sigala-Gala Kabupaten Aceh Tenggara, 2009. Gambar 4.3.5 Halaman pegawai.php Frengky Adi Syahputra Siregar : Sistem Informasi Berbasis Web Pada Sma Negeri 2 Lawe Sigala-Gala Kabupaten Aceh Tenggara, 2009.

4.4 Mempersiapkan Database Server