14 ikut digambarkan dalam diagram class karena bagian view di dalam aplikasi bukan
dalam bentuk class tetapi berupa tag HTML untuk menampilkan informasi pada halaman web.
Proses evaluasi prototyping dilakukan sebanyak dua kali dan dilakukan dengan mendemokan aplikasi kepada pengguna aplikasi administrator dan pengelola jurnal.
Penjelasan setiap tahap evaluasi prototyping adalah sebagai berikut : Evaluasi tahap pertama dilakukan bersama user aplikasi yaitu kepada administrator dan pengelola
jurnal. Pada evaluasi ini dilakukan penambahan fasilitas untuk memberikan berita atau pengumuman kepada pengujung jurnal. Hal ini berguna untuk memberikan
informasi seperti panduan penulisan jurnal, pengumuman akan diadakannya publikasi jurnal dan pengumuman penting lainnya. Evaluasi tahap kedua dilakukan
dengan memperbaiki beberapa bagian aplikasi yang masih ada bug, seperti tidak munculnya pagination pada halaman home dan mengubah tampilan daftar jurnal
dengan format list supaya terlihat lebih rapi.
4. Hasil Implementasi dan Pembahasan
Implementasi dari pengembangan jurnal elektronik FTI UKSW ini dilakukan dengan framework CodeIgniter. Terdapat beberapa pengaturan yang harus dilakukan
pertama kali saat pembuatan, yaitu pengaturan koneksi ke basis data MySQL dan pengaturan route file. Pengaturan koneksi basis data dilakukan pada file database
yang terletak pada folder config. Pengaturan ini ditunjukkan pada Kode Program 1.
Kode Program 1 Koneksi Framework CodeIgniter dengan Basis Data
Kode Program 1 merupakan perintah untuk melakukan pengaturan koneksi dari framework
CodeIgniter ke basis data MySQL. Pada pengaturan ini dilakukan pengisian untuk hostname, username, password dan nama dari basis data yang
digunakan. Sedangkan pengaturan untuk route ditunjukkan pada Kode Program 2.
Kode Program 2 Pengaturan File Route CodeIgniter
Kode Program 2 bertugas untuk menentukan controller apa yang akan dijalankan pertama kali ketika web diakses dari browser. Pengaturan ini dilakukan
pada baris ke 1, yaitu dengan mengisikan nama controller pada default_controller. Controller
yang pertama kali dipanggil adalah beranda. Controller ini berada pada folder
controller.
1. db[default] = array 2.
dsn = , 3.
hostname = localhost, 4.
username = root, 5.
password = admin, 6.
database = ejournal_db, 7.
dbdriver = mysqli, 8.
dbprefix = , 9.
pconnect = FALSE, 10.
db_debug = FALSE,
1. route[default_controller] = home; 2. route[404_override] = ;
3. route[translate_uri_dashes] = FALSE;
15
Gambar 11
Halaman Home Elektronik Jurnal FTI UKSW
Gambar 11 merupakan halaman depan dari sistem elektronik jurnal FTI UKSW. Halaman ini akan menampilkan daftar jurnal yang sudah dimasukkan dalam
basis data. Sistem elektronik jurnal ini dikembangkan dari sistem sebelumnya menjadi lebih responsive dalam sisi tampilan. Gambar 12 merupakan tampilan
elektronik jurnal ketika dibuka di web browser pada tablet.
Gambar 12 Halaman Home Elektronik Jurnal FTI UKSW pada Tablet
Gambar 12 merupakan tampilan elektronik jurnal ketika dibuka melalui browser
tablet. Halaman web akan terlihat menyesuaikan dengan layar device di mana web tersebut diakses. Proses ini dilakukan dengan memanggil CSS yang
terdapat pada library Bootstrap.
Kode Program 3 Pemanggilan CSS Bootstrap
Kode Program 3 merupakan perintah dalam pemanggilan CSS Bootstrap dan
1. link rel=stylesheet href=?= base_url; ?assetscssbootstrap.css rel=stylesheet
2. link rel=stylesheet href=?= base_url; ?assetscssresponsive.css rel=stylesheet
16 responsive
yang merupakan bagian dari library Bootstrap. File ini diletakkan di dalam folder assets, sedangkan pemanggilannya dilakukan di file header yang
diletakkan pada folder layout di bagian view. Pengunjung jurnal dapat melihat daftar jurnal yang ada berdasarkan volume
dan tahun. Jurnal AITI ini terbit setiap tahun, di mana setiap tahun terdiri dari 2 nomor. Nomor 1 terbit pada bulan Februari dan nomor 2 terbit pada bulan Agustus.
Masing-masing nomor jurnal terdiri dari 7 jurnal. Gambar 13 merupakan tampilan daftar jurnal AITI untuk volume 4, nomor 1 tahun 2007.
Gambar 13
Daftar Jurnal AITI dalam menu Volume
Untuk menampilkan daftar jurnal pada Gambar 13, digunakan dengan prinsip Model
View Controller MVC. Pada proses ini, pertama kali akan dipanggil fungsi list_jurnal yang terdapat pada file Home terletak di bagian controller. Fungsi
list_jurnal ini akan melakukan pemanggilan fungsi get_all yang terdapat di file Jurnal_model terletak di bagian model. Fungsi get_all ini bertugas melakukan
query
untuk mengambil data jurnal dari basis data berdasarkan nomor dan volume. Selanjutnya bagian fungsi list_jurnal pada controller Home akan meneruskan data
jurnal yang didapat dari pemanggilan fungsi get_all ke bagian view list_jurnal sehingga tersaji seperti Gambar 13. Kode Program 4 merupakan perintah pada fungsi
list_jurnal pada bagian Home controller. Kode Program 5 merupakan perintah fungsi get_all pada bagian model dan Kode Program 6 merupakan perintah pada bagian
view
list_jurnal.
Kode Program 4 Fungsi list_jurnal pada Home Controller
Kode Program 5 Fungsi get_all pada Jurnal Model
Kode Program 6
Perintah pada Bagian View list_jurnal
3. data[jurnals] = this-jurnal_model-get_allnomor, data[nomor], limit, start;
4. this-load-viewhomelist_jurnal, data;
1. function get_alltype_search, value_search, offset, limit {
2. this-db-select; 3. this-db-fromjurnal;
4. this-db-limitlimit, offset; 5. this-db-order_byvolume, asc;
1. foreach jurnals as jurnal: 2. ?a href=?= base_urlhomeview_jurnal . jurnal-id;
?h3?= numb . . . jurnal-judul; ?h3a ?php numb++;
3. endforeach;
17 Penggunaan teknik MVC ini dilakukan dengan memanfaatkan fitur MVC yang
disediakan oleh framework CodeIgniter CI. Hal ini dilakukan dengan cara memanggil kelas induk CI_Controller dan CI_Model yang berasal dari library
controller dan model CI. Kelas induk Controller dan Model ini disimpan di folder
core pada bagian system. Sedangkan bagian view hanya bertugas untuk menampilkan
halaman web saja. Pada sistem elektronik jurnal ini, pengunjung dapat melihat detail dari jurnal
yang dipilih dan dapat juga mengunduh jurnal tersebut dalam format PDF. File PDF ini disimpan dalam folder assets pada directory project. Pada sistem yang lama, file
PDF ini disimpan dalam tabel jurnal pada basis data, sehingga memberatkan kinerja sistem karena harus melakukan konversi dari file binary ke file PDF. File PDF jika
disimpan dalam tabel pada basis data akan disimpan dalam bentuk binary, sehingga untuk menampilkan atau mengunduhnya harus dilakukan proses konversi dari file
binary
ke file PDF. Gambar 14 merupakan halaman lihat detail jurnal.
Gambar 14 Halaman Lihat Jurnal
Pengembangan berikutnya dilakukan dengan menambahkan halaman administrator untuk melakukan pengelolaan data jurnal. Pada sistem elektronik jurnal
sebelumnya belum memiliki halaman untuk mengelola data jurnal. Data jurnal sebelumnya dikelola melalui halaman PHPMyAdmin sehingga merepotkan dalam
proses penambahan dan perubahan data jurnal.
18
Gambar 15
Halaman Untuk Mengelola Data Jurnal
Pengelola jurnal dapat menambah, mengubah dan menghapus data jurnal melalui halaman kelola jurnal yang dapat diakses melalui halaman admin. Proses ini
membutuhkan validasi login ke dalam halaman admin.
Gambar 16 Halaman Untuk Memasukkan Data Jurnal
Proses penambahan jurnal baru dapat dilakukan melalui form yang disediakan oleh sistem elektronik jurnal ini, sehingga pengelola jurnal tidak perlu membuka
halaman PHPMyAdmin. Form untuk menambah jurnal baru ditunjukkan pada Gambar 16.
Pengembangan sistem elektronik jurnal juga dilakukan dengan menambahkan halaman untuk mengelola data pengumuman. Hal ini diperlukan untuk memberikan
informasi kepada pengunjung seputar jurnal AITI. Pihak pengelola jurnal dapat memberikan informasi tentang tata cara penulisan jurnal sesuai dengan format jurnal
19 AITI dan dapat memberikan pengumuman penting lainnya melalui halaman
pengumuman.
Gambar 17
Halaman Untuk Mengelola Pengumuman
Gambar 17 merupakan halaman untuk mengelola data pengumuman. Pengelola jurnal dapat membuat pengumuman baru, mengubah dan menghapus pengumuman
yang sudah ada. Pengumuman yang telah dimasukkan akan ditampilkan kepada pengunjung melalui menu pengumuman.
Pengujian aplikasi dilakukan dengan menguji fungsi-fungsi dari aplikasi yang telah dibuat untuk mencari kesalahanbug pada sistem. Pengujian aplikasi dilakukan
agar sistem yang dibuat berjalan sesuai dengan yang diharapkan dan dapat memenuhi kebutuhan pengguna. Pengujian aplikasi ini menggunakan dua teknik pengujian yaitu
pengujian alpha dan pengujian beta.
Pengujian alpha menggunakan metode blackbox yaitu pengujian fungsi-fungsi aplikasi secara langsung tanpa memperhatikan alur eksekusi program. Pengujian ini
dilakukan dengan memperhatikan apakah fungsi telah berjalan sesuai rancangan dan sesuai yang diharapkan. Tabel 1 adalah hasil pengujian dari aplikasi yang telah
dilakukan.
Tabel 1
Hasil Pengujian Blackbox
Fungsi yang diuji Kondisi
Output yang diharapkan
Output yang dihasilkan sistem
Status Pengujian
Login Username
dan password benar
Username dan password
salah maupun kosong Sukses login
Gagal login Sukses login
Gagal login Valid
Tambah data jurnal Form
diisi dengan benar Form
diisi beberapa atau kosong
Sukses tambah data Gagal tambah data
Sukses tambah data Gagal tambah data
Valid Ubah data jurnal
Form diisi dengan benar
Sukses ubah data Sukses ubah data
Valid Hapus data jurnal
Pilih salah satu jurnal Sukses hapus data
Sukses hapus data Valid
Load data jurnal
Buka halaman jurnal Sukses load data
Sukses load data Valid
Load data
pengumuman Buka halaman
pengumuman Sukses load data
Sukses load data Valid
Load data user
Buka halaman user Sukses load data
Sukses load data Valid
Unduh jurnal PDF Pilih salah satu jurnal
File dapat diunduh
Sukses unduh file Valid
Berdasarkan pengujian yang dilakukan pada aplikasi web dapat dilihat status pengujian dari setiap fungsi valid, maka disimpulkan bahwa aplikasi ini berjalan
dengan baik dan sesuai yang diharapkan. Pengujian beta adalah pengujian yang dilakukan oleh orang yang tidak ikut dalam pembuatan aplikasi atau calon pengguna
20 aplikasi. Pengujian beta dilakukan dengan menggunakan kuesioner, yaitu dengan
membagikan kuesioner kepada sample user. Sample user berjumlah 30 responden dan dipilih secara acak, sample user pada pengujian ini kebanyakan adalah
mahasiswa FTI UKSW tingkat akhir yang juga sedang mencari referensi artikel ilmiah. Hasil jawaban kuesioner dapat dilihat pada Tabel 2.
Tabel 2
Hasil Jawaban Kuesioner
No Pernyataan
STS TS
CS S
SS
1 Aplikasi aplikasi ini mudah digunakan
1 4
14 11
2 Tampilan, huruf dan gambar dari aplikasi ini dapat dilihat
dengan jelas 1
3 15
11 3
Menu-menu pada aplikasi ini mudah dipahami dan tidak membingungkan
1 4
16 9
4 Aplikasi ini membantu memberikan informasi tentang jurnal
AITI FTI UKSW 1
6 10
13 5
Aplikasi ini bermanfaat untuk mengunduh file jurnal AITI FTI UKSW dalam format PDF.
2 5
9 14
Setelah semua jawaban diketahui maka yang dilakukan adalah menghitung presentase jawaban responden yang telah mengisi kuesioner. Hasil analisis data
untuk pertanyaan 1 menunjukkan sebanyak 36,67 responden menjawab sangat setuju, 46,67 responden menjawab setuju dan 13,33 responden menjawab cukup
setuju. Jadi disimpulkan bahwa aplikasi ini mudah untuk digunakan.
Hasil analisis data untuk pertanyaan 2 menunjukkan sebanyak 36,67 responden menjawab sangat setuju, 50,00 responden menjawab setuju dan 10,00
responden menjawab cukup setuju. Jadi disimpulkan bahwa tampilan aplikasi ini dapat dilihat dengan jelas.
Hasil analisis data untuk pertanyaan 3 menunjukkan sebanyak 30,00 responden menjawab sangat setuju, 53,33 responden menjawab setuju dan 13,33
responden menjawab cukup setuju. Jadi disimpulkan bahwa menu-menu pada aplikasi ini mudah dipahami dan tidak membingungkan.
Hasil analisis data untuk pertanyaan 4 menunjukkan sebanyak 43,33 responden menjawab sangat setuju, 33,33 responden menjawab setuju dan 20,00
responden menjawab cukup setuju. Jadi disimpulkan bahwa aplikasi ini membantu dan mempermudah pengguna dalam mencari informasi tentang jurnal yang terbit di
jurnal AITI FTI UKSW.
Hasil analisis data untuk pertanyaan 5 menunjukkan sebanyak 46,67 responden menjawab sangat setuju, 30,00 responden menjawab setuju dan 16,67
responden menjawab cukup setuju. Jadi disimpulkan bahwa aplikasi ini bermanfaat untuk digunakan oleh pengguna dalam mendapatkan jurnal dalam format PDF.
Pengujian manfaat juga dilakukan dengan wawancara kepada pengembang sistem elektronik jurnal AITI FTI UKSW sebelumnya yaitu bapak Ramos Somya.
Berdasarkan wawancara tersebut didapatkan bahwa sistem elektronik jurnal yang baru dapat membantu dan mempermudah dalam pengelolaan data jurnal AITI karena
disediakan halaman khusus untuk mengelola data jurnal. Selain itu pengelola jurnal juga dimudahkan untuk memberikan pengumuman terkait dengan jurnal AITI kepada
pengunjung jurnal, karena terdapat halaman untuk menuliskan pengumuman tersebut.
21
5. Simpulan
