Anda di halaman 1dari 159

SISTEM INFORMASI PENILAIAN SISWA

( STUDI KASUS SMKN 1 SINDANG )

TUGAS AKHIR

Disusun sebagai salah satu syarat untuk


memperoleh gelar Ahli Madya
dari Akademi Manajemen Informatika dan Komputer Purnama Niaga

Oleh :

MOH HANDIKA SUWANTO


NPM : 1421048

AKADEMI MANAJEMEN INFORMATIKA DAN KOMPUTER


(AMIK) PURNAMA NIAGA INDRAMAYU
2017
LEMBAR PENGESAHAN

SISTEM INFORMASI PENILAIAN SISWA


( Studi Kasus SMKN 1 SINDANG )

Oleh:

MOH HANDIKA SUWANTO


NPM : 1421048

Indramayu, September 2017


Menyetujui,

Pembimbing I Pembimbing II

Darsanto, S.T, M.Kom Hadi Santosa,SE.MM


NIDN. 04-0109-7203 NIDN. 04-3612-7102

Mengetahui,
Pembantu Direktur I

Mukfid, M.Kom.
NIDN. 04-0711-6902

i
Motto:

 Diam tak akan menghasilkan apapun, lakukan sesuatu selagi ada

waktu.

ii
ABSTRAK

Handika, 2017. Sistem Informasi Penilaian Siswa ( studi kasus di SMKN 1


Sindang), Tugas Akhir, Program Studi Manajemen Informatika AMIK Purnama
Niaga Indramayu.
SMKN 1 Sindang adalah sebuah lembaga Pendidikan milik negara yang
diamatkan untuk mendidik putra putri kabupaten indramayu sehingga dapat
menghasilkan bibit unggul untuk memajukan bangsa di masa yang akan datang.
Dalam proses pelaksanaan proses penilaian siswa agar dapat melakukan penilaian
yang efektif dan efisian makan dibutuhkan suatu sistem yang terkomputasi untuk
digunakan dalam proses penilaian siswa.
Diharapkan sistem ini nantinya dapat memberikan kemudahaan dalam
pengelolaan data siswa, data guru, data kelas, data pelajara, serta proses penilaian
siswa hingga laporan laporan yang dibutuhkan oleh kepala sekolah. Metode yang
digunakan dalam pembuatan “Sistem Informasi Penilaian Siswa ( Studi Kasus
di SMKN 1 Sindang ) ini adalah FOD, DAD, ERD. Sistem ini dibangun
menggunakan perangkat lunak web.

Kata Kunci : Penilaian siswa, smkn 1 sindang, PHP, Website

iii
DAFTAR RIWAYAT HIDUP

Nama Lengkap : MOH. HANDIKA SUWANTO

Tempat, Tanggal Lahir : Indramayu, 12 November 1995

Jenis Kelamin : Laki - Laki

Agama : Islam

Alamat : Jl. Gardu No 12 Rt 09 Rw 20

Kec.Indramayu - Indramayu

Pendidikan : 1. SD N Kepandean 1 Tahun 2007

2. SMP N Unggulan Sindang Tahun 2010

3. SMK N 1 Sindang 2013

4. AMIK Purnama Niaga Indramayu 2017

iv
KATA PENGANTAR

Segala puji syukur kehadirat Allah SWT penulis panjatkan karena dengan

rahmat-Nya kita masih diberi kekuatan untuk bisa melakukan aktifitas. Sholawat

serta salam semoga di curahkan kepada junjungan Nabi besar kita Muhammad

SAW. penulis diberikan kesehatan dan kekuatan untuk melakukan aktifitas seperti

biasanya, sehingga penulis dapat mengerjakan penyususnan Tugas Akhir yang

berjud “Sistem Informasi Penilaian Siswa (Studi Kasus di SMKN Sindang)”.

Syukur Alhamdulillah penulis dapat menyelesaikan Tugas Akhir ini sebagaimana

waktu yang telah ditentukan oleh Kampus Akademi Manajemen Informatika dan

Komputer (AMIK) Purnama Niaga Indramayu yang penulis susun sebagai Tugas

Akhir untuk memenuhi salah satu syarat guna memperoleh kelulusan jenjang

Diploma III.

Dalam hal ini penulis sampaikan ucapan terima kasih kepada:

1. Bapak Darsanto, S.T ,M.Kom. selaku Dosen Pembimbing I.

2. Bapak Hadi Santosa,SE.MM. selaku Dosen Pembimbing II.

3. Bapak Hadi Santosa, SE. MM. Selaku Direktur AMIK Purnama Niaga

Indramayu.

4. Semua Dosen di kampus AMIK Purnama Niaga Indramayu yang tidak bisa

penulis sebutkan satu persatu.

5. Ibu, dan saudara-saudaraku yang telah telah memberikan dukungan serta do’a

kepda penulis dalam menyelesaikan tugas akhir ini.

v
6. Kawan-kawan di kampus AMIK Purnama Niaga Indramayu yang selalu

memberikan semangat kepada penulis.

7. Semua pihak yang tidak dapat penulis sebutkan satu persatu yang telah

membantu penyelesain Tugas Akhir ini.

Dengan disusunnya Tugas Akhir ini, semoga dapat memberikan manfaat bagi

Penulis pada khususnya dan untuk para pembaca pada umumnya.

Penulis menyadari dalam penyusunan Tugas Akhir ini masih jauh dari

kesempurnaan, oleh karena itu penulis harapkan kritik dan saran yang membangun

untuk menyempurnakan Tugas Akhir ini.

Indramayu, September 2017

Penulis

vi
DAFTAR ISI

Lembar Pengesahan .................................................................................................... i

Motto Penulis ............................................................................................................... ii

Abstrak ........................................................................................................................ iii

Daftar Riwayat Hidup................................................................................................. iv

Kata Pengantar .............................................................................................................v

Daftar Isi .................................................................................................................... vii

Daftar Tabel ..................................................................................................................x

Daftar Gambar ........................................................................................................... xii

BAB I PENDAHULUAN ............................................................................................ 1.

1.1 Latar Belakang Penelitian.............................................................................1.

1.2 Batasan Penelitian .........................................................................................2

1.3 Tujuan Penelitian ..........................................................................................2

1.4 Metode Penelitian .........................................................................................3

1.5 Sistematika Penulisan ....................................................................................4

BAB II LANDASAN TEORI ........................................................................................5

2.1 Dasar Sistem Informasi Manajemen ..............................................................5

2.1.1 Konsep Dasar Sistem ............................................................................5

2.2 Konsep Dasar Informasi ................................................................................7

2.2.1 Konsep Sistem Informasi .................................................................... 11

2.2.2 Konsep Dasar Manajemen .................................................................. 12

vii
2.2.3 Sistem Informasi Manajemen ............................................................. 14

2.3 Alat Bantu Pemodelan Sistem ..................................................................... 15

2.3.2 Diagram Alir Data ( DAD ) ................................................................ 17

2.3.3 Kamus Data........................................................................................ 18

2.3.4 Diagram Entity-Relationship .............................................................. 19

2.3.5 Normalisasi ....................................................................................... 22

2.3.6 Relasi Antar Tabel .............................................................................. 24

2.3.7 Diagram Konteks................................................................................ 24

2.4 Sistem Manajemen Basis Data .................................................................... 25

2.4.1 Definis Basis Data ............................................................................... 25

2.4.2 Hierarki Data ...................................................................................... 26

2.4.3 Tipe File.............................................................................................. 28

2.4.4 SQL (Structure Query Language) ......................................................... 30

2.4.5 MySQL ................................................................................................ 33

2.5 Bahasa Pemrograman .................................................................................. 35

2.5.1 HTML ................................................................................................ 35

2.5.2 PHP ( Personal Home Page ) ............................................................ 36

2.5.3 Javascript........................................................................................... 37

2.5.4 CSS ................................................................................................... 37

2.5.5 jQuery ................................................................................................ 38

2.6 Aplikasi Pembuatan Website ....................................................................... 39

viii
2.6.1 XAMPP .............................................................................................. 39

2.6.2 Sublime Text Editor ............................................................................ 39

BAB III PEMBAHASAN ............................................................................................ 41

3.1 Sejarah Singkat SMKN 1 SINDANG .......................................................... 41

3.1.2 Visi .................................................................................................... 42

3.1.3 Misi.................................................................................................... 42

3.1.4 Struktur Organisasi ............................................................................. 43

3.2 Analisa dan Desain Sistem ......................................................................... 43

3.2.1 Deskripsi Sistem ................................................................................. 43

3.3 Entity Relationship Diagram (ERD) ............................................................ 60

3.3.1 Normalisasi ......................................................................................... 60

3.3.2 Relasi Antar Tabel................................................................................ 66

3.3.3 Spesifikasi File ..................................................................................... 66

3.4 Impelemtasi sistem ..................................................................................... 66

3.4.1 Desain Input ....................................................................................... 69

3.4.2 Desain Output ..................................................................................... 72

3.4.3 Kebutuhan Sistem ............................................................................... 75

BAB IV PEMBAHASAN ............................................................................................ 76

4.1 Kesimpulan ............................................................................................... 76

4.2 Saran ......................................................................................................... 77

ix
DAFTAR TABEL

Tabel 2.1 Simbol – simbol flow of document ................................................................. 16

Tabel 2.2 Simbol Diagram Alir Data ............................................................................. 18

Tabel 2.3 Simbol – simbol Entity Relationship Diagram................................................ 19

Tabel 2.4 Tabel operator aritmatika pada SQL ............................................................... 31

Tabel 2.5 Tabel operator logika pada SQL ..................................................................... 31

Tabel 2.6 Tabel operator perbandingan pada SQL .......................................................... 32

Tabel 2.7 Tabel operator karakter pada SQL .................................................................. 32

Tabel 3.1 Tabel unnormal.............................................................................................. 60

Tabel 3.2 Tabel normal ke-1(1NF) ................................................................................ 61

Tabel 3.3 Bentuk Normal ke-2 (2NF) Relasi Nilai ....................................................... 63

Tabel 3.4 Bentuk Normal ke- 2(2NF) Relasi Guru ......................................................... 63

Tabel 3.5 Bentuk Normal Ke-3(3NF) Tabel Nilai .......................................................... 64

Tabel 3.6 Bentuk Normal Ke-3(3NF) Tabel Guru .......................................................... 64

Tabel 3.7 Bentuk Normal Ke-3(3NF) Tabel Pelajaran ................................................... 65

Tabel 3.8 Bentuk Normal Ke-3(3NF) Tabel Siswa......................................................... 65

Tabel 3.9 Bentuk Normal Ke-3(3NF) Tabel Kelas ........................................................ 65

Tabel 3.10 Tabel Siswa ................................................................................................. 66

Tabel 3.11 Tabel Guru .................................................................................................. 67

Tabel 3.12 Tabel Nilai ................................................................................................... 68

Tabel 3.13 Tabel Kelas ................................................................................................. 68

Tabel 3.14 Tabel Pelajaran ............................................................................................ 69

x
DAFTAR GAMBAR

Gambar 2.1 Siklus Informasi ......................................................................................... 10

Gambar 2.2 Hirarki data hingga tersusun suatu basis data .............................................. 27

Gambar 3.1 FOD yang sedang berjalan ......................................................................... 45

Gambar 3.2 FOD tambah siswa ..................................................................................... 46

Gambar 3.3 FOD tambah guru ...................................................................................... 47

Gambar 3.4 FOD tambah kelas ...................................................................................... 48

Gambar 3.5 FOD tambah pelajaran ............................................................................... 49

Gambar 3.6 FOD tambah nilai ....................................................................................... 50

Gambar 3.7 Diagram Konteks ....................................................................................... 51

Gambar 3.8 Diagram Zero ............................................................................................ 52

Gambar 3.9 Diagram Level 1 Proses 1.0 ....................................................................... 53

Gambar 3.10 Diagram Level 1 Proses 2.0 ..................................................................... 54

Gambar 3.11 Diagram Level 1 Proses 3.0 ..................................................................... 55

Gambar 3.12 Diagram Level 1 Proses 4.0 ..................................................................... 56

Gambar 3.13 Diagram Level 1 Proses 5.0 ..................................................................... 57

Gambar 3.14 ERD Sistem Informasi Penilaian Siswa ................................................... 60

Gambar 3.15 Relasi antar tabel ...................................................................................... 66

Gambar 3.16 Halaman tambah data siswa...................................................................... 69

Gambar 3.17 Halaman tambah data guru ....................................................................... 70

Gambar 3.18 Halaman tambah data nilai ...................................................................... 70

Gambar 3.19 Halaman tambah data kelas ...................................................................... 71

xi
Gambar 3.20 Halaman tambah data pelajaran ................................................................ 71

Gambar 3.21 Halaman data siswa .................................................................................. 72

Gambar 3.22 Halaman data guru .................................................................................. 72

Gambar 3.23 Halaman data nilai ................................................................................... 73

Gambar 3.24 Rekap laporan data siswa ......................................................................... 73

Gambar 3.25 Rekap laporan data guru ........................................................................... 74

Gambar 3.26 Rekap laporan data kelas ......................................................................... 74

Gambar 3.27 Rekap laporan data nilai ........................................................................... 75

xii
1

BAB I

PENDAHULUAN

1.1 Latar Belakang Penelitian

Teknologi komputer di Indonesia berkembangan sangat pesat , hal ini dapat

dilihat dari pengguna teknologi informasi yang dahulu hanya digunakan perusahaan

– perusahaan besar sekarang pengguaan teknologi informasi sudah digunakan oleh

perusahaan – perusahaan kecil dan juga sudah merambah ke sektor pemerintahan

salah satunya sektor pendidikan seperti sekolah. Perkembangan teknologi yang

terus menerus berkembang memberikan dampak perubahan pada sebuah sistem,

dimana suatu sistem yang biasa dilakukan secara manual, kini sistem tersebut dapat

dilakukan secara komputerisasi. Penggunaan teknologi informasi pada sekolah –

sekolah dapat meningkatkan kualitas dan nilai tambah bagi masyarakat.

Pemanfaatan teknologi informasi dengan melalui jaringan internet dapat

membantu pihak sekolah untuk mengembangkan sistem informasi berbasis website

( online ) tentang pengolahan nilai siswa, sehingga para orang tua murid dapat terus

mengamati perkembangan hasil belajar anak mereka dengan mengakses website

atau sistem informasi pengolah nilai dari tempat mereka bekerja ataupun dirumah

jika orang tua siswa memiliki akses internet. maka SMK Negeri 1 Sindang

membutuhkan sebuah aplikasi pengolahan nilai siswa berbasis web.

Selain itu dalam proses penilaian yang dilakukan oleh SMK Negeri 1 Sindang

cenderung masih banyak kesalahan yang terjadi diantaranya, pada saat

pengumpulan nilai ke waka kurikulum terkadang ada file atau data yang hilang dan

mengakibatkan terlambatnya dalam proses pembuatan rapot. Diharapkan dengan


1
2

adanya Sistem Informasi Penilaian Siswa yang akan dibuat ini dapat menyelesaikan

masalah – masalah seperti yang sudah dijelaskan.

1.2 Batasan Penelitian

Pembatasan masalah dari kegiatan ini adalah :

1. Pendaftaran guru dengan melakukan input data identitas guru berdasarkan

formulir atau biodata yang sudah diberikan oleh guru.

2. Pendaftaran siswa dengan menginputkan data siswa mulai dari nama, tanggal

lahir, dan identitas lainnya.

3. Pendaftaran kelas dengan melakukan input data kelas sesuai dengan

rombongan belajar yang tersedia

4. Pengolahan Nilai dilakukan oleh admin sistem selaku wakil kepala sekolah

bidang kurikulum atau guru mata pelajar yang terkait.

5. Prose penempatan siswa kedalam kelas dilakukan oleh admin sistem, dalam

satu kelas terdapat 36 siswa.

1.3 Tujuan Penelitian

Berdasarkan ruang lingkup di atas maka tujuan dari manfaat penulisan ini

adalah sebagai berikut :

1. Agar proses pengolahan nilai di SMK Negeri 1 Sindang lebih efektif dan

efisien.

2. Memudahkan wali murid untuk mengamati perkembangan hasil belajar

anaknya di sekolah.

3. Dapat terjalinnya kerjasama antara pihak SMK Negeri 1 Sindang dengan

AMIK PURNAMA NIAGA.


3

4. Sebagai syarat kelulusan pada jenjang Diploma III di Akademi Manajemen

Informatika dan Komputer (AMIK) Purnama Niaga Indramayu

5. Untuk mengaplikasikan teori-teori ataupun praktek yang di dapat selama

perkuliahan di Akademi Manajemen Informatika dan Komputer (AMIK)

Purnama Niaga Indramayu

1.4 Metode Penelitian

Untuk mendapatkan data-data yang di butuhkan dalam penulisan ini

diantaranya melalui:

1. Wawancara

Mengumpulkan data – data dengan cara mewancarai bagian akademik di SMK

Negeri 1 Sindang, dan juga untuk mengetahui kebutuhan dari pihak sekolah

sehingga dapat dibuatkan sistemnya.

2. Observasi

Digunakan untuk mencari dan mengumpulkan data tersebut dengan meneliti

dokumen – dokumen yang berhubungan dengan siswa, guru, pelajaran,

penilaian yang ada untuk mengetahui sistem yang lama. Observasi

dilaksanakan di SMK Negeri 1 Sindang

3. Studi Pustaka

Pengumpulan data sebagai referensi pembuatan aplikasi, data ini didapat dari

mempelajari berbagai buku yang berkaitan dengan pembuatan aplikasi

tersebut, yakni buku yang mempelajari tentang pembuatan program aplikasi

dengan menggunakan Website.


4

1.5 Sistematika Penulisan

Untuk memudahkan dalam penulisan laporan, penulis menyusunnya ke

dalam lima bab. Setiap bab terdiri dari beberapa sub bab tersendiri. Bab tersebut

secara keseluruhan saling berkaitan satu sama lain, dimana diawali dengan bab

pendahuluan dan diakhiri dengan bab penutup yang berupa kesimpulan dan saran.

Sebagaimana terlampir di bawah ini yang terdiri dari :

BAB 1 PENDAHULUAN

Bab ini mengemukakan gambaran umum yang berisi mengenai latar

belakang, batasan masalah, tujuan, metodologi penelitian dan sistematika

penulisan.

BAB II LANDASAN TEORI

Bab ini menguraikan tentang teori – teori yang digunakan sebagai

landasan dasar dalam Sistem Informasi Pengolahan Nilai Siswa Berbasis

Web ini.

BAB III PEMBAHASAN MASALAH

Bab ini menerangkan proses Pembuatan Sistem Informasi Pengolahan

Nilai Siswa Berbasis Web, baik dari perancangan sampai kepada

implementasinya.

BAB IV PENUTUP

Bab ini berisi penutup yang berisi kesimpulan dan saran dari pembuatan

aplikasi ini
5

BAB II

LANDASAN TEORI

2.1 Dasar Sistem Informasi Manajemen

Sistem informasi manajemen memiliki peran yang cukup penting dalam

perkembangan dalam sebuah organisasi, mencangkup tentang komponen-

komponen sistem Informasi.

2.1.1 Konsep Dasar Sistem

Dalam mendefinisikan sistem terdapat dua kelompok pendekatan sistem,

yaitu sistem yang lebih menekankan prosedur dan elemennya. Penekanan sistem

pada prosedur,didefinisikan menurut pendapat Jeny Fitz Gerald yang dikutip oleh

(Al-Bahra BinLadjamudin.B, 2005:3).

“Sistem adalah suatu jaringan kerja dari prosedur-prosedur yang saling

berhubungan, berkumpul bersama-sama untuk melakukan suatu kegiatan

atau untuk menyelesaikan suatu sasaran tertentu”.

