Anda di halaman 1dari 58

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

id

PEMBUATAN APLIKASI RAPOR


DENGAN MENGGUNAKAN FRAMEWORK CODE IGNITER
STUDI KASUS : SMP NEGERI 17 SURAKARTA

TUGAS AKHIR

Diajukan Untuk Memenuhi Salah Satu Syarat Mencapai Gelar Ahli Madya
Program Diploma III Ilmu Komputer

Disusun Oleh :

CHRIESTINA AYU PUTRI FARDIAN MOETTAQIEN


NIM. M3208048

PROGRAM DIPLOMA III ILMU KOMPUTER


FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SEBELAS MARET
commit to user
2011
i
perpustakaan.uns.ac.id digilib.uns.ac.id

HALAMAN PERSETUJUAN

PEMBUATAN APLIKASI RAPOR


DENGAN MENGGUNAKAN FRAMEWORK CODE IGNITER
STUDI KASUS : SMP NEGERI 17 SURAKARTA

Disusun Oleh:

CHRIESTINA AYU PUTRI FARDIAN MOETTAQIEN


NIM. M3208048

Tugas Akhir ini telah disetujui untuk dipertahankan


di hadapan dewan penguji pada tanggal 13 Juli 2011

Pembimbing Utama

Wiharto, S.T, M.Kom


NIP. 19750210 200801 1 005
commit to user

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

HALAMAN PENGESAHAN

PEMBUATAN APLIKASI RAPOR


DENGAN MENGGUNAKAN FRAMEWORK CODE IGNITER
STUDI KASUS : SMP NEGERI 17 SURAKARTA

Disusun Oleh:
CHRIESTINA AYU PUTRI FARDIAN MOETTAQIEN
NIM. M3208048

Dibimbing oleh:
Pembimbing Utama

Wiharto, S.T, M.Kom


NIP. 19750210 200801 1 005

Tugas Akhir ini telah diterima dan disahkan oleh dewan penguji Tugas Akhir
Program Diploma III Ilmu Komputer
pada hari Rabu tanggal 13 Juli 2011

Dewan Penguji:
1. Penguji 1 Wiharto, S.T, M.Kom
NIP. 19750210 200801 1 005 ( )
2. Penguji 2 Drs.Syamsurizal
NIP. 19561212 198803 1 001 ( )
3. Penguji 3 Esti Suryani, S.Si, M.Kom
NIP. 19761129 200812 2 001 ( )

Disahkan Oleh:
Dekan Ketua Program Studi Diploma III
Fakultas MIPA UNS Ilmu Komputer FMIPA UNS

Ir. Ari Handono Ramelan, M.Sc (Hons)., Ph.D Drs. Y.S Palgunadi, M.Sc.
NIP. 19610223 198601commit
1 001 to user NIP. 19560407 198303 1 004
iii
perpustakaan.uns.ac.id digilib.uns.ac.id

ABSTRACT

Chriestina Ayu Putri Fardian Moettaqien. 2011. Developing Report Card


Applications Using The Framework CodeIgnither. Case Studies : Junior
High School 17 Surakarta. 3rd Diploma Degree at computer science.
Management of Informatics. Faculty of Mathematics and Natural Science.
University of Sebelas Maret Surakarta.
Until now, there are still many schools that make the report card
manually, although they already use computers. Some of them are still using
Excel to create report card. Excel program is a simple program and provides
facilities logic – formula, but if they are less experience they will have difficulty
determining the logic formula. To provide convenience and efficiency in making
these report cards, the writer build a special application to create report cards,
namely Junior High School 17 Surakarta.
Research has been by directly observing system, interview and through
library to get the results of the analysis of the system requirement. Application
report card was built by using a programming language framework CodeIgnither
and MySQL database. CodeIgnither is a PHP framework that is based on rules
Model-View-Contriller (MVC), that allows the separation between the
application-layer logic and presentation.
With this application, it is expected to facilitate Junior High School 17
Surakarta teacher in managing the school report . This application is used to store
the grade of student report cards.

Keywords : Assessment, Report Card, CodeIgnither.

commit to user

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

HALAMAN INTISARI
Chriestina Ayu Putri Fardian Moettaqien. 2011. PEMBUATAN APLIKASI
RAPOR DENGAN MENGGUNAKAN FRAMEWORK CODEIGNITHER
STUDI KASUS : SMP NEGERI 17 SURAKARTA. Program DIII Ilmu
Komputer. Manajemen Informatika. Fakultas Matematika dan Ilmu Pengetahuan
Alam. Universitas Sebelas Maret Surakarta.
Sampai saat ini, masih banyak sekolah yang membuat rapor secara
manual, walaupun sudah menggunakan media komputer. Sebagian dari mereka
menggunakan excel untuk membuat rapor. Program excel merupakan program
sederhana dan menyediakan fasilitas logika-formula, namun jika kurang
pengalaman akan kesulitan untuk menetukan logika-formulanya. Untuk memberi
kemudahan dan keefisienan dalam membuat rapor tersebut, maka dibuat aplikasi
khusus untuk membuat rapor, yaitu untuk SMP N 17 Surakarta.
Penelitian dilakukan dengan mengamati sistem secara langsung,
wawancara dan melalui studi pustaka untuk mendapat hasil analisis mengenai
kebutuhan sistem yang dibuat. Aplikasi rapor dibuat dengan menggunakan bahasa
pemrograman framework CodeIgnither dan MySQL database. CodeIgnither
merupakan framework PHP yang dibuat berdasarkan kaidah Model-View-
Contriller (MVC), maka memungkinkan pemisahan antara layer application-logic
dan presentation.
Dengan adanya aplikasi ini diharapkan memudahkan guru SMP Negeri 17
Surakarta dalam mengelola rapor. Aplikasi ini digunakan untuk menyimpan nilai
rapor siswa.

Kata kunci : Penilaian, Rapor, CodeIgnither.

commit to user

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

HALAMAN MOTTO

Sesungguhnya sesudah kesulitan itu ada kemudahan

(QS.AL Insyirah : 6)

There is a will there is a way

Semua akan indah pada waktunya

ALL IS WELL

commit to user

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

HALAMAN PERSEMBAHAN

DeDicateD to :

Keluargaku tercinta, mama, papa, kakak, dan adiku yang


telah membantu, baik materi maupun spirit ...

Wahyu Trimawanto, thanks for everything”

Teman-teman D3 Manajemen Informatika, terutama finka,


arum, wulan, dan wahyu… you are the true friend.

Sodaraku Mela beserta keluarga, dan Bapak Fauzan…


makasih buat semua…

commit to user

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

KATA PENGANTAR

Assalamu’alaykum Warohmatullohi Wabarokatuh.,

Puji syukur penulis panjatkan ke hadirat Alloh SWT, yang telah


