47
perpustakaan.uns.ac.id digilib.uns.ac.id commit to user APLIKASI PENGOLAHAN RAPOR DI SMK N 2 SRAGEN DENGAN PHP DAN MYSQL TUGAS AKHIR Diajukan Untuk Memenuhi Salah Satu Syarat Mencapai Gelar Ahli Madya Program Diploma III Ilmu Komputer Disusun oleh : MUHAMMAD ABDUL WAHID NIM. M3209055 PROGRAM DIPLOMA III ILMU KOMPUTER FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SEBELAS MARET 2012

APLIKASI PENGOLAHAN RAPOR DI SMK N 2 SRAGEN DENGAN PHP …/Aplikasi... · perpustakaan.uns.ac.id digilib.uns.ac.id commit to user ii HALAMAN PERSETUJUAN APLIKASI PENGOLAHAN RAPOR

  • Upload
    ngokien

  • View
    221

  • Download
    0

Embed Size (px)

Citation preview

Page 1: APLIKASI PENGOLAHAN RAPOR DI SMK N 2 SRAGEN DENGAN PHP …/Aplikasi... · perpustakaan.uns.ac.id digilib.uns.ac.id commit to user ii HALAMAN PERSETUJUAN APLIKASI PENGOLAHAN RAPOR

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

APLIKASI PENGOLAHAN RAPOR DI SMK N 2 SRAGEN DENGAN

PHP DAN MYSQL

TUGAS AKHIR

Diajukan Untuk Memenuhi Salah Satu Syarat Mencapai Gelar Ahli Madya

Program Diploma III Ilmu Komputer

Disusun oleh :

MUHAMMAD ABDUL WAHID

NIM. M3209055

PROGRAM DIPLOMA III ILMU KOMPUTER

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SEBELAS MARET

2012

Page 2: APLIKASI PENGOLAHAN RAPOR DI SMK N 2 SRAGEN DENGAN PHP …/Aplikasi... · perpustakaan.uns.ac.id digilib.uns.ac.id commit to user ii HALAMAN PERSETUJUAN APLIKASI PENGOLAHAN RAPOR

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

APLIKASI PENGOLAHAN RAPOR DI SMK N 2 SRAGEN DENGAN

PHP DAN MYSQL

TUGAS AKHIR

Diajukan Untuk Memenuhi Salah Satu Syarat Mencapai Gelar Ahli Madya

Program Diploma III Teknik Informatika

Disusun oleh :

MUHAMMAD ABDUL WAHID

NIM. M3209055

PROGRAM DIPLOMA III TEKNIK INFORMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SEBELAS MARET

2012

Page 3: APLIKASI PENGOLAHAN RAPOR DI SMK N 2 SRAGEN DENGAN PHP …/Aplikasi... · perpustakaan.uns.ac.id digilib.uns.ac.id commit to user ii HALAMAN PERSETUJUAN APLIKASI PENGOLAHAN RAPOR

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

ii

HALAMAN PERSETUJUAN

APLIKASI PENGOLAHAN RAPOR DI SMK N 2 SRAGEN DENGAN

PHP DAN MYSQL

Disusun Oleh

MUHAMMAD ABDUL WAHID

NIM. M3209055

Tugas Akhir Ini di setujui untuk di pertahankan dihadapan dewan penguji untuk

mendapatkan gelar Ahli Madya Program Diploma III Teknik Informatika

pada tanggal : 26 Juni 2012

Pembimbing Utama

Nanang Maulana, S.Si.

NIDN. 0614078103

Page 4: APLIKASI PENGOLAHAN RAPOR DI SMK N 2 SRAGEN DENGAN PHP …/Aplikasi... · perpustakaan.uns.ac.id digilib.uns.ac.id commit to user ii HALAMAN PERSETUJUAN APLIKASI PENGOLAHAN RAPOR

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

iii

HALAMAN PENGESAHAN

APLIKASI PENGOLAHAN RAPOR DI SMK N 2 SRAGEN DENGAN

PHP DAN MYSQL

Disusun Oleh

MUHAMMAD ABDUL WAHID

NIM. M3209055

Dibimbing Oleh

Pembimbing Utama

Nanang Maulana, S.Si.

NIDN. 0614078103

Tugas Akhir ini telah diterima dan disahkan oleh dewan penguji Tugas Akhir Program Diploma III Teknik Informatika

Pada hari Selasa, 26 Juni 2012

Tanda Tangan Dewan Penguji : 1. Nanang Maulana, S.Si

NIDN. 0614078103 ( )

2. Hartono, S.Si NIP. 19770828 200604 1 008 ( )

3. Lelly Hidayah Anggraini, M.Cs NIDN.

( )

Disahkan Oleh :

Dekan Fakultas MIPA UNS

Prof. Ir. Ari Handono Ramelan, M.Sc (Hons), Ph.D NIP. 19610223 198601 1 001

Ketua Program Diploma III Teknik Informatika

Drs. Y. S. Palgunadi, M.Sc NIP. 19560407 198303 1 004

Page 5: APLIKASI PENGOLAHAN RAPOR DI SMK N 2 SRAGEN DENGAN PHP …/Aplikasi... · perpustakaan.uns.ac.id digilib.uns.ac.id commit to user ii HALAMAN PERSETUJUAN APLIKASI PENGOLAHAN RAPOR

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

iv

ABSTRACT

Muhammad Abdul Wahid, M3209055. RAPOR PROCESSING APLICATION IN SMKN2 SRAGEN USING PHP AND MYSQL. Diploma III Informatics Engineering Matematika and Nature Science Faculty. Sebelas Maret University Surakarta. Juny 2012.

Rapor is an evidence of the hard work of students at school. Each semester student grades are taken by some of the tasks and final semester exams. However, processing of student data to be written on the raport is still done manually. This is certainly less efficient in terms of time and less accurate. Therefore, It needs an application for processing the raport in SMKN 2 Sragen to be more efficient.

The methods of data collection in this final project were by observation and study of literatures. For the first step are designing databases, designing program flowchart, designing user interface, program scripting, and program trial run. This application was developed using PHP and MySQL as the database.

From the research and building application, the conclusion is that the raport processing application is a tool that can help in the processing of report cards, especially for the administrator or teachers. This processing report card can be printed for each one of student.

Keywords: System, Information Systems, Raport, SMKN 2Sragen, PHP, MySQL

.

Page 6: APLIKASI PENGOLAHAN RAPOR DI SMK N 2 SRAGEN DENGAN PHP …/Aplikasi... · perpustakaan.uns.ac.id digilib.uns.ac.id commit to user ii HALAMAN PERSETUJUAN APLIKASI PENGOLAHAN RAPOR

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

v

Muhammad Abdul Wahid, M3209055. APLIKASI PENGOLAHAN RAPOR DI SMK N 2 SRAGEN DENGAN PHP DAN MYSQL. Diploma III Teknik Informatika, Fakultas Matematika dan Ilmu Pengetahuan Alam, Universitas Sebelas Maret Surakarta. Juni 2012.

Rapor merupakan bukti dari hasil kerja keras para siswa dalam menempuh belajar di sekolah. Setiap semester yang ditempuh oleh siswa terdapat beberapa tugas dan ujian akhir semester. Namun pengolahan data-data siswa untuk ditulis pada rapor masih dilakukan secara manual. Hal ini tentunya kurang efisien dalam hal waktu dan kurang akurat. Untuk itu diperlukan sebuah aplikasi untuk pengolahan rapor pada SMKN 2 Sragen agar lebih efisien. Metode pengumpulan data yang dalam penyusunan Tugas Akhir ini adalah metode observasi dan studi pustaka. Tahapan perancangan yang digunakan meliputi perancangan database, perancangan alur program dengan DFD, perancangan tampilan program, pembuatan script program dan pengecekan jalannya program. Aplikasi ini dikembangkan dengan menggunakan PHP dan diolah dengan menggunakan database MySQL.

Dari hasil penelitian dan pembuatan yang dilakukan diperoleh kesimpulan bahwa aplikasi pengolahan rapor adalah suatu sarana yang dapat membantu proses pengolahan rapor, khususnya nilai bagi staff administrasi atau guru. Pengolahan rapor ini dapat dicetak untuk masing-masing siswa. Kata kunci : Sistem, Sistem Informasi, Rapor, SMK N 2 Sragen, PHP, MYSQL.

Page 7: APLIKASI PENGOLAHAN RAPOR DI SMK N 2 SRAGEN DENGAN PHP …/Aplikasi... · perpustakaan.uns.ac.id digilib.uns.ac.id commit to user ii HALAMAN PERSETUJUAN APLIKASI PENGOLAHAN RAPOR

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

