Skripsi berheading Kuantitatif Skripsi Indonesia

i

TUGAS AKHIR
SISTEM INFORMASI NILAI SISWA ONLINE
PADA SMP NEGERI 6 KEDIRI

Oleh :
SHUFFI INAYATI KURNIASIH
NIM: TI110084

JURUSAN TEKNIK INFORMATIKA
PROGRAM STRATA SATU
SEKOLAH TINGGI TEKNOLOGI CAHAYA SURYA KEDIRI
2014

49

TUGAS AKHIR

SISTEM INFORMASI NILAI SISWA ONLINE
PADA SMP NEGERI 6 KEDIRI

Tugas Akhir ini disusun untuk memenuhi syarat kelulusan
Jenjang Strata 1 (S1) Pada Jurusan Teknik Informatika
Sekolah Tinggi Cahaya Surya Kediri

Oleh :
SHUFFI INAYATI KURNIASIH
NIM: TI110084

JURUSAN TEKNIK INFORMATIKA
PROGRAM STRATA SATU
SEKOLAH TINGGI TEKNOLOGI CAHAYA SURYA KEDIRI

ii

2014

SISTEM INFORMASI NILAI SISWA ONLINE
PADA SMP NEGERI 6 KEDIRI

SKRIPSI

Diajukan sebagai salah satu syarat untuk menyelesaikan

Program Sarjana Komputer

Oleh :
Nama

: SHUFFI INAYATI KURNIASIH

NIM

: TI110084

Program : S1 (Strata Satu)
Jurusan : Teknik Informatika

JURUSAN TEKNIK INFORMATIKA
SEKOLAH TINGGI TEKNOLOGI CAHAYA SURYA

KEDIRI

iii

2014

iv

Persembahan Untuk :
SMP Negeri 6 Kota Kediri

v

SISTEM INFORMASI NILAI SISWA ONLINE
PADA SMP NEGERI 6 KEDIRI

Telah diperiksa dan disetujui

Kediri, September 2014

Disetujui
Pembimbing I

Pembimbing II

Dr. Wayan Firdaus, S.Si., MT.

Ira Luvi Indah Astutik, S.Kom.

Mengetahui
Pembantu Ketua I

Harso Kurniadi, S.Kom.

vi

ABSTRAKSI

Sistem Informasi Nilai Siswa Online Pada SMP Negeri 6 Kediri bertujuan
untuk Membangun database sistem informasi penilaian siswa menggunakan

MySQL, Membuat antarmuka antara database dengan pengguna menggunakan
PHP, Membuat desain antarmuka sistem informasi pengelolaan nilai siswa.
Dengan metode ini didapatkan teknik perancangan yang terdiri dari
beberapa tahap yaitu: (1) Identifikasi Kebutuhan, (2) Analisis Kebutuhan, (3)
Spesifikasi Proses, (4) Perancangan Sistem Informasi, dan (5) Pengujian
Software. Dari metode yang digunakan tersebut didapatkan analisis kebutuhan
yang terdiri dari (1) Analisis kebutuhan sistem. (2) Analisis kebutuhan perangkat
lunak. Data yang dimasukkan ke dalam software aplikasi ini disimpan secara
terpusat dengan menggunakan database server MySQL. Sedangkan untuk desain
antarmuka

yang

menghubungkan

database

dengan

pengguna

aplikasi

menggunakan PHP.
Adanya antarmuka memudahkan pengguna dalam pengelolaan data di
database server. Hasil pengujian alat ini dapat menyimpan, mengubah, dan
menghapus data berupa data profil pegawai dan profil siswa. Selain itu alat ini
dapat memberikan informasi profil dan nilai rapor kepada user (siswa). Sistem
informasi mampu memberikan informasi secara jelas berupa tampilan profil siswa
dan nilai rapor siswa sesuai semester yang ingin ditampilkan.

Kata Kunci : Informasi, Penilaian Siswa, PHP, MySQL

vii

KATA PENGANTAR
Puji syukur kehadirat Allah SWT Yang Maha Pemurah lagi Maha
Penyayang yang telah memberikan rahmat, kekuatan, semangat dan kesabaran
kepada penulis sehingga dapat menyelesaikan Laporan Tugas Akhir ini tentang
Sistem Informasi Nilai Siswa Pada SMP Negeri 6 Kediri Berbasis Online.

Keberhasilan pembuatan laporan Tugas Akhir ini tentu tidak lepas dari
bantuan berbagai pihak. untuk itu penulis menyampaikan terima kasih kepada
yang terhormat :
1.

Dr. Wayan Firdaus, S.Si, MT, selaku Dosen Pembimbing I yang telah
memberikan pengarahan, bimbingan juga kesabarannya selama masa
bimbingan Tugas Akhir.

2. Ira Luvi Indah Astutik, S.Kom, selaku Dosen Pembimbing II yang telah
memberikan pengarahan, bimbingan juga kesabarannya selama masa
bimbingan Tugas Akhir.
3. Semua pihak yang telah membantu dalam penyelesaian laporan ini yang
tidak mungkin disebutkan satu persatu.
Penulis menyadari bahwa Laporan Tugas Akhir ini masih banyak terdapat
kekurangan karena itu penulis mengharap kritik dan saran sehingga lebih
sempurna. Semoga Laporan Tugas Akhir ini dapat memberikan manfaat bagi
penulis maupun pembaca.
Kediri, September 2014

viii

Penulis

DAFTAR ISI
Halaman
ABSTRAKSI……………………………………………………………………..vi
KATA PENGANTAR…………………………………………………………..vii
DAFTAR ISI…………………………………………………………………….viii
DAFTAR TABEL………………………………………………………………..ix
DAFTAR GAMBAR…………………………………………………………......x
BAB I PENDAHULUAN………………………………………………………... 1
1.1 Latar Belakang Masalah………………………………………………1
1.2 Perumusan Masalah…………………………………………………..3
1.3 Batasan Masalah………………………………………………………4
1.4 Tujuan…………………………………………………………………4
1.5 Spesifikasi Program…………………………………………………..5
1.6 Metodologi……………………………………………………………6
1.7 Sistematika Penulisan…………………………………………………7
BAB II TEORI PENUNJANG…………………………………………………….9

2.1 Gambaran Singkat SMP Negeri 6 Kediri…………………………….9
2.2 HTML..………………………………………………………………11
2.3 PHP…………………………………………………………………..11
2.4 Sistem Basis Data……………………………………………………12
2.5 MySQL………………………………………………………………14
2.6 CSS…………………………………………………………………..14
2.7 JavaScript……………………………………………………………16
2.8 PhpMyadmin…………..……………………………………………16
2.9 Web Server………………………………………………………….16
2.10 WWW………………………………………………………………16
BAB III PERANCANGAN DAN IMPLEMENTASI…………………………...18
3.1

Analisis Sistem Yang Sedang Berjalan……………………………18

3.2

Evaluasi Sistem Yang Sedang Berjalan…………………………....18

ix

3.3

Gambaran Umum Sistem Yang Diusulkan…………………..…….19

3.4

Kebutuhan Sistem……………………………………………….…19

3.5

Masukan Sistem……………………………………………………20

3.6

Keluaran Sistem……………………………………………………21

3.7

Perancangan Sistem………………………………………………..21

3.8

Perancangan Basis Data……………………………………………25

3.9

