6

1. Pendahuluan

Perkembangan teknologi informasi, khususnya teknologi komputer yang

kian pesat pada saat ini telah menjadi kebutuhan yang mendasar dalam setiap segi

kehidupan masyarakat. Hal ini dapat dilihat dari penggunaan teknologi komputer

pada berbagai bentuk baik itu dalam bentuk korporat maupun pribadi . Kehadiran

teknologi komputer dengan kecepatan prosesnya telah memungkinkan

perkembangan sistem informasi berbasis komputer. Manfaat teknologi komputer,

didapat manfaat berupa kemudahan menyimpan, mengorganisir dan melakukan

pengambilan terhadap berbagai data.

Perkembangan teknologi juga dimanfaatkan dalam dunia pendidikan.

Dalam kasus ini ada beberapa sekolah yang menerapkan / menggunakan web

sebagai salah satu sarana untuk menyampaikan informasi sekolah. Namun dalam

penerapannya, masih dikatakan belum maksimal, karena sebatas menampilkan

profil sekolah, kegiatan sekolah, agenda dan kalender akademik. Sampai saat ini

belum ada website sekolah yang menampilkan pertanggungjawaban kepada publik

tentang kualitas proses belajar mengajar sekolah. Evaluasi hasil studi sangatlah

penting untuk diketahui publik karena hal tersebut menyangkut prestasi siswa.

Yayasan Yohanes Gabriel Perwakilan Rembang merupakan salah satu

yayasan yang bergerak dalam hal penyelenggaraan pendidikan. Penyediaan

layanan aplikasi tes secara online ditujukan untuk mengisi nilai akademik siswa.

Untuk mempermudah akses aplikasi tes secara online maka dibuatkan satu portal

utama agar aplikasi tes online terhimpun dalam satu tempat. Adanya portal sistem

informasi sekolah akan memudahkan sekolah di bawah yayasan untuk masuk ke

sistem yang lain. Selain itu untuk menambah nilai dari portal maka aplikasi portal

tersebut mampu memberikan informasi tentang evaluasi hasil studi sebagai wujud

pertanggungjawab-nya terhadap publik terkait kualitas proses belajar mengajar di

masing-masing sekolah, Yayasan Yohanes Gabriel Perwakilan Rembang ingin

menampilkan kualitas proses belajar mengajar yang diwakili oleh informasi

evaluasi hasil studi yang meliputi evaluasi studi per tahun akademik dan evaluasi

studi per mata pelajaran.

Berdasarkan latar belakang dapat dirumuskan suatu permasalahan tentang

bagaimana menampilkan evaluasi hasil studi siswa yang berasal dari sistem

informasi akademik sekolah ke dalam portal sistem informasi sekolah. Penelitian

ini bertujuan untuk merancang sebuah aplikasi portal sistem informasi sekolah

yang dapat menampung informasi kegiatan sekolah di lingkup yayasan dan

menampilkan informasi evaluasi hasil studi ke dalam portal sistem informasi

sekolah menggunakan framework CodeIgniter dengan bahasa pemrograman PHP

dan database MySql. Adanya portal sistem informasi sekolah yang menampilkan

evaluasi belajar siswa, masyarakat dapat mengetahui prestasi rata-rata siswa yang

berasal dari portal sistem informasi akademik sekolah. Selain itu dari pihak

yayasan dapat dijadikan parameter keberhasilan proses belajar mengajar bagi

sekolah-sekolah yang dimiliki Yayasan Yohanes Gabriel Perwakilan Rembang

dan juga bagi pihak sekolah akan dapat mengetahui secara cepat informasi

evaluasi hasil studi siswa per kelas paralel maupun per mata pelajaran. Untuk

tidak memperluas pembahasan, maka pembahasan dibatasi dengan batasan

masalah yaitu aplikasi dibangun menggunakan framework CodeIgniter dan

7

database MySQL, tidak membahas tentang keamanan konten web dan sumber data

evaluasi hasil studi siswa masing-masing sekolah berasal dari database yang

dimiliki oleh portal sistem informasi akademik.

2. Tinjauan Pustaka

Penerapan dari arsitektur Client Server telah banyak digunakan dalam

pembuatan aplikasi yang mendukung suatu sistem, salah satu di antaranya adalah

“Perancangan dan Implementasi Sistem Informasi Penjualan Obat di Apotek

Berbasis Client Server”, Program Studi Sistem Informasi, Fakultas Teknologi

Informasi, Universitas Kristen Satya Wacana Salatiga [1]. Hasil penelitian yang

dilakukan peneliti adalah Sistem Informasi Penjualan Obat Berbasis Client Server

menghasilkan sebuah sistem untuk menyimpan dan mengelola data penjualan obat

sehingga nantinya akan menghasilkan sebuah laporan penjualan obat harian,

bulanan dan tahunan. Sistem informasi ini juga memberikan kemudahan bagi

pengguna untuk saling berbagi informasi ataupun update informasi karena sistem