melimpahkan karunia-Nya untuk menuntun dan menyertai penulis dalam
menyelesaikan penyusunan Tugas Akhir dan menuliskan laporannya tepat waktu.
Laporan Tugas Akhir ini disusun untuk memenuhi sebagian persyaratan
memperoleh kelulusan Diploma III Manajemen Informatika Fakultas Matematika
dan Ilmu Pengetahuan Alam Universitas Sebelas Maret Surakarta.
Dalam pembuatan laporan ini, penulis telah banyak menerima masukan
dan bantuan dari berbagai pihak. Sehingga dengan segala kerendahan hati, penulis
ingin menyampaikan banyak terima kasih kepada semua pihak yang telah
membantu baik secara langsung maupun tidak langsung sehingga dapat
terselesaikannya laporan ini.
Oleh karena itu penulis mengucapkan terima kasih kepada :
1. Bapak Drs. YS. Palgunadi, M.Sc, selaku Ketua Jurusan D3 Ilmu
Komputer.
2. Wiharto, S.T, M.Kom., selaku dosen pembimbing yang telah banyak
memberikan pengarahan dan petunjuk dalam menyelesaikan laporan ini.
3. Bp.Prih Sasonodadi, S.Pd., selaku Kepala Sekolah di SMP Negeri 17
Surakarta.yang telah memberikan kesempatan untuk melakukan penelitian
di SMP N 17 Surakarta.
4. Keluarga penulis, Ayah dan Ibu,selaku orang tua penulis, dan Wahyu,
yang telah memberikan do’a, dukungan serta semangat kepada penulis
sehingga penulis dapat menyelesaikan Tugas Akhir dan laporan Tugas
Akhir ini dengan baik.
5. Seluruh pihak yang telah membantu penulis dalam menyelesaikan laporan
ini, yang tidak dapat penulis sebutkan satu per satu.

commit to user

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

Penulis berusaha untuk menyelesaikan Laporan Tugas Akhir ini


dengan sebaik mungkin, tetapi penulis menyadari sebuah karya selalu
disertai kekurangannya. Oleh karena itu segala saran dan kritik yang
membangun sangat penulis harapkan demi kesempurnaan penulisan
berikutnya. Semoga Tuhan Yang Maha Kuasa senantiasa mencurahkan
kasih-Nya kepada kita. Amin.

Wassalamu’alaykum Warohmatullohi Wabarokatuh.

Surakarta, ______________

Penulis

commit to user

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

DAFTAR ISI
Halaman
HALAMAN JUDUL ................................................................................. i
HALAMAN PERSETUJUAN .................................................................... ii
HALAMAN PENGESAHAN .................................................................... iii
ABSTRACT ............................................................................................... iv
HALAMAN INTISARI .............................................................................. v
HALAMAN MOTTO ................................................................................ vi
HALAMAN PERSEMBAHAN .................................................................. vii
KATA PENGANTAR ................................................................................ viii
DAFTAR ISI ............................................................................................. x
DAFTAR TABEL ...................................................................................... xiii
DAFTAR GAMBAR ................................................................................. xiv
BAB I PENDAHULUAN ........................................................................... 1
1.1 Latar Belakang ...................................................................... 1
1.2 Perumusan Masalah ................................................................ 2
1.3 Batasan Masalah..................................................................... 2
1.4 Tujuan dan Manfaat Penelitian .............................................. 2
1.5 Metode Penelitian .................................................................. 2
1.6 Sistematika Penulisan ............................................................ 3
BAB II LANDASAN TEORI .................................................................... 4
2.1 Gambaran Umum SMP N 17 Surakarta .................................. 4
2.1.1 Identitas Sekolah ............................................................... 4
2.1.2 Visi Misi SMP N 17 Surakarta ........................................... 4
2.1.3 Sejarah SMP N 17 Surakarta ............................................. 5
2.1.4 Struktur Organisasi SMP N 17 Surakarta ........................... 6
2.1.5 Proses Belajar SMP N 17 Surakarta ................................... 6
2.2 Tinjauan Pustaka .................................................................... 8
2.2.1 Penilaian ..........................................................................
commit to user 8

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

2.2.2 MySql ............................................................................. 8


2.2.3 Macromedia Dreamweaver ............................................. 8
2.2.4 Framework .................................................................... 9
2.2.5 Code Ignither................................................................... 9
2.2.6 Pemodelan Visual ............................................................ 10
1. Use Case ......................................................................... 10
2. Activity Diagram ............................................................. 11
3. Sequence Diagram ........................................................... 11
4. Class Diagram ................................................................. 12
BAB III DESAIN DAN PERANCANGAN ............................................... 13
3.1 Pemodelan Visual .................................................................. 13
3.1.1 Use Case Diagram........................................................... 13
3.1.2 Activity Diagram ............................................................. 15
3.1.3 Sequence Diagram .......................................................... 17
3.1.4 Class Diagram ................................................................ 22
3.1.5 Skema Basis Data ........................................................... 23
3.2 Struktur Database ................................................................... 23
3.3 Rancangan Tampilan Sistem .................................................. 27
BAB IV IMPLEMENTASI DAN ANALISISA ............................................ 32
4.1 Implementasi ............................................................................... 32
1. Form Login ........................................................................ 32
2. Form Utama ....................................................................... 33
3. Form Tambah Data Siswa ................................................. 33
4. Form Data Siswa ............................................................... 34
5. Form Tambah Data Mata Pelajaran................................ 34
6. Form Data Mata Pelajaran ................................................. 35
7. Form Tambah Data Guru .............................................. 35
8. Form Data Guru ........................................................... 36
9. Form Tambah Data Kelas ............................................. 36
10. Form Data Kelas ......................................................... 37
11. Form Tambah commit to user Kognitif ..........................
Data Penilaian 37
xi
perpustakaan.uns.ac.id digilib.uns.ac.id

12. Form Input Data Penilaian Kepribadian......................... 38


13. Form Cari Rapor ........................................................... 39
14. Form Rapor ................................................................... 39
4.2 Analisa ......................................................................................... 40
BAB V PENUTUP .................................................................................... 42
5.1 Kesimpulan ........................................................................... 42
5.2 Saran ..................................................................................... 42
DAFTAR PUSTAKA ................................................................................ 43

commit to user

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

DAFTAR TABEL

Tabel 2.1 Simbol Use Case ......................................................................... 10


Tabel 2.2 Simbol Activity Diagram ............................................................. 11
Tabel 2.3 Simbol Sequence Diagram .......................................................... 12
Tabel 2.4 Simbol Class Diagram ................................................................ 12
Tabel 3.1 Action Use Case .......................................................................... 14
Tabel 3.2 Tabel Login .................................................................................. 23
Tabel 3.3 Tabel Mata Pelajaran .................................................................... 24
Tabel 3.4 Tabel Guru ................................................................................... 24
Tabel 3.5 Tabel Siswa.................................................................................. 24
Tabel 3.6 Tabel Kelas .................................................................................. 24
Tabel 3.7 Tabel Nilai ................................................................................... 25
Tabel 3.8 Tabel Nilai Kognitif...................................................................... 25
Tabel 3.9 Tabel Nilai KepribadianDanKehadiran .......................................... 26
Tabel 3.10 Tabel Rumus Rata-Rata .............................................................. 27

commit to user

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

DAFTAR GAMBAR

Gambar 2.1 Struktur Organisasi SMP N 17 Ska ........................................ 6


