Jurnal Tugas Akhir Teknik Informatika 2014
IMPLEMENTASI PEMROGRAMAN CONTENT MANAGEMENT SYSTEM PADA RANCANG BANGUN PLATFORM SISTEM INFORMASI KONFERENSI BERBASIS WEB Enggielita Fitri1, Miftahul Jannah1, Amil Ahmad Ilham1, Intan Sari Areni2 1
Program Studi S1 Teknik Informatika Universitas Hasanuddin 2 Program Studi S1 Teknik Elektro Universitas Hasanuddin
Abstrak--- Pelaksanaan seminar dan konferensi yang semakin meningkat dari tahun ke tahun membuat panitia pelaksananya sering kesulitan dalam menyebarkan informasi seminar. Website menjadi salah satu alternatif penyebaran informasi yang cepat dan efektif, namun dibutuhkan pemahaman web programming terlebih dahulu untuk membangun sebuah website. Karena keterbatasan tersebut, para pelaksana seminar biasanya menggunakan jasa webmaster untuk membangun sistem informasi seminar. Untuk mengatasi masalah tersebut, maka pada penelitian ini dibuat Content Management System (CMS) khusus untuk sistem informasi seminar dan konferensi. Dengan CMS, semua modul yang disediakan mencakup hal-hal yang berhubungan dengan sistem informasi konferensi, seperti keynote speaker, call for paper, registration, paper submission, venue, sponsorship dan menu lain yang disediakan dapat dimodifikasi pada sisi admin. CMS yang dirancang pada penelitian ini menggunakan bahasa pemrograman website PHP dan perancangan databasenya menggunakan MySQL. Uji coba penelitian ini menggunakan metode blackbox untuk menguji fungsionalitas sistem. Hasil penelitian menunjukkan bahwa sistem informasi konferensi dapat dibuat dengan konsep pemrograman CMS yang digunakan untuk merancang modul-modul khusus dan dapat dimodifikasi sesuai dengan keinginan pengguna (user friendly). Kata kunci--- CMS Content Management System, Seminar, Konferensi, dan Sistem informasi. CMS merupakan sebuah aplikasi yang dapat digunakan untuk mengubah, mengurutkan, mengelola, berbagai jenis konten atau informasi digital baik berupa teks, gambar, suara, maupun video secara mudah dan rapi pada sebuah sistem yang berjalan di dalam website sesuai dengan keinginan dari orang yang akan membuat aplikasi website tersebut. [2] Dengan latar belakang tersebut, penulis berkeinginan untuk merancang dan membuat sebuah CMS untuk sistem informasi Seminar dan konferensi.
1. Pendahuluan Saat ini seminar dan konferensi merupakan salah satu kegiatan yang sering dilakukan oleh suatu institut atau lembaga pendidikan. Seminar dan konferensi merupakan suatu pertemuan atau persidangan untuk membahas suatu masalah di bawah pimpinan ketua sidang (guru besar atau seorang ahli). Pertemuan atau persidangan dalam seminar biasanya menampilkan satu atau beberapa pembicaraan dengan makalah atau kertas kerja masing-masing. Seminar biasanya diadakan untuk membahas suatu masalah secara ilmiah. Yang berpartisipasi pun orang yang ahli dalam bidangnya. [1] Salah satu teknik penyebaran informasi seminar ini adalah dengan menggunakan teknologi informasi website. Website didefinisikan sebagai halaman informasi yang disediakan melalui jalur internet sehingga bisa diakses di seluruh dunia selama terkoneksi dengan jaringan internet. Namun, perancangan dan pembangunan suatu Website cukup rumit dan dianggap membutuhkan keahlian khusus dalam pengelolaannya, dengan kata lain penyelenggara harus menyewa jasa webmaster untuk membuat website seminar. Sehingga diperlukan sebuah upaya untuk mempermudahnya.
D421102571, D421102801
2. Penelitian Terkait Salah satu penelitian terkait CMS disusun oleh Abdi Wicaksono pada tahun 2011 dalam penelitian yang berjudul “Perancangan dan Pembuatan Content Management System Ensiklopedia Seni dan Budaya Nusantara”. Penelitian ini bertujuan untuk membangun CMS untuk kepentingan budaya dan seni nusantara. Hasil penelitian ini adalah sebuah aplikasi berbasis web yang menggunakan konsep CMS. Namun modul yang disediakan khusus untuk seni dan budaya nusantara. [3] Penelitian lain yang berhubungan dengan konferensi dan seminar disusun oleh Narti Kajeng
1
Jurnal Tugas Akhir Teknik Informatika 2014 dan Muh.Afdal pada tahun 2013 dengan judul “Perancangan Sistem Informasi Pelaksanaan Seminar Pendidikan Berbasis Online pada Dinas Pendidikan Kota Makassar”. Sistem informasi ini dibuat sebagai sarana untuk memberikan informasi seminar apa saja yang akan diadakan di kota Makassar. Website yang dibuat juga merupakan CMS, namun khusus untuk menampilkan dan mengisi informasi seminar. Konten yang ada di dalamnya ialah member dengan akses login yang bisa menambah informasi seminar yang akan diadakan juga bisa melihat seminar apa saja yang nantinya akan dipilih untuk diikuti. [4]
Gambar 2 merupakan diagram use case yang menunjukkan hak akses untuk masing-masing pengguna. Pengguna admin, programchair, dan reviewer dapat mengakses halaman front-end dan backend dengan hak akses login dan halaman yang berbeda, sedangkan pengguna guest dan custom speaker hanya dapat mengakses halaman front-end. 3.3 Perancangan Basis Data Perancangan basis data dilakukan dengan membuat hubungan antar entitas basis data yang ada. Ada 17 entitas yang mewakili fungsionalitas CMS sistem informasi konferensi, yaitu agenda, user, newsevent, banner, download, gallery, halamanstatis, identitas, mainmenu, sub menu, modul, statistic, submission, templates, user.
3. Perancangan Sistem 3.1 Gambaran Sistem Secara umum cara kerja sistem informasi konferensi dapat dilihat pada gambar 1 berikut .
3.4
Pengguna Sistem Pengguna pada aplikasi ini dibagi menjadi 5, yaitu: Administrator Administrator adalah pengguna yang mempunyai hak penuh dalam mengakses aplikasi web ini, khususnya halaman administrator sehingga diperlukan login terlebih dahulu sebelum mendapatkan fasilitas-fasilitas administrator.
Programchair Programchair adalah pengguna yang mempunyai hak tertentu dalam mengakses aplikasi ini . halhal yang dapat dilakukan oleh programchair pada aplikasi ini adalah: - Memanagement user programchair itu sendiri - Menambahkan reviewer - Melihat paper, melihat komentar / review paper dari reviewer, menentukan revewier paper dan menentukan diterima atau tidaknya paper yang disubmit guest.
Reviewer Reviewer adalah pengguna yang mempunyai hak tertentu dalam mengakses aplikasi ini . hal-hal yang dapat dilakukan oleh reviewer pada aplikasi ini adalah: - Memanagement user reviewer itu sendiri - Mereview paper
Custom Speaker Selain sebagai guest, custom speaker adalah pengguna sistem yang dapat melakukan login submission yang terletak di halaman front-end . Proses login berfungsi agar custom speaker dapat: Mengupload paper
Gambar 1. Gambaran sistem CMS Berdasarkan gambar 1 dapat dilihat bahwa sistem CMS ini digunakan melalui media internet. Tiap-tiap tingkatan user mengakses CMS secara online. 3.2 Desain Arsitektur Sistem Arsitektur sistem secara umum bisa dilihat pada gambar 2 sebagai berikut.
Gambar 2. Use Case Previllege System
D421102571, D421102801
2
Jurnal Tugas Akhir Teknik Informatika 2014
Mendapatkan notifikasi paper diterima atau tidak
yang dibagi menjadi dua halaman akses, yaitu halaman front end (halaman guest) dan halaman back end (halaman admin). Halaman front end berisi informasi seputar seminar yang dibagi dalam menu-menu navigasi dan widgets di sidebar webpage. Informasi-informasi tersebut antara lain : Menu-menu navigasi yaitu Home, Committee, Submission, Registration, Contact Us, dan Informasi dengan submenu default Call For Paper, Participants and Fees, Venue, dan Keynote Speaker. Widgets yang berisi informasi singkat seputar seminar yang terletak di sidebar halaman utama front end. Widgets tesebut meliputi Important Dates, News Update, Download, dan Sponsorship. Pada front-end isinya berdasarkan Website seminar MICEEII 2014 yang sudah ada seperti pada gambar 4.
Guest Guest adalah semua pengguna yang membuka aplikasi ini, tetapi hanya memiliki hak untuk mendapatkan informasi terbatas yang disediakan oleh aplikasi ini di front-end, khusus untuk fungsi paper submission, guest diharuskan untuk login sebelum mengupload papernya.
3.5 Context Diagram Context diagram pada pembuatan CMS sistem informasi konferensi dapat dilihat pada gambar 3.4 sebagai berikut.
Gambar 3 Context Diagram CMS 0 Context diagram pada gambar 3 menunjukkan gambaran bahwa sistem informasi konferensi ini berinteraksi dengan 2 entitas yaitu Guest dan Admin. Arus data dari Guest berupa pengaksesan informasi seminar, registrasi, dan paper submission. Dari sistem informasi konferensi, guest mendapatkan arus data berupa informasi yang berhubungan dengan seminar yang akan diadakan tersebut, dan konfirmasi registrasi, sedangkan pada admin baik masuk maupun keluar dari sistem informasi konferensi adalah semua data baik pengaturan web (Web Setting), manajemen konten (Content Management), melihat data registrasi peserta atau pemakalah (Registration) dan melihat paper dari peserta (Submission).
Gambar 4 Tampilan front-end Halaman back-end berisi dashboard pengaturan segala komponen penyusun halaman front-end. Komponen-komponen tersebut meliputi : Beranda, berisi tampilan halaman utama admin (back-end) yang meliputi daftar peserta terbaru yang registrasi, jumlah pengunjung (visitor counter), dan menu-menu dan submenu yang terletak di header back-end seperti yang terlihat pada gambar 5.
4. Hasil dan Pengujian Hasil rancang bangun platform sistem informasi konferensi berbasis web ini adalah tampilan web
D421102571, D421102801
3
Jurnal Tugas Akhir Teknik Informatika 2014 seperti nama website, sub header, alamat website, dan icon website. 4.2 Pengujian Metode yang digunakan untuk menguji aplikasi ini adalah metode Blackbox. Metode Blackbox adalah metode pengujian yang menguji fungsionalitas sistem. Metode ini dilakukan untuk memastikan apakah fungsi berjalan dengan benar jika diberikan masukan yang bervariasi. Pengujian fungsi aplikasi sistem informasi konferensi ini dijabarkan pada tabel 1 dan tabel 2. Tabel 1 merupakan tabel pengujian halaman backend, sedangkan tabel 2 merupakan uji coba pada halaman front-end.
Gambar 5. Tampilan Home Back-end
Login berupa tampilan form login untuk akses administrator seperti pada gambar 6.
5. Kesimpulan, dan Saran Kesimpulan dari pembuatan aplikasi sistem informasi konferensi ini ialah telah dirancang dan dibangun sebuah tampilan web dinamis yang menampilkan informasi-informasi seputar konferensi dan menyediakan modul-modul khusus konferensi yang sesuai dengan tujuan awal dibuatnya aplikasi ini, yaitu guna menyediakan platform sistem informasi konferensi berbasis web untuk memudahkan pengguna membuat website tanpa harus mengetahui bahasa pemrograman. Pembuatan aplikasi web ini masih membutuhkan saran demi perbaikan yang lebih baik dalam pengembangan aplikasi ini mengingat keterbatasan komponen ataupun programnya. Adapun saran, yaitu agar aplikasi ini dapat dikembangkan dan disempurnakan oleh mahasiswa Teknik Informatika Universitas Hasanuddin selanjutnya.
Gambar 6. Tampilan Login Administrator Manajemen Konten berisi modul-modul yang dapat diupdate isinya, seperi tentang seminar, agenda, berita terbaru, dan halaman statis yang dapat ditambah dan dihapus. Manajemen Tampilan berisi modul-modul tampilan pada halaman front-end , yaitu template, main menu, dan sub menu. Main menu dan sub menu dapat ditambah, dihapus, dan dinonaktifkan. Sedangkan template hanya dapat dipilih dan diaktifkan. Manajemen Media berisi modul-modul download file, galeri foto, slideshow, dan sponsorship. Menu ini berfungsi untuk menampilkan isi dari website yang berkaitan dengan media pada website. Registrasi, berisi data peserta dan pemakalah yang sudah teregistrasi. Submission adalah modul yang informasi paper yang telah disubmit. User adalah menu untuk melihat nama-nama user programchair dan reviewer yang bias ditambah dan diblokir. Pengaturan berisi modul dan identitas. Modul berisi informasi modul pada cms seminar dan konferense, sedangkan identitas berisi informasi umum mengenai web,
D421102571, D421102801
Daftar Pustaka Jogjakarta: Andi Offset. 2007. [2] Anonim, ”Sistem Analisa untuk Memahami Alur Kerja Sistem,” Mastering CMS Programming with PHP & MySQL.Semarang: Wahana Komputer, 2011. [3] Wicaksono, Abdi W., “Perancangan dan Pembuatan Content Management System Ensiklopedia Seni dan Budaya Nusantara”, hal 1, Juli 2011. [4] Kajeng, Narti, Muh.Afdal, “Perancangan Sistem Informasi Pelaksanaan Seminar Pendidikan Berbasis Online pada Dinas Pendidikan Kota Makassar”, hal 1-2. 2013.
4
Jurnal Tugas Akhir Teknik Informatika 2014 Enggielita Fitri , lahir di Makassar pada 2 Februari 1992, merupakan mahasiswa S1 Teknik Elektro Program Studi Teknik Informatika Universitas Hasanuddin pada tahun 2010 yang sebelumnya bersekolah di SMA Negeri 5 Makassar.
Interface Form Login
Skenario Pengujian Mengisi username dan password. Mengklik tombol Login
Miftahul Jannah, lahir di Makassar pada tanggal 30 April 1992. Merupakan anak pertama dari 4 orang bersaudara. Saat ini terdaftar sebagai mahasiswa S1 Fakultas Teknik jurusan Teknik Elektro Program Studi Teknik Informatika Universitas Hasanuddin angkatan 2010.
Tabel 1 Tabel pengujian admin Input Output Username : admin Halaman Utama BackPassword : Admin end level admin terbuka
Form Tentang Seminar
Mengisi judul dan isi. Mengklik simpan
Judul : Tentang Seminar Isi : MICEEI is the premier international event…
Form Tanggal Penting
Mengisi tanggal, isi keterangan. Mengklik save
Tanggal : 27 November 2014 Isi : Deadline Paper Submission
Form Update Terbaru
Mengisi tanggal dan keterangan. Mengklik tombol simpan
Tanggal : 20 November 2014 Keterangan : MICEEI 2014 will be hold at Arya Duta Hotel
Form Halaman Statis
Mengisi judul dan konten. Memilih file gambar jika ada. Mengklik tombol simpan
Menu Utama
Menambah menu utama dengan mengisi title, link, dan aktif tidaknya menu tersebut di halaman front-end Mengklik simpan
Title : Paper Content : Ini adalah halaman pengujian halaman statis web konferensi Title : Contact Us Link : statis-9contactus.html Aktif : Y
Submenu
Template
Menambah submenu utama dengan mengisi title, parent menu pada menu utama, link, dan aktif tidaknya submenu tersebut di halaman front-end Mengklik simpan
Title : Paper Main menu : Submission Link : statis-9contactus.html Aktif : Y
Mengklik template yang diinginkan.
Klik Template Brownie
D421102571, D421102801
5
Status Benar
Tentang Seminar terekam di database dan muncul di halaman back-end dan halaman utama front-end Data Tanggal Penting terekam di database dan muncul di tabel list juga pada widget Important Dates pada front-end. Update terbaru terekam di database dan muncul di tabel list juga di widgets front-end. Update yang belum melewati hari ini akan tertera gif New. Halaman statis terekam di database dan muncul di tabel list
Benar
Menu Contact Us terekam di database dan muncul di tabel list. Pada menu navigasi front-end juga tertera menu Contact Us Submenu Paper terekam di database dan muncul di tabel list. Pada menu navigasi front-end juga tertera submenu jika menu utama Submission disorot. Muncul tanda activated pada template brownie
Benar
Benar
Benar
Benar
Benar
Benar
Jurnal Tugas Akhir Teknik Informatika 2014
Download File
Mengisi title Mengupload file Mengklik Simpan.
Title : Format Paper Upload File : MICEEI2014_WordTemp late.doc
Gallery
Mengisi judul. Memilih file gambar Mengklik tombol simpan.
Title : Kampus Unhas Keterangan : Kampus Unhas Tamalanrea File : unhas.jpg
Slideshow
Mengisi judul. Memilih file gambar Mengklik tombol simpan.
Title : MICEEI File : MICEEI.jpg
Mengisi judul mengupload logo sponsorship, mengisi url sponsorship, mengklik simpan. Melihat paper submission Melihat review dari reviewer
Title : Upload : logo unhas url : http://www.unhas.ac.id
Mengisi username, password, nama lengkap,email, nomor telepon, dan level Mengklik simpan
Username : programchair Password : programchair Nama lengkap : program chair Email : enggielitafitriannisa@gm ail.com Nomor telepon : 08238923848 Level : program chair Nama Website : MICEEI 2014 Subheader website : Seminar Nasional Footer Website : Copyright 2014 Informatika 2010. All right reserved Designed and Developed by Informatika 2010 Alamat Website : www.unhas.ac.id/informa tika/conference Gambar icon : MICEEI.jpg
Sponsorship
Submission
Users
Form Identitas
Mengisi nama Website, alamat Website, subheader website, footer website gambar icon. Mengklik tombol update.
D421102571, D421102801
Klik Percobaan Papr Submission.pdf
6
dan menjadi template default pada front-end. File Download terekam di database dan muncul di tabel list dan widget Download pada frontend Photo Gallery terekam di database dan muncul di tabel list. Gambargambar pada photo gallery muncul di slideshow front-end Slideshow terekam di database dan muncul di tabel list juga di slideshow front-end Data sponsorship terekam di database dan di tabel list. logo sponsor muncul di widget frontend Bagian bawah tabel list akan muncul pdf preview untuk melihat paper submission Percobaan Paper Submission.pdf Data user terekam di database dan user tersebut dan mengakses halaman web sesuai hak aksesnya.
Alamat Website menjadi url frontend Nama Website dan subheader website muncul di header halaman frontend. Footer website mucul di footer halaman frontend. Icon website muncul di tab icon saat web diakses.
Benar
Benar
Benar
Benar
Benar
Benar
Benar
Jurnal Tugas Akhir Teknik Informatika 2014
Tabel 2 Tabel pengujian programchair Input Output
Interface
Skenario Pengujian
Form Login
Mengisi username dan password. Mengklik tombol Login Menambah reviewer dengan mengisi mengisi username, password, nama lengkap,email, nomor telepon, dan level reviewer Mengklik simpan
Manajemen Reviewer
Username : programchair Password : programchair Username : reviewer1 Password : reviewer1 Nama lengkap :reviewer1 Email :
[email protected] m Nomor telepon : 0986521269 Level : reviewer Paper : Percobaan Paper Submission.pdf Reviewer I : Reviewer 1 Reviewer II : enggielita annisa Reviewer III : Husnul Khatimah
Manajemen Submission (Menentukan reviewer)
Menentukan reviewer paper submission dengan memilih nama reviewer satu, reviewer dua, dan reviewer tiga. Mengklik save
Manajemen Submission (Menentukan accept/reject paper)
Mengklik tombol centang atau kali pada paper
Interface
Skenario Pengujian
Form Login
Mengisi username dan password. Mengklik tombol Login Melihat paper submission
Username : reviewer1 Password : reviewer1
Mengisi kolom komentar pada review paper dengan judul yang ditentukan
Untuk Percobaan Paper Submission.pdf Komentar : Ini adalah percobaan komentar
Review Submission (melihat paper) Review Submission (review paper)
Paper : Percobaan Paper Submission.pdf Klik centang
Halaman Utama Backend level programchair terbuka. Data user terekam di database dan user tersebut dan mengakses halaman web sesuai hak aksesnya.
Benar
Data user terekam di database dan mucul pada tabel list. User yang telah dipilih kini dapat mengakses dan melihat paper yang ditentukan untuk direview. Paper submission yang berjudul Percobaan Paper Submission.pdf diterima dan notifikasi akan mucul pada akun custom speaker yang mengupload paper tersebut.
Benar
Tabel 3 Tabel pengujian reviewer Input Output
Klik Percobaan Papr Submission.pdf
Halaman Utama Backend level reviewer terbuka. Bagian bawah tabel list akan muncul pdf preview untuk melihat paper submission Percobaan Paper Submission.pdf Review paper tesebut akan terekam di database dan akan terlihat pada halaman custom speaker yang mengupload paper tersebut.
Tabel 4.4 Tabel pengujian custom speaker
D421102571, D421102801
7
Status
Benar
Benar
Status Benar
Benar
Benar
Jurnal Tugas Akhir Teknik Informatika 2014 Interface
Skenario Pengujian
Input
Output
Status
Form Register Submission
Mengisi Nama, Email, Instansi, Phone, Password, Kode captcha Mengklik register
Tampilan konfirmasi “You have already register. Please login.”
Benar
Form Login
Mengisi email dan password. Mengklik tombol Login
Name: Aliando Email:
[email protected] m Institute: unhas Phone 085656242482 Code:7ab68b Email :
[email protected] Password : aliando
Benar
Upload Paper
Mengklik browse Memilih file pdf yang akan diupload Mengklik save
File : Percobaan Paper Submission.pdf
Melihat notifikasi dan review paper
Mengklik paper yang ingin dilihat reviewnya
File : Percobaan Paper Submission.pdf
Halaman Paper Submission pada Frontend untuk level custom reviewer terbuka. Paper akan terupload di direktori web, nama paper akan terekam di database untuk dipangil sewaktu-waktu dan akan muncul notifikasi File Percobaan Paper Submission.pdf uploaded Paper yang diterima akan muncul notifikasi “Your paper is accepted” beserta review dari masingmasing reviewer.
Interface
Skenario Pengujian
Form Registration (Sebagai peserta)
Mengisi Nama, Email, Institut, Alamat, Phone, Register as, dan Kode Captcha Mengklik kirim.
D421102571, D421102801
Tabel 4.5 Tabel pengujian guest Input Output Nama: Miftahul Jannah Email:
[email protected] m Institute: unhas Alamat : jl.bonto bila Phone : 0896787878 Register as : participant Code:4e1812
8
Tampilan konfirmasi “Terimakasih telah menghubungi kami. Kami akan segera meresponnya.”
Benar
Benar
Status Benar