Sruktur Website……………………………………………………28

3.10 Disain Menu Frontend……….…………………………………….34
3.11 Laporan…………………………………………………………….35
BAB IV PENGUJIAN DAN ANALISA………………………………………...37
4.1 Spesifikasi Hardware………………………………………………..37
4.2 Spesifikasi Software…………………………………………………37
4.3 Implementasi Program………………………………………………37
BAB V PENUTUP………………………………………………………………48
5.1 Kesimpulan………………………………………………………….48
5.2 Saran…………………………………………………………………48
DAFTAR PUSTAKA

x

DAFTAR TABEL

Halaman
Tabel 2.1 Tabel Data Siswa……………………………………………………..10
Tabel 2.2 Tabel Daftar Guru……………………………………………………10
Tabel 3.1 Tabel Admin…………………………………………………………..26
Tabel 3.2 Tabel Kelas…………………………………………………………..26
Tabel 3.3 Tabel Mapel…………………………………………………………26
Tabel 3.4 Tabel Siswa……………………………………………………..…….27
Tabel 3.5 Tabel Nilai……………………………………………………………27
Tabel 3.6 Tabel Guru…………………………………………………………….28

xi

DAFTAR GAMBAR

Halaman
Gambar 3.1 CD Sistem Informasi Nilai Siswa …………….…………..………..22
Gambar 3.2 DFD Level 0 Sistem Informasi Nilai Siswa.………………………23
Gambar 3.3 ERD Psikal Sistem Nilai Siswa Online…………………………….24
Gambar 3.4 ERD Logikal Sistem Nilai Siswa Online …………………………..25
Gambar 3.5 Halaman Login……………………………………………………..29
Gambar 3.6 Halaman Home…………… ……………………………………..30
Gambar 3.7 Halaman Input Data………… ……………………………………..31
Gambar 3.8 Halaman Lihat Data………………………………………………..32
Gambar 3.9 Halaman Rekap Data……………………………………………….33
Gambar 3. 10 Halaman Umum…………………………………………………34
Gambar 3.11 Halaman Member………………………………………………….35
Gambar 4.1 Form Login…………………………………………………………38
Gambar 4.2 Form Menu Utama…………………………………………………39
Gambar 4.3 Form Input Data Guru ……………………………….……………39
Gambar 4.4 Form Input Data Siswa……………………………….……………40
Gambar 4.5 Form Input Data Mapel……………………………….……………41
Gambar 4.6 Form Input Data Kelas……………………………….……………42
Gambar 4.7 Form Input Data Nilai……………………………….…………….43
Gambar 4.8 Form Input Data Admin…………………………….………….….43
Gambar 4.9 Laporan Data Siswa Berdasarkan NIS…………………………….44
Gambar 4.10 Laporan Data Guru Berdasarkan NIP…………………………….45
Gambar 4.11 Laporan Data Nilai Siswa………….…………………………….45

xii

1

BAB I
PENDAHULUAN
1.1 Latar Belakang Masalah
Seiring dengan perkembangan Ilmu dan Teknologi di berbagai bidang
seperti di dunia pendidikan menyebabkan adanya peningkatan terhadap kebutuhan
terhadap informasi yang cepat, tepat, dan akurat untuk memenuhi tuntutan
efektivitas dan efisiensi kerja, hal ini disertai dengan kemajuan di bidang
teknologi dan informasi yang semakin canggih maka tidak dapat dipungkiri lagi
apabila peranan komputer sangat dibutuhkan untuk mengembangkan dan
meningkatkan kualitas sistem informasi yaitu sebagai salah satu alat untuk
mengelola data dan kemudian menyajikannya ke dalam bentuk informasi dengan
mudah, cepat dan akurat.
Sistem informasi berbasis komputer kini menjadi suatu hal yang primer
bagi memenuhi kebutuhan informasi. Banyak bidang yang telah memanfaatkan
sistem informasi berbasis komputer sebagai sarana untuk mempermudah
pekerjaan. Berbagai bidang seperti bidang ekonomi, sosial budaya, politik,
kesehatan, pertahanan keamanan, pendidikan, dan bidang lainnya telah banyak
menerapkan penggunaan teknologi informasi.
Dengan demikian kebutuhan sistem informasi di berbagai bidang tersebut
mengalami perkembangan yang begitu pesat. Namun kenyataan yang terjadi
sekarang penggunaan komputer di berbagai bidang belum sepenuhnya digunakan
secara maksimal. Salah satu fenomena yang di temukan adalah dalam bidang

1

49

2

pendidikan. Dalam bidang pendidikan, masih banyak sistem yang dilakukan
secara manual, seperti halnya yang terjadi di SMP Negeri 6 Kediri.
Di SMP Negeri 6 Kediri, pengolahan data nilai siswa masih dilakukan
secara manual dalam bentuk dokumen atau arsip sehingga mempersulit siswa
dalam mengetahui nilai yang didapat serta petugas mengalami kesulitan dalam
menginformasikan kepada siswa.
Hal tersebut dikarenakan informasi data nilai hasil ujian siswa di
umumkan secara manual di papan pengumuman sekolah tersebut dengan ukuran
terbatas dalam menyajikan data nilai hasil ujian. Untuk mengetahui nilai yang
didapat siswa harus melihat papan pengumuman walaupun sedang liburan setelah
ujian. Kemudian karena liburan setelah ujian juga, guru sedang berada di rumah
sehingga kesulitan dalam memberikan nilai hasil ujian siswa kepada petugas
untuk diumumkan di papan pengumuman. Selain itu, kendala lain yang dirasakan
petugas adalah kurang adanya pengontrolan nilai hasil ujian di papan
pengumuman karena nilai hasil ujian siswa tersebut hilang dicuri atau rusak.
Petugas pun sering kesulitan dalam data mengolah data nilai di papan
pengumuman apabila ada perubahan nilai.
Berbagai permasalahan tersebut dapat diberikan alternatif solusi, salah
satu solusi yang bisa dilakukan yaitu dengan mengubah sistem dokumen atau
arsip ke dalam sistem yang baru dengan menggunakan bantuan komputer,
sehingga langkah yang harus dilakukan adalah membangun sistem informasi yang
akan membantu dalam menyelesaikan masalah yang ada.
Kemudahan pemrograman komputer yang terus dikembangkan sehingga
lebih mendekati dengan bahasa manusia tingkat tinggi telah turut serta

3

mempengaruhi penggunaan komputer sebagai alat bantu pekerjaan manusia.
Bahasa pemrograman yang semakin banyak dan berkembang saat ini memberikan
pilihan bagi programmer untuk memilih bahasa pemrograman mana yang tepat
untuk membangun sebuah aplikasi. PHP dan didukung dengan database engine
MySQL adalah pilihan yang dirasa akan lebih sederhana dalam pengerjaan namun
hasil yang cukup memuaskan, dengan fitur yang gampang dipahami serta
pengoperasian program yang simpel dapat mendukung proses perancangan sistem
tersebut cocok digunakan untuk membuat program nilai hasil ujian SMP Negeri 6
Kediri.
Sistem pengolahan nilai siswa online berpandangan pada referensi sistem
pengolahan nilai siswa pada skripsi sebelumnya yaitu Sistem Pengolahan data
nilai siswa pada SMP Negeri 22 Bandung (Allan Novanda Sungkawa, 2012) dan
Sistem Informasi Akademik berbasis Web SMP Negeri 4 Samarinda (Natalia
Dengen, 2009) yang memberikan informasi laporan keaktifan siswa..
Berdasarkan