Gambar 2.2 Alur Framework CodeIgnither ................................................ 9
Gambar 3.1 Use Case Diagram ................................................................... 13
Gambar 3.2 Activity Diagram Admin ........................................................ 15
Gambar 3.3 Activity Diagram Guru............................................................. 16
Gambar 3.4 Activity Diagram Wali ............................................................. 16
Gambar 3.5 Activity Diagram Kepala Sekolah ............................................ 17
Gambar 3.6 Sequence Diagram Admin ....................................................... 18
Gambar 3.7 Sequence Diagram Regristrasi Data Siswa ............................... 18
Gambar 3.8 Sequence Diagram Regristrasi Data Mata Pelajaran ............... 19
Gambar 3.9 Sequence Diagram Regristrasi Data Guru .............................. 19
Gambar 3.10 Sequence Diagram Regristrasi Data Kelas ............................. 20
Gambar 3.11Sequence Diagram Guru ......................................................... 20
Gambar 3.12 Sequence Diagram Wali ...................................................... 21
Gambar 3.13 Sequence Diagram Kepala Sekolah ...................................... 21
Gambar 3.14 Class Diagram ..................................................................... 22
Gambar 3.15 Skema Basis Data ................................................................ 23
Gambar 3.16 Tampilan Sistem .................................................................. 28
Gambar 3.17 Form Login .......................................................................... 28
Gambar 3.18 Form Utama ......................................................................... 28
Gambar 3.19 Form Reg.Data Siswa ............................................................ 29
Gambar 3.20 Form Reg.Data Mata Pelajaran ............................................ 29
Gambar 3.21 Form Reg.Data Guru ........................................................... 30
Gambar 3.22 Form Reg.Data Kelas ............................................................ 30
Gambar 3.23 Form Cari Rapor .................................................................... 30
Gambar 3.24 Form Rapor .......................................................................... 31
Gambar 4.1 Form Login ............................................................................ 32
commit to user

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

Gambar 4.2 Peringatan Harus Diisi ............................................................ 32


Gambar 4.3 Peringatan Salah ..................................................................... 33
Gambar 4.4 Form Utama ........................................................................... 33
Gambar 4.5 Form Tambah Data Siswa ....................................................... 33
Gambar 4.6 Form Data Siswa .................................................................... 34
Gambar 4.7 Form Tambah Data Mata Pelajaran ......................................... 34
Gambar 4.8 Form Data Mata Pelajaran ...................................................... 35
Gambar 4.9 Form Tambah Data Guru ........................................................ 35
Gambar 4.10 Form Data Guru .................................................................... 36
Gambar 4.11 Form Tambah Data Kelas ..................................................... 36
Gambar 4.12 Form Data Kelas ................................................................... 37
Gambar 4.13 Form Nilai Kognitif 1 ............................................................ 37
Gambar 4.14 Form Nilai Kognitif 2 ........................................................... 38
Gambar 4.15 Form Nilai BK 1 .................................................................... 38
Gambar 4.16 Form Nilai BK 2 ................................................................... 39
Gambar 4.17 Form Cari Rapor .................................................................... 39
Gambar 4.18 Form Rapor ........................................................................... 40

commit to user

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

BAB I
PENDAHULUAN

1.1 Latar Belakang


Salah satu kegiatan rutin yang dilakukan oleh sekolah tiap tahun atau tiap
semester adalah membuat laporan hasil prestasi siswa atau rapor, di mana dalam
mengerjakannya diperlukan keseriusan dan ketelitian. Kesalahan sekecil apapun
akan menyebabkan adanya komplain dari rekan guru, siswa bahkan orang tua
siswa yang akan menerima hasilnya. Sampai saat ini, masih banyak sekolah yang
membuat laporan hasil belajar/ rapor dengan cara konvensional/manual walaupun
sudah menggunakan media komputer Sebagian dari mereka masih menggunakan
Excel untuk membuat rapor. Program Excel merupakan program sederhana dan
menyediakan fasilitas logika-formula, namun jika kurang berpengalaman akan
kesulitan untuk menentukan logika formulanya.Untuk memudahkan dalam
mengolah nilai, perlu dibuat aplikasi khusus untuk mengolah nilai rapor.
Framework dapat digunakan untuk membuat aplikasi ini. Framework
adalah kumpulan kelas ( class ) dan fungsi ( fungtion, method ) yang disusun
secara sistematis berdasarkan kegunaan atau fungsionalitas tertentu. Ada beberapa
macam framework, misalnya Code Igniter, CakePHP, Akelos, Zend, Symfony,
Prado, Yii, dan Kohana. Banyak kelebihan dari framework Code Igniter
dibanding dengan framework yang lain, bahkan yang sangat terkenal sekalipun
seperti Symfony dan juga Zend. Kelebihan tersebut antara lain : performa sangat
cepat, konfigurasi yang sangat minim, dokumentasi yang sangat lengkap, mudah
dalam perawatanya, compatible dengan banyak hosting.
Pertimbangan tersebut yang mendorong penulis untuk membuat aplikasi
rapor menggunakan framework Code Igniter yang diharapkan dapat membantu
proses pembuatan rapor serta memudahkan proses penyerahan hasil belajar siswa,
dan pada kesempatan kali ini penulis memilih SMP N 17 SURAKARTA sebagai
tempat praktek dan observasi data yang diperlukan dalam pembuatan rapor.

commit to user

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

1.2 Perumusan Masalah


Berdasarkan beberapa uraian latar belakang masalah di atas, maka penulis
merumuskan masalah yaitu, “bagaimana pembuatan aplikasi rapor menggunakan
Framework CodeIgniter ?”.

1.3 Batasan Masalah


Dalam laporan ini penulis akan membahas mengenai pembuatan Aplikasi
Rapor semester di SMP N 17 Surakarta.

1.4 Tujuan dan Manfaat Penelitian


1.4.1 Tujuan Penelitian
Tujuan dari adanya penelitian ini adalah membuat suatu Aplikasi Rapor
di SMP Negeri 17 Surakarta dengan menggunakan Framework Code Igniter.
1.4.2 Manfaat Penelitian
Manfaat dari adanya penelitian ini diharapkan dapat membantu proses
pembuatan rapor dan memudahkan proses penyerahan hasil belajar siswa di SMP
Negeri 17 Surakarta.

1.5 Metode Penelitian


a. Metode Observasi
Metode ini dilakukan dengan mengamati cara perolehan nilai kognitif,
nilai ekstrakulikuler, nilai pengembangan diri dan akhlak mulia dan proses
pembutan rapor di SMP Negeri 17 Surakarta.
b. Wawancara
Wawancara dilakukan dengan pihak-pihak yang terkait yang berhubungan
dengan topik penelitian, yaitu guru pengajar, bagian kesiswaan, serta guru BK.
c. Studi Pustaka
Metode ini dilakukan dengan cara mengumpulkan pustaka-pustaka yang
ada untuk digunakan sebagai referensi.

commit to user

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

1.6 Sistematika Penulisan


