perpustakaan.uns.ac.id digilib.uns.aceprints.uns.ac.id/5381/1/209221712201110051.pdf ·...

90
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

Upload: others

Post on 15-Feb-2020

10 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: 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

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

Page 2: 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

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

Page 3: 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

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

Page 4: 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

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

Page 5: 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

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

Page 6: 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

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.

Page 7: 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

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.

Page 8: 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

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.

Page 9: 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

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

Page 10: 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

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

1.5. Manfaat Penelitian .............................................................................. 2

1.6. Metodologi Penelitian ........................................................................ 2

1.7. Sistematika Penulisan ...........................................................................3

BAB II. LANDASAN TEORI

2.1. Sistem Informasi ................................................................................ 5

2.2. Sistem Informasi Manajemen ........................................................ 6

2.3. Basis Data ................................................................................ 6

2.4. MySQL ............................................................................................ 7

2.5. Hypertex PreProcessor (PHP) ........................................................ 7

2.6. Context Diagram ................................................................................ 9

2.7. Data Flow Diagram (DFD) ............................................................. 10

2.8. Entity Relationship Diagram (ERD) ................................................ 11

Page 11: 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

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user xi

2.9. Flowchart ......................................................................................... 12

BAB III. DESAIN DAN PERANCANGAN SISTEM

3.1. Data Flow Diagram (DFD) .............................................................. 14

3.1.1. DFD Level 0 .......................................................................... 14

3.1.2. DFD Level 1 ......................................................................... 15

3.1.3. DFD Level 2 Keaktifan Guru ………………………………16

3.1.4. DFD Level 2 Nilai Guru ………………………….…………16

3.1.5. DFD Level 2 Manage Data Guru ……..………..……………17

3.1.6. DFD Level 2 Manage Data Siswa .………………….………18

3.2. Entity Relationship Diagram (ERD)………………………………...18

3.3. Schema Diagram …...……..…………………………………………19

3.4. Rancangan Database ……..…..……………………………………19

3.5. Flowchart ........................................................................................... 25

3.5.1. Flowchart Login ................................................................... 25

3.5.2. Flowchart Guestbook ........................................................... 25

3.5.3. Flowchart Chat ..................................................................... 26

3.5.4. Flowchart Edit Profil Guru .................................................. 26

3.5.5. Flowchart Edit Profil Siswa ................................................. 27

3.5.6. Flowchart Tambah Nilai ....................................................... 27

3.5.7. Flowchart Tambah Keaktifan .............................................. 28

3.5.8. Flowchart Kelola Data Siswa/Guru ..................................... 28

3.5.9. Flowchart Upload File ....................................................... 29

3.5.10. Flowchart Kelola Mapel ....................................................... 29

3.5.11. Flowchart Kelola Kelas ....................................................... 30

3.5.12. Flowchart Kelola Gallery ..................................................... 30

3.5.13. Flowchart Kelola Chat ......................................................... 31

3.5.14. Flowchart Kelola Guestbook ................................................. 31

3.5.15. Flowchart Kelola News Flash ............................................... 32

3.6. Struktur dan Desain ................................................................... 32

3.6.1. Tampilan Layout untuk Halaman Admin…………………..32

3.6.2. Tampilan Layout untuk Halaman Pengunjung…………….33

Page 12: 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

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user xii

3.6.3. Tampilan Layout untuk Halaman Siswa…………………...33

3.6.4. Tampilan Layout untuk Halaman Guru…………………....34

3.7. Site Map ..............................................................................................34

BAB IV. IMPLEMENTASI DAN ANALISA

4.1. Analisa ........................................................................................... 37

4.2. Fitur Sistem ............................................................................... 37

4.3. Desain Tampilan ............................................................................... 38

4.3.1. Halaman User ................................................................... 38

4.3.2. Halaman Administrator ........................................................47

4.3.3. Halaman Siswa .....................................................................61

4.3.4. Halaman Guru.......................................................................66

BAB V. PENUTUP

1.1. Kesimpulan ............................................................................... 72

1.2. Saran ........................................................................................... 72

