perpustakaan.uns.ac.id digilib.uns.ac.id commit to user PEMBUATAN SISTEM INFORMASI SEKOLAH SMK PGRI 6 NGAWI TUGAS AKHIR Diajukan Untuk Memenuhi Salah Satu Syarat Mencapai Gelar Ahli Madya Program Diploma III Teknik Informatika Disusun oleh : TIARA LISTYANING PUTRI NIM. M3108062 PROGRAM DIPLOMA III TEKNIK INFORMATIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SEBELAS MARET 2011
90
Embed
perpustakaan.uns.ac.id digilib.uns.aceprints.uns.ac.id/5381/1/209221712201110051.pdf · perpustakaan.uns.ac.id digilib.uns.ac.id T N P commit to user PEMBUATAN SISTEM INFORMASI SEKOLAH
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
PEMBUATAN SISTEM INFORMASI SEKOLAH SMK PGRI 6 NGAWI
TUGAS AKHIR
Diajukan Untuk Memenuhi Salah Satu Syarat Mencapai Gelar Ahli Madya
Program Diploma III Teknik Informatika
Disusun oleh :
TIARA LISTYANING PUTRI
NIM. M3108062
PROGRAM DIPLOMA III TEKNIK INFORMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SEBELAS MARET
2011
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user ii
HALAMAN PERSETUJUAN
PEMBUATAN SISTEM INFORMASI SEKOLAH SMK PGRI 6 NGAWI
Disusun Oleh :
TIARA LISTYANING PUTRI
NIM. M3108062
Tugas Akhir ini telah disetujui untuk dipertahankan
Di hadapan dewan penguji
pada tanggal ........................
Pembimbing
Hartatik, M.Si
NIDN. 070305 7802
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user iii
HALAMAN PENGESAHAN
PEMBUATAN SISTEM INFORMASI SEKOLAH SMK PGRI 6 NGAWI
Disusun oleh:
Tiara Listyaning Putri
NIM. M3108062
Dibimbing Oleh:
Hartatik, M.Si
NIDN. 070305 7802
Tugas Akhir ini telah diterima dan disahkan oleh dewan penguji Tugas Akhir
Program Diploma III Teknik Informatika pada hari __________ tanggal ______________
Dewan penguji
1. Hartatik, M.Si ( ) NIDN. 070305 7802
2. Rudi Hartono, S.Si ( ) NIP. 0626128402
3. Agus Purbayu, S.Si ( ) NIDN. 0629088001
Disahkan oleh:
Pembantu Dekan I FMIPA UNS
Dr. Sutanto, S.Si,DEA NIP. 19710302 1996603 1 001
Ketua Program Diploma III Teknik Informatika
FMIPA UNS
Drs. YS. Palgunadi, M.Sc
NIP. 19560407 198303 1 004
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user iv
ABSTRACT
Tiara Listyaning Putri, 2011. Development of Information System on SMK PGRI 6 Ngawi. Diploma III Information Engineering. Informatics Engineering. Faculty of Mathematic and Natural Sciences. Sebelas Maret University.
SMK PGRI 6 Ngawi is one of the vocational high schools in Ngawi . considerably public interest because it has a lot of majors and extracurricular programs that support students to be active and creative. Because of that, this school needs a media that can facilitate the public to know more about this school.
The purpose of this research is to create a system that facilitates processing and presentating school information in an online media. Because of the research's purpose, the study uses data collection methods as well as field observations. This program is made with a combination of web programming languages such as PHP, CSS, JavaScript and jQuery, and MySQL database.
From the results of data collection and field observations, it can be concluded that the school information system has been created. Several features that support school activities includes school profiles, students extracurricular and intrakulikuler activities, evaluation of learning, and others features that can help schools in information management to be more automated, organized and neat.
Keywords: Information Systems, PHP
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user v
ABSTRAK
Tiara Listyaning Putri, 2011, PEMBUATAN SISTEM INFORMASI SEKOLAH SMK PGRI 6 NGAWI. Program Diploma III Ilmu Komputer, Teknik Informatika, Fakultas Matematika dan Ilmu Pengetahuan Alam, Universitas Sebelas Maret Surakarta.
SMK PGRI 6 NGAWI merupakan salah satu sekolah menengah kejuruan di kabupaten Ngawi yang cukup banyak diminati masyarakat karena memiliki banyak program jurusan dan ekstrakulikuler yang memacu siswa selalu aktif serta kreatif. Melihat hal tersebut maka sekolah ini membutuhkan suatu media yang bisa memudahkan masyarakat untuk mengetahui lebih banyak tentang sekolah ini.
Tujuan penelitian ini adalah membuat sistem yang memudahkan pengolahan dan penyajian informasi sekolah dengan pemanfaatan media online. Sesuai dengan tujuan penelitian, maka penelitian ini menggunakan metode pengumpulan data sekaligus observasi lapangan. Program ini dibuat dengan kombinasi bahasa pemrograman web PHP, CSS, JavaScript dan jQuery serta database MySQL.
Dari hasil pengumpulan data dan observasi lapangan, dapat disimpulkan bahwa sistem informasi sekolah SMK PGRI 6 NGAWI yang telah dibuat. Beberapa fitur tersebut meliputi profil sekolah, kegiatan intrakulikuler maupun ekstrakulikuler siswa, evaluasi pembelajaran, serta fitur-fitur lainnya sehingga dapat membantu sekolah dalam pengelolaan informasi yang lebih otomatis, terorganisir dan rapi.
Kata kunci : Sistem Informasi, PHP
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user vi
MOTTO
Semua berawal dari niat.
Ketulusan dan kejujuran hati adalah pemberian terhebat dari manusia.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user vii
PERSEMBAHAN
Karya ini dipersembahkan kepada :
1. Kedua orang tua serta segenap keluarga yang saya cintai dalam memberikan
doa dan dukungannya.
2. Bapak Drs. Y. S. Palgunadi, M. Sc. selaku Ketua Program Diploma III Teknik
Informatika Fakultas MIPA Universitas Sebelas Maret Surakarta.
3. Ibu Hartatik, M.Si selaku dosen pembimbing yang telah memberikan masukan,
pengarahan dan petunjuk kepada saya.
4. Teman-teman jurusan Teknik Informatika angkatan 2008.
5. Orang-orang yang sudah menghisasi dan mewarnai dalam perjalanan hidup
dan karirku.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user viii
KATA PENGANTAR
Assalamualaikum Wr. Wb
Puji syukur serta ucapan terimakasih penulis panjatkan kehadirat Allah
SWT atas limpahan karunia, taufiq serta hidayah-Nya sehingga penulis dapat
menyelesaikan penulisan laporan Tugas Akhir dengan judul ” PEMBUATAN
SISTEM INFORMASI SEKOLAH SMK PGRI 6 NGAWI”. Laporan ini disusun
sebagai salah satu syarat kelulusan Program Studi Diploma III Teknik Informatika
Fakultas MIPA Universitas Sebelas Maret Surakarta.
Penulis mengucapkan terima kasih kepada semua yang telah membantu
proses penyusunan laporan Tugas Akhir ini, sehingga proses penyusunan laporan
Tugas Akhir secara keseluruhan dapat dikerjakan dengan baik. Ucapan tulus
terima kasih penulis diberikan kepada :
1. Kedua orang tua penulis serta segenap keluarga yang penulis cintai yang
telah memberikan doa dan dukungannya.
2. Bapak Y.S. Palgunadi, M.Si selaku Ketua Program Studi DIII Ilmu
Komputer Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas
Sebelas Maret Surakarta.
3. Ibu Hartatik, M.Si selaku dosen pembimbing yang telah memberikan
masukan, pengarahan dan petunjuk kepada penulis dalam menyelesaikan
laporan ini.
4. Sahabat-sahabatku serta semua rekan Mahasiswa Teknik Informatika
2008 yang telah banyak memberikan semangat dalam penyusunan laporan
ini.
5. Semua pihak yang telah banyak membantu penulis dalam menyelesaikan
laporan ini yang tidak bisa disebutkan satu persatu.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user ix
Semoga segala bentuk bantuan yang telah diberikan kepada penulis dalam
menyelesaikan laporan ini dapat menjadi amal baik dan mendapatkan balasan dari
Allah SWT serta laporan yang telah dibuat dapat bermanfaat bagi penulis
khususnya dan bagi pembaca umumnya.
Wassalamulaikum Wr. Wb
Surakarta, Juni 2011
Penulis
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user x
DAFTAR ISI
HALAMAN JUDUL ............................................................................................... i
HALAMAN PERSETUJUAN................................................................................ ii
HALAMAN PENGESAHAN ............................................................................... iii
HALAMAN ABSTRACT ..................................................................................... iv
HALAMAN ABSTRAK ........................................................................................ v
MOTTO ................................................................................................................. vi
HALAMAN PERSEMBAHAN .......................................................................... vii
KATA PENGANTAR ........................................................................................viii
DAFTAR ISI ......................................................................................................... x
DAFTAR TABEL ............................................................................................... xv
DAFTAR GAMBAR .......................................................................................... xvi
BAB I. PENDAHULUAN
1.1. Latar Belakang ................................................................................. 1
1.2. Perumusan Masalah ............................................................................ 1
1.3. Pembatasan Masalah .......................................................................... 2
1.4. Tujuan Penelitian ................................................................................. 2
Menurut Ir Fatansyah, dalam buku Basis Data. Data Flow Diagram adalah
gambaran keseluruhan kerja sistem secara garis besar. Merupakan
repsentasi dari sistem DFD menggunakan komponen dari sebuah sistem, alir
data diantar ke komponen-komponen asal, tujuan dan penyimpanan dari
data tersebut. DFD adalah suatu model logika data atau proses yang dibuat
untuk menggambarkan dari mana asal data dan kemana tujuan data yang
keluar dari sistem, dimana data disimpan, proses apa yang menghasilkan
data tersebut dan interaksi antara data yang tersimpan dan proses yang
dikenakan pada data tersebut. DFD menggambarkan penyimpanan data
dan proses yang mentransformasikan data. DFD menunjukkan hubungan
antara data pada sistem dan proses sistem. DFD level model ini
menggambarkan sistem sebagai jaringan kerja antar fungsi yang
berhubungan satu dengan yang lain dengan aliran dan penyimpanan
data. Sebagai alat bantu desain sistem, model ini hanya memodelkan dari
sudut pandang fungsi.
Dalam DFD leveled ini akan terjadi penurunan level dimana dalam
penurunan level yang lebih rendah harus mampu merepresentasikan proses
tersebut ke dalam spesifikasi proses yang jelas. Jadi dalam DFD leveled
biasa dimulai dari DFD level 0 kemudian turun ke DFD level 1 dan
seterusnya. Setiap penurunan hanya dilakukan bila perlu.
Tabel 2.2 Notasi Kesatuan Keluar DFD
Gane/Sarson Yourdon/de Marco Arti
Entitas eksternal,
dapat berupa
orang/unit terkait
Entitas eksternal
Entitas eksternal
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
11
yang berinteraksi
dengan sistem tapi
diluar sistem
Orang atau unit yang
mempergunakan atau
melakukan
transfromasi data.
Komponen fisik tidak
diidentifikasikan.
aliran data aliran data Aliran data dengan
arah khusus dari
sumber ke tujuan
Data source
Penyimpanan data
atau tempat data
direfer oleh diproses
2.8 Entity Relationship Diagram (ERD)
Menurut Roger S.Pressman (2002) Entity Relationship Diagram (ERD)
adalah notasi yang digunakan untuk melakukan aktivitas pemodelan data.
ERD adalah suatu model jaringan yang menggunakan susunan data yang
disimpan dalam sistem secara abstrak. Jadi, jelaslah bahwa ERD ini
berbeda dengan DFD yang merupakan suatu model jaringan fungsi yang akan
dilaksanakan oleh sistem, sedangkan ERD merupakan model jaringan data
yang menekankan pada struktur-struktur dan relationship data.
Tabel 2.3 ERD
Simbol Arti
satu dan hanya satu (One and
only one)
proses
proses
Data source
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
12
2.9 Flowchart
Flowchart adalah penggambaran secara grafik dari langkah-langkah dan urut-
urutan prosedur dari suatu program. Flowchart menolong analist dan
programmer untuk memecahkan masalah kedalam segmen-segmen yang lebih
kecil dan menolong dalam menganalisis alternatif-alternatif lain dalam
pengoperasian.
Tabel 2.1 Notasi Flowcart
Satu atau lebih (one or more)
Tak ada atau lebih (Zero or
more)
Tidak ada atau satu (Zero or
one)
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
13
( Sumber : febriani.staff.gunadarma.ac.id/Downloads/files/5616/Flowchart.pdf)
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
14
14
BAB III
DESAIN DAN PERANCANGAN SISTEM
Pembuatan sistem informasi sekolah ini diawali dengan pembuatan rancangan
sistem yang yang di wujudkan dengan perancangan Data Flow Diagram, Schema
Diagram dan ERD.
3.1 Data Flow Diagram (DFD)
3.1.1 Data Flow Diagram (DFD) level 0
DFD Level 0 disini menggambarkan aliran data yang terdapat dalam sistem
Informasi.
Gambar 3.1 Data Flow Diagram Level 0 Sistem Informasi
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
15
3.1.2 Data Flow Diagram (DFD) level 1
DFD Level 1 disini menggambarkan aliran data yang dilakukan oleh
Administrator dalam sistem Informasi.
Gambar 3.2 Data Flow Diagram level 1
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
16
3.1.3 Data Flow Diagram (DFD) level 2 Keaktifan Guru
DFD Level 2 disini menggambarkan aliran data yang yang dilakukan oleh
Guru pada Keaktifan Siswa dalam sistem Informasi.
Gambar 3.3 Data Flow Diagram level 2 Guru Keaktifan
3.1.4 Data Flow Diagram (DFD) level 2 Nilai Guru
DFD Level 2 disini menggambarkan aliran data yang yang dilakukan oleh
Guru pada Nilai Siswa dalam sistem Informasi.
Gambar 3.4 Data Flow Diagram level 2 Guru Nilai
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
17
3.1.5 Data Flow Diagram (DFD) level 2 Manage Data Guru
DFD Level 2 disini menggambarkan aliran data yang yang dilakukan oleh
Administrator untuk mengelola data guru dan membagi guru ke dalam kelas juga
mata pelajaran dalam sistem Informasi.
Gambar 3.5 Data Flow Diagram level 2 Manage Data Guru
3.1.6 Data Flow Diagram (DFD) level 2 Profil Siswa
DFD Level 2 disini menggambarkan aliran data yang yang dilakukan oleh
Administrator untuk mengelola data siswa dan membagi siswa ke dalam kelas
dalam sistem Informasi.
Gambar 3.6 Data Flow Diagram level 2 Manage Data Siswa
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
18
3.2 Entity Relationship Diagram (ERD)
Gambar 3.7 ERD Utama
Gambar 3.8 ERD album dan forum
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
19
3.3 Schema Diagram
Schema Diagram menujukkan hubungan antar tabel dalam database. Dalam
sistem informasi ini, bentuk dari relasi antar tabel – tabelnya adalah sebagai
berikut:
Gambar 3.9 : Schema Diagram
3.4 Rancangan Database
Database merupakan elemen penting yang digunakan untuk menyimpan
seluruh data dari sistem. Dalam pembuatan sistem Informasi ini, memiliki
rancangan database seperti berikut :
3.4.1 Tabel Admin
Tabel admin digunakan untuk menyimpan seluruh data admin. Data admin
ini digunakan untuk memverifikasi kebenaran bahwa user yang akan mengedit
informasi adalah admin.
Tabel 3.1 : Tabel Admin
Field Tipe data Panjang Keterangan
username Varchar 50 Primary key
password Varchar 50 Not Null
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
20
3.4.2 Tabel Siswa
Tabel admin digunakan untuk menyimpan seluruh data diri siswa. Data
siswa ini digunakan untuk memverifikasi kebenaran bahwa user yang akan
melihat informasi adalah siswa. Struktur dari tabel siswa adalah sebagai berikut :
Tabel 3.2 : Tabel Siswa
Field Tipe data Panjang Keterangan
Nis Varchar 25 Primary key
Id_kelas Varchar 2 Not Null
Password Varchar 100 Not Null
Nama Varchar 100 Not Null
Sex Enum L, P Not Null
Alamat Varchar 50 Not Null
Email Varchar 50 Not Null
Foto Text Not Null
3.4.3 Tabel Personil
Tabel personil digunakan untuk menyimpan seluruh data diri personil
sekolah. Data personil ini digunakan untuk memverifikasi kebenaran bahwa user
yang akan melihat informasi adalah guru. Struktur dari tabel siswa adalah sebagai
berikut :
Tabel 3.3 : Tabel Personil
Field Tipe data Panjang Keterangan
Id Int 30 Primary key
Username Varchar 25 Not Null
Nama Varchar 50 Not Null
Jabatan Varchar 20 Not Null
Id_mapel Int 25 Not Null
Tahun Varchar 4 Not Null
Password Varchar 50 Not Null
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
21
3.4.4 Tabel Kelas
Tabel kelas berfungsi untuk mengidentifikasikan kelas-kelas yang ada di
sekolah tersebut.
Tabel 3.4 : Tabel Kelas
Field Tipe data Panjang Keterangan
Id_kelas Varchar 2 Primary key
Nama_kelas Varchar 25 Not Null
3.4.5 Tabel Mapel
Tabel mapel berfungsi untuk mengidentifikasikan mata pelajaran yang ada
di sekolah tersebut.
Tabel 3.5 : Tabel Mapel
Field Tipe data Panjang Keterangan
Id_mapel Int 25 Primary key
Nama_mapel Varchar 50 Not Null
3.4.6 Tabel Nilai
Tabel nilai berfungsi untuk mengidentifikasikan nilai siswa yang ada di
sekolah tersebut.
Tabel 3.6 : Tabel Nilai
Field Tipe data Panjang Keterangan
Id_nilai Int 11 Primary key
Id_kelas Varchar 2 Not Null
Id_mapel Int 25 Not Null
Nis Varchar 25 Not Null
Nilai1 Int 2 Not Null
Nilai2 Int 2 Not Null
Nilai3 Int 2 Not Null
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
22
3.4.7 Tabel Album
Tabel Album berfungsi untuk mengidentifikasikan album dari kumpulan
foto yang telah di-upload.
Tabel 3.7 : Tabel Album
Field Tipe data Panjang Keterangan
Id_album Int 5 Primary key
Jdl_album Varchar 100 Not Null
Album_seo Varchar 100 Not Null
Gbr_album Varchar 100 Not Null
Aktif Enum Y, N Not Null
3.4.8 Tabel Gallery
Tabel gallery berfungsi untuk mengidentifikasikan foto-foto yang telah
diupload.
Tabel 3.8 : Tabel Gallery
Field Tipe data Panjang Keterangan
Id_gallery Int 5 Primary key
Id_album Int 5 Not Null
Jdl_gallery Varchar 100 Not Null
Gallery_seo Varchar 100 Not Null
Keterangan Text Not Null
Gbr_gallery Varchar 100 Not Null
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
23
3.4.9 Tabel Forum
Tabel forum berfungsi untuk mengidentifikasikan forum pada guestbook .
Tabel 3.9 : Tabel Forum
Field Tipe data Panjang Keterangan
Id_forum Int 2 Primary key
Title Varchar 30 Not Null
Content Text Not Null
Author Varchar 20 Not Null
Date_pub Varchar 20 Not Null
3.4.10 Tabel Guestbook
Tabel guestbook berfungsi untuk menyimpan komentar dari para
pengunjung.
Tabel 3.10 : Tabel Guestbook
Field Tipe Data Panjang Keterangan
id_comment Int 11 Primary Key
id_forum Int 11 Not Null
commentAuthor Varchar 30 Not Null
urlAuthor Varchar 100 Not Null
comment Text - Not Null
comment_pub Varchar 20 Not Null
3.4.11 Tabel News Flash
Tabel News Flash ini menyimpan data berita yang dimasukkan oleh
administrator.
Tabel 3.11 : Tabel News Flash
Field Tipe Data Panjang Keterangan
Id Int 11 Primary Key
judul Varchar 50 Not Null
Isi Text - Not Null
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
24
3.4.12 Tabel Chat
Tabel chat ini menyimpan data masukan dari chat. Tabel ini berisi data
dari chat yang telah dituliskan oleh pengunjung dan administrator.
Tabel 3.12 : Tabel Chat
Field Tipe Data Panjang Keterangan
Id int 11 Primary Key
nama varchar 10 Not Null
shout varchar 100 Not Null
Tgl date --- Not Null
3.4.13 Tabel Ajar
Tabel ajar ini menyimpan data masukan dari pembagian kelas untuk guru.
Tabel ini berisi data dari username guru dan id_kelas dari kelas yang diampu oleh
guru tersebut.
Tabel 3.13 : Tabel Ajar
Field Tipe Data Panjang Keterangan
No_ajar int 11 Primary Key
username varchar 30 Not Null
Id_kelas Int 5 Not Null
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
25
3.5 Diagram Alir (Flow Chart)
3.5.1 Flow Chart Login
Diagram alir proses login
Gambar 3.10 : Diagram Alir Proses Login
3.5.2 Flow Chart Guestbook
Gambar 3.11 : Diagram Alir Proses Pengisian Guestbook
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
26
3.5.3 Flow Chart Chat
Gambar 3.12 : Diagram Alir Proses Pengisian Chat
3.5.4 Flow Chart Edit Profil Guru
Gambar 3.13 : Diagram Alir Proses Edit Profil Guru
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
27
3.5.5 Flow Chart Edit Profil Siswa
Gambar 3.14 : Diagram Alir Proses Edit Profil Siswa
3.5.6 Flow Chart Tambah Nilai
Gambar 3.15 : Diagram Alir Proses Tambah Nilai
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
28
3.5.7 Flow Chart Tambah Keaktifan
Gambar 3.16 : Diagram Alir Proses Tambah Keaktifan
3.5.8 Flow Chart Kelola Data Siswa/Guru
Gambar 3.19: Diagram Alir Proses Kelola Data Siswa/Guru
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
29
3.5.9 Flow Chart Upload File
Gambar 3.20 : Diagram Alir Proses Upload File
3.5.10 Flow Chart Kelola Mapel
Gambar 3.21 : Diagram Alir Proses Kelola Mapel
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
30
3.5.11 Flow Chart Kelola Kelas
Gambar 3.22 : Diagram Alir Proses Kelola Kelas
3.5.12 Flow Chart Kelola Gallery
Gambar 3.23 : Diagram Alir Proses Kelola Gallery
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
31
3.5.13 Flow Chart Kelola Chat
Gambar 3.24 : Diagram Alir Proses Kelola Chat
3.5.14 Flow Chart Kelola Guestbook
Gambar 3.25 : Diagram Alir Proses Kelola Guestbook
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
32
3.5.15 Flow Chart Kelola News Flash
Gambar 3.26 : Diagram Alir Proses Kelola News Flash
3.6 Struktur dan Desain
3.6.1 Tampilan Layout untuk Halaman Admin
Tampilan Layout untuk halaman admin ditunjukkan pada Gambar 3.27
Gambar 3.27 Layout Admin
HEADER
FOOTER
MENU CONTENT
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
33
3.7.2 Tampilan Layout untuk Halaman Pengunjung
Tampilan Layout untuk halaman pengunjung ditunjukkan pada Gambar 3.28
Gambar 3.28 Layout Pengunjung
3.7.3 Tampilan Layout untuk Halaman Siswa
Tampilan Layout untuk halaman siswa ditunjukkan pada Gambar 3.29
Gambar 3.29 Layout Siswa
HEADER
FOOTER
MENU
NEWS FLASH
CONTENT
Chat
HEADER
FOOTER
MENU CONTENT
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
34
3.7.4 Tampilan Layout untuk Halaman Guru
Tampilan Layout untuk halaman guru ditunjukkan pada Gambar 3.30
Gambar 3.30 Layout Guru
3.8 Site Map Site Map adalah peta situs yang menjelaskan struktur dari menu yang ada dalam sistem. Peta system informasi ini dapat digambarkan sebagai berikut :
Gambar 3.31 Tampilan Site Map untuk user
HEADER
FOOTER
MENU CONTENT
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
35
Gambar 3.32 Tampilan Site Map untuk admin
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
36
Gambar 3.33 Tampilan Site Map untuk siswa
Gambar 3.34 Tampilan Site Map untuk guru
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
37
BAB IV
IMPLEMENTASI DAN ANALISA
4.1 Analisa
Sistem Informasi Sekolah ini pada dasarnya adalah berupa kumpulan informasi yang disajikan dalam format otomatisasi untuk mempermudah pihak sekolah dalam memperkenalkan sekolah tersebut serta membantu siswa untuk mengetahui informasi tentang pelajaran maupun tentang sekolah mereka sendiri dengan lebih cepat, karena dapat diakses kapanpun dan dimanapun. Sistem ini juga membantu pihak sekolah untuk mengelola data siswa maupun personil sekolah lainnya.
4.2 Fitur Sistem
Seperti yang telah dibahas diatas, bahwa system informasi ini lebih menekankan kepada ajang promosi sekolah ini. Jadi fitur yang ada lebih banyak berhubungan dengan kegiatan-kegiatan ekstrakulikuler maupun intrakurikuler yang dapat menarik minat masyarakat umum untuk dapat mengenal sekolah tersebut lebih jauh. Selain itu, sistem ini juga menyediakan fitur penyampaian nilai dan materi untuk siswa dari sekolah tersebut.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
38
4.3 Desain Tampilan
4.3.1 Halaman User
a. Halaman Awal
Halaman awal berisi penjelasan umum mengenai sekolah tersebut. Bentuk tampilan dari halaman ini adalah sebagai berikut:
Gambar 4.1 Tampilan Awal Sistem Informasi
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
39
b. Halaman Personil
Halaman ini berisi tentang personil yang ada dalam struktur sekolah tersebut.
Gambar 4.2 Tampilan halaman personil
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
40
c. Halaman Kurikulum
Halaman kurikulum ini merupakan halaman mengenai data dari masing-masing program study yang ada di sekolah tersebut.
Gambar 4.3 Tampilan halaman kurikulum
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
41
d. Halaman Ekstrakulikuler
Halaman ekstrakulikuler ini merupakan menjelaskan tentang kegiatan ekstrakulikuler yang ada di sekolah tersebut.
Gambar 4.4 Tampilan halaman ekstrakulikuler
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
42
e. Halaman Album Gallery
Halaman ini berisi kumpulan foto dari kegiatan di sekolah tersebut.
Gambar 4.5 Tampilan halaman album gallery
Jika salah satu album dibuka, maka akan tampil foto yang disimpan, hal ini digunakan agar tidak terlalu memberatkan koneksi user saat ingin melihat foto.
Gambar 4.6 Tampilan foto pada halaman album gallery
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
43
f. Halaman Guestbook
Halaman ini merupakan halaman untuk menuliskan pesan dari user kepada sekolah tersebut.
Gambar 4.7 Tampilan halaman Guestbook
Jika dibuka pada salah satu forum maka akan terbuka form untuk mengisi guestbook.
Gambar 4.8 Tampilan form pengisian di forum guestbook
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
44
g. Halaman Kontak
Halaman ini berisi kontak yang bisa digunakan pengunjung untuk menghubungi pihak sekolah tersebut.
Gambar 4.9 Tampilan halaman kontak
h. Halaman Download
Halaman ini berisi file yang bisa diunduh oleh pengunjung.
Gambar 4.10 Tampilan halaman Download
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
45
i. Shoutbox
Shoutbox merupakan salah satu fitur yang ada di system ini sebagai sarana komunikasi antar pengunjung, siswa, maupun administrator yang sedang mengakses sistem.
Gambar 4.11 Tampilan Shoutbox
j. News Flash
News Flash merupakan salah satu fitur yang ada di system ini sebagai sarana penyampaian berita dari sekolah tersebut.
Gambar 4.12 Tampilan News Flash
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
46
Tampilan halaman berita saat salah satu berita yang ada di News Flash dibuka.
Gambar 4.13 Tampilan berita dari News Flash
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
47
4.3.2 Halaman Administrator
a. Halaman Login Administrator
Halaman ini merupakan halaman untuk login user tingkat administrator.
Gambar 4.14 Tampilan halaman Login Administrator
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
48
b. Halaman Awal Administrator
Halaman ini merupakan halaman awal jika Administrator berhasil Login ke dalam sistem.
Gambar 4.15 Tampilan halaman awal admin
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
49
c. Halaman News Flash
Halaman ini merupakan halaman untuk mengelola (Input, Update dan Delete) berita yang ditampilkan pada News Flash.
Gambar 4.16 Tampilan News Flash Admin
Tampilan form untuk membuat berita baru.
Gambar 4.17 Tampilan Input News Flash
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
50
Tampilan form untuk meng-edit berita yang akan ditampilkan.
Gambar 4.18 Tampilan Update News Flash
d. Halaman Shoutbox
Halaman ini digunakan Administrator untuk membalas Shoutbox dan menghapus Shoutbox.
Gambar 4.19 Tampilan Southbox Admin
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
51
e. Halaman Personil Admin
Halaman ini digunakan Administrator untuk mengelola (Input, Edit, Delete) data personil.
Gambar 4.20 Tampilan personil admin
Tampilan form input pada personil administrator.
Gambar 4.21 Tampilan input personil admin
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
52
Tampilan form edit pada personil administrator.
Gambar 4.22 Tampilan edit personil admin
f. Halaman Siswa Administrator
Halaman ini digunakan Administrator untuk mengelola data siswa.
Gambar 4.23 Tampilan halaman siswa admin
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
53
Tampilan form untuk menambah data siswa.
Gambar 4.24 Tampilan add siswa admin
Tampilan form yang digunakan untuk mengedit data.
Gambar 4.25 Tampilan edit siswa admin
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
54
g. Halaman Kelas Administrator
Halaman ini digunakan Administrator untuk mengelola data kelas.
Gambar 4.26 Tampilan kelas admin
Tampilan form untuk menambahkan daftar kelas yang ada.
Gambar 4.27 Tampilan add kelas admin
Tampilan form untuk mengubah nama kelas.
Gambar 4.28 Tampilan update kelas admin
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
55
h. Halaman Mapel
Halaman ini digunakan Administrator untuk mengelola data mata pelajaran.
Gambar 4.29 Tampilan maple admin
Tampilan form untuk menambahkan daftar mata pelajaran yang ada.
Gambar 4.30 Tampilan add mapel admin
Tampilan form untuk mengubah nama mata pelajaran.
Gambar 4.31 Tampilan update mapel admin
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
56
i. Halaman Album Administrator
Halaman ini digunakan untuk mengelola (Tambah dan Edit).
Gambar 4.32 Tampilan album admin
Tampilan form untuk menambah album.
Gambar 4.32 Tampilan tambah album admin
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
57
Tampilan form untuk edit album.
Gambar 4.34 Tampilan Edit album admin
j. Halaman Gallery Administrator
Halaman ini digunakan untuk menambahkan foto yang akan ditampilkan.
Gambar 4.35 Tampilan gallery admin.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
58
Tampilan form untuk tambah gallery.
Gambar 4.36 Tampilan tambah gallery admin.
Tampilan form untuk edit gallery.
Gambar 4.37 Tampilan edit gallery admin.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
59
k. Halaman Upload Administrator
Halaman ini digunakan untuk menambahkan file yang nantinya akan ditampilkan.
Gambar 4.38 Tampilan upload admin.
l. Halaman Guestbook Administrator
Halaman ini digunakan untuk mengelola forum.
Gambar 4.39 Tampilan guestbook admin.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
60
Tampilan form pengisian forum.
Gambar 4.40 Tampilan forum admin.
Tampilan form untuk edit pesan-pesan di forum.
Gambar 4.41 Tampilan update forum admin.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
61
4.3.3 Halaman Siswa
a. Halaman Login Siswa
Halaman ini digunakan untuk login siswa.
Gambar 4.42 Tampilan login siswa.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
62
b. Halaman Awal Siswa
Halaman ini awal saat siswa berhasil login.
Gambar 4.43 Tampilan awal siswa.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
63
c. Halaman Profil Siswa
Halaman ini menyediakan data diri siswa.
Gambar 4.44 Tampilan profil siswa.
Tampilan form untuk meng-edit data diri siswa.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
64
Gambar 4.45 Tampilan edit profil siswa.
d. Halaman Nilai Siswa
Halaman ini menyediakan nilai siswa.
Gambar 4.46 Tampilan nilai siswa.
e. Halaman Forum Siswa
Halaman ini menyediakan forum khusus siswa. Form pengisian forum sama seperti form pengisian guestbook.
Gambar 4.47 Tampilan forum siswa.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
65
f. Halaman Download Siswa
Halaman ini menyediakan file materi dan jadwal yang bisa diunduh siswa.
Gambar 4.48 Tampilan download siswa.
g. Halaman Lain
Halaman yang bisa diakses setelah siswa login hampir sama seperti pengunjung biasa, yaitu : Personil, Ekstrakulikuler, Album Gallery, Kontak, News Flash, Shoutbox, Download.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
66
4.3.4 Halaman Guru
a. Halaman Login Guru
Halaman ini untuk login guru.
Gambar 4.49 Tampilan login guru
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
67
b. Halaman Awal Guru
Halaman ini adalah halaman awal saat guru telah berhasil login.
Gambar 4.50 Tampilan awal guru
c. Halaman Nilai Guru
Halaman ini adalah halaman untuk mengelola nilai. Disini guru harus memilih dulu kelas yang diampu untuk selanjutnya dapat memasukkan nilai.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
68
Gambar 4.51 Tampilan nilai guru
Tampilan untuk melihat siswa di dalam kelas yang diampu.
Gambar 4.52 Tampilan lihat siswa.
Tampilan untuk melihat nilai.
Gambar 4.53 Tampilan lihat nilai guru
Tampilan untuk input nilai.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
69
Gambar 4.54 Tampilan lihat nilai guru
d. Halaman Profil Guru
Halaman ini adalah halaman untuk mengelola profil.
Gambar 4.55 Tampilan profil guru
Tampilan untuk mengedit profil sebagai berikut.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
70
Gambar 4.56 Tampilan edit profil guru
d. Halaman Keaktifan Guru
Halaman ini adalah halaman untuk mengelola keaktifan siswa.
Gambar 4.57 Tampilan keaktifan guru
Tampilan untuk melihat keaktifan siswa sebagai berikut.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
71
Gambar 4.58 Tampilan lihat keaktifan guru
Tampilan untuk menambahkan keaktifan siswa sebagai berikut.
Gambar 4.59 Tampilan input keaktifan guru
e. Halaman Upload Guru
Halaman ini adalah halaman untuk upload file oleh guru.
Gambar 4.60 Tampilan upload guru
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
72
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
72
BAB V
PENUTUP
5.1 Kesimpulan
Kesimpulan dari uraian dan pembahasan diatas, bahwa Sistem Informasi Sekolah
dapat dibuat menggunakan bahasa pemrograman PHP, CSS, Javascript dan jQuery
serta database MySQL. Dengan system informasi sekolah ini maka dapat membantu
SMK PGRI 6 NGAWI dalam menginformasikan perkembangan siswa dan membantu
kegiatan promosi sekolah melalui media online.
5.2 Saran
Diharapkan kedepannya dapat memberikan informasi secara lengkap, akurat dan
cepat kepada seluruh warga di sekolah itu sendiri.