Pengantar Teknologi Web

Pengantar Teknologi Web

Content management systems

Latar Belakang

• Kebutuhan pembuatan website yang cepat, mudah

• Kemampuan programming web yang tidak baik

• Tipe website yang berbeda-beda jenisnya– Personal web, berita– Blog, katalog, galeri foto– Pendidikan, e-commerce

• Butuh CMS

Contoh kebutuhan

• Sebagai contoh jika kita ingin membuat situs artikel (berita), adanya fasilitas article, komentar dari user pada article, new dari publisher, pertanyaan dari user, dan jawaban dari pertanyaan

• Bisanya kita membuat 6 table untuk menampungnya (articles, comments on articles, news, comments_on_news, questions, answers )

Masalah

• Yang jadi masalah adalah cara untuk programming nya

• Lebih banyak script yang dibutuhkan untuk:– 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

• Banyak membuat statement SQL yang sama untuk tiap table-nya

• Banyak index untuk tiap table-nya

Masalah (2)

• Mengapa data article misalnya tidak disimpan dalam bentuk HTML files dalam direktori?

• 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

Masalah (3)

• 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

Tugas

• 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

Website maintenance

What is a Content Management System?

• 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.

• 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

CMS

• 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

• CMS helps to organize, control, and publish documents and multimedia content

How does a CMS work ?

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

PageTemplat

e

CMS components

CMS mengurangi web maintenance

CMS workflow

Apa yg bisa dilakukan CMS?

Yang dapat dilakukan CMS

• 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• Manajemen data• Mendukung web template dan standarisasi

Integration of blogs/RSS

• 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

CMS “jelek” jika…

CMS arsitektur

CMS contents

• 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

Fitur web CMS

• Easy content editing• Preview before publishing• Extandable functionality• Templates• Version management• Different user levels• Automatic system update• Searching

Easy content editing

Preview before publishing

Extandable functionality

templates

Version Management

User level

System update

Jenis CMS

• CMS komersial

• CMS open source– Joomla, Mambo, Drupal, phpCMS - general– Wordpress – blog– phpWiki - wiki– Moodle - pendidikan– phpBB, phorum – forum– Maian events – calendar

Dan lain lain

• 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

CMS implementation challenges

Demo