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


SISTEM INFORMASI PENGOLAHAN NILAI RAPORT PADA


.

.

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


MEDAN

2018


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


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


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


iii

INFORMATION SYSTEMS OF PROGRESS REPORT PROCESSING AT


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


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.


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


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


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


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


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


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


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


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


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


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


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.


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.


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.


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.


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


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


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.


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;


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.


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>


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 :


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.


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.


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.


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


http://www.carawebs.info/2013/01/apa-itu-html.html

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


18

Lanjutan Tabel 2.1


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


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.


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


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


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.


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


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 :


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


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


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.


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


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


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


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



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


siswa


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


Hapus data nilai

Data nilai


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


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


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


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


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


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


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


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


nama

Mata_pelajaran_has_

ruang_kelas


IdRuang_kelas

hari

jampelajaran

Guru

nuptk (fk)

nama

alamat

wali_kelas

password

foto


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)


semester

thn_ajaran

nilai

Guru_has_mata_pelajaran

nuptk (fk)


IdRuang_kelas (fk)

Mata_pelajaran


nama

Mata_pelajaran_has_

ruang_kelas


IdRuang_kelas (fk)

hari

jampelajaran

Guru

nuptk (pk)

nama

alamat

wali_kelas

password

foto


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


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


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


Idmata_pelajaran Int 5 No. id mata pelajaran (primary key)

nama Varchar 50 Nama mata pelajaran

Tabel 3.7 Ruang kelas


idRuang_kelas Int 5 No. id ruang kelas (primary key)

Nama Varchar 10 Nama kelas

Jumlah_siswa Int 11 Jumlah siswa


41

Tabel 3.8 Mata pelajaran has ruang kelas


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


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


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


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


42

Tabel 3.12 Wali murid


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


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


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


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


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


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


47

9. Halaman utama user siswa

Halaman utama user siswa dari sistem yang dirancang dapat dilihat pada


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 3.25 Halaman lihat nilai user siswa

Home Password Logout Nis : (nis siswa) Nama : (nama siswa)

Logo MAS

Miftahussalam

Sistem Informasi


Selamat Datang

Home Password Logout Nis : (nis siswa) Nama : (nama siswa)

Nilai

Biodata

Kelas

Lihat nilai

Jadwal pelajaran

Sistem Informasi


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


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


Selamat Datang

Sistem Informasi


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


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


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


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


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


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


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


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


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


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


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


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


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




Gambar 4.23 Lihat nilai siswa user siswa


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




Gambar 4.25 Lihat nilai user wali siswa


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.


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.


http://indrathebandit.blogspot.com/2012/10/simbol-dasar-diagram-

https://dosenit.com/kuliah-it/rpl/karakteristik-model-waterfall

http://lppm.atmaluhur.ac.id/wp-

http://lppm.atmaluhur.ac.id/wp-



http://intanstemapal24.blogspot.com/2014/08/pengertian-erd-entity-

http://www.tuntor.com/pengertian-komputer-dan-fungsi-komputer-lengkap/

http://waodeanhas.blogspot.com/2015/04/flowmap-

http://waodeanhas.blogspot.com/2015/04/flowmap-

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>


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>


charset=UTF-8" />


Medan</title>

<link rel="stylesheet" href="css/screen.css" type="text/css"

media="screen" title="default" />



</head>

<body>



<div id="login-holder">



<div id="logo-login">

<p>Sistem Informasi Nilai Raport</p>

</div>



<div class="clear"></div>

<div id="loginbox">



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

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']);


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>


charset=UTF-8" />


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>


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



<div class="account-content">

<div class="account-drop-inner">

<a href="?page=ganti_password" id="acc-

settings">Ganti Password</a>


<div class="acc-line"> </div>

<a href="?page=profil" id="acc-details">Profil</a>

<div class="clear"> </div

A-5

</div>

</div>



</div>





<div class="nav">

<div class="table">