DAFTAR PUSTAKA ........................................................................................... 73

Page 13: 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

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user xiii

DAFTAR TABEL

Nomor Halaman

2.1 Simbol Context Diagram …………………………………………..9

2.2 Notasi Kesatuan Keluar DFD .........................................................10

2.3 ERD ………………………………………………………………11

2.4 Notasi Flowchart ............................................................................12

3.1 Tabel Admin …………………………………………………….………..19

3.2 Tabel Siswa ……………………………………………….………20

3.3 Tabel Personil ……………………………………………….……20

3.4 Tabel Kelas ……………………………………………….………21

3.5 Tabel Mapel ………………………………………………….…...21

3.6 Tabel Nilai …………………………………………………….….21

3.7 Tabel Album ………………………………………………….…..22

3.8 Tabel Gallery ……………………………………………….…….22

3.9 Tabel Forum ………………………………………………….…...23

3.10 Tabel Guestbook ……………………………………………….…23

3.11 Tabel News Flash …………………………………………….…..23

3.12 Tabel Chat ………………………………………………………….……24

3.13 Tabel Ajar ...……………………………………………………...24

Page 14: 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

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user xiv

DAFTAR GAMBAR

Nomor Halaman

3.1 DFD Level 0 Sistem Informasi …………………………………. 14

3.2 DFD Level 1 ……………………………………………………..15

3.3 DFD Level 2 Keaktifan Guru ……………………………………16

3.10 DFD Level 2 Nilai Guru …………………………………………16

3.11 DFD Level 2 Manage Data Guru ………………………………..17

3.12 DFD Level 2 Manage Data Siswa ……………………………….17

3.13 ERD Utama ………………………………………………………18

3.14 ERD album dan forum …………………………………………...18

3.15 Schema Diagram ………………………………………………………...19

3.16 Diagram Alir Proses Login ………………………………………25

3.17 Diagram Alir Proses Pengisian Guestbook ………………………25

3.18 Diagram Alir Proses Pengisian Chat ……………………………..26

3.19 Diagram Alir Proses Edit Profil Guru …………………………...26

3.20 Diagram Alir Proses Edit Profil Siswa …………………………..27

3.21 Diagram Alir Proses Tambah Nilai ……………………………....27

3.22 Diagram Alir Proses Tambah Keaktifan …………………………28

3.23 Diagram Alir Proses Kelola Data Siswa/Guru …………………...28

3.24 Diagram Alir Proses Upload File ………………………………...29

3.25 Diagram Alir Proses Kelola Mapel ………………………………29

3.26 Diagram Alir Proses Kelola Kelas ……………………………….30

3.27 Diagram Alir Proses Kelola Gallery ……………………………..30

3.28 Diagram Alir Proses Kelola Chat ………………………………...31

3.29 Diagram Alir Proses Kelola Guestbook …………………………..31

3.30 Diagram Alir Proses Kelola News Flash …………………………32

3.31 Layout admin ……………………………………………………..32

3.32 Layout Pengunjung ……………………………………………….33

3.33 Layout Siswa ……………………………………………………...33

Page 15: 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

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user xv

3.34 Layout Guru ………………………………………………………34

3.35 Tampilan Site Map untuk user …………………………………....34

3.36 Tampilan Site Map untuk admin ………………………………….35

3.37 Tampilan Site Map untuk siswa …………………………………..36

3.38 Tampilan Site Map untuk guru …………………………………...36

4.1 Tampilan Awal Sistem Informasi ………………………………...38

4.2 Tampilan Halaman Personil ……………………………………....39

4.3 Tampilan Halaman Kurikulum ……………………………………40

4.4 Tampilan Halaman Ekstrakulikuler ………………………………41

4.5 Tampilan Halaman Album Gallery ……………………………….42

4.6 Tampilan Foto pada Halaman Album Gallery ……………………42

4.7 Tampilan Halaman Guetsbook ……………………………………43

4.8 Tampilan Form Pengisian di Forum Guestbook ………………….43

4.9 Tampilan Halaman Kontak ……………………………………….44

4.10 Tampilan Halaman Download ……………………………………44