ini dibangun dengan berbasis client server yang menggunakan sistem basis data

tersentralisasi. Dibangunnya sistem informasi ini diharapkan pengguna sistem

mampu mengelola informasi transaksi penjualan obat secara cepat dan tepat

sehingga menghasilkan sebuah laporan penjualan untuk pemilik apotek.

Penelitian terdahulu yang kedua yang berjudul “Perancangan Dan

Implementasi Sistem Inventori Berbasis Client Server”, Program Sudi Teknik

Informatika, Fakultas Teknologi Informasi, Universitas Kristen Satya Wacana

Salatiga [2]. Penelitian kedua ini dapat dibedakan dengan penelitian yang

dilakukan sekarang, yaitu dari sisi sistem pengkodean penelitian yang lama masih

statis dalam membuat sistem, dan sistem pengkodean penelitian yang baru sudah

dinamis karena sistem dapat digunakan untuk mengolah data penjualan dan

inventori untuk usaha-usaha kecil menengah yang ingin menggunakan teknologi

informasi sebagai salah satu penunjang sistem operasionalnya. Perancangan

sistem aplikasi informasi ini akan dapat membantu proses pengolahan data

operasional yang berhubungan dengan inventori. Pengurangan biaya alat-alat tulis

untuk menyimpan data-data dan tidak butuhnya ruang luas yang memakan banyak

tempat untuk alat penyimpanannya akan membantu mengurangi biaya

operasional, selain itu adanya sistem yang akan mempermudah pengguna untuk

mencatat seluruh transaksi dan data barang serta mengolahnya menjadi lebih cepat

dan tempat untuk dapat menjadikannya keunggulan dalam persaingan dunia

usaha.

Perbedaan dengan penelitian terdahulu yang berjudul Perancangan dan

Implementasi Sistem Informasi Penjualan Obat di Apotek Berbasis Client Server

dan Perancangan Dan Implementasi Sistem Inventori Berbasis Client Server,

penelitian sekarang ini bertujuan untuk merancang sebuah aplikasi portal sistem

informasi sekolah yang dapat menampung informasi kegiatan sekolah di lingkup

yayasan dan menampilkan informasi evaluasi hasil studi ke dalam portal sistem

informasi sekolah agar perkembangan prestasi siswa dapat diketahui oleh publik

8

melalui evaluasi hasil studi yang ditampilkan oleh Yayasan Yohanes Gabriel

Perwakilan Rembang.

Sistem pengolahan data siswa, guru dan kegiatan sekolah lainnya yang

merupakan fungsi utama dalam suatu kegiatan administrasi. Sistem Informasi

Sekolah atau pelaksanaan administrasi sekolah secara digital merupakan

pelayanan paripurna bagi pengakses data. Baik internal maupun eksternal sebuah

institusi, terutama yang menyangkut tentang informasi perkembangan siswa [3].

Bagi para orang tua ditengah kesibukannya untuk memantau perkembangan

anaknya disekolah tidak selamanya harus mengundang orangtua siswa untuk

membicarakan perkembangan putra-putrinya disekolah. Sistem komputerisasi ini

setiap perkembangan siswa dapat segera diketahui oleh guru dan orang tua siswa

melalui informasi perkembangan siswa yang diberikan guru setiap bulan.

Pelaksanaan administrasi komputerisasi ini tidak akan terlepas dari sistem

informasi, dimana perangkat lunak yang diperlukan termasuk di dalamnya akan

terus berkembang seiring dengan kemajuaan teknologi dan tuntutan masyarakat.

Pustaka lain yang menjadi dasar adalah framework codeigniter.

Framework dapat diartikan sebagai alat yang digunakan untuk membantu dan

memudahkan pembuatan situs web. Framework dapat diartikan sebagai kumpulan

perintah atau fungsi dasar yang dapat membantu menyelesaikan proses-proses

yang kompleks, namun pihak developer tetap harus menulis kode sendiri dan

harus menyesuaikan dengan lingkungan Framework yang digunakan [4]. Sebuah

framework selain menyediakan lingkungan pengembangan sendiri-sendiri juga

menyediakan berbagai macam fungsi siap pakai yang bisa digunakan dalam

pembuatan situs web. Fungsi tersebut merupakan pengembangan atau penyesuaian

fungsi asli PHP agar lebih mudah digunakan atau agar lebih sesuai dengan

kebutuhan pengguna.

Tujuan dari pembuatan framework codeigniter ini menurut panduan

penggunaan adalah untuk menghasilkan framework yang akan dapat digunakan

untuk pengembangan proyek pembuatan situs web dengan cara penggunaan kode

program secara manual, dengan menyediakan banyak pustaka yang dibutuhkan

dalam pembuatan situs web, dengan antarmuka yang sederhana dan struktur

logika untuk mengakses pustaka yang dibutuhkan. Codeigniter membiarkan kita

untuk memfokuskan diri pada pembuatan situs web dengan meminimalkan

