IMPLEMENTASI PEMROGRAMAN CONTENT MANAGEMENT SYSTEM PADA RANCANG BANGUN PLATFORM SISTEM INFORMASI KONFERENSI BERBASIS WEB

(1)

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.

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.

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.

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

(2)

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]

3. Perancangan Sistem 3.1 Gambaran Sistem

Secara umum cara kerja sistem informasi konferensi dapat dilihat pada gambar 1 berikut .

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

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.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 . hal-hal 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

(3)

- Mendapatkan notifikasi paper diterima atau tidak

 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).

4. Hasil dan Pengujian

Hasil rancang bangun platform sistem informasi konferensi berbasis web ini adalah tampilan web

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.

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)

Gambar 5. Tampilan Home Back-end

 Login berupa tampilan form login untuk akses administrator seperti pada gambar 6.

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,

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 back-end, sedangkan tabel 2 merupakan uji coba pada halaman front-end.

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.

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.

(5)

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.

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

Interface Skenario Pengujian Input Output Status Form Login  Mengisi username dan

password.

 Mengklik tombol Login

Username : admin Password : Admin

Halaman Utama Back-end level admin terbuka

Benar

Form Tentang Seminar

 Mengisi judul dan isi.

 Mengklik simpan

Judul : Tentang Seminar Isi : MICEEI is the premier international event…

Tentang Seminar terekam di database dan muncul di halaman

back-end dan halaman utama front-end

Benar

Form Tanggal Penting

 Mengisi tanggal, isi keterangan.

 Mengklik save

Tanggal : 27 November 2014

Isi : Deadline Paper Submission

Data Tanggal Penting terekam di database dan muncul di tabel list juga pada widget Important Dates pada front-end.

Benar

Form Update Terbaru

 Mengisi tanggal dan keterangan.

 Mengklik tombol simpan

Tanggal : 20 November 2014

Keterangan : MICEEI 2014 will be hold at Arya Duta Hotel

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.

Benar

Form Halaman Statis

 Mengisi judul dan konten.

 Memilih file gambar jika ada.

 Mengklik tombol simpan

Title : Paper Content : Ini adalah halaman pengujian halaman statis web konferensi

Halaman statis terekam di database dan muncul di tabel list

Benar

Menu Utama  Menambah menu utama dengan mengisi title, link, dan aktif tidaknya menu tersebut di halaman front-end

 Mengklik simpan Title : Contact Us Link : statis-9-contactus.html Aktif : Y Menu Contact Us terekam di database dan muncul di tabel list. Pada menu navigasi

front-end juga tertera menu Contact Us

Benar

Submenu  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-9-contactus.html Aktif : Y

Submenu Paper terekam di database dan muncul di tabel list. Pada menu navigasi

front-end juga tertera submenu jika menu utama Submission disorot.

Benar

Template Mengklik template yang diinginkan.

Klik Template Brownie Muncul tanda activated pada template brownie

(6)

dan menjadi template default pada front-end.

Download File  Mengisi title

 Mengupload file

 Mengklik Simpan.

Title : Format Paper Upload File :

MICEEI2014_WordTemp late.doc

File Download terekam di database dan muncul di tabel list dan widget Download pada

frontend

Benar

Gallery  Mengisi judul.

 Memilih file gambar

 Mengklik tombol simpan.

Title : Kampus Unhas Keterangan : Kampus Unhas Tamalanrea File : unhas.jpg

Photo Gallery terekam di database dan muncul di tabel list. Gambar-gambar pada photo gallery muncul di slideshow front-end

Benar

Slideshow  Mengisi judul.

 Memilih file gambar

 Mengklik tombol simpan.

Title : MICEEI File : MICEEI.jpg

Slideshow terekam di database dan muncul di tabel list juga di slideshow front-end

Benar

Sponsorship  Mengisi judul

 mengupload logo sponsorship,

 mengisi url sponsorship,

 mengklik simpan.

Title :

Upload : logo unhas url :

http://www.unhas.ac.id

Data sponsorship terekam di database dan di tabel list. logo sponsor muncul di widget frontend

Benar

Submission  Melihat paper submission

 Melihat review dari reviewer

Klik Percobaan Papr Submission.pdf