4.11 Tampilan Shoutbox ……………………………………………….45

4.12 Tampilan News Flash ……………………………….……………45

4.13 Tampilan Berita dari News Flash ……………………….………..46

4.14 Tampilan Halaman Login Administrator ………………………...,47

4.15 Tampilan Halaman Awal Admin …………………………………48

4.16 Tampilan News Flash Admin …………………………………….49

4.17 Tampilan Input News Flash ……………………………………....49

4.18 Tampilan Update News Flash ……………………………………50

4.19 Tampilan Shoutbox Admin ……………………………………….50

4.20 Tampilan Personil Admin ………………………………………...51

4.21 Tampilan Input Personil Admin ………………………………….51

4.22 Tampilan Edit Personil Admin …………………………………...52

4.23 Tampilan Halaman Siswa Admin ………………………………...52

4.24 Tampilan Add Siswa Admin ……………………………………...53

4.25 Tampilan Edit Siswa Admin ……………………………………...53

4.26 Tampilan Kelas Admin …………………………………………...54

Page 16: 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

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user xvi

4.27 Tampilan Add Kelas Admin …………………………………..….54

4.28 Tampilan Update Kelas Admin …………………………………..54

4.29 Tampilan Mapel Admin …………………………………………..55

4.30 Tampilan Add Mapel Admin ……………………………………..55

4.31 Tampilan Update Mapel Admin ……………………………….…55

4.32 Tampilan Album Admin ……………………………………….…56

4.33 Tampilan Tambah Album Admin ………………………………...56

4.34 Tampilan Edit Album Admin …………………………………….57

4.35 Tampilan Gallery Admin ………………………………………...57

4.36 Tampilan Tambah Gallery Admin ……………………………….58

4.37 Tampilan Edit Gallery Admin ……………………………………58

4.38 Tampilan Upload Admin …………………………………………59

4.39 Tampilan Guestbook Admin ……………………………………...59

4.40 Tampilan Forum Admin ………………………………………….60

4.41 Tampilan Update Forum Admin …………………………………60

4.42 Tampilan Login Siswa …………………………………………...61

4.43 Tampilan Awal Siswa ……………………………………………62

4.44 Tampilan Profil Siswa ……………………………………………63

4.45 Tampilan Edit Profil Siswa …………………………………….…63

4.46 Tampilan Nilai Siswa ………………………………………….…64

4.47 Tampilan Forum Siswa …………………………………………...64

4.48 Tampilan Download Siswa …………………………………….....65

4.49 Tampilan Login Guru ………………………………………….....66

4.50 Tampilan Awal Guru ……………………………………………..67

4.51 Tampilan Nilai Guru ……………………………………………...67

4.52 Tampilan Lihat Siswa ………………………………………….....68

4.53 Tampilan Lihat Nilai Guru …………………………………….....68

4.54 Tampilan Input Nilai Guru …………………………………….…68

4.55 Tampilan Profil Guru ………………………………………….…69

4.56 Tampilan Edit Profil Guru ………………………………………..69

4.57 Tampilan Keaktifan Guru ………..………………………………70

Page 17: 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

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user xvii

4.58 Tampilan Lihat Keaktifan Guru ………………………………….70

4.59 Tampilan Input Keaktifan Guru ………………………………….70

4.60 Tampilan Upload Guru …………………………….…………….71

Page 18: 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

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

1

BAB I

PENDAHULUAN

1.1 Latar Belakang Masalah

SMK PGRI 6 NGAWI merupakan salah satu sekolah menengah

kejuruan di kabupaten Ngawi yang cukup banyak diminati masyarakat karena

memiliki banyak program jurusan dan bermacam-macam pilihan

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.

Selama ini, informasi dari sebuah sekolah lebih sering hanya dapat

diperoleh dengan cara mengunjungi tempatnya secara langsung yang tentunya

sangat tidak memuaskan bagi masyarakat karena informasi yang diperoleh

sangat terbatas. Selain itu, penyampaian informasi yang masih manual hanya

menggunakan buku ataupun catatan tertulis akan semakin mempersulit proses