vi

KATA PENGANTAR

Puji syukur atas kehadirat Allah SWT atas limpahan rahmat dan karunia-

Nya, sholawat serta salam semoga selalu tercurahkan kepada nabi Muhammad

SAW, sehingga penulis dapat menyelesaikan laporan Tugas Akhir

APLIKASI PENGOLAHAN RAPOR DI SMK N 2 SRAGEN DENGAN PHP

DAN MYSQL untuk memenuhi persyaratan kelulusan Program

Diploma III Teknik Komputer Fakultas Matematika dan Ilmu Pengetahuan Alam

Universitas Sebelas Maret Surakarta.

Dalam penyusunan laporan Tugas Akhir ini, tidak lepas dari bantuan dari

berbagai pihak. Untuk itu dengan segala kerendahan hati penulis mengucapkan

banyak terima kasih kepada:

1. Bapak Drs. Y. S. Palgunadi, M. Sc, selaku Ketua Program Diploma III Ilmu

Komputer Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas

Sebelas Maret Surakarta.

2. Bapak Nanang Maulana, S.Si, selaku dosen pembimbing yang banyak sekali

meluangkan waktu untuk memberikan arahan dalam menyelesaikan

Laporan Tugas Akhir ini.

3. Ayah dan Ibu, adik-adik ku dan orang yang menyayangiku yang selalu

mendoakan dan memberikan dukungan selama ini.

4. Berbagai pihak yang telah membantu penyusunan laporan ini yang tidak

dapat disebutkan satu persatu.

Penulis menyadari bahwa dalam penyusunan laporan Tugas Akhir ini terdapat

kekurangan, sehingga penulisan laporan Tugas Akhir ini masih jauh dari

sempurna.

Akhir kata penulis berharap semoga laporan ini bermanfaat bagi semua

pembaca.

Surakarta, Juni 2012

Penulis

Page 8: APLIKASI PENGOLAHAN RAPOR DI SMK N 2 SRAGEN DENGAN PHP …/Aplikasi... · perpustakaan.uns.ac.id digilib.uns.ac.id commit to user ii HALAMAN PERSETUJUAN APLIKASI PENGOLAHAN RAPOR

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

vii

DAFTAR ISI

HALAMAN JUDUL ....................................................................................... i

HALAMAN PERSETUJUAN ........................................................................ ii

HALAMAN PENGESAHAN ......................................................................... iii

ABSTRACT .................................................................................................... iv

ABSTRAK ...................................................................................................... v

KATA PENGANTAR .................................................................................... vi

DAFTAR ISI ................................................................................................... vii

DAFTAR GAMBAR ....................................................................................... ix

DAFTAR TABEL ............................................................................................ x

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

1.1 Latar Belakang Masalah ............................................................ 1

1.2 Rumusan Masalah ....................................................................... 2

1.3 Batasan Masalah ......................................................................... 2

1.4 Tujuan ..................................................................................... 2

1.5 Manfaat ....................................................................................... 2

1.6 Metodologi Penelitian ................................................................ 3

1.7 Sistematika Penulisan ................................................................ 3

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

2.1 Definisi Sistem Informasi ........................................................... 5

2.2 Perancangan Sistem .................................................................... 5

2.3 Context Diagram ......................................................................... 6

2.4 Data Flow Diagram ..................................................................... 6

2.5 Entity Relationship Diagram ...................................................... 7

2.6 Table Relationship ...................................................................... 7

2.7 Database ...................................................................................... 8

2.8 PHP ............................................................................................. 9

2.10 HTML ......................................................................................... 9

2.11 MySQL ....................................................................................... 9

Page 9: APLIKASI PENGOLAHAN RAPOR DI SMK N 2 SRAGEN DENGAN PHP …/Aplikasi... · perpustakaan.uns.ac.id digilib.uns.ac.id commit to user ii HALAMAN PERSETUJUAN APLIKASI PENGOLAHAN RAPOR

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

viii

2.12 Cascading Style Sheets (CSS) .................................................... 10

2.13 JavaScript .................................................................................... 10

2.14 JQuery ......................................................................................... 10

BAB III ANALISA DAN PERANCANGAN ................................................ 11

3.1 Perancangan Sistem ....................................................................... 11

3.1.1 System Requirment Spesification (SRS) .............................. 11

3.1.2 Diagram Konteks .................................................................. 13

3.1.3 Data Flow Diagram ............................................................... 14

3.1.4 Entity Relational Diagram (ERD) ......................................... 15

3.1.5 Relasi Tabel ........................................................................... 16

3.2 Perancangan Layout ........................................................................ 22

BAB IV .............................................. 24

4.1 Implementasi .................................................................................. 24

4.2 Analisis Kebutuhan ........................................................................ 28

4.3 Pengujian Sistem ............................................................................ 29

4.3.1 Pengujian Login .................................................................... 29

4.3.2 Pengujian Input Data ............................................................. 32

4.3.3 Pengujian Input Mapel Program Studi (prodi) ...................... 34

BAB .................................................................................... . 36

5.1 Kesimpulan ................................................................................... . 36

5.2 Saran .............................................................................................. . 36

DAFTAR PUSTAKA ..................................................................................... 37

LAMPIRAN

Page 10: APLIKASI PENGOLAHAN RAPOR DI SMK N 2 SRAGEN DENGAN PHP …/Aplikasi... · perpustakaan.uns.ac.id digilib.uns.ac.id commit to user ii HALAMAN PERSETUJUAN APLIKASI PENGOLAHAN RAPOR

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

ix

DAFTAR GAMBAR

Gambar 3.1 Diagram Konteks.......................................................................... 13

Gambar 3.2 Data Flow Diagram (DFD) Level 0 ............................................. 14

Gambar 3.3 Entity Relational Diagram (ERD) ................................................ 15

Gambar 3.4 Relasi Tabel .................................................................................. 16

Gambar 3.5 Perancangan Halaman Login ....................................................... 22

Gambar 3.6 Perancangan Halaman Admin Guru dan Kurikulum ................... 23

Gambar 3.7 Perancangan layout siswa ............................................................ 23

Gambar 4.1 Halaman Login ............................................................................. 24

Gambar 4.2 Halaman Admin (kurikulum) ....................................................... 25

Gambar 4.3 Halaman Entry data Matapelajaran .............................................. 25

Gambar 4.4 Halaman Guru (wali kelas) .......................................................... 26

Gambar 4.5 Halaman Siswa ............................................................................. 26

Gambar 4.6 Pesan notifikasi proses sukses ...................................................... 27

Gambar 4.7 Pesan proses gagal. ....................................................................... 27

Gambar 4.8 Pesan konfirmasi proses hapus data ............................................. 27

Gambar 4.9 Gambar rapor siswa ...................................................................... 28

Gambar 4.10 Halaman Login ........................................................................... 29

Gambar 4.11 Halaman Admin Kurikulum ....................................................... 30

Gambar 4.12 Halaman Admin Guru / Pengajar ............................................... 30

Gambar 4.13 Halaman User Siswa .................................................................. 31

Gambar 4.14 Gambar pesan error form login kosong...................................... 31

Gambar 4.15 Pesan error username atau password tidak tepat ........................ 32

Gambar 4.16 Form input data matapelajaran ................................................... 33

Gambar 4.17 Pesan konfirmasi data mapel berhasil disimpan ........................ 33

Gambar 4.18 Gambar tabel mapel prodi yang masih kosong .......................... 34

Gambar 4.19 Gambar tabel mapel prodi yang sudah terisi .............................. 35

Page 11: APLIKASI PENGOLAHAN RAPOR DI SMK N 2 SRAGEN DENGAN PHP …/Aplikasi... · perpustakaan.uns.ac.id digilib.uns.ac.id commit to user ii HALAMAN PERSETUJUAN APLIKASI PENGOLAHAN RAPOR

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

x

DAFTAR TABEL Tabel 2.1 Data Flow Diagram .......................................................................... 6

Tabel 2.2 Entity Relationship Diagram ............................................................ 7

Tabel 3.1 Tabel Deskripsi Kebutuhan Fungsional ........................................... 11

Tabel 3.2 Tabel Deskripsi Kebutuhan Non Fungsional ................................... 12

Tabel 3.3 Tabel tb_siswa.................................................................................. 17

Tabel 3.4 Tabel tb_mapel ................................................................................. 17

Tabel 3.5 Tabel tb_mapel_prodi ...................................................................... 18

Tabel 3.6 Tabel tb_guru ................................................................................... 18

Tabel 3.7 Tabel tb_guru_mapel ....................................................................... 18

