perancangan dan implementasi raport online (studi kasus...

25
1 Perancangan dan Implementasi Raport Online (Studi Kasus : SD Masehi Pekalongan) Artikel Ilmiah Oleh: ROY KEVIN INDRAWAN LATUMETEN NIM : 672014167 Program Studi Teknik Informatika Fakultas Teknologi Informasi Universitas Kristen Satya Wacana Salatiga 2017

Upload: vukhuong

Post on 08-Apr-2019

233 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Perancangan dan Implementasi Raport Online (Studi Kasus ...repository.uksw.edu/bitstream/123456789/16390/2/T1_672014167_Full...1 Perancangan dan Implementasi Raport Online (Studi Kasus

1

Perancangan dan Implementasi Raport Online

(Studi Kasus : SD Masehi Pekalongan)

Artikel Ilmiah

Oleh:

ROY KEVIN INDRAWAN LATUMETEN

NIM : 672014167

Program Studi Teknik Informatika

Fakultas Teknologi Informasi

Universitas Kristen Satya Wacana

Salatiga

2017

Page 2: Perancangan dan Implementasi Raport Online (Studi Kasus ...repository.uksw.edu/bitstream/123456789/16390/2/T1_672014167_Full...1 Perancangan dan Implementasi Raport Online (Studi Kasus

2

Page 3: Perancangan dan Implementasi Raport Online (Studi Kasus ...repository.uksw.edu/bitstream/123456789/16390/2/T1_672014167_Full...1 Perancangan dan Implementasi Raport Online (Studi Kasus

3

Page 4: Perancangan dan Implementasi Raport Online (Studi Kasus ...repository.uksw.edu/bitstream/123456789/16390/2/T1_672014167_Full...1 Perancangan dan Implementasi Raport Online (Studi Kasus

4

Page 5: Perancangan dan Implementasi Raport Online (Studi Kasus ...repository.uksw.edu/bitstream/123456789/16390/2/T1_672014167_Full...1 Perancangan dan Implementasi Raport Online (Studi Kasus

5

Page 6: Perancangan dan Implementasi Raport Online (Studi Kasus ...repository.uksw.edu/bitstream/123456789/16390/2/T1_672014167_Full...1 Perancangan dan Implementasi Raport Online (Studi Kasus

6

Page 7: Perancangan dan Implementasi Raport Online (Studi Kasus ...repository.uksw.edu/bitstream/123456789/16390/2/T1_672014167_Full...1 Perancangan dan Implementasi Raport Online (Studi Kasus

7

Page 8: Perancangan dan Implementasi Raport Online (Studi Kasus ...repository.uksw.edu/bitstream/123456789/16390/2/T1_672014167_Full...1 Perancangan dan Implementasi Raport Online (Studi Kasus

8

1. Pendahuluan

Peraturan Menteri Pendidikan dan Kebudayaan Nomor 59 Tahun 2011

tentang Kriteria Kelulusan Peserta Didik dari Satuan Pendidikan menyatakan

syarat kelulusan adalah nilai akhir yang diperoleh dari formulasi nilai ujian

Nasional dan nilai Sekolah yaitu Raport. Buku yang berisi keterangan mengenai

nilai kepandaian dan prestasi belajar murid di sekolah, yang dipakai sebagai

laporan guru kepada orang tua siswa atau wali murid[1].

Kepala Dinas Pendidikan 2012 menyatakan Raport Online sistem

informasi di mana proses penilaian dilakukan secara otomatis menggunakan

komputer untuk melakukan percepatan dalam penulisan raport dan penyamaan

persepsi penilaian[2].

Yayasan SD Masehi Pekalongan adalah lembaga pendidikan berlokasi di

Kota Pekalongan, terdiri dari 6 kelas dan jumlah total murid 83 siswa. Sekolah ini

mempunyai tujuan untuk mencerdaskan kehidupan bangsa dan berusaha berikan

pelayanan akademik sebaik mungkin kepada murid. SD Masehi ini belum

sepenuhnya manfaatkan teknologi yang sudah ada, dikarenakan keterbatasan

fasilitas dan sumber daya manusia. salah satu kendalanya adalah dalam

penginputan dan pelaporan nilai raport orang tua murid harus menunggu tiap akhir

semester, maka seringkali para orang tua murid kesulitan untuk dapat pantau

kemampuan dan perkembangan nilai anaknya di sekolah. Pembuatan sistem

website raport online ini dibangun dengan teknologi framework Codeigniter.

Adanya website raport online ini akan mudah diakses oleh siapa saja, kapan saja

dan dimana saja. Penelitian ini berdasarkan hasil wawancara dan observasi dengan

Ketua Yayasan dan pihak sekolah dari SD Masehi Pekalongan.

Perumusan masalah dalam penelitian ini bagaimana merancang dan

membuat aplikasi yang dapat mengumpulkan dan mengolah data nilai raport serta

orang tua murid dapat memantau perkembangan murid. Fokus pada penelitian ini

yaitu merancang sistem berbasis web serta perancangan database pada sistem.

Berdasarkan permasalahan yang ada di SD Masehi Pekalongan dimana

pemberian dan pelaporan nilai raport para orang tua murid harus menunggu tiap

akhir semester. Website Raport Online ini diharapkan dapat memudahkan sekolah

SD Masehi Pekalongan, orang tua dan murid sebagai media sistem informasi

akademik mengenai nilai raport.

2. Tinjauan Pustaka

Berdasarkan penelitian yang dilakukan sebelumnya oleh (Hartanto, 2013)

mengenai “Sistem Informasi Pengolahan Nilai Raport Pada Siswa SMP Negeri 1

Yogyakarta Berbasis Web”. Membahas tentang adanya sistem yang dapat

membantu memperlancar proses pengolahan nilai siswa. Sistem informasi ini

dilakukan dengan bahasa pemograman PHP dan Javascript dengan MySQL

sebagai database manajemen sistem. Metode pengumpulan data yang digunakan

adalah dengan metode observasi, studi sastra, wawancara, merancang website,

pemograman, percobaan, implementasi sistem, dan untuk menerapkan produk jadi

Page 9: Perancangan dan Implementasi Raport Online (Studi Kasus ...repository.uksw.edu/bitstream/123456789/16390/2/T1_672014167_Full...1 Perancangan dan Implementasi Raport Online (Studi Kasus

9

dari pengembangan situs web kedalam jaringan internet [3]. Hasil dari penelitian

Hartanto adalah dengan adanya sistem informasi pengolahan nilai raport berbasis

web maka keseluruhan proses manual dalam melakukan input data dan nilai dapat

memudahkan siswa dan wali murid untuk melihat data nilai tanpa ada batasan

waktu. Perbandingan penelitian ini adalah bahasa pemogramannya memakai PHP

yang bersifat Open Source yang berarti dapat digunakan oleh siapa saja secara

gratis dan lebih cepat, namun memiliki kelemahan keamanan data dibandingkan

dengan Framework Codeigniter karena Codeigniter ini terdapat keamanan XSS

filtering mencegah kode JavaScript berbahaya atau kode lain dan membantu

programmer dalam membuat aplikasi web sehingga programmer tidak perlu

membuat kode program dari awal lagi.

Penelitian kedua oleh (Hermanto, 2009) berjudul “Pembuatan Sistem

Informasi Nilai Raport Berbasis Website di SMP Negeri 7 Surakarta”. Pada

penelitian ini mengkaji tentang bagaimana kesusahan wali kelas murid dalam

penginputan nilai tugas yang sangat banyak dan berat, salah satunya adalah untuk

mengisi tanda laporan, dimana tanda tangan yang diperoleh dari guru mata

pelajaran akan dikumpulkan dan kemudian dimasukan kedalam rumus pembuatan

laporan dan akhirnya akan menjadi nilai raport. Peneliti membuat sistem

informasi raport ini dengan menggunakan metode observasi, studi sastra,

wawancara, merancang website, pemograman, percobaan, implementasi sistem,

dan untuk menerapkan produk jadi dari pengembangan situs web kedalam

jaringan internet [4]. Pembuatan aplikasi pada penelitian Hermanto adalah

menggunakan aplikasi Macromedia MX dengan bahasa pemograman PHP dan

MySQL untuk database. Dengan sistem informasi berbasis website ini dapat

ringankan pekerjaan wali kelas dalam masukan nilai raport. Perbandingan dengan

penelitian ini adalah bahasa pemograman menggunakan aplikasi macromedia MX

dimana aplikasi ini pembuatannya dengan animasi ditampilkan kedalam web,

namun sedikit rumit pengoperasiannya. Sedangkan Codeigniter tidak memiliki

fitur animasi dalam pembuatannya, namun mudah dalam pengoperasiannya.

Penelitian ketiga oleh (Riyanto, 2015) dengan penelitian “Analisis dan

Perancangan Sistem Informasi Pengolahan Nilai Raport Berbasis Web

Menggunakan Framework Laravel Di SD Negeri Sempu Sleman”. Membahas

ingin memberikan kemudahan kepada siswa untuk mendapatkan sistem informasi

nilai di SD Negeri Sempu Sleman. Penerapan metode penelitian dengan hasil

wawancara, observasi dan studi pustaka dengan menggunakan bahasa

pemograman Laravel. Laravel merupakan pengembangan website berbasis model,

view, controller yang ditulis dalam PHP yang dirancang untuk meningkatkan

kualitas perangkat lunak dengan mengurangi biaya pengembangan awal dan biaya

pemeliharaan, namun kelemahannya masih banyak kelonggaran dalam hal coding,

misalnya penamaan file dan membebaskan programmer untuk melanggar aturan

model, view, controller [5]. Hasil dari penelitian yang dilakukan Septa Riyanto

menghasilkan sistem informasi untuk mempermudah guru dalam penginputan

nilai raport. Perbandingan dengan penelitian Septa Riyanto adalah bahasa

pemograman menggunakan Framework Laravel yaitu aplikasi dengan

menyediakan sintaks yang ekspresif, jelas dan menghemat waktu, namun Laravel

untuk tingkat kesulitan bagi pemula dalam mempelajari ini, merasa Laravel lebih

Page 10: Perancangan dan Implementasi Raport Online (Studi Kasus ...repository.uksw.edu/bitstream/123456789/16390/2/T1_672014167_Full...1 Perancangan dan Implementasi Raport Online (Studi Kasus

10

sulit dari Codeigniter karena keunggulan dari Codeigniter adalah ringan, mudah

dipelajari dan tanpa setting khusus seperti Laravel dan bisa langsung dijalankan.

Berdasarkan penelitian tentang pembuatan terkait website raport online,

aplikasi ini di gunakan oleh SD Masehi Pekalongan, aplikasi ini dapat berikan

informasi agar perkembangan prestasi anak di sekolah dapat pengawasan oleh

orang tuanya dan minimalisir kesulitan kerja pada guru wali kelas dan pihak

sekolah dengan mengakses website ini. Penelitian ini diharapkan dapat

dimanfaatkan secara maksimal di dunia pendidikan.

3. Tahapan Penelitian

Penelitian yang dilakukan diselesaikan melalui lima tahapan penelitian

yang terlihat pada gambar 1, yaitu: (1) Identifikasi masalah, (2) Pengumpulan

data, (3) Perancangan sistem, (4) Pengujian Sistem, (5) Penulisan Laporan.

Gambar 1 Tahapan Penelitian

Tahapan penelitian dijelaskan sebagai berikut: Identifikasi Masalah: Pada

tahap ini dilakukan identifikasi terhadap permasalahan yang ada terkait raport

online di SD Masehi Pekalongan maupun permasalahan yang terkait dengan

proses perancangan Website menggunakan Framework Codeigniter.

Pengumpulan Data yaitu: memperoleh data tentang sekolah Masehi Pekalongan

dan murid SD Masehi Pekalongan. Perancangan Sistem: mengetahui proses

pembuatan Website dengan menggunakan PHP Framework Codeigniter sehingga

menghasilkan sebuah Prototype dan merancang database sebagai penyimpan data

dengan menggunakan MySQL. Pengujian Sistem: Pada tahap ini yaitu

menjalankan Website yang telah dibuat dengan menguji pengaruh akses dan

waktu proses, serta melihat hasil yang diberikan apakah sudah sesuai dengan

konsep Raport Online Berbasis Website menggunakan Framework Codeigniter.

Tahap terakhir dari tahap penelitian yaitu proses penulisan laporan tahap ini

dilakukan dari awal hingga akhir kedalam bentuk tulisan.

Pengumpulan Data

Perancangan Sistem

Pengujian Sistem

Identifikasi Masalah

Penulisan Laporan

Page 11: Perancangan dan Implementasi Raport Online (Studi Kasus ...repository.uksw.edu/bitstream/123456789/16390/2/T1_672014167_Full...1 Perancangan dan Implementasi Raport Online (Studi Kasus

11

Gambar 2 Metode Prototype

Dalam perancangan aplikasi digunakan metode perancangan Prototype.

Metode Prototype merupakan pengembangan yang cepat dan pengujian terhadap

model kerja dari aplikasi baru melalui proses interaksi dan berulang-ulang yang

biasa digunakan ahli sistem informasi dan ahli bisnis. Pada Gambar 2 dapat

dijelaskan terdapat tiga tahapan dalam metode prototype yaitu : (1) Listen to

customer, (2) Build/revise mockup, (3) Customer test drives mockup.

Tahap pertama Listen to customer yaitu mengumpulkan kebutuhan data

dari aplikasi dengan mendengarkan keluhan pihak yayasan SD Masehi

Pekalongan, pada tahap ini didapatkan informasi kebutuhan aplikasi yaitu

bagaimana mengatasi masalah pengumpulan dan pengolahan data masalah pada

infrastruktur yang ada. Aplikasi selain dari itu juga dibutuhkan yang dapat

memantau persebaran masalah yang terdapat pada infrastruktur yang dialami

orang tua murid. Tahap kedua Build/revise mockup yaitu dilakukan perancangan

dan pembuatan prototype system sesuai dengan kebutuhan guru dan murid. Tahap

ketiga adalah Customer test drives mockup yaitu uji coba oleh pengguna yang

kemudian dilakukan evaluasi. Evaluasi dilakukan dengan mengumpulkan

kekurangan yang ada pada program/aplikasi sesuai dengan kebutuhan guru dan

pengguna. Pengembang aplikasi kemudian mendengarkan kembali masukan dari

pengguna guna memperbaiki prototype.

Page 12: Perancangan dan Implementasi Raport Online (Studi Kasus ...repository.uksw.edu/bitstream/123456789/16390/2/T1_672014167_Full...1 Perancangan dan Implementasi Raport Online (Studi Kasus

12

Gambar 3 Use Case Diagram Raport Online

Gambar 3 menampilkan Use Case diagram Raport Online fungsional

raport online menjelaskan aktifitas yang dapat dilakukan oleh masing-masing

pihak yang mengakses aplikasi yakni guru dan pengguna. Sistem informasi ini

guru login dapat mengelola data siswa mulai dari tambah siswa, edit siswa, dan

hapus siswa. Guru juga dapat mengelola Raport siswa mulai dari tambah raport

siswa, edit raport siswa. Guru juga dapat mengelola tugas mulai dari tambah tugas

dan edit tugas. Guru juga dapat mengelola matpel mulai dari tambah matpel dan

edit matpel. Hal terakhir yang perlu Guru lakukan adalah mengelola nilai.

Pengguna dapat secara langsung login untuk melihat raportnya masing-masing

hanya bisa lihat data dan pengecekan nilai berupa nilai akhir raport dan nilai

tugas.

View

Edit

Insert

Delete

Edit

View

View

EditView

Edit

View

Login

Enter Username

Enter Password

InsertInsert

Insert

Mengelola Data Siswa Mengelola Tugas

Mengelola Nilai

Mengelola Raport

Guru

Mengelola Matpel

Siswa

Pengecekan Nilai

<<extend>><<extend>>

<<extend>>

<<extend>>

<<extend>>

<<extend>> <<extend>>

<<extend>>

<<extend>><<extend>>

<<extend>>

<<extend>>

<<extend>>

<<extend>>

<<include>>

<<include>>

Page 13: Perancangan dan Implementasi Raport Online (Studi Kasus ...repository.uksw.edu/bitstream/123456789/16390/2/T1_672014167_Full...1 Perancangan dan Implementasi Raport Online (Studi Kasus

13

Gambar 4 Class Diagram Raport Online

Gambar 4 menampilkan Class Diagram Raport Online menjelaskan

tentang hubungan entity ke controller yang memiliki berbagai fungsi untuk

mengelola entity tersebut mulai dari fungsi CRUD (create, read, update, delete).

Proses terjadi didalam sistem secara terperinci mulai dari proses login (guru)

hingga proses aktivitas yang dilakukan oleh sistem, lalu menampilkan output yang

akan ditampilkan ke guru dan pengguna.

Sequence diagram, digunakan untuk menggambarkan interaksi yang

tersedia antara komponen sistem (pengguna, interface dan sebagainya) dalam

bentuk pesan dan di gambar terhadap waktu. Sequence diagram dapat

menggambarkan skenario dan langkah-langkah yang dilakukan sehingga

mendapatkan sebuah hasil. Sequence diagram dapat dilihat pada gambar berikut.

Gambar 5 Sequence Diagram Data Siswa

: Guru : Guru

SiswaUISiswaUI Mengelola

Siswa_Controller

Mengelola

Siswa_Controller

Siswa_EntitySiswa_Entity

Input Siswa (NISN,Nama,Kelas,Password)

[IsSiswaInfoComplete=yes]Save Siswa

add Siswa

return done

return done

Page 14: Perancangan dan Implementasi Raport Online (Studi Kasus ...repository.uksw.edu/bitstream/123456789/16390/2/T1_672014167_Full...1 Perancangan dan Implementasi Raport Online (Studi Kasus

14

Gambar 5 merupakan Sequence diagram data siswa menjelaskan

bagaimana guru melakukan proses mendata data siswa. Hal yang harus dilakukan

guru adalah inputkan data siswa, maka fungsi controller akan menyimpan record

data siswa dan mengambil fungsi dimana fungsi tersebut menyimpannya ke dalam

database.

Gambar 6 Sequence Diagram Raport

Gambar 6 merupakan Sequence diagram raport menjelaskan bagaimana

guru melakukan proses penginputan raport siswa. Hal yang harus dilakukan oleh

guru adalah inputkan data raport, maka fungsi controller akan menyimpan record

tersebut dan mengambil fungsi dimana fungsi tersebut menyimpannya ke dalam

database.

Gambar 7 Sequence Diagram Matpel

Gambar 7 merupakan Sequence diagram Matpel menjelaskan bagaimana

guru melakukan penginputan matpel. Hal yang harus dilakukan oleh guru adalah

inputkan data matpel, maka fungsi controller akan menyimpan record tersebut

dan mengambil fungsi dimana fungsi tersebut menyimpannya ke dalam database.

: Guru : Guru

RaportUIRaportUI Mengelola

Raport_Controller

Mengelola

Raport_Controller

Raport_EntityRaport_Entity

Input Raport (kode raport,NISN,semester,tahun ajaran)

[IsRaportInfoComplete=yes]Save Raport

add Raport

return done

return done

: Guru : Guru

MatpelUIMatpelUI Mengelola

Matpel_Controller

Mengelola

Matpel_Controller

Matpel_EntityMatpel_Entity

Input Matpel (nama matpel,kkm,kode matpel)

[IsMatpelInfoComplete=yes]Save Matpel

add Matpel

return done

return done

Page 15: Perancangan dan Implementasi Raport Online (Studi Kasus ...repository.uksw.edu/bitstream/123456789/16390/2/T1_672014167_Full...1 Perancangan dan Implementasi Raport Online (Studi Kasus

15

Gambar 8 Sequence Diagram Tugas

Gambar 8 merupakan Sequence diagram Tugas menjelaskan bagaimana

guru melakukan penginputan tugas. Hal yang harus dilakukan oleh guru adalah

inputkan data tugas, maka fungsi controller akan menyimpan record tersebut dan

mengambil fungsi dimana fungsi tersebut menyimpannya ke dalam database.

Gambar 9 Sequence Diagram Nilai Akhir

Gambar 9 merupakan Sequence diagram Nilai Akhir menjelaskan

bagaimana guru melakukan penginputan nilai akhir. Hal yang harus dilakukan

oleh guru adalah inputkan data siswa, raport, matpel dan tugas siswa, maka fungsi

controller akan menyimpan record nilai dan mengambil fungsi dimana fungsi

tersebut menyimpannya ke dalam database.

Gambar 10 Desain Interface Login

: Guru : Guru

TugasUITugasUI Mengelola

Tugas_Controller

Mengelola

Tugas_Controller

Tugas_EntityTugas_Entity

Input Tugas (ulangan harian,tugas)

[IsTugasInfoComplete=yes]Save Tugas

add Tugas

return done

return done

: Guru : Guru

NilaiAkhirUINilaiAkhirUI Mengelola

NilaiAkhir_Controller

Mengelola

NilaiAkhir_Controller

NilaiAkhir_EntityNilaiAkhir_Entity

input NilaiAkhir (datasiswa,raport,matpel,tugas)

[IsNilaiInfoCompete=yes] Save raport,matpel&tugas (nilai)

add nilai akhir (nilai)

get nilai akhir (nilai)

get nilai akhir

output nilai akhir

Page 16: Perancangan dan Implementasi Raport Online (Studi Kasus ...repository.uksw.edu/bitstream/123456789/16390/2/T1_672014167_Full...1 Perancangan dan Implementasi Raport Online (Studi Kasus

16

Gambar 10 merupakan desain interface Login, Halaman login merupakan

langkah akses pertama yang harus dilakukan guru agar masuk sebelum memulai

aktivitas raport online.

Gambar 11 Desain Interface Halaman Utama

Gambar 11 merupakan desain interface halaman utama, halaman ini

halaman pertama yang muncul setelah berhasil login. Halaman ini terdapat

informasi data siswa dan tambah siswa, jika guru ingin menginputkan raport siswa

terdapat tombol yang berfungsi untuk input raport.

Gambar 12 Desain Interface Raport

Gambar 12 merupakan desain interface Raport halaman ini terdapat

informasi tentang raport siswa yang mempunyai fungsi bisa tambah siswa dan edit

siswa. Apabila guru ingin kembali ke halaman utama terdapat tombol yang

berfungsi untuk menuju halaman utama.

Page 17: Perancangan dan Implementasi Raport Online (Studi Kasus ...repository.uksw.edu/bitstream/123456789/16390/2/T1_672014167_Full...1 Perancangan dan Implementasi Raport Online (Studi Kasus

17

Gambar 13 Desain Interface Nilai Akhir

Gambar 13 merupakan desain interface Nilai Akhir dimana halaman ini

adalah halaman akhir yang terdapat informasi untuk melihat Nilai Akhir dari

Siswa. Apabila guru ingin kembali menuju halaman utama terdapat tombol yang

berfungsi untuk kembali menuju halaman utama.

Gambar 14 Desain Arsitektur Raport Online

Page 18: Perancangan dan Implementasi Raport Online (Studi Kasus ...repository.uksw.edu/bitstream/123456789/16390/2/T1_672014167_Full...1 Perancangan dan Implementasi Raport Online (Studi Kasus

18

Gambar 14 merupakan Desain Arsitektur Raport Online. Pada sistem

Raport Online ini user interface dibagi dalam 5 bagian yaitu user interface Siswa,

Raport, Matpel, Tugas, Nilai Akhir. Controller berfungsi sebagai penghubung

antara user interface dengan database. Controller dibagi 5 bagian yaitu controller

siswa, raport, matpel, tugas dan nilai akhir. Database memiliki 5 entity yaitu

siswa, raport, matpel, tugas dan nilai akhir.

4. Hasil dan Pembahasan

Penelitian ini menghasilkan sistem dengan implementasi menggunakan

browser. Semua aktor akan mengakses melalui website, penggunaan teknologi

Codeigniter dengan konsep model, view, controller bermanfaat dalam penulisan

kode program lebih terstruktur dan lebih aman karena user tidak berhubungan

secara langsung ke database. Pengembangan codeigniter adalah menyediakan

berbagai macam library yang dapat mempermudah dalam pengembangan dan

penulisan kode program dapat dipersingkat oleh fitur codeigniter yaitu Active

Record [6].

Codeigniter menggunakan arsitektur MVC untuk membagi kode

programnya menjadi 3 bagian yaitu model, view, controller sehingga kode

program lebih terstruktur. Bagian model, kode program digunakan untuk

mengakses database yang dapat dibagi menjadi beberapa kelas yaitu kelas siswa,

kelas matpel, kelas nilaiakhir, kelas tugas dan kelas raport. Bagian view berisi

seluruh tampilan yang digunakan pada aplikasi. Bagian controller berfungsi untuk

menghubungkan view dan model sehingga data dari database dapat ditampilkan

melalui view dan pengguna dapat memanipulasi database melalui view. Arsitektur

ini memudahkan bagi programmer yang akan mengembangkan aplikasi ini lebih

lanjut karena kode program sudah terstruktur. Berdasarkan penelitian yang

dilakukan, framework Codeigniter dapat digunakan untuk pengembangan sistem

Website Raport online sebagai media informasi raport siswa yang ada di Sekolah

Masehi Pekalongan. Berikut hasil dan pembahasan sistem.

Gambar 15 Halaman User utama raport Siswa

Page 19: Perancangan dan Implementasi Raport Online (Studi Kasus ...repository.uksw.edu/bitstream/123456789/16390/2/T1_672014167_Full...1 Perancangan dan Implementasi Raport Online (Studi Kasus

19

Gambar 15 merupakan halaman utama pengguna untuk mengecek hasil

raport siswa, halaman ini terdapat fitur rincian raport yaitu mengetahui lebih rinci

nilai yang diperoleh.

Gambar 16 Halaman User rincian nilai tugas siswa

Gambar 16 merupakan halaman akhir dimana pengguna dapat melihat

rincian nilai dan rata-rata yang diperoleh siswa.

Gambar 17 Halaman utama guru raport Online

Gambar 17 merupakan halaman utama website raport online. Halaman ini

terdapat informasi data siswa dan terdapat fungsi mulai dari tambah siswa, edit

siswa, hapus siswa, cari siswa, cari matpel dan terdapat tombol yang berfungsi

untuk input raport.

Page 20: Perancangan dan Implementasi Raport Online (Studi Kasus ...repository.uksw.edu/bitstream/123456789/16390/2/T1_672014167_Full...1 Perancangan dan Implementasi Raport Online (Studi Kasus

20

Gambar 18 Halaman Insert Siswa Raport Online

Gambar 18 merupakan halaman untuk guru ingin tambah siswa

berdasarkan NISN, nema, kelas dan password.

Gambar 19 Halaman Input Nilai Tugas Siswa

Gambar 19 merupakan halaman dimana guru input nilai ulangan harian,

nilai tugas, nilai MID dan nilai ujian.

Kode Program 1 Insert Tugas dan Nilai Akhir

1. public function Inserttugas(){

2. $kodenilaiakhir= $_SESSION['kode_raport'].$_SESSION['kode_matpel'];

3. $totalulanganharian=0;

4. for($i=1;$i<=$_SESSION['jumlahulanganharian'];$i++){

5. $totalulanganharian+=$this->input->post('ulanganharian'.$i);

6. $dataA=array(

7. "nama_tugas" => $this->input->post('namaulanganharian'.$i),

8. "nilai_tugas" => $this->input->post('ulanganharian'.$i),

9. "kode_nilaiakhir" => $kodenilaiakhir,);

10. $this->Tugas->insertTugas($dataA); }

11. $totaltugas=0;

12. for($i=1;$i<=$_SESSION['jumlahtugas'];$i++){

Page 21: Perancangan dan Implementasi Raport Online (Studi Kasus ...repository.uksw.edu/bitstream/123456789/16390/2/T1_672014167_Full...1 Perancangan dan Implementasi Raport Online (Studi Kasus

21

13. $totaltugas+=$this->input->post('tugas'.$i);

14. $dataB=array(

15. "nama_tugas" => $this->input->post('namatugas'.$i),

16. "nilai_tugas" => $this->input->post('tugas'.$i),

17. "kode_nilaiakhir" => $kodenilaiakhir,);

18. $this->Tugas->insertTugas($dataB);}

19. $dataC=array(

20. "nama_tugas" => $this->input->post('namamid'),

21. "nilai_tugas" => $this->input->post('mid'),

22. "kode_nilaiakhir" => $kodenilaiakhir,);

23. $this->Tugas->insertTugas($dataC);

24. $dataD=array(

25. "nama_tugas" => $this->input->post('namaakhirsemesterteori'),

26. "nilai_tugas" => $this->input->post('akhirsemesterteori'),

27. "kode_nilaiakhir" => $kodenilaiakhir,);

28. $this->Tugas->insertTugas($dataD);/*panggil fungsi insert*/

29. $dataE=array(

30. "nama_tugas" => $this->input->post('namaakhirsemesterpraktek'),

31. "nilai_tugas" => $this->input->post('akhirsemesterpraktek'),

32. "kode_nilaiakhir" => $kodenilaiakhir,);

33. $this->Tugas->insertTugas($dataE);

34. $teori=$this->input->post('akhirsemesterteori');

35. $praktek=$this->input->post('akhirsemesterpraktek');

36. $mid=$this->input->post('mid');

37. $rataratauh=$totalulanganharian/$_SESSION['jumlahulanganharian'];

38. $rataratatugas=$totaltugas/$_SESSION['jumlahtugas'];

39. $ratarataua=($teori + $praktek)/2;

40. $nilaiakhir = ($rataratauh+$rataratatugas+$mid+$ratarataua)/4;

41. $_SESSION['nilaiakhir']=$nilaiakhir;

42. $_SESSION['kode_nilaiakhir']=

$_SESSION['kode_raport'].$_SESSION['kode_matpel'];

43. $this->Lihatdatatugas($nilaiakhir);

44. }

Kode program 1 merupakan fungsi InsertTugas untuk input tugas dengan

cara mengambil data tugas yang ada di view dan melemparkan data tersebut ke

fungsi insertTugas yang ada di model Tugas. Fungsi yang ada di model tugas itu

akan input data tugas ke dalam tabel tugas seperti nilai tugas dan nilai ulangan

harian. Fungsi ini juga untuk menghitung nilai akhir yaitu: nilai tugas, nilai

ulangan harian, nilai MID, nilai Ujian dan rata-rata. Nilai Akhir dapat lihat

gambar dibawah ini.

Gambar 20 Halaman Nilai Siswa

Page 22: Perancangan dan Implementasi Raport Online (Studi Kasus ...repository.uksw.edu/bitstream/123456789/16390/2/T1_672014167_Full...1 Perancangan dan Implementasi Raport Online (Studi Kasus

22

Gambar 20 merupakan halaman rincian nilai siswa dan juga presentase

dari hasil siswa yang diperoleh, halaman ini terdapat fungsi edit jika ada salah

input nilai.

Kode Program 2 Nilai Akhir Controller

1. public function Lihatdatanilaiakhir($nilaiakhir) {

2. $kodenilaiakhir= $_SESSION['kode_raport'].$_SESSION['kode_matpel'];

3. $data['dataCek'] = $this->Nilaiakhir-

>get_data_by_id('tb_nilaiakhir',$kodenilaiakhir)->row();

4. if(empty($data['dataCek'])){$data = array(

5. "kode_nilaiakhir" => $kodenilaiakhir,

6. "kode_raport" => $_SESSION['kode_raport'],/

7. "kode_matpel" => $_SESSION['kode_matpel'],

8. "nilai_akhir" => $nilaiakhir,);

9. $this->Nilaiakhir->InsertNilaiakhir($data);

10. $nisn=$_SESSION['nisn'];

11. $kode_raport=$_SESSION['kode_raport'];

12. $kode_matpel=$_SESSION['kode_matpel'] ;

13. $data['title']="CRUD Nilaiakhir";

14. $data['dataSearch']=$this->Nilaiakhir-

>GetAllNilaiakhir($nisn,$kode_raport,$kode_matpel);

15. if($data['dataSearch']!=null){

16. $this->load->view('nilaiakhir_view',$data);}else{

17. $this->load->view('nilaiakhir_view',$data);}}else{

18. $data['title']="CRUD Nilaiakhir";

19. $data['dataSearch']=$this->Nilaiakhir->GetAllNilaiakhir();

20. if($data['dataSearch']!=null){

21. $this->load->view('nilaiakhir_view',$data);}else{

22. $this->load->view('nilaiakhir_view',$data);}}}

Kode Program 2 Nilai Akhir Controller merupakan fungsi untuk inputkan

nilai akhir dan menampilkan hasil akhir dari semua data yang telah diinputkan

seperti nilai akhir, raport, nama matpel. Data yang ada di view diambil oleh

controller dan dikirim ke model Nilaiakhir.

Gambar 21 Halaman Raport Nilai Akhir Siswa

Gambar 21 merupakan halaman akhir Raport yang diperoleh siswa sebagai

nilai akhir.

Page 23: Perancangan dan Implementasi Raport Online (Studi Kasus ...repository.uksw.edu/bitstream/123456789/16390/2/T1_672014167_Full...1 Perancangan dan Implementasi Raport Online (Studi Kasus

23

Kode Program 3 Model Siswa

1. function GetAllSiswa(){

2. $this->db->order_by('nama', 'ASC');

3. $query = $this->db->get('tb_siswa');

4. foreach($query->result() as $row){$data[]=$row;}

5. return $data;}

6. function insertSiswa($data){

7. $this->db->insert('tb_siswa',$data);

8. return;}

9. function get_data_by_id($table,$kode){ $this->db->where('nisn',$kode);

10. return $this->db->get($table);}

11. function update($table,$kode,$data){

12. $this->db->where('nisn',$kode);

13. return $this->db->update($table,$data);}

14. function del_by_id($table,$kode){

15. $this->db->where('nisn',$kode);

16. $this->db->delete($table);}

17. function search($kelas){

18. $hasil=$this->db->query("SELECT * from tb_siswa WHERE kelas='".$kelas."'

order by nama");

19. if($hasil->num_rows()>0){

20. foreach($hasil->result() as $row){$data[]=$row;}

21. return $data;}}

22. function searchmatpel($namamatpel){

23. $hasil=$this->db->query("SELECT c.nisn,c.nama,c.kelas, b.nama_matpel,

b.kkm, a.nilai_akhir from tb_nilaiakhir a, tb_matpel b, tb_siswa c,

tb_raport d where a.kode_matpel=b.kode_matpel and d.nisn=c.nisn and

d.kode_raport=a.kode_raport and b.nama_matpel ='".$namamatpel."' order by

c.kelas");

24. if($hasil->num_rows()>0){

25. foreach($hasil->result() as $row){$data[]=$row;}

26. return $data;}}

Kode Program 3 Model Siswa merupakan model siswa yang mempunyai

berbagai macam fungsi yaitu: (1) Fungsi GetAllSiswa merupakan fungsi yang

dapat menampilkan data siswa dan mengurutkan data. (2) Fungsi insertSiswa

merupakan fungsi yang menggunakan Active Record sebagai pengganti query

yang biasa di gunakan di PHP. Active Record ini berfungsi untuk melakukan

insert data pada table siswa. (3) Fungsi get_data_by_id merupakan fungsi yang

menggunakan Active Record ini berfungsi untuk melakukan search data

berdasarkan NISN pada tabel siswa. (4) Fungsi update merupakan fungsi untuk

menggunakan Active Record ini berfungsi untuk melakukan update data pada

table siswa. (5) Fungsi del_by_id merupakan fungsi untuk menggunakan Active

Record ini berfungsi untuk melakukan delete data pada tabel siswa. (6) Fungsi

search perlu dilakukan untuk menandai record mana yang akan didelete,

menggunakan sintak query biasa pada MySQL untuk melakukan search

berdasarkan kelas dan menggunakan data berdasarkan nama. (7) Fungsi

searchmatpel merupakan fungsi yang menggunakan sintak query biasa pada

MySQL untuk melakukan join tabel siswa, raport, matpel, nilai akhir serta

mengurutkan data berdasarkan kelas.

Pengujian aplikasi dilakukan dengan teknik black box untuk menguji

fungsi – fungsi yang ada didalam aplikasi apakah sudah berjalan dengan baik

Page 24: Perancangan dan Implementasi Raport Online (Studi Kasus ...repository.uksw.edu/bitstream/123456789/16390/2/T1_672014167_Full...1 Perancangan dan Implementasi Raport Online (Studi Kasus

24

sesuai dengan yang diharapkan. Hal yang diuji dan hasil pengujian dapat dilihat

pada tabel 1.

Tabel 1 hasil Pengujian Fungsionalitas Program Menggunakan Black Box

Pengujian Kondisi Output yang

diharapkan

Output yang

dihasilkan

Status

pengujian

Login Username dan

password benar

Sukses login Sukses login Valid

Username dan

password salah

maupun kosong

Gagal login Gagal login Valid

Menampilkan

Data Murid

Membuka halaman

Murid

Sukses tampilkan

Data Murid

Sukses

menampilkan

Data Murid

Valid

Menampilkan

Input Raport

Membuka halaman

input raport

Sukses tampilkan

raport

Sukses

menampilkan

raport

Valid

Menampilkan

Input Matpel

Membuka halaman

input matpel

Sukses tampilkan

matpel

Sukses

menampilkan

matpel

Valid

Menampilkan

Nilai dan

presentase

Membuka halaman

input nilai dan

presentase

Sukses

menampilkan

nilai dan

presentase

Sukses

menampilkan

nilai dan

presenrtase

Valid

Berdasarkan pengujian pada aplikasi dengan menggunakan metode

blackbox dapat dijelaskan bahwa status pengujian dari tiap fungsi memiliki hasil

valid. Dengan hasil tersebut maka dapat disimpulkan bahwa aplikasi yang dibuat

sudah sesuai dengan harapan.

5. Kesimpulan dan Saran

Berdasarkan penelitian yang telah dilakukan dapat disimpulkan aplikasi

Website Raport Online berguna untuk membantu para murid dan orang tua

sebagai media informasi agar dapat memantau perkembangan prestasi anak,

karena mudah diakses oleh siapa saja dan dimana saja tanpa harus menunggu tiap

akhir semester. Sistem Website raport online dibangun menggunakan teknologi

framework Codeigniter. Penggunaan Codeigniter dengan konsep model, view,

controller menyediakan fungsi read, insert, update, delete serta library yang

memudahkan dan menyediakan fitur Active Record yang dapat mempersingkat

query yang biasa digunakan dalam PHP.

Saran pengembangan yang dapat dilakukan adalah pembangunan aplikasi

raport online menggunakan framework lain sebagai perbandingan dan juga dapat

ditambah dengan metode teknologi sms gateway agar orang tua murid mudah

menerima informasi lebih cepat dan baik.

Page 25: Perancangan dan Implementasi Raport Online (Studi Kasus ...repository.uksw.edu/bitstream/123456789/16390/2/T1_672014167_Full...1 Perancangan dan Implementasi Raport Online (Studi Kasus

25

6. Daftar Pustaka

[1] Peraturan Menteri Pendidikan dan Kebudayaan Nomor 59 Tahun 2011.

“Kriteria Kelulusan Peserta Didik dari Satuan Pendidikan”.16 Desember

2011. Lembaran Negara Republik Indonesia Tahun 2011 Nomor 841.

Jakarta.

[2] Kepala Dinas Pendidikan. 2012.“Raport Online (Raport Berbasis

Elektronik)”. Surabaya.

[3] Hartanto, A.D. 2013. “Sistem Informasi Pengolahan Nilai Raport Pada

Siswa SMP Negeri 1Yogyakarta Berbasis WEB”. Yogyakarta : Teknik

Informatika STMIK AMIKOM Yogyakarta.

[4] Hermanto, 2009. “Pembuatan Sistem Informasi Nilai Raport Berbasis

Website di SMP Negeri 7 Surakarta”.

http://ijns.org/journal/index.php/speed/article/view/1137. Diakses

tanggal 18 Juli 2017.

[5] Riyanto, 2015. “Analisis dan Perancangan Sistem Informasi Pengolahan

Nilai Raport Berbasis Web Menggunakan Framework Laravel Di SD

Negeri Sempu Sleman”. Yogyakarta : STMIK AMIKOM Yogyakarta.

[6] Daqiqil, I.D. 2011. “Framework Codeigniter Sebuah Panduan dan Best

Practice”.https://www.amarbank.co.id/upload/ed69f40abc4d5bb8a9b4857cf461f142.pdf.Diakses tanggal 19 Juli 2017.