Penulisan Tugas Akhir ini digunakan sistematika penulisan sebagai
berikut:
BAB I PENDAHULUAN
Bab ini menjelaskan secara umum latar belakang masalah, perumusan
masalah, batasan masalah, tujuan dan manfaat, metode penelitian, dan
sistematika penulisan.
BAB II LANDASAN TEORI
Bab ini berisikan landasan teoritis yang digunakan dalam pembuatan tugas
akhir. Landasan teori diperoleh selama penelitian studi pustaka. Dasar-dasar teori
tersebut berhubungan dengan metode pemecahan masalah yang diterapkan pada
tugas akhir. Bab ini mengandung dua subbab, yaitu gambaran umum SMP Negeri
17 Surakarta dan kajian pustaka.
BAB III DESAIN DAN PERANCANGAN
Bab ini menerangkan perancangan dan desain sistem atau Tugas Akhir
yang dibangun oleh penulis.
BAB IV ANALISIS DAN IMPLEMENTASI
Bab ini menjelaskan implementasi perancangan dalam hal kerja sistem
berikut analisis terhadap sistem. Bab ini berisi dua subbab yaitu analisis dan
implementasi. Subbab implementasi berisi penjelasan dari desain antarmuka
sistem, sedangkan subbab analisis menjelaskan kinerja sistem ketika sistem telah
diimplementasikan.
BAB V PENUTUP
Bab ini berisi kesimpulan yang didapatkan dari analisis mengenai
keterkaitan dengan tujuan pembuatan sistem, berikut saran-saran berkaitan dengan
penggunaan sistem dan atau pengembangan sistem di masa yang akan datang.

commit to user

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

BAB II
LANDASAN TEORI

2.1 Gambaran Umum SMP N 17 Surakarta


2.1.1 Identitas Sekolah
1. Nama Sekolah : SMP N 17 Surakarta
2. Status Sekolah : Negeri
3. Alamat : Jalan Jendral A.Yani
4. Kelurahan : Sumber
5. Kecamatan : Banjarsari
6. Kotamadya : Surakarta
7. Kode Pos : 57138
8. No.telp : (0271) 717520
9. Waktu / Jam Pelajaran : 07.00 - 12.10 WIB

2.1.2 Visi Misi SMP N 17 Surakarta


1. Visi
Membawa anak didik menjadi siswa yang beriman, bertakwa, cerdas,
terampil, dan mandiri.
2. Misi
a. Mewujudkan peningkatan sekolah yang berkualitas sesuai dengan
kurikulum pendidikan
b. Mewujudkan dan meningkatkan prestasi, kecakapan, dan keterampilan
yang memadai sesuai kemampuan sekolah serta sesuai perkembangan
seni budaya
c. Mewujudkan penyelenggaraan pendidikan selaras dengan kepribadian
berbangsa dan terbuka untuk mengikuti perkembangan kemajuan
IPTEK

commit to user

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

2.1.3 Sejarah SMP N 17 Surakarta


Sejarah SMP N 17 semula adalah sekolah Tekhnik Perkapalan Surakarta,
kemudian mengalami transmisi menjadi Sekolah Menengah Pertama Negeri 17
Surakarta pada tahun 1977. Selanjutnya baru pada tahun 1979 tepatnya tanggal 17
Februari 1979 SMP N 17 resmi dibuka. Hal tersebut sesuai dengan SK
No.030/4/1979 dan mempunyai akreditasi A.
Mulai awal dibuka dari tahun 1977-2010 SMP N 17 Surakarta pergantian
kepegawaian kepala sekolah sebanyak 10 kali, yaitu :
1. Masruri, B.A.
2. Haryono
3. Soeharto, B.A.
4. Hisyam Zaini, B.A.
5. Drs.Sudarno, M.S.
6. Dra.Sri Suwartinah
7. Drs.Rahmat Sucipto Samsudi
8. Drs.F.Handoyo, M.M.
9. Drs.Joko Slameto, M.Pd
10. Prih Sasonodadi, S.Pd. sampai sekarang

commit to user

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

2.1.4 Struktur Organisasi SMP N 17 Surakarta


Kepala Sekolah
Bp.Prih Sasonodadi, S.Pd.

Wakil Kepala Sekolah


Bp.Sudjito, B.A.

Ur.Kurikulum I,II Ur.Kesiswaan I,II Ur.Humas Ur.Sarana Prasarana

Komite Ur.Tata Usaha

Pustakawan Pengelola Laborat

Wali Kelas

Guru Mata Pelajaran

Guru BP / BK

Gambar 2.1 Struktur Organisasi SMP N 17 Ska.

2.1.5 Proses Belajar SMP N 17 Surakarta


Pada SMP N 17 Surakarta memiliki 19 kelas yang terdiri dari 6 kelas
untuk kelas VII (VIIA - VIIF), 6 kelas untuk kelas VIII (VIIIA - VIIIF), dan 7
kelas untuk kelas IX (IXA - IXG). Setiap kelas rata-rata berisi 31 hingga 36 siswa.
commit to user

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

Dalam memperoleh nilai SMP N 17 Surakarta mendapatkannya dari 3


aspek penilaian. Yang pertama adalah nilai kognitif yang terdiri atas nilai rata-rata
(NR), yaitu nilai NH (rata-rata nilai harian), NMid (nilai mid semester), NU (nilai
ujian akhir semester). Rata-rata nilai harian (NH), nilai ini diperoleh dengan cara
guru memberikan ulangan-ulangan harian kepada siswa setiap kompetensi dasar
selesai diajarkan sejumlah kompetensi dasar yang ada pada masing-masing mata
pelajaran. Selain itu guru juga memberikan tugas-tugas harian masing-masing
kompetensi dasar. Kedua nilai tersebut kemudian dirata-rata dengan rumus ((3 x
rata-rata nilai ulangan harian + rata-rata nilai tugas) / 4). Nilai mid (NMid)
diperoleh dari nilai asli mid semester yang diadakan dipertengahan semester. Nilai
ujian akhir semester (NU) diperoleh dari nilai asli ujian semester yang diadakan 6
bulan sekali. Ketiga nilai tersebut dirata-rata dengan rumus
NR=(2*NH+NMID+NU)/4.
Aspek penilaian berikutnya adalah nilai pengembangan diri, yang didapat
dari kegiatan ekstrakulikuler yang diikuti oleh masing-masing siswa. Nilai
ekstrakulikuler diberikan oleh guru pengampu ekstrakulikuler tersebut. Aspek
ketiga adalah nilai kepribadian dan aklhak mulia. Nilai ini diperoleh dari
kehadiran, sikap, kepribadian dan aklhak mulia siswa. Nilai kehadiran, sikap, dan
kepribadian diberikan oleh guru bimbingan konseling, sedangkan nilai aklhak
mulia diberikan oleh guru agama. Tiga aspek penilaian tersebut diserahkan kepada
masing-masing wali kelas untuk dilakukan pencatatan pada rapor.
Rumus perhitungan Nilai Rapor :
1. NH Kognitif : ((2 x rata-rata nilai harian)+ mid + nilai ujian) / 4.
2. Nilai Pengembangan Diri : (nilai dari ekstrakulikuler).
3. Nilai Kepribadian Dan Akhlak Mulia : (nilai sikap, nilai kepribadian dan
nilai akhlak mulia).

commit to user

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

2.2 Tinjauan Pustaka


2.2.1 Penilaian
Didalam proses belajar mengajar penilaian memiliki arti suatu upaya atau
tindakan untuk mengetahui sejauh mana tujuan yang telah ditetapkan itu tercapai
atau tidak. Dengan kata lain, penilaian berfungsi sebagai alat untuk mengtahui
keberhasilan proses dan hasil belajar siswa. Dalam melaksanakan evaluasi hasil
belajar dituntut untuk mengevaluasi secara menyeluruh terhadap peserta didik,
baik dari segi pemahamannya terhadap materi atau bahan pelajaran yang telah
diberikan (aspek kognitif), maupun dari segi penghayatan (aspek afektif), dan
pengamalannya (aspek psikomotor). Ketiga aspek atau ranah kejiwaan itu erat
sekali dan bahkan tidak mungkin dapat dilepaskan dari kegiatan atau proses
evaluasi hasil belajar.