Tabel 3.8 Tabel tb_kelas .................................................................................. 19

Tabel 3.9 Tabel tb_kelas_siswa ....................................................................... 19

Tabel 3.10 Tabel tb_prodi ................................................................................ 19

Tabel 3.11 Tabel tb_jurusan ............................................................................. 20

Tabel 3.12 Tabel tb_nilai ................................................................................. 20

Tabel 3.13 Tabel tb_bobot_nilai ...................................................................... 21

Tabel 3.14 Tabel tb_rapor ................................................................................ 21

Tabel 3.15 Tabel tb_useradmin ........................................................................ 21

Tabel 3.16 Tabel tb_smt ................................................................................... 22

Tabel 4.1 Tabel data pengujian input matapelajaran ....................................... 32

Tabel 4.2 Tabel data pengujian menentukan mapel prodi ............................... 34

Page 12: APLIKASI PENGOLAHAN RAPOR DI SMK N 2 SRAGEN DENGAN PHP …/Aplikasi... · perpustakaan.uns.ac.id digilib.uns.ac.id commit to user ii HALAMAN PERSETUJUAN APLIKASI PENGOLAHAN RAPOR

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

1

BAB I

PENDAHULUAN

1.1. Latar Belakang Masalah

Nilai rapor sampai saat ini masih dipercayai sebagai tolok ukur

keberhasilan siswa dalam menempuh pendidikan sekolah. Nilai rapor merupakan

kumpulan nilai akhir dari semua mata pelajaran yang ditempuh siswa pada suatu

semester. Untuk menghasilkan nilai rapor, wali kelas membutuhkan integrasi data

dari semua guru pengampu mata pelajaran. Proses pengolahan nilai rapor

seringkali membutuhkan tenaga dan waktu yang tidak sedikit, terutama jika proses

tersebut dilakukan secara manual.

Sebagian guru (walikelas) SMK N 2 Sragen telah menggunakan perangkat

lunak seperti Microsoft Excel untuk melakukan pengolahan nilai rapor. Guru

pengajar memberikan laporan nilai kepada wali kelas, kemudian walikelas

memasukkan data nilai yang diberikan oleh guru mata pelajaran kedalam

Microsoft Excel untuk dilakukan pengolahan nilai sehingga menjadi nilai rapor.

Pengolahan nilai dengan cara ini membutuhkan waktu lama dan sangat

sulit untuk penyampaian hasil pengolahan nilai kepada siswa. Sebagai contoh

misal sebuah kelas terdiri dari 40 siswa. Seorang siswa mengambil tujuh mata

pelajaran. Kemudian di akhir semester walikelas akan menerima laporan nilai

sebanyak tujuh kali empat puluh data yang harus dimasukkan kedalam perangkat

lunak Microsoft Excel untuk dilakukan penghitungan. Hal ini tentunya akan

memakan banyak waktu sehingga mengakibatkan tersitanya waktu pembelajaran

disekolah.

Oleh karena itu, untuk Tugas Akhir ini dibangun suatu aplikasi

pengolahan nilai sehingga dapat membantu kerja para guru dalam mengolah nilai

akhir siswa dengan kinerja yang lebih cepat dan akurat. Selain itu aplikasi tersebut

Page 13: APLIKASI PENGOLAHAN RAPOR DI SMK N 2 SRAGEN DENGAN PHP …/Aplikasi... · perpustakaan.uns.ac.id digilib.uns.ac.id commit to user ii HALAMAN PERSETUJUAN APLIKASI PENGOLAHAN RAPOR

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

2

dapat membantu siswa untuk mengakses nilai mereka melalui jaringan lokal di

sekolah.

1.2. Rumusan Masalah

Berdasarkan uraian di atas dapat disimpulkan bahwa masalah yang

dihadapi adalah Bagaimana membangun sebuah Aplikasi pengolahan nilai rapor

1.3. Batasan masalah

Dalam pembuatan sistem ini terdapat batasan masalah agar permasalahan

yang dibahas tidak menyimpang ke permasalahan lain. Sistem yang dibuat hanya

difokuskan pada informasi pengolahan nilai mata pelajaran.

1.4. Tujuan

Mampu mengembangkan Aplikasi pengolahan nilai berbasis web dengan

PHP dan MySQL, yang dapat memberikan solusi kepada SMK N 2 Sragen untuk

melakukan pengolahan nilai rapor dengan cepat dan akurat.

1.5. Manfaat

Dengan adanya pengembangan Aplikasi pengolahan nilai rapor di SMK N

2 Sragen, memberikan beberapa manfaat yaitu ;

1. Bagi Guru

Guru atau walikelas dapat melakukan pengolahan nilai rapor dengan lebih

cepat dan akurat.

2. Bagi Siswa

Siswa dapat lebih mudah mengakses nilai rapor.

Page 14: APLIKASI PENGOLAHAN RAPOR DI SMK N 2 SRAGEN DENGAN PHP …/Aplikasi... · perpustakaan.uns.ac.id digilib.uns.ac.id commit to user ii HALAMAN PERSETUJUAN APLIKASI PENGOLAHAN RAPOR

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

3

1.6. Metodologi Penelitian

Metode penelitian merupakan tahapan yang dilakukan saat melakukan suatu

penelitian. Tahapan dalam penelitian meliputi :

1. Tahap Pengumpulan Data

Tahap pengumpulan data dilakukan untuk menambah pengetahuan dan

mencari referensi bahan. Pengumpulan data dilakukan dengan melakukan study

literatur dengan membaca literatur maupun bahan bahan teori baik berupa buku,

data dari internet yang dapat membantu pembuatan tugas akhir maupun laporan

tugas akhir.

2. Tahap Observasi

Observasi atau pengamatan merupakan salah satu teknik pemgumpulan

data/fakta yang cukup efektif untuk mempelajari suatu sistem. Observasi

dilakukan untuk mengumpulkan data dan informasi yang dibutuhkan dalam

pembuatan aplikasi. Pada tahap ini penulis melakukan pengamatan terhadap

kegiatan, proses dan alur pengolahan nilai di SMK N 2 SRAGEN.

3. Tahap Pengujian Interface

Tahap pengujian interface dilakukan agar dapat mengetahui apakah sistem

kerja interface telah sesuai atau belum.

1.7. Sistematika Penulisan

Sistematika penulisan yang digunakan dalam penulisan Tugas Akhir ini

dibagi menjadi lima bab, yaitu sebagai berikut :

Page 15: APLIKASI PENGOLAHAN RAPOR DI SMK N 2 SRAGEN DENGAN PHP …/Aplikasi... · perpustakaan.uns.ac.id digilib.uns.ac.id commit to user ii HALAMAN PERSETUJUAN APLIKASI PENGOLAHAN RAPOR

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

4

Bab I Pendahuluan

Memuat latar belakang masalah, perumusan masalah, batasan

masalah, tujuan dan manfaat, metodologi penelitian, serta sistematika

penulisan dalam tugas akhir.

Bab II Landasan Teori

Landasan teori memuat tinjauan pustaka dan teori yang mendukung

dalam pembuatan tugas akhir.

Bab III Desain dan Perancangan

Memuat tentang desain dan perancangan tugas akhir serta alat dan

bahan yang digunakan.

Bab IV Implementasi dan Analisa

Memuat tentang tahap-tahap penelitian, implementasi desain dan

hasil analisa data yang telah diperoleh dalam penyusunan tugas akhir.

Bab V Penutup

Memuat tentang kesimpulan dan saran.

Page 16: APLIKASI PENGOLAHAN RAPOR DI SMK N 2 SRAGEN DENGAN PHP …/Aplikasi... · perpustakaan.uns.ac.id digilib.uns.ac.id commit to user ii HALAMAN PERSETUJUAN APLIKASI PENGOLAHAN RAPOR

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

5

BAB II

LANDASAN TEORI

2.1 Definisi Sistem Informasi

Menurut Jogiyanto (2001), suatu sistem dapat digambarkan secara

sederhana sebagai suatu kumpulan elemen-elemen yang bergabung bersama-sama

untuk sasaran yang umum sedangkan informasi merupakan data yang diolah

menjadi bentuk yang memiliki nilai tertentu terhadap penggunanya,

menggambarkan suatu kejadian-kejadian (event) dan kesatuan nyata (fact and

entity) dan digunakan untuk pengambilan keputusan. Sistem informasi sendiri

adalah suatu sistem yang terdapat di dalam organisasi yang mempertemukan

kebutuhan pengolah transaksi harian, mendukung operasi yang bersifat manajerial

dan kegiatan strategis dari suatu organisasi dan menyediakan pihak luar tertentu

