Managing SQL Server Data With Macromedia Dreamweaver MX

Managing SQL Server Data

With

Macromedia Dreamweaver MX

Nama :

Widi Rahman Adiat

Faculty :Musawarman

Semester : 2 (Q4)

Gedung Pasca Sarjana Lantai 3 Fakultas Teknik Universitas Indonesia

Kampus Baru Universitas Indonesia Depok 16424

Juni,2008

KATA PENGANTAR

Dengan mengucap puji dan syukur atas kehdirat Allah SWT, Tuhan Yang Maha Esa, yang telah memberikan Saya kemudahan dalam pembuatan ISAS ini, saya dapat menyelesaikan ISAS ini dengan sebaik mungkin. Dan tidak lupa pula saya ucapkan terima kasih pada orang-orang yang telah membantu saya dalam menyelesaikan dan membimbing saya dalam pembuatan ISAS ini, terutama faculty pembimbing saya bapak Musawarman.

Dalam ISAS yang saya buat ini terdapat informasi mengenai pengkoneksian website dengan database. Informasi yang saya terangkan di sini kiranya dapat memberikan tambahan pengetahuan dan informasi yang berguna bagi para pembacanya dan dapat di jadikan tambahan informasi yang berhubungan dangan isi ISAS yang saya buat ini.

ISAS yang saya buat ini mengambil referensi dari berbagai situs di internet dan buku-buku yang berhubungan dengan pembahasan ISAS yang saya buat tentang Adobe Dreamweaver. Agar dapat jelas para pembaca dapat melihatnya pada situs yang tertera pada daftar pustaka pada halaman akhir.

Cukup sekian dan apabila dalam ISAS yang saya buat ini masih banyak terdapat kekurangan dan kesalahan-kesalahan dalam penulisan atau kekurangan informasi yang saya buat dalam ISAS ini saya harap para pembaca dapat memakluminya.

Depok,10 Juni 2008

ii

DAFTAR ISI

1.Kata Pengantar......................................................................................... ii

2.Daftar Isi.................................................................................................. iii

3.BAB I Pendahuluan................................................................................. 1

1.1 Latar Belakang........................................................................... 1

1.2 Tujuan Masalah.......................................................................... 1

1.3 Batasan Masalah........................................................................ 1

1.4 Metode Penulisan...................................................................... 1

1.5 Struktur Penulisan...................................................................... 2

4.BAB II Landasan Teori............................................................................ 4

2.1 Apa itu Dreamweaver dan MS SQL Server.............................. 3

2.2 Server Slide dan Client Slide..................................................... 4

2.3 Sekilas tentang ASP dan VBScript........................................... 4

5.BAB III Analisa Permasalahan................................................................ 5

6.BAB IV Penutup.................................................................................... 11

4.1 Kesimpulan.............................................................................. 11

4.2 Saran........................................................................................ 11

Daftar Pustaka............................................................................... 11

iii

BAB I

PENDAHULUAN

1.1 Latar Belakang Masalah

Seiring dengan berkembangnya pemrograman web, banyak bermunculan software-software pendukungnya. Salah satunya adalah Adobe Dreamweaver, ini adalh web editor yang terbaru yang dikeluarkan oleh Adobe yang dulunya dipegang oleh Macromedia.

Banyak fitur-fitur pendukung yang ada dalam Macromedia Dreamweaver ini, salah satunya adalah pengkoneksian dengan database. Dangan kemajuan teknologi yang sangat pesat belakangan ini tak khayal semua kegiatan manusia terorientasi kepada dunia maya. Sistem informasi tentu menjadi sangat berperan didalamnya, salah satu contoh nyata adalah penggunaan database yang berisikan berbagai informasi dapat dikoneksikan ke internet (dunia maya) melalui media website. Sehingga dapat menunjang dan membantu kegiatan manusia .

1.2 Tujuan Penulisan

Adapun tujuan dari penulisan ISAS yang kami buat ini adalah agar para pembaca dapat mengetahui cara pengkoneksian database kedalam website. Sehingga data-data dapat diatur (dimasukkan, diubah, maupun dihapus) langsung melalui website tanpa arus membuka program database.

1.3 Batasan Masalah

Didalam ISAS ini batasan masalah yang dibahas penulis adalah mengenai pengkoneksian website dengan database saja dan tidak membahah pembuatan ataupun perancangan website itu sendiri.