Pendekatan sistem yang lebih menekankan pada elemen atau komponennya

menurut Davis ( 1985 )yang dikutip oleh (Al-Bahra bin Ladjamudin.B, 2005:3)

sebagai berikut ini :

“Sistem adalah bagian – bagian yang saling berkaitan yang beroperasi

bersama untuk mencapai beberapa sasaran yang dimaksud”.

Menurut Raymond McLeod (1995) yang dikutip oleh (Hanif Al Fatta,

2007:4) sistem didefinisikan sebagai :

“Sistem adalah sekelompok elemen-elemen yang terintegrasi dengan maksud

yang sama untuk mencapai suatu tujuan.”

5
6

Dari pendapat yang dikemukakan di atas dapat disimpulkan bahwa sistem

adalah suatu kumpulan atau kelompok dari elemen atau komponen yang saling

berhubungan atau saling berinteraksi dan saling bergantung satu sama lain untuk

mencapai tujuan tertentu. Suatu sistem mempunyai karakteristik atau sifat – sifat

tertentu, yaitu :

1. Batasan sistem ( Boundary )

Penggambaran dari suatu elemen atau unsur mana yang termasuk di dalam

sistem dan mana yang di luar sistem.

2. Lingkungan ( Environment )

Segala sesuatu di luar sistem, lingkungan yang menyediakan asumsi, kendala,

dan input terhadap suatu sistem.

3. Masukan Sistem ( Input )

Sumber daya (data, bahan baku, peralatan, energi) dari lingkungan yang

dikonsumsi dan dimanipulasi oleh suatu sistem.

4. Keluaran Sistem ( Output )

Sumber daya atau produk ( informasi, laporan, dokumen, tampilan layer

komputer, barang jadi) yang disediakan untuk lingkungan sistem oleh kegiatan

dalam suatu sistem.

5. Komponen Sistem ( Component )

Kegiatan-kegiatan atau proses dalam suatu sistem yang mentransformasikan

input menjadi bentuk setengah jadi (Output). Komponen ini bisa merupakan

subsistem dari sebuah sistem.


7

6. Penghubung Sistem ( Interface )

Tempat di mana komponen atau sistem dan lingkungannya bertemu atau

berinteraksi.

7. Penyimpanan ( Storage )

Area yang dikuasai dan digunakan untuk penyimpanan sementara dan tetap dari

informasi, energi, bahan baku, dan sebagainya. Penyimpanan merupakan suatu

media penyangga di antara komponen tersebut bekerja dengan berbagai

tingkatan yang ada dan memungkinkan komponen yang berbeda dari berbagai

data yang sama.

2.2 Konsep Dasar Informasi

Data adalah kenyataan yang menggambarkan suatu kejadian-kejadian dan

kesatuan nyata.Kejadian adalah sesuatu yang terjadi pada saat tertentu. Kesatuan

nyata ( Fact and Entity ) adalah berupa suatu objek nyata seperti tempat, benda,

dan orang yang betul-betul ada dan terjadi.

Sumber dari informasi adalah data. Alat pengolah informasi dapat meliputi

elemen komputer, elemen non-komputer atau kombinasinya. Informasi diperoleh

setelah data-data mentah diproses atau diolah.

Menurut Gordon . B. Davis (1985) yang dikutip oleh (Al-Bahra bin

Ladjamudin, 2005:8) mendefinisikan informasi sebagai berikut:

“Informasi adalah data yang telah diolah menjadi bentuk yang lebih berarti

dan berguna bagi penerimanya untuk mengambil keputusan masa kini

maupun masa yang akan datang”.

Menurut Raymond Mc.Leod:1995 yang dikutip oleh(Al-Bahra bin

Ladjamudin, 2005:8) informasi didefinisikan sebagai :


8

“Informasi adalah data yang telah diolah menjadi bentuk yang lebih berarti

bagi penerimanya.”

Jadi dapat disimpulkan informasi merupakan hasil pengolahan data yang

memiliki nilai tambah, makna dan berguna bagi penggunanya. Kegunaan informasi

adalah untuk mengurangi ketidakpastian di dalam proses pengambilan keputusan

tentang suatu keadaan.

1. Kualitas Informasi

Kualitas dari suatu informasi (quality of information) dapat ditentukan oleh

beberapa hal,yaitu informasi harus:

a. Relevan (Relevancy), seberapa jauh tingkat relevansi informasi tersebut

terhadap kenyataan kejadian masa lalu, kejadian hari ini, dan kejadian yang

akan datang. Informasi yang berkualitas akan mampu menunjukkan benang

merah relevansi kejadian masa lalu, hari ini, dan masa depan sebagai sebuah

bentuk aktivitas yang kongkrit dan mampu dilaksanakan dan dibuktikan oleh

siapa saja.

b. Akurat (Accuracy), suatu informasi dikatakan berkualitas jika seluruh

kebutuhan informasi tersebut telah tersampaikan (Completeness), seluruh

pesan telah benar/sesuai (Correctness), serta pesan yang disampaikan sudah

lengkap atau hanya sistem yang diinginkan oleh user (Security)

c. Tepat waktu, berbagai proses dapat diselesaikan dengan tepat waktu,

laporan-laporan yang dibutuhkan dapat disampaikan tepat waktu.

d. Ekonomis (Economy), informasi yang dihasilkan mempunyai daya jual yang

tinggi, serta biaya operasional untuk menghasilkan informasi tersebut


9

minimal. Informasi tersebut juga mampu memberikan dampak yang luas

terhadap laju pertumbuhan ekonomi dan teknologi informasi.

e. Efisien (Efficiency), informasi yang berkualitas memiliki sintaks ataupun

kalimat yang sederhana (tidak berbelit-belit, tidak juga puitis, bahkan

romantis), namun mampu memberikan makna dan hasil yang mendalam atau

bahkan menggetarkan setiap orang atau benda apapun yang menerimanya.

f. Dapat dipercaya (Reliability), informasi tersebut berasal dari sumber yang

dapat dipercaya. Sumber tersebut juga telah teruji tingkat kejujurannya.

Misalkan output suatu program komputer bisa dikategorikan sebagai

reliability, karena program komputer akan memberikan output sesuai dengan

input yang diberikan, dan outputnya tidak dipengaruhi oleh iming-iming

jabatan, ataupun setumpuk nilai rupiah.

2. Nilai Informasi

Nilai sebuah informasi ditentukan dari dua hal yaitu manfaat dan biaya untuk

mendapatkannya. Suatu informasi dikatakan bernilai bila manfaatnya lebih efektif

dibandingkan dengan biaya untuk mendapatkan informasi tersebut. Nilai Informasi

menurut Tata Sutabri (2003: 31) didasarkan atas 10 sifat, yaitu:

a. Mudah diperoleh, sifat ini menunjukan mudahnya dan cepatnya informasi

dapat diperoleh.

b. Luas dan Lengkap, lengkapnya isi informasi.

c. Ketelitian, sifat ini berhubungan dengan tingkat kebebasan dari kesalahan

keluaran informasi.

d. Kecocokan, sifat ini menunjukan betapa baik keluaran informasi dalam

hubungannya dengan permintaan para pemakai.


10

e. Ketetapan waktu, berhubungan dengan waktu yang dilalui yang lebih

pendek dari pada siklus untuk mendapatkan informasi.

f. Kejelasan, sifat ini menunjukan tingkat keluaran informasi yang bebas dari

istilah-istilah yang tidak jelas.

g. Keluwesan, sifat ini berhubungan dengan lebih dari suatu keputusan, tetapi

juga dengan lebih dari seorang pengambil keputusan.

h. Dapat dibuktikan, sifat ini menunjukan kemampuan beberapa pemakai

informasi dan pada kesimpulan yang sama.

i. Tidak ada prasangka, sifat ini berhubungan dengan tidak adanyakeinginan

untuk mengubah informasi guna mendapatkan kesimpulanyang telah

dipertimbangkan sebelumnya.

j. Dapat diukur, sifat ini menunjukan hakikat informasi yang dihasilkan sistem

informasi formal.

3. Siklus Informasi

Untuk memperoleh informasi yang bermanfaat bagi penerimanya, perlu

untuk dijelaskan bagaimana siklus yang terjadi atau dibutuhkan dalam

menghasilkan informasi.

Siklus informasi atau siklus pengolahan data adalah sebagai berikut :

Input Proses Output


(Data) (pengolahan (informasi)
data)

Gambar 2.1 Siklus Informasi

Sumber : (Al Fatta, Hanif.200)


11

2.2.1 Konsep Sistem Informasi

Menurut (Albahra Bin Ladjamudin, 2005:14).Pengertian Sistem Informasi

adalah sebagai berikut :

“Sistem Informasi adalah suatu sistem didalam suatu organisasi yang

mempertemukan kebutuhan pengolahan transksi,mendukung operasi bersifat

manajerial dan kegiatan strategi dari suatu organisasi dan menyediakan

pihak luar tertentu dengan laporan-laporan yang diperlukan”.

Jadi bisa disimpulkan bahwa sistem informasi adalah langkah-langkah atau

prosedur-prosedur pengolahan data yang membentuk jenis laporan yang

mempunyai manfaat untuk pihak manajemen dalam pengambilan keputusan.

Ada tiga hal yang penting dalam informasi yaitu merupakan hasil pengolahan

data,memberikan makna atau arti berguna atau bermanfaat.Komponen sistem

informasi menurut John Bruch dan Gary Gruintnitski mengemukakan bahwa

komponen sistem informasi terdiri dari :

1. Blok Masukan

Input mewakili data yang masuk kedalam sistem informasi ataupun metode-

metode dan media untuk menangkap data yang akan dimasukkan.

Terdiri dari kombinasi prosedur,logika dan model matematika yang akan

memanipulasi data input dan data yang tersimpan dalam basis dan dengan cara

yang sudah ditentukan untuk menghasilkan keluaran yang diinginkan.

2. Blok keluaran

Merupakan informasi yang berkulitas dan dokumentasi yang berguna untuk

semua tingkatan manajemen dan semua pemakai sistem.


12

3. Blok Teknologi

Teknologi digunakan menerima input, menjalankan model, menyimpan dan

mengakses data, mengirimkan keluaran dan membantu pengendalian dari sistem

secara keseluruhan.

4. Blok Basis Data

Kumpulan dari data yang saling berhubungan satu dengan yang lannya,

tersimpan di perangkat keras komputer dan digunakan perangkat lunak untuk

memanipulasinya.

5. Blok Kendali

Wilayah yang menjaga kestabilan sistem informasi yang sedang berjalan.

Pengendalian yang perlu dirancang dan ditetapkan untuk dapat menghindari hal-

hal yang dapat merusak sistem,atau bila telah terjadi kesalahan dapat langsung

diatasi.

2.2.2 Konsep Dasar Manajemen

Menurut George Terry dalam Heidjrachman Ranupandojo, (1987:39) yang

dikutip oleh (Drs. Sugiyanto Wiryoputro, 2008:1) definisi manajemen sebagai

berikut :

“Manajemen adalah pencapaian tujuan yang sudah ditentukan, dengan

menggunakan bantuan orang lain ”.

Menurut Sukanto Reksohadiprojo,(1986:15) yang di kutip oleh (Drs.

Sugiyanto Wiryoputro,2008:2)

“Manajemen adalah suatu usaha merencanakan, mengorganisir,

mengarahkan, mengkoordinir, serta mengawasi kegiatan dalam suatu

organisasi agar tercapai tujuan organisasi secara efisien dan efektif ”.


13

Dari pengertian di atas dapat disimpilkan bahwa manajemen adalah ilmu dan

seni dari suatu proses usaha perencanaan, pengorganisasian, pengarahan,

pengkoordinasian, dan pengendalian kegiatan penggunaan sumber daya manusia

serta benda dalam suatu organisasi agar tercapai tujuan organisasi secara efektif dan

efisien.

Menurut Harrington Emerson dalam Phiffner JohnF, dan Pretus Robert V.

(1960) , manajemen mempunyai lima unsur (5M) yaitu :

1. Men

2. Money

3. Materials

4. Machines, dan

5. Methods

Fungsi manajemen adalah sejumlah kegiatan yang meliputi berbagai jenis

pekerjaan yang dapat digolongkan dalam satu kelompok sehingga membentuk

suatu kesatuan administratif. George R. Terry merumuskan fungsi manajemen

menjadi empat fungsi pokok, yaitu :

1. Planning

Kegiatan yang menentukan berbagai tujuan dan penyabab tindakan – tindakan

selanjutnya.

2. Organizing

Kegiatan membagi pekerjaan di antara anggota kelompok dan membuat

ketentuan dalam hubungan – hubungan yang diperlukan.

3. Actuating
14

Kegiatan menggerakkan anggota – anggota kelompok untuk melaksanakan

pekerjaan sesuai dengan tugas masing – masing.

4. Controlling

Kegiatan untuk menyesuaikan antara pelaksanaan dan rencana – rencana yang

telah ditentukan.

2.2.3 Sistem Informasi Manajemen

Menurut, Raymond McLeod, Jr. dan George P.Schell, 2007: 12,

mengemukakan bahwa :

“Sistem Informasi Manajemen adalah suatu sistem berbasis komputer yang

membuat informasi tersedia bagi para pengguna yang memiliki kebutuhan

serupa.”

Sistem Informasi Manajemen menurut Kertahadi:1995 yang dikutip oleh

(Hanif Al Fatta, 2007:9) adalah:

“Suatu alat untuk menyajikan informasi dengan cara sedemikian rupa

sehingga bermanfaat bagi penerimanya”

Dari pengertian di atas dapat disimpulkan, sistem informasi manajemen

adalah sebuah sistem manusia dan mesin yang terintegrasi dalam menyediakan

informasi guna mendukung fungsi operasi manajemen dan penentuan alternatif

tindakan dalam sebuah organisasi sistem tersebut. Tujuan utama sistem informasi

manajemen adalah membantu proses manajemen pada suatu organisasi.

Manajemen meliputi seluruh hierarki kepengurusan dalam suatu organisasi, dimulai

dari hierarki manajemen puncak yang bertanggung jawab atas keberhasilan atau
15

kegagalan organisasi secara keseluruhan hingga pada hierarki manajemen bawah

yang hanya bertanggung jawab atas operasi sehari – hari dari departemen tertentu.

2.3 Alat Bantu Notasi Pemodelan Sistem

Dalam perancangan suatu sistem informasi, dibutuhkan beberapa alat bantu

perancangan sistem agar analisa dan hasil yang ingin dicapai dapat mencapai

sebuah hasil yang maksimal. Adapun alat bantu perancangan sistem ialah Data

Flow Diagram (DFD) dan Bagan Alir (Flowchart). Berikut penjabaran kedua alat

bantu perancangan sistem tersebut :

2.3.1 Flow Of Document (FOD)

Pengertian FOD menurut Jogiyanto dalam buku “Analisis dan Desain Sistem

Informasi”, yaitu : “FOD adalah diagram yang menunjukkan arus data dari

dokumen yang mengalir dari proses awal sampai akhir. FOD sangat berguna untuk

mengetahui permasalahan yang ada pada suatu sistem”. (Jogiyanto, 2014 : 795)

Dari sini dapat diketahui apakah sistem informasi tersebut masih layak

dipakai atau tidak, masih manual atau komputerisasi. Jika sistem informasinya

tidak layak lagi maka perlu adanya perubahan dalam pengolahan datanya

sehingga menghasilkan informasi yang cepat dan akurat serta keputusan yang

lebih baik.
16

Berikut simbol-simbol dari FOD :

Tabel 2.1 Simbol-Simbol Flow Of Document


Simbol Arti Keterangan

Menunjukkan titik awal dan akhir


Terminal sebuah rangkaian perjalanan sebuah
sistem.

Kegiatan Digunakan untuk menggambarkan


Manual kegiatan manual atau pekerjaan
yang dilakukan tanpa menggunakan
komputer.

Proses Menunjukkan pengolahan data yang


Komputer dilakukan oleh komputer.

Merupakan formulir yang digunakan


Dokumen untuk merekam data yang me-
nunjukkan input dan output, baik
untuk proses manual maupun
komputer.

Manual Untuk memasukkan data secara


Input manual on-line keyboard.

Harddisk Menunjukkan input / output yang


menggunakan harddisk.

Garis Alir Menunjukkan aliran atau arah dalam


proses pengolahan data.
17

Untuk menggambarkan penyimpanan


Arsip data baik dalam bentuk arsip atau file
computer.

Display Output yang ditampilkan ke monitor.

Operasi luar Menunjukkan kegiatan proses diluar


proses operasi komputer.

Sumber : (Hartono, 2014 : 795)

2.3.2 Diagram Alir Data ( DAD )

Menurut Jogiyanto dalam bukunya yang berjudul “Analisis dan Desain

Sistem Informasi”, menjelaskan bahwa : “DFD merupakan merupakan alat yang

digunakan pada metodologi pada pengembangan sistem yang tersetruktur untuk

menggambarkan arus data dalam sistem dengan tersetruktur dan jelas.

Keuntungan dari DFD adalah untuk memudahkan pemakai yang kurang

menguasai bidang komputer untuk mengerti sistem yang akan dikerjakan atau

dikembangkan”. (Jogiyanto, 2014 : 700)


18

Berikut simbol-simbol dari DFD :

Tabel 2.2 Simbol Diagram Alir Data

Simbol Arti Keterangan

Merupakan kesatuan luar sistem yang


dapat berupa orang, organisasi atau
Kesatuan sistem lainnya yang berada diluar
Luar lingkungan, yang akan memberikan
input atau menerima output sistem.

Kegiatan atau kerja yang dilakukan oleh


mesin atau komputer dari suatu arus data
Proses yang masuk ke dalam proses untuk
dihasilkan arus data yang akan keluar
dari proses.

Arus data mengalir diantara proses


Arus Data simpanan data dan kesatuan luar.
Arus data ini menunjukkan arus data
dari dan yang masuk ke dalam proses
sistem.

Penyimpanan Merupakan tempat penyimpanan


Data dokumen-dokumen atau file-file
yang dibutuhkan.

Sumber : (Hartono, 2014 : 700)

2.3.3 Kamus Data

Kamus data yaitu dokumen yang berisi penjelasan mengenai data-data pada

database,Menurut(Raymond McLeod,Jr, 1998:308). Seperti definisi yang berikut:

“Kamus data (Data Dictionary) suatu penjelasan tertulis mengenai data yang

berada didalam database”.

Isi dari kamus data-data harus memuat hal-hal berikut ini:

1. Nama arus data : nama arus data yang mengalir di diagram arus data.

2. Alias : nama lain dari arus data dapat dituliskan bila nama lain ini ada.
19

3. Bentuk data : digunakan untuk mengelompokan kamus data kedalam

kegunaannyasuatu perancangan sistem.

4. Arus data: menunjukan dari dan kemana mana data mengalir.

5. Penjelasan : keterangan-keterangan tentang arus data tersebut.

6. Periode : menunjukan periode terjadinya arus data ini.

7. Volume : menunjukan volume rata-rata dan volume puncak dari arus data.

8. Struktur data : menunjukan item-item apa saja di kamus data.

2.3.4 Diagram Entity-Relationship (ER-D)

Diagram E-R atau disebut juga ERD digunakan untuk menggambarkan secara

sistematis hubungan antar entity-entity yang ada dalam suatu sistem database

menggunakan simbol-simbol sehingga lebih mudah dipahami. Simbolsimbol yang

boleh digunakan adalah :

Tabel 2.3 Simbol-simbol Entity Relationship Diagram


Simbol Keterangan

Persegi panjang, berfungsi untuk menyatakan suatu


entity.

Elips, berfungsi untuk menyatakan attribute, jika


diberi garis bawah menandakan bahwa attribute
tersebut merupakan attribute/field kunci.