2.2.2 MySQL
MySQL adalah multiuser yang menggunakan bahasa Structured Query
Language (SQL). MySQL mampu menangani data yang cukup besar. Perusahaan
yang mengembangkan MySQL yaitu TcX, mengaku mampu menyimpan data
lebih dari 40 database, 10.000 tabel dan sekitar 7 juta baris, totalnya kurang lebih
100 Gigabyte data.
SQL adalah bahasa standar yang digunakan untuk mengakses database
server. Bahasa ini pada awalnya dikembangkan oleh IBM, namun telah diadopsi
dan digunakan sebagai standar industri. Dengan menggunakan SQL, proses akses
database menjadi lebih user-friendly dibanding dengan menggunakan dBase atau
Clipper yang masih menggunakan perintah-perintah pemrograman.
(Sunarfrihantono, 2002)

2.2.3 Macromedia Dreamweaver


Macromedia Dreamweaver MX adalah HTML editor professional yang
berfungsi mendesain, melakukan coding, dan mengembangkan website yang
paling terkenal di dunia web. Macromedia adalah produsen software website yang
commit
paling besar di dunia. Salah satu to userDreamweaver adalah ruang kerja
kelebihan
8
perpustakaan.uns.ac.id digilib.uns.ac.id

Dreamweaver beserta tool yang tersedia dapat digunakan dengan sangat mudah
dan cepat, sehingga bisa membangun suatu website dengan cepat dan tanpa harus
melakukan coding. Selain itu Dreamweaver juga mempunyai intregasi dengan
produk Macromedia lainnya, seperti Flash, Fireworks. (Stephen, 2005)

2.2.4 Framework
Framework dapat diartikan sebagai koleksi atau kumpulan potongan-
potongan program yang disusun atau diorganisasikan sedemikian rupa, sehingga
dapat digunakan untuk membantu membuat aplikasi utuh tanpa harus membuat
semua kodenya dari awal. Saat ini banyak framework PHP, diantaranya : Zend
Framework, Cake Framework, Trax, Symfony dan sebagainya. (Basuki, 2010)

2.2.5 Code Ignither


CodeIgniter adalah framework PHP yang dibuat berdasarkan kaidah Model
– View – Controller (MVC). Dengan MVC, maka memungkinkan pemisahan
antara layer application – logic dan presentation. Sehingga, dalam sebuah tim
pengembangan web, seorang programmer bisa berkonsentrasi pada core-system
sedangkan web designer bisa berkonsentrasi pada tampilan web. Menariknya,
skrip PHP, query MySQL, Javascript dan CSS bisa saling terpisah-pisah, tidak
untuk mengeksekusinya. Dengan demikian, aplikasi yang dibuat mudah untuk
dimaintenance dan dikembangkan lebih lanjut.
Adapun alur program aplikasi berbasis framework CodeIgniter adalah:

Gambar 2.2commit to user CodeIgnither


Alur Framework

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

Keterangan :
1. Model : kode program (berupa OOP class) yang digunakan untuk
memanipulasi database.
2. View : berupa template html/xhtml atau php untuk menampilkan data pada
browser.
3. Controller : kode program (berupa OOP class) yang digunakan untuk
mengkontrol aliran aplikasi (sebagai pengontrol Model dan View).
( Basuki, 2010 )

2.2.6 Pemodelan Visual


Menurut Quatrani (1998:1) pemodelan visual adalah suatu cara berfikir
tentang persoalan menggunakan model-model yang diorganisasikan seputar dunia
nyata. Model berguna untuk memahami persoalan, mengkomunikasikan dengan
orang-orang yang terlibat dalam proyek (customer, ahli dibidangnya, analisis,
designer, dll), menyiapkan perusahaan, menyiapkan dokumentasi, merancang
program, dan merancang basis data. (Sholiq, 2006)

1. Use Case Diagram


Use case diagram menyajikan interaksi antara use case dan actor. Dimana
actor dapat berupa orang, peralatan atau sistem lain yang berinteraksi dengan
sistem yang sedang dibangun. Use case menggambarkan fungsionalitas sistem,
atau persyaratan-persyaratan yang harus dipenuhi sistem dari pandangan pemakai.
(Sholiq, 2006)
Tabel 2.1 Simbol Use Case
No Simbol Nama Deskripsi
1 Case Use case diberi nama yang
Use Case
menyatakan apa hal yang dicapai
dari hasil interaksinya dengan actor.
2 Actor Merupakan simbol untuk
menggambarkan User yang
berhubungan dengan Sistem.

commit to user

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

3 Relation Relasi antara case dengan actor


ataupun case dengan case lain

2. Activity Diagram
Activity diagram menggambarkan aliran fungsional sistem. Pada tahap
pemodelan bisnis, diagram aktivitas dapat digunakan untuk menunjukkan aliran
kerja bisnis (business work-flow). Dapat juga digunakan menggambarkan aliran
kejadian (flow of events) dalam use case. (Sholiq, 2006)

Tabel 2.2 Simbol Activity Diagram


No Simbol Nama Deskripsi
1 State Menggambarkan sebuah
pekerjaan/tugas dalam workflow.

2 State transition Menunjukkan kegiatan apa berikutnya


setelah suatu kegiatan sebelumnya.

3 Start state Menunjukkan dimulainya suatu


workflow pada sebuah activity diagram.

4 End state Menggambarkan akhir dari pada sebuah


activity diagram.

5. Decision Suatu titik/point pada activity diagram


yang mengindikasikan suatu kondisi
dimana ada kemungkinan perbedaan
transisi.

3. Sequence Diagram
Sequence diagram digunakan untuk menunjukkan aliran fungsionalitas dalam
use case. (Sholiq, 2006) commit to user

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

Tabel 2.3 Simbol Sequence Diagram


No Simbol Nama Deskripsi
1 Object Menggambarkan pos-pos objek yang
mengirim dan menerima message.

2 Message Menggambarkan aliran pesan yang


dikirim oleh pos-pos objek.

4. Class Diagram
Diagram kelas atau Class diagram digunkan unutk menampilkan kelas-
kelas atau paket-paket di dalam sistem dan relasi antar mereka. Ia memebrikan
gamabaran sistem secara statis. Biasanya, dibuat beberapa diagram kelas untuk
sistem. Satu diagram kelas menampilkan subset dari kelas-kelas dan relasinya.
Yang lainnya, mungkin menampilkan kelas-kelas termasuk atribut dan operasi
dalam kelas-kelas. Data yang lainnya lagi, mungkin menampilkan paket-paket
kelas dan relasi antar paket-paket. (Sholiq, 2006)
Tabel 2.4 Simbol Class Diagram
No Simbol Nama Deskripsi
1 Kelas Deskripsi dari sekumpulan objek
yangterdiri dari daftar atribut dan
daftar operasi.
2 Generalisasi Hubungan antara yang lebih umum
dan elemen yang lebih spesifik.
3 Depedensi Hubungan antara dua elemen
pemodelan, di mana perubahan ke
satu elemen pemodelan (elemen
independen) akan mempengaruhi
simulasi elemen lainnya