dengan laporan-laporan yang diperlukan.

Sedangkan menurut Kristanto (2003) informasi adalah kumpulan data yang

diolah menjadi bentuk yang lebih berguna dan lebih berarti bagi yang menerima.

2.2 Perancangan Sistem

Dengan menggunakan informasi yang ada kita dapat melakukan analisis

perancangan sistem untuk membuat sebuah sistem.

Sedangkan menurut Kendall & Kendall (2003) Analisis perancangan sistem

adalah suatu pendekatan yang sistematis untuk mengidentifikasi masalah,

peluang, dan tujuan-tujuan, menganalisis arus informasi dalam organisasi, serta

untuk merancang sistem informasi terkomputerisasi untuk menyelesaikan suatu

masalah. Saat informasi berkembang, suatu pendekatan yang sistematis dan

terencana untuk memperkenalkan, memodifikasi, dan pemeliharaan sistem

informasi menjadi sangat penting. Analisis dan perancangan sistem menampilkan

pendekatan semacam itu.

Perancangan sebuah sistem dapat dilakukan dengan menggunakan alat bantu

sebagai berikut

Page 17: APLIKASI PENGOLAHAN RAPOR DI SMK N 2 SRAGEN DENGAN PHP …/Aplikasi... · perpustakaan.uns.ac.id digilib.uns.ac.id commit to user ii HALAMAN PERSETUJUAN APLIKASI PENGOLAHAN RAPOR

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

6

2.3 Context Diagram

Context Diagram adalah diagram yang terdiri dari suatu proses dan

menggambarkan ruang lingkup suatu sistem. Diagram konteks merupakan level

tertinggi dari DFD yang menggambarkan seluruh input ke sistem atau output dari

sistem. Ia akan memberi gambaran tentang keseluruhan sistem. Sistem dibatasi

oleh boundary (dapat digambarkan dengan garis putus). Dalam diagram konteks

hanya ada satu proses. Tidak boleh ada store dalam diagram konteks. Diagram

konteks berisi gambaran umum sistem yang akan dibuat. Dapat dikatakan bahwa

diagram konteks berisi siapa saja yang memberi data ke sistem, serta kepada siapa

saja informasi yang harus dihasilkan sistem (Kendall & Kendall, 2003).

2.4 Data Flow Diagram

Data Flow Diagram (DFD) merupakan alat yang digunakan untuk

menggambarkan suatu sistem yang telah ada atau sistem baru yang akan

dikembangkan secara logika tanpa mempertimbangkan lingkungan fisik dimana

data tersebut mengalir ataupun lingkungan fisik dimana data tersebut akan

disimpan (Kendall & Kendall, 2003).

Simbol-simbol Data Flow Diagram ditunjukkan pada Tabel 2.1

Tabel 2.1 Data Flow Diagram

Simbol Keterangan

Menunjukkan proses dimana beberapa

tindakan atau sekelompok tindakan

dijalankan.

Menunjukkan kesatuan luar atau

eksternal yang bias menerima informasi

atau data-data awal.

Menunjukkan arus data dimana informasi

sedang melintas menuju kesuatu proses.

File basis data atau penyimpanan yang

diimplementasikan dalam computer.

Page 18: APLIKASI PENGOLAHAN RAPOR DI SMK N 2 SRAGEN DENGAN PHP …/Aplikasi... · perpustakaan.uns.ac.id digilib.uns.ac.id commit to user ii HALAMAN PERSETUJUAN APLIKASI PENGOLAHAN RAPOR

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

7

2.5 Entity Relationship Diagram

Entity Relationship Diagram adalah diagram yang berisi komponen

komponen himpunan entitas dan himpunan relasi yang masing-masing dilengkapi

dengan atribut-atribut yang mempresentasikan seluruh fakta yang ditinjau

(Fatansyah, 1999).

Notasi-notasi simbolik yang digunakan dalam Diagram ER ditunjukkan

pada Tabel 2.2

Tabel 2.2 Entity Relationship Diagram

Simbol Keterangan

Pesegi panjang mewakili entitas (individu

yang mewakili sesuatu yang nyata dan dapat

dibedakan dari sesuatu yang lain).

Elips mewakili atribut (properti dari entitas).

Belah ketupat mewakili relasi (hubungan di

antara sejumlah entitas yang berasal dari

himpunan entitas yang berbeda).

Garis sebagai penghubung antara relasi

dengan entitas dan entitas dengan atributnya.

2.6 Table Relationship

Menurut Sutanta, (2004) Kerelasian menyatakan hubungan antar relasi

dalam basis data. Kerelasian

antar relasi dituliskan oleh foreign key atau relasi-relasi bertipe transaksi

yangdigunakan dalam basis data. Jenis-jenis antar relasi meliputi :

a. Kerelasian satu ke satu (one to one relationship)

Page 19: APLIKASI PENGOLAHAN RAPOR DI SMK N 2 SRAGEN DENGAN PHP …/Aplikasi... · perpustakaan.uns.ac.id digilib.uns.ac.id commit to user ii HALAMAN PERSETUJUAN APLIKASI PENGOLAHAN RAPOR

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

8

Kerelasian satu ke satu dapat terjadi jika setiap nilai pada suatu relasi

hanya mengimplementasikan sebuah nilai pada relasi lain yang

direalisasikan secara logik.

b. Kerelasian satu ke banyak (one to many relationship)

Kerelasian satu ke banyak dapat terjadi jika setiap nilai pada suatu

relasi mengimplementasikan banyak nilai pada relasi lain yang

direalisasikan secara logik.

c. Kerelasian banyak ke satu (many to one relationship)

Kerelasian banyak ke satu dapat terjadi jika banyak nilai pada suatu

relasi mengimplementasikan satu nilai pada relasi lain yang

direalisasikan secara logik.

d. Kerelasian banyak ke banyak (many to many relationship)

Kerelasian banyak ke banyak dapat terjadi jika banyak nilai pada

suatu relasi mengimplementasikan banyak nilai pada relasi lain yang

direalisasikan secara logic.

2.7 Database

Database adalah kumpulan dari data yang saling berhubungan satu sama

lain yang diorganisasikan berdasarkan sebuah skema tertentu, tersimpan di

hardware dan dengan software untuk melakukan manipulasi untuk kegunaan

tertentu (Irmansyah, 2003).

Hubungan antar data dapat ditunjukan dengan adanya field/coloumn kunci

dari tiap file/table yang ada. Dalam satu file atau table terdapat record-record

yang sejenis, sama besar, sama bentuk, yang merupakan satu kumpulan entitas

yang seragam. Satu record (umumnya digambarkan sebagai baris data) terdiri dari

field yang saling berhubungan menunjukan bahwa field tersebut dalam satu

pengertian yang lengkap dan disimpan dalam satu record.

Database sangat diperlukan dalam sebuah sistem karena data-data yang terdapat

dalam database inilah yang nantinya akan diberikan security sehingga data-data

penting dalam sebuah sistem tidak dapat dicuri dengan mudah.

Page 20: APLIKASI PENGOLAHAN RAPOR DI SMK N 2 SRAGEN DENGAN PHP …/Aplikasi... · perpustakaan.uns.ac.id digilib.uns.ac.id commit to user ii HALAMAN PERSETUJUAN APLIKASI PENGOLAHAN RAPOR

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

9

2.8 PHP

PHP adalah kependekan dari PHP:HyperText Preprocessor (suatu

akronim rekursif) yang dibangun oleh Rasmus Lerdorf pada tahun 1994. Dahulu ,

pada awal pengembanganya PHP di sebut sebagai kependekan dari Personal

Home Page. PHP merupakan suatu bahas pemrograman sisi server yang dapat

digunakan untuk membuat halaman Web dinamis (Antonius, 2010).

2.9 HTML

HTML (HyperText Markup Language) adalah bahasa standar untuk

membuat halaman-halaman web, sedangkan PHP (PHP Hypertext Preprocessor)

berkedudukan sebagai tag dalam bahasa HTML. Model kerja HTML diawali

dengan permintaan suatu halaman web oleh browser, dari browser permintaan

dilanjutkan ke webserver yang kemudian mencarikan file yang diminta dan

memberikan isinya ke browser. Perbedaannya jika menggunakan kode atau tag

PHP adalah ketika berkas PHP yang diminta oleh browser didapatkan oleh web

server, isinya segera dikirimkan ke mesin PHP dan mesin inilah yang memproses

dan memberikan hasilnya (berupa kode HTML) yang kemudian akan dikirim ke

browser oleh webserver. Secara khusus, PHP dirancang untuk membentuk