identifikasi

permasalahan

tersebut,

penulis

tertarik

melakukan penelitian di SMP Negeri 6 Kediri dan mengambil judul untuk tugas
akhir ini adalah “SISTEM INFORMASI NILAI SISWA ONLINE PADA SMP
NEGERI 6 KEDIRI”.

1.2 Perumusan Masalah
Dari proses penelitian yang dilakukan, maka diperoleh rumusan masalah
dalam penelitian mengenai nilai hasil ujian di SMP Negeri 6 Kediri berdasarkan
identifikasi masalah di atas, maka rumusan masalah yang dihasilkan yaitu sebagai
berikut :

4

1. Bagaimana sistem pengolahan data nilai siswa yang didapat dari hasil
ujian di SMP Negeri 6 Kediri.
2. Bagaimana merancang sistem informasi pengolahan data nilai siswa
sehingga memudahkan petugas menginformasikan nilai dan siswa
mengetahuinya.
3. Bagaimana pengimplementasian sistem pengolahan data nilai pada SMP
Negeri 6 Kediri.

1.3

Pembatasan Masalah
Dalam penelitian skripsi ini analisis pegawai dilakukan pembatasan

terhadap permasalahan dengan tujuan agar penelitian ini dapat dilakukan secara
lebih terarah sehingga memudahkan proses pencapaian tujuan yang diharapkan.
Dari penelitian ini batasan masalahnya adalah sebagai berikut :
1. Ruang lingkup dalam pembuatan laporan skripsi ini hanya akan
dilakukan pada bagian Administrasi yang berupa pengolahan data nilai
siswa.
2. Pembuatan sistem informasi ini menggunakan bahasa pemrograman php
dengan database MySQL
3. Proses penilaian siswa yang didapat melibatkan proses siswa mendapat
nilai tugas, nilai ulangan harian, ujian tengah semester (UTS) dan ujian
akhir semester (UAS).

5

1.4

Tujuan
Rancang bangun sistem pengolahan data nilai siswa pada SMP Negeri 6

Kediri ini memiliki tujuan sebagai berikut :
a. Membuat sistem pengolahan data nilai siswa yang didapat dari hasil ujian
pada SMP Negeri 6 Kediri.
b. Merancang sistem pengolahan data siswa di SMP Negeri 6 Kediri yang
mudah digunakan baik petugas maupun siswa.
c. Mengimplementasikan sistem pengolahan yang telah dibuat pada SMP
Negeri 6 Kediri agar kerja menjadi cepat dan benar.

1.5

Spesifikasi Program
Sistem dari pengolahan data nilai siswa di SMP Negeri 6 Kediri ini

terbagi dalam beberapa kelompok yaitu input, proses dan output (laporan).
Berikut kelompok dari masing-masing spesifikasi :
A. Input
1) Input data siswa
2) Input data nilai tugas
3) Input data nilai ujian harian
4) Input data nilai ujian tengah semester (UTS)
5) Input data nilai ujian akhir semester (UAS)
6) Input data absensi
7) Input data mata pelajaran
8) Input data guru

6

B. Proses
1) Pengolahan data nilai ujian harian, data nilai ujian harian, data nilai
ujian tengah semester, nilai uiian akhir semester
2) Absensi Siswa
C. Output / Laporan
1) Rapot Siswa
2) Rekap Laporan nilai Tugas, ulangan harian, ulangan tengah semester,
ulangan akhir semester.
3) Laporan nilai Tugas, ulangan harian, ulangan tengah semester,
ulangan akhir semester per siswa.
4) Rekap Laporan nilai Tugas, ulangan harian, ulangan tengah semester,
ulangan akhir semester per kelas.
5) Rekap Laporan nilai Tugas, ulangan harian, ulangan tengah semester,
ulangan akhir semester per mapel.
6) Rekap data mata pelajaran
7) Rekap absensi
8) Rekap data guru

1.6

Metodologi
Dalam menyusun dan melakukan penelitian ini, digunakan metode-

metode sebagai berikut :
a. Study Kasus
Pada tahap ini, penulis melakukan kajian terhadap berbagai
literatur yang berhubungan dengan pengembangan sistem pengolahan

7

data gaji, baik melalui buku, artikel dan website serta mempelajari
masalah yang dihadapi oleh pihak yang bersangkutan kemudian
mengumpulkan data yang diperlukan untuk merancang sistem.
b. Analisa Data
Dilakukan

wawancara

langsung

dengan

pihak

yang

bersangkutan serta dengan membaca kemudian mengumpulkan data.
c. Perancangan dan Analisa Sistem
Membuat model sistem berdasarkan analisa data yang telah
dilakukan. Data tersebut disusun sedemikian rupa untuk dibuat bagan
alur sistem yang akan dibuat meliputi Context Diagram sebagai analisa
sistem keseluruhan, Data Flow Diagram sebagai analisa sistem terperinci
d. Desain Sistem
Dilakukan pembuatan sistem berdasarkan analisa sistem yang
telah dibuat. Analisa tersebut disusun sedemikian rupa menjadi bagan
relasi antar entity yang disebut Entity Relationship Diagram (ERD) dan
hasil relasi tersebut berupa tabel-tabel beserta struktur tabel. Desain
sistem juga memperlihatkan desain program keseluruhan secara
terperinci.
e. Implementasi
Tahap akhir dari metodologi penelitian ini dilakukan untuk
memastikan sistem berjalan ideal sesuai dengan konsep perancangan. Hal
ini berguna untuk melihat tercapainya tujuan pembuatan sistem. Dalam
tahap ini juga dijelaskan mengenai cara kerja sistem secara keseluruhan
agar dapat digunakan sebagaimana yang dibutuhkan.

8

1.7

Sistematika Penulisan
Sistematika ini menyajikan susunan dari bab-bab yang
disusun mulai dari pendahuluan sampai dengan penutup dan sedikit
uraian mengenai masing-masing bab yang akan diuraikan.
Bab I PENDAHULUAN
Bab ini tentang latar belakang masalah , Perumusan masalah,
pembatasan masalah,tujuan dan manfaat, spesifikasi program, metodologi
dan sistematika penulisan.
Bab II TEORI PENUNJANG
Bab ini membahas tentang teori dan konsep dasar sampai konsep
perancangan dan pembangunan sistem serta uraian program yang
menunjang pembuatan sistem.
Bab III ANALISA DAN PERANCANGAN SISTEM
Bab ini menjelaskan tentang penganalisaan system yang meliputi
analisa sistem, analisa masalah, analisa kebutuhan serta Context Diagram
dan Data Flow Diagram.
Bab IVIMPLEMENTASI DAN ANALISA HASIL PENGUJIAN
Bab ini akan menjelaskan spesifikasi hardware dan software
pendukung aplikasi serta bagaimana tampilan dari halaman-halaman
program yang dibuat serta segmen program.

9

Bab V PENUTUP
Bab ini berisi tentang kesimpulan yang dapat diambil dari
pembuatan program serta saran-saran yang diperlukan untuk menambah
kesempurnaan program.

10

BAB II
TEORI PENUNJANG

2.1

