Perancangan Sistem Informasi Pengolahan Data Alumni ......Perancangan Sistem Informasi Pengolahan Data Alumni Sekolah Berbasis Website Menggunakan Framework CodeIgniter (Studi Kasus:

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'] = "[email protected]";

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('[email protected]', '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.