pembuatan kode untuk berbagai tujuan pembuatan situs web [5]. Beberapa alasan

kenapa menggunakan codeigniter di antaranya yaitu gratis, berjalan di PHP versi

4 dan 5, ringan dan cepat, menggunakan MVC, dokumentasi, pustaka yang

lengkap.

Client server adalah komputer database yang berada di pusat, dimana

informasinya dapat digunakan bersama-sama oleh beberapa user yang

menjalankan aplikasi di dalam komputer lokalnya yang disebut dengan Client [6].

Sebuah file server menjadi jantung dari keseluruhan sistem, memungkinkan untuk

mengakses sumber daya, dan menyediakan keamanan. Workstation yang berdiri

sendiri dapat mengambil sumber sumber daya yang ada pada file server. Model

hubungan komponen yang ada dijaringan dan memungkinkan banyak pengguna

secara bersama-sama memakai sumber daya pada file server [6].

9

Gambar 1 Hubungan Client Server[6]

Kelebihan model hubungan client server adalah terpusat (sumber daya dan

keamanan data dikontrol melalui server); skalabilitas; fleksibel; teknologi baru

dengan mudah terintegrasi kedalam system; keseluruhan komponen (client /

network / server) dapat bekerja bersama. Kekurangan model hubungan client

server adalah mahal yaitu membutuhkan investasi untuk dedicated file server;

perbaikan (jaringan beasr membutuhkan seorang staff untuk mengatur agar sistem

berjalan secara efisien); berketergantungan, karena ketika server jatuh,

mengakibatkan keseluruhan operasi pada network akan jatuh pula.

3. Metode dan Perancangan

Didalam melaksanakan penelitian, diperlukan beberapa tahapan seperti

terlihat pada Gambar 2.

Analisis Situasi

Perumusan

Masalah

Pengumpulan

Data

Analisis

Kebutuhan

Pengembangan

Sistem

Uji Sistem

Penulisan

Laporan Akhir

Gambar 2 Tahapan Penelitian

Analisis situasi menghasilkan sebuah latar belakang masalah yang

dianggap layak untuk dilakukan penelitian, yaitu Yayasan Yohanes Gabriel

Perwakilan Rembang ingin menampilkan kualitas proses belajar mengajar yang

10

diwakili oleh informasi evaluasi hasil studi yang meliputi evaluasi studi per tahun

akademik dan evaluasi studi per mata pelajaran. Tahap selanjutnya yaitu

perumusan masalah untuk menghasilkan pemetaan masalah berdasarkan analisis

situasi.

Pengumpulan data menghasilkan data-data yang terkait dengan informasi

sekolah dan data akademik siswa. Analisis Kebutuhan menghasilkan kebutuhan

fungsionalitas dari pengguna portal sistem informasi sekolah dari Yayasan

Yohanes Gabriel perwakilan Rembang. Kebutuhan fungsionalitas dapat dilihat

pada rancangan arsitektur portal sistem informasi sekolah Yayasan Yohanes

Gabriel Rembang.

UR

L

UR

L

- Autentikasi Login

- Evaluasi Hasil Studi

Aplikasi Tes Online Database Tes OnlineAplikasi AkademikDatabase Akademik

Aplikasi Portal Yayasan Database Portal Yayasan

Client

- Autentikasi Login

- Get & Set Nilai Ulangan Harian

- Get & Set Nilai Tugas

Gambar 3 Arsitektur Sistem Informasi Yayasan Yohanes Gabriel Rembang

Berdasarkan tujuan penelitian dimana aplikasi portal berfungsi sebagai

portal pengumuman dan galeri sekolah di lingkungan yayasan, maka arsitektur

sistem informasi yayasan yang terlihat pada Gambar 3 yaitu client wajib

melakukan login, dimana autentikasi login tersebut mengacu pada database

akademik sekolah untuk dapat mengelola pengumuman dan galeri tiap sekolah.

Selain itu, aplikasi portal juga berfungsi sebagai penyedia fasilitas link untuk

mengakses aplikasi yang dimiliki yayasan, antara lain sistem informasi akademik

dan sistem tes online. Aplikasi portal juga dirancang untuk dapat menampilkan

informasi hasil studi per tahun akademik dan per mata pelajaran, dimana proses

tersebut sumber datanya pada sistem informasi akademik.

Hal utama dalam penelitian adalah tahap pengembangan aplikasi. Metode

pengembangan aplikasi portal sistem informasi sekolah Yayasan Yohanes Gabriel

11

Sub Perwakilan Rembang menggunakan metode Waterfall. Setelah dilakukan

pengembangan sistem, berikutnya adalah melakukan pengujian sistem. Pengujian

sistem dilakukan untuk mengetahui performa dari aplikasi portal sistem informasi

sekolah yang dibangun. Tahap terakhir adalah mengambil kesimpulan yang

dituangkan dalam bentuk laporan skripsi.

Pembuatan aplikasi portal sistem informasi sekolah digunakan metode