commit to user

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

BAB III
DESAIN DAN PERANCANGAN

3.1 Pemodelan Visual


Perancangan aplikasi rapor dijelaskan melalui pemodelan visual use
case, activity diagram, sequence diagram dan class diagram.
3.1.1 Use Case Diagram
Untuk menjabarkan use case dalam sistem, sangat baik bila dimulai
dengan memperhatikan actor dan actions/aksi yang mereka lakukan dalam
sistem.
Login
<<include>>

Validasi

Registrasi Data
Siswa

Registrasi Data
Mapel

Registrasi Data
Guru

Registrasi Data
Kelas

Registrasi Data
User

Guru
Registrasi Data
Rumus

Admin Registrasi Data


Nilai Wali Kelas

Kepala Sekolah
Input Nilai
Kognitif

Input Nilai BK

Laporan

Logout

commit to user
Gambar 3.1 Use Case Diagram
13
perpustakaan.uns.ac.id digilib.uns.ac.id

Dalam aplikasi ini terdapat 3 aktor pengguna, antara lain admin, guru
dan wali :
a. Admin : Orang yang bertugas mendata data guru, data siswa, data mata
pelajaran, dan data kelas.
b. Guru : Orang yang bertugas memasukkan data nilai kognitif dan nilai
kepribadian.
c. Wali : Orang yang hanya dapat melihat laporan dan mencetak raport.
d. Kepala sekolah : Orang yang hanya dapat melihat laporan dan mencetak
raport.
Action yang dilakukan ketiga aktor tersebut adalah :
Tabel 3.1 Action Use Case
No Actor Action
1. Admin 1. Melakukan login (Untuk menggunakan aplilkasi, setiap
jenis actor mempunyai account tersendiri. Selanjutnya
seorang pengguna harus login dan memasukkan
username dan password yang kemudian akan divalidasi
oleh sistem)
2. Melakukan registrasi data siswa
3. Melakukan registrasi data mata pelajaran
4. Melakukan registrasi data guru
5. Melakukan registrasi data kelas
6. Melakukan registrasi data nilai
7. Melihat laporan
8. Logout (Proses logout digunakan ketika pengguna akan
keluar dari aplikasi, dan jika ingin masuk kedalam
aplikasi pengguna harus melakukan proses login
kembali)
2. Guru 1. Melakukan login
2. Melakukan input nilai kognitif
3. Melakukan input nilai Kepribadian dan aklhak mulia
commit to user

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

(Bk)
4. Melihat laporan
5. Logout
3. Wali 1. Melakukan login
2. Melihat laporan
3. Logout
4. Kepala 1. Melakukan login
Sekolah 2. Melihat laporan
3. Logout

3.1.2 Activity Diagram


1. Activity Diagram Admin
Activity Diagram menggambarkan berbagai alur aktifitas dalam
system yang sedang dirancang, bagaimana masing-masing alur berawal, kondisi
yang terjadi, dan bagaimana sistem akan berakhir.

Membuka Aplikasi

Melakukan Login

Validasi Salah

Benar

Memilih menu

Logout
Registrasi Data Pelaporan Reg.User

Data Kelas Data Nilai Selesai

Data Guru Data Mapel Data Siswa Data Rumus Legger Raport

commit to user
Gambar 3.2 Activity Diagram Admin
15
perpustakaan.uns.ac.id digilib.uns.ac.id

2. Activity Diagram Guru

Gambar 3.3 Activity Diagram Guru

3. Activity Diagram Wali

commit
Gambar to userDiagram Wali
3.4 Activity
16
perpustakaan.uns.ac.id digilib.uns.ac.id

4. Activity Diagram Kepala Sekolah

Gambar 3.5 Activity Diagram Kepala Sekolah

3.1.3 Sequence Diagram


Setelah menganalisa Activity Diagram maka sequence diagram dari
perangkat lunak inventory dapat digambar, berikut sequence diagram yang
dapat diambil dari penggambaran Activity Diagram :

commit to user

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

1. Sequence Diagram Admin


a. Sequence Diagram Admin

Gambar 3.6 Sequence Diagram Admin


b. Sequence Diagram Registrasi Data Siswa

Gambar 3.7 Sequence Diagram


commit to user Registrasi Data Siswa

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

c. Sequence Diagram Registrasi Data Mata Pelajaran

Admin FormInputMapel AccountControl Mapel

setData()

sendData()
Memasukkan
Data Mapel showMessage()

Menampilkan Pesan
InsertDataMapel()
Error Dan Kembali
Ke Form Berhasil Menyimpan
Data Berhasil
showData() Disimpan

setDataUpdate()

sendDataUpdate()

ShowErrorMessage() Validasi Data Mapel

UpdateDataMapel()

Berhasil Update Data Berhasil


Disimpan
showData()
setDataHapus()

SendDataHapus()

HapusDataMapel()

Berhasil Hapus Data Berhasil


Dihapus
showData()

Gambar 3.8 Sequence Diagram Registrasi Data Mata Pelajaran


d. Sequence Diagram Registrasi Data Guru

commit to
Gambar 3.9 Sequence user Registrasi Data Guru
Diagram
19
perpustakaan.uns.ac.id digilib.uns.ac.id

e. Sequence Diagram Registrasi Data Kelas

Gambar 3.10 Sequence Diagram Registrasi Data Kelas


2. Sequence Diagram Guru

Gambar 3.11 Sequence Diagram Guru


commit to user

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

3. Sequence Diagram Wali

Gambar 3.12 Sequence Diagram Wali


4. Sequence Diagram Kepala Sekolah

Kepala Sekolah Login Menu Laporan Logout

Buka Aplikasi Login

Username,Password

Display
Salah

Pesan Error

Menampilkan Pesan
Error Bahwa Username
dan Password Salah
Benar

Tampilan Menu Utama


Pilih Menu Pelaporan

Tampil Data Laporan Pilih Menu Logout

Keluar

commit to user
Gambar 3.13 Sequence Diagram Kepala Sekolah
21
perpustakaan.uns.ac.id digilib.uns.ac.id

3.1.4 Class Diagram


Class diagram tahap analisis belum memiliki method dan atribut, karena
diambil dari Activity Diagram.

Gambar 3.14 Class Diagram

commit to user

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

3.1.5 Skema Basis Data


Skema basis data menunjukkan relasi antar tabel. Gambar skema basis
data ditunjukkan pada gambar dibawah ini :
nilai_bk siswa nilai_kog Rata
PK id_bk* PK nis* PK id_kog* PK jenis_nilai

id_nilai** nama id_nilai** poin


nis** nis**
keg1 nh
keg2 Nilai nmid
kelakuan nu
PK id_nilai* nr
kerajinan
kerapian ketuntasan
id_kelas**
kebersihan
nip**
sakit
semester
ijin
tahun
tanpa_ket
aklhak

Login
kelas
PK id_user* guru mapel
PK id_kelas*
username PK nip* PK id_mapel*
password kelas
nip** nip** id_mapel** mapel
status nama KKM

Gambar 3.15 Skema Basis Data


