1a. Pengetahuan Dasar Web - Pengenalan Teknologi CMS

download 1a. Pengetahuan Dasar Web - Pengenalan Teknologi CMS

of 26

Transcript of 1a. Pengetahuan Dasar Web - Pengenalan Teknologi CMS

Membuat Website Dinamis

(Disusun oleh: M. Fakhrurrazi SKom, MSc, CAW)

1. Dynamic Website Website adalah kumpulan web page. Web designer biasanya menggunakan tools Tools menghasilkan website yang static Website yang dinamis adalah website yang memiliki kemampuan untuk merubah isinya secara otomatis.

2. DHTML DHTML adalah bahasa dasar utk membuat website dinamis. DHTML adalah gabungan dari XHTML, CSS dan Javascript. Pengetahuan dasar dari ketiga jenis script sangat diperlukan Web designer yang hanya mengandalkan tools tetapi tidak memahami ketiga script akan menemui banyak kesulitan

2. DHTML (XHTML) Merupakan bahasa dasar yang paling utama dari web page Disahkan oleh W3C (World Wide Web Consortium) Merupakan pengganti HTML Dapat menangai penampilan (apprearance) dan isi (content) dari website

2. DHTML (CSS)

Merupakan bahasa dasar kedua setelah XHTML XHTML dan CSS berkerja sama dalam membentuk website CSS dikhususkan untuk menangani bagian penampilan (appearance) saja. Dahulu CSS sangat sedikit peranannya (10%), sekarang makin besar (50%).

2. DHTML (JavaScript) Javascript merupakan bahasa pemrograman (script) yang dikhususkan dalam web Termasuk dalam golongan client side script Membuat website menjadi lebih dinamis seperti misalnya menampilkan jam, membuat sebuah tombol yang berubah warna, melakukan validasi terhadap isi dalam form

3. Dynamic Website with PHP/MySQL Search engine, forum, calendar, news dan lainnya yang umumnya menggunakan database tidak dapat dilakukan oleh DHTML. Untuk membuat komponen dinamis tersebut dibutuhkan server side script Web programmer dituntut menguasai client side script, server side script dan database menagement sistem. Web designer biasanya menggunakan komponen yang telah siap pakai

3. Dynamic Website with PHP/MySQL

4. Dynamic Website with CMS Salah satu cara yang sangat mudah untuk membuat website yang dinamis dengan cepat adalah dengan CMS. CMS adalah tools yang dapat mengatur content secara efisien dan efektif dalam membentuk sebuah website seperti misalnya sebuah website portal.

4. Dynamic Website with CMS

4. Dynamic Website with CMS Kelemahan dari cara pembuatan website tanpa CMS adalah kebutuhan akan tenaga kerja dan biaya yang besar. Dengan CMS permasalahan tersebut bisa diatasi Web designer berperan dalam merancang penampilan CMS Web programmer berperan dalam membuat modul CMS User biasa (orang awam) dapat melakukan perawatannya

4. Keuntungan CMS informasi yang up to date dan konsisten Pemanfaatan kembali suatu modul (content reusable) Meningkatkan produktifitas dan kepuasan dari sebuah team Pembuatan website dapat dilakukan secara desentralisasi Fasilitas untuk mendefinisikan alur kerja (work flow).

Dua Versi CMS: Proprietary CMS harga sangat mahal www.vignette.com www.mediasurface.com www.interwoven.com www.reddotsolutions.com www.phpnuke.com www.mamboserver.com www.xoops.com www.typo3.com

Opensource CMS harga free

4. Proprietary CMS:

4. Opensource CMS:

4. CMS Proprietary atau Opensource? Sebaiknya mencoba dulu CMS open source untuk mengetahui fitur-fiturnya. Setelah memahaminya barulah dapat memutuskan. Pemilihan tergantung dari strategi dan kebijakan yang ada dari perusahaan tersebut

4. Software yang dibutuhkan CMS:1. Web Browser Internet Explorer

2. Web Server

Apache

3. Database Server MySQL 4. Script Engine PHP

5. Script Editor

PHP Coder & Dreamweaver

6. Software Upload WS FTP Pro 7. CMS Script Joomla / Mambo

5. Joomla / Mambo Web developer dapat menggunakan Mambo sebagai core. Komponen lainnya dapat dibuat dan diintegrasikan kedalam core ini. Web designer dapat merancang berbagai macam tampilan (themes) Kekuatan dari Mambo: akses yang cepat (quick), jumlah byte yang dibutuhkan sangat kecil (simple), kemudahan untuk membuat themes yang baru (easy).

5. Joomla / Mambo

7. Instalasi Joomla / Mambo1. Menyiapkan Script Mambo

7. Instalasi Joomla / Mambo2. Mengaktifkan Mambo

7. Instalasi Joomla / Mambo3. Menampilkan Modul-modul

8. Membuat Tampilan (Themes)

8. Membuat Tampilan (Themes)No. Penjelasan1. Sitename 2. Newsflash 3. Date 4. Pathway

No. Penjelasan6. Mainbody 7. Right component 8. Footer 9. Banners

5. Left component

8. Membuat Tampilan (Themes)

Selesai

(The End)