Gambaran Singkat SMP Negeri 6 Kediri
SMP Negeri 6 Kediri merupakan sekolah yang bisa dibilang sudah umur,

atau berpengalaman di bidang pendidikan. Letaknya yang ada di jl.Raya Ngampel
Kelurahan Gayam Kecamatan Mojoroto Kota Kediri.
Bila dilihat dari segi bangunan, sekolah ini termasuk salah satu sekolah
maju di kota Kediri. Selain prestasi siswanya yang semakin tahun semakin
meningkat, jumlah siswanya pun dari tahun ke tahun terus bertambah.
Sampai saat ini pembangunan ruang kelas baru terus dilaksanakan untuk
menunjang proses belajar siswa agar lebih giat dan maju, siswa pun agar betah
dan lebih semangat untuk belajar.

2.1.1 Profil SMP Negerti 6 Kediri
Nama Sekolah

:

SMP NEGERI 6 KEDIRI

No. Statistik Sekolah

:

102105630104

Tipe Sekolah

:

A/A1/A2/B/B1/B2/C/C1/C2

Alamat Sekolah

:

KEL. GAYAM

:

(Kecamatan) MOJOROTO

:

(Kabupaten/Kota) KEDIRI

:

(Propinsi) JAWA TIMUR

Telepon/HP/Fax

:

0354 – 772110

Status Sekolah

: Negeri

Nilai Akreditasi

: A Skor

Luas Lahan, dan jumlah rombel
Luas Lahan

= 94,15
:

: 11.390
9

m2

11

jumlah ruang pada lantai 1

: 30

jumlah ruang pada lantai 2

:-

jumlah ruang pada lantai 3

:-

Jumlah Rombel

: 30
Tabel 2.1 : Data Siswa 4 (empat tahun terakhir):

Tabel 2.2 : Daftar guru dengan tugas mengajar

12

2.2 HTML
HTML adalah bahasa yang digunakan pada dokumen web sebagai bahasa
untuk pertukaran dokumen web. Struktur dokumen HTML terdiri tag pembuka
dan tag penutup. HTML versi 1.0 dibangun oleh W3C, dan terus mengalami
perkembangan. Sampai saat ini HTML terakhir adalah versi 5.0 struktur dokumen
HTML sebagai berikut :






Struktur di atas adalah satu kesatuan yang harus ada dalam setiap
dokumen HTML. Dokumen HTML terdiri dari komponen yaitu tag, elemen, dan
atribut.

2.3 PHP
Pada tahun 1994 seorang programmer bernama Rasmus Lerdorf. PHP
pertama kali diperkenalkan sebagai singkatan dari Personal Home Page. PHP
pertama ditulis menggunakan bahasa perl (perl script), kemudian ditulis ulang
menggunakan bahasa pemrograman C CGI-BIN (Common Gateway InterfaceBinary) yang ditujukan untuk mengembangkan halaman website yang mendukung
formulir dan penyimpanan data. Pada tahun 1995 PHP Tool 1.0 dirilis untuk
umum kemudian dikembangkan oleh Andi Gutmans dan Zeev Suraski.
PHP adalah Pemrograman interpreter yaitu proses penerjemahan baris
kode sumber menjadi kode mesin yang dimengerti kompuer secara langsung pada
saat baris kode dijalankan. PHP disebut sebagai pemrograman server side

13

programming. PHP adalah suatu bahasa dengan hak cipta terbuka atau yang juga
dikenal dengan istilah Open Source yaitu pengguna dapat mengembangkan kodekode fungsi PHP sesuai dengan Kebutuhannya. (Hastomo, 2012)
Pemrograman PHP dapat ditulis dalam 2 bentuk yaitu penulisan baris
kode PHP pada file tunggal dan penulisan kode PHP pada halaman HTML
(embedded) . kedua cara penulisan tersebut tidak memiliki perbedaan, hanya
menjadi kebiasaan gaya penulisan dari programmer. Berikut contoh penulisan
kode program PHP :



contoh PHP


dibawah ini adalah tulisan dari PHP




2.4

Sistem Basis Data (Database)

2.4.1 Database
Definisi database adalah kumpulan informasi yang disimpan di dalam
komputer secara sistematik sehingga dapat diperiksa menggunakan suatu program
komputer untuk memperoleh informasi dari basis data tersebut. Banyak program
database

yang

tersedia,

di antaranya

adalah Oracle,

MySQL, MSSQL,

14

PostgreSQL, Paradox, Foxpro dan lain – lain. Database terbentuk dari
beberapa komponen, yaitu :
a.

Table : Table atau tabel adalah sekumpulan data dengan struktur
yang sedemikian rupa, terbentuk dari record dan field. Istilah
tabel disini berbeda dengan istilah tabel pada HTML, walaupun
secara visual hampir sama.

b. Record : Record adalah sekumpulan field yang membentuk suatu
objek tertentu.
c. Field : Field adalah atribut dari objek yang memiliki tipe data tertentu.
Fungsi utama database adalah untuk membuat sebuah system
pengelolaan data yang sistematis dan informatif serta mudah diakses. Sehingga
untuk pekerjaan pengelolaan data lebih efektif dan efisien. (Ummu Hasanah,
2013)

2.4.2 DBMS (Database Management System)
DBMS adalah suatu sistem atau perangkat lunak yang dirancang untuk
mengelola suatu basis data dan menjalankan operasi terhadap data yang diminta
banyak pengguna. (Wikipedia, 2014).
Terdapat Dua Bahasa dalam DBMS (Database Management System)
Yaitu Data Definition Language (DDL) dan Data Manipulation Language (DML).
Data Definision Language (DDL) merupakan hasil kompilasi dari perintah DDL
adalah satu set dari table yang disimpan dalamfile khusus disebut data dictionary/
directory. Sedangkan Data Manipulation Language (DML) adalah bahasa yang

15

memperbolehkan pemakai untuk akses atau memanipulasi data sebagai yang telah
diorganisasikan sebelumnya. Secara dasar ada dua tipe DML
1. Prosedural, yang membutuhkan pemakai untuk menspesifikasikan data
apa yang dibutuhkan dan bagaimana untuk mendapatkannya contoh
dbase III, foxbase
2. Non prosedural, yang membutuhkan pemakai untuk menspesikasikan
data apa yang dibutuhkan tanpa menspesifikasikan bagaimana untuk
mendapatkannya contoh SQL ,QBE.
DBMS berfungsi untuk mengolah dan mendefinisikan data, menangani
permintaan dari pemakai untuk mengakses data, memeriksa security dan intergrity
data yang didefinisikan oleh DBA, menangani kegagalan – kegagalan
pengaksesan

database

yang

dapat

disebabkan

oleh

kesalahan

sistem,

menyediakan data dictionary serta menangani unjuk kerja dari semua fungsi
seefisien mungkin.

2.5

MySQL
MySQL atau dibaca “My Sekue” dengan adalah suatu RDBMS

(Relational Database Management System) yaitu aplikasi sistem yang
menjalankan fungsi pengolahan data. MySQL pertama dikembangkan oleh
MySQL AB yang kemudian diakuisisi Sun Micro system dan terakhir dikelola
oleh Oracle Corporation. (Hastomo, 2012)

16

2.6

CSS (Cascading Style Sheet)
Cascading style Sheet (CSS) adalah suatu bahasa stylesheet yang

