rancang bangun content management system untuk aplikasi

Jurnal Tugas Akhir Teknik Informatika 2014
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
1 | D421101051, D421102511
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
sorce code yang dapat digunakan serta
Jurnal Tugas Akhir Teknik Informatika 2014
dimodifikasi oleh pengguna sesuai
kebutuhan sistem yang akan dibuat [4].
3.
dengan
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 masingmasing pengguna.
Pengguna administrator dapat mengakses
halaman front-end dan back-end sistem
sedangkan pengguna guest hanya dapat
2 | D421101051, D421102511
mengakses
halaman
front-end
sistem.
Pengguna mahasiswa dan dosen dapat
mengakses halaman front-end sistem sekaligus
dapat melakukan proses login pada login form
yang terdapat di halaman front-end.
Jurnal Tugas Akhir Teknik Informatika 2014
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.
Gambar 2. Context diagram CMS
3 | D421101051, D421102511
Jurnal Tugas Akhir Teknik Informatika 2014
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. Informasiinformasi 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.
Gambar 3. Interface halaman front-end
Halaman back-end berisi pengaturan untuk
mengisi konten pada halaman front-end.
Komponen yang terdapat pada halaman backend adalah sebagai berikut:
- Form login administrator sebagai form
inputan data username dan password
administrator untuk melakukan proses
login.
Gambar 4. Form login administrator
-
Interface halaman front-end dapat dilihat
pada gambar 3 berikut.
-
4 | D421101051, D421102511
Admin, merupakan menu yang berisi
submenu untuk menuju ke halaman frontend 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.
Jurnal Tugas Akhir Teknik Informatika 2014
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.
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 backend 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.
Tabel 1
Interface
Form Login
Skenario Pengujian
Mengisi username dan
password.
Input
Username : admin
Output
Status
Halaman Utama Back-end
terbuka
Benar
Menuju ke halaman yang
menampilkan semua artikel.
Benar
Menuju ke halaman yang
menampilkan semua halaman.
Benar
Konten: Menjadi pusat
pendidikan, penelitian dan
alih teknologi dalam bidang
rekayasa informasi ...
Menuju ke halaman yang
menampilkan semua menu.
Benar
Nama gambar: tes
Menuju ke halaman yang
menampilkan semua gambar.
Benar
Password : admin
Mengklik tombol Sign In
Form tambah
artikel
Mengisi judul, tanggal,
konten, penulis, dan gambar
Judul: Dialog Akademik
Teknik Informatika
Mengklik tombol simpan
Tanggal: 15/08/2014
Penulis: author
Gambar: -
Form tambah
Halaman
Mengisi judul halaman dan
parent halaman.
Judul halaman: additional
Parent : none
Mengklik tombol simpan
Form edit
visi misi
Mengisi konten halaman
Form galeri
Mengisi nama gambar dan
mengupload file gambar.
Mengklik tombol edit
5 | D421101051, D421102511
Jurnal Tugas Akhir Teknik Informatika 2014
File: tes6185.jpg
Pengaturan
Mengupload file icon dan file
header.
Mengisi
nama
perguruan tinggi,
prodi, dan footer.
website,
jurusan/
Mengklik tombol ganti dan
edit
File icon: 1606.png
Menuju ke halaman yang
menampilkan
pengaturan
website.
Benar
Tekan button judul tema
Menuju ke halaman yang
menampilkan tema website
Benar
Mencentang
Konten pengumuman dari
Menuju ke halaman yang
menampilkan pilihan konten
yang akan di-grabbing.
Benar
Output
Status
Halaman Utama front-end
terbuka
ditambah
menu
dropdown untuk mahasiswa
Benar
menampilkan halaman yang
berisi profil mahasiswa
Benar
menampilkan halaman yang
berisi judul skripsi dan nama
dosen pembimbing.
Benar
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.
Tema
Memilih tema yang
diinginkan.
Mengklik tombol simpan
Web
grabbing
Memilih
konten
website
dikti.go.id yang ingin digrabbing.
http://www.dikti.go.id
Mengklik tombol simpan
Tabel 2
Interface
Login Form
Skenario Pengujian
Mengisi username dan
password.
Input
Username : D42110105
Password : mahasiswa
Mengklik tombol Sign In
Form
edit
profil
mahasiswa
Form edit SK
pembimbing
Mengubah
password,
email.
dan
nama,
mengisi
Nama: Mafika Sari Riga
Password: *********
Mengklik tombol submit
Email:
[email protected]
mengunggah
file
sk
pembimbing, mengisi judul
skripsi dan memilih nama
dosen pembimbing satu
dan pembimbing dua.
File : sk pembimbing
dengan format .pdf.
Mengklik tombol submit
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.
6 | D421101051, D421102511
Jurnal Tugas Akhir Teknik Informatika 2014
Form edit SK
seminar hasil
mengunggah file sk penguji
seminar hasil dan memilih
nama
dosen
penguji
seminar hasil.
File: sk penguji seminar
hasil dengan format .pdf.
Mengklik tombol submit
-
Penguji:
-
Form edit data
ujian akhir
File: sk penguji seminar
akhir dengan format .pdf.
Mengklik tombol submit
-
Penguji:
-
Form edit data
toefl
mengunggah file sertifikat
dan mengisi nama lembaga,
skor toefl.
Mengklik tombol submit.
Benar
menampilkan halaman yang
berisi judul skripsi dan daftar
nama dosen penguji ujian
akhir.
Benar
menampilkan halaman yang
berisi nama lembaga dan skor
toefl.
Benar
menampilkan halaman yang
berisi nama pelatihan dan file
pelatihan.
Benar
Dr.-Eng.Muhammad
Nizwar, ST., M.IT.
Dr. Ir. Inggrid Nurtanio,
M.T.
Mukarramah
Yusuf,
B.Sc., M.Sc.
mengunggah file sk penguji
ujian akhir dan memilih
nama dosen penguji ujian
akhir.
-
menampilkan halaman yang
berisi judul skripsi dan daftar
nama dosen penguji seminar
hasil.
Dr.-Eng. Muhammad
Nizwar, ST., M.IT.
Dr. Ir. Inggrid Nurtanio,
M.T.
Mukarramah
Yusuf,
B.Sc., M.Sc.
File : sertifikat toefl dengan
format .pdf.
Nama
lembaga:
Bahasa Unhas
Pusat
Skor toefl : 500
Form
sertifikat
pelatihan
edit
Form
edit
lembar
pengesahan
skripsi
Tabel 3
Interface
Login Form
Form
profil
edit
Mengunggah file sertifikat
pelatihan
dan
nama
pelatihan.
File : sertifikat pelatihan
dengan format .pdf.
Mengklik tombol submit.
Nama pelatihan: Pelatihan
dini memasuki dunia kerja
Angkatan XX.
mengunggah file lembar
pengesahan skripsi.
File : lembar pengesahan
skripsi dengan format .pdf.
menampilkan halaman yang
berisi nama file lembar
pengesahan skripsi.
Benar
Input
Output
Status
Halaman Utama front-end
terbuka
ditambah
menu
dropdown untuk dosen
Benar
menampilkan halaman yang
berisi profil dosen.
Benar
Mengklik tombol submit.
Skenario Pengujian
Mengisi username dan
password.
Username :
197310101998021001
Mengklik tombol Sign In
Password : dosen
Mengubah
password,
Nama: Dr. Amil Ahmad
Ilham, ST., M.IT.
dan
7 | D421101051, D421102511
nama,
mengisi
Jurnal Tugas Akhir Teknik Informatika 2014
mahasiswa
email.
Password: *****
Mengklik tombol submit
Email: [email protected]
SK mengajar
Mengklik
mengajar
SK
pembimbing
SK penguji
nama file sk
‘klik’
Menampilkan
file
sk
mengajar dengan format .pdf.
Benar
Mengklik nama file sk
pembimbing
atau
sk
penguji seminar hasil, atau
sk penguji ujian akhir atau
lembar pengesahan skripsi.
Benar
‘klik’
Menampilkan
file
sk
pembimbing,
sk
penguji
seminar hasil, sk penguji ujian
akhir, dan lembar pengesahan
skripsi dalam format .pdf.
Mengklik nama file sk
penguji seminar hasil atau
penguji ujian akhir
Menampilkan file sk penguji
seminar hasil atau sk penguji
ujian akhir dalam format .pdf.
Benar
‘klik’
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.
8 | D421101051, D421102511
[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.