Di ajukan sebagai tugas Ujian Akhir Semester Mata Kuliah Web Design
DISUSUN OLEH :
Alhamdulillah puji syukur kita panjatkan kehadirat Allah SWT atas segala limpahan
rahmat, dan hidayah-Nya sehingga penulis dapat menyelesaikan laporan ini tepat pada
waktunya, penulis sadari bahwa penyusunan laporan ini masih jauh dari kesempurnaan baik
dari segi bahasa ataupun struktur penulisannya. Tetapi penulis berusaha semaksimal mungkin
untuk menampilkan yang terbaik khususnya untuk saya sendiri sebagai penyusun maupun
Penulis juga mengucapkan terima kasih kepada semua pihak yang turut membantu
dalam proses penyusunan laporan ini, terutama kepada dosen pembimbing maupun rekan-
rekan mahasiswa.
Penulis menyadari bahwa penyusunan laporan ini masih banyak kekurangan oleh
karena itu penulis mengharapkan kritik dan saran dari pembaca yang sifatnya membangun
Penyusun
BAB I
PENDAHULUAN
Dewasa ini perkembangan dunia yang paling cepat dirasakan adalah perkembangan teknologi
informasi dan komunikasi. Sebagai salah satu bagian dari teknologi informasi itu, dikenal
adanya internet, sebelum itu diperkenalkan dengan istilah Jaringan (Network). Jaringan
(network) adalah kumpulan dua atau lebih komputer yang terhubung secara fisik sehingga
Internet adalah kumpulan paling akhir dan paling besar dari jaringan di seluruh dunia.
Dunia internet tidak lepas dari teknologi Website atau lebih dikenal dengan sebutan web. Web
adalah salah satu fitur dari intenet disamping fitur-fitur lain seperti e-mail, remote (SSH) dan
ftp. CMS (Content Management Sistem) secara definisi dapat diartikan sebagai Sebuah
sebuah web dan mengadakan perubahan isi konten sebuah website tanpa perlu harus dibekali
pengetahuan tentang hal-hal yang bersifat teknis tanpa harus memiliki pengetahuan tentang
Dengan demikian, setiap orang, penulis maupun editor maupun yang baru belajar web
designer/development atau orang awam sekalipun setiap saat dapat menggunakannya secara
leluasa untuk membuat, menghapus atau bahkan memperbaharui isi website tanpa campur
web sehingga proses maintenance (pemeliharaan) dapat dilakukan lewat browser (web-base).
Sulit untuk mendefinisikan CMS secara utuh karena meliputi sifat dan berbagai fungsi yang
sangat beragam. Karena sistem ini saling berkaitan dengan perusahaan pembuat software,
opensource atau aplikasi-aplikasi di dunia, maka sistem ini akan selalu berkembang secara
berkelanjutan yang pada prinsipnya sistem ini akan selalu dikembangkan menjadi sistem
Karena CMS memisahkan antara isi dan desain, konsistensi tampilan dapat senantiasa dijaga
dengan baik. Setiap bagian dari website dapat memiliki isi dan tampilan yang berbeda-beda,
tanpa harus khawatir kehilangan identitas dari website secara keseluruhan. Oleh karena
semua data disimpan dalam satu tempat, pemanfaatan kembali dari informasi yang ada untuk
CMS juga memberikan kefleksibelen dalam mengatur alur kerja atau workflow dan hak
website. Hal ini akan sangat menguntungkan bila website yang dikelola memiliki
Keuntungan menggunakan CMS adalah menjaga website terstruktur dengan baik dan
keamanan data. Pada laporan ini akan termuat tiga teori CMS beserta dengan cara
Ada beberapa masalah yang termuat di dalam laporan ini adalah sebagai berikut:
1.3 Tujuan
BAB II
KAJIAN PUSTAKA
CMS (Content Management System) adalah aplikasi web yang siap pakai. Ini merupakan
istilah untuk pemilik website mengupdate websitenya tanpat bantuan pengembang web. Yang
dilakukan pengembang web hanya installasi awal dan konfigurasi awal saja. Selanjutnya
untuk pengisian artikel, gambar, dan konten-konten lainnya bisa dilakukan oleh pemilik
website tanpa harus mengetahui kode-kode HTML ataupun pemrograman web seperti PHP
Content Management System (CMS) adalah software sistem manajemen konten yang
diimplementasikan dalam bentuk aplikasi web, digunakan untuk membuat dan mengelola
konten HTML. Aplikasi ini dipakai untuk mengelola dan mengatur material web (dokumen
HTML dan gambar yang terkait) yang dinamis dalam jumlah besar. CMS memfasilitasi
pembuatan dan pengaturan konten, pengeditan, dan banyak fungsi esensial dari pemeliharaan
web.
a. Fungsi CMS
1. Manajemen data
Ini merupakan fungsi utama dari CMS. Semua data/informasi baik yang telah ditampilkan
ataupun belum dapat diorganisasi dan disimpan secara baik. Suatu waktu data/informasi tadi
dapat dipergunakan kembali sesuai dengan kebutuhan. Selain itu, CMS juga mendukung
berbagai macam format data, seperti XML, HMTL, PDF, dll., indexing, fungsi pencarian, dan
Banyak CMS memberikan fasilitas kepada para penggunanya untuk mengelola bagian atau
isi mana saja yang akan ditampilkan, masa/waktu penampilan dan lokasi penampilan di
website. Tak jarang sebelum ditampilkan, bagian atau isi yang dimaksud terlebih dahulu di-
Setiap halaman website yang dihasilkan berasal dari template yang telah terlebih dahulu
disediakan oleh CMS. Selain dapat menjaga konsistensi dari tampilan secara keseluruhan,
para penulis dan editor dapat berkonsentrasi secara penuh dalam melaksanakan tugasnya
Sekali sebuah isi ditempatkan ke dalam CMS, isi tersebut dapat ditampilkan sesuai dengan
keinginan dan kebutuhan dari penggunanya. Terlebih lagi dengan kelebihan CMS yang dapat
memisahkan antara desain dan isi, menyebabkan proses personalisasi dapat berjalan dengan
mudah.
5. Sindikasi
Sindikasi memberikan kemungkinan kepada sebuah website untuk membagi isinya kepada
website-website yang lain. Format data yang didukung juga cukup variatif mulai dari rss, rdf,
xml hingga backend scripting. Sama halnya dengan personalisasi, sindikasi juga dapat
dilakukan dengan mudah karena isi dan desain telah dibuat terpisah.
6. Akuntabilitas
Oleh karena CMS mendukung alur kerja dan hak akses yang jelas kepada para penggunanya,
ataupun editor memiliki tugas masing-masing dengan hak akses yang berbeda-beda pula.
Kelebihan CMS :
o Waktu pembuatan website cepat, karena tidak menulis kode dan merancang database.
o Isi website bisa diubah oleh orang yang tidak menguasai pemrograman web (HTML,
Kekurangan CMS :
o Bentuk dan fitur website mirip dengan website yang lain yang dibuat dengan CMS
yang sama.
o Fitur dan fungsi website terbatas, tidak 100% sesuai dengan keinginan pemilik
website.
o Untuk website kecil penggunaan CMS terlalu berlebihan, dan untuk website
Ada beberapa CMS berikut ini yang sangat populer yang bisa gunakan secara gratis.
Tujuannya adalah untuk membuat website sesuai dengan kebutuhan. Di antaranya adalah
SilverStripe adalah CMS mempunyai fitur lengkap dan mampu menyediakan apa yang kita
butuhkan. CMS ini dibangun memggunakan bahasa pemrograman php dan database Sapphire
. SilverStripe mempunyai banyak pendukung aplikasi dan dapat membantu para pengembang
untuk lebih berkarya. SilverStripe di rilis pada bulan November tahun 2006 oleh beberapa
SilverStripe adalah sistem manajemen konten sumber bebas dan terbuka (CMS
OpenSource) untuk menciptakan dan memelihara website. Hal Ini memberikan keluaran dari
panel berbasis web kotak administrasi yang memungkinkan pengguna untuk membuat
modifikasi pada bagian-bagian situs web, yang mencakup situs web editor WYSIWYG. Inti
SilverStripe dirilis di bawah Lisensi BSD. Sebuah demonstrasi online dari CMS tersedia
sebagai video dan sebagai demo interaktif. Dokumentasi yang tersedia untuk pengguna CMS
kerangka untuk membangun dan memperluas website didasarkan pada teknik pemrograman
modern termasuk model-view controller (MVC seperti, model tersebut tidak mencakup
HTML yang menawarkan penampung sederhana dan logika kondisional. SilverStripe dapat
1. Kelebihannya :
2. Kekurangannya :
CMS e107 adalah Penerbitan Solusi Konten Lanjutan Pages Situs Web, Dokumen, Menu dan
Link (Content Management System) didukung oleh PHP dan MySQL yang memberikan
Anda sebuah website benar-benar dinamis dan profesional di luar kotak. Ini open source
(gratis), mudah disesuaikan dan tidak memerlukan pengetahuan tentang bahasa pemrograman
untuk menggunakannya untuk membangun sebuah situs web. Hal ini mudah digunakan untuk
pemula dan belum kuat dan cukup fleksibel untuk memenuhi kebutuhan para profesional.
Dengan e107 Anda dapat membuat website bisnis dengan mudah dan cepat atau situs
komunitas. Ada sistem forum yang kuat sebagai aplikasi dasar dan file-based caching dengan
kinerja tinggi. CMS e107 dirilis di bawah GNU General Public License.
1. Kelebihannya :
o Installasi mudah
1. SejarahWordpress
(Matt Mullenweg, Ketua Pengembang WordPress)
Sejarah WordPress dimulai saat Matt Mullenweg yang merupakan pengguna aktif dari b2
yang bernama Michel Valdrighi, Matt Mullenweg merasa sayang dan mulai melanjutkan
pengembangan b2.[6]
WordPress muncul pertama kali di tahun 2003 hasil kerja keras Matt Mullenweg dengan
Mike Little.[6] Yang membuat WordPress makin terkenal, selain karena banyaknya fitur dan
tampilan yang menarik, adalah juga karena dukungan komunitas terhadap perangkat
pengguna tidak perlu melakukan instalasi atau konfigurasi yang cukup sulit.[5] Sayangnya,
disediakan.[8] Meski demikian, fitur yang disediakan oleh WordPress.com sudah cukup bagus.
[8]
WordPress.org merupakan wilayah pengembang (developer). Di alamat ini, seseorang dapat
mengunduh (download) aplikasi beserta seluruh berkas CMS WordPress. Selanjutnya, CMS
ini dapat diubah ulang selama seseorang menguasai PHP, CSS dan skrip lain yang
o WordPress.com: untuk pengguna yang ingin membuat blog sendiri secara cepat dan
kebutuhan sendiri atau ingin membuat blog menggunakan alamat dan server sendiri.
1. Versi
Para pengembang inti WordPres saling berbagi layaknya membuat komposisi musik jazz, dan
para musisi jazztersebut dengan segala penghormatan dan pujian. Namun ada tiga rilisan
sebelum versi 1.0 yang tidak mereka beri sebutan dan hanya menyertakan versinya saja.
[10]
Berikut daftar versi, tanggal rilis dan nama sandi yang berasal dari nama musisi jazz: [10]
2. Pengertian WordPress
WordPress adalah sebuah aplikasi sumber terbuka (open source) yang sangat populer
digunakan sebagai mesin blog (blog engine). WordPress dibangun dengan bahasa
pemrograman PHP dan basis data (database) MySQL. PHP dan MySQL, keduanya
merupakan perangkat lunak sumber terbuka (open source software). Selain sebagai blog,
WordPress juga mulai digunakan sebagai sebuah CMS (Content Management System) karena
WordPress adalah sebuah blog tool berdasarkan bahasa pemograman PHP dan data base
system)yang bersifat gratis. CMS disini adalah yang dimaksud disini adalah sebuah
perangkat lunak yang dapat mengatur isi dari sebuah situs maupun blog.wordpress
merupakan sebuah platform blog sebagai penerus dari generasi B2/Cafeblog dan masih
Fitur wordpress ini bersifat dinamis, hal ini disebabkan adanya perbaikan bahkan
perombakan dari versi lama ke versi yang lebih baru. Namun secara umum fitur wordpress
o Lisensi GNU General Public License sehingga dapat didownload secara bebas (gratis)
o Support dengan berbagai bahasa, bahkan untuk sekarang ini bukan hanya bahasa
Indonesia yang telah disupport akan tetapi WordPress dalam bahasa sunda pun sudah
tersedia.
o Kemudahan posting dengan dukungan WYSIWYG (What You See Is What You Get)
editor.
o Kemudahan mengimport data dari sistem blog lainnya.
o Menggunakan interface XML RPC yang memungkinkan posting dari mana saja.
1. Kelebihan :
2. Kekurangan :
o CMS-nya bisa di download dan dijalankan secara offline atau dipasang di web hosting
lain
o Tidak bisa mengedit themes misalnya merubah css dan HTML kecuali upgrade
berbayar
BAB III
PEMBAHASAN
3.1 Cara Instalasi Silverstripe CMS Pada Localhost
SilverStripe adalah CMS mempunyai fitur lengkap dan mampu menyediakan apa yang wisnu
butuhkan. CMS ini dibangun memggunakan bahasa pemrograman php dan database Sapphire
. SilverStripe mempunyai banyak pendukung aplikasi dan dapat membantu para pengembang
untuk lebih berkarya. SilverStripe di rilis pada bulan November tahun 2006 oleh beberapa
Adapun cara instalasi silverstripe cms pada localhost adalah sebagai berikut.
Langkah 1 :
Buat new folder di data C://XAMPP//htdocs dengan nama folder silverstripe, atau sesuai
dengan keinginan Anda. Setelah itu, cari file SilverStripe-cms-v3.0.3 lalu klik, kemudian
Langkah ke-2 :
Buka browser (firefox/chrome) lalu ketik URL localhost/phpmyadmin tekan enter , maka
muncullah gambar seperti di bawah ini. Lalu pilih bahasa sesuai yang di inginkan
Setelah itu, pilih DATABASE maka tampil gambar seperti di bawah ini. Lalu masukkan
Create new Database dengan nama dbsilverstripe lalu create, sesuai petunjuk di bawah ini.
Langkah Ke-3 :
Setelah pembuatan database selesai, maka selanjutnya buka browser (Chrome/Firefox) lalu
Setelah tampil layar di atas, maka selanjutnya klik SilverStripeCMS-v2.4.2. sesuai petunjuk
Keterangan pengisian server untuk gambar di atas adalah: isi server = localhost, username =
Langkah Ke-4 :
Isi email = sesuai dengan keinginan Anda misalkan ;
SilverStripe.
Langkah Ke-5 :
Setelah selesai tahap pengisian server berdasarkan petunjuk diatas, maka kita tunggu tahap
proses penginstalan ini sampai selesai., ternyata hasil dari penginstalannya ialah seperti
Proses instal telah sukses, maka tinggal (Click Here to Delete the Instal Files) yang berwarna
biru.
Langkah Ke-6 :
Setelah click here to delete the install files, maka akan muncul tampilan seperti ini.
Setelah melakukan Log In, maka muncul Silahkan Log In dengan menggunakan Email dan
Langkah Ke-7 :
tampilan gambar di bawah ini. Di sini muncul file Instalasi telah di hapus, kemudian klik the
Setelah klik the CMS, maka yg akan muncul seperti gambar di bawah ini. Tampilan berikut
ini adalah tampilan administrator dari SilverStripe CMS dengan konten-konten didalamnya.
3.2 Cara Instalasi e107 CMS pada localhost
Dengan e107 Anda dapat membuat website bisnis dengan mudah dan cepat atau situs
komunitas. Ada sistem forum yang kuat sebagai aplikasi dasar dan file-based caching dengan
kinerja tinggi. CMS e107 dirilis di bawah GNU General Public License.
Adapun cara instalasi e107 cms pada localhost adalah sebagai berikut.
Langkah 1 :
Sebelum melakukan proses extract ,terlebih dahulu buat new folder di data
C://XAMPP//htdocs dengan nama folder e107cms. Setelah itu, cari file e107_1.0.2_full lalu
Langkah ke-2 :
Buka browser (mozilla atau yang lainnya) lalu ketik URL nya localhost/phpmyadmin tekan
enter , maka muncullah gambar seperti di bawah ini. Lalu pilih bahasa yang di inginkan.
Setelah itu pilih DATABASE, maka tampil gambar seperti di bawah ini. Lalu masukkan
Database baru dengan nama e107cms dan ciptakan, sesui petunjuk gambar di bawah ini.
folder yang telah dibuat di XAMPP/htdocs, maka akan muncul seperti gambar di bawah ini :
Langkah ke-4 :
Setelah klik Set Language, maka tampilah gambar seperti di bawah ini.
Kemudian Anda isi kotak di atas/isi server = localhost, username = root, Password = tidak
Langkah Ke-5 :
Setelah klik continue, maka yang akan muncul tampilan di bawah ini :
Langkah Ke-6:
Langkah Ke-7 :
Setelah klik continue installation, maka proses penginstalan akan berlanjut, lalu akan muncul
Langkah Ke-8 :
Langkah Ke-9 :
Langkah Ke-10:
Langkah Ke-11:
Setelah berhasil diinstal CMS e107 pada PC Anda, maka selanjutnya klik login sesuai
Setelah Anda melihat tampilan gambar di atas ini, maka segera Anda masukkan username
dan password yang sudah d buat pada langkah langkah di atas. Kemudian Anda Login.
Langkah Ke-12 :
Setelah Anda mengisi UserName, dan UserPassword seperti petunjuk di atas, tampilan yang
Setelah tampil gambar seperti di atas, kemudian Anda ingin melihat halaman administrator.
Maka Anda tinggal mengklik saja Admin berdasarkan petunjuk di atas. Lalu muncullah
digunakan sebagai mesin blog (blog engine). WordPress dibangun dengan bahasa
pemrograman PHP dan basis data (database) MySQL. PHP dan MySQL, keduanya
merupakan perangkat lunak sumber terbuka (open source software). Selain sebagai blog,
WordPress juga mulai digunakan sebagai sebuah CMS (Content Management System) karena
1. Ekstrak terlebih dahulu paket modul WordPress CMS yang telah Anda download.
modul yang berada di sebuah folder yang biasanya diberi nama wordpress-35_3.
3. Pindahkan folder modul WordPress CMS yang bernama wordpress-35_3 tersebut ke
dilakukan di folder htdocs. Jika sudah memindahkan atau mengcopy paste modul
WordPress CMS tersebut, pembaca boleh mengganti nama folder wordpress-35_3 sesuai
keinginan Anda. Misalkan kita pakai ajha nama foldernya dengan wordpress
address bar sehingga muncul halaman phpMyAdmin. Lalu pilih bahasa sesuai dengan
5. Kita akan membuat database yang akan digunakan oleh wordpress CMS yang akan kita
instal. Cukup tulis nama database yang akan kita gunakan pada kotak di bawah
tulisan Create new database. Misalkan kita beri nama dbwordpress. Kemudian klik
tersebut bergantung pada penamaan folder yang Anda berikan pada langkah 3. Karena kita
7. Setelah klik wordpress sesuai petunjuk di atas, maka muncul tampilan di bawah ini. File
tersebut merupakan file yang berisi setting (konfigurasi) untuk web WordPress CMS kita.
Untuk membuat file konfigurasi tersebut, klik tombol yang bertuliskan Create a
Configuration File.
8. Selanjutnya akan muncul halaman Setup Configuration File seperti berikut ini. Klik
o Database Name : isi dengan nama database yang kita create pada langkah 5, yaitu
dbwordpress.
o User Name : isi dengan username yang punya akses untuk masuk ke dalam sistem
phpMyAdmin pada server yang kita gunakan. Untuk localhost dengan XAMPP,
o Database Host : karena kita menyimpan/menghosting web kita pada localhost, maka
10. Jika pengaturan sudah benar, maka akan muncul halaman seperti di bawah ini. Klik
mengisi informasi tentang web yang akan Anda buat dengan WordPress CMS ini.
o Blog Title : isi dengan judul web Anda yang akan terlihat pada title bar browser.
o Your E-mail : isi dengan alamat email Anda (anda boleh mengisi dengan sembarang
o Beri centang pada kotak kecil disamping tulisan Allow my blog to appear jika
ingin web yang akan Anda buat terlihat pada Google. Tapi jika Anda tidak ingin
mencentangnya tidak apa-apa. Setelah semua dirasa benar, klik tombol Install
WordPress
12. Akhirnya instalasi WordPress CMS pada localhost berhasil. Pembaca akan ditunjukkan
username serta password yang akan pembaca gunakan untuk masuk ke halaman administrator
pada wordpress CMS pembaca. Jangan tutup terlebih dahulu halaman tersebut. Anda harus
13. Selanjutnya, buka tab atau wondow baru pada browser Anda. Kita akan mencoba masuk
untuk pertama kali ke halaman administrator atau untuk wordpress biasanya disebut halaman
merupakan alamat halaman Dashboard web WordPress CMS yang telah Anda instal tersebut.
Masukkan username dan password yang sesuai yang telah ditunjukkan pada langkah 12
Passwordnya maka muncul halaman Dashboard, seperti halaman gambar di bawah ini.
Untuk melihat tampilan wordpress CMS yang telah Anda instal, silahkan ketikkan pada
web wordpress CMS tersebut. Hanya dengan beberapa langkah saja, Anda sudah
BAB IV
PENUTUP
4.1 Kesimpulan
Bertolak dari pembahasan di atas, maka yang perlu disimpulkan dalam laporan ini adalah :
CMS (Content Management System) adalah aplikasi web yang siap pakai. Ini merupakan
istilah untuk pemilik website mengupdate websitenya tanpa bantuan pengembang web. Yang
dilakukan pengembang web hanya installasi awal dan konfigurasi awal saja. Selanjutnya
untuk pengisian artikel, gambar, dan konten-konten lainnya bisa dilakukan oleh pemilik
website tanpa harus mengetahui kode-kode HTML ataupun pemrograman web seperti PHP
Content Management System (CMS) adalah software sistem manajemen konten yang
diimplementasikan dalam bentuk aplikasi web, digunakan untuk membuat dan mengelola
konten HTML. Aplikasi ini dipakai untuk mengelola dan mengatur material web (dokumen
HTML dan gambar yang terkait) yang dinamis dalam jumlah besar. CMS memfasilitasi
pembuatan dan pengaturan konten, pengeditan, dan banyak fungsi esensial dari pemeliharaan
web.
Pada laporan ini ada termuat beberapa langkah-langkah atau cara install CMS yang tinggal
siap digunakan oleh para pemilik website. Namun dalam hal ini perlu di ketahui bahwa
sebelum masuk pada tahap proses penginstalan terlebih dahulu di pastikan harus tersedia dan
terinstal aplikasi pendukung pada computer/Laptop Anda, misalnya Mozilla Firefox, dan
Xampp. Kemudian di pastikan juga bahwa hasil dari Extract file CMSnya harus tersave di
4.2 Saran
Di harapkan bagi para pembaca, khususnya dosen pemegang mata kuliah CMS, bahwa data
yang termuat serta cara install CMS pada isi laporan ini, itu adalah benar-benar hasil dari
susunan saya sebagai penulis, maka saya sangat mengharapkan saran dan kritikan dari bapak
yang sifatnya memotifasi dan membangun demi kelengkapan dan kelancaran pembuatan
laporan selanjutnya.
DAFTAR PUSTAKA
http://www.maniacms.web.id/2012/02/mengenal-cms-silverstrip.html
http://www.maniacms.web.id/2012/01/macam-macam-cms.html
http://finderonly.com/2009/01/07/download-content-management-system-gratis/
http://sitijubaidahsetyowijaya.wordpress.com/2012/06/26/cms/
http://unpas.ac.id/pages/category/blog
http://id-nald.blogspot.com/