1 | D421101051, D421102511
RANCANG BANGUN CONTENT MANAGEMENT SYSTEM
UNTUK
APLIKASI WEBSITE PROGRAM STUDI
Mafika Sari Riga1, Nahya Nur1, Andani Achmad2, Amil Ahmad Ilham1
1
Program Studi S1 Teknik Informatika Universitas Hasanuddin
2
Program Studi S1 Teknik Elektro Universitas Hasanuddin
Abstrak--- Website saat ini telah menjadi salah satu kebutuhan, begitu pula dengan website program studi. Pembuatan website biasanya lebih sulit karena membutuhkan kemampuan pemrograman sehingga diperlukan sebuah aplikasi untuk mempermudah hal tersebut, yaitu dengan menggunakan Content
Management System (CMS). Penggunaan CMS lebih mudah karena CMS mempunyai konsep what you
see is what you get (wysiwyg) yang menawarkan kemampuan untuk mengelola konten website tanpa
harus mempunyai pengetahuan pemrograman. CMS yang dirancang pada penelitian ini menggunakan bahasa pemrograman website PHP dan perancangan database-nya menggunakan MySQL. Pengujian aplikasi CMS menggunakan metode Blackbox yaitu metode pengujian yang menguji fungsionalitas sistem untuk memastikan apakah fungsi yang ada pada sistem berjalan dengan baik jika diberikan inputan yang berbeda. Hasil yang diperoleh dari penelitian ini adalah sebuah CMS yang berisi modul-modul spesifik untuk membangun sebuah website program studi.
Kata kunci--- Content Management System, website, dan program studi.
1. Pendahuluan
Perkembangan teknologi informasi dan
komunikasi saat ini sudah sangat pesat. Sejak dikenalnya internet sebagai media informasi yang dapat diakses secara umum, aplikasi web menjadi semakin diminati. Website adalah salah satu contoh dari penggunaan internet yang sudah banyak digunakan baik di sekolah, instansi pemerintah,
perusahaan, maupun komunitas untuk
penyebarluasan informasi. Demikian pula dengan
website program studi suatu perguruan tinggi.
Website program studi telah menjadi salah satu
kebutuhan untuk para mahasiswa, dosen, serta pengguna lainnya secara umum yang ingin mengetahui segala sesuatu tentang program studi tersebut.
Untuk membuat sebuah website biasanya
dibutuhkan kemampuan dan pemahaman terkait pemrograman website sehingga diperlukan sebuah aplikasi yang dapat mempermudah pembuatan
website itu sendiri. Aplikasi tersebut dikenal
dengan istilah Content Management System
(CMS). CMS menawarkan kemampuan untuk mengelola konten website tanpa harus mempunyai
pengetahuan pemrograman website. CMS
dirancang untuk memberikan kemudahan dalam mengelola konten website sesuai dengan keinginan pengguna CMS [1].
Dengan latar belakang tersebut, penulis berkeinginan untuk merancang dan membuat sebuah CMS untuk aplikasi website program studi yang menyediakan modul-modul yang lebih
spesifik untuk mempermudah pembuatan website
program studi.
2. Penelitian Terkait
Salah satu penelitian terkait CMS adalah CMS Balitbang yang dirancang dan dikembangkan oleh Badan Penelitian dan Pengembangan Kementerian Pendidikan Nasional (Balitbang Kemendiknas).
CMS Balitbang merupakan sistem aplikasi website
sekolah yang dirancang untuk memenuhi
kebutuhan sekolah dalam menyebarluaskan
informasi kepada masyarakat melalui internet dan
mempermudah pengelola website atau
administrator untuk mengelola isi website sekolah [2]. Penelitian lain juga disusun oleh Abdi Wicaksono pada tahun 2011 yang berjudul
“Perancangan dan Pembuatan Content
Management System Ensiklopedia Seni dan Budaya
Nusantara”. Penelitian ini bertujuan untuk membuat sebuah CMS untuk kesenian dan budaya nusantara. Hasil penelitian ini adalah sebuah aplikasi berbasis web yang menggunakan konsep CMS dengan modul yang disediakan khusus untuk seni dan budaya nusantara[3].
Penelitian yang berhubungan dengan website
disusun oleh Siti Mulyanah Rifai dengan judul “Perancangan Website Pribadi Secara Kolektif di
Fakultas Teknik Universitas Diponegoro”.
Penelitian ini membahas tentang perancangan dan
pembuatan website civitas akademika Fakultas
Teknik Undip yang dibuat dengan menggunakan
CMS Drupal yang bersifat opensource dengan
2 | D421101051, D421102511
dimodifikasi oleh pengguna sesuai dengan
kebutuhan sistem yang akan dibuat [4]. 3. Perancangan Sistem
3.1 Gambaran Umum Sistem
Perancangan serta pembuatan aplikasi CMS dilaksanakan setelah melakukan survei
terhadap beberapa website program strudi
untuk menentukan menu-menu apa saja yang tedapat pada sebuah website program studi. Setelah menu-menu tersebut telah ditentukan,
selanjutnya dilakukan pembuatan CMS
menggunakan bahasa pemprograman PHP dan terintegrasi dengan database MySQL.
CMS ini secara umum terbagi menjadi dua
bagian utama, yatu bagian front-end dan
bagian back-end. Front-end adalah bagian
interface untuk menampilkan hasil perubahan
data yang dilakukan oleh administrator secara keseluruhan dalam tampilan website program studi sedangkan back-end adalah bagian yang
digunakan untuk melakukan perubahan
terhadap data-data yang hasilnya akan tampil pada interface front-end.
3.2 Desain Arsitektur Sistem
Arsitektur sistem CMS ini secara umum
digambarkan menggunakan diagram use case
pada gambar 1 sebagai berikut.
Gambar 1. Diagram Use Case
Gambar 1 merupakan diagram use case CMS
yang menunjukkan hak akses untuk masing-masing pengguna.
Pengguna administrator dapat mengakses
halaman front-end dan back-end sistem
sedangkan pengguna guest hanya dapat
mengakses halaman front-end sistem.
Pengguna mahasiswa dan dosen dapat
mengakses halaman front-end sistem sekaligus dapat melakukan proses login pada login form
3 | D421101051, D421102511 3.3 Perancangan Basis Data
Aplikasi CMS Program Studi memerlukan
database sebagai penyimpanan data untuk
menjalankan aplikasi. Dalam perancangan
database ini terdapat 18 tabel yang mewakili fungsionalitas CMS Program Studi, yaitu absensi, admin, artikel, dosen, event, galeri,
grabbing, halaman, link, kerjasama, komentar,
mahasiswa, penelitian, pengaturan, pengelola, pengunjung, sk-mengajar, dan tema.
3.4 Pengguna Sistem
Pengguna CMS ini secara umum terbagi menjadi empat, yaitu:
a. Administrator
Administrator adalah pengguna sistem yang memiliki hak penuh untuk mengakses aplikasi ini. Administrator dapat mengatur isi konten pada halaman website. Administator
dapat mengakses halaman front-end maupun
back-end sistem. Untuk mengakses halaman
back-end, adminstrator harus melakukan
proses login terlebih dahulu.
b. Guest
Guest adalah semua pengguna sistem yang
mengakses halaman website dan hanya
memperoleh informasi yang telah disediakan oleh administrator tanpa bisa mengubah isi
kontennya. User guest hanya dapat mengakses halaman front-end aplikasi ini.
c. Mahasiswa
Selain sebagai guest, mahasiswa adalah pengguna sistem yang dapat melakukan proses
login pada login form yang terletak pada
halaman front-end. Proses login dimaksudkan agar mahasiswa dapat mengunggah data berupa SK pembimbing, SK penguji seminar hasil, SK penguji ujian akhir, lembar pengesahan skripsi, dan sertifikat toefl.
d. Dosen
Dosen adalah pengguna sistem yang merupakan guest dan dapat melakukan proses
login pada login form yang terletak pada
halaman front-end. Proses login dimaksudkan agar dosen dapat melihat dan mengunduh SK mengajar yang diunggah oleh administrator serta SK pembimbing, SK penguji seminar hasil, SK penguji ujian akhir, dan lembar pengesahan skripsi yang diunggah oleh mahasiswa.
3.5 Context Diagram
Context diagram pada pembuatan aplikasi CMS program studi dapat dilihat pada gambar 2 sebagai berikut.
4 | D421101051, D421102511
Context diagram pada gambar 2
menunjukkan gambaran bahwa website
program studi berinteraksi dengan 4 pengguna sistem yaitu guest, mahasiswa, dosen, dan administrator.
Arus data dari mahasiswa berupa
pengaksesan data mahasiswa dan data program studi, arus data dari dosen berupa pengaksesan data dosen dan program studi, arus data guest
hanya berupa data website program studi, sedangkan arus data pada administrator, baik
masuk maupun keluar dari aplikasi website
program studi adalah semua data, baik data program studi, data mahasiswa, data dosen, data administrator, dan pengaturan website.
4. Hasil dan Pengujian 4.1 Hasil
Hasil rancang bangun CMS ini adalah tampilan web yang terbagi menjadi dua bagian,
yaitu front-end dan back-end. Front-end
merupakan antarmuka sistem berupa tampilan halaman web yang diakses oleh pengunjung
(guest). Sedangkan, back-end merupakan
antarmuka sistem untuk administrasi database, dalam hal ini halaman web yang hanya bisa diakses oleh administrator.
Halaman front-end berisi informasi
mengenai suatu program studi yang dibagi
dalam menu navigasi, slide show, web
grabbing, dan sidebar pada website. Informasi-informasi tersebut antara lain:
- Menu navigasi antara lain, beranda, profil,
akademik, penelitian, kerja sama, fasilitas, agenda, dan kontak.
- Slide show menampilkan gambar-gambar
yang telah diinput oleh administrator yang dapat berupa foto kegiatan dan hal-hal yang berkaitan dengan program studi yang bersangkutan.
- Sidebar antara lain form pencarian, artikel
terbaru, event akademik, link eksternal, dan form login.
- Web grabbing berisi konten pengumuman
dan konten beasiswa yang diambil
(grabbing) dari website
http://www.dikti.go.id.
Interface halaman front-end dapat dilihat pada gambar 3 berikut.
Gambar 3. Interface halaman front-end
Halaman back-end berisi pengaturan untuk
mengisi konten pada halaman front-end.
Komponen yang terdapat pada halaman
back-end adalah sebagai berikut:
- Form login administrator sebagai form
inputan data username dan password
administrator untuk melakukan proses
login.
Gambar 4. Form login administrator
- Admin, merupakan menu yang berisi
submenu untuk menuju ke halaman
front-end dan submenu logout untuk
melakukan proses logout (keluar) dari halaman back-end.
- Beranda, menampilkan informasi umum
terkait penggunaan CMS, diantaranya banyaknya pengunjung, jumlah artikel, jumlah halaman, banyaknya gambar pada galeri, komentar, dan jumlah pengguna.
5 | D421101051, D421102511
Gambar 5. Tampilan beranda halaman
back-end
- Post, berisi pengaturan tentang artikel,
halaman, menu manager, galeri, dan
komentar.
- Pengguna, terbagi atas tiga yaitu
administrator, mahasiswa, dan dosen. Administrator merupakan pengguna yang melakukan proses login di halaman
back-end sedangkan mahasiswa dan dosen
merupakan pengguna yang melakukan proses login di halaman front-end.
- Pengaturan, berisi pengaturan mengenai
informasi umum website program studi
seperti header, nama website, nama
perguruan tinggi, nama jurusan/ prodi, dan
footer. Serta pengaturan tema dan web
grabbing.
4.2 Pengujian
Pengujian aplikasi ini menggunakan
metode black-box yang merupakan metode
pengujian yang dirancang untuk menguji apakah sistem berjalan dengan baik atau tidak jika diberikan beberapa kondisi inputan yang berbeda[5].
Pengujian aplikasi CMS ini dapat dilihat pada tabel 1, tabel 2, dan tabel 3. Tabel 1 merupakan tabel pengujian untuk halaman
back-end, tabel 2 merupakan tabel pengujian
untuk mahasiswa pada halaman front-end, dan
tabel 3 merupakan tabel pengujian untuk dosen pada halaman front-end.
Pengujian aplikasi CMS juga melibatkan empat orang responden, dua staf Teknik Elektro dan dua staf Teknik Informatika
Unhas. Pengujian dilakukan dengan
membagikan kuesioner kepada responden untuk menjawab sejumlah pertanyaan terkait dengan tingkat kepuasaan responden terhadap penggunaan CMS program studi. Hasil
kuesioner menunjukkan bahwa tingkat
kepuasaan responden terhadap penggunaan CMS program studi sesuai dengan apa yang diharapkan.
Tabel 1
Interface Skenario Pengujian Input Output Status
Form Login Mengisi username dan
password.
Mengklik tombol Sign In
Username : admin
Password : admin
Halaman Utama Back-end
terbuka
Benar
Form tambah
artikel
Mengisi judul, tanggal, konten, penulis, dan gambar Mengklik tombol simpan
Judul: Dialog Akademik Teknik Informatika Tanggal: 15/08/2014 Penulis: author Gambar: -
Menuju ke halaman yang menampilkan semua artikel.
Benar
Form tambah
Halaman
Mengisi judul halaman dan
parent halaman.
Mengklik tombol simpan
Judul halaman: additional
Parent : none
Menuju ke halaman yang menampilkan semua halaman.
Benar
Form edit visi misi
Mengisi konten halaman Mengklik tombol edit
Konten: Menjadi pusat
pendidikan, penelitian dan alih teknologi dalam bidang rekayasa informasi ...
Menuju ke halaman yang menampilkan semua menu.
Benar
Form galeri Mengisi nama gambar dan
mengupload file gambar.
Nama gambar: tes Menuju ke halaman yang
menampilkan semua gambar.
6 | D421101051, D421102511
File: tes6185.jpg
Pengaturan Mengupload file icon dan file
header.
Mengisi nama website,
perguruan tinggi, jurusan/
prodi, dan footer.
Mengklik tombol ganti dan edit
File icon: 1606.png
File header: header.jpg Nama website: Teknik informatika Unhas Perguruan tinggi: UNIVERSITAS HASANUDDIN Jurusan/ prodi: Jurusan Teknik Elektro Prodi Teknik Informatika Footer: © 2014 Teknik Informatika Unhas. All Rights Reserved.
Menuju ke halaman yang
menampilkan pengaturan
website.
Benar
Tema Memilih tema yang
diinginkan.
Mengklik tombol simpan
Tekan button judul tema Menuju ke halaman yang
menampilkan tema website
Benar
Web grabbing
Memilih konten website
dikti.go.id yang ingin
di-grabbing.
Mengklik tombol simpan
Mencentang
Konten pengumuman dari
http://www.dikti.go.id
Menuju ke halaman yang menampilkan pilihan konten yang akan di-grabbing.
Benar
Tabel 2
Interface Skenario Pengujian Input Output Status
Login Form Mengisi username dan
password.
Mengklik tombol Sign In
Username : D42110105
Password : mahasiswa
Halaman Utama front-end
terbuka ditambah menu
dropdown untuk mahasiswa
Benar
Form edit
profil mahasiswa
Mengubah nama,
password, dan mengisi
email.
Mengklik tombol submit
Nama: Mafika Sari Riga
Password: *********
Email:
mahasiswa@gmail.com
menampilkan halaman yang berisi profil mahasiswa
Benar
Form edit SK
pembimbing
mengunggah file sk
pembimbing, mengisi judul skripsi dan memilih nama dosen pembimbing satu dan pembimbing dua. Mengklik tombol submit
File : sk pembimbing dengan format .pdf. Judul skripsi: Rancang bangun content management system untuk aplikasi website program studi Pembimbing satu: Dr. Ir. Andani Achmad, MT. Pembimbing dua: Dr. Amil Ahmad Ilham, ST., M.IT.
menampilkan halaman yang berisi judul skripsi dan nama dosen pembimbing.
7 | D421101051, D421102511
Form edit SK
seminar hasil
mengunggah file sk penguji seminar hasil dan memilih
nama dosen penguji
seminar hasil.
Mengklik tombol submit
File: sk penguji seminar hasil dengan format .pdf. Penguji:
- Dr.-Eng.Muhammad
Nizwar, ST., M.IT.
- Dr. Ir. Inggrid Nurtanio,
M.T.
- Mukarramah Yusuf,
B.Sc., M.Sc.
menampilkan halaman yang berisi judul skripsi dan daftar nama dosen penguji seminar hasil.
Benar
Form edit data
ujian akhir
mengunggah file sk penguji ujian akhir dan memilih nama dosen penguji ujian akhir.
Mengklik tombol submit
File: sk penguji seminar akhir dengan format .pdf. Penguji:
- Dr.-Eng. Muhammad
Nizwar, ST., M.IT.
- Dr. Ir. Inggrid Nurtanio,
M.T.
- Mukarramah Yusuf,
B.Sc., M.Sc.
menampilkan halaman yang berisi judul skripsi dan daftar nama dosen penguji ujian akhir.
Benar
Form edit data
toefl
mengunggah file sertifikat dan mengisi nama lembaga, skor toefl.
Mengklik tombol submit.
File : sertifikat toefl dengan format .pdf.
Nama lembaga: Pusat
Bahasa Unhas Skor toefl : 500
menampilkan halaman yang berisi nama lembaga dan skor
toefl.
Benar
Form edit
sertifikat pelatihan
Mengunggah file sertifikat
pelatihan dan nama
pelatihan.
Mengklik tombol submit.
File : sertifikat pelatihan dengan format .pdf.
Nama pelatihan: Pelatihan dini memasuki dunia kerja Angkatan XX.
menampilkan halaman yang berisi nama pelatihan dan file
pelatihan. Benar Form edit lembar pengesahan skripsi
mengunggah file lembar
pengesahan skripsi. Mengklik tombol submit.
File : lembar pengesahan skripsi dengan format .pdf.
menampilkan halaman yang
berisi nama file lembar
pengesahan skripsi.
Benar
Tabel 3
Interface Skenario Pengujian Input Output Status
Login Form Mengisi username dan
password.
Mengklik tombol Sign In
Username :
197310101998021001
Password : dosen
Halaman Utama front-end
terbuka ditambah menu
dropdown untuk dosen
Benar
Form edit
profil
Mengubah nama,
password, dan mengisi
Nama: Dr. Amil Ahmad Ilham, ST., M.IT.
menampilkan halaman yang berisi profil dosen.
8 | D421101051, D421102511
mahasiswa email.
Mengklik tombol submit
Password: *****
Email: dosen@gmail.com
SK mengajar Mengklik nama file sk
mengajar ‘klik’
Menampilkan file sk
mengajar dengan format .pdf.
Benar
SK
pembimbing
Mengklik nama file sk
pembimbing atau sk
penguji seminar hasil, atau sk penguji ujian akhir atau lembar pengesahan skripsi.
‘klik’
Menampilkan file sk
pembimbing, sk penguji
seminar hasil, sk penguji ujian akhir, dan lembar pengesahan skripsi dalam format .pdf.
Benar
SK penguji Mengklik nama file sk
penguji seminar hasil atau penguji ujian akhir
‘klik’ Menampilkan seminar hasil atau sk penguji file sk penguji ujian akhir dalam format .pdf.
Benar
5. Kesimpulan, dan Saran
Kesimpulan dari pembuatan CMS untuk aplikasi website program studi ini adalah telah dirancang dan dibangun sebuah CMS yang
menyediakan modul-modul spesifik untuk
pembuatan website program studi yang
memudahkan pengguna untuk membuat website
tanpa harus mengetahui bahasa pemrograman
website.
Pembuatan CMS 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
[1] Anonim, ”Sistem Analisa untuk Memahami
Alur Kerja Sistem,” Mastering CMS Programming
with PHP & MySQL. Semarang: Wahana
Komputer, 2011.
[2] Maulana, Alan Ridwan, dkk. “Tutorial
Membangun Website Sekolah dengan Model CMS
Balitbang Kemendiknas”. Bandung: Penerbit Informatika, 2011.
[3] Wicaksono, Abdi. “Perancangan dan
Pembuatan Content Management System
Ensiklopedia Seni dan Budaya”. 2011.
[4] Rifai, Siti Mulyanah. “Perancangan Website
Pribadi Secara Kolektif di Fakultas Teknik Universitas Diponegoro”. hal 1-2.
[5] Pressman, Roger S. “Rekayasa Perangkat Lunak”. Yogyakarta: Penerbit Andi. 2012.
Mafika Sari riga , lahir di Palu, 14 Januari 1993 dan saat ini terdaftar sebagai mahasiswa S1 Teknik Elektro, program studi Teknik
Informatika, Universitas
Hasanuddin angkatan 2010.
Nahya Nur , lahir di Polewali, 5 November 1991 dan saat ini terdaftar sebagai mahasiswa S1 Teknik Elektro, program studi Teknik Informatika, Universitas Hasanuddin angkatan 2010.