PEMBUATAN SISTEM INFORMASI SEKOLAH SMK PGRI 6 NGAWI
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
(2)
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
(3)
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
(4)
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.
(5)
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.
(6)
commit to user
vi MOTTO
Semua berawal dari niat.
(7)
commit to user
vii
PERSEM BAH AN
Karya ini diper sembahkan kepada :
1. Kedua or ang tua serta segenap keluarga yang saya cintai dalam memberi kan doa dan dukungannya.
2. Bapak Drs. Y. S. Pal gunadi, M. Sc. selaku Ketua Pr ogr am Di ploma III Tekni k Informatika Fakultas MIPA Universitas Sebel as Maret Surakarta.
3. Ibu Hartatik, M.Si selaku dosen pembi mbing yang tel ah memberikan masukan, pengarahan dan petunj uk kepada saya.
4. Teman-teman jurusan Teknik Informatika angkatan 2008.
5. Orang-orang yang sudah menghisasi dan mewarnai dalam perj al anan hidup dan karirku.
(8)
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.
(9)
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
(10)
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
(11)
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
(12)
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
(13)
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
(14)
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 2Manage Data Guru ………..17
3.12 DFD Level 2Manage 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
(15)
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 untuksiswa ………..36
3.38 Tampilan Site Map untukguru ………...36
4.1 Tampilan Awal Sistem Informasi ………...38
4.2 TampilanHalaman Personil ………....39
4.3 TampilanHalaman Kurikulum ………40
4.4 TampilanHalaman Ekstrakulikuler ………41
4.5 TampilanHalaman Album Gallery ……….42
4.6 TampilanFoto pada Halaman Album Gallery ………42
4.7 TampilanHalaman Guetsbook ………43
4.8 Tampilan Form Pengisian di Forum Guestbook ……….43
4.9 TampilanHalaman Kontak ……….44
4.10 TampilanHalaman Download ………44
4.11 Tampilan Shoutbox ……….45
4.12 Tampilan News Flash ……….………45
4.13 TampilanBerita dari News Flash ……….………..46
4.14 TampilanHalaman Login Administrator ………...,47
4.15 TampilanHalaman 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
(16)
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 GalleryAdmin ………...57
4.36 Tampilan Tambah GalleryAdmin ……….58
4.37 Tampilan Edit GalleryAdmin ………58
4.38 Tampilan UploadAdmin ………59
4.39 Tampilan GuestbookAdmin ………...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 AwalGuru ………..67
4.51 Tampilan NilaiGuru ………...67
4.52 Tampilan Lihat Siswa ………...68
4.53 Tampilan Lihat NilaiGuru ………...68
4.54 Tampilan Input NilaiGuru ……….…68
4.55 Tampilan Profil Guru ……….…69
4.56 Tampilan Edit Profil Guru ………..69
(17)
commit to user
xvii
4.58 Tampilan Lihat Keaktifan Guru ……….70 4.59 Tampilan Input Keaktifan Guru ……….70 4.60 Tampilan Upload Guru ……….……….71
(18)
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.
(19)
commit to user
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.
(20)
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.
(21)
commit to user
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
(22)
commit to user
5 BAB II LANDASAN TEORI
2.1Sistem 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 :
(23)
commit to user
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.3Basis 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
(24)
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.4MySQL
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.5Hypertex PreProcessor (PHP)
Menurut Dodit Suprianto, dalam Buku Pintar Pemrograman PHP. PHP merupakan kependekan dari kata Hypertext Prepocessor. PHP tergolong
(25)
commit to user
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.
(26)
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 Art i
Ent it y yang t erlibat dalam
sist em
Proses yang t erjadi dalam
(27)
commit to user
Arah aliran informasi at au
dat a
(Sumber : ht t p:/ / dhamidin.files.w ordpress.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 Ent it as
ekst ernal
(28)
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
(29)
commit to user
2.9Flowchart
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)
(30)
commit to user
13
(31)
commit to user
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.1Data Flow Diagram (DFD)
3.1.1 Data Flow Diagram (DFD) level 0
DFD Level 0 disini menggambarkan aliran data yang terdapat dalam sistem Informasi.
(32)
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.
(33)
commit to user
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 Siswadalam sistem Informasi.
Gambar 3.3 Data Flow Diagram level 2Guru 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 Siswadalam sistem Informasi.
(34)
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 pelajarandalam 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.
(35)
commit to user
3.2Entity Relationship Diagram (ERD)
Gambar 3.7 ERD Utama
(36)
commit to user
19
3.3Schema 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.4Rancangan 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
(37)
commit to user
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
(38)
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
(39)
commit to user
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
(40)
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
(41)
commit to user
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
(42)
commit to user
25
3.5Diagram 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
(43)
commit to user
3.5.3 Flow Chart Chat
Gambar 3.12 : Diagram Alir Proses Pengisian Chat
3.5.4 Flow Chart Edit Profil Guru
(44)
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
(45)
commit to user
3.5.7 Flow Chart Tambah Keaktifan
Gambar 3.16 : Diagram Alir Proses Tambah Keaktifan
3.5.8 Flow Chart Kelola Data Siswa/Guru
(46)
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
(47)
commit to user
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
(48)
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
(49)
commit to user
3.5.15 Flow Chart Kelola News Flash
Gambar 3.26 : Diagram Alir Proses Kelola News Flash
3.6Struktur dan Desain
3.6.1 Tampilan Layout untuk Halaman Admin
Tampilan Layout untuk halaman admin ditunjukkan pada Gambar 3.27
Gambar 3.27 LayoutAdmin
HEADER
FOOTER
(50)
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
M ENU
NEWS FLASH
CONTEN T
Chat
HEADER
FOOTER
(51)
commit to user
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
(52)
commit to user
35
(53)
commit to user
Gambar 3.33 Tampilan Site Map untuk siswa
(54)
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.
(55)
commit to user
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:
(56)
commit to user
39
b. Halaman Personil
Halaman ini berisi tentang personil yang ada dalam struktur sekolah tersebut.
(57)
commit to user
c. Halaman Kurikulum
Halaman kurikulum ini merupakan halaman mengenai data dari masing-masing
program study yang ada di sekolah tersebut.
(58)
commit to user
41
d. Halaman Ekstrakulikuler
Halaman ekstrakulikuler ini merupakan menjelaskan tentang kegiatan ekstrakulikuler
yang ada di sekolah tersebut.
(59)
commit to user
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.
(60)
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.
(61)
commit to user
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.
(62)
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.
(63)
commit to user
Tampilan halaman berita saat salah satu berita yang ada di
News Flash
dibuka.
(64)
commit to user
47
4.3.2 Halaman
Administrator
a. Halaman
Login Administrator
Halaman ini merupakan halaman untuk login user tingkat administrator.
(65)
commit to user
b. Halaman Awal
Administrator
Halaman ini merupakan halaman awal jika
Administrator
berhasil
Login
ke dalam
sistem.
(66)
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.
(67)
commit to user
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
.
(68)
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.
(69)
commit to user
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.
(70)
commit to user
53
Tampilan form untuk menambah data siswa.
Gambar 4.24 Tampilan
add
siswa
admin
Tampilan
form
yang digunakan untuk mengedit data.
(71)
commit to user
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.
(72)
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.
(73)
commit to user
i. Halaman Album
Administrator
Halaman ini digunakan untuk mengelola (Tambah dan
Edit).
Gambar 4.32 Tampilan album
admin
Tampilan
form
untuk menambah album.
(74)
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.
(75)
commit to user
Tampilan
form
untuk tambah
gallery
.
Gambar 4.36 Tampilan tambah
gallery admin.
Tampilan
form
untuk
edit gallery
.
(76)
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.
(77)
commit to user
Tampilan form pengisian forum.
Gambar 4.40 Tampilan forum
admin.
Tampilan
form
untuk
edit
pesan-pesan di forum.
(78)
commit to user
61
4.3.3 Halaman Siswa
a. Halaman
Login
Siswa
Halaman ini digunakan untuk login siswa.
(79)
commit to user
b. Halaman Awal Siswa
Halaman ini awal saat siswa berhasil
login
.
(80)
commit to user
63
c. Halaman Profil Siswa
Halaman ini menyediakan data diri siswa.
Gambar 4.44 Tampilan profil siswa
.
(81)
commit to user
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.
(82)
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
(83)
commit to user
4.3.4 Halaman Guru
a. Halaman
Login
Guru
Halaman ini untuk
login
guru.
(84)
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.
(85)
commit to user
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.
(86)
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.
(87)
commit to user
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.
(88)
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.
(89)
(90)
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.
(1)
commit to user
Gambar 4.51 Tampilan nilaiguru Tampilan untuk melihat siswa di dalam kelas yang diampu.
Gambar 4.52 Tampilan lihat siswa. Tampilan untuk melihat nilai.
Gambar 4.53 Tampilan lihat nilaiguru Tampilan untuk input nilai.
(2)
commit to user
Gambar 4.54 Tampilan lihat nilaiguru
d. Halaman ProfilGuru
Halaman ini adalah halaman untuk mengelola profil.
Gambar 4.55 Tampilan profilguru Tampilan untuk mengedit profil sebagai berikut.
(3)
commit to user
Gambar 4.56 Tampilan edit profilguru
d. Halaman KeaktifanGuru
Halaman ini adalah halaman untuk mengelola keaktifan siswa.
Gambar 4.57 Tampilan keaktifanguru
(4)
commit to user
Gambar 4.58 Tampilan lihat keaktifanguru Tampilan untuk menambahkan keaktifan siswa sebagai berikut.
Gambar 4.59 Tampilan input keaktifanguru e. Halaman Upload Guru
Halaman ini adalah halaman untuk upload file oleh guru.
(5)
(6)
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.2Saran
Diharapkan kedepannya dapat memberikan informasi secara lengkap, akurat dan cepat kepada seluruh warga di sekolah itu sendiri.