Belah ketupat, menyatakan jenis relasi.


20

Simbol Keterangan

Garis, penghubungan antara relasi dengan entity dan


antara entity dengan attribute.

Sumber : (Yuhefizard, 2008 : 17-22)

1. Relasi Satu ke Satu (One to One)

Artinya satu record pada entity A ber-relasi paling banyak satu record juga

pada entity B, begitu juga sebaliknya, satu record pada entity B ber-relasi

paling banyak satu record juga dengan entity A. Dalam ERD, relasi ini

disimbolkan dengan angka 1.

2. Relasi Satu ke Banyak (One to Many)

Artinya satu record pada entity A ber-relasi dengan beberapa record pada

entity B, tapi tidak sebaliknya. Setiap record pada entity B ber-relasi paling

banyak satu record dengan entity A. Dalam ERD, relasi ini disimbolkan

dengan angka 1 untuk menyatakan satu dan huruf M atau N untuk menyatakan

banyak.

3. Relasi Banyak ke Satu (Many to One)

Ini adalah kebalikan dari relasi satu ke banyak, dimana setiap record pada

entity A hanya dapat ber-relasi paling banyak 1 record pada entity B, tapi tidak

sebaliknya. Satu record pada entity B dapat ber-relasi dengan beberapa record

pada entity A. Dalam ERD, relasi ini disimbolkan dengan angka 1 untuk

menyatakan satu dan huruf M atau N untuk menyatakan banyak.


21

4. Relasi Banyak ke Banyak (Many to Many)

Artinya beberapa record pada entity A dapat ber-relasi dengan beberapa record

juga pada entity B, begitu juga sebaliknya. Beberapa record pada entity B

dapat ber-relasi dengan beberapa record juga pada entity A. Dalam ERD, relasi

ini disimbolkan dengan huruf M atau N untuk menyatakan banyak.

(Yuhefizard, 2008 : 17-22)

Transformasi model data adalah proses mengubah data dalam bentuk model

data menjadi tabel-tabel basis data. Tabel-tabel ini adalah tabel basis data yang

sesungguhnya. Artinya jika model data sudah ditransformasi, maka kita sudah

dapat membuat sebuah basis data dalam bentuk fisik, bukan rancangan.

Dalam transformasi model data, kita akan mengenal 3 hal, yaitu : Agregasi,

Entitas Kuat dan Entitas Lemah. Penjelasannya sebagai berikut :

a) Agregasi

Agregasi merupakan proses menghubung-hubungkan sebuah kumpulan relasi

dengan suatu kumpulan entitas. Caranya yaitu dengan membuat sebuah relasi

baru. Relasi inilah yang nantinya akan secara langsung menghubungkan

kumpulan relasi dan kumpulan entitas. Hal ini sangat bisa dilakukan karena

pada dasarnya relasi dapat terbentuk karena relasi tersebut mengandung unsur

dari relasi lain. Oleh karena itulah, dalam membuat relasi baru, relasi tersebut

ada dikarenakan relasi lain yang sudah ada lebih dulu.


22

b) Entitas Kuat

Entitas kuat adalah entitas yang memiliki primary key. Karena entitas ini

memiliki primary key, maka keberadaannya tidak bergantung pada keberadaan

entitas lainnya.

c) Entitas Lemah

Entitas lemah adalah entitas yang tidak memiliki primary key. Sehingga

keberadaannya bergantung pada keberadaan entitas lainnya.

2.3.5 Normalisasi

Normalisasi memberikan paduan yang sangat membantu bagi pengembangan

untuk mencegah penciptaan struktur tabel yang kurang fleksibel atau mengurangi

ketidakefisienan.

Adapun difinisi dari normalisasi menurut E.F. Codd yang dikutip oleh

(Albahra Bin Ladjamudin, 2005:169) yaitu:

“Normalisasi adalah suatu proses memperbaiki / membangun dengan model

data relasional, dan secara umum lebih tepat dikoneksikan dengan model

data logika”.

Normalisasi mempunyai aturan yang dikenakan pada relasi-relasi dalam basis

data yang harus di penuhi oleh relasi-relasi pada level-level normalisasi.

Beberapa level yang di gunakan pada normalisasi adalah :


23

1. Bentuk Tidak normal (Un-Normalized/UNF)

Bentuk ini merupakan kumpulan data yang akan direkam, tidak ada

keharusan mengikuti format tertentu, dapat saja tidak lengkap atau terduplikasi.

Data dikumpulkan apa adanya sesuai dengan saat menginput.

2. Bentuk normal pertama (1NF)

Suatu relasi dikatakan dalam bentuk normal pertama jika dan hanya jika setiap

atribut bernilai tunggal untuk setiap baris.

3. Bentuk normal Kedua (2NF)

Suatu relasi berada bentuk normal kedua jika dan hanya jika :

a. Berada pada bentuk normal pertama

b. Semua atribut bukan kunci memiliki dependensi sepenuhnya terhadap kunci

primer.

4. Bentuk normal ketiga (3NF)

Suatu relasi di katakan dalam bentuk normal ketiga (3NF) jika:

a. Berada dalam bentuk normal kedua

b. Setiap atribut bukan kunci tidak memiliki dependensi transitif terhadap kunci

primer.

5. Bentuk normal Boyce-Codd (BCNF)

Suatu relasi Bentuk normal Boyce-Codd jika dan hanya jika semua penentu

(determinan) adalah kunci kandidat (Atribut yang bersifat unik).

6. Bentuk normal Keempat (4NF)

Secara praktis suatu relasi memenuhi bentuk normal keempat jika :

a. Tidak mengandung dua atribut atau lebih yang bernilai banyak.


24

b. Telah berada pada BCNF dan tidak mengandung dua atribut atau lebih yang

bernilai banyak.

7. Bentuk normal kelima (5NF)

Dependensi gabungan mendasari bentuk normal kelima.

2.3.6 Relasi Antar Tabel

Relasi antar tabel adalah gambaran tentang hubungan yang terjadi antar tabel

– table yang akan digunakan dalam program aplikasi pemecahan dari flat file yang

menurut teknik normalisasi sehingga pemecahan tersebut memiliki sebuah kunci

yang menghubungkan relasi datanya.

2.3.7 Diagram Konteks

Pengertian diagram konteks menurut Jogiyanto dalam buku “Analisis dan

Desain Sistem Informasi”, yaitu : “Diagram Konteks adalah gambaran umum

tentang suatu sistem yang terdapat di dalam suatu organisasi yang memperlihatkan

batasan (boundary) sistem, adanya interaksi antara entitas eksternal dengan suatu

sistem dan informasi secara umum mengalir diantara entitas dan sistem. Diagram

Konteks merupakan alat bantu yang digunakan dalam menganalisa sistem yang

akan dikembangkan”. (Jogiyanto, 2014 : 699)

Simbol-simbol yang digunakan di dalam Diagram Konteks hampir sama

dengan simbol-simbol yang ada pada Data Flow Diagram (DFD), hanya saja

pada Diagram Konteks tidak terdapat simbol penyimpanan data.


25

2.4 Sistem Manajemen Basis Data

Sistem manajemen basis data atau Database Manajemen Sistem (DBMS)

adalah sekumpulan data yang saling berelasi dan satu set program yang di gunakan

untuk mengakses data tersebut.

Sebuah sistem database pada dasarnya merupakan suatu sistem penyimpanan

atau pemeliharaan record yang berbasis komputer. Database itu sendiri

dianalogikan sebagai kabinet atau alamari file elektronik tempat penyimpanan file-

file data yang terkomputerisasi.

2.4.1 Definisi Basis Data

Untuk mengetahui dan mempelajari basis data, ada baiknya apabila kita

mengetahui terlebih dahulu pengertian dari basis data itu sendiri. Untuk

menjelaskan arti dari basis data, penulis akan menjelaskannya yang penulis ketahui

saat penulis mempelajari mata kuliah tentang Perancangan basis Data.

Basis data terdiri atas dua kata, yaitu basis dan data. Basis bisa diartikan

sebagai markas atau gabungan, tempat bersarang/ berkumpul. Sedangkan data

adalah representasi fakta dunia nyata yang mewakili suatu objek manusia (pegawai,

siswa, pembeli, pelanggan) barang, hewan, peristiwa konsep, keadaan dan

sebagainya yang direkam dalam bentuk angka, simbol,teks, gambar, bunyi atau

kombinasinya.

Menurut pendapat James Martin (1975) yang dikutip oleh (Edhy Sutanta,

Basis Data dalam Tinjauan Konseptual, 2011:29). basis data diartikan :

“Basis Data yaitu suatu kumpulan data terhubung yang disimpan secara

bersama – sama pada suatu media,tanpa mengatap satu sama lain atau tidak
26

perlu suatu kerangkapan data,data disimpan dengan cara – cara tertentu

sehingga mudah digunakan/ dan ditampilkan kembali”.

Pengguna sistem basis data bisa melakukan berbagai operasi, antara lain

1. Menambahkan berkas baru ke sistem basis data

2. Mengosongkan berkas

3. Menyisipkan data ke suatu berkas

4. Mengambil data pada suatu berkas

5. Mengubah data pada suatu berkas

6. Menghapus data pada suatu berkas

7. Menyajikan suatu informasi yang diambil dari sejumlah berkas.

Setiap basis data berisi atau dari sejumlah objek basis data (koleksi data).

Disamping berisi atau menyimpan data, setiap basis data juga mengandung definisi

struktur.Prinsip utamanya adalah pengaturan data atau arsip. Tujuan utamanya

adalah kemudahan dan kecepatan dalam pengambilan data atau arsip.Yang sangat

ditonjolkan dalam basis data adalah pengaturan / pemilihan / pengelompokan /

pengorganisian data yang akan kita simpan sesuai fungsi dan jenisnya.

2.4.2 Hierarki Data

Berdasarkan tingkat kompleksitas nilai data, tingkatan data dapat disusun

dalam sebuah hierarki, mulai dari yang paling sederhana hingga paling kompleks.
27

Gambar 2.2 Hierarki data hingga tersusun suatu basis data

Sumber : (Martin, 1975)

Keterangan Gambar 2.6 :

1. Sistem basis data, merupakan sekumpulan subsistem yang terdiri atas basis data

dengan para pemakai yang menggunakan basis data secara bersama-sama,

personal-persoal yang merancang dan mengelola basis data, teknik-teknik untuk

merancang dan mengelola basis data, serta sistem komputer untuk

mendukungnya.

2. Basis data, merupakan sekumpulan dari bermacam-macam tipe record yang

memiliki hubungan antar record dan rincian data terhadap objek tertentu.

3. File, merupakan sekumpulan record sejenis secara relasi yag tersimpan dalam

media penyimpanan sekunder.


28

4. Record, merupakan sekumpulan field/atribut/data item yang saling

berhubungan terhadap objek tertentu.

a. Fixed length record, semua field dalam record memiliki ukuran yang tetap.

b. Variable length record, field dalam record dapat memiliki ukuran berbeda.

Untuk memandai masing-masing field dilakukan dengan penandaan, yaitu

end of record marker yang memuat informasi tentang indikator panjang,

dan tabel posisi record.

5. Data item/field/atribut, merupakan unit terkecil yang disebut data, yaitu

sekumpulan byte yang mempunyai makna.

a. Fixed length field, memiliki ukuran tetap (harus disediakan ukuran terbesar

yang mungkin diperlukan, tetapi mudah dalam pemrograman).

b. Variable length field, field-field dalam record dapat memiliki ukuran

berbeda (hemat memori, namun pemrograman menjadi lebih rumit).

6. Data agregate, merupakan sekumpulan data item/field/atribut dengan ciri

tertentu yang diberi nama.

7. Byte, adalah bagian terkecil yang dialamatkan dalam memori. Byte merupakan

sekumpulan bit yang secara konvensional terdiri atas kombinasi 8 bit binner

yang menyatakan sebuah karakter dalam memori (1 byte= 1 karakter).

8. Bit, adalah sistem binner yang terdiri atas dua macam nilai,

yaitu 0 dan 1. Sistem biner merupakan dasar yang dapat digunakan untuk

komunikasi antara manusia dan mesin.

2.4.3 Tipe File

Database terbentuk dari kumpulan file. File dalam pemrosesan aplikasi

dikategorikan sebagai berikut :


29

1. File Induk ( Master File )

File induk merupakan file yang penting dalam sistem dan akan tetap ada selama

siklus hidup dari sistem informasi itu berputar. File master ini dibedakan menjadi

2 macam, yaitu:

a. File induk acuan ( reference master file ) : file induk yang recordnya statis,

jarang berubah-ubah nilainya

b. File induk dinamik ( dynamic master file ) : file induk yang nilai record-

recordnya diubahatau sering dimutakhirkan sebagai akibat dari suatu

transaksi penjualan.

2. File Transaksi ( Transaction File )

File yang digunakan untuk merekam data hasildari suatu transaksi yang terjadi.

3. File Laporan ( Report File )

File yang berisi informasi yang akan ditampilakan.

4. File Sejarah ( History File )

File yang berisi data masalalu yang sudah tidak aktif lagi, tetapi masih disimpan

untuk keperluan mencari data yang hilang.

5. File Pelindung ( Backup File )

File pelindung merupakan salinan dari beberapa file yang masih aktif di database

pada saat tertentu dan digunakan sebagai cadangan bila file database yang aktif

rusak atau hilang.

6. File Kerja ( Working File )

File kerja dibuat oleh suatu proses program secara sementara karena memori

komputer tidak mencukupi, atau untuk menghemat pemakaian memori selama

proses, dan akan dihapus bila proses telah selesai.


30

2.4.4 SQL (Struktur Query Language)

Dalam pembuatan suatu sistem yang berbasis database mesti tidak akan lepas

dari beberapa perintah SQL. SQL merupakan bahasa standar untuk suatu

pengolahan database .

1. Perintah-perintah dalam SQL

Berikut adalah perintah –perintah yang sering digunakan san ditemui dalam

pembuatan program berbasis database :

a. Select

Perintah select adalah untuk menampilkan atau mengambil data yang

tersimpan dalam table yang dapat dilakukan dengan menggunakan perintah

select.

Perintahnya adalah sebagai berikut:

SELECT Namefield FROM Nametabel

Adapun untuk nama field dapat lebih dari satu file,

Contoh :

SELECT id_barang,nama_barang,FROM barang.

b. Insert

Insert adalah perintah untuk menyisipkan data kedalam suatu table,dapat

menggunakan perintah SQL berikut :

Insert into nama_tabel value (isi_file, isi_file2,..isi_filen);

Contohnya adalah sebagai berikut :

Insert into barang (kd_barang) value(‘123’);

c. Update
31

Perintah update digunakan untuk mengubah atau memperbaharui nilai suatu

data . Adapun perintahnya adalah sebagai berikut:

UPDATE nama_tabel SET kreteria WHERE kondisi

Contoh :

UPDATE barang SET nm_barang=’roti’ WHERE kd_barang=’123’.

2. Operator dalam SQL

a. Operator aritmatika

Tabel 2.4:Tabel operator aritmatika pada SQL

Operator Keterangan

+ Penjumlahan

- Pengurangan

* Perkalian

/ Pembagian

% Sisa hasil bagi

b. Operator Logika

Tabel 2.5 :Tabel operator logika pada SQL:

Operator Keterangan

AND Dan

OR Atau

NOT Tidak
32

c. Operator perbandingan

Tabel 2.6: Tabel operator perbandingan pada SQL:

Operator Keterangan

= Sama dengan

<> Tidak sama dengan

> Lebih besar

< Lebih kecil

>= Lebih dari sama dengan

<= Kurang dari sama dengan

d. Operator karakter

Tabel 2.7:Tabel operator karakter pada SQL

Operator Keterangan

% Sembarang karakter

- Sembarang satu karakter

Operator Keterangan

{} Sembarang karakter yang

dalam kurang siku


33

e. Operator lain

Tabel 2.8 : Tabel operator lain pada SQL

Operator Keterangan

IN Penjumlahan

BERWEEN Pengurangan

2.4.5 MySQL

MySQL adalah multi user database yang menggunakan bahasa Structural

Query Language (SQL). SQL adalah bahasa standar yang digunakan untuk

mengakses database server. Bahasa ini pada awalnya dikembangkan oleh

IBM,namun telah diadopsi dan digunakan sebagai standar industry. Dengan

menggunakan SQL,proses akses database menjadi lebih User-Friendly

dibandingkan dengan menggunakan database atau Cliper yang masih

menggunakan perintah-perintah pemrograman.

MySQL mampu menampung data yang cukup besar. Perusahaan yang

mengembangkan MySQL yaitu TeX. Mengaku mampu menyimpan 60.000 tabel

dn sekitar 5 milyar baris,totalnya kurang lebih 100 Giga Bytes data.

Dalam perkembangan dari versi ke versi. MySQL selalu menambahkan dan

melengkapi fasilitasnya yang semakin mendapat tempat dihati para penggunanya

serta Programmer database. Fitur dan fasilitas yang dimiliki MySQL antara lain :

1. Security

MySQL memiliki beberapa lapisan keamanan seperti level subnet mask nama

host dan izin akses user dengan sistem perizinan yang mendetail serta password

trankripse (acak).

b. Scalability dan limit


34

MySQL mamapu menampung data dalam database dalamsekala

besar,dengan jumlah record lebih dari 60.000 tabel dan sekitar 5 milyar

baris,totalnya kurang lebih 100 GigaByte data.

Selain itu,batas indek dapat ditampung mencapai 32 indeks pada tiap

tabelnya.

c. Connectivity

MySQL dapat dilakukan koneksi dengan client menggunakan protocol

TCP/IP,Unix sket (UNIX) atau Named pipes (NT).

d. Localization

MySQL dapat mengidentifikasi kesalahan (eror code) dengan client dengan

menggunakan lebih dari dua puluh bahasa.Meski demikian bahasa Indonesia

belum masuk didalamnya.

e. Interface

MySQL mempunyai interface (antar muka ) terhadap berbagai aplikasi dan

bahasa pemprograman dengn menggunakan fungsi API (Aplication

Programming Interface).

f. Client dan Tool

MySQL dilengkapi dengan tool (alat) yang dapat digunakan untuk administrasi

database dan

g. Structure Table

MySQL memiliki struktur table yang lebih fleksibel dalam menangani antar

table, disbanding database lainnya seperti ProgresSQL maupun Oracle.


35

2.5 Bahasa Pemrograman

2.5.1 HTML

Menurut Edy Winarno, dalam bukunya yang berjudul Desain Web Responsif

dengan HTML5 dan CSS3 (2014 : 27), menyebutkan bahwa :

“Hypertext Markup Language ( HTML ) adalah sebuah bahasa untuk

menampilkan konten di Web. HTML sendiri adalah Bahasa pemrograman

yang bebas yang artinya tidak dimiliki oleh siapapun, pengembangannya

dilakukan oleh banyak orang di banyak negara dan bisa dikatakan sebagai

sebuah Bahasa yang dikembangkan bersama – sama secara global”.

Dokumen HTML adalah sebuah dokumen teks murni yang dapat dibuat

dengan editor web sembarang, seperti Notpad. Dokumen ini akan dieksekusi oleh

sebuah browser (missal : Internet Explorer),sehingga broser mampu menghasilkan

suatu dokumen yang sesuai dengan keinginan seorang designer atau programmer

web.

Dokumen ini mempunyai kemampuan untuk menampilkan gambar, suara

,teks,maupun penyediaan link terhadap halaman weblainnya,baiknya dengan

alamat yang sama maupun dengan alamat yang berbeda.

HTML merupakan salah satu varian sari SGML (Standard GeneraliZed

Markup Language), yaitu sebuah standarisasi untuk pertukaran dokumen secara

elektronik yang telah diterapkan oleh Internasional Organization For