aplikasi web dinamis (Kadir, 2008).

2.10 MySQL

MySQL adalah salah satu jenis server basis data yang sangat terkenal.

Kepopulerannya disebabkan MySQL menggunakan SQL sebagai bahasa dasar

untuk mengakses basis datanya. Selain itu MySQL bersifat open source pada

berbagai platform. MySQL termasuk jenis RDBMS (Relational Database

Management System). Pada MySQL, sebuah basis data mengandung satu atau

sejumlah tabel. Tabel sendiri terdiri atas sejumlah baris dan setiap baris

mengandung satu atau beberapa kolom (Kadir, 2008).

Page 21: APLIKASI PENGOLAHAN RAPOR DI SMK N 2 SRAGEN DENGAN PHP …/Aplikasi... · perpustakaan.uns.ac.id digilib.uns.ac.id commit to user ii HALAMAN PERSETUJUAN APLIKASI PENGOLAHAN RAPOR

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

10

2.11 Cascading Style Sheets (CSS)

Cascading Style Sheet (CSS) di gunakan dalam kode HTML, untuk

menciptakan suatu kumpulan style yang terkadang dapat di gunakan untuk

memperluas kemampuan HTML. Sebagai contoh, kode HTML murni tidak

memungkinkan untuk menggunakan sebuah definisi font yang diterapkan pada

setiap sel dan bahkan tag <BASEFONT> pun tak berpengaruh pada sel sel table.

Misalnya diinginkan untuk mengatur ukuran font setiap sel sebesar 2. Dengan

menggunakan tag <FONT>, semua sel harus di format dengan menggunakan

<FONT entu saja tindakan seperti ini tidak praktis. Namun, dengan

mengunakan CSS, kita hanya perlu mendefinisikan style sekali saja dan style akan

berlaku untuk setiap sel dalam table (Kadir, 2008).

2.12 JavaScript

JavaScript adalah code untuk menyusun halaman web yang

memungkinkan dijalankan disisi client (pada browser yang digunakan pemakai).

Karena dijalankan disisi client, maka JavaScript dapat digunakan untuk membuat

tampilan lebih bersifat dinamis. Menampilkan jam local secara terus menerus,

melakukan perhitungan terhadap data dalam formulir, mengubah-ubah warna pada

baris tertentu dalam satu table dapat dikerjakan dengan menggunakan JavaScript

(Kadir, 2008).

2.13 JQuery

Merupakan salah satu pustaka yang dikembangkan menggunakan

JavaScript. Kehadirannya adalah untuk memudahkan penulisan code JavaScript.

Dengan menggunakan jQuery, penulisan code JavaScript menjadi lebih sederhana

(codenya menjadi ringkas). Selain itu, yang lebih penting lagi pembuatan halaman

web yang interkatif dan menarik menjadi jauh lebih mudah diimplementasikan

dari pada kalau menuliskan JavaScript sendiri (Kadir,2008).

Page 22: APLIKASI PENGOLAHAN RAPOR DI SMK N 2 SRAGEN DENGAN PHP …/Aplikasi... · perpustakaan.uns.ac.id digilib.uns.ac.id commit to user ii HALAMAN PERSETUJUAN APLIKASI PENGOLAHAN RAPOR

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

11

BAB III

ANALISA DAN PERANCANGAN

3.1 Perancangan Sistem

Sistem pengolahan nilai SMK N 2 SRAGEN ini dibuat dengan

menggunakan PHP dan database MySQL, dengan menggunakan program-

program tersebut maka diharapkan kemampuan yang dimiliki sistem ini dapat

dimanfaatkan dan digunakan oleh banyak pengakses dalam satu waktu. Inti dari

sistem ini adalah memberi kemudahan berupa informasi dan pengolahan nilai di

SMK N 2 SRAGEN. Perancangan aplikasi dimulai dengan membuat SRS

(System Requirement Specification), Context Diagram, Data Flow Diagram dan

mendesain layout.

3.1.1 System Requirment Spesification (SRS)

Untuk merancang suatu aplikasi sebelumnya harus diketahui dan

diidentifikasi spesifikasi aplikasi yang akan dibuat dan kemudian disesuaikan

dengan kebutuhan dari user, selain itu fungsi dari sistem yang akan dirancang

serta dukungan lingkungan yang dibutuhkan.

Tabel 3.1 Tabel Deskripsi Kebutuhan Fungsional

Deskripsi Kebutuhan Fungsional Level

Siswa dapat melihat daftar guru. TPS

Siswa dapat login/logout. TPS

Siswa dapat melihat nilai rapor. TPS

Siswa dapat mengunduh blanko rapor. TPS

Guru dapat login/logout. TPS

Guru dapat melakukan entry nilai. TPS

Guru dapat melihat daftar siswa. TPS

Guru dapat menentukan aturan penilaian. TPS

Page 23: APLIKASI PENGOLAHAN RAPOR DI SMK N 2 SRAGEN DENGAN PHP …/Aplikasi... · perpustakaan.uns.ac.id digilib.uns.ac.id commit to user ii HALAMAN PERSETUJUAN APLIKASI PENGOLAHAN RAPOR

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

12

Guru dapat melihat rapor siswa. TPS

Wali kelas dapat menentukan siswa yang naik kelas. TPS

Wali kelas dapat mengunduh blanko rapor. TPS

Wali kelas melakukan entry data kehadiran. TPS

Kurikulum melakukan login/logout. TPS

Kurikulum melakukan entry data siswa. TPS

Kurikulum melakukan import data siswa. TPS

Kurikulum melakukan entry data mapel. TPS

Kurikulum melakukan import data mapel. TPS

Kurikulum melakukan entry data guru. TPS

Kurikulum melakukan import data guru. TPS

Kurikulum melakukan entry data jurusan. TPS

Kurikulum melakukan entry data prodi. TPS

Kurikulum melakukan entry data kelas. TPS

Kurikulum melakukan entry data semester. TPS

kurikulum melakukan entry tim pengajar. TPS

kurikulum melakukan entry paket mapel prodi. TPS

Tabel 3.2 Tabel Deskripsi Kebutuhan Non Fungsional

Deskripsi Kebutuhan Non Fungsional

Tampilan user-friendly (jelas, informatif dan menarik).

Layout web berjalan di semua browser.

Aplikasi ringan saat dijalankan.

Page 24: APLIKASI PENGOLAHAN RAPOR DI SMK N 2 SRAGEN DENGAN PHP …/Aplikasi... · perpustakaan.uns.ac.id digilib.uns.ac.id commit to user ii HALAMAN PERSETUJUAN APLIKASI PENGOLAHAN RAPOR

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

13

3.1.2 Diagram Konteks

0

System Raport

GuruNilai raport

User, passwor, nilai

Siswa

User, password, tahun semester

Nilai Raport

Admin( Kurikulum)

user, passworddata siswadata mapeldata pengajardata kelasdata jurusandata program study

daftar siswadaftar mapeldaftar paket mapeldaftar pengajardaftar kelasdaftar jurusandaftar program study

Gambar 3.1 Diagram Konteks

Pada diagram konteks proses yang terjadi di dalam sistem rapor

melibatkan entitas siswa, guru dan admin. Entitas siswa akan menginput user dan

password untuk melakukan login dan akan memasukkan tahun semester untuk

melihat rapor sesuai dengan tahun semester yang diinputkan. Untuk entitas guru

akan menginputkan nilai siswa guru dan dapat melihat rapor. Untuk entitas admin

akan melakukan input data siswa, data guru, data mata pelajaran, data jurusan dan

data program study.

Page 25: APLIKASI PENGOLAHAN RAPOR DI SMK N 2 SRAGEN DENGAN PHP …/Aplikasi... · perpustakaan.uns.ac.id digilib.uns.ac.id commit to user ii HALAMAN PERSETUJUAN APLIKASI PENGOLAHAN RAPOR

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

14

3.1.3 Data Flow Diagram

1

Login

Guru

3

Input Nilai

4

Lihat Data

User, password

Pesan validasi

User, passwordPesan validasi

Nilai siswa

Nilai Raport

Nis, tahun semester

Nilai Raport

Nilai siswa

Nis, tahun semesterNilai Raport

Admin(Kurikulum)

User, password

Pesan Validasi

2

Input Data

Data GuruData Mata PelajaranData SiswaData KelasData JurusanData Program StudyData tim pengajarData walikelas

Daftar GuruDaftar Mata PelajaranDaftar SiswaDaftar KelasDaftar JurusanDaftar Program StudyDaftar tim pengajarDaftar walikelas

Data Kelas

Data Jurusan

Data Program Study

Data Siswa