update yang berlangsung dalam sekolah tersebut, seperti proses penerimaan

murid baru dan kegiatan-kegiatan di sekolah tersebut. Oleh karena itu, perlu

adanya sebuah media yang dapat menyampaikan informasi kepada masyarakat

secara tepat, cepat dan akurat , salah satunya adalah dengan media internet,

yakni dengan membangun sebuah sistem informasi.

Keberadaan sistem informasi yang berisi segala informasi dapat

dengan mudah diakses oleh masyarakat luas secara cepat, sehingga

masyarakat akan mendapatkan segala informasi yang di inginkan dari instansi

tersebut secara cepat.

1.2 Rumusan Masalah

Berdasarkan latar belakang masalah tersebut maka perumusan

masalah yang dibahas adalah "Bagaimana Membangun Sistem Informasi

Sekolah" untuk memudahkan murid, guru serta masyarakat mengetahui

perkembangan informasi di sekolah sekaligus sebagai suatu media yang bisa

memudahkan promosi sekolah kepada masyarakat luas.

Page 19: 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

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

2

1.3 Pembatasan Masalah

Dalam pembuatan tugas akhir ini hanya akan membuat Sistem

Informasi Sekolah di SMK PGRI 6 Ngawi yang deskripsinya adalah

informasi tentang sekolah dan hasil belajar dan kegiatan siswa di sekolah.

1.4 Tujuan Penelitian

Membuat sistem informasi sekolah SMK PGRI 6 NGAWI yang bisa

dipergunakan sebagai sarana evaluasi pembelajaran oleh para guru dan

siswa. Evaluasi disini akan mencakup tentang laporan keaktifan siswa dan

hasil / nilai dari tiap mata pelajaran.

1.5 Manfaat Penelitian

Manfaat dari sistem informasi ini dapat digunakan oleh siswa, guru

maupun masyarakat sekitar untuk mendapatkan informasi dari sekolah

secara mudah karena dibangun dengan basis web dengan bahasa

pemrograman PHP yang dilengkapi CSS, JavaScript dan JQuery sehingga

dapat dijalankan secara multi-platform.

1.6 Metodologi Penelitian

1.6.1 Jenis dan Sumber Data

Dalam penelitian ini terdapat dua jenis data yang digunakan yaitu :

a. Data Primer

Data yang langsung diperoleh dari sumber atau obyek yang sedang

diteliti. Dalam hal ini, data primer diperoleh dengan menanyakan

langsung tentang kebutuhan sistem yang akan di bangun kepada pihak

yang bersangkutan.

b. Data Sekunder

Data diperoleh dengan berbagai macam kepustakaan yang

berkaitan dengan pembuatan sistem, baik yang didapat dari internet

maupun dari buku.

Page 20: 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

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

3

1.6.2 Metode Pegumpulan Data

Metode pengumpulan data yang digunakan pada penyusunan tugas akhir ini

adalah sebagai berikut :

a. Metode Observasi

Metode yang dilakukan dengan pengamatan secara langsung

tentang bagaimana cara sekolah menyampaikan informasi kepada

siswa,guru dan masyarakat sekitar.

b. Studi Pustaka

Metode atau teknik pengumpulan data dengan menggunakan

pustaka-pustaka yang membahas cara pembuatan Sistem Informasi

Sekolah menggunakan bahasa pemrograman PHP untuk digunakan

sebagai referensi atau bahkan digunakan sebagai bahan perbandingan.

1.7 Sistematika Penulisan

Dalam laporan ini, terdapat 5 bab yang masing-masing akan diuraikan

secara singkat dalam sistematika penulisan sebagai berikut:

a. BAB I PENDAHULUAN

Bab ini merupakan bab awal dalam laporan penelitian ini. Bab ini

berisi latar belakang masalah, perumusan masalah, batasan

masalah, tujuan dan manfaat, metodologi penelitian, serta sistematika

penelitian.

b. BAB II LANDASAN TEORI

Bab ini memuat tinjauan pustaka teori-teori yang disajikan dalam

landasan teori hanyalah teori yang mendukung pembuatan Sistem

