Visi Flowchart Halaman Utama Flowchart Login Flowchart Halaman Guru Pegawai Flowchart Halaman Admin

3. Drs. Wahibun Selian 1992 1995 almarhum 4. Drs. Gani Suhut 1995 1999 5. Hamidin skd. Sag 1999 2010 6. Drs. Abdul Rahman 2010 sampai saat ini. Demikian perkembangan SMA negeri 1 lawe sigala-gala, ini sudah berbilang jari masuk AKABRI Angkaran Darat maupun Angkatan Udara dan Memegang jabatan tertentu di kantor kabupaten. Demikian sepintas kilas perkembangan dan kemajuan mengikuti zaman.

3.2 Visi dan Misi SMA Negeri 1 Lawe Sigala – Gala

3.2.1 Visi

a. Unggul dalam PRESTASI KREATIF dalam BIDANG ILMU b. Berbudi Luhur dan Berakhlak Terpuji dengann Landasan IMAN dan TAKWA serta NILAI-NILAI BUDAYA BANGSA.

3.2.2 Misi

a. Meningkatkan Keimanan dan Ketakwaan terhadap Tuhan Yang Maha Esa. b. Melaksanakan proses belajar dan mengajar secara Aktif dan Efisien yang berwawasan Keunggulan, Tekun bahkan Semangat Belajar. Universitas Sumatera Utara

3.3 Struktur Organisasi SMA Negeri 1 Lawe Sigala – Gala

Universitas Sumatera Utara BAB 4 PERANCANGAN SISTEM

4.1 Perencanaan dan Perancangan Sistem

Perencanaan dan perancangan merupakan sebuah tahap awal dalam membangun sebuah situs. Perencanaan yang matang akan memberikan hasil akhir yang bagus. Dalam membuat sebuah situs, tentukan terlebih dahulu tujuan dari situs yang akan dibuat karena bentuk desain dan isi sebuah situs sangat tergantung dari tujuan situs itu dibuat. Membuat suatu situs memerlukan persiapan, perencanaan yang baik, tujuan yang jelas dan percobaan yang berulang-ulang karena menyangkut semua elemen yang membentuk situs. Situs ini dirancang dengan menggunakan PHP sebagai bahasa pemogramannya dan MySQL sebagai databasenya, serta Dreamweaver 8 digunakan sebagai media untuk membuat layout dari situs yang telah dirancang. Situs yang akan dibuat dalam tugas akhir ini adalah situs lembaga pendidikan pemerintahan, dalam hal ini adalah SMA Negeri 1 Lawe Sigala - Gala, yang menyediakan informasi-informasi mengenai lembaga pendidikan tersebut, termasuk Universitas Sumatera Utara didalamnya berita yang berkenaan dengan sekolah, dan artikel yang berguna bagi pengunjung,serta sistem absensi yang dipakai untuk guru dan pegawai. Pada situs SMA Negeri 1 Lawe Sigala - Gala, juga disediakan beberapa aktivitas lain diantaranya, memberikan kritik dan saran melalui fasilitas contact us, forum diskusi sesama pengunjung situs, mengirim artikel sehingga bisa berbagi informasi sesama pengunjung, melihat daftar guru SMA Negeri 1 Lawe Sigala - Gala, dan juga berguna sebagai sistem absensi untuk guru dan pegawai.

4.2. Perancangan DFD Data Flow Diagram

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 tersebut mengalir. Adapun Data Flow Diagram yang diajukan, yaitu: Universitas Sumatera Utara 1.Diagram Konteks - informasi Data Pegawai - informasi absensi pegawai - data pegawai - informasi artikel sekolah -data absensi pegawai - input galeri seklah - data artikel sekolah - -galeri sekolah - informasi data pegawai - data pegawai - informasi absensi pegawai - data absensi - informasi artikel sekolah - data artikel sekolah - informasi galeri sekolah LAPORAN - data galeri sekolah Gambar 4.1 Diagram Konteks Sistem Informasi SMA Negeri 1 Lawe Sigala - Gala Bagian Umum dan Administrasi KEPALA SEKOLAH ADMIN Universitas Sumatera Utara