Standarization (ISO). HTML sendiri secara formal diumumkan sebagai RFC

(Request For Comments)pada tahun 1866.RFC adalah dokumen yang dikirim ke

lembaga internet,yang berisi informasi atau usulan yang berhubungan dengan

standar internet.
36

2.5.2 PHP (Personal Home Page)

Menurut Betha Sidik, dalam bukunya yang berjudul Pemrograman Web

Dengan PHP (2012 : 4), menyebutkan bahwa :

”PHP merupakan secara umum dikenal dengan sebagai bahasa

pemrograman script – script yang membuat dokumen HTML secara on the

fly yang dieksekusi di server web, dokumen HTML yang dihasilkan dari

suatu aplikasi bukan dokumen HTML yang dibuat dengan menggunakan

editor teks atau editor HTML, dikenal juga sebagai bahasa pemrograman

server side”.

Php/F1 adalah nama pertama dari Php,ketika baru dikembangkan pertama

kali oleh Rasmus Leordoff,PHP singkatan dari personal home page.

Pada awalnya PHP merupakan program CGI yang khusus ditunjukan

untuk menerima input melalui form yang ditampilkan dalam browser wen. Akan

tetapi saat ini singkatan dari PHP Hypertext PrepricessorI. Sebuah singkatan

yang menjadi ciri khas program GNU.

Ketika dibuat pertama kali di tahun 1994 oleh Rasmus, PHP hanya

digunakan untuk mencatat siapa saja yang berkunjung ke website-nya dan

melihat biodatanya.

Versi pertama PHP muncul pada tahun 1995 dan pada tahun tersebut

dianggap sebagai tahun kelahiran PHP,di tahun 1995 PHP mulai banyal

digunakan orang. Lalu pada tahun 1997, terjadi perubahan struktur organisasi

pengembangan PHP.

Penghubung tidak lagi dilakukan oleh Rasmus saja, akan tetapi oleh Zeev

Suraski dan Andi Gutmans.


37

PHP variasi terakhir menyediakan banyak dukungan dalam bentuk

ekstensi dan fungsi dari berbagi library pihak ketiga. PHP dapat dijalankan di

banyak server:

a. Apache yang merupakan server aslinya

b. Internet Information Service

c. Dan beberapa server lainnya,personal Web Server (PWS)

2.5.3 JavaScript

Menurut Andre Pratama, ( 2017: 35 ) menyebutkan bahwa :

“Dalam pengertian sederhana, Javascript adalah bahasa pemrograman web

yang digunakan untuk memanipulasi element HTML dan membuat interaksi”

JavaScript adalah bahasa Script yang ditempelkan pada kode HTML dan

diproses pada disisi klien. Dengan adanya bahasa ini,kemampuan dokumen

HTML menjadi lebih luas. Sebagai contoh,dengan menggunakan javascript

dimungkinkan untuk menvalidasi masukan pada formulir sebelum formulir

dikirim ke server.

Javascript disebut sebagai bahasa pemrograman tingkat tinggi atau high-level

karena kode programnya sudah mirip dengan bahasa inggris sehari – hari. Dalam

bahasa pemrograman high-level, kita tidak akan dipusingkan denganpengaturan

dasar seeprti alokasi memory, register, garbage collection, dan hal teknis lain yang

umumnya ada di dalam bahasa tingkat rendah seperti bahasa assembly.

Seiring dengan perkembangan Javasccript yang sangat pesat, saat ini

javascript tidak hanya berjalan di sisi client, tapi juga bisa berjalan di sisi server

seperti PHP.
38

2.5.4 CSS (Cascading Style Sheet)

Menurut Edy Winarno, Ali Zaki, SmithhDev(2014 : 69), menyebutkan bahwa

: “CSS merupakan singkatan dari Casading Style Sheets. CSS berfungsi

mendefinisikan bagaimana elemen HTML ditampilkan”.

Dengan CSS, pekerjaan pengaturan style banyak dokumen bisa sangat mudah

karena tinggal memilih menggunakan selector kemudian menformat style-nya.

Bersama – sama dengan HTML, Javascript dan CSS menjadi teknologi inti dari

pembuatan konten website. Ketiga teknologi ini memiliki peran masing – masing.

2.5.5 jQuery

Menurut Wahana Komputer, ( 2014: 2 ) menyebutkan bahwa :

“jQuery merupakan library Javascript untuk memanipulasi komponen

HTML, menangani event, animasi, efek, dan memproses interaksi ajax. jQuery

dirancang sedemikian rupa supaya membuat program berbasis javascript menjadi

relative sangat mudah.”

Menurut Jhonatan Chaffer dan Karl Swedberg (2013,23),apakah yang dapat

dilakukan JQuery:

a. Mengakses bagian halaman

Tanpa perpustakaan javascript,bentuk dari kode yang sangat rumit haruslah

ditulis dengan rangkaian Document Object Model (DOM) dan di tempat pada

bagian dari sebuah document structure HTML.

JQuery menawarkan kemudahan dan kekuatan dalam memilih cra kerja untuk

memperbaiki bagian dari sebuah dokumen yang telah di buka atau yang sudah

dimanipulasi.

b. Modifikasi dari setiap halaman


39

Cascading Style Sheet (CSS), menawarkan metode yang sangat berpengaruh

ketika terjadi kesalahan dalam dokumen, tetapi hal ini dapat sedikit menurun

jika browser yang ada tidak mendukung standar yang sama.

JQuery dapat menjembatani maslah itu dengan menyediakan standar

pendukung yang sama melebihi browser yang lainnya. Dengan tambahan

JQuery juga dapat mengubah keles dan tipe dari keinginan individu yang

menggunakan dokumen meskipun halaman tersebut telah mengalami

kesalahan.

c. Mengubah isi halaman

JQuery dapat melakukan pengubahan isi pada dokumen seperti manipulasi

teks,dan keseluruhan structural HTML .

d. Untuk memberikan kemudahan dalam tingkah laku berintraksi,JQuery

menyediakan fasilitas dalam penyusunan efek seperti pemudaran dan

penghapusan.

2.6 Aplikasi Pembuatan Website

2.6.1 XAMPP

Menurut Betha Sidik, dalam bukunya yang berjudul Pemrograman Web

Dengan PHP (2012 : 72), menyebutkan bahwa :

“XAMPP ( X(windows/linux) Apache MySQL PHP dan Perl) merupakan paket

server web PHP dan database MySQL yang paling popular dikalangan

pengembang web dengan menggunakan PHP dan MySQL sebagai

databasenya”.

Memanfaatkan XAMPP sebagai database karena XAMPP menyediakan

aplikasi database MySQL dengan interface lebih mudah dalam pengoperasiannya,


40

tool-tool yang disediakan cukup lengkap dan memenuhi kebutuhan perancangan

data base selain itu XAMPP aplikasi gratis.

2.6.2 Sublime Text Editor

Sublime Text adalah aplikasi editor untuk kode dan teks yang dapat berjalan

diberbagai platform operating system dengan menggunakan teknologi Phyton API.

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 seperti; C, C++, C#, CSS, D,

Dylan, Erlang, HTML, Groovy, Haskell, Java, JavaScript, LaTeX, Lisp, Lua,

Markdown, MATLAB, OCaml, Perl, PHP, Python, R, Ruby, SQL, TCL, Textile dan

XML. Biasanya bagi bahasa pemrograman yang didukung ataupun belum

terdukung secara default dapat lebih dimaksimalkan atau didukung dengan

menggunakan add-ons yang bisa didownload sesuai kebutuhan user.


BAB III

PEMBAHASAN

3.1 Sejarah Singkat SMKN 1 SINDANG

SMK Negeri 1 Sindang lahir atas tuntutan masyarakat Kabupaten Indramayu

dan Komitmen Pemerintah Daerah Indramayu dalam bidang Pendidikan serta

perhatian Direktur Pendidikan Menengah Kejuruan Departemen Pendidikan

Nasional yang memiliki tanggung jawab yang besar atas kemajuan bangsa

diseluruh pelosok tanah air, semua pendidikan kejuruan untuk membekali siswa

dalam dunia teknologi komunikasi dan keterampilan sekaligus mempersiapkan

sekolah yang berstandar nasional pada tahun 2008. SMK Negeri 1 Sindang di

resmikan pada tanggal 18 November 2003 oleh direktur dikmenjur, Depdiknas yang

selanjutnya di tetapkan menjadi hari lahirnya SMK Negeri 1 Sindang dengan

membuka program Keahlian Teknik Melanik Otomoif dan Tata Busana. Sambutan

Masyarakat Indramayu sangat antusias sekali sehingga dalam penerimaan siswa

baru jumlah pendaftar melebihi kapasitas, akhirnya SMK Negeri 1 Sindang

mengadakan seleksi pada tanggal 12 Juli 2004 sebagai harapan SMK Negeri 1

Sindang agar menjadi lembaga pendidikan dan pelatihan yang profesional.

41
42

3.1.2 Visi

- Membentuk sumber daya manusia (SDM) Yang religius, handal, unggul dan

professional dalammenyongsong era globalisasi.

3.1.3 Misi

- Memberikan layanan prima terhadap warga sekolah dalam semua aspek

sarana dan prasarana untuk menghasilkan tenaga kerja yang kompeten dan

mandiri.

- Meningkatkan kualitas tamatan yang sesuai dengan standar kompetensi

nasional ( SKN ) dalam menghadapi era globalisasi

- Meningkatkan mutu sumber daya manusia melalui dukungan iptek dan

imtaq

- Melaksanakan KBM dan kegiatan ekstra kurikuler untuk

mengembangkan minat dan bakat dalam meraih prestasi.

- Memperluas kerja sama dengan dunia usaha / dunia industri yang terkait.
43

3.1.4 Struktur Organisasi

Struktur organisasi merupakan kelengkapan dalam suatu panti, struktur dan

bagan organisasi merupakan memberikan manfaat dan informasi penting tentang

pembagian kerja, informasi atasan dan bawahan, wewenang serta tanggung jawab

dari masing – masing bagian sehingga segala aktivitas perusahaan / organisasi dapat

bekerja dengan baik dan sejalan dengan yang di capai bagi suatu organisasi itu

sendiri.

Struktur Organisasi “SMKN 1 SINDANG”

Kepala Sekolah

Waka. Kurikulum Kaur. Tata Usaha

Guru Staff Tata Usaha

3.2 Analisan dan Desain Sistem

SMK Negeri 1 Sindang dalam pengelolaan data dalam hal ini pengelolaan

data nilai hasil belajar siswa masih terbatas pada pendataan secara manual. Masih

banyak terjadi kesalahan dalam pendataan dan membutuhkan waktu yang cukup

lama karena, oleh karena itu penulis akan membuat “SISTEM INFORMASI

PENILAIAN SISWA” di SMK Negeri 1 Sindang.

3.2.1 Deskripsi Sistem

Adapun penjelasan sistem lebih lanjut sebagai berikut


44

1. Sistem Yang Sedang Berjalan

Sistem yang sedang berjalan di SMKN 1 Sindang dalam proses penilaian

siswa dimulai dari guru mata pelajaran yang melakukan penilaian meliputi nilai

absen, nilai ulangan harian, nilai uts, nilai uas. Proses pengumpulan nilai siswa

biasanya dilakukan per 6 bulan sekali atau persemester setelah ulangan akhir

semester. Setiap guru mata pelajaran mengolah nilai hasil belajar selama satu

semester lalu diberikan kepada wakil kepala sekolah bidang kurikulum. Waka

kurikulum melakukan penggandaan file atau berkas nilai per matapelajaran untuk

dibagian kepada seluruh walikelas. Wali kelas selanjutnya melakukan penginputan

nilai yang didapat dari waka kurikulum untuk dijadikan nilai akhir berupa rapot.

Setelah walikelas selesai menginput nilai ke dalam rapot selanjutnya diberikan

kepada kepala sekolah sebagai laporan semester. Sistem yang berjalan di SMKN 1

Sindang masih terdapat kesalahan pada saat pengempulan data nilai, biasanya

terjadi ketika guru mata pelajaran memberikan dokumen atau lembaran format

penilaian kepada waka kurikulum, terkadang berkas nilai tersebut hilang. Kejadian

ini adalah kejadian yang sering terjadi pada sistem penilaian siswa yang sedang

berjalan. Untuk itu penulis mencoba untuk membuat program Sistem informasi

penilaian siswa untuk SMKN 1 Sindang.

Jika digambarkan dalam flow of document sistem yang berjalan di SMKN 1

Sindang terdapat dalam gambar 3.1 seperti sebagai berikut :


45

a. Flow of document sistem yang berjalan

Gambar 3.1 Fod yang sedang berjalan

2. Sistem Yang Diusulkan

Dari penjelasan Flow Of Document pada sistem yang sedang berjalan yang

sudah digambarkan penerapannya cukup baik, akan tetapi lebih baik jika sistem

tersebut di kembangkan menjadi sistem yang terkomputerisasi, sehingga akan

mempermudah dalam pengolahan data kemudian menghasilkan data dan informasi

yang lebih efisien dan efektif.

Sistem yang sedang berjalan pada SMKN 1 Sindang saat ini masih

menggunakan sistem manual. Dan terkadang masih ada kesalahan yang terjadi

didalamnya sehingga memperlambat dalam pembuatan laporan.


46

a. Flow of document yang diusulkan :

Gambar 3.2 Fod tambah siswa

Gambar 3.2 menjelaskan prosedur tambah siswa yang diusulkan

1) Siswa memberikan biodata siswa pada saat proses penerimaan peserta

didik baru yang meliputi ( Akte kelahiran, Kartu Keluarga, Ijasah SMP,

dan lain – lain ) dan dikumpulkan kepada pihak sekolah atau admin.

2) Admin menerima data siswa yang diperlukan untuk mengisi data siswa

3) Admin melakukan proses input data siswa ke dalam sistem dan

menyimpan kedalam database.

4) Admin melakukan proses cetak laporan data siswa yang diperlukan

untuk laporan kepada kepala sekolah.


47

Gambar 3.3 Fod tambah guru.

Gambar 3.3 menjelaskan prosedur tambah guru yang diusulkan sebagai

berikut :

1) Guru membawa dan memberikan biodata diri kepada admin

2) Admin meneriman biodata yang digunakan untuk dimasukan kedalam

sistem.

3) Admin mencetak data login guru yang digunakan untuk proses login guru

dihalaman guru.

4) Admin mencetak laporan data guru untuk diberikan kepada kepala

sekolah.
48

Gambar 3.4 Fod tambah kelas.

Gambar 3.4 menjelaskan prosedur tambah kelas yang diusulkan

1) Staff tata usaha menyiapkan data kelas untuk diberikan kepada admin

2) Admin melakukan proses memasukan data kelas ke dalam database sistem

3) Admin melakukan proses cetak laporan data kelas untuk diberikan kepada

kepala sekolah.
49

Gambar 3.5 Fod tambah pelajaran

Gambar 3.5 menjelaskan prosedur tambah pelajaran sebagai berikut :

1) Staff tata usaha menyiapkan data pelajaran yang ada di sekolah

2) Admin melakukan proses memasukan data pelajaran ke dalam sistem

dan disimpan di database

3) Admin melakukan proses mencetak data pelajaran untuk dijadikan

sebagai laporan dan diberikan kepada kepala sekolah


50

Gambar 3.6 Fod tambah nilai

Gambar 3.6 menjelaskan prosedur input nilai siswa yang diusulkan

1) Guru memberikan data nilai siswa berupa nilai tugas, nilai absen, nilai

ulangan harian serta ulangan semester.

2) Admin melakukan proses input data nilai ke dalam sistem dan disimpan

di database

3) Admin melakukan proses mencetak laporan yang sudah diolah oleh

sistem

4) Admin memberikan laporan data nilai kepada siswa dan kepala sekolah

untuk dilakukan evaluasi


51

b. Diagram Arus Data Yang dikembangkan

1) Diagram Konteks

Gambar 3.7 Diagram Konteks.

Gambar 3.7 merupakan diagram konteks dari sistem informasi penilaian

siswa, dimana terdapat tiga entitas eksternal yaitu siswa, guru, dan kepala sekolah

dengan input dan output yang saling berhubungan.


52

2) Diagram Zero

Gambar 3.8 Diagram Zero

Gambar 3.8 menggambarkan arus data apa saja yang diberikan dan diterima

dari masing – masing proses secara rinci dibandingkan dengan diagram konteks.

Pada sistem informasi penilaian siswa ini terdapat 6 proses utama yaitu kelola

siswa, kelola guru, kelola kelas, kelola pelajaran, kelola nilai, dan kelola laporan.
53

3) Diagram level 1 Proses 1.0

Gambar 3.9 Diagram level 1 proses 1.0

Gambar 3.9 merupakan rincian dari proses 1.0 kelola siswa, dimana

didalamnya terdapat tiga proses yaitu 1.1 tambah data siswa, 1.2 edit data siswa,

dan 2.3 hapus data siswa.Siswa memberikan identitas kepada admin sistem, admin

memasukan data siswa ke dalam sistem dan di proses oleh 1.1 P dan disimpan pada

table siswa.Proses edit siswa dilakukan oleh admin dengan memasukan kunci

utama pada data siswa yaitu kode siswa, setelah itu diproses oleh 1.2 P dan tabel

siswa melakukan pembaharuan data. Akhirnya data yang sudah diperbaharui

dikembalikan pada proses 1.2 P. setelah itu 1.2 P memberikan data yang sudah

diperbaharui kepada admin sebagai output.


54

4) Diagram level 1 proses 2.0

Gambar 3.10 Diagram level 1 proses 2.0

Gambar 3.10 menjelaskan rincian dari proses 2.0 kelola guru. Terdapat tiga

proses utama yaitu tambah guru yang membutuhkan data pelajaran untuk

menambahkan pelajaran apa yang diajarkan oleh guru tersebut dan akhirnya

disimpan ke tabel guru. Proses kedua 2.2 yaitu edit data guru dan yang terakhir

adalah proses 2.3 hapus data guru.


55

5) Diagram level 1 proses 3.0

Gambar 3.11 Diagram level 1 proses 3.0

Gambar 3.11 menjelaskan arus data dalam proses kelola kelas 3.0. Pada

proses tambah kelas dibutuhkan sumber data berupa data guru yang nantinya

digunakan sebagai walikelas pada kelas tersebut. Selain proses 3.2 edit data kelas

dan proses 3.3 hapus data kelas, di proses kelola kelas terdapat satu proses
56

tambahan yaitu proses 3.4 tambah siswa ke kelas. Proses ini membutuhkan data

siswa yang diambil dari tabel siswa.

6) Diagram level 1 proses 4.0

Gambar 3.12 Diagram level 1 proses 4.0

Gambar 3.12 merupakan dekomposisi dari proses 4.0 P kelola pelajaran.

Namun untuk prosesnya masih sama dengan proses 2.0 P, 3.0 P. Admin memasukan

data pelajaran yang selanjutnya di proses oleh 4.1 P tambah mata pelajaran dan

disimpan ke dalam tabel mata pelajaran. Begitu juga dengan proses 4.2 P edit data

mata pelajaran dan 4.3 P hapus data mata pelajaran.

7) Diagram level 1 proses 5.0


57

Gambar 3.13 Diagram level 1 proses 5.0

Gambar 3.13 merupakan rincian dari proses 5.0 kelola nilai, dimana

didalamnya terdapat tiga proses utama yaitu 5.1 tambah data nilai, 5.2 edit nilai,

dan 5.3 hapus nilai. Pada proses 5.1 tambah nilai siswa perlukan beberapa data

dari table – table yang berkaitan seperti table mata_pelajaran, tabel siswa, tabel

guru, dan table kelas.

c. Kamus Data

Kamus data yang dihasilkan dari diagram diatas adalah sebagai berikut :
1. Nama arus data : data siswa
58

