perancangan dan pembuatan content managemen...
TRANSCRIPT
PERANCANGAN DAN PEMBUATAN CONTENT MANAGEMEN SYSTEM (CMS) “WIDI CMS” MENGGUNAKAN FRAMEWORK
CODEIGNITER
Naskah Publikasi
disusun oleh
Puspita Widhy Pradhana
07.11.1710
JURUSAN TEKNIK INFORMATIKA SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER
AMIKOM YOGYAKARTA
2011
DESIGN AND DEVELOPMENT OF CONTENT MANAGEMENT SYSTEM (CMS) "WIDI CMS" USING CODEIGNITER FRAMEWORK
PERANCANGAN DAN PEMBUATAN CONTENT MANAGEMEN SYSTEM (CMS)
“WIDI CMS” MENGGUNAKAN FRAMEWORK CODEIGNITER
Puspita Widhy Pradhana
Jurusan Teknik Informatika
STMIK AMIKOM YOGYAKARTA
Web technology development and exchange of information more quickly lead to dynamic websites using HTML are being abandoned, because the update process is slow and should contact the webmaster to make the process of updating a website. Problems arise when updating a website reaching tens of articles every day and did not allow a webmaster to update it manually. In addition, not all people have sufficient ability of web programing so it is impossible to do by people who still lay. It takes an application that is used to accommodate thousands of articles and pictures, so users no longer associated directly with the script or program listings unless there is damage and must make corrections and how to design a system or application used to manage web pages and can be used to update content or article in a website. The results of analysis of the problem required content management system (CMS) using the CodeIgniter PHP based framework to facilitate the manufacture of these cms. software used to build a content management system is netbeans, xampp and adobe dreamweaver. This application is used to enggine website and used as a means of learning web programming. Keyword : Widi CMS, Content Management System, CodeIgniter, Framework.
1. Pendahuluan
Seiring dengan kemajuan teknologi yang kita rasakan akhir-akhir ini, terutama di
bidang pengembangan. website, menyebabkan proses pembuatan sebuah website
yang baik bukanlah suatu pekerjaan yang sulit lagi seperti yang dibayangkan oleh
banyak orang sebelumnya. Di mana-mana dapat kita lihat berbagai website
bermunculan dengan bermacam corak dan ragamnya.
Mulai dari sebuah website yang sangat sederhana dengan hanya mengandalkan
beberapa halaman statis HTML, sampai kepada sebuah website dinamis yang
menggunakan teknik pengembangan website yang mutakhir. Tak dapat dipungkiri
memang, semuanya ini merupakan hasil dari revolusi informasi dunia internet yang
sangat cepat. Sedemikian cepatnya mengakibatkan tidak semua orang dapat
mengikuti perkembangan yang terjadi dengan baik.
Perkembangannya teknologi web dan pertukaran informasi yang semakin pesat
website dinamis yang menggunakan HTML semakin ditinggalkan, dikarenakan proses
update yang lambat dan harus menghubungi webmaster untuk melakukan proses
update sebuah website. Muncul masalah ketika update sebuah website mencapai
puluhan artikel setiap harinya dan tidak memungkinkan seorang webmaster
melakukan update secara manual.
Dibutuhkan sebuah sistem yang lebih dinamis yang mampu menampung ribuan
artikel bahkan image, sehingga pengguna tidak lagi berhubungan langsung dengan
Script atau listing program kecuali ada bug dan harus melakukan pembenahan dan
bagaimana merancang sebuah sistem atau aplikasi yang digunakan untuk mengatur
halaman website.
Aplikasi yang dibutuhkan adalah aplikasi yang digunakan untuk melakukan
update konten atau artikel di dalam sebuah website, dan bisa digunakan untuk
mengatur tampilan website. Tanpa harus bersinggungan langsung dengan script
program.
2. Landasan Teori
2.1 Pengertian CMS
CMS atau Content Managemen System adalah perangkat lunak yang
memungkinkan untuk menambah dan memanipulasi (mengubah) isi dari suatu
situs web. Dengan demikian setiap orang penulis maupun editor, setiap saat
dapat menggunkan secara leluasa untuk membuat, menghapus atau bahkan
memperbaharui isi website tanpa campurtangan langsung dari pihak webmaster.
Karena CMS memisahkan antara isi dan desain, 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 Manfaat CMS
1. Manajemen Data
2. Mengatur Siklus Hidup Website
3. Mendukung Web Templating dan Terstandarisasi
4. Personalisasi Website
5. Sindikasi
6. Akuntabilitas
2.1.2 Model CMS
1. CMS Komersil
2. CMS Open Source
2.2 Pengertian Framework
Framework adalah sekumpulan fungsi, class dan aturan. Berbeda
dengan library yang sifatnya untuk tujuan tertentu saja, framework bersifat
menyeluruh mengatur bagaimana kita membangun aplikasi. Framework
memungkinkan untuk membangun sebuah aplikasi dengan lebih cepat. Karena
developer hanya akan memfokuskan pada pokok permasalahan yang diminta
untuk sebuah aplikasi, sedangkan hal-hal penunjang lainnya seperti koneksi
database, form validation, GUI dan security, umumnya telah disediakan oleh
framework.
2.2.1 Manfaat Framework
1. Penggunaan komponen-komponen reusable, waktu pengembangan lebih
singkat
2. Penerapan design patterns memudahkan dalam rancangan,
pengembangan dan pemeliharaan sistem
3. Stability dan reliability
4. Coding style konsisten
5. Security concern
6. Dokumentasi
2.3 Pengertian Codeigniter
CodeIgniter adalah seperangkat alat yang digunakan untuk
memudahkan membangun aplikasi berbasis web dengan menggunakan bahasa
pemrograman PHP1.
1 Novianto, Ary. Burn Your PHP Code using Codeigniter. Yogyakarta: Skripta. 2010, hal 1
2.3.1 MVC Codeigniter
Arsitektur Model View Controller (MVC) muncul sejak era 70-an atas
pemikiran Prof. Trygve Reenskaug, seorang berkebangsaan Norwegia. 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 aplikasi2.
1. Model bertanggung jawab untuk melakukan pengolahan data dalam
basis data. Didalamnya biasanya dituliskan perintah untuk mengambil,
mengubah, menghapus dan menambahkan data.
2. View merupakan tempat untuk meletakkan apa yang akan ditampilkan
dihalaman peramban (Browser). Sebuah berkas view umumnya berisi
kode bahasa pemrograman sisi klien (Client Scripting).
3. Controller merupakan pengatur utama antara model, view dan juga
sumberdaya lain yang tersedia. Sumberdaya ini diperoleh dari
kelompok/tipe kelas yang dapt disebut dengan framework CI
2.3.2 Instalasi Codeigniter
Instalasi CI sangat mudah setelah menginstal palet aplikasi XAMPP atau
yang lainnya. Extrack paket CI berextansi .zip. salin seluruh hasil exxtak kedalam
direktori tempat publikasi aplikasi (derektori xampp/htdoc atau var/www). Gantilah
nama CI dengan nama yang diinginkan misalnya dalam hal ini “widi”. Setelah
proses instalasi selesai akan dilakukan sedikit pengaturan. Dilakukan pada
berkas system/application/config/config.php. Bukalah berkas tersebut dengan
menggunakan editor pada „base_url‟ gantilah “http://www.exemple.com” menjadi
http://localhost/widi.
2.3.3 Kelebihan Codeigniter
1. Mudah digunakan dan tidak memerlukan konfigurasi yang rumit
2. Fungsi-fungsi pendukung yang cukup lengkap
3. Mendukung PHP4 dan PHP5
4. Merupakan Framework MVC paling populer dan paling banyak
digunakan
5. Dokumentasi yang sangat bagus, friendly dan didukung oleh forum, wiki,
dan komunitas yang besar
2.3.4 Kekurangan Codeigniter
1. Tidak mendukung AJAX, dan ORM
2 Pratama Antonius Nugraha Widhi. Cara Membangun Aplikasi PHP. Jakarta : Media Kita. 2010, hal 11.
2. Menyediakan dan memisahkan file-file dalam MVC pattern, tapi masih
memberikan kebebasan user untuk melanggar aturan MVC
2.4 Bahasa Pemrograman
1. Hypertext Markup Language (HTML)
2. Hypertext Preprocessor (PHP)
3. Cascading Style Sheet (CSS)
4. Database MySQL
2.5 Software
2.5.1 NetBeans
NetBeans adalah Integrated Development Environment (IDE)
berbasiskan Java dari Sun Microsystems yang berjalan di atas Swing. Swing
sebuah teknologi Java untuk pengembangan aplikasi Desktop yang dapat
berjalan di berbagai macam platforms seperti Windows, Linux, Mac OS X and
Solaris.
2.5.2 Apache Web Server
Apache web server merupakan server web yang paling banyak
digunakan pengguna internet saat ini, dikarenakan oleh beberapa faktor seperti
kecepatan aksesnya dan opensource.
2.5.3 Web Browser
Dengan web browser, memungkinkan kita sebagai client untuk dapat
mengakses dan melihat setiap dokumen di web. Mozilla Firefox adalah salah
satu contoh web browser yang penulis gunakan dalam aplikasi ini.
2.5.4 Adobe Dreamweaver
Adobe Dreamweaver merupakan program penyunting halaman web
keluaran Adobe Sistem yang dulu dikenal sebagai Macromedia Dreamweaver
keluaran Macromedia. Program ini banyak digunakan oleh pengembang web
karena fitur-fiturnya yang menarik dan kemudahan penggunaannya.
3. Analisis Dan Perancangan Sistem
3.1 Identifikasi Permasalahan
Masalah yang ada dalam merancang website atau blog yaitu sistem
yang menggunakan CMS yakni masih coding dari awal. Dari hasil
pengidentifikasian dapat ditemukan permasalahan-permasalahan yang terjadi
pada sistem yang sedang berjalan. Diantaranya adalah:
1. Cara pembuatan website secara konvensional yakni coding dari awal
terlalu susah dan membutuhkan waktu yang lama untuk membangun
sebuah website.
2. Tidak semua orang memiliki kemampuan yang cukup tentang web
programing sehingga mustahil dilakukan oleh orang yang masih awam.
3.2 Analisis Sistem Yang Sedang Berjalan
3.2.1 Pembuatan Website Secara Konvensional.
Pembuatan website secara konvensional biasanya dilakukan oleh orang
yang sudah mahir dalam pemrograman web, hal ini untuk menyesuaikan dengan
kebutuhannya, sehingga fitur-fitur yang tersedia sesuai dengan kebutuhan dan
tidak ada fitur-fitur yang mubadzir. Untuk menerapkan cara ini diperlukan
pengetahuan yang cukup dibidang pemrograman web, programer setidaknya
harus menguasai PHP, MySql, HTML dan CSS.
3.2.2 Menggunakan CMS
Saat ini blogger memanfaatkann CMS sebagai saran untuk membuat
website mereka, CMS yang tersedia saat ini juga cukup banyak dan beragam
yang mempunyai kelebihandan kekurangan masing-masing, diantaranya CMS
yang digunakan untuk membuat website adalah:
1. Wordpress CMS ini hampir sempurna, karena disamping fitur-fiturnya yang
lengkap, sifatnya open source berhasil mendapatkan simpati dari banyak
pengembang di dunia yang membuat CMS ini semakin Powerfull, hal inilah
yang membuat pengguna merasa terlalu dimanjakan karena kelengkapan
dan kemudaha yang tersedia selain itu, CMS ini mempunyai struktur
pemrograman yang kompleks sehingga memodofikasinya diperlukan
keahlian yang lebih dan sulit dilakukan oleh orang yang baru belajar
pemrograman web.
2. Aura CMS adalah hasil karya anak bangsa yang merupakan software CMS
(Content Managemen System) untuk website yang berbasis PHP4 &
MySQL berlisensi GPL (General Public License).Dengan bentuk yang
sederhana dan mudah ini diharapkan dapat digunakan oleh pemakai yang
masih pemula sekalipun.
3. CMS Lokomedia merupakan CMS (Content Management System) yang
dibuat oleh Lukmanul Hakim dimana CMS ini bersifat opensource yang
source codenya diberikan dalam bundling buku yang ditulis oleh Lukmanul
Hakim dengan judul "Membongkar Trik Rahasia Para Master PHP". Dalam
buku itu sendiri kita diajarkan untuk membuat sebuah website lebih
khususnya kepada project untuk membuat sebuah CMS.
3.2.3 Analisis kebutuhan
Secara fungsional CMS yang akan dibuat diharapkan mempunyai
deferensiasi dari CMS yang telah ada sehingga CMS ini bisa menjadi pilihan bagi
pengguna. Kriteria yang diharapkan ada dalam CMS ini adalah sebagai berikut:
1. CMS mempunyai dua bagian utama terpisah yakni bagian back end yang
hanya bisa diakses oleh pengelola sebagai bagian management kontent
yang ingin kita ditampilkan dan bagian front end yaitu bagian tampilan
yang diakses langsung oleh semua pengunjung.
2. CMS mempunyai bagian enggine dan layout yang terpisah sehingga
pada saat ada perubahan layout, bagian enggine tidak terpengaruh,
begitu juga sebaliknya. Hal ini diharapkan siklus hidup CMS ini bisa lebih
lama.
3. CMS mempunyai struktur pemrograman yang lebih sederhana sehingga
diharapkan akan memuda dipahami dan dimodifikasi oleh orang yang
belajar pemrograman web.
4. Sebagai hasil dari pengimplementasian aspek-aspek diatas maka
diharapkan CMS mempunyai kemudahan bagi penguna dan ringan untuk
diakses.
3.2.4 Analisis Kelayakan
Sebuah sistem baru sangat membutuhkan pertimbangan dari beberapa unsur
menentukan layak atau tidaknya suatu sistem yang baru sebagai alternatif sistem
yang sedang berjalan. Terdapat 3 unsur utama dasar untuk menentukan yaitu:
1. Kelayakan Teknologi
Koneksi internet semakin murah, terjangkau di semua kalangan
masyarakat dan sudah banyak hostingan yang menawarkan fitur-fitur
yang memudahkan untuk hosting dan untuk editing hanya menggunakan
tool-tool yang mudah ditemukan. Digunakan sebagai alternatif CMS yang
sudah ada.
2. Kelayakan Ekonomi
Untuk menjalankan CMS ini tidak diperlukan biaya apapun karena CMS
ini akan dibuat free dan open source. Sedang kan untuk editing hanya
diperlukan tool-tool yang free dan tidak berbayar.
3. Kelayakan operasional
Apilkasi dirancang sedemikian rupa sehingga sederhana simpel dan
mudah
digunakan, dimengerti sehingga mudah untuk di modifikasi. Pembuatan
CMS menggunakan framework Codeigniter yang mudah dimengerti.
3.3 Perancangan sistem
Setelah dilakukan tahap analisis terhadap sistem, didapatkan gambaran
yang selanjutnya akan dikerjakan. Pekerjaan itu adalah melakukan perancangan
terhadap sistem yang baru, unutuk mencapai tujuan dari pembuatan sistem yang
baru. Perancangan sistem merupakan kegiatan menentukan proses dan data
yang diperlukan sistem yang baru.
Konsep CMS yang akan dibuat untuk halaman back end:
a. Mempunyai halaman login ke bagian admin atau back end sehingga
hanya orang yang berhasil menginputkan username dan password
dengan benar yang berhak masuk ke halaman admin.
b. Mempunyai aplikasi posting baru yang digunakan untuk menambah
artikel baru yang terdapat dalam website.
c. Mempunyai aplikasi daftar posting yang digunakan untuk melihat semua
artikel yang telah di publikasikan dan memungkinkan pengguna untuk
mengeditnya kembali
d. Mempunyai aplikasi page yang digunakan pengguna untuk
menambahkan informasi personal tentang pengguna misalkan tentang
aku, kontak atau yang lainnya.
e. Mempunyai aplikasi kategori yang digunakan untuk menambahkan
kategori untuk mengelompokkan artikel yang berkategori sama.
f. Mempunyai aplikasi moderasi komentar yang digunakan untuk
menyaring komentar yang masuk. Sehinga pengguna memilih mana
tampilanyang layak untuk di tampiilkan disisi publik.
g. Mempunyai aplikasi untuk menampilkan semua komentar yang telah di
setujui.
h. Mempunyai aplikasi untuk menambah administrator jika pengguna tak
kuasa untuk menangani atau merawat kelangsungan hidup website.
i. Mempunyai aplikasi yang digunakan untuk memproteksi administrator
yang telah didaftarkan oleh highes administrator
j. Mempunyai aplikasi untuk mengatur data yang akan ditampilkan di
halaman front end.
Sedangkan bagian sisi front end CMS mempunyai fitur-fitur antara lain sebagai
berikut:
1. Aplikasi home yang di gunakan sebagai halaman landing para
pengunjung.
2. Aplikasi header fungsinya untuk menunjukkan judul website dan
menampilkan deskripsi singkan tentang website yang telah bibuat.
3. Aplikasi page digunakan untuk mempublikasikan tentang pemilik website.
4. Aplikasi artikel digunakan untuk membaca keseluruhan artikel.
5. Aplikasi Search digunakan untuk mencari artikel yang kemungkinan ada
di website.
6. Aplikasi ketegori digunakan untuk mengelompokkan artikel yang telah
dibuat dan telah dipublikasikan.
7. Aplikasi posting terbaru digunakan untuk menampilkan postingan terbaru
sebagai antisipasi jika pengunjung mengunjungi website dari search
enggine
8. Apliaksi komentar terbaru digunakan untuk menampilkan komentar
terakhir.
3.4 Database
Dalam merancang sebuah database dibutuhkan adanya proses
yang bertujuan untuk mengandalikan atau memecahkan tugas kedalam
beberapa model atau sub-sub program kemudian untuk dipakai kedalam
sistem.
3.5 Rancangan Widi CMS
Aplikasi halaman back end:
1. Halaman Login
2. Halaman komentar belum disetujui
3. Halaman komentar telah disetujui
4. Halaman posting baru
5. Halaman page
6. Halaman kategori
7. Halaman pengaturan publikasi
8. Halaman pengaturan header
4. Implementasi Dan Pembahasan
Tahapan ini adalah tahapan yang sangat penting di dalam pembangunan sebuah
sistem, setelah dilakukannya analisis dan rancangan. Implementasi sistem
merupakan tindak lanjut dalam pembuatan dan pengujian Widi CMS yang akan
digunakan, sesuai dengan desain direncanakan sebelumnya.
4.1 Kegiatan Implementasi
1. Pembuatan Database
2. Pembuatan Enggine Widi CMS
3. Pembuatan Layout Widi CMS
4. Pengujian Widi CMS
5. Instalasi Widi CMS
6. Test Perbandingan Widi CMS dengan Wordpress
7. Test Menggunakan Search Engine
4.2 Pembahasan
Dalam pembahasan ini akan dijelaskan beberapa menu yang terdapat di
dalam Widi CMS yang telah dibuat baik di bagian front end maupun back end.
Manual program dibuat untuk memudahkan dan memperjelas di dalam pemetaan
letak dan bentuk CMS yang telah dibuat.
4.2.1 Komponen Front End
1. Header digunakan untuk menjelaskan judul dan deskripsi blog/website
yang dibuat.
2. Page digunakan untuk menjelaskan tentang pemillik website/blog.
3. Search di gunakan pengunjung untuk mencari artikel yang mungkin ada
di dalam website tersebut.
4. Kategori
Aplikasi untuk memilih kategori yang terdapat dalam website dan
pengunjung dapat memilih.
5. Recent Post
Aplikasu untuk menampilkan posting terbaru yang mungkin pengunjung
datang melalui search engine.
6. Recent coment
Aplikasi untuk menampilkan komentar terbaru yang telah disetujui pleh
admin
7. Posting
8. Aplikasi untuk menampilkan artikel yang telah dipublish.
4.2.2 Komponen Back end
1. Halaman Login Berfungsi untuk mengakses halaman admin dengan
memasukkan username dan password. Dari data yang dimasukkan di
saring apakah data yang dimasukkan sebagai user atau admin. Karena
menu yang di sediakan antara user dengan admin berbeda.
2. Halaman Dashboard Halaman ini adalah halaman pertama kali yang
tampil ketika memasuki halaman admin. Halaman ini berfungsi
menampilkan statistik semua aktifitas di halaman admin maupun di
halaman publik.
3. Halaman Posting Baru Berfungsi untuk menambahkan artikel terbaru
untuk meng-update kontent didalam website.
4. Halaman Daftar Posting Berfungsi untuk menampilkan semua posting
yang telah di publikasikan dan terdapat menu untuk meng edit melihat
atau menghapus artikel yang telah dipublikasikan.
5. Halaman Page Berfungsi untuk menambahkan deskripsi tentang pemilik
website misalkan tentang kamai, kontak atau yang lainnya
6. Halaman Kategori Berfungsi untuk menambahakan kategori tentang
artikel yang telah dibuat. Pada halaman ini juga menampilkan kategori
yang telah dibuat dan dapat di edit.
7. Halaman Komentar yang disetujui Berfungsi untuk menampilkan
komentar pengunjung yang telah disetujui. Terdapat menu yang
disediakan untuk menghapus atau membatalkan persetujuan.
8. Halaman Komentar yang belum disetujui Berfungsi untuk menampilkan
komentar terbaru digunakan untuk menyaring komentar yang
ditinggalakn pengunjung apakah layak untuk ditampilkan atau tidak.
9. Halaman Admin Berfungsi untuk mengedit menambah atau menghapus
user tentunya yang dapat melakukan hanya administrator, dari halaman
ini juga uer juga boleh mengakses namun hanya dapat menghapus
identitasnya sendiri saja.
10. Halaman Pengaturan Posting Berfungsi untuk mengatur halaman front
end misalakan jumlah posting yang tampil di halaman home, judul tautan
untuk membaca artikel selengkapnya, mengatur format tanggal.
11. Halaman Header Berfungsi untuk mengatur judul dan deskripsi website.
5. Penutup
5.1 Kesimpulan
Setelah melewati beberapa bab sebelumnya, dapat disimpulkan bahwa :
1. Widi CMS dirancang menggunakan software xampp 2.5 dan netbeans 7.0.
melalui tahapan-tahapan sebagai berikut:
a. Pembuatan database
b. Pembuatan engine Widi CMS
c. Pembuatan layout
2. Aplikasi dibuat menggunakan framework codeigniter dengan arsitektur MVC
(Model View Controller) dimana model bertanggung jawab sebagai
penghubung aplikasi dengan database, view digunakan untuk mengedit,
menambah dan menampilkan data dari database sedangkan controller
sebagai penghubung antara model dan view.
3. Widi CMS dinyatakan layak dilihat dari teknologi yang digunakan saat ini
berkembang pesat koneksi internet yang semakin murah juga kemudahan
untuk mendapatkan domain dan hosting sacara gratis, dari segi ekonomi Widi
CMS berlisensi free dan opensorce, dari segi operasional Widi CMS
dirancang simple dan sederhana sehingga mudah untuk digunakan.
5.2 Saran
1. Bagi yang ingin atau sedang belajar pemrograman web Widi CMS ini cocok
digunakan karena mempunyai arsitektur dan struktur pemrograman yang
sederhana dan mudah dimengerti selain itu di buat menggunakan framework
codeigniter.
2. Untuk memodifikasi atau menambah modul disarankan memahamai arsitektur
CMS dan struktur pemrograman dari CMS ini.
3. Menambah Aplikasi drag and drop widget untuk mengatur tataletak
komponen/aplikasi website.
4. Menambah aplikasi php editor untuk mengedit secara langsung tanpa masuk
ke cpanel.
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
Chris. 2010, Box-Shadow back on the Menu (and other updates),
http://www.css3.info/box-shadow-back-on-the-menu-and-other-updates/, diakses
tanggal 1 Juli 2011.
. 2010, Updated Preview: border-radius, http://www.css3.info/updated-
preview-border-radius/, diakses tanggal 1 Juli 2011.
Joost de Valk. 2007, New text-shadow demo, http://www.css3.info/new-text-
shadow-demo/, diakses tanggal 1 Juli 2011.