2. Diagram Konteks Level Nol

F1 Admin -info sekolah dan absensi guru pegawai -data pegawai data sekolah dan absensi guru dan pegawai -data absensi pegawai -data artikel sekolah -data galeri sekolah F2 Pegawai F3 absensi pegawai F4 artikel sekolah F5 galeri sekolah LAPORAN -laporan guru dan pegawai -lap.absensi guru pegawai -lap.artikel sekolah -lap.galeri sekolah Gambar 4.2 Diagram Konteks Level Nol ADMIN 1.0 Registrasi Administrat or 2.0 Input data, edit data, hapus data Guru dan Pegawai 3.0 Pembuatan Laporan KEPALA SEKOLA H Universitas Sumatera Utara

4.3 Perancangan Database

Perancangan database adalah salah satu langkah untuk menentukan file database, table, tipe data dan ukuran dari data yang digunakan. Tahap ini merupakan tahap yang paling penting dalam perancangan sistem. Pada tahap ini dipersiapkan tempat untuk menampung data di server, data tersebut nantinya akan diproses oleh program yang kita buat pada tahap pemrograman, baik penambahan, pengeditan, panghapusan dan menampilkan isi database ke halaman web. Database terdiri atas tabel-tabel yang dibuat dengan menggunakan program MySQL. Adapun database yang dibuat oleh penulis adalah database Website SMA Negeri 1 Lawe Sigala – Gala dengan tabel-tabel sebagai berikut: Tabel 4.1.Tabel Pegawai. Field Name Type Length Keterangan id Int 7 id pegawai nip Varchar 30 no induk pegawai nama Varchar 40 nama pegawai golongan Varchar 5 Golongan pegawai jabatan Varchar 20 Jabatan pegawai tempat_lahir Varchar 30 Tempat_lahir tanggal_lahir Varchar 10 Tanggal_lahir agama Varchar 30 Agama jenis_kelamin Varchar 30 jenis_kelamin Universitas Sumatera Utara Tabel 4.2. Tabel Golongan. Field Name Type Length Keterangan id Int 2 id golongan golongan Varchar 8 Golongan Tabel 4.3. Tabel Absensi. Field Name Type Length Keterangan id Int 10 id golongan nip Varchar 30 no induk pegawai keterangan Varchar 30 keretangan date Varchar 30 date absensi Tabel 4.4. Tabel User. Field Name Type Length Keterangan id Int 4 id user nama Varchar 35 Nama password Varchar 35 Password status Varchar 35 Status Tabel 4.5. Tabel Berita. Field Name Type Length Keterangan id_berita Int 5 id berita id_kategoti Int 5 id kategori id_user Varchar 50 Id user judul Varchar 100 Judul berita isi_berita Text Isi berita Universitas Sumatera Utara gambar Varchar 100 Gambar berita hari Varchar 20 Hari tanggal Date Tanggal jam Time Jam counter Int 5 Counter Tabel 4.6. Tabel Galeri. Field Name Type Length Keterangan id_galeri Int 5 Id galeri id_user Varchar 50 Id user judul Varchar 100 Judul gambar Varchar 100 Gambar hari Varchar 20 Hari tanggal Date Tanggal jam Time Jam counter Int 5 Counter Tabel 4.7. Tabel Komentar. Field Name Type Length Keterangan id Int 5 Id komentar nama Varchar 25 Nama waktu Datetime Waktu pesan Text Pesan email Varchar 25 Email Universitas Sumatera Utara Tabel 4.8. Tabel Kotak Masuk. Field Name Type Length Keterangan id Int 6 Id kotak masuk nama Varchar 35 Nama email Varchar 35 Email pesan Text Pesan replay Text Replay time_replay Datetime Time_replay date Datetime Date Tabel 4.9. Tabel Katagori. Field Name Type Length Keterangan id_kategori Int 5 Id kategori nama_kategori Varchar 50 Nama kategori keterangan Varchar 100 Keterangan

