RANCANG BANGUN CONTENT MANAGEMENT SYSTEM UNTUK APLIKASI WEBSITE PROGRAM STUDI

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


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.


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


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.


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


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


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.


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


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.


-

Penguji:

-

Form edit data ujian akhir

File: sk penguji seminar akhir dengan format .pdf.


-

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.


Username : 197310101998021001

Mengklik tombol Sign In

Password : dosen

Mengubah password,

Nama: Dr. Amil Ahmad Ilham, ST., M.IT.

dan

7 | D421101051, D421102511

nama, mengisi


mahasiswa

email.

Password: *****


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.

RANCANG BANGUN CONTENT MANAGEMENT SYSTEM UNTUK APLIKASI WEBSITE PROGRAM STUDI

Recommend Documents