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