Pengantar Teknologi Web

Teknologi Open Source
Studi Kasus : Content management systems
Rev 2013 – Imam Suharjo
http://imam.mercubuana-yogya.ac.id


Seiring dengan kemajuan teknologi 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.
Tak dapat dipungkiri memang, semua ini merupakan
hasil dari revolusi informasi dunia internet yang sangat
cepat. Sedemikian cepatnya mengakibatkan tidak semua
orang dapat mengikuti perkembangan yang terjadi
dengan baik.
Pertanyaan yang muncul sekarang “Adakah sebuah sistem
yang dapat mengakomodasi perkembangan informasi
yang sangat cepat ini dan yang dapat memberikan
keuntungan kepada pihak yang menggunakannya?
Jawabannya tentu saja ADA, yaitu dengan menerapkan
CMS




CMS, pertama kali muncul sebagai solusi dari kebutuhan
manusia akan penyediaan informasi yang sangat cepat.
Dengan hanya mengandalkan bahasa pemograman
HTML dan beberapa gambar serta informasi yang statis,
sebuah perusahaan berusaha sebaik mungkin
menampilkan informasi secukupnya kepada para
pengunjung.
Setiap kali ada perubahan informasi dalam perusahaan,
pihak manajeman mau tak mau haruslah berhubungan
terlebih dahulu dengan pihak Humas sebelum akhirnya
semua bahan diserahkan kepada pihak webmaster.
Pihak inilah yang nantinya akan mengadakan perubahan
terhadap isi website.




Dapat dibayangkan bila hal yang sama terjadi terusmenerus, berulang kali dan dalam kuantitas yang
besar, seberapa banyak waktu dan tenaga yang
dibutuhkan untuk memproses semuanya.
Selain tidak efisien, biaya operasional yang harus
dikeluarkan juga sangatlah besar.
sebuah metode atau sistem yang dapat
meningkatkan tingkat produktivitas dan efisiensi
dalam pengembangan website sangatlah
dibutuhkan.
Dan salah satu solusi yang tepat untuk ini adalah
dengan menerapkan Content Mangement System
atau CMS.



Kebutuhan pembuatan website yang cepat, mudah,
Tidak semua pemilik web sorang Programmer, butuh
yang simpel.
Kemampuan programming web yang kurang baik
Tipe website yang berbeda-beda jenisnya
◦ Personal web, berita, Forum
◦ Blog, katalog, galeri foto
◦ Pendidikan, e-commerce

Butuh CMS
.
no CMS
Website
(Content,Layout,Structure)
Website
(Content,Layout, Structure)
Website
(Content,Layout, Structure)
CMS
Layout
Content
CMS
Meta-Information
(Structure)
•
•
•
•
Code in HTML
Static text
Managed by 1-2 people
In-line page layout
– Colors
– Logos
– Tables
•
•
•
•
Little coding required
Database driven
Managed by many editors
Cascading Style Sheets
– Skins
– Image Replacement
– Absolute and floating
positioning
Content in CMS to Website
Web
Database
CMS
Query with
PHP
Save
Input autors
Saved:
Output:
• Autor
•
Different lay-out
• Titel
•
Different content
types
• Content
• Date


CMS dapat diartikan sebagai berikut: Sebuah sistem
yang memberikan kemudahan kepada para
penggunanya dalam mengelola dan mengadakan
perubahan isi sebuah website dinamis tanpa
sebelumnya dibekali pengetahuan tentang hal-hal
yang bersifat teknis.
Dengan demikian, setiap orang, penulis maupun
editor, setiap saat dapat menggunakannya secara
leluasa untuk membuat, menghapus atau bahkan
memperbaharui isi website tanpa campur tangan
langsung dari pihak webmaster.


Karena CMS memisahkan antara isi dan desain, konsistensi
tampilan dapat senantiasa dijaga dengan baik. Setiap bagian
dari website dapat memiliki isi dan tampilan yang berbedabeda, tanpa harus khawatir kehilangan identitas dari website
secara keseluruhan. Oleh karena semua data disimpan dalam
satu tempat, pemanfaatan kembali dari informasi yang ada
untuk berbagai keperluan dapat dengan mudah dilakukan.
CMS juga memberikanfleksibilitas dalam mengatur alur kerja
atau ‘workflow’ dan hak akses, sehingga memperbesar
kesempatan berpartisipasi dari pengguna dalam
pengembangan website. Hal ini akan sangat menguntungkan
bila website yang dikelola memiliki kompleksitas yang tinggi
dan mengalami kemajuan yang cukup pesat.



Sebagai contoh jika sebuah institusi/lembaga
membutuhkan Portal Berita Online (News).
Ingin membuat situs artikel (berita), adanya fasilitas
article, komentar dari user pada article, new dari
publisher, pertanyaan dari user, dan jawaban dari
pertanyaan
Misalkan kita membuat 6 table untuk menampungnya
(articles, comments on articles, news,
comments_on_news, questions, answers )


Yang jadi masalah adalah cara untuk programming nya
Lebih banyak script yang dibutuhkan untuk:

Banyak membuat statement SQL yang sama untuk tiap
table-nya
Banyak index untuk tiap table-nya

