View
16
Download
0
Category
Preview:
Citation preview
Perancangan Sistem Informasi Pengolahan Data Alumni
Sekolah Berbasis Website Menggunakan
Framework CodeIgniter
(Studi Kasus: SMA Kristen Purwodadi)
Artikel Ilmiah
Diajukan kepada
Fakultas Teknologi Informasi
untuk memperoleh Gelar Sarjana Komputer
Peneliti :
Tikka Prabowo Ardy Priambodo (672013134)
Christine Dewi, S.Kom., M.Cs.
Program Studi Teknik Informatika
Fakultas Teknologi Informasi
Universitas Kristen Satya Wacana
Salatiga
Juni 2017
2
3
4
5
6
1. Pendahuluan
SMA Kristen Purwodadi adalah Yayasan Perguruan Kristen Salatiga dengan Cabang
Yayasan Perguruan Kristen di Purwodadi yang mendirikan SMA B.C. Kristen Purwodadi,
pada 1 September 1961 dengan SK No. 163/381, yang berlokasi di jalan Panti Rapih No. 3
(yang sekarang ditepati SMK Kristen). Lokasi SMA Kristen pada tahun 1978 pindah ke jalan
Panjaitan jadi satu dengan SMP Kristen Widya Wacana Purwodadi. Kemudian dua kelas
terletak digedung jalan kartini (yang sekarang ditempati TK Kristen). Pada tahun 1995 SMA
Kristen yang berlokasi di Jl. Panjaitan diipindahkan di jalan Tendean No. 15. SMA Kristen
Purwodadi memiliki 12 kelas (4 kelas X, 2 kelas XI IPS, 2 kelas XI IPA, 2 kelas XII IPS,
dan 2 kelas XII IPA Lengkap dengan Lab. Kimia, Fisikia Biologi, Musik, Bahasa, Komputer,
perpustakaan, Mushola, kantin, lapangan basket, voli dan sepak bola [12].
Dalam upaya peningkatan mutu sebuah sekolah tidak bisa dibebankan hanya pada
sekolah. Dalam Manajemen Peningkatan Mutu Berbasis Sekolah (MPMBS) diperlukan
sinergi dan kerjasama antara beberapa komponen yang melingkupi sekolah (Departemen
Pendidikan Nasional, 2002). Di antara komponen tersebut adalah alumni. Alumni merupakan
aset penting yang harus dirangkul dan dikembangkan sedini mungkin peran alumni antara
lain, sebagai katalis dengan memberikan berbagai masukan membangun kepada almamater
dan diharapkan mampu mengembangkan jaringan serta membangun pencitraan institusi di
luar. Kerjasama dan sinergi yang harmonis antara sekolah dengan alumni akan memiliki
dampak yang besar bagi pengembangan [1].
Berdasarkan data angka kelulusan yang sudah di dapat dari tahun 2004-2017
berjumlah 2.086 pelajar yang terdiri dari 2 jurusan yang diataranya IPA dan IPS, jumlah
pelajar IPA 1.163 pelajar IPS 887 pelajar. laki-laki jurusan IPA 423 pelajar, perempuan
jurusan IPA 759 pelajar sedangkan laki-laki jurusan IPS 554 pelajar, perempuan jurusan IPS
333 pelajar, dari data yang sudah peroleh disimpulkan bahwa jumlah persen angka kelulusan
dari tahun 2004-2017 berkisar 94,58%. Dari data yang diperoleh maka dibutuhkan sebuah
sistem yang mampu mengelola data alumni sehingga semua data alumni yang ada bisa
tersimpan dan mudah dicari bila sewaktu-waktu dibutuhkan. Pengolahan data alumni yang
ada di SMA Kristen Purwodadi sekarang masih menggunakan dokumen tertulis sehingga
dokumen tersebut akan rawan hilang dan sulit dicari jika dibutuhkan, maka sistem tersebut
juga harus bisa meminimalisir kemungkinan terjadi kesalahan seperti dokumen yang hilang
atau tertukar.
Berdasarkan permasalahan yang ada, maka dirancanglah Sistem Informasi
Pengolahan Data Alumni Sekolah Berbasis Website yang diharapkan Dengan sistem
informasi ini diharapkan dapat membantu pengelolaan data alumni sekolah. Selanjutnya,
sistem informasi ini diharapkan dapat menghasilkan informasi yang dibutuhkan oleh sekolah
dalam mengelola sumber daya manusia yang berasal dari alumni sekolah serta hubungan
sekolah dengan alumni menjadi lebih baik.
Sistem Informasi Pengolahan Data Alumni Sekolah Berbasis Website dibangun
dengan menggunakan framework CodeIgniter karena framework CodeIgniter mendukung
7
Model View Controller (MVC) sehingga pembuatan sebuah website akan menjadi lebih
terstruktur [2]. Framework CodeIgniter juga menyediakan bermacam-macam library yang
akan mempermudah pembangunan website diantaranya adalah library session, dan library
dompdf yang akan digunakan dalam penelitian ini. Kerangka tampilan dibangun dengan
menggunakan framework Bootsrap untuk menghasilkan tampilan yang responsive.
Rumusan masalah pada penelitian yang dilakukan yaitu bagaimana menghasilkan
Perancangan Sistem Informasi Pengolahan Data Alumni Sekolah Berbasis Website
Menggunakan Framework CodeIgniter. Batasan masalah ini diarakankan pada pembuatan
perangkat lunak pengelolaan data alumni sekolah berbasis website. Perangkat lunak ini
memiliki fungsi utama untuk melakukan penambahan, perubahan, penghapusan, pencarian
data, menampilkan berita informasi, serta menampilkan postingan alumni.
2. Kajian Pustaka
Penelitian yang digunakan sebagai acuan dalam penelitian ini terdapat dua penelitian.
Penelitian pertama dilakukan pada tahun 2011, yaitu penelitian yang berjudul Pengembangan
sistem informasi alumni berbasis web menggunakan PHP dan MYSQL di SMA Negeri 2
Nganjuk adalah sebuah rangkaian prosedur formal data orang-orang yang telah tamat dari
SMA Negeri 2 Nganjuk dengan pengelompokan, proses menjadi informasi, dan membentuk
satu rangkaian bangunan terkait dengan link-link serta media internet dalam
pendistribusiannya dan menggunakan bahasa pemrograman PHP dan MYSQL dalam
pengembangannya [3].
Penelitian kedua dilakukan pada tahun 2013. Penelitian yang berjudul Sistem
Informasi Pendataan Alumni pada STMIK U‟Budiyah dalam penelitian ini pembuatan
aplikasi dengan menggunakan bahasa pemograman yang telah banyak digunakan yaitu PHP
dan MySQL dan membuat laporan data-data tersebut menggunakan FPDF. Metode
Pengumpulan Data dalam penelitian ini mengenai sistem informasi pendataan alumni pada
STMIK berbasis web. Penelitian ini menunjukkan hasil bahwa untuk menyajikan informasi
Alumni STMIK U‟Budiyah Indonesia yang meliputi penyajian data alumni. Serta informasi
lainnya yang dirasa perlu untuk disajikan pada saat dibutuhkan seperti, memudahkan
pencarian alumni lama atau baru. Pengembangan sistem informasi berbasis web ini, maka
penanganan terhadap perubahan data baik itu penambahan, pengurangan atau pencarian data
akan lebih mudah [4].
Berdasarkan penelitian yang pernah dilakukan sebelumnya terkait dengan Alumni
Sekolah maka akan dilakukan penelitian yang membahas tentang perancangan Sistem
Informasi Pengolahan Data Alumni Sekolah Berbasis Website dibangun dengan
menggunakan framework CodeIgniter di SMA Kristen Purwodadi. Kaitan penelitian pertama
yang dapat dijadikan acuan untuk mendukung penelitian ini adalah website digunakan untuk
media informasi dan pengolahan data-data orang-orang yang telah tamat, sedangkan
penelitian kedua adalah website digunakan untuk membantu memudahkan pencarian alumni
lama atau baru. Perbedaan penelitian yang dilakukan saat ini adalah membahas sistem
8
informasi pengolahan data alumni sekolah yang diharapkan dapat mempermudah SMA
Kristen dalam pengelolaan data alumni. Website yang dibangun menggunakan teknologi
framework CodeIgniter, menggunakan MVC (Model View Controller) yang diharapkan
dalam penulisan sourcecode agar lebih rapi sehingga mudah untuk kegiatan perbaikan dan
pengembangan aplikasi.
Sistem Informasi merupakan kesatuan elemen-elemen yang saling berinteraksi secara
sistematis dan teratur untuk menciptakan dan membentuk aliran informasi yang akan
mendukung pembuatan keputusan dan melakukan kontrol terhadap jalannya perusahaan [5].
PHP (Hypertext Preprocessor) dahulu dikenal sebagai Personal Home Page,
sekarang PHP yang merupakan program yang dikembangkan secara bersama oleh para
programmer dari seluruh dunia yang menekuni dunia open source. PHP dikembangkan
khusunya untuk mengakses dan memanipulasi data yang ada di basis data server open source
seperti MySQL [6].
Framework Codeigniter adalah sebuah framework yang dibangun menggunakan php,
zaman sekarang banyak perusahaan yang menginginkan develop yang bisa membuat
program menggunakan codeigniter. Kelebihan dari Codeigniter terletak pada kode yang
stabil, mendukung konsep MVC, apa itu konsep mvc ini? MVC adalah singkatan dari model
view controller yang bermakna bahwa model adalah basis dari segala data dan umumnya
data diambil dari basis data sistem seperti mysql, postgresql, atau sqlite, sedangkan view
adalah tampilan dari segala hasil atau output dan juga template atau tema program, sedangkan
controller adalah tempat pemrosesan data, dan aksi pada sebuah program [7].
Framework Bootstrap adalah framework HTML, CSS, dan JS yang paling populer
digunakan untuk pengembangan responsive, projek mobile pertama kali di web. Jadi, Anda
bisa menggunakan framework Bootstrap ini untuk projek-projek desain web Anda yang
responsive tidak perlu lagi membuat media queries sendiri. Semuanya sudah terdapat di
dalam framework Bootstrap [8].
Simple Mail Transfer Protocol (SMTP) adalah protokol pada jaringan internet yang
berfungsi untuk mengirimkan pesan email agar tepat waktu dan efisien kepada penerima.
Berbeda dengan POP3 (Post Office Protocol 3) atau IMAP (Internet Message Access
Protocol) yang merupakan protokol untuk menerima pesan email, SMTP membuat perintah
untuk mengontrol negosiasi dan transmisi melalui koneksi data stream Transfer Control
Protocol (TCP). SMTP ini berada pada layer aplikasi (application layer) pada model OSI,
dimana layer aplikasi ini berfungsi untuk menjalankan proses aplikasi dari pengguna seperti
untuk sinkronisasi komunikasi, penentuan sumber daya jaringan, dan identifikasi partner
komunikasi [9].
3. Metode dan Perancangan Sistem
Tahapan penelitian yang akan dilakukan dalam penelitian ini terdiri dari lima tahapan
yaitu: 1) Identifikasi Masalah. 2) Perancangan Sistem. 3) Pembuatan Sistem. 4)Implementasi
dan Pengujian Sistem serta Analisis Hasil Pengujian. 5) Penulisan Laporan Hasil Penelitian.
9
Gambar 1 Tahap Penelitian [8]
Tahapan penelitian pada Gambar 1 dijelaskan sebagai berikut, tahap pertama
mengidentifikasi masalah, pada tahap ini dilakukan analisis terhadap permasalahan yang
terjadi pada SMA Kristen Purwodadi dengan cara melakukan wawancara kepada kepala
sekolah, pegawai sekolah tentang masalah yang menjadi penghabat proses bisnis. Tahap
selanjutnya adalah perancangan sistem, pada tahap ini pembuatan perancangan sistem
dengan menggunakan Unified Modeling Language (UML) dan perancangan desain untuk
user interface yang meliputi use case, class digram dan activity diagram. Tahap ketiga
adalah pembuatan sistem, pada tahap ini dibangun berdasarkan kebutuhan user sesuai dengan
perancangan sistem yang telah dibuat sebelumnya. Tahap keempat adalah pengujian sistem
dan implementasi, pada tahap ini dilakukan implementasi dengan menguji sistem dan melihat
hasil sistem apakah sudah sesuai dengan konsep. Apabila masih terjadi kesalahan maka perlu
dilakukan perbaikan untuk mendapatkan hasil yang lebih baik. Tahap terakhir adalah tahap
penyusunan laporan, seluruh hasil penelitian dituliskan dalam sebuah laporan.
Prototyping Model dipilih sebagai metode pengembangan pada penelitian ini karena
dalam pengembangan sistem ini dilakukan komunikasi yang intensif dengan pengguna
sistem. Metode ini membantu pengembang dalam membentuk model dari sistem yang dibuat.
Metode ini dilakukan secara bertahap dimulai dari mengembangkan suatu prototype yang
sederhana untuk kemudian dapat dikembangkan kembali hingga sistem selesai
dikembangkan. Prototype merupakan bentuk dasar dari sistem atau subsistem [10]. Tahapan
dalam prototype dapat dilihat pada Gambar 2.
10
Gambar 2 Tahap Penelitian [11]
Adapun tahap-tahap yang dilakukan dalam Prototyping Model sebagai berikut:
Listen to customer (Pengumpulan Data dan Informasi) Pengumpulan data diperoleh
dari pegawai sekolah yang bernama wahningsih pada bulan juni. Data yang sudah
dikumpulkan, selanjutnya akan didefinisikan secara garis besar sistem serta kebutuhan dan
fungsi apa saja yang diperlukan untuk membangun aplikasi yang dapat meningkatkan kinerja
sekolah.
Build / revise mook-up (Membangun protoyping) Setelah pengumpulan data selesai di
lakukan, langkah berikutnya membuat prototyping dengan membuat sebuah rancangan
sistem sementara yang akan diberikan kepada user sehingga user juga dapat menilai apakah
rancangan sistem yang telah dibuat sudah sesuai dengan kebutuhan dan fungsi yang
diperlukan oleh user maupun admin.
Customer test drives mook-up (Evaluasi prototyping) Prototyping yang telah dibuat
akan diberikan kepada pihak sekolah yang membutuhkan aplikasi ini. Dalam pembuatan
aplikasi yang terdiri dari Admin, dan User sudah cukup memenuhi kebutuhan yang
diperlukan. Di dalam aplikasi ini pihak sekolah bisa mengolah data Alumni dan data artikel
yang meliputi berita, agenda. Untuk user dapat melihat semua data Alumni kemudian
mencetaknya. Jika prototyping telah sesuai dengan kebutuhan dari user maka akan
dilanjutkan proses selanjutnya dengan pembangunan aplikasi.
Pembangunan Aplikasi Prototyping yang sudah disepakati user dan admin akan
dijadikan acuan utama dalam pembangunan aplikasi. Pembangunan aplikasi dilakukan
dengan menerjemahkan prototyping ke dalam bahasa pemrograman PHP (Hypertext
Preprocessor) menggunakan Framework CodeIgniter sesuai dengan yang kebutuhan user
dan admin sampai proses pembangunan aplikasi selesai.
11
Menguji Sistem Program yang telah selesai dibangun selanjutnya akan diuji coba pada
tahap ini untuk mengetahui aplikasi yang dibangun telah berjalan dengan baik dan sesuai
dengan kebutuhan dan rancangan awal sistem.
Evaluasi Sistem Evaluasi akan dilakukan apabila aplikasi yang telah dibangun telah
selesai diuji cobakan. Apabila aplikasi ini sudah sesuai dengan harapan dari user dan admin,
maka akan dilanjutkan ketahap berikutnya yaitu penggunaan sistem. Jika masih ada
kekurangan atau tidak sesuai dengan harapan dari user maka akan dilakukan perbaikan
sistem aplikasi dan pengujian sistem kembali.
Menggunakan Sistem Aplikasi yang telah sesuai dengan kebutuhan dan harapan user
dan selesai dievaluasi, maka aplikasi bisa diterima dan digunakan oleh user dan admin untuk
siap digunakan dalam proses bisnis yang ada pada Sekolah.
Perancangan Sistem Informasi Data Alumni Sekolah berbasis Web dengan merancang
proses berupa diagram Unified Modelling Language (UML). Diagram UML meliputi
diagram use case diagram, class diagram dan activity diagram;
Gambar 3 Use Case Diagram Admin dan User.
Gambar 3 Merupakan diagram use case Admin dan User dari sistem yang dibuat,
pada Use Case Diagram tersebut menunjukkan bahwa aktor dalam hal ini adalah Admin dan
User dalam hal ini adalah siswa alumni yang berinteraksi dengan sistem. Pada sistem ini
Data Artikel
Data Alumni
Kirim Data Akun
Data Posting Alumni
Register
Kelola Data Alumni
Kelola Data Artikel
Kelola Postingan Alumni
Validasi Data Registrasi
Admin
Login
Sunting Profil<<extend>>
Baca Artikel
<<include>>
Memposting Artikel
<<extend>>
Kirim Email Registrasi
Cetak Data
Siswa Alumni
<<include>>
12
siswa alumni yang ingin melakukan registrasi harus mengirimkan data diri ke admin,
kemudian admin akan melakukan validasi data alumni. Jika data yang di kirimkan valid maka
admin akan mengirimkan data akun yang berisi username dan password ke email alumni.
Kemudian alumni akan melakukan login dengan username dan password yang sudah
diterima. Setelah alumni udah berhasil login alumni dapat melakukan sunting profil, baca
artikel, memposting artikel dan cetak data. Admin dapat mengelola data alumni, data artikel,
dan data postingan yang dikirimkan oleh alumni.
Gambar 4 Activity Diagram registrasi dari sisi user
Gambar 4 Merupakan Activity Diagram registrasi dari sisi user. Aktivitas dimulai
dengan user mengisi formulir pendaftaran dan mengirim email pendaftaran ke admin. Sistem
kemudian mengirim email data login user kemudian user menerima username dan password
untuk melakukan login, sistem akan melakukan cek data akun dan mengambil data akun dari
database jika data benar maka user akan di arahkan pada halaman user dan jika gagal user
akan melakukan login kembali, selanjutnya user dapat menyunting data dan sistem akan
menyimpan data kedalam database.
Mengisi Formulir
Pendaftaran
Kirim Email
Pendaftaran
Menerima
Data Login
Login
Sunting
Profil
Mengirim Email
Data Login
Cek Data
Akun
Menampilkan
Halaman User
Get Data
Akun
Menyimpan
data Alumni
DatabaseSistemuser
13
Gambar 5 Activity Diagram Registrasi dari sisi admin
Gambar 5 Merupakan Activity Diagram registrasi dari sisi admin. Aktivitas dimulai
dengan admin menerima email registrasi dari user kemudian melakukan validasi data untuk
melakukan login selanjutnaya sistem menampilkan menu utama. user memilih menu
registrasi dan mengisi data, sistem melakukan pengiriman data akun yang akan disimpan ke
dalam database dan proses selesai.
14
Gambar 6 Class Diagram Sistem
Gambar 6 Merupakan class diagram yang di mana terdapat tabel alumni model yang
memiliki atribut atibut didalamnya, id pada tabel alumni model sebagai primarykey pada
tabel alumni model juga memiliki control berupa insert, update, delete. Kemudian pada tabel
postingan alumni juga terdapat beberapa atribut, id_posting merupakan primary key dan id
sebagai foreign key yang menghubungkan relasi antara tabel postingan alumni dengan tabel
alumni model, pada tabel postingan alumni juga terdapat control insert, update, delete,
getdata. Pada class diagram ini juga terdapat tabel artikel model yang mempunyai atribut
dan controller yang berupa insert, getdata, update, delete. Dan juga terdapat satu controller
yang memiliki fungsi insert, update dan delete.
Gambar 7 Arsitektur Sistem Data Alumni
15
Gambar 7 Merupakan arsitektur sistem data alumni, pada gambar tersebut user dapat
menginput, mengedit, dan melihat data melalui user interface pada web user yang didapat
dari database. Admin mempunyai hak akses yang lebih tinggi dari user yaitu dapat menambah
data baru, menghapus, mengedit dan melihat data melalui web admin.
4. Hasil dan Pembahasan
Sistem yang telah dibuat mempunyai beberapa fitur yang berkaitan dengan sistem
data Alumni sekolah yaitu Alumni dapat mendaftarkan data diri, menyunting, mencari data
secara mandiri kapan saja dan dari mana saja (tidak harus datang ke sekolah). Sistem ini
mewajibkan user untuk login terlebih dahulu sebelum menggunakan, sehingga user harus
mengisi lembar formulir registrasi terlebih dahulu lihat pada gambar 8.
Gambar 8 Halaman Formulir Registrasi
16
Gambar 8 Merupakan tampilan halaman formulir registrasi, pada halaman tersebut
user diminta untuk mengisi formulir pendaftaran dengan benar dan mengirimkan data
formulir ke email admin agar terdaftar sebagai member alumni. Formulir di dapatkan dari
website SMA Kristen. Selanjutnya user di minta untuk mengimkan formulir registrasi ke
email admin agar terdaftar sebagai member alumni.
Gambar 9 Halaman Registrasi Member.
Gambar 9 Merupakan tampilan halaman registrasi member, setelah admin melakukan
validasi data yang dikirimkan oleh user maka admin akan melakukan registrasi dengan
memasukan data user seperti terlihat pada gambar 8. Setelah admin mengklik tombol simpan,
data yang telah di inputkan oleh admin tersebut akan tersimpan pada database dan otomatis
mengirimkan email pada user. Email tersebut berisi username dan password untuk user login
pertama kali. Username berasal dari Nomor Induk Siswa (NIS) dan password merupakan
hasil dari pengacakan angka 5 digit.
17
Kode Program 1 Controller c_admin registrasi
Kode Program 1 Merupakan kode program pada Controller c_admin yang berguna
untuk menggirim username dan password kepada user. Pada baris 1 samapai 3 merupakan
public function daftar dengan kode password random (acak). Baris 5 sampai 15 kode yang
berfungsi untuk mengambil data dari form sesuai variablenya masing masing, baris 17 sampai
dengan 18 menjelaskan username berisikan no induk dan password berupa angka acak yang
akan dikirim email, baris 19 merupakan kode untuk menyimpan data yang telah di inputkan.
Gambar 10 Email Username dan Password yang dikirim kepada User.
Gambar 10 Merupakan email username dan password yang dikirim kepada user.
Dalam email ini berisi username dan password untuk melakukan login website alumni.
1. public function daftar(){
2. $random = rand(00000,99999);
3. $kode=$random;
4. $dt_insert = array(
5. 'nama_lengkap' => $this->input->post('nama_lengkap'),
6. 'lahir_tanggal' => $this->input->post('lahir_tanggal'),
7. 'jenis_kelamin' => $this->input->post('jenis_kelamin'),
8. 'no_telepon' => $this->input->post('no_telepon'),
9. 'alamat_rumah' => $this->input->post('alamat_rumah'),
10. 'email' => $this->input->post('email'),
11. 'username' => $this->input->post('no_induk'),
12. 'password' => $kode,
13. 'tahun_masuk' => $this->input->post('tahun_masuk'),
14. 'tahun_lulus' => $this->input->post('tahun_lulus'),
15. 'no_induk' => $this->input->post('no_induk'),
16. );
17. $isi='username = '.$this->input->post('no_induk').', password= '.$kode;
18. $this->kirimAkun($isi);
19. $result = $this->admin_model->InsertData('tb_alumni', $dt_insert);
20. redirect('c_admin');
18
Kode Program 2 Controller c_admin Kirim Akun
Kode Program 2 Merupakan fungsi untuk mengirim email yang dipanggil saat
admin melakukan registrasi. Pada baris 1 adalah nama fungsi, baris 2 dan 3 kode umtuk
menetukan alamat dan subject yang akan di isi, baris 4 sampai 15 kode untuk menentukan
konfigurasi library email, baris 16 sampai 18 kode untuk menentukan alamat, subject dan isi
dan pada baris 19 kode untuk kirim email.
Gambar 11 Halaman Data Alumni.
1. public function kirimAkun($isi){
2. $alamat=$this->input->post('email');
3. $subject='Data Akun';
4. $ci = get_instance();
5. $ci->load->library('email');
6. $config['protocol'] = "smtp";
7. $config['smtp_host'] = "ssl://smtp.gmail.com";
8. $config['smtp_port'] = "465";
9. $config['smtp_user'] = "smakpurwodadi01@gmail.com";
10. $config['smtp_pass'] = "*********";
11. $config['charset'] = "utf-8";
12. $config['mailtype'] = "html";
13. $config['newline'] = "\r\n";
14. $ci->email->initialize($config);
15. $ci->email->from('smakpurwodadi01@gmail.com', 'SMA Kristen Purwodadi');
16. $ci->email->to($alamat);
17. $ci->email->subject($subject);
18. $ci->email->message($isi);
19. $this->email->send();
20. }
19
Gambar 11 Merupakan tampilan halaman data alumni, pada halaman tersebut
terdapat data dari user yang sudah terdaftar sebagai member alumni, user dapat melihat dan
menyunting data dengan memasukan password dan username mereka. Jika user ingin
mencetak data klik link cetak data yang ada pada halaman profil alumni dengan mencari
menurut nama, angkatan dan tahun lulus, selanjutnya member juga dapat melihat peta lokasi
untuk mempermudah menemukan letak sekolah.
Gambar 12 Halaman Hasil Cetak PDF Data Alumni.
Gambar 12 Merupakan tampilan halaman cetak pdf data alumni, pada halaman
tersebut berisi hasil cetak pdf data alumni.
Kode Program 3 Controller web cetakdata
1. public function cetakdata(){
2. $alumni= $this->web_model->GetAlumni();
3. $data = array('alumni'=>$alumni,);
4. $this->load->view('web/cetak_data', $data);
5. $paper_size = 'A4';
6. $orientation = 'potrait';
7. $html = $this->output->get_output();
8. $this->dompdf->set_paper($paper_size, $orientation);
9. $this->dompdf->load_html($html);
10. $this->dompdf->render();
11. $this->dompdf->stream("Data_Alumni.pdf", array('Attachment'=>0)); 12. }
20
Kode Program 3 Merupakan kode program pada Controller web yang berguna untuk
cetakpdf data alumni. Pada baris 1 sampai 3 merupakan public function cetakpdf dengan
mengambil fungsi GetAlumni pada web_model, baris 4 sampai 12 merupakan kode yang
berfungsi untuk mengatur konfigurasi paper size dan tipe format kertas yang akan digunakan
untuk mencetak data alumni dengan bantuan library dompdf.
Gambar 13 Halaman Postingan Alumni.
Gambar 13 Merupakan tampilan halaman postingan alumni, pada halaman tersebut
alumni dapat mengirimkan info lowongan pekerjaan kepada alumni lain, alumni juga dapat
mencari informasi agenda dari event kalender yang ada di tampilan postingan alumni
sedangkan peta lokasi sebagai alamat untuk mempermudah menemukan letak sekolah.
Gambar 14 Halaman Postingan Alumni dan Kolom Komentar
21
Gambar 14 Merupakan halaman postingan dan kolom komentar, pada halaman
tersebut terdapat postingan alumni dalam bentuk informasi, alumni lain juga dapat
berkomentar tentang info postingan alumni yang lain dan dapat saling berinteraksi dan
berbagi info.
Pengujian sistem dilakukan untuk mengetahui apakah fungsi dapat berjalan dengan
baik atau masih ada masalah. Pengujian menggunakan blackbox, pengujian fungsi-fungsi
sistem secara langsung tanpa memperhatikan alur eksekusi program, pengujian ini dilakukan
dengan melihat apakah fungsi yang dibuat telah berjalan sesuai rancangan dan sesuai dengan
yang diharapkan.
Tabel 1 Hasil Pengujian Blackbox
Fungsi yang diuji Kondisi Output yang
diharapkan
Output yang dihasilkan
system
Status Pengujian
Login sukses
Login gagal
Mengisi form Username
atau Password dengan
benar Mengisi form Username
atau Password salah
Berhasil Login
Tidak bisa Login
Sukses Login
Gagal Login
Valid
Valid
Register akun alumni
baru
Mengisi seluruh form
register Tidak mengisi seluruh
form register
Sukses melihat data
Gagal melihat data
Sukses tambah data
Gagal tambah data
Valid
Valid
Kirim Artikel Baru Semua Form diisi termasuk lampiran
Semua form diisi tanpa
lampiran
Sukses tambah data
Sukses tambah data
Sukses tambah data
Sukses tambah data
Valid
Valid
Baca artikel Menampilkan Artikel
tanpa foto Menampilkan Artikel
dengan foto
Sukses menampilkan
data
Sukses menampilkan
data
Sukses menampilkan
data
Sukses menampilkan
data
Valid
Valid
Update status artikel Pilih salah satu data Sukses ubah data Sukses ubah data Valid
Kirim email agenda Alamat email benar Sukses mengirim data Sukses mengirim data Valid
Kirim email akun user Alamat email benar Sukses mengirim email Sukses mengirim email Valid
Upload foto profil alumni
Memilih foto Alumni Sukses menampilkan foto
Sukses menampilkan foto
Valid
Cetak pdf profil alumni Menampilkan data
profil Alumni
Sukses cetak data
Sukses cetak data
Valid
Tabel 1 Merupakan hasil pengujian menggunakan metode blackbox, berdasarkan
pengujian ini dapat dilihat seluruh fungsi yang diuji menukjukan valid yang berarti fungsi
yang diperlukan dalam sistem alumni telah berjalan dengan baik. Pengujian berikutnya
22
adalah pengujian beta. Pengujian beta adalah pengujian yang dilakukan oleh orang yang
tidak ikut dalam pembuatan aplikasi. Pengujian beta dilakukan dengan melakukan
wawancara kepada Alumni Sekolah. Hasil dari wawancara yang telah dilakukan didapatkan
bahwa Sistem Informasi Pengolahan Data Alumni Sekolah Berbasis Website Menggunakan
Framework CodeIgniter di SMA Kristen Purwodadi dapat membantu mengkoordinir,
memberikan data atau memudahkan alumni untuk mencari informasi tentang data data
alumni yang sudah lulus.
Pengujian selanjutnya dilakukan dengan memberikan kesempatan kepada User
(Alumni) untuk mencoba sistem tersebut dan memberikan pendapatnya tentang sistem yang
dicoba user kedalam kuisioner. Pengujian ini terdapat 5 pertanyaan yang menyangkut
performa dan kemudahan user dalam menjalankan sistem tersebut. Dalam setiap pertanyaan
memiliki nilai diantaranya sangat setuju (SS), setuju (S), netral (N), tidak setuju (TS), dan
sangat tidak setuju (STS). Hasil pengujian dapat dilihat pada Tabel 2.
Tabel 2 Hasil Pengujian Sistem dengan Kuisioner yang Diuji User (Alumni)
No Pertanyaan SS S N TS STS
1 Tampilan user interface dan
website application mudah
digunakan dan dipahami user
13 2 0 0 0
2 Sistem ini sudah membantu
menyajikan informasi tentang
data-data alumni yang terdapat di
SMA Kristen Purwodadi.
15 0 0 0 0
3 Pencarian Data Alumni menjadi
mudah. 14 1 0 0 0
4 Sistem inidapat menampilkan
berita dan informasi yang
bergunana untuk alumni.
12 2 1 0 0
5 Sistem ini sudah membantu guru
dan dapat mengatasi
permasalahan kehilangan
dokumen data alumni.
9 1 0 0 0
Pada Tabel 2 menjelaskan tentang pengujian sistem dengan kuisioner yang diuji oleh
user. Pengujian sistem ini telah diuji oleh 15 pengguna yaitu siswa alumni dan Pengelola
data untuk melihat apakah sistem ini benar-benar layak dan dapat membantu user nantinya.
Hasil pengujian menujukan bahwa pada tampilan user interface 86.6 % sangat setuju dan
13,4 % setuju, pada pertanyaan kedua 100 % menyatakan setuju Sistem sudah membantu
23
menyajikan informasi tentang data-data alumni yang terdapat di SMA Kristen Purwodadi.,
pada pertanyaan ke tiga Pencarian Data Alumni menjadi mudah.93,3 % sangat setuju dan 6,7
% setuju, pada pertanyaan ke empat Sistem inidapat menampilkan berita dan informasi yang
bergunana untuk alumni.menunjukan 80 % sangat setuju, 10 persen setuju dan 10 % netral,
dan pada pertannyaan Sistem ini sudah membantu guru dan dapat mengatasi permasalahan
kehilangan dokumen data alumni menunjukan 90 persen sangat setuju dan 10 persen setuju.
5. Simpulan
Berdasarkan penelitian yang telah dilakukan, maka dapat disimpulkan bahwa Sistem
Informasi Pengolahan Data Alumni Sekolah Berbasis Website menggunakan Framework
CodeIgniter dapat dikembangkan dengan DomPdf dan notifikasi email sangat membantu
dalam perancangan sistem karena mendukung model MVC (Model, View, Controller)
sehingga rancangan sistem menjadi terstruktur. Dengan ditambahkanya berbagai fitur seperti
lampiran foto, teknologi Google Map dan cetak pdf. Framework CodeIgniter juga
menyediakan bermacam-macam library yang akan mempermudah pembangunan website
diantaranya adalah library session, dan library dompdf yang akan digunakan dalam
penelitian ini. Kerangka tampilan dibangun dengan menggunakan framework Bootsrap untuk
menghasilkan tampilan yang responsive. Dengan sistem informasi ini diharapkan dapat
membantu pengelolaan data alumni pihak Sekolah sendiri akan terbantu dengan adanya
sistem ini karena dapat mempermudah dalam pencarian data alumni, mencari informasi,
mencetak data dan sebagai penilaian Akreditasi setiap tahunnya. Melalui sistem alumni ini
SMA Kristen Purwodadi dapat mengetahui jumlah data alumni yang masih berhubungan
dengan pihak sekolah serta hubungan sekolah dengan alumni menjadi lebih baik.
6. Daftar Pustaka
[1]. Departemen Pendidikan Nasional. (2002). Manajemen Peningkatan Mutu Berbasis
Sekolah, Konsep Dasar. Jakarta: Ditjend Pendidikan Dasar dan Menengah.
[2] Basuki, AP, 2010. Membangun Web Berbasis PHP dengan Framework Codeigniter,
Lokomedia, Yogyakarta.
[3] Rochsianto, Novan Yoga, 2011. Pengembangan Sistem Informasi Alumni Berbasis
Web Menggunakan PHP dan MYSQL di SMA Negeri 2 Nganjuk. S1 thesis,
Universitas Negeri Yogyakarta.
[4] Munadi, Faisal, 2013. Sistem Informasi Pendataan Alumni Berbasis Web pada
STMIK U’budiyah Indonesia. Sekolah Tinggi Manajemen Informatika dan Komputer
STMIK U’budiyah Indonesia Banda Aceh.
[5] Jogiyanto, 2003, Sistem Teknologi Informasi, Yogyakarta.
24
[6] Hernowo A, 2016. Perancangan dan Implementasi Sistem Penjadwalan Servise
Berkala Kendaraan Bermotor Berbasis Website Menggunakan Notifikasi SMS
Gateway.
[7] Ghazali T, 2016. Pengertian dan Penjelasan Codeigniter,
http://kautube.com/id/blog/pengertian-dan-penjelasan-codeigniter/, diakses pada
Tanggal 12 Maret 2017.
[8] Fahrurroji A, 2015. Panduan Singkat Framework Bootstrap,
http://afahrurroji.net/panduan-singkat-framework-bootstrap/, Diakses pada Tanggal
12 Maret 2017.
[9] Wong, J, 2010. Internet Marketing for Beginners, Jakarta: Elex Media Komputindo.
[10] Akhmad, 2016. Pengertian Bootstrap, fungsi dan juga kelebihannya,
http://galeriprogramer.blogspot.co.id/2016/08/pengertian-bootstrap-fungsi-dan-
juga.html. Diakses tanggal 17 Januari 2017
[11] Hasibuan, Z.A., 2007. Metodologi Penelitian Pada Bidang Ilmu Komputer dan
Teknologi Informasi, Konsep, Teknik, dan Aplikasi. Jakarta: Ilmu Komputer
Univesitas Indonesia.
[12] SMA Kristen Widya Wacana Purwodadi, http://smak-widyawacana.weebly.com/,
Diakses pada tanggal 10 juni 2017.
Recommended