digunakan untuk mengatur tampilan suatu dokumen yang ditulis dalam bahasa
markup. CSS mendefinisikan karakteristik tampilan ( warna, style, dan posisi )
suatu elemen pada dokumen HTML dalam bentuk property elemen tersebut. CSS
merupakan bagian/subset dari DOM yang sangat berperan dalam HTML.
Dikarenkan oleh perbedaan implementasi antara

Netscape

dan

Microsoft sehingga akhirnya W3C melakukan suatu standardisasi CSS. Pada
awalnya, upaya standardisasi CSS

dibagi dua, yaitu CSSI untuk pengaturan

warna dan style, serta CSS-P untuk pengaturan posisi suatu elemen. CSS2 dari
W3C selanjutnya menggabungkan kedua standar ini menjadi suatu standar yang
meliputi semua setting tampilan suatu elemen halaman HTML. (Hastomo, 2012)

2.7

JavaScript
JavaScript adalah bahasa skrip yang popular di internet dan dapat bekerja

di sebagian besar web browser. JavaScript pertama kali muncul di Netscape 2.0
dan dikembangkan lebih lanjut pada Netscape 3.0 JavaScript berfungsi untuk
menyediakan akses script pada objek yang dibenamkan (embedded). Contoh
penggunaan JavaScript adalah fungsi validasi pada form sebelum data dikirimkan
ke server, merubah image kursor ketika melewati objek tertentu dan lain-lain.
Kelebihan dari JavaScript adalah bekerja pada sisi browser. Untuk
menampilkan halaman web , user menuliskan alamat web address bar url setelah
itu web browser mengambil file html ke server yang beralamatkan URL yang
diketikkan oleh user . Setelah selesai file diambil, file ditampilkan pada browser .

17

setelah file jJavascript berada pada browser maka JavaScript tersebut bekerja.
Web browser yang mendukung kode JavaScript adalah Internet Explorer (IE),
Mozilla Firefox, Google Chrome, Netscape dan Opera dan lain-lain. (Hastomo,
2012)

2.8

PhpMyadmin
PhpMyadmin adalah aplikasi web yang dibuat oleh PhpMyadmin.

net.PhpMyadmin dgunakan untuk administrasi database MySQL. Untuk memulai
menggunakan PhpMyadmin pada layar utama WAMP pilih PhpMyadmin.
Beberapa fitur administrasi database pada PhpMyadmin sebagai berikut :

2.9

1.

Pembuatan Database

2.

Mengubah Database

3.

Pembuatan, Mengubah dan Menghapus Tabel

4.

Menambah, menampilkan, mengubah dan Menghapus Data (Record)

5.

Membuat dan Menghapus View

6.

Membuat dan Menghapus Index Kolom

Web Server
Web Server adalah Sebuah komputer yang terdiri dari perangkat keras

dan perangkat lunak. Secara bentuk fisik dan cara kerjanya, perangkat keras web
server tidak berbeda dengan komputer rumah atau PC, yang membedakan adalah
kapasitas dan kapabilitasnya. Perbedaan tersebut dikarenakan web server bekerja
sebagai penyedia layanan yang dapat diakses oleh banyak pengguna, sehingga
dibutuhkan kapasitas dan kapabilitas yang besar dibandingkan PC.

18

2.10

WWW (World Wide Web)
Merupakan salah satu fasilitas di internet yang menawarkan berbagai

kecanggihan dan kemudahan. WWW (World Wide Web) diciptakan dengan
tujuan untuk menyediakan informasi di internet yang memungkinkan pemakai
internet mendapatkan dan menampilkan informasi di mana internet secara mudah
dan cepat.(Wawan,2013).
Untuk dapat mengakses www (World Wide Web) tersebut
dibutuhkan suatu progam yang dinamakan web browser. Web Browser
atau Peramban web, disebut juga penjelajah web, adalah perangkat
lunak yang berfungsi menampilkan dan melakukan interaksi dengan
dokumen-dokumen yang disediakan oleh server web. Beberapa contoh
web browser diantaranya Internet Explorer, Mozilla, Firefox, Safari,
Opera, Google Chrome dll.

19

BAB III
PERANCANGAN DAN IMPLEMENTASI

c.1

Analisis Sistem Yang Sedang Berjalan
Di dalam sistem pengelolaan nilai pada Sistem Informasi Nilai Siswa

Online Pada SMP Negeri 6 Kediri terdapat beberapa kendala dalam proses
menganalisis nilai, pencatatan nilai, pelaporan serta pengolahan data nilai.
Dikarenakan setiap siswa memiliki nilai sendiri-sendiri dan berbeda-beda setiap
semesternya. Pada pencatatan juga masih konvensional dan prosesnya lama.
Selain itu masing-masing nilai dikumpulkan di masukan dalam buku leger nilai,
dibuat rata-rata baru dicatat ke dalam buku raport siswa selanjutnya diserahkan
kepada masing-masing siswa. Proses pencarian data nilai siswa yang memerlukan
cukup banyak waktu dan tenaga sehingga kinerja dari sistem menjadi kurang
efektif dan menyita waktu yang sangat lama. Kurang efektifnya pengolahan nilai
sehingga masih terjadi adanya kesalahan dalam memberikan informasi nilai bagi
siswa maupun wali murid.

c.2

Evaluasi Sistem Yang Sedang Berjalan
Berdasarkan analisis terhadap sistem yang sedang berjalan, maka dapat

ditarik kesimpulan bahwa secara keseluruhan sistem yang sedang berjalan kurang
dapat membantu Sekolah dalam memberikan informasi yang cepat, akurat, tepat
waktu dan relevan. Ini dapat dilihat dari permasalahan yang ada yaitu belum

18

20

tersedianya layanan Sistem Informasi Nilai Siswa Online Pada SMP Negeri 6
Kediri.
Maka dari itu solusi yang tepat adalah membuat Sistem Informasi Nilai
Siswa Online Pada SMP Negeri 6 Kediri dengan adanya sistem ini para siswa
dapat melihat nilai lebih cepat .

c.3

Gambaran Umum Sistem Yang Diusulkan
Sistem yang diusulkan adalah Sistem Informasi Nilai Siswa Online Pada

SMP Negeri 6 Kediri dengan fasilitas untuk data siswa, data nilai tugas, data nilai
ujian harian, data nilai ujian tengah semester (UTS), data nilai ujian akhir
semester (UAS) , data absensi, data mata pelajaran, data guru, data siswa, data
nilai tugas, data nilai ujian harian, data nilai ujian tengah semester (UTS), data
nilai ujian akhir semester (UAS), data absensi, data mata pelajaran dan data guru.

c.4

Kebutuhan Sistem
Definisi kebutuhan sistem adalah faktor-faktor yang diperlukan oleh

sistem dan diperlukan untuk perancangan perangkat lunak sehingga perangkat
lunak tersebut sesuai dengan maksud dan tujuan pembuatannya.

c.4.1 Kebutuhan Antar Muka Eksternal
Sistem Informasi Nilai Siswa Online Pada SMP Negeri 6 Kediri yang
akan dibangun ini membutuhkan perangkat lain sebagai pendukung agar Sistem
Informasi Nilai Siswa Online Pada SMP Negeri 6 Kediri dapat berjalan sesuai
fungsi dan tujuannya. Kebutuhan tersebut terbagi menjadi dua dan memiliki
fungsi yang berbeda, yaitu:

21

A. Antarmuka Pemakai (Admin dan Guru)
Dibutuhkan seperangkat komputer yang dilengkapi dengan
software web browser (misal : mozila firefox, Internet Explorer, Google
Crome, atau Opera dan lain-lain) dan tentunya terkoneksi dengan
jaringan internet.
B. Aplikasi Server
Aplikasi server mengatur request ke server dan respon dari
server ke request. Dibutuhkan web server Apache dan Database server
MySQL dan semuanya disediakan oleh pihak ketiga yaitu web hosting
yang kita sewa.

c.5

Masukan Sistem
Masukkan - masukkan ke dalam Sistem Informasi Nilai Siswa
Online Pada SMP Negeri 6 Kediri ini terdiri dari:
a.

Input data siswa

b.

Input data nilai tugas

b.

Input data nilai ujian harian

c.

Input data nilai ujian tengah semester (UTS)

d.

Input data nilai ujian akhir semester (UAS)

e.

Input data absensi

f.

Input data mata pelajaran

g.

Input data guru

22

c.6

Keluaran Sistem
Keluaran berupa data informasi maupun laporan yang dapat
dihasilkan oleh Sistem Informasi Nilai Siswa Pada SMP Negeri 6
Kediri Berbasis Online yaitu berupa :
a.

Rapot Siswa

b. Rekap Laporan nilai Tugas, ulangan harian, ulangan tengah
semester, ulangan akhir semester.
c.

Laporan nilai Tugas, ulangan harian, ulangan tengah semester,
ulangan akhir semester per siswa.

d. Rekap Laporan nilai Tugas, ulangan harian, ulangan tengah
semester, ulangan akhir semester per kelas.
e.

Rekap Laporan nilai Tugas, ulangan harian, ulangan tengah
semester, ulangan akhir semester per mapel.

c.7

f.

Rekap data mata pelajaran

g.

Rekap absensi dan Rekap data guru

Perancangan Sistem
Perancangan sistem di sini menggunakan beberapa tools yang digunakan

untuk membantu analisis, yaitu Flowchart sistem, diagram konteks, data level
diagram, flowchat program serta entity relational diagram.

c.7.1 Contex Diagram
Pada sistem ini diagram konteks yang menggambarkan proses sistem
yang dibuat terdiri dari beberapa entitas yang menjadi pelaku dari berjalannya

23

sistem tersebut. diagram konteks untuk adalah Sistem Informasi Nilai Siswa Pada
SMP Negeri 6 Kediri Berbasis Online seperti dalam gambar 3.1 di bawah ini :

Admin

Login_admin
Konfirmasi_input_data
input_data
Konfirmasi_login_admin

Login_siswa
Siswa

1

Data Siswa

Lihat_nilai_siswa

Sistem Informasi
Nilai Siswa Online

Konfirmasi_login_siswa

+

data_nilai_siswa

Login_guru
input_nilai
cetak_nilai
data_nilai
Data Guru

Guru

konfirmasi_input_nilai
konfirmasi_login_guru

Cetak_laporan
Validasi_laporan

Kepala Sekolah

Gambar 3.1 CD Sistem Informasi Nilai Siswa

Keterangan dari gambar context diagram Sistem Informasi Nilai
Siswa Online Pada SMP Negeri 6 Kediri adalah sebagai berikut :
1. Proses pertama adalah admin, guru dan siswa melakukan login ke dalam
sistem pengolahan nilai siswa
2. Proses kedua adalah admin melakukan penginputan data berupa data
siswa, mata pelajaran, guru dan absensi.
3. Proses ketiga adalah guru memasukkan data nilai siswa kepada sistem
agar diolah dan mendapatkan rekap nilai.

24

4. Proses keempat adalah kepala sekolah mengonfirmasi nilai siswa dan
mendapat rekap nilai siswa.
5. Proses kelima adalah siswa mengakses data nilai melalui website.

c.7.2 Data Flow Diagram
Data flow diagram yang diusulkan untuk pengembangan sistem yang
akan dirancang dengan mengacu kepada diagram konteks atau merupakan
pengembangan dari diagram konteks atau bisa juga disebut sebagai turunan dari
diagram konteks. Data Flow Diagram untuk Sistem Informasi Nilai Siswa Online
Pada SMP Negeri 6 Kediri ini digambarkan pada gambar 3.2.
Login_siswa

1
Login_admin

Siswa

Konfirmasi_login_siswa
Login_guru

Konfirmasi_login_admin
Data_login_guru

Proses Login

konfirmasi_login_guru

Data_guru

Admin

t_guru

Data_admin
Lihat_nilai_siswa
data_nilai_siswa
Data_login_admin
Data_siswa

Guru
3

t_admin
Data_guru

Data_login_siswa

input_data
Konfirmasi_input_data

Pengolahan Nilai

Data_guru

t_siswa
2
Data_admin
Data_admin
Data_siswa
Data_siswa

Data_nilai
Data_nilai

Input_Data

input_nilai
konfirmasi_input_nilai
Data_mapel

Data_mapel
Data_mapel

t_nilai

t_mapel

Data_mapel
4
cetak_nilai
Kepala Sekolah

data_nilai

Cetak_laporan

Laporan

Validasi_laporan

Gambar 3.2 DFD Level 0 Sistem Informasi Nilai Siswa

Setelah didapat penjelasan dari context diagram, di bawah ini adalah
keterangan dari data flow diagram level 0 :

25

1. Proses pertama adalah admin, guru dan siswa melakukan login ke
dalam sistem pengolahan nilai siswa
2. Proses kedua adalah admin melakukan penginputan data berupa data
siswa, mata pelajaran, guru dan absensi.
3. Proses ketiga adalah guru memasukkan data nilai siswa kepada
sistem agar diolah dan mendapatkan rekap nilai.
4. Proses keempat adalah siswa mengakses data nilai melalui website.
5. Proses kelima adalah kepala sekolah mengonfirmasi nilai siswa dan
mendapat rekap nilai siswa.

c.7.3 Entity Relational Diagram
Entity relational diagram merupakan salah satu tools untuk analisis
perancangan yang menggambarkan relasi antar entitas. Sistem Informasi Nilai
Siswa Online Pada SMP Negeri 6 Kediri seperti pada gambar 3.3 di bawah ini.
Admin
kd_admin
nm_admin
password
status
kd_guru

Mapel
kd_mapel
nama_mapel
kd_kelas

Mengelola
Mempunyai

Guru
kd_guru
nama
nip
tmp_lahir
tgl_lahir
jekel
alamat
email

Mempunyai

Nilai
kd_nilai
nis
kd_mapel
pengetahuan
praktik
sikap
narasi
semester
tahun

Memili ki

Memili ki

Kelas
kd_kelas
nama_kelas
kd_guru

Gambar 3.3 : ERD Psikal Sistem Nilai Siswa Online

Siswa
kd_siswa
nis
nama
tmp_lahir
tgl_lahir
jekel
alamat
kd_kelas

26

Siswa

1

N

Mempunyai

Nilai

1

Mempunyai

Nama Guru
Guru

Alamat

N

Jenis Kelamin

N
Mempunyai

N

Kelas

1

Mempunyai

N

Nama Mapel

Mapel
Kelas