4.4 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. Universitas Sumatera Utara Penjelasan arti dari lambang – lambang flowchart dapat didefenisikan seperti tabel berikut : Tabel 4.10 Simbol – Simbol Flowchart No. Simbol Fungsi 1. Terminator, untuk memulai dan mengakhiri suatu program. 2. Process, suatu simbol yang menunjukkan setiap pengolahan yang dilakukan oleh komputer. 3. Data, untuk memasukkan data maupun menunjukkan hasil dari suatu proses. 4. Decision, suatu kondisi yang akan menghasilkan beberapa kemungkinan jawaban atau pilihan. 5. Connector, merupakan symbol untuk masuk dan keluarnya suatu prosedur pada lembar kertas yang sama. 6. Off-page Connector, merupakan symbol untuk masuk dan keluarnya suatu prosedur pada lembar kertas yang lain. 7. Preparation, suatu symbol untuk menyediakan tempat – tempat pengolahan data dalam storage. Universitas Sumatera Utara 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 symbol untuk data yang berbentuk informasi. 10. Predefenied Process, untuk menyatakan sekumpulan langkah proses yang ditulis sebagai prosedur. 11. Display, untuk output yang ditujukan suatu devices, seperti monitor. 12. Magnetic disk, untuk menyimpan data. Universitas Sumatera Utara

4.4.1 Flowchart Halaman Utama

Start Menampilkan Halaman Utama Halaman Utama Tentang sekolah Articles gallery About us Contact Us Selesai ? Stop Memilh daftar Link Pilih Link Yang Ada B Tampil articles X Login Prosedur login A Tampil gallery Tampil about us ya tidak tidak ya ya tidak ya tidak ya tidak ya tidak database Halama n contact us Isi contact us Apakah sudah diisi? simpan Ya Ya Tidak Tidak Gambar 4.3 Flowchart Halaman Utama Universitas Sumatera Utara

4.4.2. Flowchart Login

A Masukkan Username Username Benar Masukkan Password Password Benar C Ya Tidak Tidak Ya Status admin ? Status pegawai ? D Halaman utama ya tidak tidak ya Gambar 4.4 Flowchart Login Universitas Sumatera Utara

4.4.3 Flowchart Halaman Guru Pegawai

D Halaman pegawai Menu utama Contact us gallery Isi absensi Daftar absensi bulanan Ubah password Isi contact simpan database Tampil gallery simpan database Tampil daftar absensi bulanan Edit password Password sudah di update ? database Tentang sekolah Sejarah singkat Visi dan misi Kegiatan osis Struktur organisasi TU Struktur organisasi osis Denah sekolah Password sudah di update ? Prosedur logout X Tampil sejarah singkat Tampil visi dan misi Tampil kegiatan osis Tampil struktur organisasi TU Tampil struktur organisasi osis Tampil denah sekolah T Y T T T T Y T Y Y Y Y Y Y Y Y T Y T Y T T T T T Y Y Y Y Y T Y T Gambar 4.5 Flowchart Halaman guru pegawai Universitas Sumatera Utara

4.4.4 Flowchart Halaman Admin

C Halaman Admin Kotak Masuk Ubah Password E Edit Password Password Sudah di update? database Manajemen data Data pegawai Absensi harian pegawai Absensi bulanan pegawai Artikel sekolah Galeri sekolah F G Input data Input data pegawai Input absensi pegawai Input artikel sekolah Input galeri sekolah I J K L Logout Prosedur logout X ya ya ya tidak tidak ya tidak tidak tidak tidak tidak ya ya ya ya ya tidak tidak tidak tidak ya ya ya ya tidak ya tidak tidak Pilih tanggal Tampil absensi harian Pilih bulan Tampil absensi bulanan H Gambar 4.6 Flowchart Halaman admin Universitas Sumatera Utara

4.4.5 Flowchart Kotak Masuk