RANCANG BANGUN CONTENT MANAGEMENT SYSTEM UNTUK APLIKASI WEBSITE PROGRAM STUDI

Transkripsi

1 RANCANG BANGUN CONTENT MANAGEMENT SYSTEM UNTUK APLIKASI WEBSITE PROGRAM STUDI Mafika Sari Riga 1, Nahya Nur 1, Andani Achmad 2, Amil Ahmad Ilham 1 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 sorce code yang dapat digunakan serta 1 D , D

2 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 masingmasing 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 yang terdapat di halaman front-end. 2 D , D

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

4 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 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 backend 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 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 D , D

5 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. 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 Form tambah artikel Mengisi judul, tanggal, konten, penulis, dan gambar Judul: Dialog Akademik Teknik Informatika menampilkan semua artikel. Mengklik tombol simpan Tanggal: 15/08/2014 Penulis: author Gambar: - Form tambah Halaman Mengisi judul halaman dan parent halaman. Mengklik tombol simpan Judul halaman: additional Parent : none menampilkan semua halaman. Form edit visi misi Mengisi konten halaman Mengklik tombol edit Konten: Menjadi pusat pendidikan, penelitian dan alih teknologi dalam bidang rekayasa informasi... menampilkan semua menu. Form galeri Mengisi nama gambar dan mengupload file gambar. Nama gambar: tes menampilkan semua gambar. 5 D , D

6 File: tes6185.jpg Pengaturan Mengupload file icon dan file header. Mengisi nama website, perguruan tinggi, jurusan/ prodi, dan footer. File icon: 1606.png File header: header.jpg Nama website: Teknik informatika Unhas menampilkan pengaturan website. Mengklik tombol ganti dan edit 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. Tekan button judul tema menampilkan tema website Mengklik tombol simpan Web grabbing Memilih konten website dikti.go.id yang ingin digrabbing. Mengklik tombol simpan Mencentang Konten pengumuman dari menampilkan pilihan konten yang akan di-grabbing. Tabel 2 Interface Skenario Pengujian Input Output Status Login Form Mengisi username dan password. Mengklik tombol Sign In Username : D Password : mahasiswa Halaman Utama front-end terbuka ditambah menu dropdown untuk mahasiswa Form profil mahasiswa edit Mengubah nama, password, dan mengisi . Nama: Mafika Sari Riga Password: ********* berisi profil mahasiswa mahasiswa@gmail.com Form edit SK pembimbing 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 berisi judul skripsi dan nama dosen pembimbing. Pembimbing satu: Dr. Ir. Andani Achmad, MT. Pembimbing dua: Dr. Amil Ahmad Ilham, ST., M.IT. 6 D , D

7 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: 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. Form edit data ujian akhir mengunggah file sk penguji ujian akhir dan memilih nama dosen penguji ujian akhir. File: sk penguji seminar akhir dengan format.pdf. Penguji: berisi judul skripsi dan daftar nama dosen penguji ujian akhir. - Dr.-Eng. Muhammad Nizwar, ST., M.IT. - Dr. Ir. Inggrid Nurtanio, M.T. - Mukarramah Yusuf, B.Sc., M.Sc. Form edit data toefl mengunggah file sertifikat dan mengisi nama lembaga, skor toefl.. File : sertifikat toefl dengan format.pdf. Nama lembaga: Pusat Bahasa Unhas berisi nama lembaga dan skor toefl. Skor toefl : 500 Form sertifikat pelatihan edit Mengunggah file sertifikat pelatihan dan nama pelatihan.. File : sertifikat pelatihan dengan format.pdf. Nama pelatihan: Pelatihan dini memasuki dunia kerja Angkatan XX. berisi nama pelatihan dan file pelatihan. Form edit lembar pengesahan skripsi mengunggah file lembar pengesahan skripsi.. File : lembar pengesahan skripsi dengan format.pdf. berisi nama file lembar pengesahan skripsi. Tabel 3 Interface Skenario Pengujian Input Output Status Login Form Mengisi username dan password. Mengklik tombol Sign In Username : Password : dosen Halaman Utama front-end terbuka ditambah menu dropdown untuk dosen Form profil edit Mengubah nama, password, dan mengisi Nama: Dr. Amil Ahmad Ilham, ST., M.IT. berisi profil dosen. 7 D , D

8 mahasiswa . Password: ***** SK mengajar Mengklik nama file sk mengajar klik Menampilkan file sk mengajar dengan format.pdf. 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. SK penguji Mengklik nama file sk penguji seminar hasil atau penguji ujian akhir klik Menampilkan file sk penguji seminar hasil atau sk penguji ujian akhir dalam format.pdf. 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, [5] Pressman, Roger S. Rekayasa Perangkat Lunak. Yogyakarta: Penerbit Andi 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 Nahya Nur, lahir di Polewali, 5 November 1991 dan saat ini terdaftar sebagai mahasiswa S1 Teknik Elektro, program studi Teknik Informatika, Universitas Hasanuddin angkatan [2] Maulana, Alan Ridwan, dkk. Tutorial Membangun Website Sekolah dengan Model CMS Balitbang Kemendiknas. Bandung: Penerbit Informatika, [3] Wicaksono, Abdi. Perancangan dan Pembuatan Content Management System Ensiklopedia Seni dan Budaya [4] Rifai, Siti Mulyanah. Perancangan Website Pribadi Secara Kolektif di Fakultas Teknik Universitas Diponegoro. hal D , D