Siswa

Nis, tahun semesterNilai Raport

User, password

Pesan Validasi

User, password

Data Guru

Data Mata Pelajaran

User, password

Gambar 3.2 Data Flow Diagram (DFD) Level 0

Sistem akan dibuat dengan tiga level user pertama level untuk admin (bagian

kurikulum). Admin berkewajiban melakukan input data mapel, siswa, guru, kelas,

jurusan dan program study, serta berkewajiban menentukan walikelas dan

pengajar dari setiap mapel. Kedua adalah user dengan level guru (pengajar atau

wali kelas). User dengan level ini berkewajiban melakukan inputan nilai siswa

yang mengambil mata pelajaran yang sedang ia ampu. User dengan level guru

Page 26: APLIKASI PENGOLAHAN RAPOR DI SMK N 2 SRAGEN DENGAN PHP …/Aplikasi... · perpustakaan.uns.ac.id digilib.uns.ac.id commit to user ii HALAMAN PERSETUJUAN APLIKASI PENGOLAHAN RAPOR

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

15

dapat melihat nilai rapor dari seluruh siswa. Terakhir adalah user dengan level

siswa, user ini hanya berhak melihat nilai rapornya sendiri.

3.1.4 Entity Relational Diagram (ERD)

Gambar 3.3. Entity Relational Diagram (ERD)

Pembuatan sistem rapor melibatkan tujuh entitas utama yaitu entitas siswa,

entitas guru, entitas mapel, entitas kelas, entitas prodi, entitas, jurusan dan entitas

nilai. Entitas entitas tersebut membentuk suatu relasi tertentu, misal entitas guru

dan mapel mempunyai relasi guru mengajar mapel dengan cardinalitas yang

terbentuk adalah many to many, entitas nilai dengan entitas siswa membentuk

relasi siswa mendapatkan nilai dengan cardinalitas one to many, entitas guru dan

Page 27: APLIKASI PENGOLAHAN RAPOR DI SMK N 2 SRAGEN DENGAN PHP …/Aplikasi... · perpustakaan.uns.ac.id digilib.uns.ac.id commit to user ii HALAMAN PERSETUJUAN APLIKASI PENGOLAHAN RAPOR

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

16

kelas membentuk relasi guru menjadi wali di suatu kelas dengan cardinalitas one

to mane dan seterusnya.

Setelah diperoleh rancangan ERD tahap selanjutnya adalah pemetaan skema

diagram. Skema diagram adalah pemodelan yang paling mendekati bentuk basis

data yang sebenarnya, yaitu tabel-tabel. Dari skema diagram akan diperoleh

hubungan secara fisik tabel-tabel dalam basis data, karena telah melibatkan

primary key dan foreign key pada tabel yang direlasikan dan memperlihatkan

ukuran field dan fungsi tiap field tabel basis data.

3.1.5 Relasi Tabel

Dari Entity Relational Diagram (ERD) yang telah dibuat maka dibentuk relasi

tabel sebagai berikut

tb_mapel

PK mp_idPK smt_tahun

mp_namamp_tipemp_kelasmp_kkm

tb_mapel_prodi

PK,FK2 prodi_idPK,FK1 smt_tahunPK,FK1 mp_id

tb_guru_mapel

PK,FK1 mp_idPK,FK1 smt_tahunPK,FK2 guru_idPK kelas_nama

tb_guru

PK guru_id

guru_namaguru_nipguru_pswd

tb_prodi

PK prodi_idPK,FK1 jur_id

prodi_nama

tb_jurusan

PK jur_id

jur_namajur_nic

tb_kelas

PK kelas_namaPK smt_tahun

FK1 prodi_idFK2 guru_id

tb_siswa

PK siswa_nis

siswa_namasiswa_pswd

tb_kelas_siswa

PK,FK1 siswa_nisPK,FK2 smt_tahun

FK2 kelas_nama

tb_smt

PK smt_tahun

smt_status

tb_rapor

PK,FK1 siswa_nisPK,FK2 mp_idPK,FK2 smt_tahun

nilai_raportb_nilai

PK id_nilaiPK,FK1 siswa_nisPK,FK2 mp_idPK,FK2 smt_tahun

FK3 guru_idnilai

tb_bobot_nilai

PK id_bobotPK,FK1 mp_idPK,FK2 kelas_namaPK,FK1,FK2 smt_tahun

bobot

tb_useradmin

PK useradmin

userpswd

Gambar 3.4. Relasi Tabel

Keterangan :

PK : primary key FK : foreign key

Page 28: APLIKASI PENGOLAHAN RAPOR DI SMK N 2 SRAGEN DENGAN PHP …/Aplikasi... · perpustakaan.uns.ac.id digilib.uns.ac.id commit to user ii HALAMAN PERSETUJUAN APLIKASI PENGOLAHAN RAPOR

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

17

1. Tabel tb_siswa

Tabel tb_siswa adalah tabel yang digunakan untuk menyimpan data siswa,

pada tabel ini juga memuat username siswa yang merupakan nis dari siswa yang

bersangkutan serta memuat password siswa yang akan digunakan untuk login.

* Primary key : nis

Tabel 3.3 Tabel tb_siswa

Nama Field Tipe Data size Diskripsi

siwa_nis* char 4 Merupakan nomor induk siswa, yang digunakan sekaligus sebagai username siswa.

siswa_nama varchar 30 Menyimpan data nama lengkap siswa.

siswa_pswd varchar 40 Untuk menyimpan password siswa

2. Tabel tb_mapel

Tabel tb_mapel adalah tabel yang digunakan untuk menyimpan data

matapelajaran (mapel).

* Primary key : mp_id

Tabel 3.4 Tabel tb_mapel

Nama Field Tipe Data size Diskripsi

mp_id* int, unsigned zerofill 4 menyimpan kode mapel.

mp_nama varchar 45 menyimpan data nama mapel

mp_tipe varchar 25 menyimpan data tipe mapel.

mp_kelas varchar 4 menyimpan data kelas mapel.

mp_kkm tinyint 2 menyimpan data kriteria ketuntasan minimum (KKM) dari suatu mapel.

smt_tahun* char 11 menyimpan data tahun semester

3. Tabel tb_mapel_prodi

Tabel tb_mapel_prodi adalah tabel yang digunakan untuk menyimpan data

kelompok matapelajaran (mapel) yang ada di suatu prodi.

Page 29: APLIKASI PENGOLAHAN RAPOR DI SMK N 2 SRAGEN DENGAN PHP …/Aplikasi... · perpustakaan.uns.ac.id digilib.uns.ac.id commit to user ii HALAMAN PERSETUJUAN APLIKASI PENGOLAHAN RAPOR

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

18

* Primary key : prodi_id, mp_id

Tabel 3.5 Tabel tb_mapel_prodi

Nama Field Tipe Data size Diskripsi

prodi_id* int, unsigned zerofill 3 menyimpan kode prodi

mp_id* int, unsigned 4 menyimpan data kode mapel

4. Tabel tb_guru

Tabel tb_guru adalah tabel yang digunakan untuk menyimpan data guru atau

pengajar. Pada tabel ini juga memuat username yaitu guru_id dan password untuk

login sistem.

* Primary key : guru_id

Tabel 3.6 Tabel tb_guru

Nama Field Tipe Data size Diskripsi

guru_id* int, unsigned zerofill 5 menyimpan kode guru (pengajar)

guru_nama varchar 45 menyimpan data nama pengajar

guru_nip varchar 50 menyimpan data nip pengajar

guru_pswd varchar 35 menyimpan password pengajar

5. Tabel tb_guru_mapel

Tabel tb_guru_mapel adalah tabel yang digunakan untuk menyimpan data

guru dan matapelajaran yang diampu.

* Primary key : guru_id, mp_id, kelas_nama

Tabel 3.7 Tabel tb_guru_mapel

Nama Field Tipe Data size Diskripsi

guru_id* int, unsigned zerofill 5 menyimpan kode guru(pengajar).

mp_id* int, unsigned zerofill 4 menyimpan kode matapelajaran.

kelas_nama* varchar 20 menyimpan data nama kelas.

Page 30: APLIKASI PENGOLAHAN RAPOR DI SMK N 2 SRAGEN DENGAN PHP …/Aplikasi... · perpustakaan.uns.ac.id digilib.uns.ac.id commit to user ii HALAMAN PERSETUJUAN APLIKASI PENGOLAHAN RAPOR

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

19

6. Tabel tb_kelas

Tabel tb_kelas adalah tabel yang digunakan untuk menyimpan data kelas.

* Primary key : kelas_nama

Tabel 3.8 Tabel tb_kelas