Gambar 3.4 : ERD Logikal Sistem Nilai Siswa Online

c.8

Rancangan Basis Data
Pada tahap perancangan basis data ini, akan dijelaskan mengenai

perancangan tentang database yang akan digunakan dalam Sistem Informasi Nilai
Siswa Online Pada SMP Negeri 6 Kediri.

Sebelum pengembangan sistem,

terlebih dahulu dilakukan penyusunan struktur database secara benar. Rancangan
tabel-tabel dalam database adalah sebagai berikut :

c.8.1

Struktur Tabel Admin
Tabel admin digunakan untuk menyimpan data admin pada sistem.

Admin mempunyai atribut seperti Kode_Admin, Nama_Admin, Password, Status,
Kode_Guru.

Tabel 3.1 : Tabel Admin

27

Field
Kode_Admin
Nama_Admin
Password
Status
Kode_Guru

c.8.2

Tipe data
Int(11)
Varchar(52)
Varchar(50)
Varchar(10)
Varchar(20)

Ket
Primary Key

Struktur Tabel Kelas
Tabel kelas digunakan untuk menyimpan data kelas pada sistem, Guru

mempunyai atribut seperti Kode_Kelas, Nama_Kelas dan lain-lain dari pengguna
sistem ini nantinya.
Field
Kode_Kelas
Nama_Kelas
Tahun

Tabel 3.2 : Tabel Kelas
Tipe data
Int(11)
Varchar(10)
Varchar(4)

Ket
Primary Key

3.8.3 Struktur Tabel Mapel
Tabel matpel digunakan untuk menyimpan data matpel pada sistem,
matpel mempunyai atribut seperti id_matpel, nama matpel dan lain-lain dari
pengguna sistem ini nantinya.
Tabel 3.3 : Tabel Mapel
Tipe data
Int(10)
Varchar(50)
Int(11)

Field
ID_matpel
Nama_Matpel
Kode_Kelas

Ket
Primary Key

c.8.3 Struktur Tabel Siswa
Tabel siswa digunakan untuk menyimpan data siswa pada sistem, siswa
mempunyai atribut seperti Kode Siswa, Nama_Siswa dan lain-lain dari pengguna
sistem ini nantinya.
Tabel 3.4 : Tabel Siswa

28

Field
Kode_Siswa
NIS
Nama
Tempat_Lahir
Tanggal_Lahir
Jenis _Kelamin
Alamat
Kode_Kelas
Email
Password

Tipe data
Int()3
Varchar(50)
Varchar(20)
Varchar(50)
Date
Int(1)
Text
Int(3)
Varchar(20)
Varchar(50)

Ket
Primary Key

c.8.4 Struktur Tabel Nilai
Tabel nilai digunakan untuk menyimpan data nilai pada sistem, nilai
mempunyai atribut seperti kode_nilai, nis dan lain-lain dari pengguna sistem ini
nantinya.
Field
Kode Nilai
NIS
Kode_Mapel
Pengetahuan
Praktik
Sikap
Diskripsi
Semester
Tahun

Tabel 3.5 : Tabel Nilai
Tipe data
Int(11)
Varchar(20)
varchar(20)
Float
Float
Varchar(10)
Text
Int(1)
Varchar(4)

Ket
Primary Key

c.8.5 Struktur Tabel Guru
Tabel guru digunakan untuk menyimpan data guru pada sistem, guru
mempunyai atribut seperti kode guru, nama guru dan lain-lain dari pengguna
sistem ini nantinya.
Field
Kode_guru
Nama
NIP
Tempat_Lahir

Tabel 3.6 : Tabel Guru
Tipe data
Int(11)
Varchar(50)
Varchar(25)
Varchar(50)

Ket
Primary Key

29

Tanggal_Lahir
Jenis Kelamin
Alamat
Email

c.9

Date
Int(1)
Text
Varchar(50)

Struktur Website
Struktur website Sistem Informasi Nilai Siswa Pada SMP Negeri 6

Kediri Berbasis Online ini dibuat sederhana (user friendly) agar setiap pemakai
dapat menggunakannya tanpa kesulitan. Dalam sistem ini struktur menu dibagi
menjadi dua bagian program, website backend serta frontend seperti :

3.9.1 Desain Menu Backend
Desain menu backend sistem dibuat ada 3 halaman pokok, yaitu:
halaman utama, halaman data-data data siswa, data nilai tugas, data nilai ujian
harian, data nilai ujian tengah semester (UTS), data nilai ujian akhir semester
(UAS) , data absensi, data mata pelajaran, data guru, data siswa, data nilai tugas,
data nilai ujian harian, data nilai ujian tengah semester (UTS), data nilai ujian
akhir semester (UAS), data absensi, data mata pelajaran dan data guru. Berikut
adalah penjabaran dari desain menu sistem tersebut :

A.Halaman Utama
Halaman utama merupakan halaman yang ditampilkan pertama kali ketika
website dibuka. Pada Sistem Informasi Nilai Siswa Pada SMP Negeri 6 Kediri
Berbasis Online bagian ini terdapat dua sub menu sebagai berikut:

A.1

Halaman Login

30

Menu login ini bisa digunakan admin dengan memasukan username dan
password yang diperoleh saat pendaftaran atau saat didaftarkan oleh admin. Pada
tahap ini pula user akan ditujukan langsung ke menu-menu yang berbeda
berdasarkan level user masing-masing, sehingga user bisa dengan mudah
melakukan pengoperasian sistem sesuai dengan kebutuhannya. Contoh desain
menu login di tunjukkan pada gambar 3.5 di bawah ini :

Header
Username
use
Password

Txt

Login

A.2

cancel
h

Halaman Home

Halaman ini ditampilkan saat setelah user melakukan login, pada
Gambar 3.5 : Halaman Login

halaman ini terdapat menu-menu yang bisa diakses berdasarkan level user. Contoh
desain menu Home di tunjukkan pada gambar 3.6 berikut ini:

HEADER

MENU ATAS

MENU KIRI

ISI

Gambar 3.6 : Halaman Home

31

B. Halaman Data
Halaman data ini merupakan halaman di mana kita bisa
menginputkan dan melihat data-data master Pada Sistem Informasi Nilai
Siswa Pada SMP Negeri 6 Kediri Berbasis Online seperti data siswa, data
nilai tugas, data nilai ujian harian, data nilai ujian tengah semester (UTS),
data nilai ujian akhir semester (UAS) , data absensi, data mata pelajaran,
data guru, data siswa, data nilai tugas, data nilai ujian harian, data nilai
ujian tengah semester (UTS), data nilai ujian akhir semester (UAS), data
absensi, data mata pelajaran dan data guru. Pada bagian ini terdapat dua
sub menu yaitu sub menu input data dan sub menu lihat data, dengan
penjelasan sebagai berikut:

B.1

Halaman Input Data
Halaman ini merupakan halaman untuk menginputkan data –
data master Sistem Informasi Nilai Siswa Pada SMP Negeri 6 Kediri
Berbasis Online seperti berupa data siswa, data nilai tugas, data nilai ujian
harian, data nilai ujian tengah semester (UTS), data nilai ujian akhir
semester (UAS) , data absensi, data mata pelajaran, data guru, data siswa,
data nilai tugas, data nilai ujian harian, data nilai ujian tengah semester
(UTS), data nilai ujian akhir semester (UAS), data absensi, data mata
pelajaran dan data guru. Contoh desain halaman input data di tunjukkan
pada gambar 3.7 di bawah ini:

32

HEADER
MENU

MENU

SUB MENU

MENU

MENU

MENU

SUB MENU

MENU

SUB MENU

Input Data xxxxx
Label

Text Box

Label

Text Box

Label

Text Box

save

reset

Gambar 3.7 : Halaman Input Data

MENU KIRI

33

B.2

Halaman Lihat Data
Halaman ini merupakan halaman untuk melihat data – data
Sistem Informasi Nilai Siswa Pada SMP Negeri 6 Kediri Berbasis Online
seperti berupa data siswa, data nilai tugas, data nilai ujian harian, data nilai
ujian tengah semester (UTS), data nilai ujian akhir semester (UAS) , data
absensi, data mata pelajaran, data guru, data siswa, data nilai tugas, data
nilai ujian harian, data nilai ujian tengah semester (UTS), data nilai ujian
akhir semester (UAS), data absensi, data mata pelajaran dan data guru.
Contoh desain halaman lihat data di tunjukkan gambar 3.8 di bawah ini:
HEADER

MENU

MENU

SUB MENU

MENU

MENU

SUB MENU

MENU

MENU

SUB MENU

Data xxxxx
Menu Data

MENU KIRI

Gambar 3.8 : Halaman Lihat Data

34

C. Halaman Rekap
Halaman rekap ini merupakan halaman di mana kita bisa membuat
laporan dan melakukan perekapan data-data Sistem Informasi Nilai Siswa
Pada SMP Negeri 6 Kediri Berbasis Online berupa data siswa, data nilai
tugas, data nilai ujian harian, data nilai ujian tengah semester (UTS), data
nilai ujian akhir semester (UAS) , data absensi, data mata pelajaran, data
guru, data siswa, data nilai tugas, data nilai ujian harian, data nilai ujian
tengah semester (UTS), data nilai ujian akhir semester (UAS), data absensi,
data mata pelajaran dan data guru.

D. Halaman Rekap Data
Halaman ini merupakan halaman untuk mencetak data – data Sistem
Informasi Nilai Siswa Pada SMP Negeri 6 Kediri Berbasis Online seperti
berupa data siswa, data nilai tugas, data nilai ujian harian, data nilai ujian
tengah semester (UTS), data nilai ujian akhir semester (UAS) , data absensi,
data mata pelajaran, data guru, data siswa, data nilai tugas, data nilai ujian
harian, data nilai ujian tengah semester (UTS), data nilai ujian akhir semester
(UAS), data absensi, data mata pelajaran dan

data guru.Contoh desain

halaman lihat data di tunjukkan pada gambar 3.9 di bawah ini:

35

HEADER
MENU

MENU

MENU

SUB MENU

MENU

MENU

SUB MENU

MENU
SUB MENU

MENU KIRI

Menu Data xxxxx
Cetak Berdasarkancombo
Cetak Semua Data
cetak

textbox

cetak

Gambar 3.9 : Halaman Rekap Data

3.10

Desain Menu Frontend
Desain menu frontend sistem dibuat ada 2 halaman pokok,
yaitu: halaman umum yang dapat dilihat semua user, dan halaman
user yang hanya dapat dilihat oleh seorang user member. Berikut
adalah penjabaran dari desain menu sistem tersebut :

A.

Halaman Umum
Halaman umum merupakan halaman yang ditampilkan
pertama kali ketika website dibuka dan dapat diakses oleh semua
pengunjung website tanpa terkecuali, halaman umum meliputi halaman
utama, halaman profil, halaman kontak, halaman nilai dan Halaman
mapel seperti yang ditunjukkan pada gambar 3.10 sebagai berikut:

36

Log
o

Nilai

Mapel

Isi Halaman
Menu Kiri

Gambar 3.10 : Halaman Umum

B.

Halaman Member
Halaman member merupakan halaman yang dapat diakses oleh semua
member website yang telah melakukan registrasi dan login pada sistem
ini, halaman member meliputi halaman profil Guru, halaman riwayat
dan lain-lain. Pada data guru dan data siswa yang ditunjukkan pada
gambar 3.11 sebagai berikut:

Logo
Menu Umum
Nilai

Mapel

Isi
Menu Kiri
37

Gambar 3.11 : Halaman Member

3.11

Laporan
Laporan yang dihasilkan dari Sistem Informasi Nilai Siswa
Pada SMP Negeri 6 Kediri Berbasis Online ini adalah :
1) Rapot Siswa
2) Rekap Laporan nilai Tugas, ulangan harian, ulangan tengah
semester, ulangan akhir semester.
3) Laporan nilai Tugas, ulangan harian, ulangan tengah semester,
ulangan akhir semester per siswa.
4) Rekap Laporan nilai Tugas, ulangan harian, ulangan tengah
semester, ulangan akhir semester per kelas.
5) Rekap Laporan nilai Tugas, ulangan harian, ulangan tengah
semester, ulangan akhir semester per mapel.
6) Rekap data mata pelajaran
7) Rekap absensi

38

8) Rekap data guru

39

BAB IV
PENGUJIAN DAN ANALISA
4.1

Spesifikasi Hardware
Spesifikasi hardware yang digunakan dalam implementasi Penggolahan

Nilai Siswa Pada SMP Negeri 6 Kediri adalah sebagai berikut : Processor Intel(R)
2,10 GHz, 1,24 GB of Ram, Hardisk 180 GB, Monitor, mouse & keyboard.

4.2

Spesifikasi Software
Spesifikasi

software

yang

digunakan

dalam

implementasi

implementasi Sistem Ujian Online Dan Penggolahan Nilai Siswa Pada SMP
Negeri 1 Rejotangan adalah sebagai berikut : Sistem operasi Microsoft Windows
7, Dreamweaver 8, Power Design 6.32, SQLyog Ultimate v9.02,MySQL - 5.5.16
dan software-software pendukung lainnya.

4.3

Implementasi Program
Form adalah tempat operator program memasukkan data-data, karena itu

desain form dibuat mudah dan lengkap. Form yang terdapat dalam aplikasi ini
yaitu sebagai berikut :

4.3.1 Form Login
Pada form login admin ini digunakan sebagai login untuk hak akses
admin pada aplikasi Sistem informasi nilai siswa. Berikut adalah segmen
programnya.

37

40

Gambar 4.1 Form Login

Segmen program gambar 4.2
1.
2.
3.
4.
5.
6.
7.
8.
9.

echo "
alert('Login Berhasil!!');";
echo"location.href='index.php'";
}else{
session_destroy();
echo "
alert('Login Gagal !!');";
echo "location.href='login.php'";
}

Segmen di atas digunakan untuk proses login di mana data admin dan
password yang diinputkan padausername dan password akan di cek dan
dicocokkan data dari tabel admin, jika data cocok maka proses login berhasil
sebaliknya jika data tidak cocok maka login gagal.

4.3.2 Form Menu Utama
Sebagai form yang pertama tampil (start up). Pada form ini operator
program dapat memilih form yang akan ditampilkan.

41

Gambar 4.2 Form Menu Utama

Segmen program gambar 4.2
1.
2.
3.
4.
5.
6.
7.
8.










Segmen di atas berfungsi untuk menampilkan menu-menu yang ada di
halaman se