Informasi SMK PGRI 6 NGAWI.

c. BAB III DESAIN DAN PERANCANGAN

Bab ini memuat data-data yang diperlukan dalam perancangan sistem,

yaitu context diagram, data flow diagram, flowchart, desain

database, dan desain tampilan.

Page 21: 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

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

4

d. BAB IV IMPLEMENTASI DAN ANALISA

Bab ini berisi tentang langkah dan hasil analisa yang disajikan dalam

bentuk tabel, gambar dan keterangannya.

e. BAB IV PENUTUP

Bab ini berisi kesimpulan dan saran.

Page 22: 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

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

5

BAB II

LANDASAN TEORI

2.1 Sistem Informasi

Dalam buku Sistem Informasi Berbasis Komputer edisi 2, yang ditulis oleh

H.M. Jogiyanto. Definisi sistem informasi menurut beberapa pakar adalah

sebagai berikut :

Sistem informasi adalah suatu kegiatan dari prosedur – prosedur yang

diorganisasikan, bilamana dieksekusi akan menyediakan informasi untuk

mendukung pengambilan keputusan dan pengendalian di dalam organisasi

(Henry C. Lucas)

Sistem informasi adalah suatu kombinasi dari orang-orang, fasilitas, teknologi,

media, prosedur-prosedur dan pengendalian yang ditujukan untuk

mendapatkan jalur komunikasi penting, memproses tipe transaksi rutin

tertentu, member sinyal kepada manajemen dan yang lainnya terhadap

kejadian-kejadian internal manajemen dan eksternal yang penting dan

menyediakan suatu dasar untuk pengambilan keputusan yang cerdik.

(John F. Nash dan Martin B. Roberts)

Sistem informasi adalah suatu sistem di dalam suatu organisasi yang

mempertemukan kebutuhan pengolahan transaksi harian, mendukung operasi,

bersifat manajerial dan kegiatan strategi dari suatu organisasi dan

menyediakan pihak luar tertentu dengan laporan-laporan yang diperlukan.

(Robert A. Leitch dan K. Roscoe Davis)

Sistem informasi adalah suatu cara yang sudah tertentu untuk menyediakan

informasi yang dibutuhkan oleh organisasi untuk beroperasi dengan cara yang

sukses dan untuk organisasi bisnis dengan cara yang menguntungkan.

(James B. Bower, Robert E. Schlosser dan Maurice S. Newman)

Komponen sistem informasi terdiri atas :

a) Block Masukan : data yang masuk ke dalam sistem informasi

Page 23: 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

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

6

b) Block Model : kombinasi prosedur, logika dan model matematik yang

akan memanipulasi data dengan cara yang sudah tertentu untuk

menghasilkan keluaran yang diinginkan.

c) Block Keluaran : informasi yang dihasilkan.

d) Block Teknologi : humanware atau brainware, software dan hardware

e) Block Basis Data : kumpulan data yang saling berhubungan, tersimpan di

perangkat keras komputer dan digunakan perangkat lunak untuk

memanipulasinya.

f) Block Kendali : pengendalian sistem informasi agar dapat berjalan sesuai

dengan yang diinginkan.

(John Burch dan Gary Grudnitski)

2.2 Sistem Informasi Manajemen

Dalam buku Sistem Informasi Berbasis Komputer edisi 2, yang ditulis oleh

H.M. Jogiyanto Sistem informasi manajemen merupakan penerapan sistem

informasi di dalam organisasi untuk mendukung informasi-informasi yang

dibutuhkan oleh semua tingkat manajemen.

Definisi sistem informasi manajemen :

a. Kumpulan dari interaksi sistem-sistem informasi

b. Menghasilkan informasi yang berguna untuk semua tingkatan manajemen.

2.3 Basis Data

Menurut Ir Fatansyah, dalam buku Basis Data. Basis data atau database

merupakan suatu wadah untuk mengelola data, sebuah database melibatkan

beberapa tabel. Database relasional adalah jenis database yang mencatat

hubungan antar tabel dalam bentuk data dalam tabel. Database Management

System (DBMS) adalah perangkat lunak yang digunakan untuk mengelola dan

