aplikasi web dengan xml

Aplikasi Web dengan XML Menggunakan Dreamwaver 8

Aplikasi Web dengan XMLMenggunakan 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 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.

1


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 [email protected] atau [email protected].

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 2007Penulis

2

mailto:[email protected]

mailto:[email protected]

http://CertCities.com/


DAFTAR ISI

Ucapan Terima Kasih iiiKata Pengantar vDaftar isi ixPendahuluan xv

BAB 1 Dreamweaver 8 DAN Aplikasi ServerInstalasi PHPTriad 2.2.1 1Update PHP Versi 5.0.3 11Konfigurasi http pada Server Apache 14Beberapa 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) 29Mengatur Situs (ASP Only) 35Mengatur Lokasi Server (PHP Only) 37Membuat Database Server phpMyAdmin 39Membuat Koneksi dengan Database Melalui PHP 50Membuat Koneksi dengan Database Melalui ASP 55Fasilitas 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 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

3


Menginstal dan Menjalankan Contribute 90 Membuat Koneksi 90 Pengendalian Data Web 93

Membandingkan File (Compere File) 99

BAB 2 Fasilitas Desai Layout Pada Dreamweaver 8Konfigurasi Browser 105Memeriksa 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 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 176Fasilitas Toolbar pada Code 180Layer dan Timeline 186

Layer 186 Timeline 208

BAB 3 XML dan Dreamweaver 8Tentang XML 227Pengenalan Awal XML 226Persiapan Dreamweaver 8 228Membangun Struktur Data XML 233CSS untuk XML 236Membuat 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

4


BAB 4 Extensible Syyle Language TransformationApa itu XSLT? 335Apa yang Dilihat Pengguna 336Koneksi ke Stylesheet XSLT 337Struktur 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 Fungsi Substring() 390 Fungsi Substring-before() 393 Fungsi Substring-after() 396 Fungsi Sun() 397 Fungsi Translate() 400

BAB 5 Aplikasi WEB dengan XMLPerencanaan Aplikasi Katalog Buku 405Aplikasi 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

5


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 485LampiranPerangkat Keras dan Perangkat lunak 487

6

aplikasi web dengan xml

Documents