Bagian bawah tabel list akan muncul pdf preview untuk melihat paper submission Percobaan Paper Submission.pdf

Benar

Users  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

Data user terekam di database dan user tersebut dan mengakses halaman web sesuai hak aksesnya.

Benar

Form Identitas  Mengisi nama Website, alamat Website, subheader website, footer website gambar icon.

 Mengklik tombol update.

Designed and Developed by Informatika 2010 Alamat Website : www.unhas.ac.id/informa tika/conference Gambar icon : MICEEI.jpg Alamat Website

menjadi url frontend

Nama Website dan subheader website muncul di header halaman frontend. Footer website mucul di footer halaman front-end.

Icon website muncul di tab icon saat web diakses.

(7)

Tabel 2 Tabel pengujian programchair

Interface Skenario Pengujian Input Output Status

Form Login  Mengisi username dan password.

Username : programchair

Password : programchair

Halaman Utama Back-end level programchair

terbuka.

Benar

Manajemen

Reviewer

 Menambah reviewer dengan mengisi mengisi username, password, nama

lengkap,email, nomor telepon, dan level reviewer

 Mengklik simpan

Username : reviewer1 Password : reviewer1 Nama lengkap :reviewer1 Email : miftahuljannah@ymail.co m Nomor telepon : 0986521269 Level : reviewer

Data user terekam di database dan user tersebut dan mengakses halaman web sesuai hak aksesnya. Benar Manajemen Submission (Menentukan reviewer)

 Menentukan reviewer paper submission dengan memilih nama reviewer satu, reviewer

dua, dan reviewer tiga.

 Mengklik save

Paper : Percobaan Paper Submission.pdf

Reviewer I : Reviewer 1

Reviewer II : enggielita annisa

Reviewer III : Husnul Khatimah

Data user terekam di database dan mucul pada tabel list. User yang telah dipilih kini dapat mengakses dan melihat paper yang ditentukan untuk direview. Benar Manajemen Submission (Menentukan accept/reject paper)

 Mengklik tombol centang atau kali pada paper

Paper : Percobaan Paper Submission.pdf

Klik centang

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

Form Login  Mengisi username dan password.

Username : reviewer1 Password : reviewer1

Halaman Utama Back-end level reviewer

terbuka. Benar Review Submission (melihat paper)

 Melihat paper submission Klik Percobaan Papr Submission.pdf

Bagian bawah tabel list akan muncul pdf preview untuk melihat paper submission Percobaan Paper Submission.pdf Benar Review Submission (review paper)

 Mengisi kolom komentar pada review paper dengan judul yang ditentukan

Untuk Percobaan Paper Submission.pdf Komentar : Ini adalah percobaan komentar

Review paper tesebut akan terekam di database dan akan terlihat pada halaman custom speaker yang mengupload paper tersebut.

Benar

(8)

Form Register Submission

 Mengisi Nama, Email, Instansi, Phone, Password, Kode captcha

 Mengklik register Name: Aliando Email:aliando@gmail.co m Institute: unhas Phone 085656242482 Code:7ab68b Tampilan konfirmasi “You have already register. Please login.”

Benar

Form Login  Mengisi email dan password.

Email :

aliando@gmail.com Password : aliando

Halaman Paper Submission pada Front-end untuk level custom

reviewer terbuka.

Benar

Upload Paper  Mengklik browse

 Memilih file pdf yang akan diupload

 Mengklik save

File : Percobaan Paper Submission.pdf

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 Benar Melihat notifikasi dan review paper

 Mengklik paper yang ingin dilihat reviewnya

File : Percobaan Paper Submission.pdf

Paper yang diterima akan muncul notifikasi “Your paper is accepted” beserta review dari masing-masing reviewer.

Benar

Tabel 4.5 Tabel pengujian guest

Form Registration (Sebagai peserta)

 Mengisi Nama, Email, Institut, Alamat, Phone, Register as, dan Kode Captcha

 Mengklik kirim.

Nama: Miftahul Jannah Email:ithaaers@gmail.co m

Institute: unhas Alamat : jl.bonto bila Phone : 0896787878 Register as : participant Code:4e1812 Tampilan konfirmasi “Terimakasih telah menghubungi kami. Kami akan segera meresponnya.”