Bentuk data : dokumen atau file

Arus data : proses 1.1 tambah data siswa – proses 1.3 Edit data siswa

ke table siswa.

Struktur data : kode_siswa, nis, nama_siswa, kelamin, agama,

tempat_lahir, tanggal_lahir, alamat, no_telepon,

tahun_angkatan,status,username_siswa,password_siswa,ga

mbar.

2. Nama arus data : data guru

Bentuk data : dokumen atau file

Arus data : proses 2.1 tambah data guru – proses 2.3 Edit data guru

ke table guru

struktur data : kode_guru, nip, nama_guru, kelamin, alamat,

no_telepon, status_aktif, username_guru, password_guru,

gambar_guru.

3. Nama arus data : data kelas

Bentuk data : dokumen atau file

Arus data : proses 3.1 tambah data kelas – proses 3.4 Edit data

kelas ke table kelas

struktur data : kode_kelas, tahun_ajar, kelas, nama_kelas, kode_guru,

status_aktif.

4. Nama arus data : data mata pelajaran

Bentuk data : dokumen atau file

Arus data : proses 4.1 tambah data pelajaran – proses 4.3 Edit data

pelajaran ke table pelajaran


59

struktur data : kode_pelajaran, nama_pelajaran, kkm, keterangan

5. Nama arus data : data nilai

Bentuk data : dokumen atau file

Arus data : proses 5.1 tambah data pelajaran – proses 5.3 Edit data

nilai ke table nilai

struktur data : id_nilai, semester, kode_pelajaran, kode_guru,

kode_kelas, kode_siswa, nilai_tugas1, nilai_tugas2,

nilai_tugas3, nilai_uts, nilai_uas, keterangan.

6. Nama arus data : laporan data nilai

Bentuk data : dokumen atau file

Arus data : proses 6.0 olah laporan

struktur data : id_nilai, semester, kode_pelajaran, kode_guru,

kode_kelas, kode_siswa, nilai_tugas1, nilai_tugas2,

nilai_tugas3, nilai_uts, nilai_uas, keterangan.


60

3.3 Entity Relationship Diagram (ERD).

Gambar 3.14 ERD sistem informasi penilaian siswa

Gambar 3.14 menjelaskan hubungan atau relasi dari entitas yang ada di

sistem informasi penilaisan siswa. Terdapat 4 entitas yaitu entitas siswa, guru, kelas

dan pelajaran. Dari gambar ERD diatas dapat dilihat siswa menempati kelas dengan

relasi banyak ke satu, siswa mendaptkan nilai hubungannya satu ke banyak. Relasi

guru memberikan nilai yaitu satu ke banyak dan yang terakhir relasi guru mengajar

pelajaran yaitu satu ke banyak.

3.3.1 Normalisasi

1. Bentuk Unnormal

Tabel 3.1 Tabel unnormal

1 2 3 4
Id_Nilai Semester Kode_Guru Nip

1617001 1 G0002 -
1617002 1 G0002 -
1617003 1 G0015 196701051996021001
1617004 1 G0015 196701051996021001
61

5 6 7 8
Nama_Guru Kode_Siswa NIS Nama_siswa

Asep Aris Setiawan S0012 1516003 Widodo


Asep Aris Setiawan S0010 1516002 Fiki Ela
Eha Julaeha S0020 1617004 Rifky
Eha Julaeha S0015 1617001 Faqih

9 10 11 12
Kode_kelas Kelas Nama_Kelas Kode_Pelajaran

K007 XII TKJ 1 P009


K007 XII TKJ 1 P009
K004 XI TKJ 1 P001
K004 XI TKJ 1 P001

13 14 15 16
Pelajaran KKM Nilai_Tugas2 Nilai_Tugas2
Jaringan Dasar 80 80 80
Jaringan Dasar 70 70 90
Pendidikan Agama 80 80 70
Pendidikan Agama 80 80 80

17 18 19
nilai_absen nilai_uts nilai_uas

80 80 80
80 70 90
70 80 70
80 80 80

2. Bentuk normal kesatu ( 1NF )

Tabel 3.2 Bentuk tabel normal ke-1(1NF)

1 2 3 4
Id_Nilai Semester Kode_Guru Nip

1617001 1 G0002 -
1617002 1 G0002 -
1617003 1 G0015 196701051996021001
1617004 1 G0015 196701051996021001
62

5 6 7 8
Nama_Guru Kode_Siswa NIS Nama_siswa

Asep Aris Setiawan S0012 1516003 Widodo


Asep Aris Setiawan S0010 1516002 Fiki Ela
Eha Julaeha S0020 1617004 Rifky
Eha Julaeha S0015 1617001 Faqih

9 10 11 12
Kode_kelas Kelas Nama_Kelas Kode_Pelajaran

K007 XII TKJ 1 P009


K007 XII TKJ 1 P009
K004 XI TKJ 1 P001
K004 XI TKJ 1 P001

13 14 15 16
Pelajaran KKM Nilai_Tugas2 Nilai_Tugas2
Jaringan Dasar 80 80 80
Jaringan Dasar 70 70 90
Pendidikan Agama 80 80 70
Pendidikan Agama 80 80 80

17 18 19
nilai_absen nilai_uts nilai_uas

80 80 80
80 70 90
70 80 70
80 80 80
63

3. Bentuk normal kedua (2NF)

Tabel 3.3 Bentuk Normal ke-2 (2NF) Relasi Nilai

1 2 3 4
Id_Nilai Semester Kode_Siswa NIS
1617001 1 S0012 1516003
1617002 1 S0010 1516002
1617003 1 S0020 1617004
1617004 1 S0015 1617001

5 6 7 8
Nama_siswa Kode_kelas Id_Kelas Nama_Kelas

Widodo K007 XII TKJ 1


Fiki Ela K007 XII TKJ 1
Rifky K004 XI TKJ 1
Faqih K004 XI TKJ 1

9 10 11 12
nilai_tugas1 nilai_tugas2 nilai_absen nilai_uts
80 80 80 80
70 90 80 70
80 70 70 80
80 80 80 80

13
nilai_uas
80
90
70
80

Tabel 3.4 Bentuk Normal ke- 2(2NF) Relasi Guru


1 2 3 4
Kode_Guru Nip Nama_Guru kode_pelajaran

G0002 - Asep Aris Setiawan P009


G0002 - Asep Aris Setiawan P009
G0015 196701051996021001 Eha Julaeha P001
G0015 196701051996021001 Eha Julaeha P001
64

5 6
Pelajaran KKM
Jaringan Dasar 80
Jaringan Dasar 70
Pendidikan Agama 80
Pendidikan Agama 80

4. Bentuk Normal Ketiga (3NF)

Tabel 3.5 Bentuk Normal Ke-3 Tabel Nilai


1 2 3 4
Id_Nilai Semester Kode_Siswa Kode_Guru

1617001 1 S0012 1516003


1617002 1 S0010 1516002
1617003 1 S0020 1617004
1617004 1 S0015 1617001

5 6 7 8
nilai_tugas1 nilai_tugas2 nilai_absen nilai_uts
80 80 80 80
70 90 80 70
80 70 70 80
80 80 80 80

9
nilai_uas
80
90
70
80

Tabel 3.6 Bentuk Normal Ke-3(3NF) Tabel Guru


1 2 3 4
Kode_Guru Nip Nama_Guru kode_pelajaran

G0002 - Asep Aris Setiawan P009


G0002 - Asep Aris Setiawan P009
G0015 196701051996021001 Eha Julaeha P001
G0015 196701051996021001 Eha Julaeha P001
65

Tabel 3.7 Bentuk Normal Ke-3(3NF) Tabel Pelajaran


1 2 3
kode_pelajaran Pelajaran KKM
P009 Jaringan Dasar 80
P009 Jaringan Dasar 70
P001 Pendidikan Agama 80
P001 Pendidikan Agama 80

Tabel 3.8 Bentuk Normal Ke-3(3NF) Tabel Siswa


1 2 3 4
Kode_Siswa NIS Nama_siswa Kode_kelas
S0012 1516003 Widodo K007
S0010 1516002 Fiki Ela K007
S0020 1617004 Rifky K004
S0015 1617001 Faqih K004

Tabel 3.9 Bentuk Normal Ke-3(3NF) Tabel Kelas


1 2 3
Kode_kelas Kelas Nama_Kelas
K007 XII TKJ 1
K007 XII TKJ 1
K004 XI TKJ 1
K004 XI TKJ 1
66

3.3.2 Relasi Antar Tabel

Gambar 3.15 Relasi antar tabel

3.3.3 Spesifikasi File

Pada aplikasi sistem penilaian siswa ini, database diberi nama smk sebagai

penampung segala informasi yang berkaitan dengan program sistem informasi

penilaian siswa di SMKN 1 Sindang.

Pembentukan table – table dari struktur file database adalah :

Tabel 3.10 Tabel Siswa

Nama Field Tipe Nilai Keterangan

Kode_Siswa Char 5 Primary Key

Nis Varchar 8

Nama_siswa Varchar 100

Jk_siswa Varchar 20
67

Agama Varchar 20

Tempat_lahir Varchar 100

No_telepon Varchar 20

Tahun_angkatan Char 4

Status_siswa Enum “Aktif”,”Lulus”,”Keluar”

Username_siswa Varchar 30 Untuk Login siswa

Password_siswa Varchar 50 Untuk Login siswa

Gambar_siswa Varchar 30

Tabel 3.11 Tabel Guru

Nama Field Tipe Nilai Keterangan

Kode_guru Char 5 Primary key

Kode_Pelajaran Char 4 Foreign Key dari table pelajaran

Nip Varchar 20

Nama_guru Varchar 100

Jk_guru Varchar 20

Alamat Varchar 100

No_telepon Varchar 20

Status_aktif Enum “Aktif”, “Tidak”

Username_siswa Varchar 30 Untuk Login siswa

Password_siswa Varchar 50 Untuk Login siswa

Gambar_siswa Varchar 30
68

Tabel. 3.12 Tabel Nilai

Nama Field Tipe Nilai Keterangan

Id_nilai Int 5 Primary key

Semester Int 2

Kode_guru Char 5 Foreign key tabel


guru
Kode_kelas Char 5 Foreign key tabel
kelas
Nilai_tugas1 Int 4

Nilai_tugas2 Int 4

Nilai_Absen Int 4

Nilai_uts Int 4

Nilai_uas Int 4

Keterangan Varchar 100

Tabel 3.13 Tabel Kelas

PPNama Field Tipe Nilai Keterangan

Kode_kelas Char 4 Primary key

Tahun_ajar Varchar 12

Kelas Char 2

Nama_kelas Varchar 20

Kode_guru Char 5 Walikelas Foreign


key dari tabel guru
Status_aktif Enum “Aktif”,”Tidak Aktif”
69

Tabel 3.14 Tabel Pelajaran

Nama Field Tipe Nilai Keterangan

Kode_pelajaran Char 4 Primary key

Nama_pelajaran Varchar 100

Kkm Int 2

3.4 Impementasi Sistem

Implementasi sistem merupakan kumpulan dari elemen – elemen yang telah

didesain kedalam bentuk pemrograman untuk menghasilkan suatu tujuan yang

dibuat berdasarkan kebutuhan.

3.4.1 Desain Input

Menggambarkan rancangan desain input dan output yang akan digunakan

dalam interface user dengan sistem baru yang diusulkan oleh penulis.

1. Halaman tambah data siswa

Gambar 3.116 Input data siswa


70

2. Halaman tambah data guru

Gambar 3.15 interface tambah guru

3. Halaman tambah data nilai

Gambar 3.16 Interface tambah data nilai


71

4. Halaman tambah data kelas

Gambar 3.17 interface tambah nilai

5. Input data pelajaran

Gambar 1.18 interface tambah pelajaran


72

3.4.2 Desain Output

1. Halaman data siswa

Gambar 1.19 Halaman data siswa

2. Halaman data guru

Gambar 3.20 Halaman data guru


73

3. Halaman data nilai

Gambar 3.21 Halaman data nilai

4. Rekap laporan data siswa

Gambar 3.22 Rekap laporan data siswa


74

5. Rekap Laporan data guru

Gambar 3.23 Rekap laporan data guru

6. Rekap laporan data kelas

Gambar 3.24 Rekap laporan data kelas


75

7. Rekap laporan data nilai

Gambar 2.25 Rekap laporan data nilai

3.4.3 Kebutuhan sistem

Kebutuhan sistem yang dimaksud adalah perangkat lunak ( software ) dan

perangkat kersa ( hardware ) yang menunjang dalam rangka pembutan aplikasi yang

dibuat oleh penulis. Spesifikasi sistem tersebut antara lain:

1. Spesifikasi Perangkat Keras

a. Prosesor setara Dual Core 2.5 ~ 3.0 Ghz

b. Memori minimal 2GB

c. Hardisk Minimal 500GB

2. Spesifikasi Perangkat Lunak

a. Sistem Operasi Windows 7 atau lebih

b. Paket software XAMPP ( PHP, Mysql, Apache )

c. Google Chrome atau Mozila firefox

d. Sublime Text Editor


76

BAB IV

PENUTUP

4.1 Kesimpulan

Hasil yang didapat setelah melakukan analisis terhadap permasalahan pada

sistem informasi penilaisan siswa di SMKN 1 Sindang, maka dapat disimpulkan :

1. Sistem Informasi yang sedang berjalan di SMKN 1 Sindang masih

menggunakan proses manual dan belum seluruhnya terkomputerisasi.

Pelaksanaan proses penilaian masih membutuhkan waktu yang cukup lama

karena harus menunggu seluruh guru mengumpulkan data nilai.

2. Perancangan sistem informasi yang diusulkan didesuaikan dengan alur

sistem yang sedang berjalan pada SMKN 1 Sindang. Dengan menganalisis

dan mengevaluasi permasalahan – permasalahan yang ada dan kebutuhan

apa saja yang diperlukan atau diharapkan dalam sistem penilaian siswa.

Tahapannya meliputi perancangan sistem, perancangan basis data dan

perancangan antarmuka.

3. Dalam pengujian sistem yang diusulkan dilakukan dengan cara

merepresentasikan hasil analisis dan perancangan sistem untuk mengetahui

kualitas serta kelemahan atau kekurangan dari sistem.

4. Dengan adanya sistem sistem informasi penilaian siswa ini diharapkan

dapat membantu proses dalam kegiatan penilaian di SMKN 1 Sindang.

4.2 Saran

Setelah penyusun melakukan obeservasi pada smkn 1 sindang, maka

penyusun menyarankan hal-hal sebagai berikut :

76
77

Mengngat masih banyaknya kelemahan pada sistem yang dibuat dan untuk

mengembangkan sistem agar menjadi lebih baik lagi maka saran dan harapan

penulis pada sistem informasi penilaian siswa ini.

1. Perlu dilakukan peningkatan dan pembinaan kualitas sumber daya manusia

(SDM) lebih tepatnya kepada staff tata usah yang akan menggunakan sistem

aplikasi agar menjadi lebih bermutu, khususnya pendalaman di bidang

komputer sehingga dapat memudahkan pekerjaannya.

2. Dalam proses pengumpulan nilai siswa diharapkan tidak ada salah satu guru

yang terlambat, Karena jika masih ada guru yang masih belum

mengumpulkan data guru mengakibatkan terlambatnya dalam pembuatan

laporan nilai.

3. Perlu dilakukan pembaharuan sistem informasi untuk smkn 1 sindang tidak

hanya dalam hal penilaian siswa, tetapi dapat ditambahkan beberapa proses

lainnya seperti penerimaan siswa baru, proses belajar mengajar ( E-

Learning ) dan kegiatan lainnya.

4. Untuk kedepannya mungkin perlu disesuaikan dengan kurikulum yang

berlaku di sekolah yang bersangkutan. Serta dibuatkan laman khusus untuk

orang tua siswa sehingga tau hasil belajar anaknya di sekolah. Dan perlu

ditambahkan feedback dari pihak orang tua yang nntinya digunakan sebagai

masukan untuk sekolah.


70

DAFTAR PUSTAKA

Albahra Bin Ladjamudin.2005. Analisis dan Desain Sistem Informasi.

Al Fatta, Hanif.2007. Analisis dan Perancangan Sistem Informasi untuk

Keunggulan Bersaing Perusahaan & Organisasi Modern.Yogyakarta:Andi.

Davis.1985. di kutip oleh Al-Bahra bin Ladjamudin.B, Analisis & Desain Sistem

Informasi, (2005:3).

Drs. Sugiyanto Wiryoputro.2008:1. Akt, Dasar - Dasar Manajemen Kristiani.

Edhy Sutanta.2011. Basis Data dalam Tinjauan Konseptual.

E.F. Codd.2005.yang dikutip oleh (Albahra Bin Ladjamudin, Analisa dan Desain

Sistem Informasi, 2005:169).

Gordon . B. Davis 1985. yang dikutip oleh (Al-Bahra bin Ladjamudin, Analisis dan

Desain Sistem Informasi, 2005:8).

James Martin.1975.yang dikutip oleh (Edhy Sutanta, Basis Data dalam Tinjauan

Konseptual, 2011:29).

Jeny Fitz Gerald. 2005:3. di kutip oleh Al-Bahra Bin Ladjamudin.B, Analisis &

Desain Sistem Informasi.

Jogiyanto.2001:11. Analisa Dan Desain Sistem Informasi.

Kertahadi.1995. yang dikutip oleh (Hanif Al Fatta, Analisis dan Perancangan

Sistem Informasi untuk Keunggulan Bersaing Perusahaan & Organisasi

Modern, 2007:9).

Raymond McLeod.1995. yang dikutip oleh Hanif Al Fatta, (Analisis dan

Perancangan Sistem Informasi untuk Keunggulan Bersaing Perusahaan

dan Organisasi Moderen, 2007:4).

70
71

Raymond Mc.Leod.1995. yang dikutip oleh (Al-Bahra bin Ladjamudin, Analisis

dan Desain Sistem Informasi, 2005:8).

Raymond McLeod, Jr. dan George P.Schell.10.2007:12 Sitem Informasi

Manajemen.

Raymond McLeod,Jr.1998:308. Kamus data (Data Dictionary) suatu penjelasan

tertulis mengenai data yang berada di dalam database.