Keterangan :
* : primary key
** : foreign key
3.2 Struktur Database
Dari UML dan Skema Basis Data yang sudah dibuat, maka dapat dibuat
desain database yang akan dibuat sebagai basis data untuk sistem pengolahan nilai
rapor.
1. Tabel Login
Tabel 3.2 Tabel Login
Nama tabel : login
Field Name Data Type Field Size Keterangan
Id_user (pk) Int (auto_increment) - No urut ID user login
Nip (fk) Int 18 NIP guru
Username Varchar 20 Nama user login
Password Varchar 20 Password user login
Status commit to user
Varchar 10 Status Login
23
perpustakaan.uns.ac.id digilib.uns.ac.id

2. Tabel Mata Pelajaran


Tabel 3.3 Tabel Mapel
Nama tabel : mapel
Field Name Data Type Field Keterangan
Size
Id_mapel (pk) Int(auto_increment) - Kode mata pelajaran
Mapel Varchar 45 Nama mata pelajaran
KKM Int - Batas kelulusan
3. Tabel Guru
Tabel 3.4 Tabel Guru
Nama tabel : guru
Field Name Data Type Field Size Keterangan
nip (pk) Int 18 No induk pegawai
guru
Id_mapel(fk) Int - Id_mapel
Nama Varchar 30 Nama guru
4. Tabel Siswa
Tabel 3.5 Tabel Siswa
Nama tabel : siswa
Field Name Data Type Field Size Keterangan
nis ( pk) Varchar 4 No induk siswa
Nama Varchar 30 Nama siswa
5. Tabel Kelas
Tabel 3.6 Tabel Kelas
Nama tabel : kelas
Field Name Data Type Field Size Keterangan
Id_kelas (pk) Int(auto_increment) - Id Kelas
Kelas Varchar 5 Nama kelas
Nip (fk) Int 18 No.induk pegawai

commit to user

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

6. Tabel Nilai
Tabel 3.7 Tabel Nilai
Nama tabel : nilai_kognitif
Field Name Data Type Field Size Keterangan
Id_nilai (pk) Int (auto - Id Nilai
increment)
Id_kelas (fk) Int - Id Kelas

Nip (fk) Int 18 Nomor Induk Pegawai


Guru
Semester Varchar 3 Semester

Tahun Varchar 10 Tahun Ajaran

7. Tabel Nilai Kognitif


Tabel 3.8 Tabel Nilai Kognitif
Nama tabel : nilai_kognitif
Field Name Data Type Field Size Keterangan
Id_Kog (pk) Int (auto - Id kognitif
increment)
Id_nilai (fk) Int - Id Nilai
NIS (fk) Varchar 4 No.induk siswa

NH Varchar 5 Nilai rata-rata harian

Nmid Varchar 5 Nilai mid semester

NU Varchar 5 Nilai ujian semester

NR Varchar 5 Nilai rata-rata akhir

Ketuntasan Varchar 15 Ketuntasan

commit to user

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

8. Tabel Nilai KepribadianDanKehadiran


Tabel 3.9 Tabel Nilai KepribadianDanKehadiran
Nama tabel :nilai_bk
Field Name Data Type Field Size Keterangan
Id_bk (pk) Int (auto - Id N.Kepribadian dan
increment) kehadiran
Id_nilai (fk) Int - Id_nilai

NIS (fk) Varchar 4 No.induk siswa

Keg1 Varchar 1 Jenis kegiatan 1

Keg2 Varchar 1 Jenis kegiatan 2

Kelakuan Varchar 1 Nilai tentang kelakuan


siswa
Kerajinan Varchar 1 Nilai tentang kerajinan
siswa
Kerapian Varchar 1 Nilai tentang kerapian

Kebersihan Varchar 1 Nilai tentang


kebersihan.
Sakit Varchar 1 Nilai tentang jumlah
tidak masuk karena
sakit.
Izin Varchar 1 Nilai tentang jumlah
tidak masuk karena
ijin.
Tanpaket Varchar 1 Nilai tentang jumlah
tidak masuk tanpa
keterangan.
Akhlak Varchar 100 Nilai tentang akhlak
mulia
commit to user

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

9. Tabel Rumus Rata-Rata


Tabel 3.10 Tabel Rumus Rata-Rata
Nama tabel : rata
Field Name Data Type Field Size Keterangan
Jenis_nilai Varchar 5 Jenis nilai
Poin Int - Besar poin dari nilai
dalam rumus

3.3 Rancangan Tampilan Sistem


1. Tampilan Sistem
Perancangan desain untuk aplikasi raport ditunjukan seperti gambar
3.11 di bawah ini yang terbagi menjadi beberapa bagian yaitu :
a. Header, bagian ini adalah tampilan atas dari desain yang berisi judul
untuk sistem.
b. Main menu, adalah bagian yang memuat tentang judul dari content
website yang tengah ditampilkan.
c. Sidebar menu, yang memuat tentang tombol navigasi dari
website.Menu navigasi ini berbeda-beda untuk masing-masing level
user.
d. Content, adalah isi utama dari website berisi tentang tabel – tabel
data peserta dan sebagainya.
e. Footer, berisi tentang tahun pembuatan sistem, pembuat dan hak cipta

commit to user

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

Gambar 3.16 Tampilan Sistem


2. Tampilan Login
Rancangan tampilan login dapat dilihat pada gambar 3.14.

Gambar 3.17 Form Login


3. Tampilan Menu Utama
Rancangan tampilan Menu Utama dapat dilihat pada gambar 3.15.

commit to user
Gambar 3.18 Form Utama
28
perpustakaan.uns.ac.id digilib.uns.ac.id

4. Tampilan Reg.Data Siswa


Rancangan tampilan Reg.Data Siswa dapat dilihat pada gambar 3.16.

Gambar 3.19 Form Reg.Data Siswa


5. Tampilan Reg.Data Mata Pelajaran
Rancangan tampilan Reg.Data Mata Pelajaran dapat dilihat pada gambar
3.17.

Gambar 3.20 Form Reg.Data Mata Pelajaran


6. Tampilan Reg.Data Guru
Rancangan tampilan Reg.Data Guru dapat dilihat pada gambar 3.18.

commit to user

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

Gambar 3.21 Form Reg.Data Guru


7. Tampilan Reg.Data Kelas
Rancangan tampilan Reg.Data Kelas dapat dilihat pada gambar 3.19.

Gambar 3.22 Form Reg.Data Kelas


8. Tampilan Cari Rapor
Rancangan tampilan Cari Rapor dapat dilihat pada gambar 3.20.

commit
Gambar 3.23toForm
user Cari Rapor

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

9. Tampilan Rapor
Rancangan tampilan Rapor dapat dilihat pada gambar 3.21.

Gambar 3.24 Form Rapor

commit to user

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

BAB IV
IMPLEMENTASI DAN ANALISA

4.1 Implementasi
Implementasi perancangan terhadap sistem yang dibangun bisa dilihat
melalui desain menu utama, yang secara garis besar adalah sebagai berikut:
1. Form Login
Untuk dapat menjalankan aplikasi ini harus melakukan login terlebih
dahulu. Dan berikut ini adalah implementasi halamn login :

Gambar 4.1 Form Login


Apabila pengguna lupa memasukkan data ke dalam salah satu atau banyak
field yang disediakan akan muncul pop up windows “File Password harus diisi”,
yang selanjutnya akan dikenali sebagai peringatan kosong.

