commit to user
SISTEM PENGOLAHAN NILAI BERBASIS WEBSITE DI PONDOK PESANTREN NURUL HUDA GONDANG SRAGEN
TUGAS AKHIR
Diajukan Untuk Memenuhi Salah Satu Syarat Mencapai Gelar Ahli Madya Program Diploma III Teknik Informatika
Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sebelas Maret
Disusun Oleh :
ANDREAS TRI INDRATNO NIM. M3109012
PROGRAM DIPLOMA III TEKNIK INFORMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SEBELAS MARET
commit to user
ii
HALAMAN PERSETUJUAN
SISTEM PENGOLAHAN NILAI BERBASIS WEBSITE DI PONDOK
PESANTREN NURUL HUDA GONDANG SRAGEN
Disusun Oleh
ANDREAS TRI INDRATNO NIM. M3109012
Tugas Akhir ini disetujui dan dipresentasikan pada Ujian TA
pada tanggal 14 Januari 2013
Pembimbing,
commit to user
iii
HALAMAN PENGESAHAN
SISTEM PENGOLAHAN NILAI BERBASIS WEBSITE DI PONDOK
PESANTREN NURUL HUDA GONDANG SRAGEN
Disusun oleh : Andreas Tri Indratno
NIM. M3109012
Dibimbing oleh : Pembimbing Utama
Sakroni, S.Kom NIP. 1970063 200112 1 001
Tugas akhir ini telah diterima dan disahkan oleh dewan penguji tugas akhir Program Diploma III Teknik Informatika pada hari Senin tanggal 14 Januari 2013
Dewan Penguji :
1. Sakroni, S.Kom ( )
NIP. 1970063 200112 1 001
2. Rudi Hartono, S.Si ( ) NIDN. 0626128402
3. Hartatik, S.Si, M.Si ( )
NIDN. 0703057802
Disahkan Oleh
Dekan Fakultas MIPA Universitas Sebelas Maret
Ketua Program
Diploma III Teknik Informatika
Prof. Ir. Ari Handono Ramelan, M.Sc. (Hons), Ph.D. NIP. 19610223 198601 1 001
commit to user
iv ABSTRACT
ANDREAS TRI INDRATNO, 2013. GRADES PROCESSING SYSTEM BASED WEBSITE IN PONDOK PESANTREN NURUL HUDA GONDANG SRAGEN. Diploma Degree Computer Science, Mathematics and Natural Sciences Faculty, Sebelas Maret University of Surakarta.
Development of information technology has been growth well, in some state public and private institutions, information technology needed in the optimization of all processes related to the manufacture and repair of the system. One form of optimization is application grades processing system at Nurul Huda Sragen. The purpose of this application is made to assist teachers in managing the grades of subjects and meet the information needs of students for transparen\cy grades. In completing this application, there are several steps that must be done. The steps are preparation, analysis and design phase, implementation phase, evaluation phase and the phase of a reporting issuer. The program is developed using PHP and MySQL based Object Orientation with Codeigniter.
The results of this final project is a grades processing system using CodeIgniter
as a framework. Grades processing system is designed to assist teachers in
managing the grades of subjects and meet the information needs of students for transparency grades.
commit to user GONDANG SRAGEN. Diploma III Ilmu Komputer, Fakultas Matematika dan Ilmu Pengetahuan Alam, Universitas Sebelas Maret Surakarta.
Perkembangan Teknologi Informasi adalah semakin hari semakin maju. Dalam instansi negeri maupun swasta, teknologi informasi sangat dibutuhkan dalam optimalisasi segala proses yang berkaitan dengan pembuatan dan perbaikan sistem. Salah satu bentuk pengoptimalan tersebut adalah penerapan sistem pengolahan nilai di Pondok Pesantren Nurul Huda Sragen. Tujuan dari dibuatnya aplikasi ini adalah untuk membantu guru dalam mengolah nilai mata pelajaran dan memenuhi kebutuhan informasi siswa akan transparansi nilai.
Dalam menyelesaikan aplikasi ini terdapat beberapa tahap yang harus dilakukan, yaitu tahap persiapan, tahap analisa dan desain, tahap implementasi, tahap evaluasi dan tahap pembuat laporan. Program ini dikembangkan dengan
menggunakan PHP berbasis Orientasi Objek dan MySQL dengan Codeigniter.
Hasil dari Tugas Akhir ini adalah sebuah sistem pengolahan nilai yang
menggunakan CodeIgniter Framework sebagai kerangka kerjanya. Sistem
pengolahan nilai ini dibuat untuk membantu guru dalam mengolah nilai mata pelajaran dan memenuhi kebutuhan informasi siswa akan transparansi nilai.
commit to user
vi
HALAMAN MOTTO
“Hidup jangan seperti air mengalir, memang enak jika dibawa arus, tapi Kita tahu bahwa
arus tercipta karena ada jurang didepannya.”
“Berbeda Tidak Terlalu Buruk.”
commit to user
vii
HALAMAN PERSEMBAHAN
Tugas akhir ini ku persembahkan kepada :
Tuhan Yesus Kristus yang telah telah memberi kesempatan hidup yang kedua. Aku janji, hari
– hari ku akan mencerminkan Kash-MU
Bapak Jentot yang serng membandingkan ku dengan orang lain sehingga bisa memotivasi ku.
Para penghuni Kos Klampis Ireng, yang senang disaat aku susah dan susah disaat aku
senang.
Teman-temanku, terutama TIA ‟09 yang tak bisa ku sebutkan namanya satu persatu yang
memberikan semangat dan kecerian di tiap hari masa kuliahku
commit to user
viii
KATA PENGANTAR
Segala puji syukur penulis panjatkan kehadirat Tuhan Yang Maha Kuasa atas limpahan berkatnya-Nya sehingga penulis dapat menyelesaikan tugas akhir
dengan judul “Sistem Pengolahan Nilai Berbasis Website Di Pondok Pesantren
Nurul Huda gondang sragen ”,
Tugas akhir ini merupakan syarat mencapai Gelar Ahli Madya Program Diploma III Teknik Informatika Universitas Sebelas Maret.
Selama menyelesaikan laporan ini, penulis telah menerima banyak bantuan, bimbingan, pengarahan, petunjuk dan saran, serta fasilitas yang membantu hingga akhir dari penulisan laporan ini. Untuk itu penulis menyampaikan ucapan terima kasih kepada :
1. Prof. Ir. Ari Handono Ramelan, M.Sc. (Hons), Ph.D. selaku Dekan Fakultas
Matematika dan Ilmu Pengetahuan Alam Universitas Sebelas Maret Surakarta.
2. Drs. Y.S Palgunadi, M.Sc selaku Kepala Prodi DIII Teknik Informatika
FMIPA Universitas Sebelas Maret Surakarta.
3. Sakroni, S.Kom selaku Dosen Pembimbing yang telah memberikan
bimbingan, arahan, dan motivasi sehingga penulis mampu menyelesaikan tugas akhir ini.
4. Kedua Orang Tuaku yang selalu menjadi panutan dan inspirator dalam
mengaruhi kehidupan.
5. Kakak-kakakku yang telah memberikan dorongan semangat, motivasi dan
dukungan, serta solusi dalam memecahkan masalah.
6. Teman-teman kost Klampis Ireng yang menemani dan memberikan keceriaan.
7. Teman-teman tercinta, terutama teman-teman TIA ’09 yang memberikan
semangat dan dorongan dalam penyelesaian tugas akhir.
Demikian laporan Tugas Akhir ini dibuat. Penulis berharap semoga laporan ini bermanfaat bagi semua pihak demi kemajuan bersama.
Surakarta, 14 Januari 2012
commit to user
2.1. Pengertian Sistem Informasi ... 5
commit to user
3.4. Analisa dan Perancangan Database ... 34
3.4.1. Entitity Relationship Diagram (ERD) ... 34
3.4.2. Skema Diagram ... 36
3.5.6. Halaman Pengajaran ... 49
3.5.7. Halaman Mata Pelajaran ... 50
3.5.8. Halaman Kelas ... 51
3.5.9. Halaman Tahun Ajar ... 53
3.5.10. HalamanSemester ... 54
3.5.11. Halaman Nilai ... 54
BAB IV IMPLEMENTASI DANPENGUJIAN ... 60
4.1. Implementasi Antarmuka ... 60
commit to user
4.1.12.Halaman Transkrip Nilai ... 81
commit to user
xii
DAFTAR TABEL
Nomor Halaman
commit to user
xiii
4.10. Evaluasi Update Kelas Form ... 91
4.11. Evaluasi Update Tahun AjarForm ... 91
4.12. Evaluasi Update SemesterForm ... 91
4.13. Evaluasi Tambah Nilai Form ... 92
commit to user
xiv
DAFTAR GAMBAR
Nomor Halaman
commit to user
3.38. Gambar Tampilan Halaman Utama untuk Guru dan Siswa... 43
3.39. Gambar Tampilan Halaman Detail Profile ... 44
3.40. Gambar Tampilan Halaman UpdateProfile ... 44
3.41. Gambar Tampilan Halaman Guru ... 45
3.42. Gambar Tampilan Halaman Detail Guru ... 45
3.43. Gambar Tampilan Halaman Tambah Guru... 46
3.44. Gambar Tampilan Halaman Update Guru ... 46
3.45. Gambar Tampilan Halaman Siswa ... 47
3.46. Gambar Tampilan Halaman Detail Siswa... 47
3.47. Gambar Tampilan Halaman Tambah Siswa ... 48
3.48. Gambar Tampilan Halaman Update Siswa... 48
3.49. Gambar Tampilan Halaman Pengajaran ... 49
3.50. Gambar Tampilan Halaman Tambah Pengajaran ... 49
3.51. Gambar Tampilan Halaman Update Pengajaran ... 50
3.52. Gambar Tampilan Halaman Mata Pelajaran ... 50
3.53. Gambar Tampilan Halaman Tambah Mata Pelajaran ... 51
3.54. Gambar Tampilan Halaman Update Mata Pelajaran ... 51
3.55. Gambar Tampilan Halaman Kelas ... 52
3.56. Gambar Tampilan Halaman Tambah Kelas ... 52
3.57. Gambar Tampilan Halaman Update Kelas ... 53
commit to user
xvi
3.59. Gambar Tampilan Halaman Semester ... 54
3.60. Gambar Tampilan Halaman Nilai untuk Admin ... 55
3.61. Gambar Tampilan Halaman Nilai untuk Guru... 55
3.62. Gambar Tampilan Halaman Nilai untuk Siswa ... 56
3.63. Gambar Tampilan Halaman Tambah Nilai ... 56
3.64. Gambar Tampilan Halaman Update Nilai ... 57
3.65. Gambar Tampilan Halaman Transkrip Nilai Teori Semester Gasal untukAdmin dan Guru ... 57
3.66. Gambar Tampilan Halaman Transkrip Nilai Teori Semester Gasal untuk Siswa ... 58
3.67. Gambar Tampilan Halaman Transkrip Nilai Teori Semester Genap untukAdmin dan Guru ... 58
3.68. Gambar Tampilan Halaman Transkrip Nilai Teori Semester Genap untuk Siswa ... 59
4.1 Gambar Tampilan Halaman Login... 61
4.2. Gambar Tampilan Halaman Pesan Error Halaman Login ... 61
4.3. Gambar Tampilan Halaman Utama untuk Admin ... 62
4.4. Gambar Tampilan Halaman Utama untuk Guru ... 62
4.5. Gambar Tampilan Halaman Utama untuk Siswa... 63
4.6. Gambar Tampilan Halaman Update Profile ... 63
4.7.. Gambar Tampilan Halaman Pesan Error ... 64
4.8. Gambar Tampilan Halaman Berhasil Update Profile ... 65
commit to user
4.30. Gambar Tampilan Halaman Semester ... 77
4.31. Gambar Tampilan Halaman Nilai untuk Admin dan Guru ... 78
4.32. Gambar Tampilan Halaman Nilai untuk Siswa ... 79
4.33. Gambar Tampilan Halaman Tambah Nilai ... 79
4.34. Gambar Tampilan Halaman Update Nilai ... 80
4.35. Gambar Tampilan Halaman Pesan Error ... 80
4.36. Gambar Tampilan Halaman Transkrip Nilai Teori Semester Gasal untuk Admin dan Guru ... 81
4.37. Gambar Tampilan Transkrip Nilai Teori Semester Gasal untuk Siswa ... 82
4.38. Gambar Tampilan Halaman Transkrip Nilai Teori Semester Genap untuk Admin dan Guru ... 83
4.39. Gambar Tampilan Transkrip Nilai Teori Semester Genap untuk Siswa ... 84
4.40. Gambar Tampilan Transkrip Nilai Praktek untuk Admin dan Guru ... 85
commit to user
commit to user
1 BAB I PENDAHULUAN
1.1 Latar Belakang
Perkembangan Teknologi Informasi semakin hari semakin maju.
Dalam instansi negeri maupun swasta, teknologi informasi sangat dibutuhkan dalam optimalisasi segala proses yang berkaitan dengan pembangunan dan perbaikan sistem. Salah satu bentuk pengoptimalan tersebut adalah penerapan sistem informasi.
Pondok Pesantren Nurul Huda adalah salah satu instansi yang bergerak dibidang pendidikan. Pondok pesantren ini mempunyai siswa dari SD sampai SMA. Proses pengumpulan dan pengolahan data nilai di Pondok ini masih dilakukan secara manual. Sebelum mengumpulkan berkas nilai, proses yang dihadapi guru adalah proses pengolahan nilai mata pelajaran. Proses untuk mendapatkan nilai akhir, diperoleh dari akumulasi nilai tugas, nilai ulangan harian, nilai mid semester dan nilai UAS. Setelah menjadi nilai akhir, guru
menyerahkannya ke wali kelas. Jika proses ini dilakukan berulang–ulang
maka banyak waktu dan tenaga yang terbuang.
commit to user 1.2 Perumusan Masalah
Berdasarkan latar belakang di atas, maka dapat dibuat rumusan masalah yaitu bagaimana membuat sistem pengolahan nilai di Pondok Pesantren Nurul
Huda yang berbasis website.
1.3 Batasan Masalah
Masalah dibatasi hanya pada pembuatan sistem informasi pengolahan
nilai menggunakan framework codeighter dan sistem ini hanya untuk Madrasah
Aliyah saja yang menggunakan kurikulum tingkat satuan pendidikan (KTSP).
1.4 Tujuan dan Manfaat 1.4.1. Tujuan
Adapun tujuan yang ingin dicapai dalam penulisan tugas akhir ini adalah merancang dan membangun sistem informasi pengolahan nilai berbasis
website di Pondok Pesantren Nurul Huda Gondang Sragen. 1.4.2. Manfaat
Penyusunan tugas akhir ini diharapkan dapat memberikan manfaat sebagai berikut :
a. Bagi Akademik
1) Membantu guru dalam pengolahan nilai mata pelajaran.
2) Memenuhi kebutuhan informasi siswa akan transparansi nilai.
3) Membantu siswa untuk mendapatkan transkrip nilai secara mudah.
b. Bagi Penulis
1) Mengembangkan dan menerapkan teori dan praktikum yang telah
didapat selama mengikuti pendidikan di program studi D3 Teknik Informatika Fakultas MIPA UNS.
2) Meningkatkan pengetahuan dan pengalaman tentang teknik
commit to user 1.5 Metode Penelitian
Dalam mengumpulkan data, terdapat beberapa tahap antara lain:
Gambar 1.1 Metode Penelitian
STUDY PUSTAKA WAWANCARA
TAHAP PERSIAPAN
Desain Model Aplikasi TAHAP ANALISA DAN DESAIN
DESAIN
Membuat Activity Diagram
Membuat Sequence Diagram
Membuat Class Diagram
Merancang layout Aplikasi
Membuat interface Aplikasi
Menentukan SRS
Analisa
Desain Interface
Merancanga Interface
Desain Model Aplikasi
TAHAP IMPLEMENTASI
Membuat Database Menulis Kode
Program
TAHAP EVALUASI
commit to user 1.6 Sistematika Penulisan
Untuk memberikan gambaran tentang pembahasan tugas akhir ini, maka secara garis besar pembahasan studi akhir ini adalah sebagai berikut:
BAB I : Pendahuluan meliputi latar belakang masalah, rumusan masalah, batasan masalah, tujuan dan manfaat, metode penelitian, dan sistematika penulisan.
BAB II : Landasan teori, meliputi dasar-dasar teoritis yang menjadi landasan pemecahan masalah yang meliputi sistem informasi, basis data, pengertian-pengertian perancangan sistem, dan pengertian SQL.
BAB III : Analisis dan Perancangan, menguraikan tentang data yang diperlukan untuk membangun Sistem Informasi Pengolahan Nilai. Bab ini berisi deskripsi kebutuhan program, UML
diagram yang terdiri dari Diagram Use Case, Class
Diagram, Activity Diagram dan Squence Diagram.
BAB IV : Implementasi dan Hasil Pengujian, menguraikan hasil akhir dari pembangunan Sistem Informasi Pengolahan Nilai berikut cara penggunaan Sistem Informasi Pengolahan Nilai agar pengguna lebih mudah memahami alur dari program yang digunakan.
commit to user
5 BAB II
LANDASAN TEORI
2.1 Pengertian Sistem Informasi
Sistem informasi didefinisikan oleh Robert A. Leitch dan K. Roscoe Davis sebagai berikut: Sistem informasi adalah suatu sistem di dalam suatu organisasi yang mempertemukan kebutuhan pengolahan transaksi harian, mendukung operasi, bersifat manajerial dan kegiatan strategi dari suatu organisasi dan menyediakan pihak luar tertentu dengan laporan-laporan yang diperlukan.(New Jersey:Prentice-Hall,1983)
2.2 Codeigniter
Codeigniter adalah sebuah framework PHP yang dapat membantu
mempercepat developer dalam pengembangan aplikasi berbasis web PHP
dibandingkan jika menulis semua kode program dari awal. Codeigniter pertama
kali dibuat oleh Rick Ellis, CEO Ellislab, Inc. (http://ellislab.com), sebuah
perusahaan yang memproduksi CMS (Content Management System) yang cukup
handal, yaitu: Expression Engine (http://expressionengine.com). Beberapa
keunggulan menggunakan Codeigniter :
1. Gratis
Codeigniter berlisensi di bawah Apache/BSD opensource, jadi kita bisa menggunakannya secara bebas.
2. Berukuran Kecil
Ukuran Codeigniter yang kecil merupakan keunggulan tersendiri.
Dibanding framework lain yang berukuran besar, serta membutuhkan
resource yang besar pula untuk berjalan. Pada Codeigniter, bisa diatur
agar sistem meload library yang dibutuhkan saja, sehingga sistem dapat
berjalan ringan dan cepat.
3. Menggunakan konsep M-V-C.
Codeigniter menggunakan konsep M-V-C (Model-View-Controller) yang
commit to user
4. URL yang sederhana
Secara default, URL yang dihasilkan Codeigniter sangat bersih (clean) dan
Search Engine Frien. Friendly (SEF).
5. Memilki Paket Library yang Lengkap
Codeigniter memiliki library yang lengkap untuk mengerjakan operasi-operasi yang umum dibutuhkan oleh sebuah aplikasi berbasis web,
misalnya mengakses database, mengirim email, mem-validasi form,
menangani session dan sebagainya.
6. Extensible
Sistem dapat dikembangkan dengan mudah menggunakan plugin dan
helper atau dengan menggunakan hooks.
7. Tidak Memerlukan Template Engine
Meskipun Codeigniter dilengkapi dengan template parser sederhana yang
dapat kita pergunakan, tetapi hal ini tetapi tidak mengharuskan kita untuk
menggunakannya. Penggunaan template engine dapat mengurangi
performance dari sistem.(Awan Pribadi Basuki, 2010).
2.3. MySQL / Database
Database adalah sekumpulan data yang disusun dalam bentuk (beberapa) tabel yang saling berkaitan maupun berdiri sendiri.
MySQL adalah sebuahg system manajemen database relasi (relational database management system) yang bersifat “terbuka” (open source). Terbuka
maksudnya adalah MySQL dapat boleh diunduh oleh siapa saja, baik versi biner
-nya (executable program) dan bisa digunakan secara (relatif) gratis baik untuk
commit to user 2.4. Unified Modeling Language (UML)
UML singkatan dari Unified Modeling Language yang berarti bahasa
pemodelan standart. (Conoles, 2003: bab 1) mengatakan sebagai bahasa, berarti
UML memiliki sintaks dan semantik. Ketika kita membuat model menggunakan
konsep UML ada aturan-aturan yang harus diikuti. Bagaimana elemen pada
model-model yang kita buat berhubungan satu dengan lainnya harus mengikuti standart yang ada. (Prabowo Pudjo dan Herlawati, 2011)
2.4.1. Diagram Usecase
Menurut (Philone, 2005: bab 7.1) usecase menggambarkan fungsi tertentu
dalam suatu sistem berupa komponen, kejadian atau kelas. Sedangkan (Whitten,
2004: 258) mengartikan usecase sebagai urutan langkah langkah yang secara
tindakan saling terkait (skenario), baik terotomatisasi maupun secara manual, untuk tujuan melengkapi satu tugas bisnis tunggal.
Tabel 2.1 Simbol Use case Diagram
No Gambar Nam Keterangan
1 Actor
Menspesifikasikan himpunan peran yang pengguna mainkan ketika
berinteraksi dengan usecase.
2 Dependency
Hubungan dimana perubahan yang terjadi pada suatu elemen mandiri (independent) akan mempengaruhi elemen yang bergantung padanya elemen yang tidak mandiri
atasnya objek induk (ancestor).
4 Include Menspesifikasikan bahwa usecase
commit to user
5 Extend
Menspesifikasikan bahwa usecase
target memperluas perilaku dari
usecase sumber pada suatu titik yang diberikan.
6 Association Apa yang menghubungkan antara
objek satu dengan objek lainnya.
7 System
Menspesifikasikan paket yang menampilkan sistem secara terbatas.
2.4.2. Diagram Kelas
Diagram kelas adalah inti dari proses pemodelan objek. Baik forward
engineering maupun reverse engineering memanfaatkan diagram ini. Forward engineering adalah proses perubahan model menjadi kode program sedangkan
reverse engineering sebaliknya merubah kode program menjadi model. Diagram kelas merupakan kumpulan kelas-kelas objek. (Whitten, 2004: 410) mengartikan kelas sebagai satu set objek yang memiliki atribut dan perilaku yang sama. Kelas
kadang-kadang disebut kelas objek (object class).
Tabel 2.2 Simbol Class Diagram
atasnya objek induk (ancestor).
2 Nary
Association
Upaya untuk menghindari asosiasi dengan lebih dari 2 objek.
3 Class
Himpunan dari objek-objek yang berbagi atribut serta operasi yang sama.
4 Collaboration Deskripsi dari urutan aksi-aksi yang
commit to user
menghasilkan suatu hasil yang terukur bagi suatu actor.
5 Realization Operasi yang benar-benar dilakukan
oleh suatu objek.
2.4.3. Diagram Activity
Activity diagrams menggambarkan berbagai alir aktivitas dalam sistem yang
sedang dirancang, bagaimana masing-masing alir berawal, decision yang mungkin
terjadi, dan bagaimana mereka berakhir. Activity diagram juga dapat
menggambarkan proses paralel yang mungkin terjadi pada beberapa eksekusi.
Activity diagram merupakan state diagram khusus, di mana sebagian besar state
adalah action dan sebagian besar transisi di-trigger oleh selesainya state
sebelumnya (internal processing). Oleh karena itu activity diagram tidak
menggambarkan behaviour internal sebuah sistem (dan interaksi antar subsistem) secara eksak, tetapi lebih menggambarkan proses-proses dan jalur-jalur aktivitas
dari level atas secara umum. Sebuah aktivitas dapat direalisasikan oleh satu use
case atau lebih. Aktivitas menggambarkan proses yang berjalan, sementara use
case menggambarkan bagaimana aktor menggunakan sistem untuk melakukan aktivitas.
Tabel 2.3 Simbol Activity diagram
No Gambar Nam Keterangan
1 Activity
Memperlihatkan bagaimana masing-masing kelas antar muka saling berinteraksi satu sama lain.
2 Action State dari sistem yang
mencermin-kan eksekusi dari suatu aksi.
3 Initial Node Bagaimana objek dibentuk atau
diawali.
4 Activity
Final Node
commit to user
5 Fork Node Satu aliran yang pada tahap tertentu
berubah menjadi beberapa aliran.
2.4.4. Diagram Sequence
Sequence diagram menggambarkan interaksi antar objek di dalam dan di
sekitar sistem (termasuk pengguna, display, dan sebagainya) berupa message
yang digambarkan terhadap waktu. Sequence diagram terdiri atas dimensi vertikal
(waktu) dan dimensi horizontal (objek-objek yang terkait). Sequence diagram
biasa digunakan untuk menggambarkan skenario atau rangkaian langkah-langkah
yang dilakukan sebagai respons dari sebuah event untuk menghasilkan output
tertentu. Diawali dari apa yang men-trigger aktivitas tersebut, proses dan
perubahan apa saja yang terjadi secara internal dan output apa yang dihasilkan.
Masing-masing objek, termasuk aktor, memiliki lifeline vertikal. Message
digambarkan sebagai garis berpanah dari satu objek ke objek lainnya. Pada fase
desain berikutnya, message akan dipetakan menjadi operasi/metoda dari class.
Activation bar menunjukkan lamanya eksekusi sebuah proses, biasanya diawali
dengan diterimanya sebuah message.
Tabel 2.4 Simbol Sequence Diagram
NO GAMBAR NAMA KETERANGAN
1 LifeLine
Objek entity, antarmuka yang saling
berinteraksi.
2 Message
Spesifikasi dari komunikasi antar objek yang memuat informasi-informasi tentang aktifitas yang terjadi
3 Message
commit to user 2.5. Entity Relationship Diagram
Pada Entity Diagram (ER), gambaran dunia nyata diistilahkan dalam objek dan relasinya. ER biasanya digunakan untuk mengembangkan inisial dari desain basis data. Dan menyediakan suatu konsep yang bermanfaat yang dapat mengubah deskripsi informal dari apa yang diinginkan oleh user menjadi hal yang lebih detail, presisi, dan deskripsi detail tersebut dapat diimplementasikan kedalam
Database Relationship Model (Kristanto, 2003). Simbol yang digunakan dalam ERD Diagram ditunjukkan pada Tabel 2.5.
Tabel 2.5 Simbol Komponen ERD
Bentuk Komponen Keterangan
Entitas
Menunjukkan suatu objek yang dapat di identifikasi dalam lingkungan pemakai
Atribut
Properti atau rincian dari entitas Relasi
penghubung entitas satu dengan entitas yang lainnya.
Link
commit to user
12 BAB III
DESAIN DAN PERANCANGAN
3.1. Perancangan
Perancangan sistem informasi ini digambarkan dengan SRS dan
diagram-diagram UML yang dibuat dengan menggunakan software Rational Rose. UML
terdiri atas 8 diagram, tetapi penulis hanya melibatkan 4 diagram, antara lain, Use
Case Diagram, Class Diagram, Activity Diagram dan Sequence Diagram.
Kemudian database yang dibutuhkan dalam perancangan sistem informasi ini,
dan digambarkan dengan Entity Relational Diagram.
3.2 System Requirement Specification (SRS)
Tabel SRS adalah tabel yang berisi aktifitas yang dapat dilakukan oleh user
terhadap sistem.
3.2.1 SRS Fungsional
Tabel 3.1 SRS Fungsional
Kode Deskripsi
SRS-TF01 Admin dapat mengubah data profile.
SRS-TF02. Admin dapat mengelola data guru. SRS-TF03. Admin dapat mengelola data siswa. SRS-TF04. Admin dapat mengelola data pengajaran SRS-TF05. Admin dapat mengelola data mata pelajaran. SRS-TF06. Admin dapat mengelola data kelas.
SRS-TF07. Admin dapat mengelola data tahun ajar. SRS-TF08. Admin dapat melihat data nilai.
SRS-TF09. Admin dapat melihat transkip nilai.
SRS-TF10 Admin dapat mencetak transkip nilai
SRS-TF11. Guru dapat mengelola data profile.
SRS-TF12. Guru dapat melihat data guru. SRS-TF13. Guru dapat melihat data siswa. SRS-TF14. Guru dapat mengelola data nilai. SRS-TF15. Guru dapat melihat transkip nilai.
commit to user
SRS-TF17. Siswa dapat mengelola data profile.
SRS-TF18. Siswa dapat melihat data guru. SRS-TF19. Siswa dapat melihat data siswa.
SRS-TF20 Siswa dapat mengelola data nilai.
SRS-TF21 Siswa dapat melihat transkip nilai.
SRS-TF22 Siswa dapat mencetak transkip nilai
3.2.2 SRS Non-Fungsional
Tabel 3.2 Tabel SRS Non-Fungsional
Kode Deskripsi
SRS-TNF01 Admin, guru dan siswa dapat melakukan login
SRS-TNF02 Admin, guru dan siswa dapat melakukan logout
3.3. Diagram Unified Modeling Language (UML)
Diagram UML yang digunakan dalam pembuatan sistem informasi ini
adalah Use Case Diagram, Class Diagram, Activity Diagram dan Sequence
Diagram.
3.3.1. Use Case Diagram
Use Case Diagram merupakan gambaran dari tabel SRS dalam bentuk
diagram. Use Case Diagram juga memperlihatkan interaksi antara Use Case
Actor dan mewakili fungsionalitas sistem, kebutuhan sistem dari sudut pandang
user, serta menjelaskan aktivitas yang bisa dilakukan oleh user terhadap sistem,
dan digambarkan sebagai berikut :
a. Data Profile.
commit to user
Gambar 3.1. Use Case Diagram (Data Profile)
b. Data Guru
Diagram use case data guru dapat dilihat pada gambar 3.2 :
Gambar 3.2. Use Case Diagram (Data Guru)
c. Use Case (Data Siswa)
Diagram use case siswa dapat dilihat pada gambar 3.3 :
commit to user d. Use Case Diagram (Data Pengajaran)
Diagram use case data pengajaran dapat dilihat pada gambar 3.4 :
Gambar 3.4. Use Case Diagram (Data Pengajaran)
e. Use Case Diagram (Data Mata Pelajaran)
Diagram use case data mata pelajaran dapat dilihat pada gambar 3.5 :
Gambar 3.5. Use Case Diagram (Data Mata Pelajaran)
f. Use Case Diagram (Data Kelas)
commit to user
Gambar 3.6. Use Case Diagram (Data Kelas)
g. Use Case Diagram (Data Tahun Ajar )
Diagram use case data tahun ajar dapat dilihat pada gambar 3.7 :
Gambar 3.7. Use Case Diagram (Data Tahun Ajar).
h. Use Case Diagram (Data Nilai )
commit to user
Gambar 3.8. Use Case Diagram (Data Nilai).
3.3.2 Class Diagram
Class diagram dapat digunakan untuk memberikan pandangan global atas
sebuah sistem, yang dapat dilihat dari class-class yang ada dan relasinya satu
dengan yang lainnya. Class diagram yang digunakan dapat digambarkan sebagai berikut :
a. Class Boundary
Diagram class boundary dapat dilihat pada gambar 3.9 :
Gambar 3.9. Class Boundary
b. Class Control
Diagram class control dapat dilihat pada gambar 3.10 :
commit to user c. Class Entity
Diagram class entity dapat dilihat pada gambar 3.11 :
commit to user 3.3.3 Activity Diagram
a. Activity Admin
commit to user b. Activity Guru
Gambar3.13. Activity Guru
c. Activity Siswa.
commit to user 3.3.4.Sequence Diagram
Sequence Diagram digunakan untuk menggambarkan perilaku pada sebuah proses. Kegunaannya untuk menunjukkan rangkaian pesan yang
dikirim antar objek, Sequence diagram dapat digambarkan sebagai berikut :
a. Sequence Diagram (Login)
Diagram sequence login dapat dilihat pada gambar 3.15 :
Gambar 3.15 Sequence Diagram (Login)
b. Sequence Diagram (Insert Guru)
commit to user
commit to user c. Sequence Diagram (Update Guru)
Diagram sequence update guru dapat dilihat pada gambar 3.17 :
commit to user d. Sequence Diagram (View Siswa)
Diagram sequence view siswa dapat dilihat pada gambar 3.18 :
Gambar 3.18. Sequence Diagram (View Siswa)
e. Sequence Diagram (insert Siswa)
commit to user
commit to user f. Sequence Diagram (Update Siswa)
Diagram sequence update siswa dapat dilihat pada gambar 3.20 :
Gambar 3.20. Sequence Diagram(Update Siswa).
g. Sequence Diagram (View Pengajaran)
commit to user
Gambar 3.21. Sequence Diagram(View Pengajaran).
h. Sequence Diagram (Insert Pengajaran)
commit to user
Gambar 3.22. Sequence Diagram(Insert Pengajaran).
i. Sequence Diagram (Update Pengajaran)
Diagram sequence update pengajaran dapat dilihat pada gambar 3.23 :
commit to user j. Sequence Diagram (Insert Mata Pelajaran)
Diagram sequence insert mata pelajaran dapat dilihat pada gambar
3.24.
Gambar 3.24. Sequence Diagram(Insert Mata Pelajaran).
k. Sequence Diagram (Update Mata Pelajaran)
Diagram sequence Update mata pelajaran dapat dilihat pada gambar:
commit to user l. Sequence Diagram (Insert Kelas)
Diagram sequence insert kelas dapat dilihat pada gambar 3.26.
Gambar 3.26. Sequence Diagram(Insert Kelas)
m. Sequence Diagram (Update Kelas)
Diagram sequence update kelas dapat dilihat pada gambar 3.27
commit to user n. Sequence Diagram (Update Tahun Ajar)
Diagram sequence update tahun ajar dapat dilihat pada gambar 3.28.
Gambar 3.28. Sequence Diagram(Update Tahun Ajar).
o. Sequence Diagram (Update Semester)
Diagram sequence update semester dapat dilihat pada gambar 3.29.
commit to user p. Sequence Diagram (View Nilai)
Diagram sequencet view nilai dapat dilihat pada gambar 3.30.
commit to user q. Sequence Diagram (Insert Nilai)
Diagram sequencet insert nilai dapat dilihat pada gambar 3.31.
Gambar 3.31. Sequence Diagram(Insert Nilai).
r. Sequence Diagram (Update Nilai)
Diagram sequencet update nilai dapat dilihat pada gambar 3.32.
commit to user s. Sequence Diagram (View TranskripNilai)
Diagram sequencet view transkripnilai dapat dilihat pada gambar 3.33.
Gambar 3.33. Sequence Diagram(View TranskripNilai).
3.4. Analisa dan Perancangan Database 3.4.1 Entity Relationship Diagram (ERD)
Entity Relationship Diagram menggambarkan hubungan antar entitas yang
commit to user
commit to user 3.4.2 Skema Diagram
Gambar 3.35 Skema Diagram
3.4.3 Rancangan Database
Dalam pembuatan system ini diperlukan adanya suatu basis data yang digunakan untuk menyimpan seluruh informasi dan data. Perancangan basis data untuk sistem penilaian adalah sebagai berikut:
1. Tabel Users
Key : id_user
Tabel 3.3 Tabel Anggota
Field Type
commit to user
Username varchar (32)
Password varchar (32)
Ni Varchar(20)
Level enum (‘1’, ‘2’,’3’)
2. Tabel Admin
Primary Key : nip
Tabel 3.4 Tabel Admin
Field Type
Nip* varchar (20)
Nama_lengkap varchar (50)
Jenis_kelamin enum (‘Laki-Laki’,
‘Perempuan’)
Agama enum (‘Islam, ‘Kristen’,
‘Khatolik’,’Hindu,’Budha’)
Alamat Text
Tempat_lahir Text
commit to user
3. Tabel Guru
Primary Key : nip
Tabel 3.5 Tabel Guru
Field Type
Nip* varchar (20)
Nama_lengkap varchar (50)
Jenis_kelamin enum (‘Laki-Laki’, ‘Perempuan’)
Agama enum (‘Islam, ‘Kristen’,
‘Khatolik’,’Hindu,’Budha’)
Alamat Text
Tempat_lahir Text
Tanggal_lahir varchar (10)
4. Tabel Siswa
Primary Key : nis
Tabel 3.6 Tabel Siswa
Field Type
Nis* varchar (20)
Nama_lengkap varchar (50)
Jenis_kelamin enum (‘Laki-Laki’,
‘Perempuan’)
Agama enum (‘Islam, ‘Kristen’,
commit to user
Alamat Text
Tempat_lahir Text
Tanggal_lahir varchar (10)
Id_kelas TinyInt(4)
Id_angkatan TinyInt(4)
5. Tabel Angkatan
Primary Key : id_angkatan
Tabel 3.7 Tabel Angkatan
Field Type
Id_angkatan* TinyInt(4)
Angkatan varchar (9)
6. Tabel Mengajar
Primary Key : id_mengajar
Tabel 3.8 Tabel Mengajar
Field Type
id_mengajar* int(11)
Id_mapel TinyInt(4)
Nip varchar (20)
Id_kelas TinyInt(4)
Id_tahun_ajar TinyInt(4)
commit to user
7. Tabel Mapel
Primary Key : id_mapel
Tabel 3.9 Tabel Mapel
Field Type
Id_mapel* TinyInt(4)
Nama_mapel Varchar(20)
8. Tabel Tahun_Ajar
Primary Key : id_tahun_ajar
Tabel 3.10 Tabel Tahun_Ajar
Field Type
id_tahun_ajar* TinyInt(4)
tahun_ajar varchar (10)
9. Tabel Semester
Primary Key : id_semester
Tabel 3.11 Tabel Semester
Field Type
id_semester* TinyInt(1)
commit to user
10.Tabel Kelas
Primary Key : id_kelas
Tabel 3.12 Tabel Kelas
Field Type
Id_kelas* TinyInt(3)
Kelas Varchar (20)
Nip Varchar (20)
11.Tabel Test
Primary Key : id_test
Tabel 3.13 Tabel Test
Field Type
id_test* TinyInt(4)
nama_test varchar (10)
12.Tabel Nilai
Primary Key : id_nilai
Tabel 3.14 Tabel Nilai
Field Type
id_nilai* Int(11)
Nis varchar (20)
jenis_test TinyInt(4)
commit to user
Nilai float(100,2)
id_mapel TinyInt(4)
Id_semester TinyInt(1)
id_tahun_ajar TinyInt(4)
Id_kelas TinyInt(2)
3.5. Desain Tampilan
3.5.1.Tampilan Halaman Login
Untuk masuk ke sistem informasi Penilaian user harus login terlebih dahulu
dengan username dan password yang sesuai dengan hak akses dari
masing-masing User. Terdapat tiga hak akses user yang dapat login ke sistem informasi,
yaitu admin, guru, dan siswa. Gambar 3.40 berikut ini adalah gambar tampilan
halaman login
.
Gambar 3.36. Gambar Tampilan Halaman Login
3.5.2.Tampilan Halaman Utama
Halaman utama adalah halaman yang dapat diakses setelah user melakukan
aktivitas login. Halaman ini berisi sambutan kepada user. Gambar berikut ini
commit to user
Gambar 3.36 Gambar Tampilan Halaman Utama
Gambar 3.37. Gambar Tampilan Halaman Utama untuk Admin
Gambar 3.38. Gambar Tampilan Halaman Utama untuk Guru dan Siswa.
3.5.3.Halaman Profile
Halaman ini menampilkan data diri dari user. Di halaman ini terdapat
Sistem Pengolahan Nilai
Pondok Pesantren Nurul Huda
Profile
Sistem Pengolahan Nilai
Pondok Pesantren Nurul Huda
Profile
Siswa Nilai
commit to user
Gambar 3.39. Gambar Tampilan Halaman Detail Profile
Gambar 3.40. Gambar Tampilan Halaman UpdateProfile
3.5.4.Halaman Guru
Halaman ini menampilkan data Guru yang terdapat di Podok Pesantre Nurul
Huda. Di halaman ini terdapat tombol view untuk melihat detail data guru dan
tombol tambah data yang hanya dapat digunakan admin untuk menambah data Guru. Gambar berikut ini adalah tampilan halaman guru.
Profile
Profile > Update
commit to user
Gambar 3.41. Gambar Tampilan Halaman Guru.
Gambar 3.42 Gambar Tampilan Halaman Detail Guru.
Guru
NO NIP NAMA JENIS KELAMIN ALAMAT ACTION
Tambah data
Guru > View
Batal Update
commit to user
Gambar 3.43. Gambar Tampilan Halaman Tambah Guru.
Gambar 3.44. Gambar Tampilan Halaman Update Guru.
Guru > Tambah Data
batal
Guru > Update
commit to user 3.5.5.Halaman Siswa.
Halaman ini menampilkan data siswa yang terdapat di Pondok Pesantren
Nurul Huda. Untuk melihat data siswa, kita harus memilih kelas dan angkatan
terlebih dahulu. Di halaman ini terdapat tombol view untuk melihat detail data
pengajaran dan tombol tambah data yang hanya dapat digunakan admin untuk
menambah data siswa. Gambar berikut ini adalah tampilan halaman siswa.
Gambar 3.45. Gambar Tampilan Halaman Siswa.
Gambar 3.45 Gambar Tampilan Halaman Siswa.
Gambar 3.46. Gambar Tampilan Halaman Detail Siswa.
commit to user
Gambar 3.47. Gambar Tampilan Halaman Tambah Siswa.
Gambar 3.48. Gambar Tampilan Halaman Update Siswa.
Siswa > Tambah Data
batal
Siswa > Update
commit to user 3.5.6.Halaman Pengajaran
Halaman ini berfungsi untuk memberi jadwal kepada guru untuk mengajar
mata pelajaran yang ditentukan. Untuk melihat data pengajaran admin harus
memilih kelas dan angkatan terlebih dahulu. Di halaman ini terdapat tombol view
untuk melihat detail data pengajaran dan tombol tambah data yang hanya dapat
digunakan admin untuk menambah data pengajaran. Gambar berikut ini adalah
tampilan halaman pengajaran.
Gambar 3.49. Gambar Tampilan Halaman Pengajaran.
.
Gambar 3.50. Gambar Tampilan Halaman Tambah Pengajaran
Pengajaran
Pengajaran > Tambah Data
Kembali
commit to user
Gambar 3.51. Gambar Tampilan Halaman Update Pengajaran.
3.5.7.Halaman Mata Pelajaran
Halaman ini menampilkan data mata pelajaran yang diajarkan. Di
halaman ini terdapat tombol tambah data yang hanya dapat digunakan
admin untuk menambah data mata pelajaran, tombol update untuk dan
tombol update untuk mengubah data mata pelajaran. Gambar berikut ini
adalah tampilan halaman mata pelajaran.
Gambar 3.52. Gambar Tampilan Halaman Mata Pelajaran.
Mata Pelajaran : : Guru Mapel :
Pengajaran > Update
Kembali
Simpan
Mata Pelajaran
NO KODE MAPEL MAPEL ACTION
commit to user
Gambar 3.53. Gambar Tampilan Halaman Tambah Mata Pelajaran.
Gambar 3.54. Gambar Tampilan Halaman Update Mata Pelajaran.
3.5.8. Halaman Kelas
Halaman ini menampilkan data kelas yang diajarkan terdapat di PonPres
Nurul Huda. Di halaman ini terdapat tombol tambah data yang hanya dapat
digunakan admin untuk menambah data kelas, tombol update untuk dan tombol
update untuk mengubah data kelas. Gambar berikut ini adalah tampilan halaman kelas.
Mata Pelajaran : : Kode Mapel :
Mata Pelajaran > Tambah Data
Kembali
Simpan
Mata Pelajaran : : Kode Mapel :
Mata Pelajaran > Update
Kembali
commit to user
Gambar 3.55. Gambar Tampilan Kelas.
Gambar 3.48 Gambar Tampilan Halaman Kelas.
Gambar 3.56. Gambar Tampilan Halaman Tambah Kelas.
Kelas
NO KODE KELAS KELAS ACTION
Tambah data
Kelas : Kode Kelas :
Kelas > Tambah Data
Kembali
commit to user
Gambar 3.57. Gambar Tampilan Halaman Update Kelas.
3.5.9. Halaman Tahun Ajar
Halaman ini berfungsi untuk mengatur tahun ajar yang aktif. Gambar berikut ini adalah tampilan halaman tahun ajar.
Gambar 3.58. Gambar Tampilan Halaman Tahun ajar.
Mata Pelajaran : : Kode Mapel :
Mata Pelajaran > Update
Kembali
Simpan
TAHUN AJAR ACTION
Tahun Ajar
commit to user 3.5.10.Halaman Semester
Halaman ini berfungsi untuk mengatur semester yang aktif. Gambar 3.37. berikut ini adalah tampilan halamam semester.
Gambar 3.59. Gambar Tampilan Halaman Semester.
3.51 Halaman Nilai
Halaman nilai berfungsi untuk memberi nilai kepada siswa bagi admin dan guru dan menampillkan data nilai yang telah diproses system bagi siswa. Untuk melihat data pengajaran admin harus memilih kelas, mata pelajaran, jenis ujian danm ujian terlebih dahulu. Di halaman ini terdapat tombol tambah data yang hanya dapat digunakan admin dan guru mata pelajaran untuk menambah data nilai, tombol update data yang hanya dapat digunakan admin dan guru mata pelajaran untuk mengubah data nilai dan tombol hapus yang digunakan untuk menghapus data nilai, . Gambar berikut ini adalah tampilan halaman nilai.
SEMESTER STATUS ACTION
1 Tidak aktif aktifkan
2 Aktif Non aktifkan
Semester
commit to user
Gambar 3.60. Gambar Tampilan Halaman Nilai untuk Admin.
Gambar 3.61. Gambar Tampilan Halaman Nilai untuk Guru.
commit to user
Gambar 3.62. Gambar Tampilan Halaman Nilai untuk Siswa.
Gambar 3.63. Gambar Tampilan Halaman Tambah Nilai
Nilai : Nama :
Nilai > Tambah Data
Kembali
Simpan
NO Mata Pelajaran UJIAN NILAI
Mata Pelajaran : :
lihat
Nilai
commit to user
.
.
Gambar 3.64. Gambar Tampilan Halaman Update Nilai
Gambar 3.65. Gambar Tampilan Halaman Transkrip Nilai Teori Semester Gasal
untuk Admin dan Guru.
Nilai : Nama :
Nilai > Update
Kembali
commit to user
Gambar 3.66. Gambar Tampilan Halaman Transkrip Nilai Teori Semester Gasal untuk Siswa.
Gambar 3.67. Gambar Tampilan Halaman Transkrip Nilai Teori Semester Genap
commit to user
commit to user 60
BAB IV
IMPLEMENTASI DAN HASIL PENGUJIAN
4.1 Implementasi Antarmuka
Sistem pengolahan nilai merupakan sebuah sistem yang bertujuan untuk meringankan pekerjaan guru mata pelajaran dalam mengolah nilai. Untuk dapat
berfungsi secara normal, sistem memiliki kebutuhan dari sisi server dan sisi client.
a. Kebutuhan sistem dari sisi server
Kebutuhan sistem untuk membangun sistem pengolahan nilai dengan
karakteristik yang diinginkan dibutuhkan komputer dengan beberapa software,
antara lain :
WebServer XAMPP
Framework CodeIgniter
Mozilla Firefox untuk browser
b. Kebutuhan sistem dari sisi client
Kebutuhan sistem dari sisi client agar sistem pengolahan nilai dapat
berfungsi secara normal adalah komputer yang memiliki konektivitas internet.
Di dalam sistem pengolahan nilai ini terdapat tiga entitas yaitu admin, guru dan siswa. Masing-masing entitas memiliki menu yang berbeda-beda. Berikut ini adalah tampilan dari sistem pengolahan nilai.
4.1.1. Halaman Login
Halaman login digunakan user untuk masuk ke dalam sistem. Implementasi
commit to user
Gambar 4.1 Gambar Tampilan Halaman Login
Jika user melakukan login tetapi tidak terdaftar maka akan muncul
pesan error seperti gambar 4.2.
Gambar 4.2 Gambar Tampilan Pesan Error Halaman Login
4.1.2. Halaman Utama
Halaman Utama adalah halaman pertama yang akan user lihat setelah berhasil
login. Disebelah kanan halaman ini terdapat tombol navigasi. Setiap user mendapat
tombol navigasi yang berbeda tergantung dari level user nya saat melakukan proses
commit to user
Gambar 4.3. Gambar Tampilan Halaman Utama untuk Admin.
commit to user
Gambar 4.5. Gambar Tampilan Halaman Utama untuk Siswa.
4.1.3. Halaman Profile
Pada halaman ini admin, guru serta siswa dapat mengubah profile mereka.
Gambar berikut ini adalah tampilan halamam profile.
commit to user
Jika terjadi kesalahan terhadap input-an, maka akan ditampilkan pesan error.
Berikut contoh tampilan pesan error untuk kesalahan input username. Username
akan menampilkan pesan error apabila username tidak di isi.
Gambar 4.7. Gambar Tampilan Pesan Error.
Jika input-an seluruhnya valid (benar), maka data akan disimpan di database
commit to user
Gambar 4.8. Gambar Tampilan Berhasil Update Profile.
4.1.4. Halaman Guru
Pada halaman ini, user akan diberi informasi tentang daftar guru yang terdapat
di Pondok Pesantren Nurul Huda. Hanya admin saja yang bisa melaklukan proses
tambah guru dan update Guru sedangkan user yang lain hanya bsa melakukan proses
view.
commit to user
Halaman guru untuk admin terdapat tombol tambah data yang dapat digunakan
admin untuk menambah data guru. Sedangkan untuk user yang lain tidak ada.
Gambar 4.10. Gambar Tampilan Halaman Guru untuk Guru dan Siswa.
Guru dan Siswa tidak dapat melakukan proses tambah data guru dan hanya bisa
melakukan proses view untuk melhat data guru secara detal.
commit to user
Admin mempunyai hak untuk melakukan proses tambah data dan update data
guru. Tampilan form tambah data dan update data guru dapat dilihat di gambar
dibawah ini:
Gambar 4.12. Gambar Tampilan Halaman Tambah Data Guru.
commit to user
Apabila NIP yang dimasukan sudah ada pada database, maka akan ditampilkan pesan error.
Gambar 4.14. Gambar Tampilan Pesan Error.
Sedangkan jika semua inputan benar, data akan disimpan dan ditampilkan pesan bahwa data guru telah berhasil disimpan.
commit to user 4.1.5.Halaman Siswa
Di halaman siswa, user akan diberi informasi tentang daftar siswa yang terdapat
di Pondok Pesantren Nurul Huda. Sama halnya pada halaman guru hanya admin saja
yang bisa melakukan proses tambah data dan update siswa sedangkan user yang lain
hanya bisa melakukan proses view.
Gambar 4.16. Gambar Tampilan Halaman Siswa
Agar dapat melihat daftar siswa, user harus memilih kelas dan angkatan siswa
yang ingin dilihat. Selain view proses yang disediakan untuk admin adalah proses
tambah data dan update siswa. Di halaman ini admin juga bisa meng-import data dari
commit to user
Gambar 4.17. Gambar Tampilan Halaman Tambah Data Guru.
Gambar 4.18. Gambar Tampilan Halaman Update Guru.
Apabila NIS yang dimasukan sudah ada pada database, maka akan
commit to user
Gambar 4.19. Gambar Tampilan Pesan Error.
Pesan error juga akan muncul pada proses update sama seperti pada pesan
error pada proses tambah data guru.
4.1.6.Halaman Pengajaran
commit to user
Gambar 4.20. Gambar Tampilan Halaman Pengajaran.
Di halaman ini admin dapat melakukan proses tambah data dan update
pengajaran.
commit to user
Gambar 4.22. Gambar Tampilan Halaman Update Pengajaran.
4.1.7.Halaman Mata Pelajaran
Halaman ini menampilkan data mata pelajaran yang diajarkan. Di halaman ini
terdapat tombol tambah data yang hanya dapat digunakan admin untuk menambah
data mata pelajaran, tombol update untuk dan tombol update untuk mengubah data
mata pelajaran. Gambar berikut ini adalah tampilan halaman mata pelajaran.
commit to user
Di halaman ini admin bisa melakukan proses tambah dan update mata
pelajaran. Berikut ini adalah gambar form tambah dan update mata pelajaran.
Gambar 4.24. Gambar Tampilan Halaman Tambah Data Mata Pelajaran.
Gambar 4.25. Gambar Tampilan Halaman Update Mata Pelajaran.
4.1.8.Halaman Kelas
Halaman ini menampilkan data kelas yang diajarkan terdapat di PonPres Nurul
commit to user
tombol tambah data yang hanya dapat digunakan admin untuk menambah data
kelas, tombol update untuk dan tombol update untuk mengubah data kelas.
Gambar 4.26. Gambar Tampilan Halaman Kelas.
commit to user
Gambar 4.28. Gambar Tampilan Halaman Update Kelas.
4.1.9.Halaman Tahun Ajar.
Halaman tahun ajar hanya dapat diakses oleh admin saja. Fungsi halaman ini
untuk mengatur tahun ajar yang aktif. Gambar berikut ini adalah tampilan halaman tahun ajar.
Gambar 4.29. Gambar Tampilan Halaman Tahun Ajar.
commit to user 4.1.10.Halaman Semester.
Seperti halaman tahun ajar, halaman ini juga hanya dapat diakses oleh admin
saja. Fungsi halaman ini untuk mengatur semester yang aktif. Gambar berikut ini adalah tampilan halaman semester.
Gambar 4.30. Gambar Tampilan Halaman Semester.
Untuk mengaktifkan semester, admin tinggal menekan tombol aktifkan.
4.1.11.Halaman Nilai.
Halaman nilai berfungsi untuk memberi nilai kepada dan menampillkan data
nilai yang telah diproses sistem bagi siswa. Untuk melihat data pengajaran admin
commit to user
commit to user
Gambar 4.32. Gambar Tampilan Halaman Nilai Untuk Siswa.
Untuk melihat data nilai, admin dan guru harus memilih kelas, mata pelajaran,
jenis ujian dan ujian terlebih dahulu.
commit to user
.
Gambar 4.34. Gambar Tampilan Halaman Update Nilai.
Jika siswa yang sudah diberi nilai akan diberi nilai lagi dan nilai inputan lebih
dari 100 maka akan muncul pesan error.
Gambar 4.35. Gambar Tampilan Halaman Pesan Error.
Sama seperti pada proses tambah data. Jika Siswa yang sudah diberi nilai akan
commit to user 4.1.12.Halaman Transkrip Nilai.
Untuk Melihat Transkrip nilai user harus masuk dihalaman memilih tombol transkrip nilai. Berikut ini adalah tampilan halaman transkrip nilai.
Gambar 4.36. Gambar Tampilan Halaman Transkrip Nilai Teori Semester Gasal
commit to user
Gambar 4.37. Gambar Tampilan Halaman Transkrip Nilai Teori Semester Gasal untuk Siswa.
commit to user
Gambar 4.38. Gambar Tampilan Halaman Transkrip Nilai Teori
Semester Genap untuk Admin dan Guru.
Nilai rata rata diperoleh dari jumlah nilai akhir KD 4 sampai KD 6 kemudian dibagi 3. Sedangkan nilai raport diperoleh dari :
� � − �� + � � − � + � � + � �
�
Keterangan :
Nilai rata-rata KD didapat dari jumlah nilai akhir KD 1 sampai
commit to user
Nilai rata – rata tugas didapat dari total nilai tugas yang dibagi 4.
Nilai blok 1 adalah nilai akhir ujian blok 1 di semeste ganjil.
Nilai blok 2 adalah nilai akhir ujian blok 2 di semester genap.
commit to user
Gambar 4.40. Gambar Tampilan Halaman Transkrip Nilai Praktek untuk Admin dan
commit to user
Gambar 4.41. Gambar Tampilan Halaman Transkrip Nilai Praktek
commit to user 4.2. Evaluasi Sistem
4.2.1.Login Form
Tabel 4.1. Evaluasi Login Form
Input Proses Output Keterangan
1. Username
2. Password
Masuk sistem
dengan validasi
inputan username
dan password
dengan database.
[Benar]
- Redirecting ke
halaman sistem
sesuai level user.
4.2.2. Update Profile Form
Tabel 4.2. Evaluasi update form
Input Proses Output Keterangan
1. Username
2. Password
3. NI
4. Nama
5. Jenis Kelamin
6. Agama
7. Alamat
8. Tempat Lahir
9. Tanggal Lahir
commit to user 4.2.3. Tambah Guru Form
Tabel 4.3. Evaluasi Tambah Guru Form
Input Proses Output Keterangan
1. NIP
2. Nama
3. Jenis Kelamiin
4. Agama
5. Alamat
6. Tempat Lahir
7. Tanggal Lahir
Memasukkan data
4.2.4. Update Guru Form
Tabel 4.4. Evaluasi Update Guru Form
Input Proses Output Keterangan
1. Username
2. Password
3. NIP
4. Nama
5. Jenis Kelamin
6. Agama
7. Alamat
8. Tempat Lahir
9. Tanggal Lahir
commit to user 4.2.5. Tambah Siswa Form
Tabel 4.5. Evaluasi Tambah SiswaForm
Input Proses Output Keterangan
1. NIS
2. Nama
3. Jenis Kelamin
4. Agama
5. Alamat
6. Tanggal Lahir
7. Tempat Lahir
Menambah data
siswa ke dalam
database
[Benar]
- Pesan input sukses Sukses
[Salah]
4.2.6. Update Siswa Form
Tabel 4.6. Evaluasi Update SiswaForm
Input Proses Output Keterangan
1. NIS
2. Nama
3. Jenis Kelamin
4. Agama
5. Alamat
6. Tanggal Lahir
7. Tempat Lahir
Memperbarui
data siswa di
dalam database
[Benar]
- Pesan update sukses Sukses
[Salah]
4.2.7. Tambah Pengajaran Form
Tabel 4.7. Evaluasi Tambah PengajaranForm
Input Proses Output Keterangan
1. Mata Pelajaran
2. Nama Guru
3. Batas_tuntas
Menambah data
pengajaran ke
dalam database
[Benar]
- Pesan input sukses Sukses
commit to user
- Pesan error (input-an sudah ada).
- Pesan required
(harus diisi).
4.2.8. Update Pengajaran Form
Tabel 4.8. Evaluasi Update PengajaranForm
Input Proses Output Keterangan
1. Mata pelajaran
2. Nama guru
Memperbarui data pengajaran di
dalam database
Pesan required
(harus diisi).
Sukses
4.2.9. Tambah Kelas Form
Tabel 4.9. Evaluasi Tambah KelasForm
Input Proses Output Keterangan
1. Kode kelas
2. Kelas
3. Nip
Menambah data
commit to user 4.2.10.Update Kelas Form
Tabel 4.10. Evaluasi Update KelasForm
Input Proses Output Keterangan
1. Kelas Memperbarui
data mata
4.2.11.Update Tahun Ajar Form
Tabel 4.11. Evaluasi Update Tahun AjarForm
Input Proses Output Keterangan
1. Tahun ajar Memperbarui
data tahun ajar di
dalam database
[Benar]
- Pesan update sukses Sukses
4.2.12.Update Semester Form
Tabel 4.12. Evaluasi Update SemesterForm
Input Proses Output Keterangan
1. Semester Memperbarui
data semester di
dalam database
[Benar]
commit to user 4.2.13.Tambah Nilai Form
Tabel 4.13. Evaluasi Tambah NilaiForm
Input Proses Output Keterangan
1. Nama siswa
2. Nilai
Menambah data
nilai ke dalam
4.2.14.Update Nilai Form
Tabel 4.14. Evaluasi Update NilaiForm
Input Proses Output Keterangan
1. Nilai Memperbarui
commit to user
Deskripsi dari hasil pengujian di atas adalah form yang digunakan untuk input
dan update data ke dalam database sebagian besar telah berhasil sesuai dengan
requirement yang diminta yang ditandai dengan munculnya pesan input sukses pada
commit to user
94 BAB V
PENUTUP
5.1 Kesimpulan
Berdasarkan hasil pembahasan dari pembuatan Sistem Pengolahan Nilai
Berbasis Website di Pondok Pesantren Nurul Huda Sragen dapat diambil
beberapa kesimpulan yaitu :
a. Sudah dibuatnya sebuah sistem pengolahan nilai.
b. Sistem ini dapat membantu pekerjaan guru mata pelajaran dalam mengolah
nilai dan membantu siswa untuk mendapatkan nilai secara mudah.
5.2 Saran