Nama Field Tipe Data size Diskripsi

kelas_nama* varchar 20 menyimpan data nama kelas.

prodi_id int, unsigned zerofill

3 menyimpan kode program study.

guru_id int, unsigned zerofill 5 menyimpan kode guru (pengajar).

smt_tahun* char 11 menyimpan data tahun semester

7. Tabel tb_kelas_siswa

Tabel tb_kelas_siswa adalah tabel yang digunakan untuk menyimpan data

kelas yang sedang diikuti oleh suatu siswa.

* Primary key : siswa_nis, smt_tahun

Tabel 3.9 Tabel tb_kelas_siswa

Nama Field Tipe Data size Diskripsi

siswa_nis* char 4 menyimpan data no induk siswa.

kelas_nama varchar 20 menyimpan data nama kelas.

smt_tahun* char 11 menyimpan data tahun ajaran & semester.

8. Tabel tb_prodi

Tabel tb_prodi adalah tabel yang digunakan untuk menyimpan data program

study.

* Primary key : prodi_id, jur_id

Tabel 3.10 Tabel tb_prodi

Nama Field Tipe Data size Diskripsi

prodi_id* int, unsigned zerofill 3 menyimpan data kode program study.

prodi_nama varchar 50 menyimpan nama program study.

Page 31: APLIKASI PENGOLAHAN RAPOR DI SMK N 2 SRAGEN DENGAN PHP …/Aplikasi... · perpustakaan.uns.ac.id digilib.uns.ac.id commit to user ii HALAMAN PERSETUJUAN APLIKASI PENGOLAHAN RAPOR

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

20

jur_id* int, unsigned zerofill 3 menyimpan data kode jurusan.

9. Tabel tb_jurusan

Tabel tb_jurusan adalah tabel yang digunakan untuk menyimpan data

jurusan.

* Primary key : jur_id

Tabel 3.11 Tabel tb_jurusan

Nama Field Tipe Data size Diskripsi

jur_id* int, unsigned zerofill 3 menyimpan data kode jurusan.

jur_nama varchar 50 menyimpan data nama jurusan.

jur_nic varchar 10 menyimpan data akronim atau kependekan dari nama jurusan.

10. Tabel tb_nilai

Tabel tb_nilai adalah tabel yang digunakan untuk menyimpan data nilai.

* Primary key : id_nilai, siswa_nis, mp_id, smt_tahun

Tabel 3.12 Tabel tb_nilai

Nama Field Tipe Data size Diskripsi

id_nilai* varchar 6 menyimpan data kode nilai

siswa_nis* char 4 menyimpan data standar kelulusan dari suatu mapel.

mp_id* int, unsigned zerofill 4 menyimpan data kode mapel.

guru_id int, unsigned zerofill 5 menyimpan data kode guru.

smt_tahun* char 11 menyimpan data tahun semester

nilai tinyint, unsigned 2 menyimpan data nilai

11. Tabel tb_bobot_nilai

Tabel tb_bobot_nilai adalah tabel yang digunakan untuk menyimpan data

bobot nilai dari kompetensi dasar yang diujikan.

* Primary key : id_nilai, siswa_nis, mp_id, smt_tahun

Page 32: APLIKASI PENGOLAHAN RAPOR DI SMK N 2 SRAGEN DENGAN PHP …/Aplikasi... · perpustakaan.uns.ac.id digilib.uns.ac.id commit to user ii HALAMAN PERSETUJUAN APLIKASI PENGOLAHAN RAPOR

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

21

Tabel 3.13 Tabel tb_bobot_nilai

Nama Field Tipe Data size Diskripsi

id_bobot* varchar 4 menyimpan data kode nilai

mp_id* int, unsigned zerofill 4 menyimpan data kode mapel.

kelas_nama* int, unsigned zerofill 5 menyimpan data nama kelas.

smt_tahun* char 11 menyimpan data tahun semester

bobot tinyint, unsigned 2 menyimpan data bobot nilai.

12. Tabel tb_rapor

Tabel tb_rapor adalah tabel yang digunakan untuk menyimpan data nilai

rapor.

* Primary key : siswa_nis, mp_id, smt_tahun

Tabel 3.14 Tabel tb_rapor

Nama Field Tipe Data size Diskripsi

siswa_nis* char 4 menyimpan data no induk siswa.

mp_id* int, unsigned zerofill 4 menyimpan data kode mapel.

smt_tahun* char 11 menyimpan data tahun semester

nrpt tinyint, unsigned 2 menyimpan data nilai rapor.

13. Tabel tb_useradmin

Tabel tb_useradmin adalah tabel yang digunakan untuk menyimpan data

username dan password admin kurikulum.

* Primary key : useradmin

Tabel 3.15 Tabel tb_useradmin

Nama Field Tipe Data size Diskripsi

useradmin* char 11 menyimpan data username.

userpswd tinyint 2 menyimpan data password.

Page 33: APLIKASI PENGOLAHAN RAPOR DI SMK N 2 SRAGEN DENGAN PHP …/Aplikasi... · perpustakaan.uns.ac.id digilib.uns.ac.id commit to user ii HALAMAN PERSETUJUAN APLIKASI PENGOLAHAN RAPOR

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

22

14. Tabel tb_smt

Tabel tb_smt adalah tabel yang digunakan untuk menyimpan data tahun

ajaran dan semester beseta statusnya.

* Primary key : smt_tahun

Tabel 3.16 Tabel tb_smt

Nama Field Tipe Data

size Diskripsi

smt_tahun* char 11 menyimpan data tahun & semester.

smt_status tinyint 2 menyimpan data status tahun & semester.

3.2 Perancangan Layout

Tampilan login akan dibuat seperti gambar 3.5 dengan form login berada

di pojok kiri atas dan di sebelah kanannya terdapat link ke web yang berhubungan

dengan sekolah.

Gambar 3.5 Perancangan Halaman Login

Gambar 3.6 merupakan perancangan layout untuk halaman admin guru

dan admin kurikulum. Menu utama terletak di paling atas dengan sub menu yang

berada di bawahnya.

Page 34: APLIKASI PENGOLAHAN RAPOR DI SMK N 2 SRAGEN DENGAN PHP …/Aplikasi... · perpustakaan.uns.ac.id digilib.uns.ac.id commit to user ii HALAMAN PERSETUJUAN APLIKASI PENGOLAHAN RAPOR

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

23

Gambar 3.6 Perancangan Halaman Admin Guru dan Kurikulum

Gambar 3.7 merupakan desain perancangan untuk interface siswa, dengan

posisi menu yang berada di samping kiri.

Gambar 3.7 Perancangan layout siswa.

Page 35: APLIKASI PENGOLAHAN RAPOR DI SMK N 2 SRAGEN DENGAN PHP …/Aplikasi... · perpustakaan.uns.ac.id digilib.uns.ac.id commit to user ii HALAMAN PERSETUJUAN APLIKASI PENGOLAHAN RAPOR

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

24

BAB IV

IMPLEMENTASI DAN ANALISA

4.1 Implementasi

Kemudian diimplementasikan kedalam bentuk kode sehingga dihasilkan

aplikasi seperti berikut. Berdasarkan perancangan user interface yang telah dibuat

user interface sebagai berikut.

Gambar 4.1 merupakan tampilan dari halaman login sistem rapor. Halaman login ini

digunakan untuk login user siswa, user guru dan user kurikulum.

Gambar 4.1 Halaman Login

Gambar 4.2 merupakan tampilan dari halaman admin (kurikulum), dengan menu

berada di atas dan konten berada di bawahnya.

Page 36: APLIKASI PENGOLAHAN RAPOR DI SMK N 2 SRAGEN DENGAN PHP …/Aplikasi... · perpustakaan.uns.ac.id digilib.uns.ac.id commit to user ii HALAMAN PERSETUJUAN APLIKASI PENGOLAHAN RAPOR

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

25

Gambar 4.2 Halaman Admin (kurikulum)

Gambar 4.3 merupakan antar muka untuk entry data mata pelajaran, untuk antar

muka entry data lain (data siswa, data jurusan, data prodi dll.) memiliki tampilan

antar muka yang hampir mirip.

Gambar 4.3 Halaman Entry data Matapelajaran

Page 37: APLIKASI PENGOLAHAN RAPOR DI SMK N 2 SRAGEN DENGAN PHP …/Aplikasi... · perpustakaan.uns.ac.id digilib.uns.ac.id commit to user ii HALAMAN PERSETUJUAN APLIKASI PENGOLAHAN RAPOR

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

26

Gambar 4.4 merupakan antar muka untuk guru atau wali kelas, sama seperti pada