mengontrol pengaksesan database.

Sistem database adalah sistem yang digunakan untuk berinteraksi dengan

database, baik melalui DBMS ataupun program aplikasi. Data adalah bahan

mentah yang disimpan dalam database. Informasi adalah hasil pemrosesan

Page 24: 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

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

7

data dalam database sehingga menghasilkan suatu bentuk yang berguna bagi

pemakai.

DBMS memiliki beberapa kelebihan, yaitu : pengontrolan duplikasi data,

penyediaan kemampuan berbagi data, peningkatan integritas data dan

pengaturan keamanan data.

2.4 MySQL

Menurut Abdul Kadir, dalam buku Mudah Mempelajari Database MySQL.

MySQL tergolong sebagai DBMS yang bermanfaat untuk mengelola data

dengan cara yang sangat fleksibel dan cepat. Itulah sebabnya, istilah seperti

tabel, baris dan kolom digunakan pada MySQL. Pada MySQL, sebuah

database mengandung satu atau sejumlah tabel. Tabel terdiri atas sejumlah

baris dan setiap baris mengandung satu atau beberapa kolom.

Sejumlah aktifitas yang didukung oleh MySQL adalah :

a. Menyimpan data ke dalam tabel

b. Menghapus data dalam tabel

c. Mengubah data dalam tabel

d. Mengambil data yangn tersimpan dalam tabel

e. Memungkinkan untuk memilih data tertentu yang diambil

f. Memungkinkan untuk melakukan pengaturan hak akses terhadap data

MySQL adalah salah satu jenis database server yang sangat terkenal.

Kepopuleranya disebababkan MySQL menggunakan SQL (Stuktur Query

Language) sebagai bahasa dasar untuk mengakses databasenya. Selain itu, ia

bersifat Open Source (Anda tidak perlu membayar untuk menggunakanya)

pada pelbagai platform (kecuali untuk jenis Enterprise, yang bersifat

komersial). Perangkat lunak MySQL sendiri bisa di-download dari

http://www.mysql.com

2.5 Hypertex PreProcessor (PHP)

Menurut Dodit Suprianto, dalam Buku Pintar Pemrograman PHP. PHP

merupakan kependekan dari kata Hypertext Prepocessor. PHP tergolong

Page 25: 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

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

8

sebagai bahasa pemrograman yang berbasis server (server side scripting). Ini

berarti bahwa semua script PHP diletakkan di server dan diterjemahkan oleh

web server terlebih dahulu, kemudian hasil terjemahan itu dikirimkan ke

browser client. Secara teknologi, bahasa pemrograman PHP memiliki

kesamaan dengan bahasa ASP (Active Server Page), Cold Fusion, JSP (Java

Server Page) ataupun Perl.

PHP yang merupakan bahasa pemrograman berbasis web yang memiliki

kemampuan untuk memproses data dinamis. PHP dikatakan sebagai sebuah

server-side embedded script language artinya sintaks-sintaks dan perintah

yang kita berikan akan sepenuhnya dijalankan oleh server tetapi

disertakan pada halaman HTML biasa. Aplikasi-aplikasi yang dibangun oleh

PHP pada umumnya akan memberikan hasil pada web browser, tetapi

prosesnya secara keseluruhan dijalankan di server. Pada prinsipnya server

akan bekerja apabila ada permintaan dari client. Client menggunakan

kode-kode PHP untuk mengirimkan permintaan ke server. Sifat sever

side ini membuat pengerjaan skrip tersebut dikerjakan di server sedangkan

yang dikirim kepada browser adalah hasil proses dari skrip tersebut yang

sudah terbentuk HTML.

Server akan melakukan hal-hal sebagai berikut ketika menggunakan PHP

sebagai server-side embedded script language :

a. Membaca permintaan dari client/browser

b. Mencari halaman/page di server

c. Melakukan instruksi yang diberikan oleh PHP untuk melakukan

modifikasi pada halaman/page

d. Mengirim kembali halaman tersebut kepada client melalui internet atau

intranet.

Sifat server side ini membuat pengerjaan skrip tersebut dikerjakan di

