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

Transkripsi

1 IMPLEMENTASI PEMROGRAMAN CONTENT MANAGEMENT SYSTEM PADA RANCANG BANGUN PLATFORM SISTEM INFORMASI KONFERENSI BERBASIS WEB Enggielita Fitri 1, Miftahul Jannah 1, Amil Ahmad Ilham 1, Intan Sari Areni 2 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 D , D

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 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. 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 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 D , D

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. 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,, 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 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 (). 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 Hasil dan Pengujian Hasil rancang bangun platform sistem informasi konferensi berbasis web ini adalah tampilan web D , D

4 Gambar 5. Tampilan Home Back-end Login berupa tampilan form login untuk akses administrator seperti pada gambar Pengujian seperti nama website, sub header, alamat website, dan icon website. 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 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. 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, 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 [2] Anonim, Sistem Analisa untuk Memahami Alur Kerja Sistem, Mastering CMS Programming with PHP & MySQL.Semarang: Wahana Komputer, [3] Wicaksono, Abdi W., Perancangan dan Pembuatan Content Management System Ensiklopedia Seni dan Budaya Nusantara, hal 1, Juli [4] Kajeng, Narti, Muh.Afdal, Perancangan Sistem Informasi Pelaksanaan Seminar Pendidikan Berbasis Online pada Dinas Pendidikan Kota Makassar, hal D , D

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 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 Tabel 1 Tabel pengujian admin Form Login Mengisi username dan password. Mengklik tombol Login Username : admin Password : Admin Halaman Utama Backend level admin terbuka Form Tentang Seminar Form Tanggal Penting Form Update Terbaru Form Halaman Statis Menu Utama Submenu Template Mengisi judul dan isi. Mengisi tanggal, isi keterangan. Mengklik save Mengisi tanggal dan keterangan. Mengklik tombol simpan Mengisi judul dan konten. Memilih file gambar jika ada. Mengklik tombol simpan Menambah menu utama dengan mengisi title, link, dan aktif tidaknya menu tersebut di halaman front-end Menambah submenu utama dengan mengisi title, parent menu pada menu utama, link, dan aktif tidaknya submenu tersebut di halaman front-end Mengklik template yang diinginkan. Judul : Tentang Seminar Isi : MICEEI is the premier international event Tanggal : 27 November 2014 Isi : Deadline Paper Tanggal : 20 November 2014 Keterangan : MICEEI 2014 will be hold at Arya Duta Hotel Title : Paper Content : Ini adalah halaman pengujian halaman statis web konferensi Title : Contact Us Link : statis-9- contactus.html Aktif : Y Title : Paper Main menu : Link : statis-9- contactus.html Aktif : Y Klik Template Brownie Tentang Seminar muncul di halaman back-end dan halaman utama front-end Data Tanggal Penting 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 Menu Contact Us muncul di tabel list. Pada menu navigasi front-end juga tertera menu Contact Us Submenu Paper muncul di tabel list. Pada menu navigasi front-end juga tertera submenu jika menu utama disorot. Muncul tanda activated pada template brownie D , D

6 Download File Gallery Slideshow Sponsorship Users Form Identitas Mengisi title Mengupload file Mengklik Simpan. Mengisi judul. Memilih file gambar Mengklik tombol simpan. Mengisi judul. Memilih file gambar Mengklik tombol simpan. Mengisi judul mengupload logo sponsorship, mengisi url sponsorship, mengklik simpan. Melihat paper submission Melihat review dari reviewer Mengisi username, password, nama lengkap, , nomor telepon, dan level Mengisi nama Website, alamat Website, subheader website, footer website gambar icon. Mengklik tombol update. Title : Format Paper Upload File : MICEEI2014_WordTemp late.doc Title : Kampus Unhas Keterangan : Kampus Unhas Tamalanrea File : unhas.jpg Title : MICEEI File : MICEEI.jpg Title : Upload : logo unhas url : Klik Percobaan Papr Username : programchair Password : programchair Nama lengkap : program chair enggielitafitriannisa@gm ail.com Nomor telepon : Level : program chair Nama Website : MICEEI 2014 Subheader website : Seminar Nasional Footer Website : Copyright 2014 Informatika All right reserved Designed and Developed by Informatika 2010 Alamat Website : tika/conference Gambar icon : MICEEI.jpg 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 di tabel list. logo sponsor muncul di widget frontend Bagian bawah tabel list akan muncul pdf preview untuk melihat paper submission Percobaan Paper 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. D , D

7 Tabel 2 Tabel pengujian programchair Form Login Manajemen Reviewer Manajemen (Menentukan reviewer) Manajemen (Menentukan accept/reject paper) Mengisi username dan password. Mengklik tombol Login Menambah reviewer dengan mengisi mengisi username, password, nama lengkap, , nomor telepon, dan level reviewer Menentukan reviewer paper submission dengan memilih nama reviewer satu, reviewer dua, dan reviewer tiga. Mengklik save Mengklik tombol centang atau kali pada paper Username : programchair Password : programchair Username : reviewer1 Password : reviewer1 Nama lengkap :reviewer1 miftahuljannah@ymail.co m Nomor telepon : Level : reviewer Paper : Percobaan Paper Reviewer I : Reviewer 1 Reviewer II : enggielita annisa Reviewer III : Husnul Khatimah Paper : Percobaan Paper Klik centang Halaman Utama Backend level programchair terbuka. Data user terekam di database dan user tersebut dan mengakses halaman web sesuai hak aksesnya. 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 diterima dan notifikasi akan mucul pada akun custom speaker yang mengupload paper tersebut. Tabel 3 Tabel pengujian reviewer Form Login Review (melihat paper) Review (review paper) Mengisi username dan password. Mengklik tombol Login Melihat paper submission Mengisi kolom komentar pada review paper dengan judul yang ditentukan Username : reviewer1 Password : reviewer1 Klik Percobaan Papr Untuk Percobaan Paper Komentar : Ini adalah percobaan komentar Halaman Utama Backend level reviewer terbuka. Bagian bawah tabel list akan muncul pdf preview untuk melihat paper submission Percobaan Paper 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 D , D

8 Form Register Form Login Upload Paper Melihat notifikasi dan review paper Mengisi Nama, , Instansi, Phone, Password, Kode captcha Mengklik register Mengisi dan password. Mengklik tombol Login Mengklik browse Memilih file pdf yang akan diupload Mengklik save Mengklik paper yang ingin dilihat reviewnya Name: Aliando m Institute: unhas Phone Code:7ab68b aliando@gmail.com Password : aliando File : Percobaan Paper File : Percobaan Paper Tampilan konfirmasi You have already register. Please login. Halaman Paper 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 uploaded Paper yang diterima akan muncul notifikasi Your paper is accepted beserta review dari masingmasing reviewer. Tabel 4.5 Tabel pengujian guest Form Registration (Sebagai peserta) Mengisi Nama, , Institut, Alamat, Phone, Register as, dan Kode Captcha Mengklik kirim. Nama: Miftahul Jannah ithaaers@gmail.co m Institute: unhas Alamat : jl.bonto bila Phone : Register as : participant Code:4e1812 Tampilan konfirmasi Terimakasih telah menghubungi kami. Kami akan segera meresponnya. D , D