Anda di halaman 1dari 9

Aplikasi Web dengan XML Menggunakan Dreamwaver 8

Aplikasi Web dengan XML


Menggunakan Dreamwaver 8

Kata pengantar

Perkembangan E-Comerce yang pesat memberi pengaruh sangat luas baik langsung maupun
tidak langsung, terhadap berbagai bidang yang terkait. Terjadi persaingan yang ketat antara
vendor computer dalam memberi kontribusi untuk perkembangan e-commerce. Antara lain
semakin banyaknya aplikasi server atau pernagkat lunak yang semakin mempermudah
pengembang untuk membuat berbagai system yang dijalankan via internet atau dalam aplikasi
intranet.

Aplikasi server yang sudah dikenal hingga saat ini antara lain ASP (Active Server Page),
ASP.Net, ColdFusion, JSP (Java Server Page), serta PHP ((Hypertext PreProcessor), yang
memberikan kemudahandalam proses pemprograman web. Pesatnya perkembangan aplikasi
sever ini menunjukan betapaketatnya persaingan yang terjadi. Salah satu contoh aplikasi yang
berkembang pesat adalah ASP.Net dengan VB ataupun C#.

Masing-masng aplikasi memiliki keunggulan sendiri sehingga pengguna atau


pengembang bebas memiliki aplikasi server mana yang akan digunakan dengan pertimbangan
berikut:

• Banyak digunakan pada internet server Provider (ISP) yang merupakan jasa hosting untuk
situs web.
• Memiliki fleksibilitas dengan berbagai aplikasi data base yang kita gunakan.

• Murah dan mudah didapat serta tidak ada keterkaitan dengan hak cipta atau lisensi (Open
Source).

• Yang paling penting adalah ISP yang akan digunakan memiliki harga sewa yang murah dan
andal.

Berdasarkan kategori diatas, hanya terdapat beberapa aplikasi server yang mudah dan
murah (bahkan Gratis), biasanya dijalankan pada server linux. Seluruh ISP yang memberikan
layanan hosting menggunakan server linux pada prinsipnya memiliki harga jauh lebih murah
dibandingkan server windows. Dengan demikian siapa saja, personal maupun perusahaan , dapat
membuat situs web dengan domain sendiri karena biaya bulanannya terjangkau. ISP yang
menggunakan Linux sebagai system operasi salah satunya harus menggunakan aplikasi server

1
Aplikasi Web dengan XML Menggunakan Dreamwaver 8

PHP dengan Database tergantung dengan keinginan si pemilik ISP. Namun pada umumnya
database yang digunakan adalah MySQL keduanya merupakan open source sehingga
memberikan kemudahan bagi setiap pengembang dan inividu untuk membuat aplikasi web.
Selain itu, perkembangan internet juga memberikan pengaruh kepada vendor untuk
membuat aplikasi atau perangkat lunak yang bertujuan untuk menghasilkan desain web yang
menarik dan memiliki system interaktif. Perangkat lunak desai web antara lain Microsoft
Frontpage, Adobe Micromedia Dreamweaver, Adobe ImageReady, dan Lain-lain. Masing-
masing perangkat lunak memiliki kemampuan yang berbeda. Perkembangan saat ini yang
menghadirkan CMS telah memiliki banyak template untuk membuat desain, baik desain statis
maupun dinamis.
Dari semua aplikasi diatas, posisi Dreamweaver yang dibuat Macromedia tidak surut
dimata para desainer web. Hal ini terbukti dengan semakin banyaknya pengguna aplikasi ini.
Kehadiran CMS (Content Managemant System) tidak menggeser posisi Dreamweaver dari para
pengemarnya. Dreamweaver dengan kemampuannya, hanya menduduki peringkat kedua untuk
kategori sertifikasi Internet Terbaik (best Internet Certification) sesudah Prosoft Certified
Internet WebMaster (CIW) professional (peringkat pertama), sedangkan peringkat ketiga
dipegang oleh CompTIA I – Net+. Lihat situs http://CertCities.com/. Rilis terbaru dari
Dreamweaver, yaitu versi 8.0, telah mendukung penggunaan XML yang merupakan salah satu
teknologi baru; merupakan generasi ketiga dari bahasa markup; keturunan langsung dari SGML;
mendukung XSLT Fragment dengan PHP; mendukung penggunaan ASP.Net beserta
perkembangan lainnya.
Buku ini akan membahas penggunaan Dreamweaver Versi 8 untuk membuat aplikasi web
menggunakan XML, XSLT, dan PHP. Penulis menyadari bahwa masih banyak kekurangan
dalam buku ini. Untuk iru, penulis menerima berbagai saran, kritik, masukan, dan koreksi yang
bersifat membangaun yang dialamatkan ke stendy@aliefweb.com atau info@aliefweb.com.
Penulis berharap buku ini bias menjadi referensi bagi para desainer dan pengembang web
untuk meningkatkan bisnis dalam bidang e-commerce dan dapat menunjang karier Anda.
Selamat belajar dan berlatih

Manado, Januari 2007


Penulis

2
Aplikasi Web dengan XML Menggunakan Dreamwaver 8

DAFTAR ISI

Ucapan Terima Kasih iii


Kata Pengantar v
Daftar isi ix

3
Aplikasi Web dengan XML Menggunakan Dreamwaver 8

Pendahuluan xv

BAB 1 Dreamweaver 8 DAN Aplikasi Server


Instalasi PHPTriad 2.2.1 1
Update PHP Versi 5.0.3 11
Konfigurasi http pada Server Apache 14
Beberapa Bagian Penting dari DW8 16

• Teknik Modulasi 18
• Teknik DML pada DW8 19

• Server Behaviors Error 23


Menggunakan Panel 25
• Panel Properti CSS 25

• Panel Browser/File 27
Menggunakan MyOBBC (ASP Only) 29
Mengatur Situs (ASP Only) 35
Mengatur Lokasi Server (PHP Only) 37
Membuat Database Server phpMyAdmin 39
Membuat Koneksi dengan Database Melalui PHP 50
Membuat Koneksi dengan Database Melalui ASP 55
Fasilitas Baru Pada Dreamweaver 8 62
• Architecture Design Layout 63

• Architecture Code 68
• Architecture Web Development 69

• Background File Transfer 69


• Material Referensi 70

• Improve Site Synchronize and Check-in/out 70


Pengaturan Situs Secara Lengkap 70

4
Aplikasi Web dengan XML Menggunakan Dreamwaver 8

• Lokal Info 72
• Remote Info 73

• Testing Server 79
• Cloaking 79

• Design Note 82
• Site Map Layout 84

• File View Column 85


• Contribute 88
Sekilas Tentang Contribute 89

• Menginstal dan Menjalankan Contribute 90


• Membuat Koneksi 90

• Pengendalian Data Web 93


Membandingkan File (Compere File) 99

BAB 2 Fasilitas Desai Layout Pada Dreamweaver 8


Konfigurasi Browser 105
Memeriksa Dokumen Browser 119
• Search 110

• Validation 110
• Target browser Check 114

• Link Chacker 126


• Site Report 129
Preferences 140

• Kategori General 141


• Kategori Accesbility 144

• Kategori Code Coloring 172


• Kategori Code Format 173

5
Aplikasi Web dengan XML Menggunakan Dreamwaver 8

• Kategori Code Hint 173


• Kategori Code Rewriting 174

• Kategori Code Copy/paste 174


• Kategori CSS Style 175

• Kategori File Compore 175


• Kategori Type and Editors 175

• Kategori Layer 175


Fasilitas Layout 176
Fasilitas Toolbar pada Code 180
Layer dan Timeline 186
• Layer 186

• Timeline 208

BAB 3 XML dan Dreamweaver 8


Tentang XML 227
Pengenalan Awal XML 226
Persiapan Dreamweaver 8 228
Membangun Struktur Data XML 233
CSS untuk XML 236
Membuat XSLT 239
• Cara 1 : konversi dari HTML 241

• Cara 2 : Membuat XSLT Secara Manual 244


• Template XSLT 246
Menggunakan Styler XSLT 249

• XML 1 : Client- Side XSL Tranformation 250


• XML 1 : Server- Side XSL Tranformation 315

6
Aplikasi Web dengan XML Menggunakan Dreamwaver 8

BAB 4 Extensible Syyle Language Transformation


Apa itu XSLT? 335
Apa yang Dilihat Pengguna 336
Koneksi ke Stylesheet XSLT 337
Struktur Stylesheet XSLT 337

• xsl:stylesheet 337
• xsl:output 338
Elemen XSLT 339

• Membuat template, xsl:stylesheet 339


• Menampilkan data pada Output Dokumen 342

• Variabel dan Parameter 345


• Jenis Data 352

• XPath Operator 352


• Pengambilan Keputusan 356

• Pengulangan Proses, xsl:for-each 364


• Eleman XSLT Lain 365
Fungsi-fungsi XSLT 375

• Fungsi Boolean() 375


• Fungsi Ceiling() 376

• Fungsi Concat() 377


• Fungsi Contains() 378

• Fungsi Count() 379


• Fungsi Floor() 382

• Fungsi Format-number() 383


• Fungsi Posision() 387

• Fungsi Round() 387


• Fungsi String-Length() 389

7
Aplikasi Web dengan XML Menggunakan Dreamwaver 8

• Fungsi Substring() 390


• Fungsi Substring-before() 393

• Fungsi Substring-after() 396


• Fungsi Sun() 397

• Fungsi Translate() 400

BAB 5 Aplikasi WEB dengan XML


Perencanaan Aplikasi Katalog Buku 405
Aplikasi Katalog Buku dengan XML dan PHP 405
• Membuat FileXSLT Fragment, Daftar Buku.xsl 407

• Membuat Halaman PHP, catalog.php 413


• Membuat File XSLT, detaildata.xsl 415

• Koneksi Halaman daftarbuku.php dan detailbuku.php 418


• Membuat halaman rekom.xsl 424

• Membuat Halaman daftar isi.xsl 428


Tidak ada Misteri Lagi antara XML,PHP & HTML 449
• Buat database dbxmltransaksi 450

• Halaman order.xsl 450


• Halaman order.php 452

• Membuat link dari detaildata.xsl ke order.php 454


• Halaman Konfirmasi Akhir, cekout.php 456

• Membuat Halaman Cekout dengan XSLT 463


• Just For Fun 470

• Membuat Tombol Navigasi 474


Daftar Pustaka 485
Lampiran
Perangkat Keras dan Perangkat lunak 487

8
Aplikasi Web dengan XML Menggunakan Dreamwaver 8