halaman admin menu utama berada disebelah kanan.

Gambar 4.4 Halaman Guru (wali kelas)

Gambar 4.5 merupakan halaman untuk siswa, pada halaman ini siswa dapat melihat

nilai rapor dan data pengajar di SMK 2 Sragen.

Gambar 4.5 Halaman Siswa

Page 38: APLIKASI PENGOLAHAN RAPOR DI SMK N 2 SRAGEN DENGAN PHP …/Aplikasi... · perpustakaan.uns.ac.id digilib.uns.ac.id commit to user ii HALAMAN PERSETUJUAN APLIKASI PENGOLAHAN RAPOR

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

27

Gambar 4.6 merupakan gambar pesan pemberitahuan ketika suatu proses berhasil

dijalankan.

Gambar 4.6 Pesan notifikasi proses sukses.

Gambar 4.7 merupakan gambar pesan pemberitahuan ketika suatu proses gagal

dijalankan.

Gambar 4.7 Pesan proses gagal.

Gambar 4.8 merupakan gambar pesan pemberitahuan ketika menghapus sebuah data.

Gambar 4.8 Pesan konfirmasi proses hapus data

Gambar 4.9 merupakan gambar lembar rapor yang merupakan hasil pengolahan

sistem rapor. Keluaran ini ditujukan kepada siswa serta kepada guru wali kelas untuk

data cadangan.

Page 39: APLIKASI PENGOLAHAN RAPOR DI SMK N 2 SRAGEN DENGAN PHP …/Aplikasi... · perpustakaan.uns.ac.id digilib.uns.ac.id commit to user ii HALAMAN PERSETUJUAN APLIKASI PENGOLAHAN RAPOR

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

28

Gambar 4.9 Gambar rapor siswa

4.2 Analisis Kebutuhan

Untuk menjalankan aplikasi pengolahan rapor di sisi server membutuhkan

spesifikasi minimal perangkat keras dan perangkat lunak sebagai berikut

1. Apache Web Server versi 2.2.3

2. PHP Script Language versi 5.1.6

3. MySQL Database versi 5.0.24a

4. Alokasi memory 10 MB.

Untuk client membutuhkan sebuah PC yang sudah terpasang Webrowser

(Mozilla Firefox 3.xx, Google Chrome, Safari 5.x.x atau Opera 11.xx ).

Page 40: APLIKASI PENGOLAHAN RAPOR DI SMK N 2 SRAGEN DENGAN PHP …/Aplikasi... · perpustakaan.uns.ac.id digilib.uns.ac.id commit to user ii HALAMAN PERSETUJUAN APLIKASI PENGOLAHAN RAPOR

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

29

4.3 Pengujian Sistem

Pengujian merupakan tahap di mana program selesai di buat dan hasilnya akan

dituangkan dalam laporan. Pengujian tersebut berisi hasil proses input output dari

program yang telah di buat.

4.3.1 Pengujian Login

Pengujian login merupakan pengujian di tujukan untuk melakukan

pengecekan user yang boleh mengakses sistem. Jika berhasil login maka akan di

arahkan ke halaman sistem yang sesuai dengan level dari user yang melakukan login

dan jika terjadi kesalahan akan muncul pesan kesalahan.

Gambar 4.10 Halaman Login

Setelah berhasil maka akan dialihkan ke halaman sesuai dengan level user yang

melakukan login, seperti terlihat pada gambar 4.11 untuk admin kurikulum, gambar

4.12 untuk admin guru dan gambar 4.13 untuk siswa.

Page 41: APLIKASI PENGOLAHAN RAPOR DI SMK N 2 SRAGEN DENGAN PHP …/Aplikasi... · perpustakaan.uns.ac.id digilib.uns.ac.id commit to user ii HALAMAN PERSETUJUAN APLIKASI PENGOLAHAN RAPOR

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

30

Gambar 4.11 Halaman Admin Kurikulum

Gambar 4.12 Halaman Admin Guru / Pengajar

Page 42: APLIKASI PENGOLAHAN RAPOR DI SMK N 2 SRAGEN DENGAN PHP …/Aplikasi... · perpustakaan.uns.ac.id digilib.uns.ac.id commit to user ii HALAMAN PERSETUJUAN APLIKASI PENGOLAHAN RAPOR

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

31

Gambar 4.13 Halaman User Siswa

Pesan error akan muncul ketika username dan password salah atau tidak ada inputan

username dan password pada form login.

Gambar 4.14 Gambar pesan error form login kosong.

Page 43: APLIKASI PENGOLAHAN RAPOR DI SMK N 2 SRAGEN DENGAN PHP …/Aplikasi... · perpustakaan.uns.ac.id digilib.uns.ac.id commit to user ii HALAMAN PERSETUJUAN APLIKASI PENGOLAHAN RAPOR

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

32

Gambar 4.15 Pesan error username atau password tidak tepat.

4.3.2 Pengujian Input Data

Pengujian entri data merupakan percobaan untuk memasukan data baik data

siswa, data mapel, data guru atau pun dan kelas. Untuk pengujian ini digunakan

sample pengujian input data matapelajaran (mapel).

Tabel 4.1 Tabel data pengujian input matapelajaran.

Nama Mapel Tipe Mapel KKM Kelas Mapel

Mendesain kebutuhan server Produktif Teori 80 XII

Gambar x.x merupakan tampilan form input data matapelajaran terdapat text field

utuk inputan nama mapel, dan standar kelulusan serta dropdown list untuk pilihan

tipe mapel dan pilihan kelas mapel.

Page 44: APLIKASI PENGOLAHAN RAPOR DI SMK N 2 SRAGEN DENGAN PHP …/Aplikasi... · perpustakaan.uns.ac.id digilib.uns.ac.id commit to user ii HALAMAN PERSETUJUAN APLIKASI PENGOLAHAN RAPOR

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

33

Gambar 4.16 Form input data matapelajaran

Gambar 4.17 merupakam tampilan pesan setelah data matapelajaran sukses disimpan.

Gambar 4.17 Pesan konfirmasi data mapel berhasil disimpan.

Page 45: APLIKASI PENGOLAHAN RAPOR DI SMK N 2 SRAGEN DENGAN PHP …/Aplikasi... · perpustakaan.uns.ac.id digilib.uns.ac.id commit to user ii HALAMAN PERSETUJUAN APLIKASI PENGOLAHAN RAPOR

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

34

4.3.3 Pengujian Input Mapel Program Studi (prodi)

Pengujian entri data mapel program study merupakan percobaan untuk

menetapkan mapel yang ada dalam suatu prodi.

Tabel 4.2 Tabel data pengujian menentukan mapel prodi.

Kode Nama Tipe KKM Kelas

0047 Mendesain kebutuhan server Produktif Teori 80 XII

0039 Sistem Keamanan Data Adaptif 80 XII

0037 Membuat desain jaringan berbasis luas (WAN)

Produktif Teori 80 XII

Sebelum mapel prodi di tetapkan data mapel prodi masih kosong seperti terlihat pada

gambar 4.18.

Gambar 4.18 Gambar tabel mapel prodi yang masih kosong

Page 46: APLIKASI PENGOLAHAN RAPOR DI SMK N 2 SRAGEN DENGAN PHP …/Aplikasi... · perpustakaan.uns.ac.id digilib.uns.ac.id commit to user ii HALAMAN PERSETUJUAN APLIKASI PENGOLAHAN RAPOR

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

35

Setelah mapel dipilih maka tabel mapel prodi sudah terisi tiga mapel seperti terlihat

pada gambar 4.19

Gambar 4.19 Gambar tabel mapel prodi yang sudah terisi.

Page 47: APLIKASI PENGOLAHAN RAPOR DI SMK N 2 SRAGEN DENGAN PHP …/Aplikasi... · perpustakaan.uns.ac.id digilib.uns.ac.id commit to user ii HALAMAN PERSETUJUAN APLIKASI PENGOLAHAN RAPOR

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user 36

BAB V

PENUTUP

4.1 Kesimpulan

Berdasarkan hasil analisis dan perancangan sistem telah berhasil dibuat

aplikasi pengolahan rapor pada SMK N 2 SRAGEN dengan PHP dan MYSQL.

4.2 Saran

Beberapa hal yang belum dikerjakan dalam Tugas akhir ini antara lain

1. dapat dilakukan pengembangan lebih lanjut agar aplikasi rapor dapat diakses

dengan perangkat mobile,

2. aplikasi yang telah dibuat dapat dikembangkan untuk melakukan pengolahan

nilai lain selain nilai mata pelajaran misal nilai keaktifan.