(http://id.wikipedia.org/wiki/JQuery.).

(http:/www.apachefriends.org/en/news.html).
1

1. Halaman Admin

<?php
session_start();
if (empty($_SESSION['username'])){
header('location:../index.php');
} else {
include "../conn.php";
?>
<!DOCTYPE html>
<html lang="en">
<?php include "head.php"; ?>

<body>

<section id="container" >


<!--
******************************************************************
******************************************************************
**********************
TOP BAR CONTENT & NOTIFICATIONS

******************************************************************
******************************************************************
*********************** -->
<!--header start-->
<?php include "header.php"; ?>
<!--header end-->
2

<!--
******************************************************************
******************************************************************
**********************
MAIN SIDEBAR MENU

******************************************************************
******************************************************************
*********************** -->
<!--sidebar start-->
<aside>
<div id="sidebar" class="nav-collapse ">
<!-- sidebar menu start-->
<ul class="sidebar-menu" id="nav-accordion">

<p class="centered"><a href="#"><img src="<?php echo


$_SESSION['gambar']; ?>" class="img-circle" width="60"></a></p>
<h5 class="centered"><?php
echo $_SESSION['fullname'];
?></h5>
<?php
$timeout = 10; // Set timeout minutes
$logout_redirect_url = "../index.php"; // Set logout URL

$timeout = $timeout * 60; // Converts minutes to seconds


if (isset($_SESSION['start_time'])) {
$elapsed_time = time() - $_SESSION['start_time'];
if ($elapsed_time >= $timeout) {
session_destroy();
echo "<script>alert('Session Anda Telah Habis!'); window.location =
'$logout_redirect_url'</script>";
}
}
$_SESSION['start_time'] = time();
?>
<?php } ?>
<?php include 'menu.php'; ?>

</ul>
<!-- sidebar menu end-->
</div>
</aside>
<!--sidebar end-->
3

<!--
******************************************************************
******************************************************************
**********************
MAIN CONTENT

******************************************************************
******************************************************************
*********************** -->
<!--main content start-->
<section id="main-content">
<section class="wrapper">

<div class="row">
<div class="col-lg-9 main-chart">

<div class="row mtbox">

<?php $tampil=mysql_query("select * from guru order by kode_guru


desc");
$total=mysql_num_rows($tampil);
?>
<div class="col-md-2 col-sm-2 col-md-offset-1 box0">
<div class="box1">
<h3><a href="guru.php" class="btn btn-lg btn-
danger">Guru</a></h3>
<span
class="glyphicon glyphicon-list-alt"></span>
<h3><?php echo
"$total"; ?></h3>
</div>
<p>SINIWA
Memiliki <?php echo "$total"; ?> Orang Guru </p>
</div>

<?php $tampil=mysql_query("select * from siswa order by


kode_siswa desc");
$total_siswa=mysql_num_rows($tampil);
?>
<div class="col-md-2 col-sm-2 box0">
<div class="box1">
<h3><a href="siswa.php" class="btn btn-lg btn-
primary">Siswa</a></h3>
4

<span
class="glyphicon glyphicon-user"></span>
<h3><?php echo
"$total_siswa"; ?></h3>
</div>
<p>SINIWA memiliki
<?php echo "$total_siswa"; ?> Orang Siswa</p>
</div>
<?php $tampil=mysql_query("select * from pelajaran order by
kode_pelajaran desc");
$total_pelajaran=mysql_num_rows($tampil);
?>
<div class="col-md-2 col-sm-2 box0">
<div class="box1">
<h3><a href="pelajaran.php" class="btn btn-lg btn-
info">Pelajaran</a></h3>
<span
class="glyphicon glyphicon-book"></span>
<h3><?php echo
"$total_pelajaran"; ?></h3>
</div>
<p>SINIWA memiliki
<?php echo "$total_pelajaran"; ?> Mata Pelajaran</p>
</div>
<?php $tampil=mysql_query("select * from kelas order by
kode_kelas desc");
$total_kelas=mysql_num_rows($tampil);
?>
<div class="col-md-2 col-sm-2 box0">
<div class="box1">
<h3><a href="kelas.php" class="btn btn-lg btn-
warning">Kelas</a></h3>
<span
class="glyphicon glyphicon-home"></span>
<h3><?php echo
"$total_kelas"; ?></h3>
</div>
<p>SINIWA memiliki
<?php echo "$total_kelas"; ?> Kelas</p>
</div>
<?php $tampil=mysql_query("select * from user order by user_id
desc");
$total_admin=mysql_num_rows($tampil);
?>
5

<div class="col-md-2 col-sm-2 box0">


<div class="box1">
<h3><a href="admin.php" class="btn btn-lg btn-
success">Admin</a></h3>
<span
class="glyphicon glyphicon-lock"></span>
<h3><?php echo
"$total_admin"; ?></h3>
</div>
<p>SINIWA memiliki
<?php echo "$total_admin"; ?> Orang Admin</p>
</div>

</div><!-- /row mt -->

<div class="row">
<!-- Info Data siswa Terbaru -->
<div class="col-lg-12">
<div class="panel panel-success">
<div class="panel-heading">
<h3 class="panel-title"><i class="fa fa-user"></i> Data Siswa
Baru</h3>
</div>
<div class="panel-body">
<div class="table-responsive">
<?php
$tampil=mysql_query("select * from siswa order by kode_siswa desc
limit 1");
?>
<table class="table table-bordered table-hover table-striped
tablesorter">

<tr>
<th>Nama Siswa <i class="fa fa-sort"></i></th>
<th>Jenis Kelamin <i class="fa fa-sort"></i></th>
<th>Alamat <i class="fa fa-sort"></i></th>
<th>Telepon <i class="fa fa-sort"></i></th>
</tr>
<?php while($data=mysql_fetch_array($tampil))
{ ?>
<tr>
<td><i class="fa fa-user"></i> <?php echo $data['nama_siswa'];
?></td>
6

<td><?php echo $data['kelamin'];?></td>


<td><?php echo $data['alamat']; ?></td>
<td><?php echo $data['no_telepon'];?></td>
<?php
}
?>
</tbody>

</table>
</div>
</div>
</div>
</div><!-- col-lg-12-->

</div><!-- /row -->

<div class="row mt">


<!--CUSTOM CHART START -->
<div class="border-head">

</div>

</div><!-- /row -->

</div><!-- /col-lg-9 END SECTION MIDDLE -->

<!--
******************************************************************
******************************************************************
**********************
RIGHT SIDEBAR CONTENT

******************************************************************
******************************************************************
*********************** -->

<div class="col-lg-3 ds">


<h3>DATA GURU</h3>

<?php
$tampil=mysql_query("select * from guru order by kode_guru desc
limit 5");
7

while($data=mysql_fetch_array($tampil))
{
?>
<!-- First Action -->
<div class="desc">
<div class="thumb">
<span class="badge bg-theme"><i class="fa fa-clock-
o"></i></span>
</div>
<div class="details">
<p><muted>Nip :<?php echo $data['nip'];
?></muted><br/>
<a href="#">Nama Guru : <?php echo $data['nama_guru'];
?> </a> <br/> Jenis Kelamin : <?php echo $data['kelamin']; ?><br/>
</p>
</div>
</div>
<?php } ?>

</div><!-- /col-lg-3 -->


</div><!--/row -->
</section>
</section>

<!--main content end-->


<!--footer start-->
<?php include "footer.php"; ?>
<!--footer end-->
</section>

<!-- js placed at the end of the document so the pages load faster -->
<script src="assets/js/jquery.js"></script>
<script src="assets/js/jquery-1.8.3.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script class="include" type="text/javascript"
src="assets/js/jquery.dcjqaccordion.2.7.js"></script>
<script src="assets/js/jquery.scrollTo.min.js"></script>
<script src="assets/js/jquery.nicescroll.js" type="text/javascript"></script>
<script src="assets/js/jquery.sparkline.js"></script>
8

<!--common script for all pages-->


<script src="assets/js/common-scripts.js"></script>

<script type="text/javascript" src="assets/js/gritter/js/jquery.gritter.js"></script>


<script type="text/javascript" src="assets/js/gritter-conf.js"></script>

<!--script for this page-->


<script src="assets/js/sparkline-chart.js"></script>
<script src="assets/js/zabuto_calendar.js"></script>

<script type="application/javascript">
$(document).ready(function () {
$("#date-popover").popover({html: true, trigger: "manual"});
$("#date-popover").hide();
$("#date-popover").click(function (e) {
$(this).hide();
});

$("#my-calendar").zabuto_calendar({
action: function () {
return myDateFunction(this.id, false);
},
action_nav: function () {
return myNavFunction(this.id);
},
ajax: {
url: "show_data.php?action=1",
modal: true
},
legend: [
{type: "text", label: "Special event", badge: "00"},
{type: "block", label: "Regular event", }
]
});
});

function myNavFunction(id) {
$("#date-popover").hide();
var nav = $("#" + id).data("navigation");
var to = $("#" + id).data("to");
9

console.log('nav ' + nav + ' to: ' + to.month + '/' + to.year);


}
</script>

</body>
</html>
10

2. Halaman Siswa

<?php
session_start();
if (empty($_SESSION['username'])){
header('location:../login.html');
} else {
include "../conn.php";
$_SESSION['nama'];
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<meta name="keyword" content="">

<title>SINIWA | Sistem Informasi Nilai Siswa</title>

<!-- Bootstrap core CSS -->


<link href="../admin/assets/css/bootstrap.css" rel="stylesheet">
<!--external css-->
<link href="../admin/assets/font-awesome/css/font-awesome.css"
rel="stylesheet" />
<link rel="stylesheet" type="text/css"
href="../admin/assets/css/zabuto_calendar.css">
<link rel="stylesheet" type="text/css"
href="../admin/assets/js/gritter/css/jquery.gritter.css" />
11

<link rel="stylesheet" type="text/css"


href="../admin/assets/lineicons/style.css">

<!-- Custom styles for this template -->


<link href="../admin/assets/css/style.css" rel="stylesheet">
<link href="../admin/assets/css/style-responsive.css" rel="stylesheet">

<script src="../admin/assets/js/chart-master/Chart.js"></script>

<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media
queries -->
<!--[if lt IE 9]>
<script
src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script
src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>

<body>

<section id="container" >


<!--
******************************************************************
******************************************************************
**********************
TOP BAR CONTENT & NOTIFICATIONS

******************************************************************
******************************************************************
*********************** -->
<!--header start-->
<header class="header black-bg">
<div class="sidebar-toggle-box">
<div class="fa fa-bars tooltips" data-placement="right" data-original-
title="Toggle Navigation"></div>
</div>
<!--logo start-->
<a href="index.php" class="logo"><b>SINIWA</b></a>
<!--logo end-->
<div class="top-menu">
<ul class="nav pull-right top-menu">
<li><a class="logout" href="../logout-siswa.php" onclick="return
confirm('Do you want to logout?');">Logout</a></li>
12

</ul>
</div>
</header>
<!--header end-->

<!--
******************************************************************
******************************************************************
**********************
MAIN SIDEBAR MENU

******************************************************************
******************************************************************
*********************** -->
<!--sidebar start-->
<aside>
<div id="sidebar" class="nav-collapse ">
<!-- sidebar menu start-->
<ul class="sidebar-menu" id="nav-accordion">

<p class="centered"><a href="#"><img src="../admin/<?php echo


$_SESSION['gambar']?>" class="img-circle" width="60"></a></p>
<h5 class="centered">
Selamat Datang,<br />
<?php
echo $_SESSION['nama'];
?></h5>
<?php
$timeout = 10; // Set timeout minutes
$logout_redirect_url = "../login.html"; // Set logout URL

$timeout = $timeout * 60; // Converts minutes to seconds


if (isset($_SESSION['start_time'])) {
$elapsed_time = time() - $_SESSION['start_time'];
if ($elapsed_time >= $timeout) {
session_destroy();
echo "<script>alert('Ups, your session was spent!'); window.location =
'$logout_redirect_url'</script>";
}
}
$_SESSION['start_time'] = time();
?>
<?php } ?>
13

<li class="mt">
<a class="active" href="index.php">
<i class="fa fa-book"></i>
<span>Nilai Raport</span>
</a>
</li>

<!--<li class="sub-menu">
<a href="javascript:;" >
<i class="fa fa-desktop"></i>
<span>Confimation & Tracking</span>
</a>
<ul class="sub">
<li><a href="payment.php">Payment Confirmation</a></li>
<li><a href="destination.php">Destination Order</a></li>
<li><a href="order-tracking.php">Order Tracking</a></li>
</ul>
</li>
<!-- sidebar menu end-->
</div>
</aside>
<!--sidebar end-->

<!--
******************************************************************
******************************************************************
**********************
MAIN CONTENT

******************************************************************
******************************************************************
*********************** -->
<!--main content start-->
<section id="main-content">
<section class="wrapper">

<div class="row">
<div class="border-head">
<h3>&raquo; DATA NILAI RAPORT SISWA</h3>
</div>

<div class="col-lg-12">
<div class="panel panel-success">
14

<div class="panel-heading">
<h3 class="panel-title"><i class="fa fa-user"></i> Nilai Raport
Siswa : <?php echo $_SESSION['nama']; ?> </h3>
</div>
<div class="panel-body">
<center><h3>DATA NILAI SEMESTER SISWA</h3></center>
<center><h3>Nilai Raport</h3></center>
<?php
$siswa = $_SESSION['kode'];

$tampil=mysql_query("SELECT siswa.kode_siswa, siswa.nis,


siswa.nama_siswa,
nilai.semester, pelajaran.nama_pelajaran,
nilai.nilai_tugas1, nilai.nilai_tugas2,
nilai.nilai_tugas3,nilai.keterangan,
nilai.nilai_uts, nilai.nilai_uas, kelas_siswa.jurusan
FROM siswa, nilai, pelajaran, kelas_siswa
WHERE siswa.kode_siswa=nilai.kode_siswa AND
nilai.kode_pelajaran=pelajaran.kode_pelajaran AND
kelas_siswa.kode_siswa=siswa.kode_siswa AND
siswa.kode_siswa='$siswa'") or die(mysql_error());

$dd=mysql_query("SELECT siswa.kode_siswa, siswa.nis,


siswa.nama_siswa,
nilai.semester, pelajaran.nama_pelajaran,
nilai.nilai_tugas1, nilai.nilai_tugas2, nilai.nilai_tugas3,
nilai.nilai_uts, nilai.nilai_uas, kelas_siswa.jurusan
FROM siswa, nilai, pelajaran, kelas_siswa
WHERE siswa.kode_siswa=nilai.kode_siswa AND
nilai.kode_pelajaran=pelajaran.kode_pelajaran AND
kelas_siswa.kode_siswa=siswa.kode_siswa AND
siswa.kode_siswa='$siswa'") or die(mysql_error());
$d = mysql_fetch_array($dd);
?>

<table width="500">
<tr>
<td width="100">Kode Siswa</td> <td>:</td> <td><?php echo
$d['kode_siswa']; ?></td>
</tr>
<br />
<tr>
15

<td width="100">Nis</td> <td>:</td> <td><?php echo $d['nis'];


?></td>
</tr>
<br />
<tr>
<td width="100">Nama Siswa</td> <td>:</td> <td><?php echo
$d['nama_siswa']; ?></td>
</tr>
<tr>
<td width="100">Jurusan</td> <td>:</td> <td><?php echo
$d['jurusan']; ?></td>
</tr>
<tr>
<td width="100">Semester</td> <td>:</td> <td><?php echo
$d['semester']; ?></td>
</tr>
</table><br />
<div class="table-responsive">
<table class="table table-responsive table-bordered table-hover table-
striped tablesorter">
<th><center>Mata Pelajaran</center></th>
<th><center>Tugas 1 </center></th>
<th><center>Tugas 2 </center></th>
<th><center>Absen</center></th>
<th><center>UTS </center></th>
<th><center>UAS</center></th>
<th><center>Total Nilai</center></th>
<th><center>Nilai Rata - Rata</center></th>
<th><center>Keterangan</center></th>

</tr>
<?php while($data=mysql_fetch_array($tampil))
{ ?>
<tr>
<td><?php echo $data['nama_pelajaran']; ?></a></td>
<td><center><?php echo $data['nilai_tugas1']; ?></center></td>
<td><center><?php echo $data['nilai_tugas2'];?></center></td>
<td><center><?php echo $data['nilai_tugas3'];?></center></td>
<td><center><?php echo $data['nilai_uts'];?></center></td>
<td><center><?php echo $data['nilai_uas'];?></center></td>
<td><center><?php $total = $data['nilai_tugas1'] +
$data['nilai_tugas2'] + $data['nilai_tugas3'] + $data['nilai_uts'] + $data['nilai_uas'];
$rata = $total / 5;
16

echo $total; ?></center></td>


<td><center><?php echo $rata;?></center></td>
<td><center><?php echo $data['keterangan'];?></center></td>
</tr>

<?php }
?>
</table>
<div class="text-right">
<a class="btn btn-sm btn-warning tooltips" data-placement="bottom"
data-original-title="Print Nilai" href="cetak.php"><span class="glyphicon
glyphicon-print"></span></a>
</div>
</div>
</div>

</div>
<!-- /col-lg-9 END SECTION MIDDLE -->

<!--
******************************************************************
******************************************************************
**********************
RIGHT SIDEBAR CONTENT

******************************************************************
******************************************************************
*********************** -->

</div><!--/row -->
</section>
</section>

<?php include "../admin/footer.php"; ?>


<!--main content end-->
</section>

<!-- js placed at the end of the document so the pages load faster -->
<script src="../admin/assets/js/jquery.js"></script>
<script src="../admin/assets/js/jquery-1.8.3.min.js"></script>
<script src="../admin/assets/js/bootstrap.min.js"></script>
17

<script class="include" type="text/javascript"


src="../admin/assets/js/jquery.dcjqaccordion.2.7.js"></script>
<script src="../admin/assets/js/jquery.scrollTo.min.js"></script>
<script src="../admin/assets/js/jquery.nicescroll.js"
type="text/javascript"></script>
<script src="../admin/assets/js/jquery.sparkline.js"></script>

<!--common script for all pages-->


<script src="../admin/assets/js/common-scripts.js"></script>

<script type="text/javascript"
src="../admin/assets/js/gritter/js/jquery.gritter.js"></script>
<script type="text/javascript" src="../admin/assets/js/gritter-conf.js"></script>

<!--script for this page-->


<script src="../admin/assets/js/sparkline-chart.js"></script>
<script src="../admin/assets/js/zabuto_calendar.js"></script>

<script type="text/javascript">
$(document).ready(function () {
var unique_id = $.gritter.add({
// (string | mandatory) the heading of the notification
title: 'Selamat Datang,',
// (string | mandatory) the text inside the notification
text:di SIAK AL-ISHLAH <a href="" target="_blank"
style="color:#ffd777">InAutomation</a>.',
// (string | optional) the image to display on the left
image: '../admin/<?php echo $_SESSION['gambar']; ?>',
// (bool | optional) if you want it to fade out on its own or just sit there
sticky: true,
// (int | optional) the time you want it to be alive for before fading out
time: '',
// (string | optional) the class name you want to apply to that specific
message
class_name: 'my-sticky-class'
});

return false;
});
</script>

<script type="application/javascript">
18

$(document).ready(function () {
$("#date-popover").popover({html: true, trigger: "manual"});
$("#date-popover").hide();
$("#date-popover").click(function (e) {
$(this).hide();
});

$("#my-calendar").zabuto_calendar({
action: function () {
return myDateFunction(this.id, false);
},
action_nav: function () {
return myNavFunction(this.id);
},
ajax: {
url: "show_data.php?action=1",
modal: true
},
legend: [
{type: "text", label: "Special event", badge: "00"},
{type: "block", label: "Regular event", }
]
});
});

function myNavFunction(id) {
$("#date-popover").hide();
var nav = $("#" + id).data("navigation");
var to = $("#" + id).data("to");
console.log('nav ' + nav + ' to: ' + to.month + '/' + to.year);
}
</script>

</body>
</html>

3. Halaman Guru

<?php
session_start();
19

if (empty($_SESSION['username'])){
header('location:../login-guru.php');
} else {
include "../conn.php";
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Sistem Informasi Penilaian Siswa">
<meta name="author" content="">
<meta name="keyword" content="">

<title>SINIWA | Sistem Informasi Nilai Siswa</title>


<!-- Bootstrap core CSS -->
<link href="../admin/assets/css/bootstrap.css" rel="stylesheet">
<!--external css-->
<link href="../admin/assets/font-awesome/css/font-awesome.css"
rel="stylesheet" />
<link rel="stylesheet" type="text/css" href="../admin/assets/js/bootstrap-
datepicker/css/datepicker.css" />
<link rel="stylesheet" type="text/css" href="../admin/assets/js/bootstrap-
daterangepicker/daterangepicker.css" />

<!-- Custom styles for this template -->


<link href="../admin/assets/css/style.css" rel="stylesheet">
<link href="../admin/assets/css/style-responsive.css" rel="stylesheet">

<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media
queries -->
<!--[if lt IE 9]>
<script
src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script
src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->

</head>

<body>

<section id="container" >


20

<!--
******************************************************************
******************************************************************
**********************
TOP BAR CONTENT & NOTIFICATIONS

******************************************************************
******************************************************************
*********************** -->
<!--header start-->
<header class="header black-bg">
<div class="sidebar-toggle-box">
<div class="fa fa-bars tooltips" data-placement="right" data-original-
title="Toggle Navigation"></div>
</div>
<!--logo start-->
<a href="index.php" class="logo"><b>SINIWA</b></a>
<!--logo end-->

<div class="top-menu">
<ul class="nav pull-right top-menu">
<li><a class="logout" href="../logout.php" onclick="return
confirm('Apakah anda akan keluar?');">Logout</a></li>
</ul>
</div>
</header>
<!--header end-->

<!--
******************************************************************
******************************************************************
**********************
MAIN SIDEBAR MENU

******************************************************************
******************************************************************
*********************** -->
<!--sidebar start-->
<aside>
<div id="sidebar" class="nav-collapse ">
<!-- sidebar menu start-->
<ul class="sidebar-menu" id="nav-accordion">
21

<p class="centered"><a href="profile.html"><img


src="../admin/<?php echo $_SESSION['gambar']; ?>" class="img-circle"
width="60" style="border: 3px solid white;"/></a></p>
<h5 class="centered">
<?php
echo $_SESSION['nama'];
?></h5>
<?php
$timeout = 10; // Set timeout minutes
$logout_redirect_url = "../login-guru.php"; // Set logout URL

$timeout = $timeout * 60; // Converts minutes to seconds


if (isset($_SESSION['start_time'])) {
$elapsed_time = time() - $_SESSION['start_time'];
if ($elapsed_time >= $timeout) {
session_destroy();
echo "<script>alert('Session Anda Telah Habis!'); window.location =
'$logout_redirect_url'</script>";
}
}
$_SESSION['start_time'] = time();
?>
<?php } ?>

<?php include 'menu.php'; ?>

</ul>
<!-- sidebar menu end-->
</div>
</aside>
<!--sidebar end-->

<!--
******************************************************************
******************************************************************
**********************
MAIN CONTENT

******************************************************************
******************************************************************
*********************** -->
<!--main content start-->
<?php
22

$dataKelas = isset($_POST['cmbKelas']) ? $_POST['cmbKelas']


: '';
$dataPelajaran = isset($_POST['cmbPelajaran']) ? $_POST['cmbPelajaran']
: '';
$dataSemester = isset($_POST['cmbSemester']) ? $_POST['cmbSemester']
: '';

# Filter Data Nilai berdasarkan Combo yang dipilih


$filterSQL = "";
if(isset($_POST['btnPilih1'])) {
$filterSQL = " WHERE nilai.kode_kelas = '$dataKelas'";
}
elseif(isset($_POST['btnPilih2'])) {
$filterSQL = " WHERE nilai.kode_kelas = '$dataKelas' AND
nilai.kode_pelajaran = '$dataPelajaran'";
}
elseif(isset($_POST['btnPilih3'])) {
$filterSQL = " WHERE nilai.kode_kelas = '$dataKelas' AND
nilai.kode_pelajaran = '$dataPelajaran' AND nilai.semester = '$dataSemester'";
}
else {
$filterSQL = "";
}
?>
<section id="main-content">
<section class="wrapper">
<h3><i class="fa fa-angle-right"></i> Nilai &raquo; Data Nilai
Siswa</h3><br /><br />
<div class="row mt">
<div class="col-lg-4">
<form action='<?php $_SERVER['PHP_SELF']; ?>' target="_self"
method="POST">
<div class="form-group">
<label class="col-sm-2 col-sm-2 control-label">Pilih
Kelas</label>
<div class="col-sm-10">
<select name="cmbKelas" id="cmbKelas" class="form-
control" required />
<option> ---- Pilih Salah Satu ---- </option>
<?php
$dataQry = mysql_query("SELECT * FROM
kelas ORDER BY tahun_ajar");
while ($dataRow =
mysql_fetch_array($dataQry)) {
23

if ($dataRow['kode_kelas'] == $dataKelas) {
$cek = " selected";
} else { $cek=""; }
echo "<option
value='$dataRow[kode_kelas]' $cek>$dataRow[kelas] | $dataRow[nama_kelas] (
$dataRow[tahun_ajar] )</option>";
}
?>
</select><br />
<input name="btnPilih1" type="submit" class="btn btn-sm
btn-primary" value="Pilih &raquo" />
<a href="nilai.php" class="btn btn-sm btn-warning"> Refresh
</a>
</div>
</div>
</div>
</div>
<br />
<!-- BASIC FORM ELELEMNTS -->
<div class="row mt">
<div class="col-lg-12">
<div class="panel panel-success">
<div class="panel-heading">
<h3 class="panel-title"><i class="fa fa-user"></i> Data Siswa
</h3>
</div>
<div class="panel-body">
<div class="table-responsive">
<table class="table table-bordered table-hover table-striped
tablesorter">

<tr>
<th>No </th>
<th>NIS </th>
<th>Nama Siswa </th>
<th>Jurusan </th>
<th>SMT </th>
<th>SK 1 </th>
<th>SK 2 </th>
<th>ABSEN </th>
<th>UTS </th>
<th>UAS </th>
<th>Tools </th>
24

</tr>
<?php
$myQry = mysql_query("SELECT nilai.*, pelajaran.nama_pelajaran,
siswa.nama_siswa, siswa.nis, kelas_siswa.jurusan FROM nilai
LEFT JOIN pelajaran ON nilai.kode_pelajaran =
pelajaran.kode_pelajaran
LEFT JOIN siswa ON nilai.kode_siswa =
siswa.kode_siswa
LEFT JOIN kelas_siswa ON nilai.kode_siswa = kelas_siswa.kode_siswa
$filterSQL ORDER BY semester, kode_pelajaran
ASC");
$nomor = 0;
while ($myData = mysql_fetch_array($myQry)) {
$nomor++;
$Kode = $myData['id'];

?>
<tr>
<td> <?php echo $nomor; ?> </td>
<td> <?php echo $myData['nis']; ?> </td>
<td> <?php echo $myData['nama_siswa']; ?> </td>
<td> <?php echo $myData['jurusan']; ?> </td>
<td> <?php echo $myData['semester']; ?> </td>
<td> <?php echo $myData['nilai_tugas1']; ?> </td>
<td> <?php echo $myData['nilai_tugas2']; ?> </td>
<td> <?php echo $myData['nilai_tugas3']; ?> </td>
<td> <?php echo $myData['nilai_uts']; ?> </td>
<td> <?php echo $myData['nilai_uas']; ?> </td>
<td><center><a class="btn btn-sm btn-primary tooltips" data-
placement="bottom" data-original-title="Edit Nilai" href="edit-nilai.php?hal=edit-
admin&kd=<?php echo $Kode;?>"><span class="glyphicon glyphicon-
edit"></span></a>
<a class="btn btn-sm btn-danger tooltips" data-placement="bottom"
data-original-title="Hapus Nilai" href="hapus-nilai.php?hal=hapus&kd=<?php
echo $Kode;?>"><span class="glyphicon glyphicon-
trash"></a></center></td></tr>
<?php
}
?>
</tbody>
</table>
</div>
<div class="text-right">
25

<a href="input-nilai.php" class="btn btn-sm btn-warning">Input Nilai


Siswa <i class="fa fa-arrow-circle-right"></i></a>

</div>
</div>
</div>
</div><!-- col-lg-12-->
</div><!-- /row -->

</section><! --/wrapper -->


</section><!-- /MAIN CONTENT -->

<!--main content end-->


<!--footer start-->
<footer class="site-footer">
<div class="text-center">
2015 &copy; Sistem Informasi Nilai Siswa (SINIWA)
<a href="nilai.php#" class="go-top">
<i class="fa fa-angle-up"></i>
</a>
</div>
</footer>
<!--footer end-->
</section>

<!-- js placed at the end of the document so the pages load faster -->
<script src="../admin/assets/js/jquery.js"></script>
<script src="../admin/assets/js/bootstrap.min.js"></script>
<script class="include" type="text/javascript"
src="../admin/assets/js/jquery.dcjqaccordion.2.7.js"></script>
<script src="../admin/assets/js/jquery.scrollTo.min.js"></script>
<script src="../admin/assets/js/jquery.nicescroll.js"
type="text/javascript"></script>

<!--common script for all pages-->


<script src="../admin/assets/js/common-scripts.js"></script>

<!--script for this page-->


<script src="../admin/assets/js/jquery-ui-1.9.2.custom.min.js"></script>

<!--custom switch-->
26

<script src="../admin/assets/js/bootstrap-switch.js"></script>

<!--custom tagsinput-->
<script src="../admin/assets/js/jquery.tagsinput.js"></script>

<!--custom checkbox & radio-->

<script type="text/javascript" src="../admin/assets/js/bootstrap-


datepicker/js/bootstrap-datepicker.js"></script>
<script type="text/javascript" src="../admin/assets/js/bootstrap-
daterangepicker/date.js"></script>
<script type="text/javascript" src="../admin/assets/js/bootstrap-
daterangepicker/daterangepicker.js"></script>

<script type="text/javascript" src="../admin/assets/js/bootstrap-


inputmask/bootstrap-inputmask.min.js"></script>

<script src="../admin/assets/js/form-component.js"></script>

<script>
//custom select box

$(function(){
$('select.styled').customSelect();
});

</script>

</body>
</html>

4. Halaman Tambah Siswa


27

<?php

session_start();

if (empty($_SESSION['username'])){

header('location:../index.ph
p');

} else {
28

include "../conn.php";

?>

<!DOCTYPE html>

<html lang="en">

<?php include "head.php";

$query_siswa = mysql_query("SELECT * FROM siswa order by kode_siswa


desc")or die(mysql_error());

$row_siswa = mysql_fetch_array($query_siswa);

$totalrow_siswa = mysql_num_rows($query_siswa);

if ($totalrow_siswa > 0) {

$kodesiswa_terakhir = substr($row_siswa['kode_siswa'], -3);

$nourut = $kodesiswa_terakhir+1;

$isikodesiswa ="S"."00".$nourut;

}else if ($totalrow_siswa ==0){

$nourut = 1;

$isikodesiswa ="S"."00".$nourut;

?>

<body>

<section id="container" >


29

<!--
******************************************************************
******************************************************************
**********************

TOP BAR CONTENT & NOTIFICATIONS

******************************************************************
******************************************************************
*********************** -->

<!--header start-->

<?php include "header.php"; ?>

<!--header end-->

<!--
******************************************************************
******************************************************************
**********************

MAIN SIDEBAR MENU

******************************************************************
******************************************************************
*********************** -->

<!--sidebar start-->

<aside>

<div id="sidebar" class="nav-collapse ">

<!-- sidebar menu start-->

<ul class="sidebar-menu" id="nav-accordion">

<p class="centered"><a
href="profile.html"><img src="<?php echo $_SESSION['gambar']; ?>"
class="img-circle" width="60"></a></p>
30

<h5 class="centered">

<?php

echo $_SESSION['fullname'];

?></h5>

<?php

$timeout = 10; // Set timeout minutes

$logout_redirect_url = "../index.php"; // Set logout URL

$timeout = $timeout * 60; // Converts minutes to seconds

if (isset($_SESSION['start_time'])) {

$elapsed_time = time() - $_SESSION['start_time'];

if ($elapsed_time >= $timeout) {

session_destroy();

echo "<script>alert('Session Anda Telah Habis!'); window.location =


'$logout_redirect_url'</script>";

$_SESSION['start_time'] = time();

?>

<?php } ?>

<?php include 'menu.php'; ?>

</ul>

<!-- sidebar menu end-->

</div>
31

</aside>

<!--sidebar end-->

<!--
******************************************************************
******************************************************************
**********************

MAIN CONTENT

******************************************************************
******************************************************************
*********************** -->

<!--main content start-->

<section id="main-content">

<section class="wrapper">

<h3><i class="fa fa-angle-


right"></i> Siswa &raquo; Input Siswa</h3>

<!-- BASIC FORM


ELELEMNTS -->

<div class="row mt">

<div class="col-lg-
12">

<div class="form-panel">

<h4 class="mb"><i
class="fa fa-angle-right"></i> Input Siswa</h4>

<form class="form-horizontal style-form" action="insert-siswa.php"


method="post" enctype="multipart/form-data" name="form1" id="form1">

<div class="form-group">

<label class="col-sm-2 col-sm-2 control-label">Kode


Siswa</label>
32

<div class="col-sm-10">

<input name="kode_siswa" type="text" id="kode_siswa"


class="form-control" autofocus="on" value="<?php echo $isikodesiswa;?>"
readonly />

</div>

</div>

<div class="form-group">

<label class="col-sm-2 col-sm-2 control-label">NIS</label>

<div class="col-sm-10">

<input name="nis" type="text" id="nis" class="form-


control" placeholder="Nomor Induk Siswa" required />

<!--<span class="help-block">A block of help text that


breaks onto a new line and may extend beyond one line.</span>-->

</div>

</div>

<div class="form-group">

<label class="col-sm-2 col-sm-2 control-label">Nama


Siswa</label>

<div class="col-sm-10">

<input name="nama_siswa" type="text" id="nama_siswa"


class="form-control" placeholder="Nama Siswa" required />

</div>

</div>

<div class="form-group">

<label class="col-sm-2 col-sm-2 control-


label">Kelamin</label>

<div class="col-sm-10">

<select name="kelamin" id="kelamin" class="form-control"


required />
33

<option> ---- Pilih Salah Satu ---- </option>

<option value="Laki-Laki">Laki-Laki</option>

<option value="Perempuan">Perempuan</option>

</select>

</div>

</div>

<div class="form-group">

<label class="col-sm-2 col-sm-2 control-


label">Agama</label>

<div class="col-sm-10">

<select name="agama" id="agama" class="form-control"


required />

<option> ---- Pilih Salah Satu ---- </option>

<option value="Islam">Islam</option>

<option value="Kristen">Kristen</option>

<option value="Protestan">Protestan</option>

<option value="Hindu">Hindu</option>

<option value="Budha">Budha</option>

</select>

</div>

</div>

<div class="form-group">

<label class="col-sm-2 col-sm-2 control-label">Tempat


Lahir</label>

<div class="col-sm-10">
34

<input name="tempat_lahir" class="form-control"


id="tempat_lahir" type="text" placeholder="Tempat Lahir" required />

</div>

</div>

<div class="form-group">

<label class="col-sm-2 col-sm-2 control-label">Tanggal


Lahir</label>

<div class="col-sm-10">

<input name="tanggal_lahir" class="form-control"


id="tanggal_lahir" type="date" placeholder="Tanggal Lahir" required />

</div>

</div>

<div class="form-group">

<label class="col-sm-2 col-sm-2 control-


label">Alamat</label>

<div class="col-sm-10">

<textarea name="alamat" cols="100" rows="10"


id="alamat" required></textarea>

</div>

</div>

<div class="form-group">

<label class="col-sm-2 col-sm-2 control-label">No


Telepon</label>

<div class="col-sm-10">

<input name="no_telepon" class="form-control"


id="no_telepon" type="text" placeholder="No Telepon" required />
35

</div>

</div>

<div class="form-group">

<label class="col-sm-2 col-sm-2 control-label">Tahun


Angkatan</label>

<div class="col-sm-10">

<select name="tahun_angkatan" id="tahun_angkatan"


class="form-control" required />

<option> ---- Pilih Salah Satu ---- </option>

<option value="2015/2016">2015/2016</option>

<option value="2016/2017">2016/2017</option>

<option value="2017/2018">2017/2018</option>

<option value="2018/2019">2018/2019</option>

<option value="2019/2020">2019/2020</option>

</select>

</div>

</div>

<div class="form-group">

<label class="col-sm-2 col-sm-2 control-


label">Username</label>

<div class="col-sm-10">

<input name="username" class="form-control"


id="username" type="text" placeholder="username" required />

</div>

</div>

<div class="form-group">
36

<label class="col-sm-2 col-sm-2 control-


label">Password</label>

<div class="col-sm-10">

<input name="password" class="form-control"


id="password" type="text" placeholder="password" required />

</div>

</div>

<div class="form-group">

<label class="col-sm-2 col-sm-2 control-


label">Gambar</label>

<div class="col-sm-10">

<input name="nama_file" id="nama_file" type="file" />

</div>

</div>

<div class="form-group">

<label class="col-sm-2 col-sm-2 control-label"></label>

<div class="col-sm-10">

<input type="submit" value="Simpan" class="btn btn-sm


btn-primary" />&nbsp;

<a
href="input-siswa.php" class="btn btn-sm btn-danger">Batal </a>

</div>

</div>

</form>

</div>

</div><!-- col-lg-12--
>

</div><!-- /row -->


37

</section><! --
/wrapper -->

</section><!-- /MAIN CONTENT -->

<!--main content end-->

<!--footer start-->

<?php include "footer.php"; ?>

<!--footer end-->

</section>

<!-- js placed at the end of the document so the pages load faster -->

<script src="assets/js/jquery.js"></script>

<script src="assets/js/bootstrap.min.js"></script>

<script class="include" type="text/javascript"


src="assets/js/jquery.dcjqaccordion.2.7.js"></script>

<script src="assets/js/jquery.scrollTo.min.js"></script>

<script src="assets/js/jquery.nicescroll.js" type="text/javascript"></script>

<!--common script for all pages-->

<script src="assets/js/common-scripts.js"></script>

<!--script for this page-->

<script src="assets/js/jquery-ui-1.9.2.custom.min.js"></script>
38

<!--custom switch-->

<script
src="assets/js/bootstrap-switch.js"></script>

<!--custom tagsinput-->

<script
src="assets/js/jquery.tagsinput.js"></script>

<!--custom checkbox &


radio-->

<script
type="text/javascript" src="assets/js/bootstrap-datepicker/js/bootstrap-
datepicker.js"></script>

<script
type="text/javascript" src="assets/js/bootstrap-daterangepicker/date.js"></script>

<script
type="text/javascript" src="assets/js/bootstrap-
daterangepicker/daterangepicker.js"></script>

<script
type="text/javascript" src="assets/js/bootstrap-inputmask/bootstrap-
inputmask.min.js"></script>

<script src="assets/js/form-
component.js"></script>

<script>
39

//custom select box

$(function(){

$('select.styled').customSelect();

});

</script>

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

<script
type="text/javascript">

tinyMCE.init({

mode : "exact",

elements : "elm2",

theme : "advanced",

skin : "o2k7",

skin_variant : "silver",

plugins :
"safari,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,i
nsertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,
fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,inlinepopups"
,

theme_advanced_buttons1
:
"save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,j
ustifyright,justifyfull,|,styleselect,formatselect,fontselect,fontsizeselect",

theme_advanced_buttons2
:
"cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,inde
nt,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,|,insertdate,inser
ttime,preview,|,forecolor,backcolor",
40

theme_advanced_buttons3
:
"tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,me
dia,advhr,|,print,|,ltr,rtl,|,fullscreen",

theme_advanced_buttons4
:
"insertlayer,moveforward,movebackward,absolute,|,styleprops,|,cite,abbr,acronym
,del,ins,attribs,|,visualchars,nonbreaking,template,pagebreak",

theme_advanced_toolbar_l
ocation : "top",

theme_advanced_toolbar_a
lign : "left",

theme_advanced_statusbar
_location : "bottom",

theme_advanced_resizing :
true,

template_external_list_url :
"lists/template_list.js",

external_link_list_url :
"lists/link_list.js",

external_image_list_url :
"lists/image_list.js",

media_external_list_url :
"lists/media_list.js",

template_replace_values :
{

username : "Some
User",

staffid : "991234"

}
41

});

</script>

</body>

</html>

5. Halaman Tambah Guru

<?php

session_start();

if (empty($_SESSION['username'])){
42

header('location:../index.php');

} else {

include "../conn.php";

?>

<!DOCTYPE html>

<html lang="en">

<?php include "head.php";

$query_guru = mysql_query("SELECT * FROM guru order by kode_guru


desc")or die(mysql_error());

$row_guru = mysql_fetch_array($query_guru);

$totalrow_guru = mysql_num_rows($query_guru);

if ($totalrow_guru > 0) {

$kodeguru_terakhir = substr($row_guru['kode_guru'], -3);

$nourut = $kodeguru_terakhir+1;

$isikodeguru ="G"."00".$nourut;

}else if ($totalrow_guru ==0){

$nourut = 1;

$isikodeguru ="G"."00".$nourut;

?>

<body>
43

<section id="container" >

<!--
******************************************************************
******************************************************************
**********************

TOP BAR CONTENT & NOTIFICATIONS

******************************************************************
******************************************************************
*********************** -->

<!--header start-->

<?php include "header.php"; ?>

<!--header end-->

<!--
******************************************************************
******************************************************************
**********************

MAIN SIDEBAR MENU

******************************************************************
******************************************************************
*********************** -->

<!--sidebar start-->

<aside>

<div id="sidebar" class="nav-collapse ">

<!-- sidebar menu start-->

<ul class="sidebar-menu" id="nav-accordion">


44

<p class="centered"><a href="profile.html"><img src="<?php


echo $_SESSION['gambar']; ?>" class="img-circle" width="60"></a></p>

<h5 class="centered">

<?php

echo $_SESSION['fullname'];

?></h5>

<?php

$timeout = 10; // Set timeout minutes

$logout_redirect_url = "../index.php"; // Set logout URL

$timeout = $timeout * 60; // Converts minutes to seconds

if (isset($_SESSION['start_time'])) {

$elapsed_time = time() - $_SESSION['start_time'];

if ($elapsed_time >= $timeout) {

session_destroy();

echo "<script>alert('Session Anda Telah Habis!'); window.location =


'$logout_redirect_url'</script>";

$_SESSION['start_time'] = time();

?>

<?php } ?>

<?php include 'menu.php'; ?>

</ul>

<!-- sidebar menu end-->


45

</div>

</aside>

<!--sidebar end-->

<!--
******************************************************************
******************************************************************
**********************

MAIN CONTENT

******************************************************************
******************************************************************
*********************** -->

<!--main content start-->

<section id="main-content">

<section class="wrapper">

<h3><i class="fa fa-angle-right"></i> Guru &raquo; Input Guru</h3>

<!-- BASIC FORM ELELEMNTS -->

<div class="row mt">

<div class="col-lg-12">

<div class="form-panel">

<h4 class="mb"><i class="fa fa-angle-right"></i> Input


Guru</h4>

<form class="form-horizontal style-form" action="insert-guru.php"


method="post" enctype="multipart/form-data" name="form1" id="form1">

<div class="form-group">

<label class="col-sm-2 col-sm-2 control-label">Kode


Guru</label>
46

<div class="col-sm-10">

<input name="kode_guru" type="text" id="kode_guru"


class="form-control" placeholder="Isi dengan ex : G0001 dst." autofocus="on"
value="<?php echo $isikodeguru;?>" readonly />

</div>

</div>

<div class="form-group">

<label class="col-sm-2 col-sm-2 control-label">NIP</label>

<div class="col-sm-10">

<input name="nip" type="text" id="nip" class="form-


control" placeholder="Nomor Induk Pegawai" required />

<!--<span class="help-block">A block of help text that


breaks onto a new line and may extend beyond one line.</span>-->

</div>

</div>

<div class="form-group">

<label class="col-sm-2 col-sm-2 control-label">Nama


Guru</label>

<div class="col-sm-10">

<input name="nama_guru" type="text" id="nama_guru"


class="form-control" placeholder="Nama Guru" required />

</div>

</div>

<div class="form-group">

<label class="col-sm-2 col-sm-2 control-label">Jenis


Kelamin</label>

<div class="col-sm-10">

<select name="kelamin" id="kelamin" class="form-control"


required />
47

<option> ---- Pilih Salah Satu ---- </option>

<option value="Laki-Laki">Laki-Laki</option>

<option value="Perempuan">Perempuan</option>

</select>

</div>

</div>

<div class="form-group">

<label class="col-sm-2 col-sm-2 control-


label">Pelajaran</label>

<div class="col-sm-10">

<select name="pelajaran" id="pelajaran" class="form-


control" required />

<option> ---- Pilih Salah Satu ---- </option>

<?php

$sql = mysql_query("SELECT * FROM pelajaran order by


nama_pelajaran asc ");

if(mysql_num_rows($sql) != 0){

while($data = mysql_fetch_assoc($sql)){

echo '<option
value='.$data['kode_pelajaran'].'>'.$data['nama_pelajaran'].'</option>'; }

?>

</select>

</div>
48

</div>

<div class="form-group">

<label class="col-sm-2 col-sm-2 control-


label">Alamat</label>

<div class="col-sm-10">

<textarea name="alamat" cols="100" rows="10"


id="alamat" required></textarea>

</div>

</div>

<div class="form-group">

<label class="col-sm-2 col-sm-2 control-label">No


Telepon</label>

<div class="col-sm-10">

<input name="no_telepon" class="form-control"


id="no_telepon" type="text" placeholder="No Telepon" required />

</div>

</div>

<div class="form-group">

<label class="col-sm-2 col-sm-2 control-


label">Username</label>

<div class="col-sm-10">

<input name="username" class="form-control"


id="username" type="text" placeholder="username" required />

</div>

</div>

<div class="form-group">
49

<label class="col-sm-2 col-sm-2 control-


label">Password</label>

<div class="col-sm-10">

<input name="password" class="form-control"


id="password" type="text" placeholder="password" required />

</div>

</div>

<div class="form-group">

<label class="col-sm-2 col-sm-2 control-


label">Gambar</label>

<div class="col-sm-10">

<input name="nama_file" id="nama_file" type="file" />

</div>

</div>

<div class="form-group">

<label class="col-sm-2 col-sm-2 control-label"></label>

<div class="col-sm-10">

<input type="submit" value="Simpan" class="btn btn-sm


btn-primary" />&nbsp;

<a href="input-guru.php" class="btn btn-sm btn-


danger">Batal </a>

</div>

</div>

</form>

</div>

</div><!-- col-lg-12-->

</div><!-- /row -->


50

</section><! --/wrapper -->

</section><!-- /MAIN CONTENT -->

<!--main content end-->

<!--footer start-->

<?php include "footer.php"; ?>

<!--footer end-->

</section>

<!-- js placed at the end of the document so the pages load faster -->

<script src="assets/js/jquery.js"></script>

<script src="assets/js/bootstrap.min.js"></script>

<script class="include" type="text/javascript"


src="assets/js/jquery.dcjqaccordion.2.7.js"></script>

<script src="assets/js/jquery.scrollTo.min.js"></script>

<script src="assets/js/jquery.nicescroll.js" type="text/javascript"></script>

<!--common script for all pages-->

<script src="assets/js/common-scripts.js"></script>

<!--script for this page-->

<script src="assets/js/jquery-ui-1.9.2.custom.min.js"></script>

<!--custom switch-->
51

<script src="assets/js/bootstrap-switch.js"></script>

<!--custom tagsinput-->

<script src="assets/js/jquery.tagsinput.js"></script>

<!--custom checkbox & radio-->

<script type="text/javascript" src="assets/js/bootstrap-


datepicker/js/bootstrap-datepicker.js"></script>

<script type="text/javascript" src="assets/js/bootstrap-


daterangepicker/date.js"></script>

<script type="text/javascript" src="assets/js/bootstrap-


daterangepicker/daterangepicker.js"></script>

<script type="text/javascript" src="assets/js/bootstrap-


inputmask/bootstrap-inputmask.min.js"></script>

<script src="assets/js/form-component.js"></script>

<script>

//custom select box

$(function(){

$('select.styled').customSelect();

});
52

</script>

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

<script type="text/javascript">

tinyMCE.init({

mode : "exact",

elements : "elm2",

theme : "advanced",

skin : "o2k7",

skin_variant : "silver",

plugins :
"safari,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,i
nsertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,
fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,inlinepopups"
,

theme_advanced_buttons1 :
"save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,j
ustifyright,justifyfull,|,styleselect,formatselect,fontselect,fontsizeselect",

theme_advanced_buttons2 :
"cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,inde
nt,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,|,insertdate,inser
ttime,preview,|,forecolor,backcolor",

theme_advanced_buttons3 :
"tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,me
dia,advhr,|,print,|,ltr,rtl,|,fullscreen",

theme_advanced_buttons4 :
"insertlayer,moveforward,movebackward,absolute,|,styleprops,|,cite,abbr,acronym
,del,ins,attribs,|,visualchars,nonbreaking,template,pagebreak",

theme_advanced_toolbar_location : "top",

theme_advanced_toolbar_align : "left",
53

theme_advanced_statusbar_location : "bottom",

theme_advanced_resizing : true,

template_external_list_url : "lists/template_list.js",

external_link_list_url : "lists/link_list.js",

external_image_list_url : "lists/image_list.js",

media_external_list_url : "lists/media_list.js",

template_replace_values : {

username : "Some User",

staffid : "991234"

});

</script>

</body>

</html>

6. Halaman Input Nilai


54

<?php

session_start();

if (empty($_SESSION['username'])){

header('location:../index.php');

} else {

include "../conn.php";

?>

<!DOCTYPE html>
55

<html lang="en">

<?php include "head.php"; ?>

<body>

<section id="container" >

<!--
******************************************************************
******************************************************************
**********************

TOP BAR CONTENT & NOTIFICATIONS

******************************************************************
******************************************************************
*********************** -->

<!--header start-->

<?php include "header.php" ?>

<!--header end-->

<!--
******************************************************************
******************************************************************
**********************

MAIN SIDEBAR MENU

******************************************************************
******************************************************************
*********************** -->

<!--sidebar start-->

<aside>

<div id="sidebar" class="nav-collapse ">

<!-- sidebar menu start-->


56

<ul class="sidebar-menu" id="nav-accordion">

<p class="centered"><a
href="profile.html"><img src="<?php echo $_SESSION['gambar']; ?>"
class="img-circle" width="60"></a></p>

<h5 class="centered">

<?php

echo $_SESSION['fullname'];

?></h5>

<?php

$timeout = 10; // Set timeout minutes

$logout_redirect_url = "../index.php"; // Set logout URL

$timeout = $timeout * 60; // Converts minutes to seconds

if (isset($_SESSION['start_time'])) {

$elapsed_time = time() - $_SESSION['start_time'];

if ($elapsed_time >= $timeout) {

session_destroy();

echo "<script>alert('Session Anda Telah Habis!'); window.location =


'$logout_redirect_url'</script>";

$_SESSION['start_time'] = time();

?>

<?php } ?>

<?php include 'menu.php'; ?>


57

</ul>

<!-- sidebar menu end-->

</div>

</aside>

<!--sidebar end-->

<!--
******************************************************************
******************************************************************
**********************

MAIN CONTENT

******************************************************************
******************************************************************
*********************** -->

<!--main content start-->

<section id="main-content">

<section class="wrapper">

<h3><i class="fa fa-angle-right"></i> Nilai


&raquo; Input Nilai Siswa </h3>

<!-- BASIC FORM ELELEMNTS -->

<div class="row mt">

<div class="col-lg-12">

<div class="form-panel">

<h4 class="mb"><i class="fa fa-angle-


right"></i> Data Pelajaran </h4>
58

<form class="form-horizontal style-form" action="insert-nilai.php"


method="post" enctype="multipart/form-data" name="form1" id="form1">

<div class="form-group">

<label class="col-sm-2 col-sm-2 control-


label">Semester</label>

<div class="col-sm-10">

<select name="semester" id="semester" class="form-control"


required />

<option value="kosong (semester tidak di pilih)"> ---- Pilih


Salah Satu ---- </option>

<option value="1">1 - Ganjil</option>

<option value="2">2 - Genap</option>

</select>

</div>

</div>

<div class="form-group">

<label class="col-sm-2 col-sm-2 control-label">Guru


Pengajar</label>

<div class="col-sm-10">

<select name="kode_guru" id="kode_guru" class="form-


control" required />

<option> ---- Pilih Salah Satu ---- </option>

<?php

$sql = mysql_query("SELECT * FROM guru ORDER BY


kode_guru ASC");

if(mysql_num_rows($sql) != 0){

while($data = mysql_fetch_assoc($sql)){

echo '<option
value='.$data['kode_guru'].'>'.$data['nama_guru'].'</option>'; }
59

?>

</select>

</div>

</div>

<div class="form-group">

<label class="col-sm-2 col-sm-2 control-


label">Pelajaran</label>

<div class="col-sm-10">

<select name="kode_pelajaran" id="kode_pelajaran"


class="form-control" required />

<option> ---- Pilih Salah Satu ---- </option>

<?php

$sql = mysql_query("SELECT * FROM pelajaran ORDER


BY kode_pelajaran ASC");

if(mysql_num_rows($sql) != 0){

while($data = mysql_fetch_assoc($sql)){

echo '<option
value='.$data['kode_pelajaran'].'>'.$data['nama_pelajaran'].'</option>'; }

?>

</select>

</div>

</div>

<h4 class="mb"><i class="fa fa-angle-right"></i> Data


Siswa</h4>

<div class="form-group">
60

<label class="col-sm-2 col-sm-2 control-label">Kelas</label>

<div class="col-sm-10">

<select name="kode_kelas" id="kode_kelas" class="form-


control" required />

<option> ---- Pilih Salah Satu ---- </option>

<?php

$sql = mysql_query("SELECT * FROM kelas ORDER BY


tahun_ajar ASC");

if(mysql_num_rows($sql) != 0){

while($data = mysql_fetch_assoc($sql)){

echo '<option value='.$data['kode_kelas'].'>'.$data['kelas'].'


| '.$data['nama_kelas'].' | '.$data['tahun_ajar'].'</option>';

$data['kode_kelas'] = $dataKelas;}

?>

</select>

</div>

</div>

<div class="form-group">

<label class="col-sm-2 col-sm-2 control-label">Nama


Siswa</label>

<div class="col-sm-10">

<select name="kode_siswa" id="kode_siswa" class="form-


control" required />

<option> ---- Pilih Salah Satu ---- </option>

</select>
61

</div>

</div>

<h4 class="mb"><i class="fa fa-angle-right"></i> Input


Nilai</h4>

<div class="form-group">

<label class="col-sm-2 col-sm-2 control-label"> Nilai Tugas


1</label>

<div class="col-sm-10">

<input type="text" name="nilai_tugas1" id="nilai_tugas1"


placeholder="Nilai Tugas 1" class="form-control" required="required"/>

</div>

</div>

<div class="form-group">

<label class="col-sm-2 col-sm-2 control-label"> Nilai Tugas


2</label>

<div class="col-sm-10">

<input type="text" name="nilai_tugas2" id="nilai_tugas2"


placeholder="Nilai Tugas 2" class="form-control" required="required" />

</div>

</div>

<div class="form-group">

<label class="col-sm-2 col-sm-2 control-label">Nilai


Absen</label>

<div class="col-sm-10">

<input type="text" name="nilai_tugas3" id="nilai_tugas3"


placeholder="Nilai Absen" class="form-control" required="required" />

</div>

</div>

<div class="form-group">
62

<label class="col-sm-2 col-sm-2 control-label"> Nilai


UTS</label>

<div class="col-sm-10">

<input type="text" name="nilai_uts" id="nilai_uts"


placeholder="Nilai UTS" class="form-control" required="required" />

</div>

</div>

<div class="form-group">

<label class="col-sm-2 col-sm-2 control-label"> Nilai


UAS</label>

<div class="col-sm-10">

<input type="text" name="nilai_uas" id="nilai_uas"


placeholder="Nilai UAS" class="form-control" required="required" />

</div>

</div>

<div class="form-group">

<label class="col-sm-2 col-sm-2 control-label"></label>

<div class="col-sm-10">

<input type="submit" value="Simpan" class="btn btn-sm


btn-primary" />&nbsp;

<a href="input-nilai.php"
class="btn btn-sm btn-danger">Batal </a>

</div>

</div>

</form>

</div>

</div><!-- col-lg-12-->

</div><!-- /row -->


63

</section><!--/wrapper -->

</section><!-- /MAIN CONTENT -->

<!--main content end-->

<!--footer start-->

<?php include "footer.php"; ?>

<!--footer end-->

</section>

<!-- js placed at the end of the document so the pages load faster -->

<script src="assets/js/jquery.js"></script>

<script src="assets/js/bootstrap.min.js"></script>

<script class="include" type="text/javascript"


src="assets/js/jquery.dcjqaccordion.2.7.js"></script>

<script src="assets/js/jquery.scrollTo.min.js"></script>

<script src="assets/js/jquery.nicescroll.js" type="text/javascript"></script>

<!--common script for all pages-->

<script src="assets/js/common-scripts.js"></script>

<!--script for this page-->

<script src="assets/js/jquery-ui-1.9.2.custom.min.js"></script>
64

<!--custom switch-->

<script src="assets/js/bootstrap-
switch.js"></script>

<!--custom tagsinput-->

<script
src="assets/js/jquery.tagsinput.js"></script>

<!--custom checkbox & radio-->

<script type="text/javascript"
src="assets/js/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>

<script type="text/javascript"
src="assets/js/bootstrap-daterangepicker/date.js"></script>

<script type="text/javascript"
src="assets/js/bootstrap-daterangepicker/daterangepicker.js"></script>

<script type="text/javascript"
src="assets/js/bootstrap-inputmask/bootstrap-inputmask.min.js"></script>

<script src="assets/js/form-
component.js"></script>

<script>

//custom select box

$(function(){
65

$('select.styled').customSelect();

});

</script>

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

<script type="text/javascript">

tinyMCE.init({

mode : "exact",

elements : "elm2",

theme : "advanced",

skin : "o2k7",

skin_variant : "silver",

plugins :
"safari,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,i
nsertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,
fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,inlinepopups"
,

theme_advanced_buttons1 :
"save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,j
ustifyright,justifyfull,|,styleselect,formatselect,fontselect,fontsizeselect",

theme_advanced_buttons2 :
"cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,inde
nt,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,|,insertdate,inser
ttime,preview,|,forecolor,backcolor",

theme_advanced_buttons3 :
"tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,me
dia,advhr,|,print,|,ltr,rtl,|,fullscreen",

theme_advanced_buttons4 :
"insertlayer,moveforward,movebackward,absolute,|,styleprops,|,cite,abbr,acronym
,del,ins,attribs,|,visualchars,nonbreaking,template,pagebreak",
66

theme_advanced_toolbar_location : "top",

theme_advanced_toolbar_align : "left",

theme_advanced_statusbar_location :
"bottom",

theme_advanced_resizing : true,

template_external_list_url :
"lists/template_list.js",

external_link_list_url : "lists/link_list.js",

external_image_list_url : "lists/image_list.js",

media_external_list_url : "lists/media_list.js",

template_replace_values : {

username : "Some User",

staffid : "991234"

});

</script>

<script src="https://code.jquery.com/jquery-1.9.1.min.js"></script>

<script
src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

<script type="text/javascript">

$("#kode_kelas").on("change",function(){

var pilih_kelas = this.value;


67

var combobox_item =
"http://seminar.dev/admin/ambilsiswa.php?kode_kelas="+pilih_kelas;

$("#kode_siswa").load(combobox_item);

})

$("#kode_guru").on("change",function(){

var pilih_guru = this.value;

var combobox_item2 =
"http://seminar.dev/admin/ambilsiswa.php?kode_guru="+pilih_guru;

$("#kode_pelajaran").load(combobox_item2);

})

</script>

</body>

</html>

Anda mungkin juga menyukai