<ul class="select"><li><a

href="index.php"><b>Home</b></a>

</li>

</ul>


<?php


?>

<ul class="select"><li><a href="#"><b>Input Data</b></a>



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



</li>

</ul>

<?php

}

?>


<ul class="select"><li><a href="#"><b>Lihat Data</b></a>


<div class="select_sub">

<ul class="sub">

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>


</li>

</ul>


<ul class="select">

<li><a href="#nogo"><b>Data Raport</b></a>



<ul class="sub">

<?php


?>

<li><a href="?page=input_jadwal">Input Jadwal

Pelajaran</a></li>

<?php } ?>

<li><a href="?page=lihat_jadwal">Jadwal

Pelajaran</a></li>

<?php


?>

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


</li>

</ul>


<?php


?>

<ul class="select">

<li><a href="#nogo"><b>User Setting </b></a>

A-7


<ul class="sub">

<li><a href="?page=input_admin">Tambah

Administrator</a></li>

</ul>

</div>


</li>

</ul>

<?php

}?>


</div>


</div>



</div>




</div>


<div id="content-outer">



<div id="content">



<div id="page-heading">

<h1 align="center">Selamat Datang <?php echo

$admin['nama']; ?>

<?php if($_SESSION['level']=="admin")?></h1>

</div>



<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">

A-8



<div id="table-content"><?php include

"isi.php"; ?></div>



</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>




</div>




<div id="footer">




</div>



</body>

</html>

5. Admin/Input_guru.php

<?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"

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>


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>


A-10

</form>

</td></tr></table>

6. Admin/lihat_guru.php

<?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>


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>





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


$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="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>


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><textarea name="alamat" id="alamat"><?php echo

$hasil['alamat'];?></textarea></td>

</tr>

<tr>


<input type="submit" name="Submit" value="Simpan Data"

/>


</div></td>

</table>

</form>

</td></tr></table>

8. Admin/update_guru.php

<?php


$idlama = $_POST['idlama'];

$id = $_POST['id'];

$nama = ucfirst($_POST['nama']);

$wali = $_POST['wali'];

$alamat = ucfirst($_POST['alamat']);

//script untuk upload


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


$id =$_GET['id'];

$query = mysql_query("DELETE FROM guru WHERE nuptk = '$id'");

?>

<script>document.location.href="lihat_guru.php"</script>


A-15

10. Admin/input_mapel.php

<center><h2>Input Mata Pelajaran</h2></center>


<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">



<tr>

<td width="109" height="62">Mata Pelajaran </td>


<td width="149"><input type="text" name="nama" id="nama"

/></td>

</tr>

<tr>

<td height="65" colspan="3"><div align="center">


/>


</div></td>

</tr>

</table></td></tr></table>

</form>

11. Admin/isi_mapel.php


action="isi_mapel.php" onKeyUp="highlight(event)"


method="post">

<table align="center" border="1"><tr><td height="157">



<tr>



<td width="149"><input type="text" name="nama" id="nama"

/></td>

</tr>

<tr>



/>


</div></td>

</tr>



A-16

</form>

12. Admin/lihat_mapel.php

<?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>





<div><a


</span>

</div>



<thead>

<tr>

<th width="84"><h3>Nomor</h3></th>

<th width="508"><h3>Mata Pelajaran</h3></th>

<th width="116"


</tr>

</thead>

<tbody>

<?php


$i++;

echo"<tr>

<td>$i</td>


";

if($_SESSION['level']=="admin" ||

$_SESSION['level']=="tu"){

echo "

<td><a

href=edit_mapel.php?id=$baris[idmata_pelajaran]><img



A-17

<a href=hapus_mapel.php?id=$baris[idmata_pelajaran]


Data?')\"><img src=icon/delete.png border=0></a></td>

</tr>";

} }

?>

</tbody>

</table>


<div id="tablenav">

<div>









</div>

<div>