1.4 Metode Penulisan

Metode penulisan yang dipakai dalam pembuatan ISAS ini adalah, dengan cara mencari sumber-sumber reverensi yang terdapat pada situs-situs sdan buku-buku yang berhubungan dengan informasi yang terdapat dalam pembahasan ISAS ini.

1

2

1.5 Struktur Penulisan

1.Kata Pengantar

2.Daftar isi

3.BAB I Pendahuluan

1.1 Latar Belakang1

1.2 Tujuan Masalah

1.3 Batasan Masalah

1.4 Metode Penulisan

1.5 Struktur Penulisan

4.BAB II Landasan Teori

2.1 Apa itu Dreamweaver dan MS SQL Server

2.2 Server Slide dan Client Slide

2.3 Sekilas tentang ASP dan VBScript

5.BAB III Analisa Permasan

6.BAB IV Penutup

Kesimpulan

Saran

Daftar Pustaka

BAB II

LANDASAN TEORI

II.1 Macromedia Dreamweaver

Macromedia Dreamweaver adalah sebuah editor HTML profesional untuk mendesain secara visual dan mengelola website dan halaman web. Konsep WYSYWIG (What You See IS What You Get) HTML (HyperText Mark-up Language) akan memberikan anda membuat membuat halaman web dan web sites secara mudah dan cepat. Tetapi dibalik semuanya itu, dreamweaver juga memberikan anda kemudahan mempelajari DHTML (Dynamic HTML), yang bisa membuat website lebih menarik dan lebih interaktif. Tidak hanya berhenti disini, dreamweaver juga mempunyai fasilitas FTP (File Transfer Protocol) untuk upload situs anda ke Internet ketika proses desain sudah selesai dibuat.
Fasilitas Dreamweaver termasuk juga coding tools dan features: HTML, CSS, dan JavaScript reference, a JavaScript Debugger, dan code editors (the Code view and Code inspector) yang bisa untuk mengedit JavaScript, XML, dan dokumen text lainnya secara langsung dalam Dreamweaver. Teknologi Macromedia tentang HTML mengimport dokumen HTML tanpa memformat ulang code nya - dan anda bisa dengan mudah mengeset Dreamweaver untuk membersihkan dan memformat ulang HTML kapan pun anda inginkan.

II.2 MS SQL server

Microsoft SQL Server adalah sebuah sistem manajemen basis data relasional (RDBMS) produk Microsoft. Bahasa kueri utamanya adalah Transact-SQL yang merupakan implementasi dari SQL standar ANSI/ISO yang digunakan oleh Microsoft dan Sybase. Umumnya SQL Server digunakan di dunia bisnis yang memiliki basis

3

4

data berskala kecil sampai dengan menengah, tetapi kemudian berkembang dengan digunakannya SQL Server pada basis data besar.

Microsoft SQL Server dan Sybase/ASE dapat berkomunikasi lewat jaringan dengan menggunakan protokol TDS (Tabular Data Stream). Selain dari itu, Microsoft SQL Server juga mendukung ODBC (Open Database Connectivity), dan mempunyai driver JDBC untuk bahasa pemrograman Java. Fitur yang lain dari SQL Server ini adalah kemampuannya untuk membuat basis data mirroring dan clustering.

II.3 Server slide dan client slide

Server slide adalah bahasa pemrograman yang digunakan untuk berhubungan pada sisi server berdasiskan database, kemudian dikirimkan kembali ke client slide berupa HTML. Conto bahasa server slide antara lain adalah PHP,ASP,JSP dan Lainya.

Client Slide adlah bahasa pemrograman tambahan yang digunakan sebagai pelengkap ari bahasa pemrograman. Client Slide digunakan untuk nengolah suatau validasi data, animasi, dan membuat beberapa aplikasi yang tidak dapat dilakukan oleh server slide. Contoh bahasanya yaitu VBScript, JavaScript dan lainya.

BAB III

ANALISA PERMASALAHAN

Ada beberapa cara untuk menghubungkan database yang kita punya (kali ini saya menggunakan MS SQL server), yaitu dengan menggunakan fitur-fitur yang sudah tersedia didalam Mac.Dreamweaver ini maupun dengan menggunakan script atau syntax pada tampilan code pada saat perancangan website.