Waterfall sebagai metode pengembangan sistem, dimana prosesnya ditunjukkan

pada Gambar 4.

Gambar 4 Metode Waterfall [7]

Tahapan pertama pada metode waterfall ini adalah tahap requirements.

Pada tahap ini dilakukan pengumpulan data maupun informasi yang diperlukan

dalam pembuatan program.

Setelah data maupun informasi yang diperlukan terkumpul, tahapan

selanjutnya adalah mendesain program yang akan dibuat. Desain program ini

meliputi rancangan tampilan program dan proses yang akan dilakukan di

dalamnya. Hasil dari desain ini kemudian akan diimplementasikan ke dalam

bentuk program dengan bahasa pemrograman yang telah ditentukan sebelumnya.

Program yang telah selesai dibuat kemudian akan diujicobakan pada tahap

verification untuk melihat apakah program telah berjalan dengan baik dan telah

sesuai dengan kebutuhan dan perancangan sebelumnya.

Proses terakhir yaitu proses maintenance yang merupakan proses untuk

pemeliharaan program yang telah dibuat, termasuk juga proses pengembangan

atau update jika ada fitur-fitur baru yang perlu ditambahkan.

Pada penelitian ini, untuk mendapatkan evaluasi hasil studi diperlukan

perancangan proses. Terdapat dua perancangan proses, yaitu perancangan proses

Evaluasi Per Tahun Akademik dan Evaluasi Per Mata Pelajaran. Hasil

perancangan Proses Evaluasi Per Tahun Akademik dapat dilihat pada Gambar 5.

Requirements

Design

Implementation

Verification

Maintenance

12

Masukkan

Sekolah

Masukkan

Tahun

Ajaran

Masukkan Kelas

Jml_siswa= get(Jumlah Siswa)

Rata_Rapor_Matpel = SUM(Nilai_Rapor_Siswa) / Jml_siswa

Kode_matpel= Get(Tabel MatPel)

Nilai_KKM=Get(Tabel Matpel)

Min_Rapor_Matpel = MIN(Nilai_Rapor_Siswa_Kelas)

Max_Rapor_Matpel = MAX(Nilai_Rapor_Siswa_Kelas)

Tampilkan Kode_Matpel, Matpel, Nilai

KKM, Rata_Rapor_Matpel,

Min_Rapor_Matpel, Max_Rapor_Matpel

End Of File

?

False

Mulai

Selesai

True

Gambar 5 Perancangan Proses Evaluasi Per Tahun Akademik

Tujuan dari proses evaluasi hasil studi per tahun akademik adalah untuk

menampilkan nilai rapor semua mata pelajaran dari tiap tahun ajaran. Dari

evaluasi tersebut, dapat lihat nilai rata-rata rapor, nilai KKM, nilai tertinggi dan

nilai terendah untuk masing-masing mata pelajaran pada tahun ajaran tertentu

yang diinginkan.

Perancangan Proses Evaluasi Per Mata Pelajaran dapat dilihat pada

Gambar 6. Tujuan dari proses evaluasi hasil studi per mata pelajaran adalah untuk

menampilkan perkembangan nilai mata pelajaran tertentu berdasarkan tahun

ajaran. Dari evaluasi tersebut, dapat lihat dalam bentuk grafik perkembangan nilai

mata pelajaran yang meliputi nilai rata-rata, nilai KKM, nilai maksimal dan nilai

minimal.

13

Masukkan

Sekolah

Masukkan Kelas

Jml_siswa= get(Jumlah Siswa)

Masukkan Mata Pelajaran

Kode_matpel= Get(Tabel MatPel)

Nilai_KKM=Get(Tabel Matpel)

Tot_Nilai_Rapor_Siswa_Matpel_Th_Ajaran =

SUM(FilterByTh_Ajaran(Nilai_Rapor_Siswa_Matpel))

Min_Rapor_Matpel_Th_Ajaran =