server sedangkan yang dikirim kepada browser adalah hasil proses dari skrip

Keunggulan dari sifatnya yang server side tersebut adalah :

a. Tidak diperlukan adanya kompatibilitas browser atau harus menggunakan

browser tertentu, karena server lah yang akan mengerjakan skrip tersebut.

Page 26: 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

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

9

Hasil yang dikirimkan kembali ke browser biasanya dalam bentuk

teks ataupun gambar sehingga dapat dikenali oleh browser apapun.

b. Dapat memanfaatkan sumber-sumber aplikasi yang dimiliki oleh

server. Contoh hubungan kedalam database.

c. Skrip asli tidak dapat dilihat sehingga keamanan lebih terjamin.

2.6 Context Diagram

Context Diagram adalah diagram tingkatan atas yaitu diagram yang

paling tidak detail sistem informasi yang menggambarkan alur data kedalam

dan keluar sistem. CD merupakan kejadian tersendiri dari suatu diagram

alir data. Dimana satu lingkaran mempresentasikan seluruh sistem. CD ini

harus berupa suatu pandangan, yang mencakup masukan-masukan dasar,

sistem-sistem dan keluaran. CD merupakan tingkatan tertinggi dalam

diagram aliran data dan hanya memuat satu proses, menunjukkan

sistem secara keseluruhan. Proses tersebut diberi nomor nol. Semua

entitas eksternal yang ditunjukkan pada diagram konteks berikut

aliran data-aliran data utama menuju dan dari sistem. Diagram

tersebut tidak memuat penyimpanan data dan tampak sederhana

untuk diciptakan, begitu entitas-entitas eksternal serta aliran data-aliran dan

menuju dan dari sistem diketahui penganalisis dari wawancara dengan

user dan sebagai hasil analisis dokumen. CD menggaris bawahi sejumlah

karakteristik penting dari suatu sistem.

Tabel 2.1 Simbol Context Diagram

Simbol Arti

Entity yang terlibat dalam

sistem

Proses yang terjadi dalam

sistem

Page 27: 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

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

10

Arah aliran informasi atau

data

(Sumber : http://dhamidin.files.wordpress.com/2008/01/handout-6.pdf)

2.7 Data Flow Diagram (DFD)

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

Page 28: 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

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

Page 29: 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

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)

Page 30: 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

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

13

( Sumber : febriani.staff.gunadarma.ac.id/Downloads/files/5616/Flowchart.pdf)

Page 31: 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

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

Page 32: 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

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

Page 33: 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

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

Page 34: 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

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

Page 35: 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

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

Page 36: 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

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

Page 37: 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

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

Page 38: 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

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

Page 39: 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

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

Page 40: 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

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

Page 41: 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

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

Page 42: 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

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

Page 43: 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

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

Page 44: 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

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

Page 45: 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

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

Page 46: 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

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

Page 47: 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

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

Page 48: 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

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

Page 49: 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

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

Page 50: 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

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

Page 51: 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

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

Page 52: 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

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

35

Gambar 3.32 Tampilan Site Map untuk admin

Page 53: 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

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

Page 54: 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

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.

Page 55: 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

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

Page 56: 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

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

Page 57: 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

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

Page 58: 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

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

Page 59: 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

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

Page 60: 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

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

Page 61: 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

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

Page 62: 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

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

Page 63: 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

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

Page 64: 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

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

Page 65: 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

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

Page 66: 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

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

Page 67: 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

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

Page 68: 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

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

Page 69: 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

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

Page 70: 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

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

Page 71: 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

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

Page 72: 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

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

Page 73: 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

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

Page 74: 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

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.

Page 75: 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

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.

Page 76: 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

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.

Page 77: 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

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.

Page 78: 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

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.

Page 79: 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

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.

Page 80: 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

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.

Page 81: 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

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.

Page 82: 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

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.

Page 83: 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

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

Page 84: 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

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.

Page 85: 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

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.

Page 86: 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

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.

Page 87: 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

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.

Page 88: 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

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

Page 89: 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

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

72

Page 90: 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

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.