Kali ini saya akan menjelaskan dengan menggunakan cara yang kedua, saya akan mencoba menampilkan database yang saya miliki melalui web browser.untuk menampilkan database dibutuhkan recodrset yang berfungsi sebagai penghubung database dengan server aplikasi yang menghasilkan halaman web.

Pertama-tama jalankan program Dreamweaver dan buatlah halaman baru dengan memilih menu File > New sehingga tampil menu kotak dialog New Document seperti gambar dibawah ini

Gambar 3.1 New Document

5

6

Pada bagian Category, pilih Dynamic page, kemubian klik pilihan ASP VBScript dan klik tombol create. Selanjutnya klik tombol Show Code View untuk berpindah ke tampilan kode, lalu ketik script sebagai berikut:

· Tanda berfungsi untuk memberitahukan kepada server bahwa semua kode yang ada diantara tanda tersebut akan dieksekusi oleh server.

· Set koneksi =server.createobject(“ADODB.connection”) memerintahkan server untuk membuat object ODBC conn dan menyimpannya kedalam variable tyanag bernama koneksi.

· Sql record=server.createobject(“ADODB.recordset”) untuk membuka recordset dengan metode open.

· Nilai 3,3 adalah cursor type dan lock type :

Cursor type

Type	Nilai	Ket
Static	3	Kumpulan record yang tidak dapat beronag secara otomatis, biasanya hanya untuk mencari dan menampilkan data.
Dynamic	2	Penambahab dan perubahan data tidak hayna dapat dilakukan oleh user yang sedang mengakses saja , melainkan oleh semua user
keyset	1	Hanya untu user yang mengakses saja
Forwad only	0	Kursor pada record hanya bergerak maju saja.

Tabel 3.1 Cursor type

7

Type	Nilai	Ket
Batch optimistic	4	Penguncian berlaku apabila semua record diubah dengan metode BatchUpdate
Optimistic	3	Penguncian jika record diubah
Pesimistic	2	Penguncian sampai dengan record selesai diubah
Read only	1	Record tidak dapat diubah

Table 3.2 Lock Type

Proses selanjutnya adalah membuat table untuk menampilkan database, klik tombol Show Design View pilih menu insert >table. Buat 7 kolom dan 2 baris.

Lalu kembali ke view code hapus text$nbsp yang ada diantara

kemudian ketik <%=record.fields("id")%

.

menjadi

8

Simpan dengan nama Tampilan data.asp pada direktori D:\Inetpub\wwwroot\BelajarAsp.

Klik pilihan Tampildata.asp sehingga iExplorer akan menampilkan database record pertama saja, untuk menampilkan semua record anda harus menambahkan script sebagai berikut

Baris pertama dan keempat menandakan awal dan akhir pengulangan atau looping yang dijalankan sampai akhir recordset. Membaca hingga akhir recordset membuat properti EOF bernilai TRUE.

Berikut adalah tampilan grafis dan kode Tampilandata.asp seluruhnya

9

Gambar 3.2 Tampilan kode

10

Gambar 3.3 Tampilan Grafis

BAB IV

PENUTUP

IV.1 KESIMPULAN

Pengkoneksian yang telah dilakukan diatas hanyalah contoh yang sederhana tetapi diperlukan ketelitian dalam pembuatanya, jika slah satu tanda saja tentu perintah tersebut tidak akan berjalan.

Satu lagi yang perlu diperhatikan ialah penginstalan komponen-komponen pendukung seperti IIS (Internet Information Services) dan ODBC(Open Database Connectivity) . tanpa adanya komponen tersebut tentu saja anad tidak dapat membuat halaman web pada localhost.

IV.2 SARAN

Perhatikan dan pelajari syntax-syntax yang ada jangan sampai salah memasukkan karena kesalahan pada pengkodean berakibat gagalnya pembuatan halaman web

DAFTAR PUSTAKA

Referensi dari situs :

http://id.wikipedia.org/wiki/Adobe_Dreamweaver

http://j4nn4h.blogspot.com/2008/04/adobe-dreamweaver.html

http://id.wikipedia.org/wiki/Microsoft_SQL_Server

Referensi dari buku :

Hadi,Mulya. 2008. Dreamweaver CS3 untuk Orang Awam. Palembang:Maxikom

Tim Divisi Penelitian dan Pengmbangan..2005. Macromedia Dreamweaver dengan ASP.Madiun:MADCOMS