◦ User-experience: melihat directory content dari table
tertentu, melihat satu kategori tertentu, melihat item terbaru
menambahkan item baru dll
◦ Admin-experience: approve, disapprove item, delete item, dll
delete item, dll
Mengapa data article misalnya tidak disimpan dalam
bentuk HTML files dalam direktori?
 Update tidak Fleksibel
 Programer menggunakan text editor, designer
menggunakan web design tool dan FTP untuk upload, dll
 Bila salah script yang diupload bisa merusak sistem
 Sulit untuk pengaturan authentication
 Maintenance static html sulit

Mudah untuk membuat dan me-maintain website jika:
◦
◦
◦
◦

Orang yang sama adalah publisher, author, dan programmer
Site terdiri atas sedikit pages
Tidak ada yang peduli terhadap konsistensi halaman
Tidak ada yang peduli terhadap versioning control
Tetapi tidak demikian dengan kondisi yg ada
◦ Pekerja dipecah menjadi: publisher information, designer,graphic designer
author, dan programmer
◦ Site terdiri dari ribuan pages
◦ halaman harus konsisten (dengan themes)
◦ Versioning control is critical





Publisher menentukan topik dari content utama yang
ada yg ada
Information Designer menentukan navigational link
dari pages, bagaimana menyajikan content, dan
graphic design apa yang dibutuhkan
Graphic Designer mempunyai kontribusi untuk
membuat drawing, logos,artwork services, mock-up
template (static html) yang dibutuhkan information
designer
Programmer membangun production template dan
program logic program logic
Editor melakukan approve content



Sebuah sistem yang memberikan kemudahan kepada
para penggunanya dalam mengelola dan
mengadakan perubahan isi sebuah website dinamis
tanpa sebelumnya dibekali pengetahuan tentang halhal yang bersifat teknis.
Setiap orang, penulis maupun editor, setiap saat
dapat menggunakannya secara leluasa untuk
membuat, menghapus atau bahkan memperbaharui
isi website tanpa campur tangan langsung dari pihak
webmaster.
A tool to separate content from presentation

A CMS is a software system used to manage content,
including web content, images, audio files, etc.
Used for storing, controlling, versioning and
publishing websites.
Files are available over the web



Output the knowledge management process
Concern with medium
Editable content



CMS helps to organize, control, and publish documents
and multimedia content
Basic information flow
1. Template is designed
2. Content is entered as plain-text or HTML into database
3. Content is placed in a template for display to the end user
Page
Content
Page
Template
Manajemen data
Mendukung web template dan standarisasi
 Allows non-technical staff the ability to
update web site content without knowing
HTML, FTP, etc.
 Easy-to-use WYSIWYG tools, similar to Word
(code view as well)
 Individuals who have natural responsibility for
content can maintain that content themselves
 Archiving / backup / recovery
 content more likely to be kept up-to-date (set
review reminders)
 Consistent visual identity





Many systems supply own blogging software
Many can interoperate with popular blogging software
such as moveable type
Many include software for parsing RSS feeds, or
syndicating our own content








Simple pages for normal presentation
Complex pages, with specific layout and presentation
Dynamic information sourced from databases and will change on
regular time intervals
Training material
Online manual
General business documents
Thousands of pages in total for different categories of customers
Extensive linking between pages








Easy content editing
Preview before publishing
Extandable functionality
Templates
Version management
Different user levels
Automatic system update
Searching
CMS komersial
 CMS open source
◦ Joomla, Mambo, Drupal, phpCMS - general
◦ Wordpress – blog
◦ phpWiki - wiki
◦ Moodle - pendidikan
◦ phpBB, phorum – forum
◦ Maian events – calendar

 PHPTickets – ticketing
 dotProject – project management
 phpMyFAQ - faq
 Copernic – search engine
 Copermine, Gallery – gallery
 phpList – milist
 Surveyor – survey online
 aTutor – pendidikan
 Alfresco – java, documents
management
 Slideshare – slide management
No Mahasiswa Genap :
1.
Jelaskan CMS Framework & Contoh?
2.
Jelaskan tentang RSS dalam Open Sourec CMS?
3.
Jelaskan kenapa “CMS mengurangi web maintenance”?
No Mahasiswa Ganjil
1.
Jelaskan terkait CMS dan Komunitas, berikan Contoh?
2.
Berikan penjelasan tentang perbedaan XML dan HTML?
3.
Jelaskan pertimbangan apa saja utnuk menentukan
pilihan apakah :menggunakan CMS yang ada atau
membuat CMS Sendiri?






Jawaban Tugas di email ke :
imam [at] mercubuana-yogya.ac.id
Subject : EL-TOS4-Kelas-NIM-Nama
Misal : EL-TOS4-21-030000000-Imam
File Jawaban : inline di Email tidak di attach.
Batas Pengumpulan : Hari ini Jam 24.00 WIB
Pelajari salah satu contoh CMS, lakukan :
1. Download & Install di PC/ Laptop anda.
2. Coba jalankan dan Gunakan Fitur yang ada, Jika anda
sudah familiar dengan CMS anda bisa saja coba fit
3. Tulis bagaimana kesan dan pesan anda
4. Buat 1 Pertanyaan terkain CMS?





Anton, lecturer.ukdw.ac.id/anton/
mti.ugm.ac.id/~asdani
________, http://en.wikipedia.org/wiki/Contact_management_system,
diaskes 15 Oktober 2012
________, www.wordpress.org, diaskes 15 Oktober 2012