implementasi pemrograman content management system pada

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