TUGAS AKHIR
Oleh :
Oleh:
Pembimbing I Pembimbing II
Mengetahui,
Pembantu Direktur I
Mukfid, M.Kom.
NIDN. 04-0711-6902
i
Motto:
waktu.
ii
ABSTRAK
iii
DAFTAR RIWAYAT HIDUP
Agama : Islam
Kec.Indramayu - Indramayu
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
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.
3. Bapak Hadi Santosa, SE. MM. Selaku Direktur AMIK Purnama Niaga
Indramayu.
4. Semua Dosen di kampus AMIK Purnama Niaga Indramayu yang tidak bisa
5. Ibu, dan saudara-saudaraku yang telah telah memberikan dukungan serta do’a
v
6. Kawan-kawan di kampus AMIK Purnama Niaga Indramayu yang selalu
7. Semua pihak yang tidak dapat penulis sebutkan satu persatu yang telah
Dengan disusunnya Tugas Akhir ini, semoga dapat memberikan manfaat bagi
Penulis menyadari dalam penyusunan Tugas Akhir ini masih jauh dari
kesempurnaan, oleh karena itu penulis harapkan kritik dan saran yang membangun
Penulis
vi
DAFTAR ISI
vii
2.2.3 Sistem Informasi Manajemen ............................................................. 14
2.5.3 Javascript........................................................................................... 37
viii
2.6.1 XAMPP .............................................................................................. 39
3.1.3 Misi.................................................................................................... 42
ix
DAFTAR TABEL
x
DAFTAR GAMBAR
Gambar 2.2 Hirarki data hingga tersusun suatu basis data .............................................. 27
xi
Gambar 3.20 Halaman tambah data pelajaran ................................................................ 71
xii
1
BAB I
PENDAHULUAN
dilihat dari pengguna teknologi informasi yang dahulu hanya digunakan perusahaan
dimana suatu sistem yang biasa dilakukan secara manual, kini sistem tersebut dapat
( online ) tentang pengolahan nilai siswa, sehingga para orang tua murid dapat terus
atau sistem informasi pengolah nilai dari tempat mereka bekerja ataupun dirumah
jika orang tua siswa memiliki akses internet. maka SMK Negeri 1 Sindang
Selain itu dalam proses penilaian yang dilakukan oleh SMK Negeri 1 Sindang
pengumpulan nilai ke waka kurikulum terkadang ada file atau data yang hilang dan
adanya Sistem Informasi Penilaian Siswa yang akan dibuat ini dapat menyelesaikan
2. Pendaftaran siswa dengan menginputkan data siswa mulai dari nama, tanggal
4. Pengolahan Nilai dilakukan oleh admin sistem selaku wakil kepala sekolah
5. Prose penempatan siswa kedalam kelas dilakukan oleh admin sistem, dalam
Berdasarkan ruang lingkup di atas maka tujuan dari manfaat penulisan ini
1. Agar proses pengolahan nilai di SMK Negeri 1 Sindang lebih efektif dan
efisien.
anaknya di sekolah.
diantaranya melalui:
1. Wawancara
Negeri 1 Sindang, dan juga untuk mengetahui kebutuhan dari pihak sekolah
2. Observasi
3. Studi Pustaka
Pengumpulan data sebagai referensi pembuatan aplikasi, data ini didapat dari
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.
BAB 1 PENDAHULUAN
penulisan.
Web ini.
implementasinya.
BAB IV PENUTUP
Bab ini berisi penutup yang berisi kesimpulan dan saran dari pembuatan
aplikasi ini
5
BAB II
LANDASAN TEORI
yaitu sistem yang lebih menekankan prosedur dan elemennya. Penekanan sistem
pada prosedur,didefinisikan menurut pendapat Jeny Fitz Gerald yang dikutip oleh
menurut Davis ( 1985 )yang dikutip oleh (Al-Bahra bin Ladjamudin.B, 2005:3)
5
6
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 :
Penggambaran dari suatu elemen atau unsur mana yang termasuk di dalam
2. Lingkungan ( Environment )
Sumber daya (data, bahan baku, peralatan, energi) dari lingkungan yang
komputer, barang jadi) yang disediakan untuk lingkungan sistem oleh kegiatan
input menjadi bentuk setengah jadi (Output). Komponen ini bisa merupakan
berinteraksi.
7. Penyimpanan ( Storage )
Area yang dikuasai dan digunakan untuk penyimpanan sementara dan tetap dari
tingkatan yang ada dan memungkinkan komponen yang berbeda dari berbagai
kesatuan nyata.Kejadian adalah sesuatu yang terjadi pada saat tertentu. Kesatuan
nyata ( Fact and Entity ) adalah berupa suatu objek nyata seperti tempat, benda,
Sumber dari informasi adalah data. Alat pengolah informasi dapat meliputi
“Informasi adalah data yang telah diolah menjadi bentuk yang lebih berarti
“Informasi adalah data yang telah diolah menjadi bentuk yang lebih berarti
bagi penerimanya.”
memiliki nilai tambah, makna dan berguna bagi penggunanya. Kegunaan informasi
1. Kualitas Informasi
terhadap kenyataan kejadian masa lalu, kejadian hari ini, dan kejadian yang
merah relevansi kejadian masa lalu, hari ini, dan masa depan sebagai sebuah
bentuk aktivitas yang kongkrit dan mampu dilaksanakan dan dibuktikan oleh
siapa saja.
romantis), namun mampu memberikan makna dan hasil yang mendalam atau
2. Nilai Informasi
Nilai sebuah informasi ditentukan dari dua hal yaitu manfaat dan biaya untuk
dapat diperoleh.
keluaran informasi.
f. Kejelasan, sifat ini menunjukan tingkat keluaran informasi yang bebas dari
g. Keluwesan, sifat ini berhubungan dengan lebih dari suatu keputusan, tetapi
dipertimbangkan sebelumnya.
j. Dapat diukur, sifat ini menunjukan hakikat informasi yang dihasilkan sistem
informasi formal.
3. Siklus Informasi
menghasilkan informasi.
Ada tiga hal yang penting dalam informasi yaitu merupakan hasil pengolahan
1. Blok Masukan
Input mewakili data yang masuk kedalam sistem informasi ataupun metode-
memanipulasi data input dan data yang tersimpan dalam basis dan dengan cara
2. Blok keluaran
3. Blok Teknologi
secara keseluruhan.
Kumpulan dari data yang saling berhubungan satu dengan yang lannya,
memanipulasinya.
5. Blok Kendali
Pengendalian yang perlu dirancang dan ditetapkan untuk dapat menghindari hal-
hal yang dapat merusak sistem,atau bila telah terjadi kesalahan dapat langsung
diatasi.
berikut :
Sugiyanto Wiryoputro,2008:2)
Dari pengertian di atas dapat disimpilkan bahwa manajemen adalah ilmu dan
serta benda dalam suatu organisasi agar tercapai tujuan organisasi secara efektif dan
efisien.
1. Men
2. Money
3. Materials
4. Machines, dan
5. Methods
1. Planning
selanjutnya.
2. Organizing
3. Actuating
14
4. Controlling
telah ditentukan.
mengemukakan bahwa :
serupa.”
adalah sebuah sistem manusia dan mesin yang terintegrasi dalam menyediakan
tindakan dalam sebuah organisasi sistem tersebut. Tujuan utama sistem informasi
dari hierarki manajemen puncak yang bertanggung jawab atas keberhasilan atau
15
yang hanya bertanggung jawab atas operasi sehari – hari dari departemen tertentu.
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
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
menguasai bidang komputer untuk mengerti sistem yang akan dikerjakan atau
Kamus data yaitu dokumen yang berisi penjelasan mengenai data-data pada
“Kamus data (Data Dictionary) suatu penjelasan tertulis mengenai data yang
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
7. Volume : menunjukan volume rata-rata dan volume puncak dari arus data.
Diagram E-R atau disebut juga ERD digunakan untuk menggambarkan secara
sistematis hubungan antar entity-entity yang ada dalam suatu sistem database
Simbol Keterangan
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
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.
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
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
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,
a) Agregasi
dengan suatu kumpulan entitas. Caranya yaitu dengan membuat sebuah relasi
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
b) Entitas Kuat
Entitas kuat adalah entitas yang memiliki primary key. Karena entitas ini
entitas lainnya.
c) Entitas Lemah
Entitas lemah adalah entitas yang tidak memiliki primary key. Sehingga
2.3.5 Normalisasi
untuk mencegah penciptaan struktur tabel yang kurang fleksibel atau mengurangi
ketidakefisienan.
Adapun difinisi dari normalisasi menurut E.F. Codd yang dikutip oleh
data relasional, dan secara umum lebih tepat dikoneksikan dengan model
data logika”.
Bentuk ini merupakan kumpulan data yang akan direkam, tidak ada
keharusan mengikuti format tertentu, dapat saja tidak lengkap atau terduplikasi.
Suatu relasi dikatakan dalam bentuk normal pertama jika dan hanya jika setiap
Suatu relasi berada bentuk normal kedua jika dan hanya jika :
primer.
b. Setiap atribut bukan kunci tidak memiliki dependensi transitif terhadap kunci
primer.
Suatu relasi Bentuk normal Boyce-Codd jika dan hanya jika semua penentu
b. Telah berada pada BCNF dan tidak mengandung dua atribut atau lebih yang
bernilai banyak.
Relasi antar tabel adalah gambaran tentang hubungan yang terjadi antar tabel
– table yang akan digunakan dalam program aplikasi pemecahan dari flat file yang
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
dengan simbol-simbol yang ada pada Data Flow Diagram (DFD), hanya saja
adalah sekumpulan data yang saling berelasi dan satu set program yang di gunakan
dianalogikan sebagai kabinet atau alamari file elektronik tempat penyimpanan file-
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
Basis data terdiri atas dua kata, yaitu basis dan data. Basis bisa diartikan
adalah representasi fakta dunia nyata yang mewakili suatu objek manusia (pegawai,
sebagainya yang direkam dalam bentuk angka, simbol,teks, gambar, bunyi atau
kombinasinya.
Menurut pendapat James Martin (1975) yang dikutip oleh (Edhy Sutanta,
“Basis Data yaitu suatu kumpulan data terhubung yang disimpan secara
bersama – sama pada suatu media,tanpa mengatap satu sama lain atau tidak
26
Pengguna sistem basis data bisa melakukan berbagai operasi, antara lain
2. Mengosongkan berkas
Setiap basis data berisi atau dari sejumlah objek basis data (koleksi data).
Disamping berisi atau menyimpan data, setiap basis data juga mengandung definisi
adalah kemudahan dan kecepatan dalam pengambilan data atau arsip.Yang sangat
pengorganisian data yang akan kita simpan sesuai fungsi dan jenisnya.
dalam sebuah hierarki, mulai dari yang paling sederhana hingga paling kompleks.
27
1. Sistem basis data, merupakan sekumpulan subsistem yang terdiri atas basis data
mendukungnya.
memiliki hubungan antar record dan rincian data terhadap objek tertentu.
3. File, merupakan sekumpulan record sejenis secara relasi yag tersimpan dalam
a. Fixed length record, semua field dalam record memiliki ukuran yang tetap.
b. Variable length record, field dalam record dapat memiliki ukuran berbeda.
a. Fixed length field, memiliki ukuran tetap (harus disediakan ukuran terbesar
7. Byte, adalah bagian terkecil yang dialamatkan dalam memori. Byte merupakan
sekumpulan bit yang secara konvensional terdiri atas kombinasi 8 bit binner
8. Bit, adalah sistem binner yang terdiri atas dua macam nilai,
yaitu 0 dan 1. Sistem biner merupakan dasar yang dapat digunakan untuk
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,
b. File induk dinamik ( dynamic master file ) : file induk yang nilai record-
transaksi penjualan.
File yang digunakan untuk merekam data hasildari suatu transaksi yang terjadi.
File yang berisi data masalalu yang sudah tidak aktif lagi, tetapi masih disimpan
File pelindung merupakan salinan dari beberapa file yang masih aktif di database
pada saat tertentu dan digunakan sebagai cadangan bila file database yang aktif
File kerja dibuat oleh suatu proses program secara sementara karena memori
Dalam pembuatan suatu sistem yang berbasis database mesti tidak akan lepas
dari beberapa perintah SQL. SQL merupakan bahasa standar untuk suatu
pengolahan database .
Berikut adalah perintah –perintah yang sering digunakan san ditemui dalam
a. Select
select.
Contoh :
b. Insert
c. Update
31
Contoh :
a. Operator aritmatika
Operator Keterangan
+ Penjumlahan
- Pengurangan
* Perkalian
/ Pembagian
b. Operator Logika
Operator Keterangan
AND Dan
OR Atau
NOT Tidak
32
c. Operator perbandingan
Operator Keterangan
= Sama dengan
d. Operator karakter
Operator Keterangan
% Sembarang karakter
Operator Keterangan
e. Operator lain
Operator Keterangan
IN Penjumlahan
BERWEEN Pengurangan
2.4.5 MySQL
Query Language (SQL). SQL adalah bahasa standar yang digunakan untuk
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).
besar,dengan jumlah record lebih dari 60.000 tabel dan sekitar 5 milyar
tabelnya.
c. Connectivity
d. Localization
e. Interface
Programming Interface).
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
2.5.1 HTML
Menurut Edy Winarno, dalam bukunya yang berjudul Desain Web Responsif
dilakukan oleh banyak orang di banyak negara dan bisa dikatakan sebagai
Dokumen HTML adalah sebuah dokumen teks murni yang dapat dibuat
dengan editor web sembarang, seperti Notpad. Dokumen ini akan dieksekusi oleh
suatu dokumen yang sesuai dengan keinginan seorang designer atau programmer
web.
standar internet.
36
fly yang dieksekusi di server web, dokumen HTML yang dihasilkan dari
editor teks atau editor HTML, dikenal juga sebagai bahasa pemrograman
server side”.
untuk menerima input melalui form yang ditampilkan dalam browser wen. Akan
tetapi saat ini singkatan dari PHP Hypertext PrepricessorI. Sebuah singkatan
Ketika dibuat pertama kali di tahun 1994 oleh Rasmus, PHP hanya
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
ekstensi dan fungsi dari berbagi library pihak ketiga. PHP dapat dijalankan di
banyak server:
2.5.3 JavaScript
JavaScript adalah bahasa Script yang ditempelkan pada kode HTML dan
dikirim ke server.
karena kode programnya sudah mirip dengan bahasa inggris sehari – hari. Dalam
dasar seeprti alokasi memory, register, garbage collection, dan hal teknis lain yang
javascript tidak hanya berjalan di sisi client, tapi juga bisa berjalan di sisi server
seperti PHP.
38
Dengan CSS, pekerjaan pengaturan style banyak dokumen bisa sangat mudah
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
HTML, menangani event, animasi, efek, dan memproses interaksi ajax. jQuery
dilakukan JQuery:
ditulis dengan rangkaian Document Object Model (DOM) dan di tempat pada
JQuery menawarkan kemudahan dan kekuatan dalam memilih cra kerja untuk
memperbaiki bagian dari sebuah dokumen yang telah di buka atau yang sudah
dimanipulasi.
ketika terjadi kesalahan dalam dokumen, tetapi hal ini dapat sedikit menurun
JQuery juga dapat mengubah keles dan tipe dari keinginan individu yang
kesalahan.
penghapusan.
2.6.1 XAMPP
server web PHP dan database MySQL yang paling popular dikalangan
databasenya”.
Sublime Text adalah aplikasi editor untuk kode dan teks yang dapat berjalan
Terciptanya aplikasi ini terinspirasi dari aplikasi Vim, Aplikasi ini sangatlah
source dan juga aplikasi yang dapat digunakan dan didapatkan secara gratis, akan
merupakan hasil dari temuan dan mendapat dukungan penuh dari komunitas serta
Dylan, Erlang, HTML, Groovy, Haskell, Java, JavaScript, LaTeX, Lisp, Lua,
Markdown, MATLAB, OCaml, Perl, PHP, Python, R, Ruby, SQL, TCL, Textile dan
PEMBAHASAN
Nasional yang memiliki tanggung jawab yang besar atas kemajuan bangsa
diseluruh pelosok tanah air, semua pendidikan kejuruan untuk membekali siswa
sekolah yang berstandar nasional pada tahun 2008. SMK Negeri 1 Sindang di
resmikan pada tanggal 18 November 2003 oleh direktur dikmenjur, Depdiknas yang
membuka program Keahlian Teknik Melanik Otomoif dan Tata Busana. Sambutan
mengadakan seleksi pada tanggal 12 Juli 2004 sebagai harapan SMK Negeri 1
41
42
3.1.2 Visi
- Membentuk sumber daya manusia (SDM) Yang religius, handal, unggul dan
3.1.3 Misi
sarana dan prasarana untuk menghasilkan tenaga kerja yang kompeten dan
mandiri.
imtaq
- Memperluas kerja sama dengan dunia usaha / dunia industri yang terkait.
43
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.
Kepala Sekolah
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
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
nilai yang didapat dari waka kurikulum untuk dijadikan nilai akhir berupa rapot.
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
Dari penjelasan Flow Of Document pada sistem yang sedang berjalan yang
sudah digambarkan penerapannya cukup baik, akan tetapi lebih baik jika sistem
Sistem yang sedang berjalan pada SMKN 1 Sindang saat ini masih
menggunakan sistem manual. Dan terkadang masih ada kesalahan yang terjadi
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
berikut :
sistem.
3) Admin mencetak data login guru yang digunakan untuk proses login guru
dihalaman guru.
sekolah.
48
1) Staff tata usaha menyiapkan data kelas untuk diberikan kepada admin
3) Admin melakukan proses cetak laporan data kelas untuk diberikan kepada
kepala sekolah.
49
1) Guru memberikan data nilai siswa berupa nilai tugas, nilai absen, nilai
2) Admin melakukan proses input data nilai ke dalam sistem dan disimpan
di database
sistem
4) Admin memberikan laporan data nilai kepada siswa dan kepala sekolah
1) Diagram Konteks
siswa, dimana terdapat tiga entitas eksternal yaitu siswa, guru, dan kepala sekolah
2) 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
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
dikembalikan pada proses 1.2 P. setelah itu 1.2 P memberikan data yang sudah
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
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
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
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
c. Kamus Data
Kamus data yang dihasilkan dari diagram diatas adalah sebagai berikut :
1. Nama arus data : data siswa
58
Arus data : proses 1.1 tambah data siswa – proses 1.3 Edit data siswa
ke table siswa.
tahun_angkatan,status,username_siswa,password_siswa,ga
mbar.
Arus data : proses 2.1 tambah data guru – proses 2.3 Edit data guru
ke table guru
gambar_guru.
Arus data : proses 3.1 tambah data kelas – proses 3.4 Edit data
status_aktif.
Arus data : proses 4.1 tambah data pelajaran – proses 4.3 Edit data
Arus data : proses 5.1 tambah data pelajaran – proses 5.3 Edit data
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
3.3.1 Normalisasi
1. Bentuk 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
9 10 11 12
Kode_kelas Kelas Nama_Kelas Kode_Pelajaran
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
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
9 10 11 12
Kode_kelas Kelas Nama_Kelas Kode_Pelajaran
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
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
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
5 6
Pelajaran KKM
Jaringan Dasar 80
Jaringan Dasar 70
Pendidikan Agama 80
Pendidikan Agama 80
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
Pada aplikasi sistem penilaian siswa ini, database diberi nama smk sebagai
Nis Varchar 8
Jk_siswa Varchar 20
67
Agama Varchar 20
No_telepon Varchar 20
Tahun_angkatan Char 4
Gambar_siswa Varchar 30
Nip Varchar 20
Jk_guru Varchar 20
No_telepon Varchar 20
Gambar_siswa Varchar 30
68
Semester Int 2
Nilai_tugas2 Int 4
Nilai_Absen Int 4
Nilai_uts Int 4
Nilai_uas Int 4
Tahun_ajar Varchar 12
Kelas Char 2
Nama_kelas Varchar 20
Kkm Int 2
dalam interface user dengan sistem baru yang diusulkan oleh penulis.
perangkat kersa ( hardware ) yang menunjang dalam rangka pembutan aplikasi yang
BAB IV
PENUTUP
4.1 Kesimpulan
apa saja yang diperlukan atau diharapkan dalam sistem penilaian siswa.
perancangan antarmuka.
4.2 Saran
76
77
Mengngat masih banyaknya kelemahan pada sistem yang dibuat dan untuk
mengembangkan sistem agar menjadi lebih baik lagi maka saran dan harapan
(SDM) lebih tepatnya kepada staff tata usah yang akan menggunakan sistem
2. Dalam proses pengumpulan nilai siswa diharapkan tidak ada salah satu guru
yang terlambat, Karena jika masih ada guru yang masih belum
laporan nilai.
hanya dalam hal penilaian siswa, tetapi dapat ditambahkan beberapa proses
orang tua siswa sehingga tau hasil belajar anaknya di sekolah. Dan perlu
ditambahkan feedback dari pihak orang tua yang nntinya digunakan sebagai
DAFTAR PUSTAKA
Davis.1985. di kutip oleh Al-Bahra bin Ladjamudin.B, Analisis & Desain Sistem
Informasi, (2005:3).
E.F. Codd.2005.yang dikutip oleh (Albahra Bin Ladjamudin, Analisa dan Desain
Gordon . B. Davis 1985. yang dikutip oleh (Al-Bahra bin Ladjamudin, Analisis dan
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 &
Modern, 2007:9).
70
71
Manajemen.
(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>
******************************************************************
******************************************************************
*********************** -->
<!--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">
</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">
<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="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
</table>
</div>
</div>
</div>
</div><!-- col-lg-12-->
</div>
<!--
******************************************************************
******************************************************************
**********************
RIGHT SIDEBAR CONTENT
******************************************************************
******************************************************************
*********************** -->
<?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 } ?>
<!-- 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
<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
</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="">
<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>
******************************************************************
******************************************************************
*********************** -->
<!--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">
<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>» 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'];
<table width="500">
<tr>
<td width="100">Kode Siswa</td> <td>:</td> <td><?php echo
$d['kode_siswa']; ?></td>
</tr>
<br />
<tr>
15
</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
<?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>
<!-- 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 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 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="">
<!-- 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>
<!--
******************************************************************
******************************************************************
**********************
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
</ul>
<!-- sidebar menu end-->
</div>
</aside>
<!--sidebar end-->
<!--
******************************************************************
******************************************************************
**********************
MAIN CONTENT
******************************************************************
******************************************************************
*********************** -->
<!--main content start-->
<?php
22
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 »" />
<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
</div>
</div>
</div>
</div><!-- col-lg-12-->
</div><!-- /row -->
<!-- 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>
<!--custom switch-->
26
<script src="../admin/assets/js/bootstrap-switch.js"></script>
<!--custom tagsinput-->
<script src="../admin/assets/js/jquery.tagsinput.js"></script>
<script src="../admin/assets/js/form-component.js"></script>
<script>
//custom select box
$(function(){
$('select.styled').customSelect();
});
</script>
</body>
</html>
<?php
session_start();
if (empty($_SESSION['username'])){
header('location:../index.ph
p');
} else {
28
include "../conn.php";
?>
<!DOCTYPE html>
<html lang="en">
$row_siswa = mysql_fetch_array($query_siswa);
$totalrow_siswa = mysql_num_rows($query_siswa);
if ($totalrow_siswa > 0) {
$nourut = $kodesiswa_terakhir+1;
$isikodesiswa ="S"."00".$nourut;
$nourut = 1;
$isikodesiswa ="S"."00".$nourut;
?>
<body>
<!--
******************************************************************
******************************************************************
**********************
******************************************************************
******************************************************************
*********************** -->
<!--header start-->
<!--header end-->
<!--
******************************************************************
******************************************************************
**********************
******************************************************************
******************************************************************
*********************** -->
<!--sidebar start-->
<aside>
<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
if (isset($_SESSION['start_time'])) {
session_destroy();
$_SESSION['start_time'] = time();
?>
<?php } ?>
</ul>
</div>
31
</aside>
<!--sidebar end-->
<!--
******************************************************************
******************************************************************
**********************
MAIN CONTENT
******************************************************************
******************************************************************
*********************** -->
<section id="main-content">
<section class="wrapper">
<div class="col-lg-
12">
<div class="form-panel">
<h4 class="mb"><i
class="fa fa-angle-right"></i> Input Siswa</h4>
<div class="form-group">
<div class="col-sm-10">
</div>
</div>
<div class="form-group">
<div class="col-sm-10">
</div>
</div>
<div class="form-group">
<div class="col-sm-10">
</div>
</div>
<div class="form-group">
<div class="col-sm-10">
<option value="Laki-Laki">Laki-Laki</option>
<option value="Perempuan">Perempuan</option>
</select>
</div>
</div>
<div class="form-group">
<div class="col-sm-10">
<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">
<div class="col-sm-10">
34
</div>
</div>
<div class="form-group">
<div class="col-sm-10">
</div>
</div>
<div class="form-group">
<div class="col-sm-10">
</div>
</div>
<div class="form-group">
<div class="col-sm-10">
</div>
</div>
<div class="form-group">
<div class="col-sm-10">
<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">
<div class="col-sm-10">
</div>
</div>
<div class="form-group">
36
<div class="col-sm-10">
</div>
</div>
<div class="form-group">
<div class="col-sm-10">
</div>
</div>
<div class="form-group">
<div class="col-sm-10">
<a
href="input-siswa.php" class="btn btn-sm btn-danger">Batal </a>
</div>
</div>
</form>
</div>
</div><!-- col-lg-12--
>
</section><! --
/wrapper -->
<!--footer start-->
<!--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 src="assets/js/jquery.scrollTo.min.js"></script>
<script src="assets/js/common-scripts.js"></script>
<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>
<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
$(function(){
$('select.styled').customSelect();
});
</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>
<?php
session_start();
if (empty($_SESSION['username'])){
42
header('location:../index.php');
} else {
include "../conn.php";
?>
<!DOCTYPE html>
<html lang="en">
$row_guru = mysql_fetch_array($query_guru);
$totalrow_guru = mysql_num_rows($query_guru);
if ($totalrow_guru > 0) {
$nourut = $kodeguru_terakhir+1;
$isikodeguru ="G"."00".$nourut;
$nourut = 1;
$isikodeguru ="G"."00".$nourut;
?>
<body>
43
<!--
******************************************************************
******************************************************************
**********************
******************************************************************
******************************************************************
*********************** -->
<!--header start-->
<!--header end-->
<!--
******************************************************************
******************************************************************
**********************
******************************************************************
******************************************************************
*********************** -->
<!--sidebar start-->
<aside>
<h5 class="centered">
<?php
echo $_SESSION['fullname'];
?></h5>
<?php
if (isset($_SESSION['start_time'])) {
session_destroy();
$_SESSION['start_time'] = time();
?>
<?php } ?>
</ul>
</div>
</aside>
<!--sidebar end-->
<!--
******************************************************************
******************************************************************
**********************
MAIN CONTENT
******************************************************************
******************************************************************
*********************** -->
<section id="main-content">
<section class="wrapper">
<div class="col-lg-12">
<div class="form-panel">
<div class="form-group">
<div class="col-sm-10">
</div>
</div>
<div class="form-group">
<div class="col-sm-10">
</div>
</div>
<div class="form-group">
<div class="col-sm-10">
</div>
</div>
<div class="form-group">
<div class="col-sm-10">
<option value="Laki-Laki">Laki-Laki</option>
<option value="Perempuan">Perempuan</option>
</select>
</div>
</div>
<div class="form-group">
<div class="col-sm-10">
<?php
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">
<div class="col-sm-10">
</div>
</div>
<div class="form-group">
<div class="col-sm-10">
</div>
</div>
<div class="form-group">
<div class="col-sm-10">
</div>
</div>
<div class="form-group">
49
<div class="col-sm-10">
</div>
</div>
<div class="form-group">
<div class="col-sm-10">
</div>
</div>
<div class="form-group">
<div class="col-sm-10">
</div>
</div>
</form>
</div>
</div><!-- col-lg-12-->
<!--footer start-->
<!--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 src="assets/js/jquery.scrollTo.min.js"></script>
<script src="assets/js/common-scripts.js"></script>
<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>
<script src="assets/js/form-component.js"></script>
<script>
$(function(){
$('select.styled').customSelect();
});
52
</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 : {
staffid : "991234"
});
</script>
</body>
</html>
<?php
session_start();
if (empty($_SESSION['username'])){
header('location:../index.php');
} else {
include "../conn.php";
?>
<!DOCTYPE html>
55
<html lang="en">
<body>
<!--
******************************************************************
******************************************************************
**********************
******************************************************************
******************************************************************
*********************** -->
<!--header start-->
<!--header end-->
<!--
******************************************************************
******************************************************************
**********************
******************************************************************
******************************************************************
*********************** -->
<!--sidebar start-->
<aside>
<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
if (isset($_SESSION['start_time'])) {
session_destroy();
$_SESSION['start_time'] = time();
?>
<?php } ?>
</ul>
</div>
</aside>
<!--sidebar end-->
<!--
******************************************************************
******************************************************************
**********************
MAIN CONTENT
******************************************************************
******************************************************************
*********************** -->
<section id="main-content">
<section class="wrapper">
<div class="col-lg-12">
<div class="form-panel">
<div class="form-group">
<div class="col-sm-10">
</select>
</div>
</div>
<div class="form-group">
<div class="col-sm-10">
<?php
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">
<div class="col-sm-10">
<?php
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>
<div class="form-group">
60
<div class="col-sm-10">
<?php
if(mysql_num_rows($sql) != 0){
while($data = mysql_fetch_assoc($sql)){
$data['kode_kelas'] = $dataKelas;}
?>
</select>
</div>
</div>
<div class="form-group">
<div class="col-sm-10">
</select>
61
</div>
</div>
<div class="form-group">
<div class="col-sm-10">
</div>
</div>
<div class="form-group">
<div class="col-sm-10">
</div>
</div>
<div class="form-group">
<div class="col-sm-10">
</div>
</div>
<div class="form-group">
62
<div class="col-sm-10">
</div>
</div>
<div class="form-group">
<div class="col-sm-10">
</div>
</div>
<div class="form-group">
<div class="col-sm-10">
<a href="input-nilai.php"
class="btn btn-sm btn-danger">Batal </a>
</div>
</div>
</form>
</div>
</div><!-- col-lg-12-->
</section><!--/wrapper -->
<!--footer start-->
<!--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 src="assets/js/jquery.scrollTo.min.js"></script>
<script src="assets/js/common-scripts.js"></script>
<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>
<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>
$(function(){
65
$('select.styled').customSelect();
});
</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 : {
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 combobox_item =
"http://seminar.dev/admin/ambilsiswa.php?kode_kelas="+pilih_kelas;
$("#kode_siswa").load(combobox_item);
})
$("#kode_guru").on("change",function(){
var combobox_item2 =
"http://seminar.dev/admin/ambilsiswa.php?kode_guru="+pilih_guru;
$("#kode_pelajaran").load(combobox_item2);
})
</script>
</body>
</html>