MUHAMMAD ABDUL WAHID M3209055

(1)

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

(2)

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 :

NIM. M3209055

PROGRAM DIPLOMA III TEKNIK INFORMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SEBELAS MARET

(3)

commit to user

ii

HALAMAN PERSETUJUAN

PHP DAN MYSQL

Disusun Oleh

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.

(4)

commit to user

iii

HALAMAN PENGESAHAN

PHP DAN MYSQL

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

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

Ketua

Program Diploma III Teknik Informatika

(5)

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

(6)

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.

(7)

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

(8)

commit to user

2.5 Entity Relationship Diagram ... 7

2.6 Table Relationship ... 7

2.7 Database ... 8

2.8 PHP ... 9

2.10 HTML ... 9

(9)

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.3Data 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

(10)

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

(11)

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

(12)

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

(13)

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

(14)

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

(15)

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

(16)

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

(17)

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

(18)

commit to user

7

2.5 Entity Relationship Diagram

Entity Relationship Diagr am 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 :

(19)

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 r elationship)

Kerelasian satu ke banyak dapat terjadi jika setiap nilai pada suatu

relasi mengimplementasikan banyak nilai pada relasi lain yang

c. Kerelasian banyak ke satu (many to one r elationship)

Kerelasian banyak ke satu dapat terjadi jika banyak nilai pada suatu

relasi mengimplementasikan satu nilai pada relasi lain yang

d. Kerelasian banyak ke banyak (many to many r elationship)

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

har dware dan dengan softwar e 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

(20)

commit to user

9

2.8 PHP

PHP adalah kependekan dari PHP :HyperText Pr eprocessor (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 webser ver 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 webser ver . Secara khusus, PHP dirancang untuk membentuk

aplikasi web dinamis (Kadir, 2008).

2.10 MySQL

MySQL adalah salah satu jenis ser ver 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

(21)

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 JavaScr ipt menjadi lebih sederhana

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

web yang interkatif dan menarik menjadi jauh lebih mudah diimplementasikan

(22)

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

(23)

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.

(24)

commit to user

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

(25)

commit to user

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

(26)

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

(27)

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

Gambar 3.4. Relasi Tabel

Keterangan :

(28)

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

mp_id* int, unsigned zer ofill 4 menyimpan kode mapel.

mp_nama var cha r 45 menyimpan data nama mapel

mp_tipe var cha r 25 menyimpan data tipe mapel.

mp_kelas var cha r 4 menyimpan data kelas mapel.

mp_kkm tinyint 2 menyimpan data kriteria ketuntasan

minimum (KKM) dari suatu mapel.

smt_tahun* cha r 11 menyimpan data tahun semester

3. Tabel tb_mapel_prodi

Tabel tb_mapel_prodi adalah tabel yang digunakan untuk menyimpan data

(29)

commit to user

18

* Primary key : prodi_id, mp_id

Tabel 3.5 Tabel tb_mapel_prodi

prodi_id* int, unsigned zer ofill 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

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

guru_nama var cha r 45 menyimpan data nama pengajar

guru_nip var cha r 50 menyimpan data nip pengajar

guru_pswd var cha r 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

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

mp_id* int, unsigned zer ofill 4 menyimpan kode matapelajaran.

(30)

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

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

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

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

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

(31)

commit to user

20

jur_id* int, unsigned zer ofill 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

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

id_nilai* var cha r 6 menyimpan data kode nilai

siswa_nis* cha r 4 menyimpan data standar

kelulusan dari suatu mapel.

mp_id* int, unsigned zer ofill 4 menyimpan data kode mapel.

guru_id int, unsigned zer ofill 5 menyimpan data kode guru.

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.

(32)

commit to user

21

Tabel 3.13 Tabel tb_bobot_nilai

id_bobot* var cha r 4 menyimpan data kode nilai

kelas_nama* int, unsigned zer ofill 5 menyimpan data nama kelas.

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

siswa_nis* cha r 4 menyimpan data no induk siswa.

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

useradmin* char 11 menyimpan data username.

(33)

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

(34)

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.

(35)

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

(36)

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.

(37)

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.

(38)

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

(39)

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

(40)

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

(41)

commit to user

30

Gambar 4.11 Halaman Admin Kurikulum

(42)

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.

(43)

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

(44)

commit to user

33

Gambar 4.16 Form input data matapelajaran

Gambar 4.17 merupakam tampilan pesan setelah data matapelajaran sukses disimpan.

(45)

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.

(46)

commit to user

35

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

pada gambar 4.19

(47)

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