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
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
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
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
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
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
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
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
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
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.
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.
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.
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.
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
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
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
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.
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
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
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.
Top Related