</div>

<div>

<a href="javascript:sorter.showall()">Lihat

Semua</a>

</div>

</div>


<div>

<select



<option value="10"





</select>

<span>Data Per Halaman</span>

</div>




</div>

</div>

</div>

</body>


A-18

13. Admin/edit_mapel.php

<?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>


<script type="text/javascript"

src="valid_mapel.js"></script>



action="update_mapel.php" onKeyUp="highlight(event)"


method="post">

<input type="hidden" name="id" value="<?php echo $id; ?>"/>

<table width="392" height="184" border="1" align="center">

<tr><td>



<tr>



<td width="149"><input type="text" name="nama"

id="nama" value="<?php echo $mapel['nama']; ?>"/></td>

</tr>

<tr>


<input type="submit" name="Submit" value="Simpan

Data" />


</div></td>

</tr>


</form>

14. Admin/update_mapel.php

<?php


$id = $_POST['id'];

$nama = $_POST['nama'];

$query = mysql_query("UPDATE mata_pelajaran SET nama =

'$nama' WHERE idmata_pelajaran = '$id'");

?>


A-19

<script>document.location.href="lihat_mapel.php"</script>

15. Admin/hapus_mapel.php

<?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"; ?>


<script type="text/javascript" src="pesan.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"


<tr>

<td width="150" height="37">NIS</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>


id="password" size="30"/></td>

</tr>

<tr>

<td height="25">Jenis Kelamin</td>


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><textarea name="alamat"

id="alamat"></textarea></td>

</tr>

<tr>


<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


$nis =$_POST['nis'];

$nama = ucwords(strtolower($_POST['nama']));

$alamat = ucwords(strtolower($_POST['alamat']));

$jenkel = $_POST['jenkel'];

$kelas = $_POST['kelas'];


A-21


$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


$hasil=mysql_query("SELECT * FROM siswa");

?>


<h1><div align="center">Data Siswa</div></h1><br /><hr><br />

<body>

<div class="page" id="tablewrapper">







</div>





<div><a


</span>

</div>



<thead>

<tr>

<th width="30"><h3>Nomor</h3></th>

<th width="86"><h3>NIS</h3></th>

<th width="230"><h3>Nama</h3></th>



A-22

<th width="70"><h3>Kelas</h3></th>

<th width="60"><h3>Jenkel</h3></th>

<th width="83"


</tr>

</thead>

<tbody>

<?php


$i++;

echo"<tr>

<td>$i</td>

<td>$baris[nis]</td>


<td>$baris[alamat]</td>

<td>$baris[kelas]</td>

<td>$baris[jenkel]</td>

<td>";


echo "

<a href=edit_siswa.php?nis=$baris[nis]><img


<a href=hapus_siswa.php?nis=$baris[nis]


Data?')\"><img src=icon/delete.png border=0></a>

</td>

</tr>";

}}

?>

</tbody>

</table>


<div id="tablenav">

<div>









</div>

<div>


</div>

<div>

<a href="javascript:sorter.showall()">Lihat

Semua</a>

</div>

</div>


A-23


<div>

<select



<option value="10"





</select>

<span>Data/Halaman</span>

</div>




</div>

</div>

</div>

</body>

19. Admin/edit_siswa.php

<?php


$id = $_GET['nis'];

