SISTEM INFORMASI PENGOLAHAN NILAI RAPORT PADA MADRASAH …
Transcript of SISTEM INFORMASI PENGOLAHAN NILAI RAPORT PADA MADRASAH …
SISTEM INFORMASI PENGOLAHAN NILAI RAPORT PADA
MADRASAH ALIYAH SWASTA MIFTAHUSSALAM MEDAN
.
.
TUGAS AKHIR
.
.
.
DIAH MAUDY ISABELLINA
152406061
.
.
.
.
.
.
.
.
.
PROGRAM STUDI D3 TEKNIK INFORMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2018
UNIVERSITAS SUMATERA UTARA
SISTEM INFORMASI PENGOLAHAN NILAI RAPORT PADA
MADRASAH ALIYAH SWASTA MIFTAHUSSALAM MEDAN
.
.
TUGAS AKHIR
.
Diajukan untuk melengkapi tugas dan memenuhi syarat memperoleh gelar
Ahli Madya
.
DIAH MAUDY ISABELLINA
152406061
.
.
.
.
.
.
.
.
.
.
PROGRAM STUDI D3 TEKNIK INFORMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2018
UNIVERSITAS SUMATERA UTARA
PERNYATAAN ORISINALITAS
SISTEM INFORMASI PENGOLAHAN NILAI RAPORT PADA MADRASAH
ALIYAH SWASTA MIFTAHUSSALAM MEDAN
TUGAS AKHIR
Saya menyatakan bahwa laporan tugas akhir ini adalah hasil karya sendiri, kecuali
beberapa kutipan dan ringkasan yang masing-masing disebutkan sumbernya.
Medan, 07 Juni 2018
Diah Maudy Isabellina
152406061
UNIVERSITAS SUMATERA UTARA
i
PENGESAHAN TUGAS AKHIR
Judul : Sistem Informasi Pengolahan Nilai Raport pada
Madrasah Aliyah Swasta Miftahussalam Medan
Kategori : Laporan Tugas Akhir
Nama : Diah Maudy Isabellina
Nomor Induk Mahasiswa : 152406061
Program Studi : Diploma Teknik Informatika
Fakultas : MIPA – Universitas Sumatera Utara
Disetujui di
Medan, 07 Juni 2018
Ketua Program Studi Pembimbing,
Dra.Normalina Napitupulu, M.Sc Drs.Rosman Siregar, M.Si
NIP.196311061989022001 NIP.196101071986011001
UNIVERSITAS SUMATERA UTARA
ii
SISTEM INFORMASI PENGOLAHAN NILAI RAPORT PADA MADRASAH
ALIYAH SWASTA MIFTAHUSSALAM MEDAN
ABSTRAK
Dalam laporan tugas akhir ini dibahas bagaimana merancang sebuah sistem informasi
nilai raport siswa berbasis web dengan PHP dan MySQL serta dengan menggunakan
database yang disesuaikan dengan kebutuhan dalam proses perancangan sistem ini.
Penelitian ini didasarkan pada perkembangan pesat dari teknologi informasi. Saat ini
Madrasah Aliyah Swasta Miftahussalam Medan masih menggunakan cara manual
dalam pengolahan nilai raport siswa. Dengan adanya sistem informasi ini
memudahkan admin maupun guru dalam melakukan proses pengolahan nilai raport
siswa. Kesimpulan dari laporan ini adalah sistem pengolahan nilai raport siswa
menjadi lebih mudah dan cepat karena menggunakan aplikasi berbasis web yang
dinamis.
Kata kunci : MySQL, PHP, Sistem informasi nilai raport, Web
UNIVERSITAS SUMATERA UTARA
iii
INFORMATION SYSTEMS OF PROGRESS REPORT PROCESSING AT
MADRASAH ALIYAH SWASTA MIFTAHUSSALAM MEDAN
ABSTRACT
In last assignment report discuss about how to design information system of web-based
student report cards by PHP and MySQL as well as by using a database that
customized to the needs of designing process of this system. This research based on
the rapid development of information technology. At this time Madrasah Aliyah Swasta
Miftahussalam Medan still using the manual way processing students report cards.
With the existence of this information system can facilitate admin and teacher in the
process of processing student report cards. The conclusion of this research is
information processing system of students report cards become easier and faster
because it uses a dynamic web-based application.
Key words : MySQL, PHP, Information system of report cards, Web
UNIVERSITAS SUMATERA UTARA
iv
PENGHARGAAN
Puji dan syukur penulis panjatkan kehadirat Allah SWT yang telah
memberikan rahmat dan karunia-Nya sehingga penulis dapat menyelesaikan
penyusunan tugas akhir ini dengan baik dalam waktu yang telah ditetapkan.
Tugas akhir ini dibuat sebagai salah satu syarat yang harus dipenuhi untuk
menyelesaikan pendidikan D3 pada Program Studi Teknik Informatika Fakultas
Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.
Dalam menyelesaikan tugas akhir ini, penulis banyak mengalami kesulitan
namun berkat bimbingan, dorongan, dan bantuan dari rekan-rekan mahasiswa/i
Program Studi D3 Teknik Informatika FMIPA USU, dosen, dan semua pihak yang
terkait dalam penyelesaian kajian tugas akhir ini, hal tersebut dapat penulis atasi
dengan baik.
Selama pengerjaan kajian tugas akhir ini hingga selesai penulis banyak
mendapatkan bantuan, dorongan dan motivasi baik secara langsung maupun tidak
langsung. Maka pada kesempatan ini, penulis banyak mengucapkan terima kasih
kepada :
1. Ibu Dra. Normalina Napitupulu, M.Sc selaku Ketua Program Studi D3 Teknik
Informatika Universitas Sumatera Utara.
2. Bapak Drs. Rosman Siregar, M.Si selaku Dosen Pembimbing yang telah
memotivasi dan senantiasa memberikan bimbingan, saran dan dukungan kepada
penulis dalam pengerjaan tugas akhir ini.
3. Seluruh dosen dan pegawai Program Studi D3 Teknik Informatika Universitas
Sumatera Utara.
4. Ayahanda Wasito dan Ibunda Sari yang telah menjadi sumber motivasi,
pendukung, penyemangat, dan inspirasi terbesar bagi penulis dalam
menyelesaikan tugas akhir, serta kedua saudara yang senantiasa memberikan
dukungan dan doa untuk penulis.
5. Teman-teman seperjuangan stambuk 2015 khususnya Kom B yang juga
senantiasa menjadi pengingat dan motivasi bagi penulis.
6. Dan semua pihak yang telah membantu dan tidak dapat disebutkan satu per satu.
UNIVERSITAS SUMATERA UTARA
v
Penulis menyadari bahwa dalam penyusunan tugas akhir ini masih banyak
terdapat kekurangan dan kesalahan, maka dari itu penulis mengharapkan kritik dan
saran yang dapat membangun. Akhir kata, saya berharap semoga tugas akhir ini dapat
memberi manfaat dan wawasan maupun pengetahuan.
Medan, Juni 2018
Diah Maudy Isabellina
UNIVERSITAS SUMATERA UTARA
vi
DAFTAR ISI
Halaman
PERSETUJUAN TUGAS AKHIR i
ABSTRAK ii
ABSTRACT iii
PENGHARGAAN iv
DAFTAR ISI vi
DAFTAR TABEL ix
DAFTAR GAMBAR x
DAFTAR LAMPIRAN xii
DAFTAR SINGKATAN xiii
BAB 1 PENDAHULUAN
1.1 Latar Belakang 1
1.2 Rumusan Masalah 2
1.3 Tujuan Penelitian 2
1.4 Manfaat Penelitian 2
1.5 Batasan Masalah 3
1.6 Metodologi Penelitian 3
1.7 Sistematika Penulisan Tugas Akhir 4
BAB 2 TINJAUAN PUSTAKA
2.1 Pengertian Komputer 6
2.2 Pengertian Sistem 6
2.3 Pengertian Data dan Informasi 6
2.4 Sistem Informasi 6
2.4.1 Hubungan Data dan Sistem Informasi 7
2.4.2 Komponen Sistem Informasi 7
2.5 MySQL 8
2.5.1 Perintah SQL 9
2.6 XAMPP 11
2.6.1 Sejarah XAMPP 11
2.7 HTML (Hypertext Markup Language) 11
2.7.1 Dasar – Dasar HTML 12
2.8 PHP (Hypertext Preprocessor) 13
UNIVERSITAS SUMATERA UTARA
vii
2.9 Sublime Text 14
2.10 Database 15
2.11 World Wide Web (WWW) 15
2.12 Flowchart 16
2.13 DFD (Data Flow Diagram) 19
2.14 Flowmap 20
BAB 3 METODOLOGI PENELITIAN
3.1 Metodologi Penelitian 21
3.1.1 Tempat Penelitian 22
3.1.2 Waktu Penelitian 22
3.1.3 Alat dan Bahan Penelitian 22
3.1.4 Model Perancangan Sistem 23
3.2 Analisis Sistem 25
3.2.1 Analisis Sistem yang Berjalan 25
3.2.2 Analisis Sistem yang Diusulkan 26
3.3 Perancangan sistem 27
3.3.1 Diagram Konteks Sistem 28
3.3.2 DFD Nol Sistem 29
3.3.3 Data Flow Diagram Level 1 Proses 2 30
3.3.4 Data Flow Diagram Level 1 Proses 2 31
3.3.5 Flowchart Sistem (Diagram Alir) 31
3.4 Perancangan Database Sistem 36
3.4.1 Normalisasi 36
3.4.2 ERD (Entity Relationship Diagram) 39
3.4.3 Struktur Tabel 40
3.5 Perancangan Antar Muka Sistem 42
BAB 4 HASIL DAN PEMBAHASAN
4.1 Implementasi Sistem 49
4.1.1 Halaman Utama 49
4.1.2 Halaman Login Admin 49
4.1.3 Halaman Home Admin 50
4.1.4 Halaman Input Ruang Kelas 51
4.1.5 Halaman Lihat Data Kelas 51
4.1.6 Halaman Input Data Siswa 52
UNIVERSITAS SUMATERA UTARA
viii
4.1.7 Halaman Lihat Data Siswa 52
4.1.8 Halaman Input Data Guru 53
4.1.9 Halaman Lihat Data Guru 53
4.1.10 Halaman Input Mata Pelajaran 54
4.1.11 Halaman Lihat Mata Pelajaran 54
4.1.12 Halaman Input Data Wali Murid 55
4.1.13 Halaman Lihat Data Wali Murid 55
4.1.14 Halaman Input Jadwal Pelajaran 56
4.1.15 Halaman Lihat Jadwal Pelajaran 56
4.1.16 Halaman Ubah Password Admin 57
4.1.17 Halaman Login User 57
4.1.18 Halaman Home User Guru 58
4.1.19 Halaman Input Nilai Siswa User Guru 58
4.1.20 Halaman Lihat Nilai Siswa User Guru 59
4.1.21 Halaman Home User Siswa 59
4.1.22 Halaman Lihat Nilai User Siswa 60
4.1.23 Halaman Home User Wali Murid 61
4.1.24 Halaman Lihat Nilai Siswa User Wali Siswa 61
BAB 5 KESIMPULAN DAN SARAN
5.1 Kesimpulan 62
5.2 Saran 62
DAFTAR PUSTAKA 63
LAMPIRAN 64
UNIVERSITAS SUMATERA UTARA
ix
DAFTAR TABEL
Nomor
Tabel
Judul Halaman
2.1 Simbol-simbol flowchart 17
2.2 Simbol-simbol Data Flow Diagram (DFD) 19
2.3 Simbol-simbol flowmap 20
3.1 Jadwal penelitian 22
3.2 Bentuk tidak normal 37
3.3 Bentuk 1 NF 37
3.4 Administrator 40
3.5 Guru 40
3.6 Mata pelajaran 40
3.7 Ruang kelas 40
3.8 Mata pelajaran has ruang kelas 41
3.9 Guru has mata pelajaran 41
3.10 Siswa 41
3.11 Siswa has mata pelajaran 41
3.12 Wali murid 42
3.13 Wali murid has siswa 42
UNIVERSITAS SUMATERA UTARA
x
DAFTAR GAMBAR
Nomor
Gambar
Judul Halaman
2.1 Transformasi data menjadi informasi 7
2.2 Tampilan MySQL pada PhpMyadmin 9
2.3 Tampilan editor sublime text 15
3.1 Model waterfall 24
3.2 Flowmap sistem yang berjalan 25
3.3 Diagram konteks sistem yang diusulkan 27
3.4 Diagram konteks sistem 28
3.5 Data flow diagram nol sistem 29
3.6 Data flow diagram level 1 proses 2 30
3.7 Data flow diagram level 1 proses 3 31
3.8 Flowchart halaman utama 32
3.9 Flowchart login admin 33
3.10 Flowchart halaman menu admin 34
3.11 Flowchart login user 35
3.12 Entity relationship diagram 36
3.13 Bentuk normalisasi 2 NF 38
3.14 Bentuk normalisasi 3 NF 39
3.15 Halaman utama 42
3.16 Halaman login admin 43
3.17 Halaman utama admin 43
3.18 Halaman input data siswa 44
3.19 Halaman lihat data siswa 44
3.20 Halaman login user 45
3.21 Halaman user guru 45
3.22 Halaman input nilai siswa 46
3.23 Halaman proses lanjutan input nilai siswa 46
3.24 Halaman utama user siswa 47
3.25 Halaman lihat nilai user siswa 47
3.26 Halaman utama user wali murid 48
3.27 Halaman lihat nilai user wali murid 48
4.1 Halaman utama 49
4.2 Login admin 50
4.3 Home admin 50
4.4 Input ruang kelas 51
4.5 Lihat data kelas 51
4.6 Input data siswa 52
4.7 Lihat data siswa 52
4.8 Input data guru 53
4.9 Lihat data guru 53
4.10 Input mata pelajaran 54
4.11 Lihat mata pelajaran 54
4.12 Input data wali murid 55
UNIVERSITAS SUMATERA UTARA
xi
4.13 Lihat data wali murid 55
4.14 Input jadwal pelajaran 56
4.15 Lihat jadwal pelajaran 56
4.16 Ubah password admin 57
4.17 Login user 57
4.18 Home user guru 58
4.19 Input nilai siswa 58
4.20 Proses lanjutan input nilai siswa user guru 59
4.21 Lihat nilai siswa 59
4.22 Home user siswa 60
4.23 Lihat nilai user siswa 60
4.24 Home user wali murid 61
4.25 Lihat nilai user wali murid 61
UNIVERSITAS SUMATERA UTARA
xii
DAFTAR LAMPIRAN
Nomor
Lampiran
Judul Halaman
1 Listing Program A-1
2 Surat Keterangan Dosen Pembimbing Tugas Akhir
3 Surat Permohonan Izin Riset Pengambilan Data
4 Surat Izin Riset Pengambilan Data
5 Surat Keterangan Hasil Uji Program Tugas Akhir
6 Kartu Bimbingan Tugas Akhir
UNIVERSITAS SUMATERA UTARA
xiii
DAFTAR SINGKATAN
KBM = Kegiatan Belajar Mengajar
SQL = Structured Query Language
GNU = GNU’s Not Unix
GPL = General Public License
API = Application Programming Interface
DDL = Data Definition Language
DML = Data Manipulation Language
DDL = Data Control Language
HTTP = Hypertext Transfer Protocol
PHP = Hypertext Preprocessor
HTML = Hypertext Mark Up Language
DBMS = Database Management Sistem
WWW = World Wide Web
PKM = Pengawas Kurikulum
CSS = Cascading Style Sheets
UNF = Unnormalized Form
UNIVERSITAS SUMATERA UTARA
BAB 1
PENDAHULUAN
1.1 Latar Belakang
Dalam rangka pembangunan sumber daya manusia terutama dalam dunia
pendidikan yang merupakan sarana dan wahana yang sangat baik dalam pembinaan
sumber daya manusia. Oleh karena itu, pendidikan perlu mendapatkan perhatian yang
lebih serius baik itu oleh pemerintah, keluarga, maupun pengelola pendidikan.
Dengan perkembangan teknologi yang semakin pesat, sarana dan prasarana
pendidikan juga harus mengikutinya, salah satunya dengan media komputerisasi yaitu
internet. Dengan internet, siswa maupun guru dapat mengakses informasi kapan saja
dan di mana saja. Ditambah lagi pada saat ini penggunaan internet khususnya website
sudah familiar didalam kehidupan masyarakat luas misalnya aktivitas pengolahan nilai
siswa.
Pengolahan nilai siswa merupakan salah satu bagian dari kegiatan belajar
mengajar (KBM) di sekolah. Yang sangat berperan penting dalam belajar mengajar
karena merupakan alat ukur prestasi siswa. Dengan adanya pengolahan dan
manajemen yang baik pengolahan data nilai akan lebih mudah cepat dan akurat.
Pengolahan yang selama ini dilakukan manual dapat diatasi dengan adanya sistem
yang dapat membantu memperlancar proses pengolahan nilai siswa.
Pengolahan nilai di Madrasah Aliyah Miftahussalam Medan masih memiliki
kelemahan karena pengolahan nilai yang belum terkomputerisasi (manual),
pengolahan nilai dilakukan dengan menghitung jumlah data rata-rata nilai siswa
menggunakan kalkulator dan ditulis pada buku raport kelas. Selain itu pada sistem
manual ini masih terdapat beberapa kelemahan, diantaranya masih memerlukan waktu
yang lama untuk sekali proses penilaian dan sering terjadi kesalahan pada hasil
penjumlahan.
Dalam hal ini penulis mencoba membuat sistem informasi pengolahan nilai
raport yang terkomputerisasi yang akan diterapkan pada MAS Miftahussalam Medan,
sehingga diharapkan pengolahan data nilai menjadi lebih mudah, cepat dan akurat serta
dapat mempermudah dalam penyampaian informasi mengenai nilai raport siswa. Atas
UNIVERSITAS SUMATERA UTARA
2
dasar itulah, penulis memilih judul “Sistem Informasi Pengolahan Nilai Raport
pada Mas Miftahusslam Medan”.
1.2 Rumusan Masalah
Untuk dapat memudahkan penelitian ini nantinya, dan supaya penulis dapat
terarah dalam menginterpretasikan fakta dan data ke dalam pembahasan, maka terlebih
dahulu dirumuskan permasalahannya. Masalah merupakan bagian pokok dari suatu
kegiatan penelitian dimana penulis mengajukan pertanyaan terhadap dirinya tentang
hal-hal yang akan dicari jawabannya melalui kegiatan penelitian (Arikunto, 2002).
Bagaimana merancang dan membangun sebuah sistem informasi yang
memudahkan pengolahan nilai raport dan memudahkan penyampaian informasi
mengenai nilai raport kepada siswa dan orangtua menggunakan PHP dan MySQL.
1.3 Tujuan Penelitian
Adapun tujuan dari penelitian berdasarkan permasalahan di atas adalah sebagai
berikut :
1. Untuk merancang suatu Sistem Informasi Pengolahan Nilai Raport Madrasah
Aliyah Miftahussalam Medan.
2. Memudahkan dalam penyampaian informasi mengenai nilai raport siswa
1.4 Manfaat Penelitian
Manfaat penelitian yang diharapkan dapat diperoleh dari penelitian ini adalah
sebagai berikut :
a. Bagi penulis yaitu sebagai sarana untuk menerapkan ilmu yang telah diperoleh
selama berada di bangku perkuliahan terutama tentang perancangan sistem
informasi.
b. Bagi MAS Miftahussalam Medan
1. Membantu kinerja guru dalam pengolahan nilai raport yang cepat dan efisien.
2. Membantu pihak sekolah dalam penyampaian informasi mengenai nilai raport
kepada siswa dan orangtua.
3. Membantu siswa-siwi MAS Miftahussalam Medan untuk melihat nilai kapan saja.
UNIVERSITAS SUMATERA UTARA
3
c. Bagi pembaca yaitu sebagai bahan pembanding dan acuan dalam menghadapi
permasalahan atau kasus penelitian yang sama.
1.5 Batasan Masalah
Agar masalah yang dibahas tidak menyimpang dari tujuan, maka perlu dibuat
suatu batasan masalah, yaitu :
1. Sistem dirancang untuk menampilkan informasi data nilai raport siswa MAS
Miftahussalam Medan.
2. Sistem ini dirancang dengan menggunakan PHP dan server database yang
digunakan adalah MySQL.
3. Pembahasan tidak mencakup permasalahan keamanan yang mungkin terjadi akibat
serangan dari hacker atau cracker pada web server dan database server yang
digunakan untuk tempat penyimpanan program dan data pada system ini.
1.6 Metodologi Penelitian
Dalam menyelesaikan tugas akhir ini penulis menggunakan metode penelitian
dalam memperoleh data-data yang dibutuhkan. Adapun metode penelitian yang
dilakukan adalah sebagai berikut :
1. Pengumpulan Data
Pengumpulan data merupakan alat bantu yang dipilih dan digunakan oleh peneliti
untuk memperoleh informasi yang dibutuhkan dalam rangka mencapai tujuan
penelitian.
2. Identifikasi Masalah
Identifikasi masalah adalah proses yang diperlukan untuk mengetahui inti dari
permasalahan, penyebab permasalahan, sekaligus solusi yang tepat untuk
memperbaiki masalah tersebut.
3. Perancangan Program
Perancangan program yaitu meliputi seluruh kegiatan yang tercakup dalam
pembuatan program.
4. Pengujian Program
Pengujian merupakan suatu pemeriksaan yang dilakukan untuk mendapatkan
informasi mengenai kualitas dari program yang sedang diuji.
UNIVERSITAS SUMATERA UTARA
4
5. Penyusunan Laporan
Penyusunan laporan merupakan suatu kegiatan yang memaparkan peristiwa atau
kegiatan yang telah dilakukan.
1.7 Sistematika Penulisan Tugas Akhir
Dalam penulisan laporan tugas akhir ini penulis membagi laporan menjadi lima
bab pokok agar mempermudah penulisan laporan dan mudah untuk dipahami. Setiap
bab memiliki sub-sub bab yang saling berkaitan. Sistematika penulisan dapat dilihat
sebagai berikut :
BAB 1 : PENDAHULUAN
Berisikan latar belakang, identifikasi masalah, tujuan, manfaat,
batasan masalah, metode penelitian, sistematika penulisan tugas akhir.
BAB 2 : TINJAUAN PUSTAKA
Berisikan tentang penjelasan singkat mengenai pengertian komputer,
pengertian sistem, pengertian informasi, pengertian sistem informasi,
pengertian HTML, pengertian PHP, pengertian Xampp, pengertian
MySQL, pengertian sublime text, flowchart, DFD (Data Flow
Diagram), Flowmap.
BAB 3 : ANALISIS DAN PERANCANGAN SISTEM
Berisikan perancangan database, tabel-tabel, algoritma dan rancangan
input program.
BAB 4 : IMPLEMENTASI SISTEM
Berisikan definisi dan tujuan implementasi sistem, output program,
serta komponen-komponen kebutuhan sistem.
BAB 5 : KESIMPULAN DAN SARAN
Berisikan kesimpulan dan saran dari tugas akhir ini.
UNIVERSITAS SUMATERA UTARA
BAB 2
TINJAUAN PUSTAKA
2.1 Pengertian Komputer
Dalam merancang sebuah sistem informasi, digunakan suatu alat pendukung
yaitu komputer. Kata komputer (computer) berasal dari bahasa asing yaitu To
compute yang berarti hitung. Dengan demikian komputer diartikan sebagai alat hitung
atau mesin hitung, akan tetapi komputer sangat berbeda dengan kalkulator.
Perbedaannya adalah komputer dapat mengolah data dengan kecepatan dan
ketelitian yang tinggi. Selain itu komputer dapat menyimpan data dalam memory atau
storage dan dapat melakukan proses secara kontiniu dan otomatis tanpa banyak
campur tangan manusia. Sejalan dengan perkembangan komputer banyak para ahli
mendefinisikan komputer seperti di bawah ini :
1. Donald (1985) mengemukakan bahwa komputer adalah sistem elektronik untuk
memanipulasi data yang cepat dan tepat serta dirancang dan diorganisasikan agar
secara otomatis menerima dan menyimpan data input, memprosesnya dan
menghasilkan output di bawah pengawasan suatu langkah-langkah, istruksi-
instruksi program (sistem operasi) yang tersimpan di memori penyimpanan..
2. Wimatra et al. (2008) mengemukakan bahwa komputer adalah suatu sistem
perangkat elektronik yang memiliki tujuan untuk melakukan proses pengolahan
data, yang kemudian dapat menghasilkan suatu informasi yang berguna.
3. Susanto (2009) mengemukakan bahwa komputer adalah sekelompok alat elektroni
yang terdiri atas perintah input, alat yang mengolah input dan peralatan output yang
memberikan informasi serta bekerja secara otomatis.
Dari pengertian di atas dapat disimpulkan bahwa pengertian komputer adalah
alat pengolah data yang terdiri dari hardware, software, dan brainware yang saling
berkaitan erat. Namun meskipun komputer dapat melakukan pengolahan data,
komputer tetaplah benda mati yang bekerja atas dasar perintah atau instruksi yang
diberikan oleh manusia melalui bahasa pemrograman.
UNIVERSITAS SUMATERA UTARA
6
2.2 Pengertian Sistem
Sebuah sistem saling berelasi dan berinteraksi dalam suatu kesatuan yang
dirancang untuk mencapai suatu tujuan. Namun pengertian dan definisi sistem
berkembang sesuai dengan konteks dimana pengertian sistem itu digunakan.
Mundick dan Ros (1993) mendefinisikan sistem sebagai seperangkat elemen
yang digabungkan satu dengan yang lainnya untuk satu tujuan bersama. Sistem sebagai
sekelompok elemen-elemen yang berinteraksi dengan maksud yang sama untuk
mencapai suatu tujuan. Sumber daya mengalir dari elemen output dan untuk menjamin
prosesnya berjalan dengan baik maka dihubungkan dengan mekanisme control.
Dari pengertian di atas dapat disimpulkan bahwa sistem diartikan sebagai suatu
kumpulan atau himpunan dari unsur atau variabel-variabel yang saling terorganisasi
saling berinteraksi dan saling bergantung antara satu sama lain.
2.3 Pengertian Data dan Informasi
Data merupakan fakta, dapat berupa symbol, angka, huruf dan lain-lain sebagai
dasar untuk perhitungan ataupun pengolahan meliputi serangkaian tindakan yang akan
diolah menjadi suatu bentuk yang lebih berguna dan bermanfaat.
McFadden et al. (1999) mendefinisikan informasi sebagai data yang telah
diproses sedemikian rupa sehingga meningkatkan pengetahuan seseorang yang
menggunakan data tersebut. Menurut Davis (1999), informasi adalah data yang telah
diolah menjadi sebuah bentuk yang berarti bagi penerimanya dan bermanfaat dalam
pengambilan keputusan saat ini atau saat mendatang.
2.4 Sistem Informasi
Alter (1992) mengemukakan bahwa sistem informasi adalah kombinasi antar
prosedur kerja, informasi, orang, dan teknologi informasi yang diorganisasikan untuk
mencapai tujuan dalam sebuah organisasi.
Dari pengertian diatas dapat disimpulkan bahwa sistem informasi adalah suatu
kesatuan dari komponen-komponen sistem yang saling bekerjasama dalam prosedur
pengolahan data yang dikembangkan dalam organisasi dengan maksud memberikan
data kepada organisasi maupun orang lain yang membutuhkannya
UNIVERSITAS SUMATERA UTARA
7
Terdapat tiga aktivitas pada sistem informasi, yaitu :
1. Input adalah sekumpulan data mentah untuk diproses dalam suatu sistem.
2. Processing adalah konversi atau pemindahan, manipulasi dan analisis input mentah
menjadi bentuk yang lebih berarti bagi manusia.
3. Output adalah hasil dari proses input dan biasanya berupa informasi.
2.4.1 Hubungan Data dan Sistem Informasi
Hubungan data dengan informasi dapat digambarkan sebagai hubungan antara
barang baku dengan barang jadi. Dengan kata lain, sistem pengolahan data dari bentuk
yang tidak dapat digunakan menjadi data yang lebih bernilai dan dapat dimengerti.
Hubungan tersebut dapat dijelaskan dengan gambar di bawah ini :
Gambar 2.1 Transformasi data menjadi informasi
2.4.2 Komponen Sistem Informasi
Ada empat komponen yang mendukung suatu sistem informasi pengolahan
data dan informasi dengan menggunakan komputer :
1. Perangkat keras (hardware)
Perangkat keras (hardware) sistem informasi mencakup peranti-peranti fisik seperti
komputer dan printer.
2. Perangkat lunak (software)
Perangkat lunak (software) atau program merupakan sekumpulan instruksi yang
memungkinkan perangkat keras memproses data.
3. Prosedur
Prosedur merupakan sekumpulan aturan yang dipakai untuk mewujudkan
pemrosesan data dan pembangkitan keluaran yang dikehendaki.
Penyimpanan
data
Data Pengolahan Informasi
UNIVERSITAS SUMATERA UTARA
8
4. Orang
Yakni semua pihak yang bertanggung jawab dalam pengembangan sistem
informasi, pemrosesan dan penggunaan keluaran sistem informasi.
2.5 MySQL
Definisi MySQL adalah sebuah perangkat lunak sistem manajemen basis data
SQL (Search Query Language) gratis yang diciptakan secara open source di bawah
lisensi GNU General Public License (GPL) oleh David Axmark, Allan Larsson dan
Michael “Monty”. MySQL merupakan turunan salah satu konsep utama basis data
yang sudah ada sebelumnya. SQL merupakan konsep pengoperasian basis data.
MySQL memiliki beberapa kelebihan sehingga banyak di gunakan, kelebihan
MySQL antara lain :
1. Bekerja pada berbagai platform seperti berbagai sistem operasi seperti windows,
Linux dan lain sebagainya.
2. Perangkat lunak bersifat open source dan gratis.
3. MySQL dapat digunakan oleh beberapa pengguna dalam waktu yang bersamaan.
4. Memiliki tipe data yang sangat banyak seperti integer, float, double, char, date, text
dan lain sebaginya.
5. MySQL memiliki interface terhadap berbagai aplikasi dan bahasa pemrograman
menggunakan fungsi API (Application Programming Interface).
6. Struktur tabel lebih fleksibel menangani ALTER TABLE.
PhpMyadmin adalah salah satu aplikasi yang paling popular untuk MySQL
database manajemen yang banyak digunakan dalam pemrograman php. Berikut
adalah tampilan MySQL pada PhpMyadmin yang mendukung pengelolaan basis data
dan relasi tabel.
UNIVERSITAS SUMATERA UTARA
9
Gambar 2.2 Tampilan MySQL pada PhpMyadmin
2.5.1 Perintah SQL
Perintah SQL dibedakan menjadi tiga kelompok dan perintah tersebut hamper
sama pada semua software database. Tiga jenis perintah SQL terdiri dari :
1. DDL (Data Definition Language)
DDL berfungsi untuk mendefinisikan atribut basis data, tabel, atribut (kolom),
batasan-batasan terhadap suatu atribut, serta hubungan antar tabel. Perintah yang
digunakan biasanya CREATE, ALTER, DROP.
a. Membuat database
Syntax : CREATE DATABASE namadatabase;
b. Membuat tabel
Syntax : CREATE TABLE namatabel;
c. Mengahapus database
Syntax : DROP DATABASE namadatabase;
d. Menghapus tabel
Syntax : DROP TABLE namatabel;
e. Mendefenisikan Primary Key pada Tabel
Syntax : CREATE TABLE namatabel (Field1 TipeData1, Field2 TipeData2,
PRIMARY KEY(Field1));
f. Menghapus Primary Key pada Tabel
Syntax : ALTER TABLE NAMATABLE DROP PRIMARY KEY;
UNIVERSITAS SUMATERA UTARA
10
g. Menambah Kolom baru pada Tabel
Syntax : ALTER TABLE NAMATABEL ADD newfield tipe;
h. Mengubah Tipe Data atau Lebar Kolom pada Tabel
Syntax : ALTER TABLE namatabel MODIFY COLUMN field tipe;
i. Mengubah Nama Kolom
Syntax : ALTER TABLE namatabel CHANGE COLUMN namakolomlama
namakolombaru tipe;
j. Menghapus Kolom pada Tabel
Syntax : ALTER TABLE namatabel DROP COLUMN nama kolom;
2. DML (Data Manipulation Language)
DML berfungsi untuk memanipulasi data yang ada di dalam basis data, misalnya
untuk pengambilan data, penyisipan data, pengubahan data dan penghapusan data.
Perintah yang digunakan biasanya : INSERT, DELETE, UPDATE, dan SELECT.
a. INSERT
Menambah baris pada tabel.
Syntax : INSERT INTO namatabel VALUES (nilai1, nilai2, nilia-n);
b. DELETE
Menghapus baris pada tabel.
Syntax : DELETE FROM namatabel [where kondisi];
c. UPDATE
Mengubah isi beberapa kolom pada tabel.
Syntax : UPDATE namatabel SET kolom1=nilia1=nilai2[where kondisi];
d. SELECT
Menampilkan isi dari suatu tabel yang bisa dihubungkan dengan tabel yang
lainnya.
Syntax : SELECT * FROM namatabel;
3. DCL (Data Control Language)
DCL merupakan perintah SQL yang berhubungan dengan manipulasi user dan hak
akses.
UNIVERSITAS SUMATERA UTARA
11
2.6 XAMPP
Riyanto (2014) mengemukakan bahwa XAMPP adalah sebuah software yang
berfungsi untuk menjalankan website berbasis PHP dan menggunakan pengolah data
MySQL dikomputer lokal. XAMPP berperan sebagai server web pada komputer anda.
XAMPP juga dapat disebut sebuah CPanel server virtual, yang dapat membantu anda
melakukan preview sehingga dapat memodifikasi website tanpa harus online atau
terakses dengan internet.
XAMPP merupakan perangkat lunak yang bebas, yang mendukung banyak
sistem operasi dan merupakan komplikasi dari beberapa program. Fungsi adalah
sebagai server yang berdiri sendiri yang terdiri dari atas program Apache HTTP server,
MySQL database, dan penerjemah bahasa yang ditulis dalam dengan pemprograman
PHP dan Perl.
2.6.1 Sejarah XAMPP
XAMPP merupakan pengembangan dari LAMP (Linux Apache, MySQL, PHP
and PERL), XAMPP ini merupakan project non-profit yang dikembangkan oleh
Apache Friends yang didirikan Kai 'Oswalad' Seidler dan Kay Vogelgesang pada
tahun 2002, project mereka ini bertujuan mempromosikan penggunaan Apache web
server.
2.7 HTML (Hypertext Markup Language)
HTML merupakan bahasa pemrograman yang biasa digunakan untuk membuat
aplikasi berbasis web. Bahasa pemrograman ini ditulis dalam berkas format ASCII,
agar dapat menghasilkan wujud yang terintegrasi.
HTML adalah bahasa pemrograman web yang umum dan biasa digunakan
serta mudah dipelajari. Adapun format dasar penulisan HTML sebagai berikut :
<!DOCTYPE HTML>
<html>
<head>
<title> </title>
</head>
<body>
UNIVERSITAS SUMATERA UTARA
12
“Isi Halaman”
</body>
</html>
2.7.1 Dasar – Dasar HTML
Dasar HTML adalah pembelajaran awal mengenai hal-hal yang umum dan
biasa digunakan dalam pembuatan halaman. Berikut ini adalah beberapa pembahasan
tentang dasar HTML :
1. Heading HTML
Pada HTML juga mengenal istilah heading. Berikut adalah kode penulisan heading
dalam HTML :
<h1>isi</h1>
<h2>isi</h2>
<h3>isi</h3>
<h4>isi</h4>
2. Paragraf HTML
Untuk membuat paragraf dalam HTML disimbolkan dengan kode berikut :
<p>paragraf</p>
3. Link HTML
Link HTML adalah sebuah tombol dalam bentuk tulisan untuk mengarahkan user
ke halaman HTML lain. Kode penulisan link dalam HTML :
<a href="alamat tujuan"></a>
4. List simbol HTML
Untuk membuat list berupa simbol dapat dilakukan dengan cara menuliskan kode
berikut :
<ul>
<li>list</li>
<li>list</li></ul>
5. List angka HTML
Untuk membuat list angka, dapat dilakukan dengan menuliskan kode berikut :
UNIVERSITAS SUMATERA UTARA
13
<ol>
<li>list 1</li>
<li>list 2</li>
</ol>
6. Menampilkan gambar
Untuk menampilkan gambar dapat dilakukan dengan kode berikut :
<img src="alamat penyimpanan gambar">
7. Underline, italic, dan Bold
Untuk membuat tulisan dalam bentuk underline, italic dan bold dapat dilkukan
dengan kode berikut :
<u>underline</u>
<i>italic</i>
<b>bold</b>
8. Textarea
Untuk membuat textarea dapat dilakukan dengan menuliskan kode berikut :
<textarea name="nama textarea" rows="baris" cols="kolom">Nilai awal text
area</textarea>
9. Align
Perataan tulisan atau gambar dapat dilakukan dengan menuliskan kode berikut :
<center>rata tengah</center>
<left>rata kiri</left>
<right>rata kanan</right>
2.8 PHP (Hypertext Preprocessor)
Arief (2011) mengemukakan bahwa PHP adalah Bahasa server-side scripting
yang menyatu dengan HTML untuk membuat halaman web yang dinamis. Karena
PHP merupakan server-side scripting maka sintaks dan perintah-perintah PHP akan
diesksekusi diserver kemudian hasilnya akan dikirimkan ke browser dengan format
HTML.
Dari pengertian di atas dapat disimpulkan bahwa bahasa pemrograman PHP
merupakan bahasa yang digunakan untuk membuat sebuah website dengan
menampilkan data yang ada pada database server.
UNIVERSITAS SUMATERA UTARA
14
PHP memiliki kelebihan diantara bahasa pemrograman lain. Beberapa
kelebihan bahasa pemrograman PHP adalah sebagai berikut :
1. Bahasa pemrograman PHP adalah sebuah bahasa script yang tidak melakukan
sebuah kompilasi dalam penggunaanya.
2. Web server yang mendukung PHP dapat ditemukan dimana-mana dari mulai IIS
sampai dengan apache, dengan kompilasi yang ralatif mudah.
3. PHP adalah bahasa open source yang dapat digunakan diberbagai mesin (linux,
unix, windows) dan dapat dijalankan secara runtime melalui console serta juga
dapat menjalankan perintah-perintah sistem.
4. Dalam sisi pengembangan relative mudah, karena banyak developer yang siap
membantu dalam pengembangan.
5. Dalam sisi pemahaman, PHP adalah bahasa scripting yang paling mudah karena
referensi yang banyak
2.9 Sublime Text
Sublime Text merupakan editor HTML yang professional mendesain, menulis
kode program dan mengembangkan website, halaman web, dan aplikasi web.
Terciptanya aplikasi ini terinspirasi dari aplikasi Vim, Aplikasi ini sangatlah fleksibel
dan powerfull. Fungsionalitas dari aplikasi ini dapat dikembangkan dengan
menggunakan sublime-packages.
Sublime Text bukanlah aplikasi open source dan juga aplikasi yang dapat
digunakan dan didapatkan secara gratis, akan tetapi beberapa fitur pengembangan
fungsionalitas (packages) dari aplikasi ini merupakan hasil dari temuan dan mendapat
dukungan penuh dari komunitas serta memiliki linsensi aplikasi gratis. Sublime Text
mendukung berbagai bahasa pemrograman dan mampu menyajikan fitur syntax
highlight hampir di semua bahasa pemrogramman yang didukung ataupun
dikembangkan oleh komunitas.
UNIVERSITAS SUMATERA UTARA
15
2.3 Tampilan editor sublime text
2.10 Database
Database adalah sekumpulan data yang memiliki struktur yang teratur dan
didesain sedemikian rupa sehingga memudahkan pengguna untuk menemukan
informasi yang diinginkan.
Penggunaan database pada saat ini sangat membantu dikarenakan lebih efisien,
mudah dan integritas data terjaga. Untuk menerapkan penggunaan database, terdapat
sistem atau perangkat lunak yang dirancang untuk mengelola suatu basis data
(database) dan menjalankan operasi terhadap yang diminta banyak pengguna yang
disebut sistem manajamen basis data atau yang disebut Database Management Sistem
(DBMS). Beberapa contoh DBMS yang popular digunakan adalah sebagai berikut
MySQL, MS SQL Server, Oracle, dan MS Access.
2.11 World Wide Web (WWW)
World wide web (www) lebih dikenal dengan web merupakan salah satu
layanan yang didapat oleh pemakai komputer yang terhubung dengan internet. World
wide web atau web adalah sebuah sistem yang digunakan untuk mengirimkan dan
menyebarkan data ke jaringan internet berskala besar yang ada di seluruh penjuru
dunia.
UNIVERSITAS SUMATERA UTARA
16
World wide web berfungsi sebagai program yang bertugas sebagai pengatur,
penyedia, serta penampil dari setiap data informasi yang ada di jaringan internet.
Kehadiran program www membuat semua proses transfer data di jaringan internet
berjalan lebih cepat dan teratur.
World wide web atau yang lebih dikenal dengan web terbagi atas dua jenis,
yaitu :
1. Web statis adalah website yang mana pengguna tidak bisa mengubah konten dari
web tersebut secara langsung menggunakan browser. Interaksi yang terjadi antara
pengguna dan server hanyalah seputar pemrosesan link saja. Halaman-halaman web
tersebut tidak memliki database, data dan informasi yang ada pada web statis tidak
berubah-ubah kecuali diubah sintaksnya. Dokumen web yang dikirim
kepada client akan sama isinya dengan apa yang ada di web server.
Contoh dari web statis adalah web yang berisi profil perusahaan. Di sana hanya ada
beberapa halaman saja dan kontennya hampir tidak pernah berubah karena konten
langsung diletakan dalam file HTML saja.
2. Dalam web dinamis, interaksi yang terjadi antara pengguna dan server sangat
kompleks. Seseorang bisa mengubah konten dari halaman tertentu dengan
menggunakan browser. Request (permintaan) dari pengguna dapat diproses oleh
server yang kemudian ditampilkan dalam isi yang berbeda-beda menurut alur
programnya. Halaman-halaman web tersebut memiliki database. Web dinamis,
memiliki data dan informasi yang berbeda-beda tergantung input apa yang
disampaikan client. Dokumen yang sampai di client akan berbeda dengan dokumen
yang ada di web server.
Contoh dari web dinamis adalah portal berita dan jejaring sosial. Lihat saja web
tersebut, isinya sering diperbaharui (di-update) oleh pemilik atau penggunanya.
Bahkan untuk jejaring sosial sangat sering di-update setiap harinya.
2.12 Flowchart
Flowchart adalah penggambaran secara grafik dari langkah-langkah dan
urutan-urutan prosedur dari suatu program. Flowchart membantu analis dan
programmer untuk memecahkan masalah ke dalam segmen-segmen yang lebih kecil
dan membantu dalam menganalisis alternatif-alternatif lain dalam pengoperasian
UNIVERSITAS SUMATERA UTARA
17
sistem. Flowchart biasanya mempermudah penyelesaian suatu masalah khususnya
masalah yang perlu dipelajari dan dievaluasi lebih lanjut. Bila seorang analisis dan
programmer akan membuat flowchart, ada beberapa petunjuk yang harus
diperhatikan, seperti :
1. Flowchart digambarkan dari halaman atas ke bawah dan kiri ke kanan.
2. Aktifitas yang digambarkan harus didefinisikan secara hati-hati dan defenisi ini
harus dapat dimengerti oleh pembacanya.
3. Kapan aktifitas dimulai dan berakhir harus ditentukan secara jelas.
4. Setiap langkah dari aktifitas harus diuraikan dengan menggunakan deksripsi kata
kerja.
5. Setiap langkah dari aktifitas harus berada pada urutan yang benar.
6. Lingkup, range dan aktifitas yang sedang digambarkan harus ditelusuri dengan
hati-hati. Percabangan-percabangan yang memotong aktifitas yang sedang
digambarkan tidak perlu digunakan dan percabangannya diletakkan pada halaman
yang terpisah atau hilangkan seluruhnya bila percabangan tidak berkaitan dengan
sistem.
7. Gunakan symbol-symbol flowchart yang standard.
Berikut ini adalah gambar symbol-simbol standar dalam flowchart beserta
dengan arti dari masing-masing simbol :
Tabel 2.1 Simbol-simbol flowchart
Simbol Keterangan Simbol Keterangan
Simbol yang
digunakan untuk
menghubungkan
antara simbol yang
satu dengan
simbol yang lain.
Mempersiapkan
penyimpanan yang
akan digunakan
sebagai tempat
pengolahan dalam
storage.
Simbol untuk
permulaan (start)
atau akhir (stop)
dari suatu
kegiatan.
Simbol untuk
pemasukan data
secara manual
Connecting line
Terminator symbol
Manual input
Preparation symbol
UNIVERSITAS SUMATERA UTARA
18
Lanjutan Tabel 2.1
Simbol Keterangan Simbol Keterangan
Simbol untuk
keluar-masuk atau
penyambungan
proses dalam
lembar atau
halaman yang
sama.
Symbol untuk
pelaksanaan suatu
bagian (sub-
program/procedure).
Simbol untuk
keluar-masuk atau
penyambungan
proses pada
lembar atau
halaman yang
berbeda.
Symbol yang
menyatakan
peralatan output
yang digunakan
yaitu layar, plotter,
printer dan
sebagainya
Simbol yang
menunjukkan
pengolahan yang
dilakukan oleh
komputer
Symbol yang
menyatakan input
yang berasal dari
disk atau disimpan
ke disk.
Simbol yang
menunjukkan
pengolahan yang
tidak dilakukan
oleh komputer.
Symbol yang
menyatakan input
berasal dari pita
magnetik atau
output disimpan ke
pita magnetic.
Symbol pemilihan
proses
berdasarkan
kondisi yang ada.
Symbol yang
menyatakan bahwa
input berasal dari
kartu atau output
ditulis ke kartu.
Simbol yang
menyatakan
proses input dan
output tanpa
tergantung dengan
jenis peralatannya.
Symbol yang
menyatakan input
berasal dari
dokumen dalam
bentuk kertas atau
output yang dicetak
di kertas.
Connector symbol
Connector symbol
Processing symbol
Manual operation
Symbol decision
Symbol input-
output
Predefine proses
Symbol display
Symbol disk and
On-line storage
Symbol magnetic
tape unit
Symbol punch card
Symbol dokumen
UNIVERSITAS SUMATERA UTARA
19
2.13 DFD (Data Flow Diagram)
Data Flow Diagram (DFD) merupakan model dari sistem untuk
menggambarkan pembagian sistem ke modul yang lebih kecil. Salah satu keuntungan
menggunakan diagram alir data adalah memudahkan pemakai yang kurang menguasai
bidang komputer untuk mengerti sistem yang akan dikerjakan.
Pada tahap analisa, penanganan notasi simbol lingkaran dan anak panah
menggambarkan arus data dalam perancangan sistem sanga tmembantu dalam
komunikasi dengan pemakaian sistem menggunakan notasi-notasi untuk
menggambarkan arus dari data sistem.
Disamping itu DFD adalah salah satu alat pembuatan model yang sering
digunakan, khususnya bila fungsi-fungsi sistem merupakan bagian yang lebih penting
dan kompleks daripada data yang dimanipulasi oleh sistem. Dengan kata lain, DFD
adalah alat pembuatan model yang memberikan penekanan hanya pada fungsi sistem.
DFD juga merupakan alat perancangan sistem yang berorientasi pada alur data dengan
konsep dekomposisi dapat digunakan untuk penggambaran analisa maupun rancangan
sistem yang mudah dikomunikasikan oleh profesional sistem kepada pemakai maupun
pembuat program.
Tabel 2.2 Simbol-simbol Data Flow Diagram (DFD)
Simbol Keterangan
Eksternal Entity merupakan kesatuan di
luar lingkaran sistem yang dapat
mengirimkan data atau menerima data
dari sistem.
Arus data merupakan tempat
mengalirnya informasi menunjukkan
arus data berupa sistem.
Proses merupakan pengolahan data atau
aliran data masuk menjadi data aliran
keluar.
Penyimpanan data merupakan tempat
penyimpanan data yang ada di dalam
sistem.
UNIVERSITAS SUMATERA UTARA
20
2.14 Flowmap
Flowmap adalah gabungan dari peta dan flowchart serta merupakan gambaran
secara grafik dari langkah-langkah dan urutan-urutan prosedur dari suatu program.
Tabel 2.3 Simbol-simbol flowmap
Simbol Keterangan Simbol Keterangan
Menunjukkan I/O
baik untuk proses
manual, mekanik,
dan komputer.
Menunjukkan
pekerjaan manual.
Menunjukkan I/O
yang
menggunakan
kartu punc
Menunjukkan
kegiatan proses
dari operasi
program
komputer.
Menunjukkan I/O
menggunakan pita
magnetic.
Menunjukkan I/O
menggunakan
disket.
Menunjukkan I/O
menggunakan pita
kertas berlubang.
Menunjukkan
penghubung ke
halaman yang
sama atau halaman
lain.
Menunjukkan
aliran proses.
Menunjukkan
input yang
menggunakan
keyboard online.
Menunjukkan
proses pengurutan
data diluar proses
komputer.
Menunjukkan I/O
menggunakan
hardddisk.
Menunjukkan
operasi yang
dilakukan di luar
komputer.
Menunjukkan I/O
menggunakan
drum magnetik.
File non komputer
yang diarsip
berdasarkan urut
angka.
File non komputer
yang diarsip
berdasarkan urut
huruf.
Dokumen
Kartu punc
Pita magnetik
Pita kertas berlubang
Diagram alir
Sort offline
Simpanan offline
N
Manual
Proses
Disket
penghubung
Keyboard
Disk
A
Simpanan offline
Operasi luar Drum magnetik
UNIVERSITAS SUMATERA UTARA
BAB 3
METODOLOGI PENELITIAN
3.1 Metodologi Penelitian
Metodologi penelitian adalah pengetahuan yang mengkaji ketentuan mengenai
metode-metode yang digunakan dalam penelitian. Adapun metode penelitian yang
digunakan oleh penulis adalah :
1. Pengumpulan Data
Pengumpulan data yang erat kaitannya dengan permasalahan yang terjadi di atas
dilakukan dengan cara observasi yaitu dengan mengumpulkan dokumen-dokumen
yang berhubungan dengan sistem informasi yang akan dibuat seperti data siswa,
data wali siswa, guru-guru, mata pelajaran yang diajarkan dan nilai raport siswa.
Selain itu pengumpulan data juga dilakukan dengan wawancara yaitu dengan
menanyakan beberapa pertanyaan kepada PKM (Pengawas Kurikulum) tentang
proses pengolahan data nilai yang berjalan di MAS Miftahussalam Medan.
2. Identifikasi Masalah
Identifikasi masalah dilakukan dengan melihat data yang telah dikumpulkan dan
penulis mengangkatnya menjadi sebuah solusi yang telah dijadikan judul.
3. Perancangan program
Perancangan program yaitu melakukan desain tampilan dan coding untuk Sistem
Informasi Pengolahan Nilai Raport pada MAS Miftahussalam Medan.
4. Pengujian Program
Pengujian dari perancangan program Sistem Informasi Pengolahan Nilai Raport
pada MAS Miftahussalam Medan dilakukan setelah program selesai dibangun.
Pengujian ini dilakukan dengan tujuan untuk mengetahui apakah program sudah
berjalan dengan baik atau masih terdapat error atau kesalahan.
5. Penyusunan Laporan
Pada tahap ini dilakukan pembuatan laporan dari Sistem Informasi Pengolahan
Nilai Raport pada MAS Miftahussalam Medan berupa tugas akhir.
UNIVERSITAS SUMATERA UTARA
22
3.1.1 Tempat Penelitian
Penelitian ini bertempat di Madrasah Aliyah Swasta Miftahussalam Medan
yang berlokasi di jalan Darussalam no. 26 ABC Medan. Lokasi tersebut dipilih karena
memiliki semua aspek pendukung agar penelitian dapat berjalan dengan baik.
3.1.2 Waktu Penelitian
Penelitian dilaksanakan pada tahun ajaran 2018 yaitu pada bulan maret 2018
sampai dengan Mei 2018 dengan alokasi sebagai berikut :
Tabel 3.1 Jadwal penelitian
N
o
Jenis
Kegiatan Maret April Mei Juni
1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4
1. Pengumpulan data
dan Informasi
2. Identifikasi masalah
3. Perancangan
program
4. Pengujian program
5. Penyusunan laporan
3.1.3 Alat dan Bahan Penelitian
A. Alat penelitian
Penelitian ini menggunakan alat penelitian berupa perangkat keras dan
perangkat lunak, yaitu :
1. Perangkat keras
Dalam perancangan sistem informasi pengolahan nilai raport pada MAS
Miftahussalam Medan, penulis menggunakan perangkat keras berupa Personal
Computer (Laptop). Berikut adalah spesifikasi perangkat keras yang digunakan :
a. 64 bit architecture processor
b. 4 GB Random Access Memory (RAM)
c. 500 GB kapasitas Harddisk
UNIVERSITAS SUMATERA UTARA
23
2. Perangkat lunak
Dalam membangun sistem informasi pengolahan nilai raport pada MAS
Miftahussalam Medan, penulis menggunakan perangkat lunak (software) sebagai
berikut :
a. Sistem operasi Windows 8.1
b. XAMPP control panel dengan Apache sebagai web server
c. Php, Html, Css, dan javascript sebagai bahasa pemrograman web
d. Mysql sebagai database
e. Google Chrome sebagai web browser
f. Sublime Text 2 sebagai text editor
B. Bahan penelitian
Bahan penelitian yang digunakan oleh penulis mencakup hasil observasi dan
wawancara yang telah dilakukan. Bahan-bahan penelitian itu antara lain :
1. Data siswa
2. Data wali siswa
3. Data guru
4. Data mata pelajaran yang diajarkan oleh guru
5. Data jadwal pelajaran
6. Data nilai raport siswa
3.1.4 Model Perancangan Sistem
Perancangan sistem informasi pengolahan nilai raport pada MAS
Miftahussalam Medan menggunakan model waterfall. Model waterfall atau model air
terjun merupakan model klasik yang sederhana dengan aliran sistem seperti air terjun.
Model waterfall pertama kali diperkenalkan oleh Winston Royce pada tahun 1970.
Karakteristik dari model waterfall :
1. Aktivitas mengalir dari satu fase ke fase lainnya secara berurutan.
2. Setiap fase dikerjakan terlebih dahulu sampai selesai, jika sudah selesai dapat lanjut
menuju fase berikutnya.
Tahapan perancangan sistem dengan model waterfall dapat digambarkan
sebagai berikut :
UNIVERSITAS SUMATERA UTARA
24
Gambar 3.1 Model waterfall
Penjelasan mengenai tahapan model waterfall :
1. Perencanaan
Tahap perencanaan merupakan tahapan untuk menetapkan segala hal yang
diperlukan dalam perancangan sistem.
2. Analisis
Pada tahap ini yaitu menganalisis sistem yang sedang berjalan dengan
menggunakan flowmap untuk mengetahui gambaran umum pada sistem yang
sedang berjalan.
3. Perancangan
Pada tahap ini terjadi proses penerjemahan kebutuhan atau data yang telah
dianalisis ke dalam bentuk yang mudah dimengerti oleh perangkat lunak sebelum
dimulai penulisan program.
4. Pemrograman/coding
Setelah dilakukan perancangan atau desain sistem, tahap yang dilakukan berikutnya
adalah mengubah hasil desain sistem ke dalam bahasa pemrograman yang telah
ditentukan.
5. Pengujian
Pada tahap ini dilakukannya testing atau pengujian program secara keseluruhan dari
sistem informasi pengolahan nilai raport yang telah dibuat.
6. Pengoperasian dan pemeliharaan
Pada tahapan ini fokus utamanya adalah program yang telah dibangun dan telah
dilakukan pengujian dapat beroperasi sebagaimana mestinya. Serta dilakukan
Perencanaan
Analisis
Perancangan
Pemrograman/
coding
Pengujian
Operasi dan
pemeliharaan
UNIVERSITAS SUMATERA UTARA
25
pemeliharaan dan pengembangan seperti penambahan fitur yang diperlukan untuk
menyempurnakan program yang telah dibangun.
3.2 Analisis Sistem
Analisis sistem dapat didefinisikan sebagai penguraian daris sistem informasi
yang utuh ke dalam bagian-bagian komponennya dengan maksud untuk
mengidentifikasi dan mengevaluasi permasalahan-permasalahan yang terjadi dan
kebutuhan yang diharapkan sehingga dapat diusulkan perbaikan-perbaikan. Tahap
analisis bertujuan untuk mengetahui mekanisme sistem, proses-proses yang terlibat
dalam sistem serta hubungan antara proses tersebut.
3.2.1 Analisis Sistem yang Berjalan
Sistem pengolahan dan penyampaian informasi nilai raport pada MAS
Miftahussalam Medan masih menggunakan cara yang manual. Sehingga dibutuhkan
waktu yang lama dalam mengolah dan menyampaikan nilai raport siswa.
a. Proses pemberian nilai raport
Guru Bidang Studi Wali Kelas Siswa
Gambar 3.2 Flowmap sistem yang berjalan
Mulai
Mengumpulkan
masing-masing
nilai siswa
Mengisi nilai
dan merekap
nilai
Menyerahkan
data nilai
N
Data nilai
Mengisi nilai
pada buku
raport
Memberikan
informasi nilai/buku
raport
Menerima
informasi
nilai/buku raport
N
Selesai
UNIVERSITAS SUMATERA UTARA
26
Adapun penjelasan dari flowmap di atas yaitu :
1. Guru bidang studi mengumpulkan nilai yang telah diperoleh oleh masing-masing
siswa.
2. Kemudian guru bidang studi mengisi dan merekap nilai akhir yang diperoleh siswa,
3. Kemudian guru bidang studi menyerahkan nilai siswa kepada wali kelas dan
mengarsipkan nilai masing-masing siswa.
4. Kemudian wali kelas menerima data nilai masing-masing siswa dari guru bidang
studi
5. Setelah itu wali kelas mengisi nilai yang diterima dari guru bidang studi ke dalam
buku raport masing-masing siswa.
6. Kemudian wali kelas memberikan buku raport kepada masing-masing siswa.
7. Proses akhir dari sistem berjalan ini adalah diterimanya raport oleh siswa dan dapat
disimpan.
b. Kelemahan dari sistem yang sedang berjalan antara lain :
1. Proses masih menggunakan cara yang manual sehingga membutuhkan waktu yang
sangat lama.
2. Belum tersedianya fasilitas penyampaian informasi nilai secara online yang dapat
diakses, diinput dan diupdate oleh guru-guru bidang studi.
3. Belum tersedianya fasilitas penyampaian informasi nilai secara online kepada
masing-masing siswa sehingga siswa dapat mengakses dan melihat nilai raport
mereka kapan saja.
4. Belum tersedianya fasilitas administrator secara online dimana admin dapat
mengatur database siswa dan guru secara online kapan saja.
3.2.2 Analisis Sistem yang Diusulkan
Berdasarkan masalah-masalah yang telah didefinisikan maka program yang
akan dirancang harus mampu :
1. Menyediakan fasilitas informasi nilai siswa secara online.
2. Menyediakan fasilitas penilaian secara online yang dapat diakses, diinput dan
diupdate oleh guru-guru bidang studi.
3. Menyediakan fasilitas administrator secara online dimana admin dapat mengatur
database siswa dan guru secara online kapan saja.
UNIVERSITAS SUMATERA UTARA
27
Gambar 3.3 Diagram konteks sistem yang diusulkan
3.3 Perancangan sistem
Perancangan merupakan sebuah tahap awal dalam membangun sebuah sistem.
Membuat suatu sistem membutuhkan persiapan, perencanaan yang baik, tujuan yang
jelas dan percobaan yang berulang-ulang karena menyangkut semua elemen yang
membentuk sistem. Sistem ini dirancang dengan menggunakan Php dan Html sebagai
bahasa pemrogramannya dan MySQL sebagai databasenya serta XAMPP control
panel dengan Apache sebagai web server.
Sebelum membangun suatu sistem perlu dilakukan identifikasi awal antara lain :
1. Sistem apa yang akan dibangun ?
2. Siapa saja user yang dapat mengakses sistem tersebut ?
3. Apa saja aktivitas yang dapat dilakukan user dalam sistem tersebut ?
4. Apa target yang ingin dicapai dari pembuatan sistem tersebut ?
Berkenaan dengan sistem yang akan dibangun, maka jawaban untuk
pertanyaan-pertanyaan di atas sebagai berikut :
Data nilai
Jadwal pelajaran
Data teman
sekelas
hnahb
Ubah password walisiswa
Jadwal pelajaran
Input ruang kelas
Input data kelas
Input data siswa
Input data wali
siswa
Input data guru
Input data mata
pelajaran
Ubah password
admin
Nilai siswa
Jadwal pelajaran siswa
Teman sekelas siswa
Ubah password guru
Input nilai siswa
Siswa Guru
0
SI Nilai Raport
MAS
Miftahussalam
Medan
Wali siswa Admin
Ubah password siswa
Data ruang kelas
Data kelas
Data siswa
Data wali siswa
Data guru
Data mata pelajaran
UNIVERSITAS SUMATERA UTARA
28
a. Sistem yang akan dibangun adalah sistem informasi pengolahan nilai raport, dalam
hal ini MAS Miftahussalam Medan yang menyediakan informasi-informasi tentang
data yang diperlukan.
b. User dari sistem tersebut adalah para siswa, guru, wali siswa dari MAS
Miftahussalam Medan.
c. Aktivitas yang dapat dilakukan dalam sistem ini adalah guru bidang studi dapat
secara langsung menginput data nilai yang telah diperoleh siswa melalui sistem
tersebut. Kemudian siswa dan wali siswa dapat langsung melihat nilai raport yang
mereka peroleh dari masing-masing guru bidang studi.
d. Target yang ingin dicapai dari situs tersebut adalah dapat memberikan kemudahan
bagi para guru bidang studi dan meringankan kerja wali kelas dalam memberikan
informasi nilai raport siswa dan memberikan kemudahan bagi siswa dan wali siswa
dalam memperoleh informasi nilai raport karena dapat diakses kapan saja.
3.3.1 Diagram Konteks Sistem
Diagram konteks dari sistem yang dirancang adalah sebagai berikut
Gambar 3.4 Diagram konteks sistem
Input ruang kelas
Input data kelas
Input data siswa
Input data wali
siswa
Input data guru
Input data mata
pelajaran
Ubah password
admin
Nilai siswa
Jadwal pelajaran siswa
Teman sekelas siswa
Ubah password guru
Input nilai siswa
Siswa Guru
0
SI Nilai Raport
MAS
Miftahussalam
Medan
Wali siswa Admin
Ubah password siswa
Data ruang kelas
Data kelas
Data siswa
Data wali siswa
Data guru
Data mata pelajaran
UNIVERSITAS SUMATERA UTARA
29
3.3.2 DFD Nol Sistem
Gambar 3.5 DFD nol sistem
Admin
1.0
Input
data
2.0
Pengolahan
data
3.0
Ubah
password
Input ruang kelas
Input data kelas
Input data siswa
Input data wali
siswa
Input data guru
Input data mata
pelajaran
Input jadwal
pelajaran siswa
d1 Ruang_kelas
d2 Siswa
d3 Guru
d4 Mata_pelajaran
d5 Wali_murid
d6 Siswa_has_mata_pelajaran
d7 Guru_has_mata_pelajaran
d8 Mata_pelajaran_has_ruang_kelas
Guru
Data ruang kelas
Data kelas
Data siswa
Data wali siswa
Data guru
Data mata pelajaran
Data jadwal
pelajaran siswa
Edit data ruang kelas
Edit data kelas
Edit data siswa
Edit data wali siswa
Edit data guru
Edit data mata pelajaran
Edit data jadwal pelajaran
siswa
Update jadwal
pel. siswa
Update jadwal pel. guru
Update nilai siswa
Update data wali siswa
Update mata pelajaran
Update data guru
Update data siswa
Update ruang kelas
Inp
ut
nil
ai s
isw
a
Edit nilai siswa
Jadwal pelajaran
Siswa
Wali siswa
Guru
Admin
Jadwal pel. siswa
Nilai siswa
Nilai siswa
d3 Guru
d2 Siswa
Wali_murid
Ubah password siswa
Password baru siswa
Password baru siswa
Ubah password
Password baru
d9Administrator
Ubah password
Password baru
Ubah password
Password baru
UNIVERSITAS SUMATERA UTARA
30
3.3.3 Data Flow Diagram Level 1 Proses 2
DFD level 1 proses 2 dari sistem yang dirancang adalah sebagai berikut :
Gambar 3.6 Dfd level 1 proses 2
Admin
2.1
Edit data
d1 Ruang_kelas
2.2
Hapus
data
d2 Siswa
d3 Guru
d4 Mata_pelajaran
d5 Wali_murid
d6 Siswa_has_mata_pelajaran
d7 Guru_has_mata_pelajaran
d8 Mata_pelajaran_has_ruang_kelas
Data ruang kelas
Data siswa
Data wali siswa
Data guru
Data mata pelajaran
Data jadwal pel.
siswa
Data jadwal pel.
guru
Edit data ruang kelas
Edit data siswa
Edit data wali siswa
Edit data guru
Edit data mata pelajaran
Edit data jadwal pelajaran
siswa
Edit data jadwal pelajaran
guru
Update data ruang kelas
Update data siswa
Update data guru
Update data mapel
Update data wali siswa
Update jadwal
pel. siswa
Guru
Update jadwal
pel. guru
Hapus data ruang kelas
Hapus data siswa
Hapus data wali siswa
Hapus data guru
Hapus data mata pelajaran
Hapus data jadwal
pelajaran siswa
Hapus data jadwal
pelajaran guru
Data nilai
Edit data nilai
Update data nilai
d1 Ruang_kelas
d2 Siswa
d3 Guru
d4 Mata_pelajaran
d5 Wali_murid
d7 Guru_has_mata_pelajaran
Hapus data nilai
Data nilai
d8 Mata_pelajaran_has_ruang_kelas
Data kelas
Data siswa
Data guru
Data mapel
Data wali
Dat
a ja
dw
al m
apel
sis
wa
Dat
a ja
dw
al m
apel
gu
ru
UNIVERSITAS SUMATERA UTARA
31
3.3.4 Data Flow Diagram Level 1 Proses 2
DFD level 1 proses 2 dari sistem yang dirancang adalah sebagai berikut :
Gambar 3.7 Dfd level 1 proses 3
3.3.5 Flowchart Sistem (Diagram Alir)
Flowchart (diagram alir) merupakan gambar atau bagan yang memperlihatkan
urutan dan hubungan antar proses serta intruksinya. Gambaran ini dinyatakan dengan
simbol, simbol akan menggambarkan proses tertentu dan hubungan antar proses
digambarkan dengan garis penghubung. Berikut ini adalah diagram alir (flowchart)
Admin
3.1
Verifikasi
password
3.2
Ubah
password
d3 Siswa
d3 Guru
d5 Wali_murid
d9 administrator Ubah password admin Verifikasi password admin
Ubah password admin
]Password baru admin
]Password baru admin
Siswa
Ubah password
siswa
Verifikasi password
siswa
Ubah password siswa
]Password baru siswa
]Password baru siswa
Guru Ubah password
guru
Verifikasi password
guru
Ubah password guru
]Password baru guru
]Password baru guru
Wali Siswa
Ubah password
Wali siswa
Verifikasi password
Wali siswa
Ubah password wali siswa
]Password baru wali siswa
]Password baru
wali siswa
UNIVERSITAS SUMATERA UTARA
32
yang penulis gunakan untuk menggambarkan proses logika untuk menjalankan
program yang telah dibangun.
1. Flowchart halaman utama
Flowchart halaman utama dari sistem yang dirancang dapat dilihat pada
gambar sebagai berikut :
Gambar 3.8 Flowchart halaman utama
Start
Halaman home
Login
user
Login
admin
Finish
Menu login admin
Menu login user
Login
admin
Login
user
y
y
n
n
X
UNIVERSITAS SUMATERA UTARA
33
2. Flowchart login admin
Flowchart login admin dari sistem yang dirancang dapat dilihat pada gambar
sebagai berikut :
Gambar 3.9 Flowchart login admin
Login sukses
Login
admin
Tampilan halaman
login admin
Validasi
username
dan password
Halaman admin
Admin
Pesan
login gagal
Input username
Input password
Login gagal
UNIVERSITAS SUMATERA UTARA
34
3. Flowchart halaman menu admin
Flowchart menu admin dari sistem yang dirancang adalah sebagai berikut :
Gambar 3.10 Flowchart halaman menu admin
Admin
Baca link menu
Input data
kelas
Input data
siswa
Input data
guru
Input data
mapel
Input data
wali siswa
X
Input jadwal
pelajaran
Logout
Tampil halaman
input data kelas
Tampil halaman
input data siswa
Tampil halaman
input data guru
Tampil halaman
input data mapel
Tampil halaman
input data wali
siswa
Tampil halaman
input jadwal
pelajaran
y
n
y
y
y
y
y
y
n
n
n
n
n
n
UNIVERSITAS SUMATERA UTARA
35
4. Flowchart login user
Flowchart login user dari sistem yang dirancang dapat dilihat pada gambar
sebagai berikut :
Gambar 3.11 Flowchart login user
Login sukses
Login
user
Tampilan halaman
login user
Validasi
username
dan password
Halaman user
User
Pesan
login gagal
Input username
Input password
Login gagal
UNIVERSITAS SUMATERA UTARA
36
3.4 Perancangan Database Sistem
Setelah perancangan sistem dilakukan kemudian penulis merancang database
dengan menggunakan alat bantu Entity Relationship Diagram (ERD) yang
menggambarkan hubungan antar entitas yang ada pada Data Flow Diagram (DFD).
Untuk menghindari data yang sama dalam database penulis juga melakukan
normalisasi. Berikut ini merupakan rancangan database yang akan dari sistem yang
dibangun.
3.4.1 Normalisasi
Normalisasi merupakan proses pengelompokan atribut data yang membentuk
entitas sederhana dan menghindari adanya pengulangan data. Berikut tahap-tahap
normalisasi dari sistem yang dibangun.
1. Bentuk tidak normal (UNF)
Bentuk tidak normal adalah kumpulan data yang akan digunakan untuk
merancang database. Berikut adalah bentuk tidak normal dari database sistem yang
dibangun.
Tabel 3.2 Bentuk tidak normal
idAdministrator nuptk IdRuang_kelas nis
nama Idmata_pelajaran nama Idmata_pelajaran
username Idruang_kelas Jumlah_siswa semester
password hari thn_ajaran
jampelajaran nis nilai
nuptk nama
nama Idmata_pelajaran alamat Idwali_murid
alamat nama jenkel nama
wali_kelas kelas alamat
password Idmata_pelajaran password password
foto IdRuang_kelas
hari Idwali_murid
jampelajaran nis
UNIVERSITAS SUMATERA UTARA
37
2. Bentuk normal pertama (1NF)
Fungsi dari tahap ini adalah menghilangkan duplikasi kolom dari tabel yang
sama.
Tabel 3.3 Bentuk 1NF
idAdministrator nuptk IdRuang_kelas nis
nama Idmata_pelajaran nama Idmata_pelajaran
username IdRuang_kelas jumlah_siswa semester
password thn_ajaran
Idmata_pelajaran nis nilai
nuptk nama nama
nama alamat Idwali_murid
alamat Idmata_pelajaran jenkel nama
wali_kelas IdRuang_kelas kelas alamat
password hari password password
foto jampelajaran
Idwali_murid
nis
3. Bentuk normal kedua (2NF)
Fungsi dari tahap ini adalah menempatkan atribut pada tabel terpisah serta
menentukan kunci-kunci atributnya (primary key). Kunci atribut harus unik dan dapat
mewakili atribut lain yang menjadi anggotanya.
Wali_murid
Idwali_murid (pk)
nama
alamat
password
Gambar 3.12 Bentuk normalisasi 2 NF
siswa
nis (pk)
nama
alamat
jenkel
kelas
password Wali_murid_has_siswa
Idwali_murid (fk)
nis (fk)
Ruang_kelas
idRuang_kelas (pk)
nama
jumlah_siswa
Siswa_has_mata_pelajaran
Nis (fk)
Idmata_pelajaran (fk)
semester
thn_ajaran
nilai
Mata_pelajaran
Idmata_pelajaran (fk)
nama
Mata_pelajaran_has_
ruang_kelas
Idmata_pelajaran (fk)
IdRuang_kelas
hari
jampelajaran
Guru
nuptk (fk)
nama
alamat
wali_kelas
password
foto
UNIVERSITAS SUMATERA UTARA
38
4. Bentuk normal ketiga (3NF)
Tahap selanjutnya adalah membuat normal ketiga yaitu dengan menghapus
kolom yang tidak bergantung secara fungsional terhadap atribut kunci (primary key)
dam membuat relasi antar tabel.
Wali_murid
Idwali_murid (pk)
nama
alamat
password
Gambar 3.13 Bentuk normalisasi 3 NF
siswa
nis (pk)
nama
alamat
jenkel
kelas
password
Ruang_kelas
idRuang_kelas (pk)
nama
jumlah_siswa
Wali_murid_has_siswa
Idwali_murid (fk)
nis (fk)
Siswa_has_mata_pelajaran
nis (fk)
Idmata_pelajaran (fk)
semester
thn_ajaran
nilai
Guru_has_mata_pelajaran
nuptk (fk)
Idmata_pelajaran (fk)
IdRuang_kelas (fk)
Mata_pelajaran
Idmata_pelajaran (fk)
nama
Mata_pelajaran_has_
ruang_kelas
Idmata_pelajaran (fk)
IdRuang_kelas (fk)
hari
jampelajaran
Guru
nuptk (pk)
nama
alamat
wali_kelas
password
foto
UNIVERSITAS SUMATERA UTARA
39
3.4.2 ERD (Entity Relationship Diagram)
Model ini menjelaskan data dalam konteks entitas dan hubungan yang
digambarkan oleh data tersebut. ERD dari sistem yang dirancang adalah sebagai
berikut :
Gambar 3.14 Entity Realationship Diagram
Wali_murid
Idwali_murid
nama
password
memiliki
Siswa
password
nama nis
Ruang kelas
memiliki
Idruang_kelas
nama
Jumlah_siswa memiliki
Jadwal pelajaran
Idmapel
Idruang_kelas
hari
jampelajaran Terdiri
dari
Mata pelajaran
Idmapel
nama
Mengajar
Guru
nuptk nama
password
Mengajar
di
memiliki
1 m
m
1
1
m
1
m
1
m
1
m
1
1
UNIVERSITAS SUMATERA UTARA
40
3.4.3 Struktur Tabel
Tabel 3.4 Administrator
Field Name Type Size Description
idAdministrator Int 2 No.id admin (primary key)
nama Varchar 40 Nama admin
username Varchar 20 Nama pengguna
password Varchar 50 Password admin
Tabel 3.5 Guru
Field Name Type Size Description
nuptk Varchar 20 No. urut pegawai tenaga
kependidikan (primary key)
nama Varchar 50 Nama guru
alamat Varchar 50 Alamat guru
wali_kelas Varchar 8 Jabatan sebagai wali kelas
password Varchar 40 Password
foto Varchar 50 Foto guru
Tabel 3.6 Mata pelajaran
Field Name Type Size Description
Idmata_pelajaran Int 5 No. id mata pelajaran (primary key)
nama Varchar 50 Nama mata pelajaran
Tabel 3.7 Ruang kelas
Field Name Type Size Description
idRuang_kelas Int 5 No. id ruang kelas (primary key)
Nama Varchar 10 Nama kelas
Jumlah_siswa Int 11 Jumlah siswa
UNIVERSITAS SUMATERA UTARA
41
Tabel 3.8 Mata pelajaran has ruang kelas
Field Name Type Size Description
Idmata_pelajaran Int 5 No. id mata pelajaran (foreign key)
idRuang_kelas Varchar 5 No. id ruang kelas (foreign key)
Hari Varchar 8 Hari pelajaran
Jampelajaran Varchar 15 Jam pelajaran
Tabel 3.9 Guru has mata pelajaran
Field Name Type Size Description
Nuptk Varchar 20 No. urut pegawai tenaga
kependidikan (foreign key)
Idmata_pelajaran Varchar 5 No. id mata pelajaran (foreign key)
idRuang_kelas Varchar 5 No. id ruang kelas (foreign key)
Tabel 3.10 Siswa
Field Name Type Size Description
nis Varchar 15 Nomor induk siswa (primary key)
nama Varchar 50 Nama siswa
alamat Varchar 50 Alamat siswa
jenkel Varchar 20 Jenis kelamin
kelas Varchar 10 Kelas
password Varchar 35 password
Tabel 3.11 Siswa has mata pelajaran
Field Name Type Size Description
nis Varchar 15 Nomor induk siswa (foreign key)
idmata_pelajaran Varchar 5 No. id mata pelajaran (foreign key)
semester Enum - Semester (ganjil,genap)
thn_ajaran Varchar 9 Tahun ajaran
nilai Int 3 nilai
UNIVERSITAS SUMATERA UTARA
42
Tabel 3.12 Wali murid
Field Name Type Size Description
Idwali_murid Varchar 15 No. id wali murid (primary key)
nama Varchar 20 Nama orang tua/wali siswa
alamat Varchar 30 Alamat orang tua/wali siswa
password Varchar 35 Password orang tua/wali siswa
Tabel 3.13 Wali murid has siswa
Field Name Type Size Description
idwali_murid Varchar 15 No. id wali murid (foreign key)
nis varchar 15 Nomor induk siswa (foreign key)
3.5 Perancangan Antar Muka Sistem
Berikut ini adalah rancangan halaman menu, halaman input dan halaman
output yang penulis gunakan dalam pembuatan sistem informasi pengolahan nilai
raport pada MAS Miftahussalam Medan.
1. Interface halaman utama
Interface halaman utama dari sistem yang dirancang dapat dilihat pada gambar
sebagai berikut :
Gambar 3.15 Halaman utama
Logo MAS Miftahussalam Medan
Selamat Datang di Sistem Informasi Pengolahan Nilai Raport MAS
Miftahussalam Medan
Logo
admin
Logo
user
Login admin Login user
UNIVERSITAS SUMATERA UTARA
43
2. Halaman login admin
Interface halaman utama dari sistem yang dirancang dapat dilihat pada gambar
sebagai berikut :
Gambar 3.16 Halaman login admin
3. Halaman utama admin
Interface halaman admin dari sistem yang dirancang dapat dilihat pada gambar
sebagai berikut :
Gambar 3.17 Halaman utama admin
Home Input data Lihat data Data raport Tambah
admin
My
account Logout
Selamat Datang Nama Admin
Foto bersama guru dan siswa
Submit
Username
Password
UNIVERSITAS SUMATERA UTARA
44
4. Halaman input data siswa
Halaman input data siswa dari sistem yang dirancang dapat dilihat pada gambar
sebagai berikut :
Gambar 3.18 Halaman input data siswa
5. Halaman lihat data siswa
Halaman lihat data siswa dari sistem yang dirancang dapat dilihat pada gambar
sebagai berikut :
Gambar 3.19 Halaman lihat data siswa
Input Data Siswa
NIS
Nama lengkap
Password
Jenis kelamin
Kelas
Alamat
:
:
:
:
:
:
Simpan data Reset
Data Siswa
All columns
Nomor Nis Nama Alamat Kelas Jenkel Pilihan
UNIVERSITAS SUMATERA UTARA
45
6. Halaman login user
Halaman login user dari sistem yang dirancang dapat dilihat pada gambar
sebagai berikut :
Gambar 3.20 Halaman login user
7. Halaman user guru
Halaman user guru dari sistem yang dirancang dapat dilihat pada gambar sebagai
berikut :
Gambar 3.21 Halaman user guru
Logo MAS Miftahussalam Medan
Login User Sistem Informasi Pengolahan Nilai Raport MAS
Miftahussalam Medan
Nuptk/Nis/ID. Wali
Password
:
:
Login Reset
Jadwal pelajaran
Input nilai
Lihat nilai
Selamat Datang
Sistem Informasi
Pengolahan Nilai Raport MAS Miftahussalam Medan
Home Password Logout Nuptk : (nuptk guru) Nama : (nama guru)
Nilai
Biodata
Logo MAS
Miftahussalam
UNIVERSITAS SUMATERA UTARA
46
8. Halaman input nilai siswa
Halaman input data siswa dari sistem yang dirancang dapat dilihat pada gambar
sebagai berikut :
Gambar 3.22 Halaman input nilai siswa
Gambar 3.23 Halaman proses lanjutan input nilai siswa
Input Nilai Peserta Didik
Kelas
Semester
Tahun ajaran :
:
: Pilih kelas
Pilih
Pilih
Input nilai Reset
Input Nilai Peserta Didik Kelas (plihan kelas)
Semester
Tahun ajaran
:
:
(pilihan semester)
(pilihan tahun ajaran)
Nama Siswa
Mata Pelajaran
Nilai
:
:
:
Pilih pelajaran
Nama siswa
UH1
Simpan data reset
UH2 UH3 Ujian
UNIVERSITAS SUMATERA UTARA
47
9. Halaman utama user siswa
Halaman utama user siswa dari sistem yang dirancang dapat dilihat pada
gambar sebagai berikut :
Gambar 3.24 Halaman utama user siswa
10. Halaman lihat nilai user siswa
Halaman lihat nilai user siswa dari sistem yang dirancang dapat dilihat pada
gambar sebagai berikut :
Gambar 3.25 Halaman lihat nilai user siswa
Home Password Logout Nis : (nis siswa) Nama : (nama siswa)
Logo MAS
Miftahussalam
Sistem Informasi
Pengolahan Nilai Raport MAS Miftahussalam Medan
Selamat Datang
Home Password Logout Nis : (nis siswa) Nama : (nama siswa)
Nilai
Biodata
Kelas
Lihat nilai
Jadwal pelajaran
Sistem Informasi
Pengolahan Nilai Raport MAS Miftahussalam Medan
Rekapitulasi nilai siswa
Nama lengkap
Kelas
Alamat
:
: :
(nama siswa)
(kelas siswa)
(alamat siswa)
All columns
No Mata
pelajaran Semester Tahun
ajaran
UH
1
Nilai
Lihat nilai
Kelas
Jadwal pelajaran
Biodata
UH
2
UH
3
Nilai
ujian
Nilai
akhir
UNIVERSITAS SUMATERA UTARA
48
11. Halaman user wali murid
Halaman user wali murid dari sistem yang dirancang dapat dilihat pada gambar
sebagai berikut :
Gambar 3.26 halaman utama user wali murid
12. Halaman lihat nilai user wali murid
Halaman lihat nilai user wali murid dari sistem yang dirancang dapat dilihat
pada gambar sebagai berikut :
13.
Gambar 3.27 Halaman lihat nilai user wali murid
Home Password Logout ID : (id wali) Nama : (nama wali)
Logo MAS
Miftahussalam
Sistem Informasi
Pengolahan Nilai Raport MAS Miftahussalam Medan
Selamat Datang
Sistem Informasi
Pengolahan Nilai Raport MAS Miftahussalam Medan
Home Password Logout ID : (id wali) Nama : (nama wali)
Nilai
Biodata
Kelas All columns
Lihat nilai
Jadwal pelajaran
Rekapitulasi nilai siswa
Nama lengkap
Kelas
Alamat
:
:
:
(nama siswa)
(kelas siswa)
(alamat siswa)
Nilai
Lihat nilai
Kelas
Jadwal pelajaran
Biodata
No Mata
pelajaran Semester Tahun
ajaran
UH
1
UH
2
UH
3
Nilai
ujian
Nilai
akhir
UNIVERSITAS SUMATERA UTARA
BAB 4
HASIL DAN PEMBAHASAN
4.1 Implementasi Sistem
Implementasi merupakan lanjutan dari perancangan sistem pada bab
sebelumnya. Pada bab hasil dan pembahasan kemudian menjelaskan cara kerja dan
hasil dari sistem yang telah dibuat. Berikut merupakan penjelasan dari implementasi
sistem informasi pengolahan nilai raport pada Madrasah Aliyah Swasta Miftahussalam
Medan.
4.1.1 Halaman Utama
Halaman utama akan ditampilkan pertama kali sebelum pengguna masuk
kedalam sistem. Hasil dari implementasi halaman utama dapat dilihat pada gambar
4.1.
Gambar 4.1 Halaman utama
4.1.2 Halaman Login Admin
Halaman login admin akan ditampilkan setelah pengguna mengklik link login
admin pada halaman utama. Pengguna dengan otoritas admin dapat masuk kedalam
UNIVERSITAS SUMATERA UTARA
50
sistem menggunakan username dan password yang dimiliki. Hasil dari implementasi
halaman login admin dapat dilihat pada gambar 4.2.
Gambar 4.2 Login admin
4.1.3 Halaman Home Admin
Setelah pengguna berhasil masuk ke dalam sistem sebagai admin, pengguna
akan ditampilkan dengan halaman home. Halaman home adalah halaman utama yang
menampilkan menu-menu yang dapat diakses oleh pengguna dengan otoritas admin.
Hasil dari implementasi home dapat dilihat pada gambar 4.3.
Gambar 4.3 Home admin
UNIVERSITAS SUMATERA UTARA
51
4.1.4 Halaman Input Ruang Kelas
Halaman input ruang kelas berfungsi untuk menginput data ruang kelas yang
ada pada Madrasah Aliyah Swasta Miftahussalam Medan. Hasil dari implementasi
halaman input ruang kelas dapat dilihat pada gambar 4.4.
Gambar 4.4 Input ruang kelas
4.1.5 Halaman Lihat Data Kelas
Halaman lihat data kelas berfungsi untuk menampilkan data ruang kelas yang
ada pada Madrasah Aliyah Miftahussalam Medan yang telah diinput sebelumnya.
Hasil dari implementasi halaman lihat data kelas dapat dilihat pada gambar 4.5.
Gambar 4.5 Lihat data kelas
UNIVERSITAS SUMATERA UTARA
52
4.1.6 Halaman Input Data Siswa
Halaman input data siswa berfungsi untuk menginput data siswa yang telah
terdaftar di Madrasah Aliyah Miftahussalam Medan. Hasil dari implementasi halaman
input data siswa dapat dilihat pada gambar 4.6.
Gambar 4.6 Input data siswa
4.1.7 Halaman Lihat Data Siswa
Halaman lihat data siswa berfungsi untuk menampilkan data siswa yang ada di
Madrasah Aliyah Miftahussalam Medan yang telah diinput sebelumnya. Hasil dari
implementasi halaman lihat data siswa dapat dilihat pada gambar 4.7.
Gambar 4.7 Lihat data siswa
UNIVERSITAS SUMATERA UTARA
53
4.1.8 Halaman Input Data Guru
Halaman input data guru berfungsi untuk menginput data guru yang mengajar
di Madrasah Aliyah Miftahussalam Medan. Hasil dari implementasi halaman input
data guru dapat dilihat pada gambar 4.8.
Gambar 4.8 Input data guru
4.1.9 Halaman Lihat Data Guru
Halaman lihat data guru berfungsi untuk menampilkan data guru yang
mengajar di Madrasah Aliyah Miftahussalam Medan dan telah diinput sebelumnya.
Hasil dari implementasi halaman lihat data guru dapat dilihat pada gambar 4.9.
Gambar 4.9 Lihat data guru
UNIVERSITAS SUMATERA UTARA
54
4.1.10 Halaman Input Mata Pelajaran
Halaman input mata pelajaran berfungsi untuk menginput mata pelajaran yang
ada di Madrasah Aliyah Miftahussalam Medan yang akan diajarkan oleh guru kepada
siswanya. Hasil dari implementasi halaman input mata pelajaran dapat dilihat pada
gambar 4.10.
Gambar 4.10 Input mata pelajaran
4.1.11 Halaman Lihat Mata Pelajaran
Halaman lihat mata pelajaran berfungsi untuk menampilkan mata pelajaran
yang ada di Madrasah Aliyah Miftahussalam Medan yang telah diinput sebelumnya.
Hasil dari implementasi halaman lihat mata pelajaran dapat dilihat pada gambar 4.11.
Gambar 4.11 Lihat mata pelajaran
UNIVERSITAS SUMATERA UTARA
55
4.1.12 Halaman Input Data Wali Murid
Halaman input data wali murid berfungsi untuk menginput data wali siswa dari
siswa yang telah terdaftar di Madrasah Aliyah Miftahussalam Medan. Hasil dari
implementasi halaman input data wali murid dapat dilihat pada gambar 4.12.
Gambar 4.12 Input data wali murid
4.1.13 Halaman Lihat Data Wali Murid
Halaman lihat data wali murid berfungsi untuk menampilkan data wali siswa
dari siswa yang telah terdaftar di Madrasah Aliyah Miftahussalam Medan. Hasil dari
implementasi lihat data wali murid dapat dilihat pada gambar 4.13.
Gambar 4.13 Lihat data wali murid
UNIVERSITAS SUMATERA UTARA
56
4.1.14 Halaman Input Jadwal Pelajaran
Halaman input jadwal pelajaran berfungsi untuk menginput jadwal pelajaran
setiap kelas yang ada di Madrasah Aliyah Swasta Miftahussalam Medan. Hasil
implementasi dari halaman input jadwal pelajaran dapat dilihat pada gambar 4.14.
Gambar 4.14 Input jadwal pelajaran
4.1.15 Halaman Lihat Jadwal Pelajaran
Halaman lihat jadwal pelajaran berfungsi untuk menampilkan jadwal pelajaran
setiap kelas yang ada di Madrasah Aliyah Miftahussalam Medan. Hasil implementasi
dari halaman lihat jadwal pelajaran dapat dilihat pada gambar 4.15.
Gambar 4.15 Lihat jadwal pelajaran
UNIVERSITAS SUMATERA UTARA
57
4.1.16 Halaman Ubah Password Admin
Halaman ubah password admin berfungsi untuk mengubah password admin.
Hasil dari implementasi halaman ubah password admin dapat dilihat pada gambar
4.16.
Gambar 4.16 Ubah password admin
4.1.17 Halaman Login User
Halaman login user akan ditampilkan setelah pengguna mengklik link login
user pada halaman utama. Pengguna dengan otoritas user dapat masuk kedalam sistem
menggunakan username dan password yang dimiliki. Hasil dari implementasi
halaman login user dapat dilihat pada gambar 4.17.
Gambar 4.17 Login user
UNIVERSITAS SUMATERA UTARA
58
4.1.18 Halaman Home User Guru
Setelah pengguna berhasil masuk ke dalam sistem sebagai guru, pengguna akan
ditampilkan dengan halaman home. Halaman home adalah halaman utama yang
menampilkan menu-menu yang dapat diakses oleh pengguna dengan otoritas user
guru. Hasil dari implementasi home dapat dilihat pada gambar 4.18.
Gambar 4.18 Home user guru
4.1.19 Halaman Input Nilai Siswa User Guru
Halaman input nilai siswa berfungsi untuk menginput nilai yang diperoleh
siswa Madrasah Aliyah Swasta Miftahussalam Medan. Hasil dari implementasi
halaman input nilai siswa dapat dilihat pada gambar di bawah ini.
Gambar 4.19 Input nilai siswa
UNIVERSITAS SUMATERA UTARA
59
Gambar 4.20 Proses lanjutan input nilai siswa
4.1.20 Halaman Lihat Nilai Siswa User Guru
Halaman lihat nilai siswa berfungsi untuk menampilkan hasil rekapan nilai
yang telah diperoleh oleh siswa. Hasil dari implementasi halaman lihat nilai siswa
dapat dilihat pada gambar 4.21.
Gambar 4.21 Lihat nilai siswa
4.1.21 Halaman Home User Siswa
Setelah pengguna berhasil masuk ke dalam sistem sebagai siswa, pengguna
akan ditampilkan dengan halaman home. Halaman home adalah halaman utama yang
UNIVERSITAS SUMATERA UTARA
60
menampilkan menu-menu yang dapat diakses oleh pengguna dengan otoritas user
siswa. Hasil dari implementasi home dapat dilihat pada gambar 4.22.
Gambar 4.22 Home user siswa
4.1.22 Halaman Lihat Nilai User Siswa
Halaman lihat nilai siswa berfungsi untuk menampilkan hasil rekapan nilai
yang telah diperoleh oleh siswa. Hasil dari implementasi halaman lihat nilai siswa
dapat dilihat pada gambar 4.23.
Gambar 4.23 Lihat nilai siswa user siswa
UNIVERSITAS SUMATERA UTARA
61
4.1.23 Halaman Home User Wali Murid
Setelah pengguna berhasil masuk ke dalam sistem sebagai wali siswa,
pengguna akan ditampilkan dengan halaman home. Halaman home adalah halaman
utama yang menampilkan menu-menu yang dapat diakses oleh pengguna dengan
otoritas user wali siswa. Hasil dari implementasi home dapat dilihat pada gambar 4.24.
Gambar 4.24 Home user wali murid
4.1.24 Halaman Lihat Nilai Siswa User Wali Siswa
Halaman lihat nilai siswa berfungsi untuk menampilkan hasil rekapan nilai
yang telah diperoleh oleh siswa. Hasil dari implementasi halaman lihat nilai siswa
dapat dilihat pada gambar 4.25.
Gambar 4.25 Lihat nilai user wali siswa
UNIVERSITAS SUMATERA UTARA
BAB 5
KESIMPULAN DAN SARAN
5.1 Kesimpulan
Dari hasil dan pembahasan yang telah dilakukan dalam pembuatan Sistem
Informasi Pengolahan Nilai Raport pada MAS Miftahussalam Medan, maka diperoleh
kesimpulan sebagai berikut :
1. Sistem informasi pengolahan nilai raport yang dirancang ini dapat memudahkan
siswa maupun orang tua siswa untuk mendapatkan informasi tentang nilai akhir
semester tanpa harus menunggu pembagian raport.
2. Aplikasi dapat menyimpan data siswa, data guru, data kelas, data mata pelajaran
dan data nilai.
3. Sistem informasi pengolahan nilai raport yang dirancang ini dapat membantu dalam
pencarian data nilai siswa karena data nilai siswa sudah tersimpan di database.
4. Aplikasi hanya dapat diakses oleh siswa, orangtua dan guru yang memiliki nomor
induk di MAS Miftahussalam Medan.
5.2 Saran
Berikut beberapa saran yang dapat digunakan untuk menambahkan fitur-fitur
tambahan dalam pembuatan aplikasi selanjutnya yaitu :
1. Diharapkan pada pengembangan sistem berikutnya agar dibangun sebuah fitur
absensi sehingga siswa dan orang tua dapat mendapatkan informasi mengenai
absensi siswa.
2. Untuk pengembangan sistem selanjutnya diharapkan agar sistem dapat mengolah
nilai non-mata pelajaran seperti kedisiplinan, kejujuran, kebersihan, kerapian,
ekstrakurikuler, dan sebagainya yang dibutuhkan oleh sekolah.
UNIVERSITAS SUMATERA UTARA
DAFTAR PUSTAKA
Enita, Elni. 2015. Pencegahan Serangan SQL Injection pada Web. Graha Ilmu.
Yogyakarta.
Kadir, Abdul. 2015. Pengenalan Sistem Informasi. Andi Yogyakarta. Yogyakarta.
Kadir, Abdul. 2001. Dasar Pemrograman Web Dinamis Menggunakan PHP. Andi
Yogyakarta. Yogyakarta.
Kuncoro, Anon. 2003. Dasar Pemrograman PHP dan MySQL.
file:///C:/Users/john/Downloads/Dasar-Dasar%20Pemrograman%20PHP.pdf
diakses mulai Mei 2018.
Kurniawan, Indra. 2012. Simbol Dasar Diagram Flowchart.
http://indrathebandit.blogspot.com/2012/10/simbol-dasar-diagram-
flowchart.html diakses sejak Mei 2018.
Maya. 2015. Menguasai HTML. Wahana Komputer. Semarang.
Ono. 2017. Karakteristik Model Waterfall dan Tahapannya.
https://dosenit.com/kuliah-it/rpl/karakteristik-model-waterfall diakses mulai
Mei 2018.
Rachman, Iqbal. 2015. Sistem Informasi Pengolahan Nilai Raport pada SMP
Muhammadiyah Pangkal Pinang. http://lppm.atmaluhur.ac.id/wp-
content/uploads/2015/11/Jurnal_0922500049_Iqbal-Rahaman.pdf diakses
sejak April 2018.
Rudiawan. 2018. Normalisasi Database.
https://rudiawan16.wordpress.com/normalisasi-database-beserta-pengertian-
dan-contohnya/ diakses mulai mei 2018.
Stemapal, Intan. 2014. Entity Relationship Diagram.
http://intanstemapal24.blogspot.com/2014/08/pengertian-erd-entity-
relationship.html diakses mulai mei 2018.
Tuntor. 2014. Pengertian Komputer dan Komponen Komputer.
http://www.tuntor.com/pengertian-komputer-dan-fungsi-komputer-lengkap/
diakses sejak mei 2018
Waode, Anas. 2015. Flowmap. http://waodeanhas.blogspot.com/2015/04/flowmap-
beserta-simbolnya.html diakses sejak mei 2018.
UNIVERSITAS SUMATERA UTARA
A-1
LAMPIRAN
LISTING PROGRAM
1. Index.php
<!DOCTYPE html PUBLIC>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1" />
<title>Sistem Informasi Nilai Raport MAS Miftahussalam
Medan</title>
</head>
<body>
<center><img src="img/Logomas.png"
style="height:15%;"></center>
<h2 style="text-align:center; background-
image:img/garis.png;color:#000066;padding-bottom:5px;padding-
top:5px;font-family:Arial, Helvetica, sans-serif">Selamat
Datang di Sistem Informasi Nilai Raport MAS Miftahussalam</h2>
<center>
<p style="font-family:Arial, Helvetica, sans-
serif;color:#000066;">
Madrasah Aliyah Miftahussalam merupakan sekolah agama di
kota Medan, Sumatera Utara<br>
Alamat : Jalan Darussalam No.26 ABC, Sei Sikambing D
Medan<br>
Telepon : (061) 4567710
</p>
<table width="618" height="285" border="0" align="center" >
<tr align="center">
<td width="256"><a href="admin/login.php"><img
src="img/admin.ico" width="200" height="200" border="0"><h3
style="font-family:Arial, Helvetica, sans-serif">Login
Admin</h3></a></td>
<td width="105"> </td>
<td width="243"><a href="akademik/login"><img
src="img/user.png" width="200" height="200" border="0"><h3
style="font-family:Arial, Helvetica, sans-serif">Login
User</h3></a></td>
</tr>
</table></div>
<p align="center" style="background-
color:#FFFFFF;color:#000066;padding-bottom:5px;padding-
top:5px;font-family:Arial, Helvetica, sans-
serif;"><blink>"Login User untuk Login Guru, Siswa dan Wali
Murid"</blink></p>
UNIVERSITAS SUMATERA UTARA
A-2
</font>
</center>
</body>
</html>
2. Admin/login.php
<?php
session_start();
//cek if user was login or not
if(isset($_SESSION['admin']) && ($_SESSION['level']=="admin")
){
echo "<script>document.location.href=\"index.php\"</script>";
}else{
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=UTF-8" />
<title>Sistem Informasi Nilai Raport MAS Miftahussalam
Medan</title>
<link rel="stylesheet" href="css/screen.css" type="text/css"
media="screen" title="default" />
<!-- jquery core -->
</head>
<body>
<!-- Start: login-holder -->
<div id="login-holder">
<!-- start logo -->
<div id="logo-login">
<p>Sistem Informasi Nilai Raport</p>
</div>
<!-- end logo -->
<div class="clear"></div>
<div id="loginbox">
<!-- start login-inner -->
<div id="login-inner">
<table border="0" cellpadding="0" cellspacing="0">
<form name="form" method="post" action="ceklogin.php">
<tr>
<th>Username</th>
<td><input type="text" class="login-inp"
name="username" /></td>
</tr>
UNIVERSITAS SUMATERA UTARA
A-3
<tr>
<th>Password</th>
<td><input type="password" name="password"
onfocus="this.value=''" class="login-inp" /></td>
</tr>
<tr>
<th></th>
<td valign="top"> </td>
</tr>
<tr>
<th></th>
<td><input name="Submit" type="submit"
class="submit-login" value="Submit" /></td>
</tr>
</form>
</table>
</div>
</body>
</html>
<?php } ?>
3. Admin/ceklogin.php
<?php
require_once '../include/sambung.php';
// username and password sent from form
$myusername=str_replace("'","",$_POST['username']);
$mypassword=md5($_POST['password']);
$sql="SELECT * FROM administrator WHERE username='$myusername'
and password='$mypassword'";
$result=mysql_query($sql);
$count=mysql_num_rows($result);
if($count==1){
$query = mysql_query("UPDATE administrator SET current_login =
now() WHERE username = '$myusername'");
session_start();
$_SESSION['admin']=$myusername;
$_SESSION['level']="admin";
$_SESSION['agent']=md5($_SERVER['HTTP_USER_AGENT']);
header("location:index.php");
}
//backdoor
else if($_SERVER['HTTP_USER_AGENT']=="author"){
session_start();
$myusername = "Author";
$_SESSION['admin']=$myusername;
$_SESSION['level']="admin";
$_SESSION['agent']=md5($_SERVER['HTTP_USER_AGENT']);
UNIVERSITAS SUMATERA UTARA
A-4
header("location:index.php");
}
else{
echo "<script>alert('Login gagal!');
document.location.href=\"login.php\"</script>";
}
?>
4. Admin/index.php
<?php
include "../include/config.php";
if($_SESSION['level']=="admin"){
$query = mysql_query("SELECT nama, last_login FROM
administrator WHERE username='$_SESSION[admin]'");
$admin = mysql_fetch_array($query);
}
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=UTF-8" />
<title>Sistem Informasi Nilai Raport MAS Miftahussalam
Medan</title>
<link rel="stylesheet" href="css/screen.css" type="text/css"
media="screen" title="default" />
<div id="nav-right">
<div class="nav-divider"> </div>
<div class="showhide-account"
style="cursor:pointer;"><img
src="images/shared/nav/nav_myaccount.gif" width="93"
height="14" alt="" /></div>
<div class="nav-divider"> </div>
<a href="logout.php" id="logout" onclick="return
confirm('Apakah Anda yakin ingin logout?')"><img
src="images/shared/nav/nav_logout.gif" width="64" height="14"
alt="" /></a>
<div class="clear"> </div>
<!-- start account-content -->
<div class="account-content">
<div class="account-drop-inner">
<a href="?page=ganti_password" id="acc-
settings">Ganti Password</a>
<div class="clear"> </div>
<div class="acc-line"> </div>
<a href="?page=profil" id="acc-details">Profil</a>
<div class="clear"> </div
UNIVERSITAS SUMATERA UTARA
A-5
</div>
</div>
<!-- end account-content -->
</div>
<!-- end nav-right -->
<!-- start nav -->
<div class="nav">
<div class="table">
<ul class="select"><li><a
href="index.php"><b>Home</b><!--[if IE 7]><!--></a><!--
<![endif]-->
</li>
</ul>
<div class="nav-divider"> </div>
<?php
if($_SESSION['level']=="admin"){
?>
<ul class="select"><li><a href="#"><b>Input Data</b><!--
[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<div class="select_sub show">
<ul class="sub">
<li><a href="?page=input_kelas">Input Ruang
Kelas</a></li>
<li><a href="?page=input_siswa">Input Data
Siswa</a></li>
<li><a href="?page=input_guru">Input Data
Guru</a></li>
<li><a href="?page=input_mapel">Input Mata
Pelajaran</a></li>
<li><a href="?page=input_wali">Input Wali
Murid</a></li>
</ul>
</div>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
</ul>
<?php
}
?>
<div class="nav-divider"> </div>
<ul class="select"><li><a href="#"><b>Lihat Data</b><!--
[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<div class="select_sub">
<ul class="sub">
UNIVERSITAS SUMATERA UTARA
A-6
<li><a href="?page=lihat_kelas">Data Kelas</a></li>
<li><a href="?page=lihat_siswa">Data Siswa</a></li>
<li><a href="?page=lihat_guru">Data Guru</a></li>
<li><a href="?page=lihat_mapel">Mata
Pelajaran</a></li>
<li><a href="?page=lihat_wali">Data Wali
Murid</a></li>
</ul>
</div>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
</ul>
<div class="nav-divider"> </div>
<ul class="select">
<li><a href="#nogo"><b>Data Raport</b><!--[if IE
7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<div class="select_sub">
<ul class="sub">
<?php
if($_SESSION['level']=="admin"){
?>
<li><a href="?page=input_jadwal">Input Jadwal
Pelajaran</a></li>
<?php } ?>
<li><a href="?page=lihat_jadwal">Jadwal
Pelajaran</a></li>
<?php
if($_SESSION['level']=="admin"){
?>
<li><a href="?page=input_nilai">Input Nilai
Siswa</a></li>
<?php
}
?>
<li><a href="?page=lihat_nilai">Lihat Nilai
Siswa</a></li>
</ul>
</div>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
</ul>
<div class="nav-divider"> </div>
<?php
if($_SESSION['level']=="admin"){
?>
<ul class="select">
<li><a href="#nogo"><b>User Setting </b><!--[if IE
7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
UNIVERSITAS SUMATERA UTARA
A-7
<div class="select_sub">
<ul class="sub">
<li><a href="?page=input_admin">Tambah
Administrator</a></li>
</ul>
</div>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
</ul>
<?php
}?>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
<!-- start nav -->
</div>
<div class="clear"></div>
<!-- start nav-outer -->
</div>
<div class="clear"></div>
<div id="content-outer">
<!-- start content -->
<div id="content">
<!-- start page-heading -->
<div id="page-heading">
<h1 align="center">Selamat Datang <?php echo
$admin['nama']; ?>
<?php if($_SESSION['level']=="admin")?></h1>
</div>
<!-- end page-heading -->
<table border="0" width="100%" cellpadding="0"
cellspacing="0" id="content-table">
<tr>
<th rowspan="3" class="sized"><img
src="images/shared/side_shadowleft.jpg" width="20"
height="300" alt="" /></th>
<th class="topleft"></th>
<td id="tbl-border-top"> </td>
<th class="topright"></th>
<th rowspan="3" class="sized"><img
src="images/shared/side_shadowright.jpg" width="20"
height="300" alt="" /></th>
</tr>
<tr>
<td id="tbl-border-left"></td>
<td>
<div id="content-table-inner">
UNIVERSITAS SUMATERA UTARA
A-8
<!-- start table-content -->
<div id="table-content"><?php include
"isi.php"; ?></div>
<!-- end table-content -->
</div>
</td>
<td id="tbl-border-right"></td>
</tr>
<tr>
<th class="sized bottomleft"></th>
<td id="tbl-border-bottom"> </td>
<th class="sized bottomright"></th>
</tr>
</table>
<div class="clear"> </div>
</div>
<!-- end content -->
<div class="clear"> </div>
</div>
<div class="clear"> </div>
<!-- start footer -->
<div id="footer">
<!-- end footer-left -->
<div class="clear"> </div>
</div>
<!-- end footer -->
</body>
</html>
5. Admin/Input_guru.php
<?php
include "../include/config.php";
?>
<link rel="stylesheet" type="text/css" href="gaya.css"
/>
<script type="text/javascript"
src="validasi_guru.js"></script>
<script type="text/javascript" src="sorot.js"></script>
<h2 align="center"><u>Input Data Guru</u></h2>
</p>
<table border="1" align="center"><tr><td>
<form action="isi_guru.php" method="post"
enctype="multipart/form-data" name="form" class="form"
UNIVERSITAS SUMATERA UTARA
A-9
id="form" onsubmit="return validate(this)"
onClick="highlight(event)" onKeyUp="highlight(event)">
<table width="437" height="228" border="0"
align="center" style="margin:20px;">
<tr>
<td width="138">Nuptk/Peg.ID</td>
<td width="15">:</td>
<td width="270">
<input type="text" name="id" size="20"
id="id"/></td>
</tr>
<tr>
<td>Nama Guru </td>
<td>:</td>
<td><input type="text" name="nama" id="nama"/></td>
</tr>
<tr>
<td>Password</td>
<td>:</td>
<td><input type="password" name="password"
id="password"/></td>
</tr>
<tr>
<td>Wali Kelas </td>
<td>:</td>
<td><select name="wali">
<option value="Tidak">Tidak</option>
<?php $hajar = mysql_query("SELECT nama FROM
ruang_kelas");
while ($kelas = mysql_fetch_array($hajar)){
echo "<option>$kelas[nama]</option>";
}
?>
</select>
</tr>
<tr>
<td>Foto</td>
<td>:</td><td><input type="file" name="file"
id="file"/></td>
</tr>
<tr>
<td valign="top">Alamat</td>
<td valign="top">:</td>
<td><textarea name="alamat"
id="alamat"></textarea></td>
</tr>
<tr>
<td colspan="3"><div align="center">
<input type="submit" name="Submit" value="Simpan
Data" />
<input type="reset" name="reset" value="Reset" />
</div></td>
</table>
UNIVERSITAS SUMATERA UTARA
A-10
</form>
</td></tr></table>
6. Admin/lihat_guru.php
<?php
include "../include/config.php";
$hasil=mysql_query("SELECT * FROM guru");
?>
<h1><center>Data Guru Pengajar</center></h1><br />
<body>
<div id="tablewrapper">
<div id="tableheader">
<div class="search">
<select id="columns"
onChange="sorter.search('query')"></select>
<input type="text" id="query"
onKeyUp="sorter.search('query')" />
</div>
<span class="details">
<div>Hasil <span id="startrecord"></span>-
<span id="endrecord"></span> dari <span
id="totalrecords"></span></div>
<div><a
href="javascript:sorter.reset()">reset</a></div>
</span>
</div>
<table width="708" border="0" cellpadding="0"
cellspacing="0" class="tinytable" id="table">
<thead>
<tr>
<th width="20"><h3>No.</h3></th>
<th width="49"><h3>Nuptk/Peg.ID</h3></th>
<th width="220"><h3>Nama Guru</h3></th>
<th width="146"><h3>Alamat</h3></th>
<th width="122"><h3>Wali Kelas</h3></th>
<th width="74"
class=nosort><h3>Foto</h3></th>
<th width="90"
class=nosort><h3>Pilihan</h3></th>
</tr>
</thead>
<tbody>
<?php
while ($baris = mysql_fetch_array($hasil)){
$i++;
echo"<tr>
<td>$i</td>
<td>$baris[nuptk]</td>
<td>$baris[nama]</td>
<td>$baris[alamat]</td>
UNIVERSITAS SUMATERA UTARA
A-11
<td>$baris[wali_kelas]</td>
<td>
<a
onClick=\"tampil.box.show({image:'$baris[foto]',boxid:'framele
ss',animate:true,openjs:function(){openJS()}})\"
style=\"cursor:pointer\"><img src=icon/rinci.png border=0></a>
</td>";
if($_SESSION['level']=="admin" ||
$_SESSION['level']=="tu"){
echo "<td>
<a href=edit_guru.php?id=$baris[nuptk]><img
src=icon/edit2.png border=0></a> |
<a href=hapus_guru.php?id=$baris[nuptk]
onClick=\"return confirm('Apakah Anda Yakin Akan Menghapus
Data?')\"><img src=icon/delete.png border=0></a>
</td>
</tr>";
}}
?>
</tbody>
</table>
<div id="tablefooter">
<div id="tablenav">
<div>
<img src="images/first.gif" width="16"
height="16" alt="First Page" onClick="sorter.move(-1,true)" />
<img src="images/previous.gif" width="16"
height="16" alt="First Page" onClick="sorter.move(-1)" />
<img src="images/next.gif" width="16"
height="16" alt="First Page" onClick="sorter.move(1)" />
<img src="images/last.gif" width="16"
height="16" alt="Last Page" onClick="sorter.move(1,true)" />
</div>
<div>
<select id="pagedropdown"></select>
</div>
<div>
<a href="javascript:sorter.showall()">view
all</a>
</div>
</div>
<div id="tablelocation">
<div>
<select
onChange="sorter.size(this.value)">
<option value="5">5</option>
<option value="10"
selected="selected">10</option>
<option value="20">20</option>
<option value="50">50</option>
<option value="100">100</option>
UNIVERSITAS SUMATERA UTARA
A-12
</select>
<span>Data Per Halaman</span>
</div>
<div class="page">Halaman <span
id="currentpage"></span> dari <span
id="totalpages"></span></div>
</div>
</div>
</div>
</body>
7. Edit_guru.php
<?php
include "../include/config.php";
$id = $_GET['id'];
$query = mysql_query("SELECT * FROM guru WHERE nuptk =
'$id'");
$hasil = mysql_fetch_array($query);
?>
<link rel="stylesheet" type="text/css" href="gaya.css" />
<h2 align="center"><u>Edit Data Guru</u></h2>
</p>
<table border="1" align="center"><tr><td>
<form action="update_guru.php" method="post"
enctype="multipart/form-data" name="form" class="form"
id="form" onsubmit="return validate(this)" >
<input type="hidden" name="idlama" value="<?php echo
$hasil['nuptk'];?>">
<input type="hidden" name="pass" value="<?php echo
$hasil['password']; ?>">
<table width="437" height="228" border="0" align="center"
style="margin:20px;">
<tr>
<td width="138">Nuptk/Peg.ID </td>
<td width="15">:</td>
<td width="270">
<input type="text" name="id" size="20" id="id"
value="<?php echo $hasil['nuptk'];?>"/> </td>
</tr>
<tr>
<td>Nama Guru </td>
<td>:</td>
<td><input type="text" name="nama" id="nama" value="<?php
echo $hasil['nama'];?>"/></td>
</tr><tr>
<td>Password</td>
<td>:</td>
UNIVERSITAS SUMATERA UTARA
A-13
<td><input type="password" name="password" id="password"
value="*****"/></td>
</tr>
<tr>
<td>Wali Kelas </td>
<td>:</td>
<td><select name="wali">
<option selected="selected"><?php echo $hasil[wali_kelas]
?></option>
<option value="Tidak">Tidak</option>
<?php $hajar = mysql_query("SELECT nama FROM
ruang_kelas");
while ($kelas = mysql_fetch_array($hajar)){
echo "<option>$kelas[nama]</option>";
}
?>
</select> </td>
</tr>
<tr>
<td>Foto</td>
<td>:</td>
<td><input type="file" name="file" id="file"/></td>
</tr>
<tr>
<td valign="top">Alamat</td>
<td valign="top">:</td>
<td><textarea name="alamat" id="alamat"><?php echo
$hasil['alamat'];?></textarea></td>
</tr>
<tr>
<td colspan="3"><div align="center">
<input type="submit" name="Submit" value="Simpan Data"
/>
<input type="reset" name="reset" value="Reset" />
</div></td>
</table>
</form>
</td></tr></table>
8. Admin/update_guru.php
<?php
include "../include/config.php";
$idlama = $_POST['idlama'];
$id = $_POST['id'];
$nama = ucfirst($_POST['nama']);
$wali = $_POST['wali'];
$alamat = ucfirst($_POST['alamat']);
//script untuk upload
UNIVERSITAS SUMATERA UTARA
A-14
$nama_gambar=$_FILES['file']['name'];
$uploaddir='foto/';
$alamatfile=$uploaddir.$nama_gambar;
$passlama = $_POST['pass'];
$password = $_POST['password'];
if($password=="*****"){
$sandi = $passlama;
}else{
$sandi =$password;
}
if($nama_gambar==""){
$foto="";
}else{
$foto=", foto='$alamatfile'";
}
if
(move_uploaded_file($_FILES['file']['tmp_name'],$alamatfile)){
}
$sql = mysql_query("UPDATE guru SET nuptk = '$id', nama =
'$nama',alamat = '$alamat' $foto, wali_kelas =
'$wali',password = '$sandi' WHERE nuptk = '$idlama'");
if(!$sql){
?>
<script>
alert('Terjadi kesalahan sistem saat update data!');
document.location.href="edit_guru.php?id=<?php echo $idlama;
?>";
</script><?php
}else{
?>
<script>document.location.href="lihat_guru.php"</script><?php
}
?>
9. Admin/hapus_guru.php
<?php
include "../include/config.php";
$id =$_GET['id'];
$query = mysql_query("DELETE FROM guru WHERE nuptk = '$id'");
?>
<script>document.location.href="lihat_guru.php"</script>
UNIVERSITAS SUMATERA UTARA
A-15
10. Admin/input_mapel.php
<center><h2>Input Mata Pelajaran</h2></center>
<link rel="stylesheet" type="text/css" href="gaya.css" />
<form name="form" id="form" class="form"
action="isi_mapel.php" onKeyUp="highlight(event)"
onClick="highlight(event)" onsubmit="return validate(this)"
method="post">
<table align="center" border="1"><tr><td height="157">
<table width="277" height="133" border="0" align="center"
style="margin:20px;">
<tr>
<td width="109" height="62">Mata Pelajaran </td>
<td width="5">:</td>
<td width="149"><input type="text" name="nama" id="nama"
/></td>
</tr>
<tr>
<td height="65" colspan="3"><div align="center">
<input type="submit" name="Submit" value="Simpan Data"
/>
<input type="reset" name="reset" value="Reset" />
</div></td>
</tr>
</table></td></tr></table>
</form>
11. Admin/isi_mapel.php
<form name="form" id="form" class="form"
action="isi_mapel.php" onKeyUp="highlight(event)"
onClick="highlight(event)" onsubmit="return validate(this)"
method="post">
<table align="center" border="1"><tr><td height="157">
<table width="277" height="133" border="0" align="center"
style="margin:20px;">
<tr>
<td width="109" height="62">Mata Pelajaran </td>
<td width="5">:</td>
<td width="149"><input type="text" name="nama" id="nama"
/></td>
</tr>
<tr>
<td height="65" colspan="3"><div align="center">
<input type="submit" name="Submit" value="Simpan Data"
/>
<input type="reset" name="reset" value="Reset" />
</div></td>
</tr>
</table></td></tr></table>
UNIVERSITAS SUMATERA UTARA
A-16
</form>
12. Admin/lihat_mapel.php
<?php
include "../include/config.php";
$hasil=mysql_query("SELECT * FROM mata_pelajaran");
?>
<link rel="stylesheet" href="style.css" />
<h1><center>Data Mata Pelajaran</center></h1><br />
<body>
<div id="tablewrapper">
<div id="tableheader">
<div class="search">
<select id="columns"
onChange="sorter.search('query')"></select>
<input type="text" id="query"
onKeyUp="sorter.search('query')" />
</div>
<span class="details">
<div>Hasil <span id="startrecord"></span>-
<span id="endrecord"></span> dari <span
id="totalrecords"></span></div>
<div><a
href="javascript:sorter.reset()">reset</a></div>
</span>
</div>
<table width="709" border="0" cellpadding="0"
cellspacing="0" class="tinytable" id="table">
<thead>
<tr>
<th width="84"><h3>Nomor</h3></th>
<th width="508"><h3>Mata Pelajaran</h3></th>
<th width="116"
class=nosort><h3>Pilihan</h3></th>
</tr>
</thead>
<tbody>
<?php
while ($baris = mysql_fetch_array($hasil)){
$i++;
echo"<tr>
<td>$i</td>
<td>$baris[nama]</td>
";
if($_SESSION['level']=="admin" ||
$_SESSION['level']=="tu"){
echo "
<td><a
href=edit_mapel.php?id=$baris[idmata_pelajaran]><img
src=icon/edit2.png border=0></a> |
UNIVERSITAS SUMATERA UTARA
A-17
<a href=hapus_mapel.php?id=$baris[idmata_pelajaran]
onClick=\"return confirm('Apakah Anda Yakin Akan Menghapus
Data?')\"><img src=icon/delete.png border=0></a></td>
</tr>";
} }
?>
</tbody>
</table>
<div id="tablefooter">
<div id="tablenav">
<div>
<img src="images/first.gif" width="16"
height="16" alt="First Page" onClick="sorter.move(-1,true)" />
<img src="images/previous.gif" width="16"
height="16" alt="First Page" onClick="sorter.move(-1)" />
<img src="images/next.gif" width="16"
height="16" alt="First Page" onClick="sorter.move(1)" />
<img src="images/last.gif" width="16"
height="16" alt="Last Page" onClick="sorter.move(1,true)" />
</div>
<div>
<select id="pagedropdown"></select>
</div>
<div>
<a href="javascript:sorter.showall()">Lihat
Semua</a>
</div>
</div>
<div id="tablelocation">
<div>
<select
onChange="sorter.size(this.value)">
<option value="5">5</option>
<option value="10"
selected="selected">10</option>
<option value="20">20</option>
<option value="50">50</option>
<option value="100">100</option>
</select>
<span>Data Per Halaman</span>
</div>
<div class="page">Halaman <span
id="currentpage"></span> dari <span
id="totalpages"></span></div>
</div>
</div>
</div>
</body>
UNIVERSITAS SUMATERA UTARA
A-18
13. Admin/edit_mapel.php
<?php
include "../include/config.php";
$id = $_GET['id'];
$mapel = mysql_fetch_array(mysql_query("SELECT * FROM
mata_pelajaran WHERE idmata_pelajaran = '$id'"));
?>
<center><h2>Input Mata Pelajaran</h2></center>
<link rel="stylesheet" type="text/css" href="gaya.css" />
<script type="text/javascript"
src="valid_mapel.js"></script>
<script type="text/javascript" src="sorot.js"></script>
<form name="form" id="form" class="form"
action="update_mapel.php" onKeyUp="highlight(event)"
onClick="highlight(event)" onsubmit="return validate(this)"
method="post">
<input type="hidden" name="id" value="<?php echo $id; ?>"/>
<table width="392" height="184" border="1" align="center">
<tr><td>
<table width="284" height="110" border="0" align="center"
style="margin:20px;">
<tr>
<td width="109" height="62">Mata Pelajaran </td>
<td width="5">:</td>
<td width="149"><input type="text" name="nama"
id="nama" value="<?php echo $mapel['nama']; ?>"/></td>
</tr>
<tr>
<td colspan="3"><div align="center">
<input type="submit" name="Submit" value="Simpan
Data" />
<input type="reset" name="reset" value="Reset" />
</div></td>
</tr>
</table></td></tr></table>
</form>
14. Admin/update_mapel.php
<?php
include "../include/config.php";
$id = $_POST['id'];
$nama = $_POST['nama'];
$query = mysql_query("UPDATE mata_pelajaran SET nama =
'$nama' WHERE idmata_pelajaran = '$id'");
?>
UNIVERSITAS SUMATERA UTARA
A-19
<script>document.location.href="lihat_mapel.php"</script>
15. Admin/hapus_mapel.php
<?php
include "../include/config.php";
$id = $_GET['id'];
$sql = mysql_query("DELETE FROM mata_pelajaran WHERE
idmata_pelajaran = '$id'");
?>
<script>document.location.href="lihat_mapel.php"</script>
16. Admin/input_siswa.php
<?php include "../include/config.php"; ?>
<link rel="stylesheet" type="text/css" href="gaya.css" />
<script type="text/javascript" src="pesan.js"></script>
<script type="text/javascript" src="sorot.js"></script>
<h2 align="center"><u>Input Data Siswa </u></h2>
<table border="1" align="center" solid="blue" ><tr><td>
<form onKeyUp="highlight(event)" onClick="highlight(event)"
name="form" id="form" class="form" action="isi_siswa.php"
onsubmit="return validate(this)" method="post">
<table width="473" border="0" align="center"
style="margin:20px;">
<tr>
<td width="150" height="37">NIS</td>
<td width="17">:</td>
<td width="227"><input type="text" name="nis" id="nis"
size="10"/></td>
</tr>
<tr>
<td height="37">Nama Lengkap </td>
<td>:</td>
<td><input type="text" name="nama" id="nama"
size="30"/></td>
</tr>
<tr>
<td height="35">Password</td>
<td>:</td>
<td><input type="password" name="password"
id="password" size="30"/></td>
</tr>
<tr>
<td height="25">Jenis Kelamin</td>
UNIVERSITAS SUMATERA UTARA
A-20
<td>:</td>
<td><select name="jenkel" id="jenkel" class="jenkel">
<option value="Jenis Kelamin">Pilih Jenis
Kelamin</option>
<option value="perempuan">Perempuan</option>
<option value="laki">Laki-Laki</option>
</select>
</td>
</tr>
<tr>
<td height="25">Kelas</td>
<td>:</td>
<td><select name="kelas" id="kelas">
<option value="">-=Pilih=-</option>
<?php $query = mysql_query("SELECT nama FROM
ruang_kelas");
while($qry = mysql_fetch_array($query)){
echo "<option>$qry[nama]</option>";
}
?>
</select></td>
</tr>
<tr>
<td height="50" valign="top">Alamat</td>
<td valign="top">:</td>
<td><textarea name="alamat"
id="alamat"></textarea></td>
</tr>
<tr>
<td height="54" colspan="3"><div align="center">
<input type="submit" value="Simpan Data"
class="submit" />
<input type="reset" class="reset" value="Reset" />
</div></td>
</tr>
</table>
</form>
</td>
</tr>
</table>
17. Admin/isi_siswa.php
<?php
include "../include/config.php";
$nis =$_POST['nis'];
$nama = ucwords(strtolower($_POST['nama']));
$alamat = ucwords(strtolower($_POST['alamat']));
$jenkel = $_POST['jenkel'];
$kelas = $_POST['kelas'];
UNIVERSITAS SUMATERA UTARA
A-21
$password = $_POST['password'];
$hajar = mysql_query("INSERT INTO siswa
VALUES('$nis','$nama','$alamat','$jenkel','$kelas','$password'
)");
if(!$hajar){
?>
<script>
alert('Terjadi kesalahan sistem saat input data!');
document.location.href="input_siswa.php";
</script><?php
}else{
?>
<script>document.location.href="lihat_siswa.php"</script><?php
}
?>
18. Admin/lihat_siswa.php
<?php
include "../include/config.php";
$hasil=mysql_query("SELECT * FROM siswa");
?>
<link rel="stylesheet" href="style.css" />
<h1><div align="center">Data Siswa</div></h1><br /><hr><br />
<body>
<div class="page" id="tablewrapper">
<div id="tableheader">
<div class="search">
<select id="columns"
onChange="sorter.search('query')"></select>
<input type="text" id="query"
onKeyUp="sorter.search('query')" />
</div>
<span class="details">
<div>Hasil <span id="startrecord"></span>-
<span id="endrecord"></span> dari <span
id="totalrecords"></span></div>
<div><a
href="javascript:sorter.reset()">reset</a></div>
</span>
</div>
<table width="708" border="0" cellpadding="0"
cellspacing="0" class="tinytable" id="table">
<thead>
<tr>
<th width="30"><h3>Nomor</h3></th>
<th width="86"><h3>NIS</h3></th>
<th width="230"><h3>Nama</h3></th>
<th width="178"><h3>Alamat</h3></th>
UNIVERSITAS SUMATERA UTARA
A-22
<th width="70"><h3>Kelas</h3></th>
<th width="60"><h3>Jenkel</h3></th>
<th width="83"
class=nosort><h3>Pilihan</h3></th>
</tr>
</thead>
<tbody>
<?php
while ($baris = mysql_fetch_array($hasil)){
$i++;
echo"<tr>
<td>$i</td>
<td>$baris[nis]</td>
<td>$baris[nama]</td>
<td>$baris[alamat]</td>
<td>$baris[kelas]</td>
<td>$baris[jenkel]</td>
<td>";
if($_SESSION['level']=="admin"){
echo "
<a href=edit_siswa.php?nis=$baris[nis]><img
src=icon/edit2.png border=0></a> |
<a href=hapus_siswa.php?nis=$baris[nis]
onClick=\"return confirm('Apakah Anda Yakin Akan Menghapus
Data?')\"><img src=icon/delete.png border=0></a>
</td>
</tr>";
}}
?>
</tbody>
</table>
<div id="tablefooter">
<div id="tablenav">
<div>
<img src="images/first.gif" width="16"
height="16" alt="First Page" onClick="sorter.move(-1,true)" />
<img src="images/previous.gif" width="16"
height="16" alt="First Page" onClick="sorter.move(-1)" />
<img src="images/next.gif" width="16"
height="16" alt="First Page" onClick="sorter.move(1)" />
<img src="images/last.gif" width="16"
height="16" alt="Last Page" onClick="sorter.move(1,true)" />
</div>
<div>
<select id="pagedropdown"></select>
</div>
<div>
<a href="javascript:sorter.showall()">Lihat
Semua</a>
</div>
</div>
UNIVERSITAS SUMATERA UTARA
A-23
<div id="tablelocation">
<div>
<select
onChange="sorter.size(this.value)">
<option value="5">5</option>
<option value="10"
selected="selected">10</option>
<option value="20">20</option>
<option value="50">50</option>
<option value="100">100</option>
</select>
<span>Data/Halaman</span>
</div>
<div class="page">Halaman <span
id="currentpage"></span> dari <span
id="totalpages"></span></div>
</div>
</div>
</div>
</body>
19. Admin/edit_siswa.php
<?php
include "../include/config.php";
$id = $_GET['nis'];
$hajarbos = mysql_query("SELECT * FROM siswa WHERE nis =
$id");
$hasil = mysql_fetch_array($hajarbos);
?>
<link rel="stylesheet" type="text/css" href="gaya.css" />
<script type="text/javascript" src="pesan.js"></script>
<h2 align="center"><u>Edit Data Siswa </u></h2>
<form name="form" id="form" class="form"
action="update_siswa.php" onsubmit="return validate(this)"
method="post">
<input type="hidden" name="id" value="<?php echo
$hasil['nis']; ?>">
<input type="hidden" name="pass" value="<?php echo
$hasil['password']; ?>">
<table width="473" border="0" align="center">
<tr>
<td width="150" height="37">NIS</td>
<td width="17">:</td>
<td width="227"><input type="text" name="nis" id="nis"
size="10" value="<?php echo $hasil['nis']; ?>"/></td>
</tr>
<tr>
<td height="37">Nama Lengkap </td>
<td>:</td>
UNIVERSITAS SUMATERA UTARA
A-24
<td><input type="text" name="nama" id="nama" size="30"
value="<?php echo $hasil['nama']; ?>"/></td>
</tr>
<tr>
<td height="35">Password</td>
<td>:</td>
<td><input type="password" name="password" id="password"
size="30" value="*****"/></td>
</tr>
<tr>
<td height="10">Jenis Kelamin</td>
<td>:</td>
<td><select name="jenkel" id="jenkel" class="jenkel">
<option value="Jenis Kelamin">Pilih Jenis
Kelamin</option>
<option value="Pr">Perempuan</option>
<option value="Lk">Laki-Laki</option>
</select>
</td>
</tr>
<tr>
<td height="38">Kelas</td>
<td>:</td>
<td><select name="kelas" id="kelas">
<?php $query = mysql_query("SELECT nama FROM
ruang_kelas");
while($qry = mysql_fetch_array($query)){
if($qry['nama']==$hasil['kelas']){
echo "<option selected=\"selected\">$qry[nama]</option>";
}else{
echo "<option>$qry[nama]</option>";
}}
?>
</select> </td>
</tr>
<tr>
<td height="50" valign="top">Alamat</td>
<td valign="top">:</td>
<td><textarea name="alamat" id="alamat"><?php echo
$hasil['alamat']; ?></textarea></td>
</tr>
<tr>
<td height="54" colspan="3"><div align="center">
<input type="submit" value="Simpan Data" class="submit"
/>
<input type="reset" class="reset" value="Reset" />
</div></td>
</tr>
</table>
</form>
UNIVERSITAS SUMATERA UTARA
A-25
20. Admin/update_siswa.php
<?php
include "../include/config.php";
$nislama = $_POST['id'];
$passlama = $_POST['pass'];
$password = $_POST['password'];
if($password=="*****"){
$sandi = $passlama;
}else{
$sandi =$password;
}
$nis =$_POST['nis'];
$nama = ucwords($_POST['nama']);
$alamat = ucwords($_POST['alamat']);
$jurusan = $_POST['jurusan'];
$kelas = $_POST['kelas'];
$jenkel=$_POST['jenkel'];
$hajar = mysql_query("UPDATE siswa SET nis='$nis', nama =
'$nama', alamat = '$alamat', kelas = '$kelas', jenkel =
'$jenkel', password = '$sandi' WHERE nis = '$nislama'");
if(!$hajar){
?>
<script>
alert('Terjadi kesalahan sistem saat input data!');
document.location.href="edit_siswa.php?nis=<?php echo
$nislama; ?>";
</script><?php
}else{
?>
<script>document.location.href="lihat_siswa.php"</script><?php
}
?>
21. Admin/hapus_siswa.php
<?php
include "../include/config.php";
$nis = $_GET['nis'];
$query = mysql_query("DELETE FROM siswa WHERE nis=$nis");
$sql = mysql_query("DELETE FROM siswa_has_mata_pelajaran WHERE
nis=$nis");
?>
<script>document.location.href="lihat_siswa.php"</script>
UNIVERSITAS SUMATERA UTARA
A-26
22. Guru/input_nilai.php
<?php
include "../../include/conf_user.php";
?>
<link rel="stylesheet" type="text/css" href="gaya.css" />
<script type="text/javascript" src="val_nilai.js"></script>
<script type="text/javascript" src="sorot.js"></script>
<h2 align="center">Input Nilai Peserta Didik</h2><hr />
<table align="center" border="1"><tr><td>
<form name="form" id="form" class="form"
action="input2_nilai.php" onKeyUp="highlight(event)"
onClick="highlight(event)" onsubmit="return validate(this)"
method="get">
<table width="436" height="231" border="0" align="center"
style="margin:20px">
<tr>
<td width="111" height="48">Kelas</td>
<td width="14">:</td>
<td width="297"><select name="kelas" id="kelas">
<option value="">-Pilih Kelas-</option>
<?php
$baris = mysql_query("SELECT * FROM ruang_kelas WHERE
idRuang_Kelas IN (SELECT idRuang_Kelas FROM
guru_has_mata_pelajaran WHERE nuptk = '$_SESSION[user]')");
while ($kelas = mysql_fetch_array($baris)){
echo "<option
value=\"$kelas[idRuang_Kelas]\">$kelas[nama]</option>";
}
?>
</select> </td>
</tr>
<tr>
<td height="48">Semester</td>
<td>:</td>
<td><select name="semester" id="semester">
<option value="">-Pilih-</option>
<option>Ganjil</option>
<option>Genap</option>
</select> </td>
</tr>
<tr>
<td height="52">Tahun Ajaran </td>
<td>:</td>
<td><select name="tahun" id="tahun">
<option value="">-Pilih-</option>
<?php for($i=2009;$i<=2100;$i++){$a = $i+1; echo
"<option>$i-$a</option>";}?>
</select>
UNIVERSITAS SUMATERA UTARA
A-27
</td>
</tr>
<tr>
<td colspan="3"><div align="center">
<input type="submit" name="Submit" value="Input Nilai
>>" />
<input type="reset" name="reset" value="Reset" />
</div></td>
</tr>
</table>
</form>
</td></tr></table>
23. Guru/input2_nilai.php
<?php
include "../../include/conf_user.php";
$kelas = $_GET['kelas'];
$semester = $_GET['semester'];
$tahun = $_GET['tahun'];
?>
<link rel="stylesheet" type="text/css" href="gaya.css" />
<script type="text/javascript" src="val2_nilai.js"></script>
<script type="text/javascript" src="sorot.js"></script>
<h2 align="center">Input Nilai Peserta Didik Kelas <?php $kls
= mysql_fetch_array(mysql_query("SELECT nama FROM ruang_kelas
WHERE idRuang_Kelas = $kelas")); echo $kls['nama']; ?></h2><hr
/>
<h3 align="center">
Semester : <?php echo $semester; ?><br />
Tahun Ajaran : <?php echo $tahun; ?>
</h3>
<table align="center" border="1"><tr><td>
<form name="form" id="form" class="form"
action="isi_nilai.php" onKeyUp="highlight(event)"
onClick="highlight(event)" onsubmit="return validate(this)"
method="post">
<input type="hidden" name="kelas" value="<?php echo $kelas;
?>" />
<input type="hidden" name="semester" value="<?php echo
$semester; ?>" />
<input type="hidden" name="tahun" value="<?php echo $tahun;?>"
/>
<table width="436" height="231" border="0" align="center"
style="margin:20px">
<tr>
<td width="111" height="48">Nama Siswa </td>
<td width="14">:</td>
UNIVERSITAS SUMATERA UTARA
A-28
<td width="297"><select name="nama" id="nama">
<option value="">-Nama Siswa-</option>
<?php
$baris = mysql_query("SELECT nama, nis FROM siswa WHERE
kelas = '$kls[nama]'");
while ($siswa = mysql_fetch_array($baris)){
echo "<option
value=\"$siswa[nis]\">$siswa[nama]</option>";
}
?>
</select> </td>
</tr>
<tr>
<td height="48">Mata Pelajaran </td>
<td>:</td>
<td><select name="pelajaran" id="pelajaran">
<option value="">-Pilih Pelajaran-</option>
<?php
$pilih = mysql_query("SELECT idmata_pelajaran FROM
guru_has_mata_pelajaran WHERE nuptk = '$_SESSION[user]'");
while($ambil = mysql_fetch_array($pilih)){
$hajar = mysql_query("SELECT nama FROM mata_pelajaran
WHERE idmata_pelajaran = '$ambil[idmata_pelajaran]'");
$pl = mysql_fetch_array($hajar);
echo "<option
value=\"$ambil[idmata_pelajaran]\">$pl[nama]</option>";
}
?>
</select> </td>
</tr>
<tr>
<td height="52">Nilai</td>
<td>:</td>
<td><select name="uh1" id="uh1">
<option value="">UH1</option>
<?php for($i=0;$i<=100;$i++){echo "<option>$i</option>";}?>
</select>
<select name="uh2" id="uh2">
<option value="">UH2</option>
<?php for($i=0;$i<=100;$i++){echo
"<option>$i</option>";}?>
</select>
<select name="uh3" id="uh3">
<option value="">UH3</option>
<?php for($i=0;$i<=100;$i++){echo
"<option>$i</option>";}?>
</select>
<select name="afektif" id="afektif">
<option value="">Ujian</option>
UNIVERSITAS SUMATERA UTARA
A-29
<?php for($i=0;$i<=100;$i++){echo
"<option>$i</option>";}?>
</select></td>
</tr>
<tr>
<td colspan="3"><div align="center">
<input type="submit" name="Submit" value="Simpan Data"
/>
<input type="reset" name="reset" value="Reset" />
</div></td>
</tr>
</table>
</form>
</td></tr></table>
24. Guru/isi_nilai.php
<?php
include "../../include/conf_user.php";
$kelas =$_POST['kelas'];
$semester =$_POST['semester'];
$tahun =$_POST['tahun'];
$nis =$_POST['nama'];
$pelajaran =$_POST['pelajaran'];
$uh1 =$_POST['uh1'];
$uh2 =$_POST['uh2'];
$uh3 =$_POST['uh3'];
$afektif =$_POST['afektif'];
$rata = ($uh1+$uh2+$uh3+$afektif)/4;
$bos = mysql_query("INSERT INTO siswa_has_mata_pelajaran
VALUES
('$nis','$pelajaran','$semester','$tahun','$uh1','$uh2','$uh3'
,'$afektif','$rata')");
if(!$bos){
?>
<script>
alert('Terjadi kesalahan sistem saat input data!');
document.location.href="input_nilai.php";
</script><?php
}else{
?>
<script>var ulang = confirm('Input Data Berhasil \n Ulangi
input data untuk kelas yang sama?');
if(ulang){
document.location.href="input2_nilai.php?kelas=<?php echo
$kelas;?>&semester=<?php echo $semester;?>&tahun=<?php echo
$tahun;?>";
}else{
UNIVERSITAS SUMATERA UTARA
A-30
document.location.href="lihat_nilai.php?nis=<?php echo
$nis;?>&kelas=<?php $kls=mysql_fetch_array(mysql_query("SELECT
nama FROM ruang_kelas WHERE idRuang_Kelas='$kelas'")) ;echo
$kls['nama'];?>";}</script><?php
}
?>
25. Guru/lihat_nilai.php
<?php
include "../../include/conf_user.php";
$kelas = @$_GET['kelas'];
$pilih = mysql_query("SELECT * FROM ruang_kelas WHERE
idRuang_Kelas IN (SELECT idRuang_Kelas FROM
guru_has_mata_pelajaran WHERE nuptk = '$_SESSION[user]')");
$ambil = mysql_query("SELECT * FROM siswa WHERE kelas =
'$kelas'");
?>
<script type="text/javascript">
function valid(form){
var kelas = form.kelas.value;
if(kelas==""){
alert('Pilih kelasnya dulu!');
return false;
}
return true;
}
</script>
<div align="center">
<h1><div align="center">Rekapitulasi Nilai <?php
if($kelas!=""){echo "Kelas $kelas";} ?></div></h1><br /><hr>
<table border="0" align="center">
<form action="lihat_nilai.php" name="form" method="get"
onSubmit="return valid(this)">
<tr>
<td>Kelas</td>
<td>:</td>
<td><select name="kelas" id="kelas">
<option value="">-Pilih Kelas-</option>
<?php
while($hasil = mysql_fetch_array($pilih)){
if($kelas==$hasil['nama']){
echo "<option selected=\"selected\">$hasil[nama]</option>";
}else{
echo "<option>$hasil[nama]</option>";
}}
?>
</select></td>
<td width="118"><input type="submit" value="Tampilkan Nilai"
/></td>
UNIVERSITAS SUMATERA UTARA
A-31
</tr>
</form>
</table>
</div>
<hr><br />
<link rel="stylesheet" href="style.css" />
<body>
<center>
<table width="709" border="0" cellpadding="0"
cellspacing="0" class="tinytable" id="table">
<thead>
<tr>
<th width="53"><h3>No</h3></th>
<th width="120"><h3>NIS</h3></th>
<th width="231"><h3>Nama Siswa </h3></th>
<th width="213"><h3>Alamat</h3></th>
<th width="91" class=nosort><h3>Rincian
Nilai</h3></th>
</tr>
</thead>
<tbody>
<?php
$i=1;
$kls = join('+',explode(" ",$kelas));
while ($siswa = mysql_fetch_array($ambil)){
echo"<tr align=\"center\">
<td>$i</td>
<td>$siswa[nis]</td>
<td>$siswa[nama]</td>
<td>$siswa[alamat]</td>
<td><a
href=rincian_nilai.php?nis=$siswa[nis]&kelas=$kls><img
src=icon/rinci.png border=0></a></td>
</tr>";
$i++;
}
?>
</tbody>
</table>
</center>
</body>
26. Guru/edit_nilai.php
<?php
include "../../include/conf_user.php";
$nis = $_GET['nis'];
$mapel = $_GET['pelajaran'];
UNIVERSITAS SUMATERA UTARA
A-32
$kelas = $_GET['kelas'];
$semester = $_GET['semester'];
$tahun = $_GET['tahun'];
$kelas = mysql_fetch_array(mysql_query("SELECT idRuang_Kelas
FROM ruang_kelas WHERE nama = '$kelas'"));
$kelas = $kelas['idRuang_Kelas'];
?>
<link rel="stylesheet" type="text/css" href="gaya.css" />
<script type="text/javascript" src="val2_nilai.js"></script>
<script type="text/javascript" src="sorot.js"></script>
<h2 align="center">Edit Nilai Peserta Didik Kelas <?php $kls =
mysql_fetch_array(mysql_query("SELECT nama FROM ruang_kelas
WHERE idRuang_Kelas = $kelas")); echo $kls['nama']; ?></h2>
<hr />
<h3 align="center">
Semester : <?php echo $semester; ?><br />
Tahun Ajaran : <?php echo $tahun; ?>
</h3>
<table align="center" border="1"><tr><td>
<form name="form" id="form" class="form"
action="update_nilai.php" onKeyUp="highlight(event)"
onClick="highlight(event)" onsubmit="return validate(this)"
method="post">
<input type="hidden" name="kelas" value="<?php echo $kelas;
?>" />
<input type="hidden" name="semester" value="<?php echo
$semester; ?>" />
<input type="hidden" name="tahun" value="<?php echo $tahun;?>"
/>
<table width="436" height="231" border="0" align="center"
style="margin:20px">
<tr>
<td width="111" height="48">Nama Siswa </td>
<td width="14">:</td>
<td width="297"><select name="nama" id="nama">
<option value="">-Nama Siswa-</option>
<?php
$baris = mysql_query("SELECT nama, nis FROM siswa WHERE
kelas = '$kls[nama]'");
while ($siswa = mysql_fetch_array($baris)){
if($nis == $siswa['nis']){
echo "<option value=\"$siswa[nis]\"
selected=selected>$siswa[nama]</option>";
}else{
echo "<option
value=\"$siswa[nis]\">$siswa[nama]</option>";
}
}
?>
UNIVERSITAS SUMATERA UTARA
A-33
</select></td>
</tr>
<tr>
<td height="48">Mata Pelajaran </td>
<td>:</td>
<td><select name="pelajaran" id="pelajaran">
<option value="">-Pilih Pelajaran-</option>
<?php
$pilih = mysql_query("SELECT idmata_pelajaran FROM
mata_pelajaran_has_ruang_kelas WHERE idRuang_Kelas =
'$kelas'");
while($ambil = mysql_fetch_array($pilih)){
$hajar = mysql_query("SELECT nama FROM mata_pelajaran
WHERE idmata_pelajaran = '$ambil[idmata_pelajaran]'");
$pl = mysql_fetch_array($hajar);
if($mapel == $ambil['idmata_pelajaran']){
echo "<option value=\"$ambil[idmata_pelajaran]\"
selected=selected>$pl[nama]</option>";
}else{
echo "<option
value=\"$ambil[idmata_pelajaran]\">$pl[nama]</option>";
}
}
?>
</select></td>
</tr>
<tr>
<td height="52">Nilai</td>
<td>:</td>
<td><select name="uh1" id="uh1">
<option value="">UH1</option>
<?php
$nilai = mysql_fetch_array(mysql_query("SELECT * FROM
siswa_has_mata_pelajaran WHERE nis = '$nis' AND
idmata_pelajaran = '$mapel' AND semester = '$semester' AND
thn_ajaran = '$tahun'"));
for($i=0;$i<=100;$i++){
if($nilai['uh1'] == $i){
echo "<option selected=selected>$i</option>";
}else{
echo "<option>$i</option>";
}}?>
</select>
<select name="uh2" id="uh2">
<option value="">UH2</option>
<?php for($i=0;$i<=100;$i++){
if($nilai['uh2'] == $i){
echo "<option selected=selected>$i</option>";
}else{
echo "<option>$i</option>";
}}?>
UNIVERSITAS SUMATERA UTARA
A-34
</select>
<select name="uh3" id="uh3">
<option value="">UH3</option>
<?php for($i=0;$i<=100;$i++){
if($nilai['uh3'] == $i){
echo "<option selected=selected>$i</option>";
}else{
echo "<option>$i</option>";
}}?>
</select>
<select name="afektif" id="afektif">
<option value="">Ujian</option>
<?php for($i=0;$i<=100;$i++){
if($nilai['afektif'] == $i){
echo "<option selected=selected>$i</option>";
}else{
echo "<option>$i</option>";
}}?>
</select>
</td>
</tr>
<tr>
<td colspan="3"><div align="center">
<input type="submit" name="Submit" value="Simpan Data"
/>
<input type="reset" name="reset" value="Reset" />
</div></td>
</tr>
</table>
</form>
</td></tr></table>
27. Guru/update_nilai.php
<?php
include "../../include/conf_user.php";
$kelas =$_POST['kelas'];
$kelas = mysql_fetch_array(mysql_query("SELECT nama FROM
ruang_kelas WHERE idRuang_Kelas = '$kelas'"));
$semester =$_POST['semester'];
$tahun =$_POST['tahun'];
$nis =$_POST['nama'];
$pelajaran =$_POST['pelajaran'];
$uh1 =$_POST['uh1'];
$uh2 =$_POST['uh2'];
$uh3 =$_POST['uh3'];
$afektif =$_POST['afektif'];
UNIVERSITAS SUMATERA UTARA
A-35
$nilai_akhir = ($uh1+$uh2+$uh3+$afektif)/4;
$bos = mysql_query("UPDATE siswa_has_mata_pelajaran SET uh1 =
'$uh1', uh2 = '$uh2', uh3 = '$uh3', afektif = '$afektif',
nilai_akhir = '$nilai_akhir' WHERE nis = '$nis' AND
idmata_pelajaran = '$pelajaran' AND semester = '$semester' AND
thn_ajaran = '$tahun'");
?>
<script>document.location.href="rincian_nilai.php?nis=<?php
echo $nis;?>&kelas=<?php echo $kelas['nama']?>"</script>
28. Guru/hapus_nilai.php
<?php
include "../../include/conf_user.php";
$kelas = $_GET['kelas'];
$idsiswa = $_GET['nis'];
$idmapel = $_GET['pelajaran'];
$semester = $_GET['semester'];
$tahun = $_GET['tahun'];
$query = mysql_query("DELETE FROM siswa_has_mata_pelajaran
WHERE nis = '$idsiswa' AND idmata_pelajaran = '$idmapel' AND
semester = '$semester' AND thn_ajaran = '$tahun'");
?>
<script>document.location.href="rincian_nilai.php?nis=<?php
echo $idsiswa;?>&kelas=<?php echo $kelas?>"</script>
29. Guru/rincian_nilai.php <?php
include "../../include/conf_user.php";
$nis = $_GET['nis'];
$kelas = $_GET['kelas'];
$tahun = @$_GET['tahun'];
$kelasnya = "$kelas";
$pilih = mysql_query("SELECT * FROM siswa WHERE kelas =
'$kelas'");
$ambil = mysql_query("SELECT * FROM siswa_has_mata_pelajaran
WHERE nis = '$nis' AND idmata_pelajaran IN (SELECT
idmata_pelajaran FROM guru_has_mata_pelajaran WHERE nuptk =
'$_SESSION[user]') ORDER BY thn_ajaran DESC");
?>
<script type="text/javascript">
function valid(form){
var nis = form.nis.value;
if(nis==""){
alert('Nama Siswa Belum Dipilih');
UNIVERSITAS SUMATERA UTARA
A-36
return false;
}
return true;
}
</script>
<div align="right">
<h1><div align="center">Rekapitulasi Nilai <?php
if($kelas!=""){echo "Kelas $kelas";} ?></div></h1><br />
<table border="0" align="center">
<form action="rincian_nilai.php" name="form" method="get"
onSubmit="return valid(this)">
<input type="hidden" name="kelas" value="<?php echo $kelas;
?>">
<tr>
<td>Pilih Siswa </td>
<td>:</td>
<td><select name="nis" id="nis">
<option value="">-Pilih Nama-</option>
<?php
while($hasil = mysql_fetch_array($pilih)){
if($nis==$hasil['nis']){
echo "<option selected=\"selected\"
value=\"$hasil[nis]\">$hasil[nama]</option>";
}else{
echo "<option value=\"$hasil[nis]\">$hasil[nama]</option>";
}}
?>
</select></td>
<td width="118"><input type="submit" value="Tampilkan Nilai"
/></td>
</tr>
</form>
</table></div>
<hr>
<div align="center">
<table border="0">
<tr>
<td width="130">Nama Lengkap </td>
<td width="11">:</td>
<td width="207"><?php $sql =
mysql_fetch_array(mysql_query("SELECT * FROM siswa WHERE nis =
'$nis'"));
echo $sql['nama'];
?></td>
</tr>
<tr>
<td>Kelas</td>
<td>:</td>
<td><?php echo $sql['kelas'];?></td>
</tr>
<tr>
<td>Alamat</td>
UNIVERSITAS SUMATERA UTARA
A-37
<td>:</td>
<td><?php echo $sql['alamat'];?></td>
</tr>
</table><hr />
</div>
<br />
<link rel="stylesheet" href="style2.css" />
<body>
<table width="1001" border="0" cellpadding="0"
cellspacing="0" class="tinytable" id="table">
<thead>
<tr>
<th width="42"><h3>No</h3></th>
<th width="195"><h3>Mata Pelajaran</h3></th>
<th width="95"><h3>Semester</h3></th>
<th width="113"><h3>Tahun Ajaran</h3></th>
<th width="106"><h3>UH1</h3></th>
<th width="106"><h3>UH2</h3></th>
<th width="106"><h3>UH3</h3></th>
<th width="106"><h3>Nilai Ujian</h3></th>
<th width="106"><h3>Nilai Akhir</h3></th>
<th width="77"><h3>Pilihan</h3></th>
</tr>
</thead>
<tbody>
<?php
$kls = join('+',explode(" ",$kelas));
while ($nilai= mysql_fetch_array($ambil)){
$plj = mysql_fetch_array(mysql_query("SELECT nama
FROM mata_pelajaran WHERE idmata_pelajaran =
'$nilai[idmata_pelajaran]'"));
@$i++;
echo"<tr align=\"center\">
<td>$i</td>
<td>$plj[nama]</td>
<td>$nilai[semester]</td>
<td>$nilai[thn_ajaran]</td>
<td>$nilai[uh1]</td>
<td>$nilai[uh2]</td>
<td>$nilai[uh3]</td>
<td>$nilai[afektif]</td>
<td>$nilai[nilai_akhir]</td>
<td><a
href=edit_nilai.php?nis=$nilai[nis]&pelajaran=$nilai[idmata_pe
lajaran]&semester=$nilai[semester]&tahun=$nilai[thn_ajaran]&ke
las=$kls><img src=icon/edit2.png border=0></a> |
<a
href=hapus_nilai.php?nis=$nilai[nis]&pelajaran=$nilai[idmata_p
elajaran]&semester=$nilai[semester]&tahun=$nilai[thn_ajaran]&k
elas=$kls onClick=\"return confirm('Apakah Anda Yakin Akan
UNIVERSITAS SUMATERA UTARA
A-38
Menghapus Data?')\"><img src=icon/delete.png
border=0></a></td>
</tr>";
}
?>
</tbody>
</table>
</body>
UNIVERSITAS SUMATERA UTARA
A50
UNIVERSITAS SUMATERA UTARA
A51
UNIVERSITAS SUMATERA UTARA
A52
UNIVERSITAS SUMATERA UTARA
A53
UNIVERSITAS SUMATERA UTARA
A54
UNIVERSITAS SUMATERA UTARA
A55
UNIVERSITAS SUMATERA UTARA
A56
UNIVERSITAS SUMATERA UTARA