BARCA CMS - Universitas Muhammadiyah Surakarta

PERANCANGAN DAN PEMBUATAN CONTENT MANAGEMENT
SYSTEM (CMS) “BARCA CMS” MENGGUNAKAN FRAMEWORK
CODEIGNITER
Naskah Publikasi
disusun oleh
Shalahuddin Salim Tsani
L200070131
JURUSAN TEKNIK INFORMATIKA
SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER
UNIVERSITAS MUHAMMADIYAH SURAKARTA
SURAKARTA
2013
NASKAII PUBLIKASI
PERANCANGAN DAN PEMBUATAN CONTENT MANAGEMENT
SYSTEM (CMS) 66BARCA CMS" MENGGUNAKAN FRAMEWORK
CODEIGNITER
disusun oleh
Shalahuddin Salim Tsani
L200070131
Pembimbing 2,
I)osen Pembimbing L,
Prof. Dr. Budi Murtivasa
NIIC 13I 410277
NIIC
Tanggal, 30 Januari 2013
Ketua Jurusan
NII(
100 970
2OO 951
DESIGN AND DEVELOPMENT OF CONTENT MANAGEMENT SYSTEM (CMS)
"BARCA CMS" USING CODEIGNITER FRAMEWORK
PERANCANGAN DAN PEMBUATAN CONTENT MANAGEMEN SYSTEM (CMS)
“BARCA CMS” MENGGUNAKAN FRAMEWORK CODEIGNITER
Shalahuddin Salim Tsani
Jurusan Teknik Informatika
UNIVERSITAS MUHAMMADIYAH SURAKARTA
Email: [email protected]
Abstract:
This study aim is to identify and understand the implementation of the
framework CodeIgniter on CMS process, and then developing an application used
for the creation of a blog that meets the technological feasibility, economic
feasibility and operational feasibility.
Developing this Barca-CMS with CodeIgniter framework uses the ModelView-Control architecture, the basic of this architecture is the separation of
application logic to the view. Using this pattern is expected to minimize the
writing of the command, to minimalize the risk bugs, and also to improve the
efficiency of application development.
Front-end display page is a page that can be accessed by visitors/guest
who visit a website/sites. Back-end page content management is a page that will
be showing on the front-end and can only be accessed by the admin and author
are registered.
Keyword: Barca CMS, Content Management System, CodeIgniter, Framework.
Abstraksi:
Penelitian ini bertujuan untuk mengetahui dan memahami implementasi
framework
CodeIgniter pada proses pembuatan CMS, kemudian
mengembangkannya menjadi sebuah aplikasi yang digunakan untuk pembuatan
suatu blog yang memenuhi kelayakan teknologi, kelayakan ekonomi maupun
kelayakan operasional
Pembuatan Barca-CMS dengan framework CodeIgniter ini menggunakan
arsitektur Model-View-Control, dasar arsitektur ini adalah adalah pemisahan
logika aplikasi dengan tampilan. Menggunakan pola ini diharapkan dapat
meminimalisir penulisan perintah, sehingga resiko terjadinya bug juga minimal,
serta meningkatkan efisiensi pembangunan aplikasi.
Halaman front end adalah tampilan halaman yang dapat diakses oleh
pengunjung yang mengunjungi suatu website/situs. Halaman back end adalah
halaman pengelola konten yang akan ditampilakan pada front end dan hanya bisa
diakses oleh admin dan author yang terdaftar.
Katakunci: Barca CMS, Content Management System, CodeIgniter, Framework
yang akan mereka gunakan dalam
1. Pendahuluan
Content Management System
sebagai suatu metode atau sistem
yang dapat meningkatkan tingkat
pembuatan blog.
2. Landasan Teori
2.1
Pengertian CMS
CMS
produktivitas dan efisiensi dalam
atau
Content
Managemen System adalah perangkat
pengembangan
website
sangatlah
dibutuhkan. Dan salah satu solusi
yang tepat untuk ini adalah dengan
lunak yang memungkinkan untuk
menambah
Content
Mangement
System atau CMS. Untuk membuat
website/blog yang dapat digunakan
memanipulasi
(mengubah) isi dari suatu situs web.
Dengan
menerapkan
dan
demikian
setiap
orang
penulis maupun editor, setiap saat
dapat menggunkan secara leluasa
untuk membuat, menghapus atau
bahkan memperbaharui isi website
untuk pertukaran informasi maupun
pengetahuan.
tanpa campurtangan langsung dari
pihak
webmaster.
Karena
CMS
memisahkan antara isi dan desain,
Penelitian ini bertujuan untuk
mengetahui
dan
implementasi
CodeIgniter
memahami
framework
(CI)
pembuatan
CMS,
pada
proses
kemudian
mengembangkannya menjadi sebuah
aplikasi
yang
pembuatan
digunakan
suatu
blog
untuk
konsistensi tampilan dapatsenantiasa
dijaga dengan baik. Setiap bagian
dari website dapat memiliki isi dan
tampilan yang berbeda-beda, tanpa
harus khawatir kehilangan identitas
dari website secara keseluruhan.
2.1.1
1.
Manajemen Data
2.
Mengatur
Siklus
3.
Mendukung Web Templating
dan Terstandarisasi
para blogger untuk memilih CMS
Hidup
Website
dan
memberikan opsi tambahan kepada
Manfaat CMS
4.
Personalisasi Website
5.
Sindikasi
berisi perintah untuk mengambil,
6.
Akuntabilitas
mengubah,
2.1.2
Model CMS
menambahkan data.
View
menghapus
merupakan
dan
1. CMS Komersil
2.
tempat
2. CMS Open Source
untuk meletakkan apa yang akan
Pengertian Framework
ditampilkan dihalaman peramban
Framework
adalah
(Browser). Sebuah berkas view
sekumpulan fungsi, class dan aturan.
umumnya berisi kode bahasa
Berbeda dengan library yang sifatnya
pemrograman sisi klien (Client
untuk tujuan tertentu saja, framework
Scripting).
bersifat
3.
2.2
menyeluruh
mengatur
Controller
merupakan
bagaimana kita membangun aplikasi.
pengatur utama antara model,
2.3
Pengertian Codeigniter
view dan juga sumberdaya lain
CodeIgniter
yang tersedia. Sumberdaya ini
adalah
seperangkat alat yang digunakan
diperoleh
untuk
kelas yang dapt disebut dengan
memudahkan
aplikasi
berbasis
membangun
web
dengan
menggunakan bahasa pemrograman
PHP.
2.3.1
dari
kelompok/tipe
framework CI
2.4
Bahasa Pemrograman
1. Hypertext
Markup
Language
(HTML)
MVC Codeigniter
Dasar arsitektur ini adalah
2. Hypertext Preprocessor (PHP)
adalah pemisahan logika aplikasi
3. Cascading Style Sheet (CSS)
dengan tampilan. Menggunakan pola
4. Database MySQL
ini diharapkan dapat meminimalisir
2.5
Software
penulisan perintah, sehingga resiko
2.5.1
Notepad++
terjadinya bug juga minimal, serta
meningkatkan
efisiensi
pembangunan aplikasi.
1.
Model
bertanggung
Notepad++
komponen
Scintilla
menggunakan
untuk
dapat
menampilkan dan menyuntingan teks
jawab
dan berkas kode sumber berbagai
untuk melakukan pengolahan data
bahasa pemrograman yang berjalan
dalam basis data. Didalamnya
diatas
sistem
operasi
Microsoft
Windows.
Selain
manfaat
dan
kemampuannya menangani banyak
bahasa pemrograman, Notepad ++
juga
dilisensikan
3. Analisis
Dan
Sistem
3.1
Identifikasi Permasalahan
sebagai
Dari hasil pengidentifikasian
perangkat free.
dapat
2.5.2
permasalahan
Apache Web Server
Apache
web
server
Perancangan
ditemukan
sistem
permasalahan-
yang
yang
terjadi
sedang
pada
berjalan.
merupakan server web yang paling
Diantaranya adalah:
banyak digunakan pengguna internet
1. Cara pembuatan website secara
saat ini, dikarenakan oleh beberapa
konvensional yakni coding dari
faktor seperti kecepatan aksesnya
awal
dan opensource.
membutuhkan waktu yang lama
2.5.3
untuk
Web Browser
Dengan
web
browser,
terlalu
susah
membangun
dan
sebuah
website.
memungkinkan kita sebagai client
2. Tidak semua orang memiliki
untuk dapat mengakses dan melihat
kemampuan yang cukup tentang
setiap dokumen di web. Mozilla
web
Firefox adalah salah satu contoh web
mustahil dilakukan oleh orang
browser yang penulis gunakan dalam
yang masih awam.
programing
aplikasi ini.
3.2
2.5.4
Sedang Berjalan
Twitter Bootstrap
Twitter
Bootstrap
adalah
sebuah alat bantu untuk membuat
sebuah tampilan halaman website
3.2.1
Analisis
sehingga
Sistem
Yang
Pembuatan Website Secara
Konvensional.
Pembuatan
website
yang dapat mempercepat pekerjaan
konvensional
seorang
website
oleh orang yang sudah mahir dalam
ataupun pendesain halaman website.
pemrograman web, hal ini untuk
Sesuai namanya, website yang dibuat
menyesuaikan dengan kebutuhannya,
dengan alat bantu ini memiliki
sehingga fitur-fitur yang tersedia
tampilan halaman yang mirip dengan
sesuai dengan kebutuhan dan tidak
tampilan halaman Twitter.
ada fitur-fitur yang mubadzir. Untuk
pengembang
biasanya
secara
dilakukan
menerapkan
cara
ini
diperlukan
2. CMS mempunyai bagian engine
pengetahuan yang cukup dibidang
dan
pemrograman
sehingga
web,
programer
layout
yang
pada
terpisah
saat
ada
setidaknya harus menguasai PHP,
perubahan layout, bagian engine
MySql, HTML dan CSS.
tidak terpengaruh, begitu juga
3.2.2
sebaliknya.
Menggunakan CMS
Saat
ini
blogger
3. CMS
mempunyai
struktur
memanfaatkann CMS sebagai saran
pemrograman
untuk membuat website mereka,
sederhana sehingga diharapkan
CMS yang tersedia saat ini juga
akan memudahkan dipahami dan
cukup banyak dan beragam yang
dimodifikasi oleh orang yang
mempunyai
belajar pemrograman web.
kelebihandan
kekurangan masing-masing.
3.2.3
4. CMS
yang
akan
dibuat
diharapkan mempunyai perbedaan
mempunyai
CMS ini bisa menjadi pilihan bagi
3.2.4
Analisis Kelayakan
Unsur dasar yang dipilih
dalam menilai kelayakan suatu CMS
pengguna. Kriteria yang diharapkan
1. Kelayakan teknologi
ada dalam CMS ini adalah sebagai
2. Kelayakan ekonomi
berikut:
3. Kelayakan operasional
1. CMS mempunyai dua bagian
utama terpisah yakni bagian
yang hanya bisa
3.3
Perancangan sistem
Konsep CMS yang akan dibuat
untuk
halaman
diakses oleh pengelola sebagai
halaman front end.
bagian
3.4
management
unsur
ringan untuk diakses.
dari CMS yang telah ada sehingga
back end
lebih
kemudahan bagi penguna dan
Analisis kebutuhan
CMS
yang
kontent
yang ingin kita ditampilkan dan
back
end
dan
Database
Dalam
merancang
sebuah
bagian front end yaitu bagian
database dirancang memiliki proses
tampilan yang diakses langsung
yang
oleh semua pengunjung.
mengandalikan atau memecahkan
bertujuan
untuk
tugas kedalam beberapa model atau
sub-sub program kemudian untuk
dipakai kedalam sistem.
3.5
4.2.1
Komponen Front End
1. Header
berisi
title
dan
Rancangan Barca CMS
deskripsi mengenai blog/web
Aplikasi halaman back end:
yang dibuat.
1. Halaman Login
2. Page
digunakan
2. Halaman pengaturan komentar
pembuatan
3. Halaman posting baru
dalam
4. Halaman page
blog/web.
5. Halaman kategori
3. Kategori
6. Halaman
pengaturan
memilih
admin/author
4. Recent
8. Halaman pengaturan template
4. Implementasi Dan Pembahasan
Implementasi
tindak
halaman
utama
digunakan
untuk
content
dalam
lanjut
dalam
direncanakan
sebelumnya.
Post
menampilkan
5. Recent coment menampilkan
sistem
CMS yang akan digunakan, sesuai
desain
baru
posting terkini.
komentar terkini
6. Posting menampilkan artikel
pembuatan dan pengujian Barca
dengan
halaman
kategori tertentu
7. Halaman pengaturan publikasi
merupakan
untuk
yang telah di-publish.
4.2.2
Komponen Back end
1. Halaman
sebagai
Login
jalur
berfungsi
masuk
ke
4.1 Kegiatan Implementasi
halaman back end sekaligus
1. Pembuatan Database
menentukan hak akses user.
2. Pembuatan Engine Barca CMS
2. Halaman Dashboard, halaman
3. Pembuatan Layout Barca CMS
back end pertama yang tampil
4. Pengujian Barca CMS
ketika user berhasil masuk.
5. Instalasi Barca CMS
3. Halaman
6. Test Perbandingan Barca CMS
dengan Wordpress
7. Test
Menggunakan
Engine
4.2
Pembahasan
Posting
yang
berfungsi menambah artikel.
4. Halaman Daftar Posting, berisi
Search
daftar posting yang telah terpublish. Terdapat menu ubah
dan hapus untuk mengorganisir
artikel yang telah ter-publish.
5. Halaman
Page,
1. Barca CMS berhasil dibangun
menggunakan
framework
berfungsi
menambah halaman page/menu
CodeIgniter
dan
dapat
dijalankan dengan baik untuk
di halaman utama.
6. Halaman Kategori berfungsi
membuat suatu website serta
untuk mengorganisir kategorikategori yang akan dan telah
7. Halaman
Pengaturan
Komentar,
berfungsi
mengorganisir
komentar-
Admin
berfungsi
menambah
mengorganisir
admin/author
seperti
menambah,
meng-update, dan mengatur isi
website.
2. Barca CMS mampu memenuhi
standar kelayakan CMS. Dilihat
dari teknologi yang digunakan
9. Halaman Pengaturan Publikasi,
untuk
end seperti, jumlah posting
yang tampil di halaman home,
mengatur
format
saat ini, Barca CMS memiliki
mengatur
tampilan pada halaman front
kelayakan teknologi yang cukup
memadai. Dari segi ekonomi,
Barca CMS berlisensi free dan
tanggal,
menampilkan posting berkaitan
dan lain-lain.
5. Penutup
5.1
website
dan
tambahan.
berfungsi
yang
untuk
komentar yang telah masuk.
untuk
aplikasi
mendukung untuk pengelolaan
dibuat.
8. Halaman
menyediakan
opensource yang berarti dapat
diunduh dan digunakan secara
gratis. Dari segi operasional,
Kesimpulan
Setelah melewati beberapa
bab sebelumnya, dapat disimpulkan
bahwa :
Barca CMS dirancang simple
dan sederhana sehingga mudah
untuk digunakan.
3. Dengan kelebihan dan
kekurangannya,
Barca
CMS
2. Menambah aplikasi pencarian
untuk memudahkan pencarian
mampu memenuhi ekspektasi
untuk memudahkan seseorang
dalam membuat, mengelola, dan
merawat
kelangsungan siklus
artikel yang diinginkan.
3. Menambah
aplikasi
untuk
menampilkan jam atau kalender
hidup website.
5.2
pada website.
Saran
1. Menambah
modul
sebagai
4. Menambah lebih banyak lagi
pilihan template CMS.
aplikasi untuk melihat statistik
jumlah pengunjung website.
Daftar Pustaka
Al Fatta, Hanif. 2007. Analisis dan Perancangan Sistem Informasi Untuk
Keunggulan Bersaing Perusahaan dan Organisasi Modern. Yogyakarta :
Andi Offset
Hakim, L. 2009. Trik Rahasia Master PHP Terbongkar Lagi. Yogyakarta :
Lokomedia
Novianto, Ary. 2010. Burn Your PHP Code using Codeigniter. Yogyakarta :
Skripta
Pratama, Antonius Nugraha Widhi. 2010. Cara Mudah Membangun Aplikasi
PHP. Jakarta : Mediakita
Fadheli, Chairul. 2012. http://www.maniacms.web.id/2012/01/pengertianphp.html. Tanggal akses : 10 Nopember 2012
Fadheli, Chairul. 2012. http://www.maniacms.web.id/2012/01/pengertianmysql.html. Tanggal akses : 10 Nopember 2012
Fadheli, Chairul. 2012. http://www.maniacms.web.id/2012/01/pengertian-apacheweb-server.html. Tanggal akses : 10 Nopember 2012
Fahrizal, Ahmad. 2012. http://www.ahmadfahrizal.net/2012/06/pengertian-dankegunaan-html. Tanggal akses : 10 Nopember 2012
Hermawan, Rizqianto. 2012. http://nafas-diri.blogspot.com/2012/09/pengertiandan-sejarah-codeigniter.html. Tanggal akses : 10 Nopember 2012
Ismail, Rizky. 2012. http://rizkykurnia19.blogspot.com/2012/09/pengertian-webbrowser-dan-contohnya.html. Tanggal akses : 10 Nopember 2012
Perdana, Guntur Restu. 2012.
http://gunturrestuperdana.blogspot.com/2012/04/pengertian-css-konsepdasar-css.html. Tanggal akses : 10 Nopember 2012
Telkom, Politeknik. 2012.
http://blog.politekniktelkom.ac.id/multimedia/2012/05/09/frameworkadalah/. Tanggal akses : 10 Nopember 2012
Wikipedia. 2012. http://id.wikipedia.org/wiki/Notepad%2B%2B. Tanggal akses :
10 Nopember 2012
Wikipedia. 2012. http://id.wikipedia.org/wiki/Twitter_Bootstrap. Tanggal akses :
10 Nopember 2012
Wikipedia. 2012. http://id.wikipedia.org/wiki/Firebug_%28perangkat_lunak%29.
Tanggal akses : 10 Nopember 2012