$hajarbos = mysql_query("SELECT * FROM siswa WHERE nis =

$id");

$hasil = mysql_fetch_array($hajarbos);

?>


<script type="text/javascript" src="pesan.js"></script>

<h2 align="center"><u>Edit Data Siswa </u></h2>


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="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>


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>


<?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><textarea name="alamat" id="alamat"><?php echo

$hasil['alamat']; ?></textarea></td>

</tr>

<tr>


<input type="submit" value="Simpan Data" class="submit"

/>

<input type="reset" class="reset" value="Reset" />

</div></td>

</tr>

</table>

</form>


A-25

20. Admin/update_siswa.php

<?php


$nislama = $_POST['id'];

$passlama = $_POST['pass'];


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>


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


$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>


A-26

22. Guru/input_nilai.php

<?php

include "../../include/conf_user.php";

?>


<script type="text/javascript" src="val_nilai.js"></script>


<h2 align="center">Input Nilai Peserta Didik</h2><hr />

<table align="center" border="1"><tr><td>


action="input2_nilai.php" onKeyUp="highlight(event)"


method="get">


style="margin:20px">

<tr>

<td width="111" height="48">Kelas</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>


A-27

</td>

</tr>

<tr>


<input type="submit" name="Submit" value="Input Nilai

>>" />


</div></td>

</tr>

</table>

</form>

</td></tr></table>

23. Guru/input2_nilai.php

<?php


$kelas = $_GET['kelas'];

$semester = $_GET['semester'];

$tahun = $_GET['tahun'];

?>


<script type="text/javascript" src="val2_nilai.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>



action="isi_nilai.php" onKeyUp="highlight(event)"


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;?>"

/>



<tr>

<td width="111" height="48">Nama Siswa </td>



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">


<?php for($i=0;$i<=100;$i++){echo

"<option>$i</option>";}?>

</select>



<?php for($i=0;$i<=100;$i++){echo


</select>

<select name="afektif" id="afektif">

<option value="">Ujian</option>


A-29

<?php for($i=0;$i<=100;$i++){echo


</select></td>

</tr>

<tr>



/>


</div></td>

</tr>

</table>

</form>

</td></tr></table>

24. Guru/isi_nilai.php

<?php


$kelas =$_POST['kelas'];

$semester =$_POST['semester'];

$tahun =$_POST['tahun'];

$nis =$_POST['nama'];

$pelajaran =$_POST['pelajaran'];

$uh1 =$_POST['uh1'];



$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>


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{


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


$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>


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


A-31

</tr>

</form>

</table>

</div>

<hr><br />


<body>

<center>



<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="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



$mapel = $_GET['pelajaran'];


A-32




$kelas = mysql_fetch_array(mysql_query("SELECT idRuang_Kelas

FROM ruang_kelas WHERE nama = '$kelas'"));

$kelas = $kelas['idRuang_Kelas'];

?>


<script type="text/javascript" src="val2_nilai.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>



action="update_nilai.php" onKeyUp="highlight(event)"


method="post">


?>" />

<input type="hidden" name="semester" value="<?php echo

$semester; ?>" />

<input type="hidden" name="tahun" value="<?php echo $tahun;?>"

/>



<tr>

<td width="111" height="48">Nama Siswa </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>";

}

}

?>


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">


<?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>



<?php for($i=0;$i<=100;$i++){



}else{


}}?>


A-34

</select>



<?php for($i=0;$i<=100;$i++){



}else{


}}?>

</select>

<select name="afektif" id="afektif">

<option value="">Ujian</option>

<?php for($i=0;$i<=100;$i++){

if($nilai['afektif'] == $i){


}else{


}}?>

</select>

</td>

</tr>

<tr>



/>


</div></td>

</tr>

</table>

</form>

</td></tr></table>

27. Guru/update_nilai.php

<?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'];




$afektif =$_POST['afektif'];


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



$idsiswa = $_GET['nis'];

$idmapel = $_GET['pelajaran'];



$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




$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');


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)">


?>">

<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="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>


A-37

<td>:</td>

<td><?php echo $sql['alamat'];?></td>

</tr>

</table><hr />

</div>

<br />

<link rel="stylesheet" href="style2.css" />

<body>



<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[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


A-38

Menghapus Data?')\"><img src=icon/delete.png

border=0></a></td>

</tr>";

}

?>

</tbody>

</table>

</body>


A50


A51


A52


A53


A54


A55


A56


sistem informasi pengolahan nilai raport pada madrasah …

Documents