Gambar 4.2 Peringatan Harus Diisi


Kesalahan yang juga dimungkinkan muncul adalah username dan
password yang dimasukkan tidak sesuai maka akan muncul pop-up lain yaitu
“Maaf, username dan atau password Anda salah” , yang selanjutnya akan disebut
sebagai peringatan login. commit to user

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

Gambar 4.3 Peringatan Salah


2. Form Utama
Setelah melakukan login akan tampil halaman utama (halaman login
admin) yang terdiri dari menu-menu utama .

Gambar 4.4 Form Utama

3. Form Tambah Data Siswa


Form ini digunakan dalam registrasi data siswa untuk menginputkan data
siswa baru. Setelah selesai pengisian data admin mengklik simpan. Jika ingin
melihat data yang disimpan klik tombol kembali.

Gambar commit to Tambah


4.5 Form user Data Siswa
33
perpustakaan.uns.ac.id digilib.uns.ac.id

4. Form Data Siswa


Form ini digunakan untuk menampilkan data siswa yang sudah diinputkan
oleh admin. Terdiri dari perintah tambah data, update data dan hapus data.

Gambar 4.6 Form Data Siswa

5. Form Tambah Data Mata Pelajaran


Form ini digunakan dalam registrasi data mata pelajaran untuk
menginputkan data mata pelajaran baru. Setelah selesai pengisian data admin
mengklik simpan. Jika ingin melihat data yang disimpan klik tombol kembali.

Gambar 4.7 FormtoTambah


commit user Mata Pelajaran

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

6. Form Data Mata Pelajaran


Form ini digunakan untuk menampilkan data mata pelajaran yang sudah
diinputkan oleh admin. Terdiri dari perintah tambah data, update data dan hapus
data.

Gambar 4.8 Form Data Mata Pelajaran

7. Form Tambah Data Guru


Form ini digunakan dalam registrasi data guru untuk menginputkan data
guru baru. Setelah selesai pengisian data admin mengklik simpan. Jika ingin
melihat data yang disimpan klik tombol kembali.

Gambar 4.9 Form Tambah Data Guru


commit to user

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

8. Form Data Guru


Form ini digunakan untuk menampilkan data guru yang sudah diinputkan
oleh admin. Terdiri dari perintah tambah data, update data dan hapus data.

Gambar 4.10 Form Data Guru

9. Form Tambah Data Kelas


Form ini digunakan dalam registrasi data kelas untuk menginputkan data
kelas baru. Guru walikelas dipilih melalui menu dropdown yang berisi nama guru
yang sudah diinputkan pada registrasi data guru. Setelah selesai pengisian data
admin mengklik simpan. Jika ingin melihat data yang disimpan klik tombol
kembali.

commit to user

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

Gambar 4.11 Form Tambah Data Kelas

10. Form Data Kelas


Form ini digunakan untuk menampilkan data kelas yang sudah diinputkan
oleh admin. Terdiri dari perintah tambah data, update data dan hapus data.

Gambar 4.12 Form Data Kelas

11. Form Tambah Data Penilaian Kognitif


Form ini digunakan untuk menambah data nilai kognitif baru. Terdiri dari
dua form, yaitu form pertama berisi keterangan mengenai mata pelajaran dari nilai
yang akan diinputkan (pengajar, kelas, semester, dan tahun) dan form kedua berisi
keterangan siswa dan nilai kognitif yang akan diinputkan.

commit to user

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

Gambar 4.13 Form Nilai Kognitif 1

Gambar 4.14 Form Nilai Kognitif 2

12. Form Tambah Data Penilaian Kepribadian


Form ini digunakan untuk menambah data nilai kepribadian dan akhlak
mulia (bk) baru. Terdiri dari dua form, yaitu form pertama berisi keterangan
mengenai nilai dari nilai yang akan diinputkan (pengajar, kelas, semester, dan
tahun) dan form kedua berisi keterangan siswa dan nilai bk yang akan diinputkan.

Gambar 4.15 Form Nilai BK 1

commit to user

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

Gambar 4.16 Form Nilai BK 2

13. Form Cari Rapor


Form ini digunakan untuk mencari data rapor yang ingin dilihat. Pencarian
dilakukan berdasarkan nis, semester, dan tahun ajaran yang diinginkan.

Gambar 4.17 Form Cari Rapor

14. Form Rapor


Form ini merupakan form rapor dari hasil pencarian. Yang berisi nama
siswa, nilai kognitif, nilai kepribadian dan aklhak mulia, serta wali kelasnya.

commit to user

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

Gambar 4.18 Form Rapor

4.2 Analisa
Aplikasi Rapor ini menghasilkan luaran yang berguna bagi guru dalam
melihat nilai rapor. Nilai yang disimpan adalah nilai kognitif, kepribadian dan
aklhak mulia dari masing-masing siswa.
Aplikasi ini memiliki kelebihan yaitu :
1. Dapat digunakan untuk menyimpan data nilai kognitif, nilai kepribadian
dan aklhak mulia siswa.
2. Dapat digunakan untuk mengolah nilai siswa.
3. Dapat digunakan untuk melihat dan mencetak nilai siswa sebagai nilai
rapor.
Dan didalam aplikasi masih memiliki kekurangan yaitu aplikasi ini kurang
jenis laporan yang dibuat dan aplikasi ini masih belum ada menu backup data.

commit to user

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

Pembuatan sistem aplikasi raport ini selain menggunakan sebuah perangkat


keras berupa personal komputer juga menggunakan perangkat lunak sebagai
berikut:
1. Macromedia Dreamweaver sebagai web editor.
2. Xampp sebagai (web server, PHP, MySQL).
3. Mozilla Firefox sebagai browser.

commit to user

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

BAB V PENUTUP
5.1 Kesimpulan
Kesimpulan yang dapat diambil dari pembahasan di atas antara lain adalah
telah berhasil dibangun sebuah aplikasi rapor, yang memudahkan guru SMP
Negeri 17 Surakarta dalam mengelola nilai rapor.
Aplikasi yang dibuat menggunakan bahasa pemrograman Framework Code
Ignither dengan database MySQL. Aplikasi rapor ini dapat digunakan untuk
menyimpan nilai rapor siswa.
5.2 Saran
Perangkat lunak ini masih jauh dari sempurna, sehingga untuk
memaksimalkan kinerja dari perangkat lunak ini perlu dilakukan pengembangan
lebih lanjut diantaranya adalah :
1. Perlu adanya pengembangan untuk cetak pdf pada laporan raport.
2. Perlu adanya penambahan jenis laporan yang dibuat, seperti laporan
legger, data siswa, data guru, dan laporan peringkat kelas.

commit to user

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

DAFTAR PUSTAKA

Sunarfrihantono, Bimo.2002.PHP dan MySQL untuk WEB.Yogyakarta:Andi


Offset.

Stephen,Agustinus.2005.Mendesain dan Mengembangkan Website dengan


Dreamweaver MX 2004.Jakarta : Gramedia.

Basuki, Awan Pribadi.2010.Membangun Web Berbasis PHP Dengan Framework


CodeIgnither.Yogyakarta : Lokomedia.

Sholiq.2006.Pemodelan Sistem Informasi Berorientasi Objek dengan


UML.Yogyakarta : Graha Ilmu.

commit to user

43

Anda mungkin juga menyukai