MIN(FilterByTh_Ajaran(Nilai_Rapor_Siswa_Matpel)

Max_Rapor_Matpel_Th_Ajaran =

MAX(FilterByTh_Ajaran(Nilai_Rapor_Siswa_Matpel)

Tampilkan_Grafik :

1. Rata_Rapor_Matpel_Th_Ajaran

2. Min_Rapor_Matpel_Th_Ajaran

3. Max_Rapor_Matpel_Th_Ajaran

4. Nilai_KKM

End Of File

?

Mulai

Selesai

True

Th_Ajaran = Get(Tabel_Th_Ajaran)

Rata_Rapor_Matpel_Th_Ajaran =

Tot_Nilai_Rapor_Siswa_Matpel_Th_Ajaran / Jml_siswa

False

Gambar 6 Perancangan Proses Evaluasi Per Mata Pelajaran

Untuk dapat membangun sebuah aplikasi diperlukan sebuah tahap

perancangan aplikasi. Perancangan aplikasi menggunakan UML (Unified

Modelling Language) karena aplikasi dibangun berbasis web dengan framework

codeigniter, sehingga konsep pemrograman yang dipergunakan adalah

pemrograman berorientasi obyek. UML (Unified Modelling Language) adalah

"bahasa" standar dalam industri untuk visualisasi, merancang dan

mendokumentasikan sistem piranti lunak berbasis Object Oriented.

Use case diagram merupakan gambaran fungsionalitas dari suatu sistem.

Dari use case diagram dapat digambarkan fungsi-fungsi apa saja yang dapat

dikerjakan oleh aktor yang berinteraksi dengan sistem. Fungsionalitas dari

aplikasi portal sistem informasi sekolah ditunjukkan pada Gambar 7.

14

Lihat Evaluasi Hasil Studi

Tambah Pengumuman

Ubah Pengumuman

Hapus Pengumuman

Kelola Pengumuman

<<extend>>

<<extend>><<extend>>

Kelola Galeri

Ubah Galeri Hapus Galeri

Tambah Galeri

<<extend>>

<<extend>><<extend>>

Pengumuman

<<extend>>

Galeri

<<extend>>

Evaluasi Per Tahun Akademik.

Pilih Kelas Pilih MatPel View Grafik

Evaluasi Per Matapelajaran.

Pilih Sekolah

<<include>>

<<include>> <<include>> <<include>>

Pilih Sekolah. Pilih Tahun Ajaran Pilih Kelas. View Tabel

<<include>>

<<include>> <<include>> <<include>>

Guest

Admin Portal SIS

Admin Sekolah

<<extend>>

<<extend>>

Gambar 7 Use Case Diagram Aplikasi

Activity diagram menggambarkan bagaimana alur kerja atau workflow dari

aplikasi portal sistem informasi sekolah. Activity diagram untuk rancangan

aplikasi portal sistem informasi sekolah ditunjukkan pada Gambar 8.

Mulai

Input Username &

Password

Selesai

Tambah

Ubah

Hapus

Benar ?

Login

Logout

Kelola

Kelola

Pengumuman

Kelola Galeri

Pengumuman

Galeri

Evaluasi Hasil

Studi

Tidak

Ya

SistemAdmin Portal SIS/Admin Sekolah

Gambar 8 Activity Diagram Aplikasi Portal Sistem Informasi Sekolah

15

Sequence diagram adalah suatu diagram yang menggambarkan interaksi

antar obyek dan mengindikasikan komunikasi diantara obyek-obyek tersebut.

Sequence diagram ini juga menunjukkan serangkaian pesan yang dipertukarkan

oleh obyek-obyek yang melakukan suatu tugas atau aksi tertentu. Sequence

diagram yang menjadi utama pada penelitian ini adalah sequence diagram

evaluasi hasil studi, yaitu Evaluasi Per Tahun Akademik dan Evaluasi Per Mata

Pelajaran yang terlihat pada Gambar 9.

: Guest. : Beranda : Evaluasi Hasil Studi : Evaluasi Per Tahun

Akademik

: Evaluasi Per

Matapelajaran

: Entity

1: Buka Beranda

2: Pilih Evaluasi Hasil Studi

3: Klik Evaluasi Per Tahun Akademik

4: Pilih Sekolah, Tahun Ajaran & Kelas

5: Menampilkan Hasil Evaluasi Per Tahun Akademik

6: Klik Evaluasi Per Matapelajaran

7: Pilih Sekolah, Kelas dan Matapelajaran

8: Menampilkan Hasil Evaluasi Per Matapelajaran

Gambar 9 Sequence Diagram Evaluasi Hasil Studi

: Admin Portal & Sekolah

: Beranda : Kontrol : Menu Admin : Kelola-Galeri : Tambah : Ubah : Hapus : Entity

1: Login

2: Input Username & Password

3: Username & Password benar

4: Username & Password salah

7: Simpan

8: Konfirmasi

9: Tampil

10: Simpan

11: Konfirmasi

12: Tampil

13: Simpan

14: Konfirmasi

15: Tampil

5: Klik Kelola Galeri

6: Klik Tambah

Gambar 10 Sequence Diagram Kelola Galeri

16

Sedangkan sequence diagram kelola galeri yang ditunjukkan pada Gambar 10

merupakan alur interaksi antara obyek tampilan (view) dengan obyek-obyek yang

lain didalam aplikasi untuk seorang aktor yaitu admin portal dan admin sekolah

dalam melakukan kelola galeri, antara lain tambah, edit dan hapus galeri.

: Admin Portal & Sekolah

: Beranda : Kontrol : Menu Admin : Kelola-Pengumuman

: Tambah : Ubah : Hapus : Entity

1: Login

2: Input Username & Password

3: Username & Password benar

4: Username & Password salah

7: Simpan

8: Konfirmasi

9: Tampil

11: Simpan

12: Konfirmasi

13: Tampil

15: Simpan

16: Konfirmasi

17: Tampil

5: Klik Kelola Pengumuman

6: Klik Tambah

10: Klik Ubah

14: Klik Hapus

Gambar 11 Sequence Diagram Kelola Pengumuman

Sequence diagram kelola pengumuman yang ditunjukkan pada Gambar 11

merupakan alur interaksi antara obyek tampilan (view) dengan obyek-obyek yang

lain didalam aplikasi untuk seorang aktor yaitu admin portal dan admin sekolah

dalam melakukan kelola pengumuman, antara lain tambah, edit dan hapus

informasi pengumuman.

Class diagram menggambarkan interaksi antar class serta atribut-atribut

yang melekat pada class tersebut. Pada Gambar 12 berikut merupakan class

sistem yang dikembangkan.

17

Gambar 12 Class Diagram Aplikasi

Pada aplikasi portal sistem informasi sekolah memiliki basis data guna

menyimpan informasi pengumuman dan galeri kegiatan dari semua sekolah yang

dimiliki yayasan. Oleh karena itu, pada basis data tersebut hanya didesain

memiliki 2 (dua) tabel, yaitu tabel pengumuman dan tabel galeri.

Tabel Galeri didesain untuk menyimpan informasi galeri kegiatan tiap

sekolah pada yayasan Yohanes Gabriel Sub Perwakilan Rembang. Hal ini

dilakukan supaya tiap sekolah memiliki keseragaman informasi. Untuk lebih jelas,

data pada tabel galeri dapat dilihat pada Tabel 1.

Tabel 1 Perancangan Basis Data Tabel Galeri

No Nama Field Type Data Ukuran Keterangan

1 ID Int 11 Auto Increment

2 Judul Varchar 200

3 Keterangan Text

4 Picture Varchar

5 Tanggal Date

6 Username Varchar 50

7 Oleh Varchar 50

Tabel Pengumuman didesain untuk menyimpan informasi kegiatan yang

akan dilaksanakan masing-masing sekolah pada yayasan Yohanes Gabriel Sub

Perwakilan Rembang. Hal ini dilakukan supaya pihak yayasan memiliki satu

pusat informasi atau pusat pengumuman bagi internal maupun eksternal yayasan.

Untuk lebih jelas, data pada tabel pengumuman dapat dilihat pada Tabel 2.

18

Tabel 2 Perancangan Basis Data Tabel Pengumuman

No Nama Field Type Data Ukuran Keterangan

1 ID Int 11 Auto Increment

2 Judul Varchar 100

3 Prakata Varchar 100

4 Foto Varchar 100

5 Isi Text

6 Tanggal Date

7 Tanggal Akhir Date

8 Oleh Varchar 30

9 Username Varchar 50

4. Hasil dan Pembahasan

Pada bagian ini memuat hasil dan pembahasan yang meliputi

implementasi dan hasil analisa. Berdasarkan pembahasan, akan dilakukan

sesuai dengan yang tertulis dalam bagian perancangan. Sedangkan analisis

merupakan hasil dari yang telah diuji dari aplikasi. Aplikasi dibangun

menggunakan bahasa pemprograman PHP dan framework CodeIgniter.

Penggunaan framework CodeIgniter membangun sistem ini dapat dimudahkan

karena sudah mendukung HTML 5 untuk tampilan, serta sudah mendukung

Object Oriented Programming sehingga dapat mempermudah pembuatan maupun

pengembangan sistem. Database yang digunakan menggunakan MySql, MySql

mendukung berbagai sistem operasi. Selain itu, MySql juga dapat menangani

multiuser sehingga dapat diakses beberapa user dalam waktu bersamaan. Saat

menampilkan grafik menggunakan canvas HTML 5 sehingga grafik dapat

ditampilkan secara atraktif.

Pada bagaian ini akan menjelaskan proses melihat evaluasi hasil studi

dalam suatu kelas paralel per tahun akademik. Pada proses pertama user akan

memilih sekolah, selanjutnya akan memilih tahun akademik dan proses

selanjutnya memilih kelas paralel, hasil implementasi dapat dilihat pada Gambar

13.

Gambar 13 Layout Halaman Evaluasi Per Tahun Akademik

Evaluasi tersebut digunakan oleh kepala sekolah untuk mengevaluasi

matapelajaran per kelas pada SDK Santa Maria kelas 3A tahun akademik 2011-

19

2012 . Tiap matapelajaran terdapat nilai KKM sebagai syarat nilai minimal,

misalkan IPA KKM 70, rata-rata raport 82,82 dan nilai terendah di atas KKM

maka semua siswa dinyatakan lulus/ berhasil. Contoh lain matapelajaran Seni

Budaya dan Ketrampilan yang memiliki nilai KKM 70, rata-rata raport 52,75 dan

nilai terendah 53,79 maka proses PBM di kelas 3A dinyatakan tidak berhasil.

Pada Gambar 12 merupakan tampilan evaluasi hasil studi siswa per tahun

akademik. Proses dari Gambar 12 dibagi menjadi dua bagian, yang pertama proses

mengambil data dari database dan proses selanjutnya menampilkan data tersebut.

Proses mengambil data dapat dilihat pada Kode Program 1.

Kode Program 1 Proses mengambil data dari database

.

Penjelasan Kode Program 1 sebagai berikut :

- Baris 1 kode program berisi query string untuk mengambil data

- Baris 2 mengambil data dari database dengan querystring dari baris 1

- Baris 3 kode program untuk mengembalikan data.

Proses selanjutnya menampilkan data ke dalam tabel, proses tersebut dapat dilihat

pada Kode Program 2.

Kode Program 2 Proses menampilkan data

.

1. <tr>

2. <th>No</th>

3. <th>Kode Matpel</th>

4. <th>Nama Matpel</th>

5. <th>Nilai KKM</th>

6. <th>Rata-rata Raport</th>

7. <th>Nilai Tertinggi</th>

8. <th>Nilai Terendah</th>

9. <tr>

1. $query_str = "SELECT n.kode_guru_matpel, AVG(ns.raport)

rata,MIN(ns.raport) rendah, MAX(ns.raport) tinggi FROM

nilai n LEFT OUTER JOIN nilai_sem ns ON ns.id = n.id WHERE

n.kode_guru_matpel = '$kode'";

2. $dataSiswa = $this->db->query($query_str); 3. return $dataSiswa->result();

10. <?php $i=1;foreach($matpel as $valMatpel){ $nilaiBool =

FALSE; ?>

11. <tr>

12. <td><?php echo $i++;?></td>

13. <td><?php echo $valMatpel->kode_guru_matpel?></td>

14. <td><?php echo $valMatpel->nama_matpel?></td>

15. <td><?php echo $valMatpel->kkm_sem2?></td>

16. <?php foreach($nilai as $valNilai => $keyNilai){?>

17. <?php if($keyNilai[0]->kode_guru_matpel == $valMatpel-

>kode_guru_matpel){ $nilaiBool = TRUE;?>

18. <td><?php echo $keyNilai[0]->rata?></td>

19. <td><?php echo $keyNilai[0]->tinggi?></td>

20. <td><?php echo $keyNilai[0]->rendah?></td>

21. <?php }?>

22. <?php }

23. if($nilaiBool == FALSE){?>

24. <td>0</td>

25. <td>0</td>

26. <td>0</td><?php }?>

27. </tr>

20

Penjelasan Kode Program 2 sebagai berikut :

- Baris 1-9 kode program untuk menampilkan judul pada tabel

- Baris 10 kode program untuk perulangan data nilai

- Baris 12 kode program untuk menampilkan no urut

- Baris 13 kode program untuk menampilkan kode matapelajaran

- Baris 14 kode program untuk menampilkan nama matapelajaran

- Baris 15 kode program untuk menampilkan nilai kkm

- Baris 16 - 26 kode program untuk menampilkan nilai rata-rata, tertinggi

dan terendah

Selanjutnya, pada bagaian ini akan menjelaskan proses melihat evaluasi

hasil studi suatu mata pelajaran dalam suatu kelas per tahun akademik. Pada

proses pertama user akan memilih kelas, selanjutnya akan memilih mata

pelajaran, hasil implementasi dapat dilihat pada Gambar 14.

Gambar 14 Layout Halaman Evaluasi Per Mata Pelajaran

Pada Gambar 14 merupakan tampilan evaluasi hasil studi siswa per mata

pelajaran dalam kurun waktu tahun akademik. Proses dari Gambar 14 dibagi

menjadi dua bagian, yang pertama proses mengambil data dari database dan

proses selanjutnya menampilkan data kedalam grafik. Proses mengambil data

dapat dilihat pada Kode Program 3.

21

Kode Program 3 Proses mengambil data dari database

.

Penjelasan Kode Program 3 sebagai berikut :

- Baris 1 kode program berisi query string untuk mengambil data

- Baris 2 mengambil data dari database dengan querystring dari baris 1

- Baris 3 kode program untuk mengembalikan data.

5. Uji Sistem Target pengujian sistem diantaranya dalam hal pengelolaan pengumuman

dan galeri sekolah. Selain itu juga untuk menampilkan evaluasi hasil studi per

tahun akademik dan per matapelajaran. Target lain juga untuk menguji

kemampuan portal sebagai penghimpun alamat aplikasi milik yayasan yang lain

seperti aplikasi akademik dan aplikasi tes online. Oleh karena itu, mapping

responden yang akan diberi kuesioner adalah Ketua yayasan, Administrator

yayasan yang berjumlah 1 orang, Administrator sekolah di bawah yayasan yang

menjabat sebagai guru/karyawan sebanyak 7 karena jumlah sekolah di bawah

yayasan ada 7 sekolah untuk menjalankan sebagai aktor pengelola pengumuman

dan galeri dalam aplikasi portal, serta Kepala sekolah dari jumlah 7 sekolah untuk

menguji bagian evaluasi hasil studi.

Pada pengujian sistem, analisis pengujian aplikasi ini akan dilakukan

dengan dua metode. Metode pertama yaitu dengan metode alpha atau blackbox

seperti Tabel 3

Tabel 3. Pengujian dengan metode Blackbox

No Spesifikasi Input Output Status

1 Login - Username dan Password

Salah

- Username dan password

Benar

- Muncul pesan error

- Dapat Masuk Aplikasi

Valid

Valid

2 Halaman Evaluasi

Hasil Studi Per

Tahun Akademik

- Memilih Sekolah, Tahun

Akademik dan Kelas

- Data nilai seluruh

mata pelajaran

Valid

3 Halaman Evaluasi

Hasil Studi Per

Mata Pelajaran

- Memilih Sekolah, Kelas dan

Mata Pelajaran

- Data nilai mata

pelajaran

Valid

4 Kelola

Pengumuman

- Tambah pengumuman

- Ubah Pengumuman

- Hapus Pengumuman

- Data pengumuman

- Data pengumuman

- Data terhapus

Valid

Valid

Valid

1. $query_str = "SELECT n.kode_guru_matpel, AVG(ns.raport)

rata,MIN(ns.raport) rendah, MAX(ns.raport)

tinggi,n.tahun_pelajaran,gm.kkm_sem2,dm.nama_matpel

FROM nilai n

LEFT OUTER JOIN nilai_sem ns ON ns.id = n.id

LEFT OUTER JOIN guru_matpel gm ON gm.kode_guru_matpel =

n.kode_guru_matpel

LEFT OUTER JOIN data_matpel dm ON dm.kode_matpel =

gm.kode_matpel

WHERE n.kode_guru_matpel = '$kode' ";

2. $dataSiswa = $this->db->query($query_str); 3. return $dataSiswa->result();

22

Pengujian juga dilakukan dengan metode uji respondensi yaitu diuji oleh 16

(enambelas) responden dengan cara mengoperasikan aplikasi lalu mengisi

kuesioner. Hasil uji respondensi terhadap sistem notifikasi bisnis yaitu jumlah

responden menjawab Setuju berjumlah 48.3% dan Sangat Setuju berjumlah 51.7%

maka dapat disimpulkan bahwa aplikasi sistem dapat memenuhi kebutuhan

pengguna.

6. Simpulan Berdasarkan hasil dari perancangan dan implementasi portal sistem

informasi sekolah berbasis berbasis client-server, maka diperoleh kesimpulan

yaitu pertama, portal sistem informasi sekolah dirancang dengan model two tier

client-server, yaitu sisi client adalah portal sistem informasi sekolah khususnya

pada proses login dan informasi evaluasi hasil studi, sedangkan sisi server adalah

basis data pada sistem akademik. Kedua, aplikasi client-server portal sistem

informasi sekolah diimplementasikan menggunakan teknologi web, sehingga

dapat diakses secara online oleh publik.

Saran pengembangan pada portal sistem informasi sekolah berbasis

berbasis client-server yaitu dapat ditambahkan layanan evaluasi hasil studi untuk

tiap tingkat (semua kelas parallel) sekolah. Saran selanjutnya adalah dilakukan

analisis hasil proses belajat mengajar di tiap sekolah.

7. Pustaka

[1]. Setiawan, J., 2011, Perancangan dan Implementasi Sistem Informasi

Penjualan Obat di Apotek Berbasis Client Server, Salatiga : FTI UKSW.

[2]. Saputra, B., 2010, Perancangan Dan Implementasi Sistem Inventori

Berbasis Client Server, Salatiga : FTI UKSW.

[3]. Aini, A., 2009, Sistem Informasi Geografis Pengertian dan Aplikasinya,

http://www.google.com/url?sa=t&rct=j&q=&esrc=s&source=web&cd=15

&cad=rja&ved=0CEIQFjAEOAo&url=http%3A%2F%2Fp3m.amikom.ac.i

d%2Fp3m%2Fdasi%2Fjuni07%2F02%2520-

%2520STMIK%2520AMIKOM%2520Yogyakarta%2520Sistem%2520Infor

masi%2520Geografi%2C%2520Pengertian%2520dan%2520Pemanfaatann

ya.pdf&ei=Xv_oUtyJNsTRrQeqsYCYAw&usg=AFQjCNG6Yya1ejKHnCV0

mI1sI8e7ZNK_Sw, diakses pada tanggal 21 September 2013

[4]. User_guide, A Fully Baked PHP Framework, http://Codeigniter.com,

diakses tanggal 21 September 2013

[5]. Upton, D., 2007, CodeIgniter for Rapid PHP Application Development

Improve your PHP coding productivity with the free compact open-source

MVC CodeIgniter framework, Birmingham : Packt Publishing Ltd.

[6]. Irawan B., 2005, Konsep Dasar Jaringan Komunikasi, Yogyakarta: Graha

Ilmu

[7]. Pressman, R. S., 1997, Rekayasa Perangkat Lunak: Pendekatan Praktisi

(Edisi Satu), Yogyakarta : Andi