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 6
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 7
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]. 8
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 9
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. - Get & Set Nilai Ulangan Harian - Get & Set Nilai Tugas
- Autentikasi Login
L
UR
L
Aplikasi Akademik
Aplikasi Tes Online
Database Tes Online
UR
Database Akademik
- Autentikasi Login - Evaluasi Hasil Studi Aplikasi Portal Yayasan Database Portal Yayasan
Client
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 10
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. Requirements
Design
Implementation
Verification
Maintenance 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.
11
Mulai
Masukkan Kelas Jml_siswa= get(Jumlah Siswa)
Masukkan Sekolah Kode_matpel= Get(Tabel MatPel) Nilai_KKM=Get(Tabel Matpel) Masukkan Tahun Ajaran Rata_Rapor_Matpel = SUM(Nilai_Rapor_Siswa) / Jml_siswa
Min_Rapor_Matpel = MIN(Nilai_Rapor_Siswa_Kelas)
False
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 ?
True Selesai
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. 12
Masukkan Mata Pelajaran Kode_matpel= Get(Tabel MatPel) Nilai_KKM=Get(Tabel Matpel)
Mulai
Masukkan Sekolah Th_Ajaran = Get(Tabel_Th_Ajaran) Masukkan Kelas Jml_siswa= get(Jumlah Siswa) Tot_Nilai_Rapor_Siswa_Matpel_Th_Ajaran = SUM(FilterByTh_Ajaran(Nilai_Rapor_Siswa_Matpel))
Rata_Rapor_Matpel_Th_Ajaran = Tot_Nilai_Rapor_Siswa_Matpel_Th_Ajaran / Jml_siswa
False 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 ?
True Selesai
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.
13
<
>
Hapus Pengumuman Pengumuman <<extend>> <<extend>>
<<extend>> Ubah Pengumuman
Pilih Sekolah.
<>
Pilih Tahun Ajaran
<>
Pilih Kelas.
View Tabel
<>
<<extend>> Tambah Pengumuman
Kelola Pengumuman Evaluasi Per Tahun Akademik. <<extend>>
Admin Portal SIS
Lihat Evaluasi Hasil Studi<<extend>>
Guest
Evaluasi Per Matapelajaran. <>
<<extend>>
Kelola Galeri <<extend>> <<extend>> <<extend>>
Admin Sekolah
Tambah Galeri
<>
Pilih Sekolah Ubah Galeri
Hapus Galeri
<> Pilih Kelas
<>
Pilih MatPel
View Grafik
Galeri
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. Admin Portal SIS/Admin Sekolah
Sistem
Mulai Login
Input Username & Password
Tidak
Benar ? Evaluasi Hasil Studi Ya Pengumuman
Galeri
Kelola
Tambah Kelola Pengumuman Ubah
Kelola Galeri Hapus
Logout
Selesai
Gambar 8 Activity Diagram Aplikasi Portal Sistem Informasi Sekolah
14
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 1: Login
: Beranda
: Kontrol
: Menu Admin
: Kelola-Galeri
: Tambah
: Ubah
: Hapus
2: Input Username & Password 3: Username & Password benar 4: Username & Password salah 5: Klik Kelola Galeri 6: Klik Tambah 7: Simpan
8: Konfirmasi 9: Tampil 10: Simpan
11: Konfirmasi 12: Tampil 13: Simpan
14: Konfirmasi 15: Tampil
Gambar 10 Sequence Diagram Kelola Galeri
15
: Entity
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 & : Beranda Sekolah 1: Login
: Kontrol
: Menu Admin
: KelolaPengumuman
: Tambah
: Ubah
: Hapus
: Entity
2: Input Username & Password 3: Username & Password benar 4: Username & Password salah 5: Klik Kelola Pengumuman 6: Klik Tambah 7: Simpan
8: Konfirmasi
9: Tampil 10: Klik Ubah 11: Simpan
12: Konfirmasi 13: Tampil
14: Klik Hapus 15: Simpan 16: Konfirmasi 17: Tampil
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.
16
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. No 1 2 3 4 5 6 7
Tabel 1 Perancangan Basis Data Tabel Galeri Nama Field Type Data Ukuran Keterangan ID Int 11 Auto Increment Judul Varchar 200 Keterangan Text Picture Varchar Tanggal Date Username Varchar 50 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.
17
No 1 2 3 4 5 6 7 8 9
Tabel 2 Perancangan Basis Data Tabel Pengumuman Nama Field Type Data Ukuran Keterangan ID Int 11 Auto Increment Judul Varchar 100 Prakata Varchar 100 Foto Varchar 100 Isi Text Tanggal Date Tanggal Akhir Date Oleh Varchar 30 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 201118
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 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();
.
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. 2. 3. 4. 5. 6. 7. 8. 9.
| No | Kode Matpel | Nama Matpel | Nilai KKM | Rata-rata Raport | Nilai Tertinggi | Nilai Terendah |
10. 11. |
12. | 13. kode_guru_matpel?> | 14. nama_matpel?> | 15. kkm_sem2?> | 16. $keyNilai){?> 17. kode_guru_matpel == $valMatpel>kode_guru_matpel){ $nilaiBool = TRUE;?> 18. rata?> | 19. tinggi?> | 20. rendah?> | 21. 22. 24. 0 | 25. 0 | 26. 0 | 27.
19
.
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.
20
Kode Program 3 Proses mengambil data dari database 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();
.
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 No 1
2
3
4
Tabel 3. Pengujian dengan metode Blackbox Spesifikasi Input Output Login - Username dan Password - Muncul pesan error Salah - Dapat Masuk Aplikasi - Username dan password Benar Halaman Evaluasi - Memilih Sekolah, Tahun - Data nilai seluruh Hasil Studi Per Akademik dan Kelas mata pelajaran Tahun Akademik Halaman Evaluasi - Memilih Sekolah, Kelas dan - Data nilai mata Hasil Studi Per Mata Pelajaran pelajaran Mata Pelajaran Kelola - Tambah pengumuman - Data pengumuman Pengumuman - Data pengumuman - Ubah Pengumuman - Data terhapus - Hapus Pengumuman
21
Status Valid
Valid Valid
Valid
Valid
Valid Valid
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
22
